A fantastically simple tagging component for your React projects

Overview

React-Tags

MIT NPM Version Dependency Status devDependency Status npm downloads build status code style: prettier

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window.

Features

  • Autocomplete based on a suggestion list
  • Keyboard friendly and mouse support
  • Reorder tags using drag and drop

Why

Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

Demo

img

Check it out here

Installation

The preferred way of using the component is via NPM

npm install --save react-tag-input

make sure you have installed the peer dependencies as well with below versions

react: ^16.3.1,
react-dnd: ^5.0.0
react-dnd-html5-backend: ^3.0.2
react-dom": ^16.3.1

It is, however, also available to be used separately (dist/ReactTags.min.js). If you prefer this method remember to include ReactDND as a dependancy. Refer to the example to see how this works.

Usage

Here's a sample implementation that initializes the component with a list of initial tags and suggestions list. Apart from this, there are multiple events, handlers for which need to be set. For more details, go through the API.

import React from 'react';
import ReactDOM from 'react-dom';
import { WithContext as ReactTags } from 'react-tag-input';

const KeyCodes = {
  comma: 188,
  enter: 13,
};

const delimiters = [KeyCodes.comma, KeyCodes.enter];

class App extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            tags: [
                { id: "Thailand", text: "Thailand" },
                { id: "India", text: "India" }
             ],
            suggestions: [
                { id: 'USA', text: 'USA' },
                { id: 'Germany', text: 'Germany' },
                { id: 'Austria', text: 'Austria' },
                { id: 'Costa Rica', text: 'Costa Rica' },
                { id: 'Sri Lanka', text: 'Sri Lanka' },
                { id: 'Thailand', text: 'Thailand' }
             ]
        };
        this.handleDelete = this.handleDelete.bind(this);
        this.handleAddition = this.handleAddition.bind(this);
        this.handleDrag = this.handleDrag.bind(this);
    }

    handleDelete(i) {
        const { tags } = this.state;
        this.setState({
         tags: tags.filter((tag, index) => index !== i),
        });
    }

    handleAddition(tag) {
        this.setState(state => ({ tags: [...state.tags, tag] }));
    }

    handleDrag(tag, currPos, newPos) {
        const tags = [...this.state.tags];
        const newTags = tags.slice();

        newTags.splice(currPos, 1);
        newTags.splice(newPos, 0, tag);

        // re-render
        this.setState({ tags: newTags });
    }

    render() {
        const { tags, suggestions } = this.state;
        return (
            <div>
                <ReactTags tags={tags}
                    suggestions={suggestions}
                    handleDelete={this.handleDelete}
                    handleAddition={this.handleAddition}
                    handleDrag={this.handleDrag}
                    delimiters={delimiters} />
            </div>
        )
    }
};

ReactDOM.render(<App />, document.getElementById('app'));

A note about Contexts One of the dependencies of this component is the react-dnd library. Since the 1.0 version, the original author has changed the API and requires the application using any draggable components to have a top-level backend context. So if you're using this component in an existing Application that uses React-DND you will already have a backend defined, in which case, you should require the component without the context.

const ReactTags = require('react-tag-input').WithOutContext;

Otherwise, you can simply import along with the backend itself (as shown above). If you have ideas to make this API better, I'd love to hear.

Options

Option Type Default Description
tags Array [] An array of tags that are displayed as pre-selected
suggestions Array [] An array of suggestions that are used as basis for showing suggestions
delimiters Array [ENTER, TAB] Specifies which characters should terminate tags input
placeholder String Add new tag The placeholder shown for the input
labelField String text Provide an alternative label property for the tags
handleAddition Function undefined Function called when the user wants to add a tag (required)
handleDelete Function undefined Function called when the user wants to delete a tag (required)
handleDrag Function undefined Function called when the user drags a tag
handleFilterSuggestions Function undefined Function called when filtering suggestions
handleTagClick Function undefined Function called when the user wants to know which tag was clicked
autofocus Boolean true Boolean value to control whether the text-input should be autofocused on mount
allowDeleteFromEmptyInput Boolean true Boolean value to control whether tags should be deleted when the 'Delete' key is pressed in an empty Input Box
handleInputChange Function undefined Event handler for input onChange
handleInputFocus Function undefined Event handler for input onFocus
handleInputBlur Function undefined Event handler for input onBlur
minQueryLength Number 2 How many characters are needed for suggestions to appear
removeComponent Boolean false Custom delete/remove tag element
autocomplete Boolean/Number false Ensure the first matching suggestion is automatically converted to a tag when a delimiter key is pressed
readOnly Boolean false Read-only mode without the input box and removeComponent and drag-n-drop features disabled
name String undefined The name attribute added to the input
id String undefined The id attribute added to the input
maxLength Number Infinity The maxLength attribute added to the input
inline Boolean true Render input field and selected tags in-line
inputFieldPosition String inline Specify position of input field relative to tags
allowUnique Boolean true Boolean value to control whether tags should be unqiue
allowDragDrop Boolean true Boolean value to control whether tags should have drag-n-drop features enabled
renderSuggestion Function undefined Render prop for rendering your own suggestions

tags (optional, defaults to [])

An array of tags that are displayed as pre-selected. Each tag should have an id property, property for the label, which is specified by the labelField and class for label, which is specified by className.

// With default labelField
const tags =  [ { id: "1", text: "Apples" } ]

// With labelField of `name`
const tags =  [ { id: "1", name: "Apples" } ]

// With className
const tags = [ { id: "1", text: "Apples", className: 'red'} ]

suggestions (optional, defaults to [])

An array of suggestions that are used as basis for showing suggestions. These objects should follow the same structure as the tags. So if the labelField is name, the following would work:

// With labelField of `name`
const suggestions = [
    { id: "1", name: "mango" },
    { id: "2", name: "pineapple"},
    { id: "3", name: "orange" },
    { id: "4", name: "pear" }
];

<a name="delimiters"></a>
##### delimiters (optional, defaults to `[ENTER, TAB]`)
Specifies which characters should terminate tags input. An array of character codes.

```js
const Keys = {
    TAB: 9,
    SPACE: 32,
    COMMA: 188,
};
<ReactTags
    delimiters={[Keys.TAB, Keys.SPACE, Keys.COMMA]}
 />

placeholder (optional, defaults to Add new tag)

The placeholder shown for the input.

let placeholder = "Add new country"

labelField (optional, defaults to text)

Provide an alternative label property for the tags.

<ReactTags
    tags={tags}
    suggestions={}
    labelField={'name'}
    handleDrag={}
 />

This is useful if your data uses the text property for something else.

handleAddition (required)

Function called when the user wants to add a tag (either a click, a tab press or carriage return)

function(tag) {
    // add the tag to the tag list
}

handleDelete (required)

Function called when the user wants to delete a tag

function(i) {
    // delete the tag at index i
}

handleDrag (optional)

If you want tags to be draggable, you need to provide this function. Function called when the user drags a tag.

function(tag, currPos, newPos) {
    // remove tag from currPos and add in newPos
}

handleFilterSuggestions (optional)

To assert control over the suggestions filter, you may contribute a function that is executed whenever a filtered set of suggestions is expected. By default, the text input value will be matched against each suggestion, and those that start with the entered text will be included in the filters suggestions list. If you do contribute a custom filter function, you must return an array of suggestions. Please do not mutate the passed suggestions array.

For example, if you prefer to override the default filter behavior and instead match any suggestions that contain the entered text anywhere in the suggestion, your handleFilterSuggestions property may look like this:

function(textInputValue, possibleSuggestionsArray) {
    var lowerCaseQuery = textInputValue.toLowerCase()

    return possibleSuggestionsArray.filter(function(suggestion)  {
        return suggestion.toLowerCase().includes(lowerCaseQuery)
    })
}

Note: The above custom filter uses String.prototype.includes, which was added to JavaScript as part of the ECMAScript 7 specification. If you need to support a browser that does not yet include support for this method, you will need to either refactor the above filter based on the capabilities of your supported browsers, or import a polyfill for String.prototype.includes.

handleTagClick (optional)

Function called when the user wants to know which tag was clicked

function(i) {
    // use the tag details at index i
}

autofocus (optional, defaults to true)

Optional boolean param to control whether the text-input should be autofocused on mount.

<ReactTags
    autofocus={false}
    ...>

allowDeleteFromEmptyInput (optional, defaults to true)

Optional boolean param to control whether tags should be deleted when the 'Delete' key is pressed in an empty Input Box.

<ReactTags
    allowDeleteFromEmptyInput={false}
    ...>

handleInputChange (optional)

Optional event handler for input onChange

<ReactTags
    handleInputChange={this.handleInputChange}
    ...>

handleInputFocus (optional)

Optional event handler for input onFocus

<ReactTags
    handleInputFocus={this.handleInputFocus}
    ...>

handleInputBlur (optional)

Optional event handler for input onBlur

<ReactTags
    handleInputBlur={this.handleInputBlur}
    ...>

minQueryLength (optional, defaults to 2)

How many characters are needed for suggestions to appear.

removeComponent (optional)

If you'd like to supply your own tag delete/remove element, create a React component and pass it as a property to ReactTags using the removeComponent option. By default, a simple anchor link with an "x" text node as its only child is rendered, but if you'd like to, say, replace this with a <button> element that uses an image instead of text, your markup may look something like this:

import {WithContext as ReactTags} from 'react-tag-input'

class Foo extends React.Component {
   render() {
      return <ReactTags removeComponent={RemoveComponent}/>
   }
}

class RemoveComponent extends React.Component {
   render() {
      return (
         <button {...this.props}>
            <img src="my-icon.png" />
         </button>
      )
   }
}

The "ReactTags__remove" className and onClick handler properties can be automatically included on the <button> by using the JSX spread attribute, as illustrated above.

autocomplete (optional, defaults to false)

Useful for enhancing data entry workflows for your users by ensuring the first matching suggestion is automatically converted to a tag when a delimiter key is pressed (such as the enter key). This option has three possible values:

  • true - when delimeter key (such as enter) is pressed, first matching suggestion is used.
  • 1 - when delimeter key (such as enter) is pressed, matching suggestion is used only if there is a single matching suggestion
  • false (default) - tags are not autocompleted on enter/delimiter

This option has no effect if there are no suggestions.

readOnly (optional, defaults to false)

Renders the component in read-only mode without the input box and removeComponent. This also disables the drag-n-drop feature.

name (optional)

The name attribute added to the input.

<ReactTags
    name = "inputName"
    ...>

id (optional)

The id attribute added to the input.

<ReactTags
    id = "inputId"
    ...>

maxLength (optional)

The maxLength attribute added to the input. Specifies the maximum number of characters allowed in the input field.

<ReactTags
    maxLength = "42"
    ...>

inline (optional, defaults to true)

The inline attributes decides whether the input fields and selected tags will be rendered in-line.

<ReactTags
    inline
    ...>

img

<ReactTags
    inline={false}
    ...>

img

This attribute is deprecated and will be removed in v7.x.x, see inputFieldPosition.

inputFieldPosition (optional, defaults to inline)

The inputFieldPosition attribute decides the positioning of the input field relative to the tags. Can be one of inline, top or bottom.

<ReactTags
    inputFieldPosition="inline"
    ...>

img

<ReactTags
    inputFieldPosition="top"
    ...>

img

<ReactTags
    inputFieldPosition="bottom"
    ...>

img

allowUnique (optional, defaults to true)

This prop controls whether tags should be unique.

allowDragDrop (optional, defaults to true)

This prop controls whether tags should have the drag-n-drop feature enabled.

renderSuggestion (optional)

This props allows to provide your own suggestion renderer and override the default one. It receives the suggestion and the query string as parameters. For example:

<ReactTags
    renderSuggestion = {({ text }, query) => <div style={{ textDecoration: 'underline', textDecorationStyle: 'wavy' }}>{text} ({ query })</div>}
    ...>

Styling

<ReactTags> does not come up with any styles. However, it is very easy to customize the look of the component the way you want it. By default, the component provides the following classes with which you can style -

  • ReactTags__tags
  • ReactTags__tagInput
  • ReactTags__tagInputField
  • ReactTags__selected
  • ReactTags__selected ReactTags__tag
  • ReactTags__selected ReactTags__remove
  • ReactTags__suggestions
  • ReactTags__activeSuggestion

An example can be found in /example/reactTags.css.

If you need to set your own class names on the component, you may pass in a classNames prop.

  <ReactTags
    classNames={{
      tags: 'tagsClass',
      tagInput: 'tagInputClass',
      tagInputField: 'tagInputFieldClass',
      selected: 'selectedClass',
      tag: 'tagClass',
      remove: 'removeClass',
      suggestions: 'suggestionsClass',
      activeSuggestion: 'activeSuggestionClass'
    }}
    ...>

Dev

The component is written in ES6 and uses Webpack as its build tool.

Set up instructions

git clone [email protected]:prakhar1989/react-tags.git
cd react-tags
npm install
npm run precommit
npm run start

open http://localhost:8090/example

Contributing

Got ideas on how to make this better? Open an issue!

Thanks

The autocomplete dropdown is inspired by Lea Verou's awesomeplete library. The Drag and drop functionality is provided by Dan Abramov's insanely useful ReactDND library.

Also thanks to the awesome contributors who've made the library far better!

Issues
  • Update eslint-plugin-jest to the latest version 🚀

    Update eslint-plugin-jest to the latest version 🚀

    The devDependency eslint-plugin-jest was updated from 22.1.3 to 22.3.1.

    This version is not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v22.3.1

    22.3.1 (2019-03-12)

    Bug Fixes

    • no-identical-title: not reporting when using backticks (#237) (4f8ef6d), closes #232
    Commits

    The new version differs by 13 commits.

    • 4f8ef6d fix(no-identical-title): not reporting when using backticks (#237)
    • 42d2d42 chore: refresh lockfile
    • 3a1dc2d chore(package): update to [email protected] (#228)
    • 6cd30a7 feat(rules): add prefer-called-with rule
    • a3edd21 fix: use range instead of start/end properties (#221)
    • 47e79c8 fix: dummy commit for release
    • d912a70 Revert "chore: add changelog to release process (#214)"
    • 332176d chore: fix typo
    • 924daed chore: add github semantic release plugin
    • 13b7c98 chore(release): 22.2.0 [skip ci]
    • 0933d82 feat(rules): add prefer-todo rule (#218)
    • 8dd5a80 chore: bump jest to v24 (#216)
    • 176832e chore: add changelog to release process (#214)

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 33
  • Update react-dnd to the latest version 🚀

    Update react-dnd to the latest version 🚀

    There have been updates to the react-dnd monorepo:

    These versions are not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

    This monorepo update includes releases of one or more dependencies which all belong to the react-dnd group definition.


    Find out more about this release.

    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 24
  • Changes suggestions to use the provided labelField

    Changes suggestions to use the provided labelField

    This pull request changes Suggestions to use the provided labelField instead of always using hardcoded .text property, so that the suggestions and tags don't have to be mapped differently.

    under Review 
    opened by josh-degraw 23
  • Read only view

    Read only view

    Is there a way to show the tags without the edit mode? Like i do not want to show a delete x or input field to add more tags. Just want to list my tags.

    opened by aaronucsd 21
  • Update eslint-plugin-jest to the latest version 🚀

    Update eslint-plugin-jest to the latest version 🚀

    Version 21.18.0 of eslint-plugin-jest was just published.

    Dependency eslint-plugin-jest
    Current Version 21.15.1
    Type devDependency

    The version 21.18.0 is not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

    It might be worth looking into these changes and trying to get this project onto the latest version of eslint-plugin-jest.

    If you have a solid test suite and good coverage, a passing build is a strong indicator that you can take advantage of these changes directly by merging the proposed change into your project. If the build fails or you don’t have such unconditional trust in your tests, this branch is a great starting point for you to work on the update.


    Release Notes v21.18.0

    21.18.0 (2018-07-17)

    Features

    Commits

    The new version differs by 11 commits.

    • 5208173 chore(ci): attempt to add npm token
    • b5a13fd feat(rules): add prefer-inline-snapshots (#129)
    • 2b55a86 Create LICENSE
    • f605560 docs: clean up rules table links (#122)
    • e40113d chore(package): update to [email protected] (#120)
    • d7f3de3 feat: add fixer for lowercase-name rule (#119)
    • ca2d60b docs(readme): add no-jasmine-global to Readme (#117)
    • 885ce17 fix: handle callexpressions with anonymous calles
    • 7707e14 feat(rules): add no-jasmine-globals (#116)
    • 523e2f4 fix(rules): don't crash on require() (#115)
    • 4586bdc fix(valid-describe): allow concise body arrow function (#106)

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 21
  • Update eslint-plugin-jest to the latest version 🚀

    Update eslint-plugin-jest to the latest version 🚀

    The devDependency eslint-plugin-jest was updated from 22.21.0 to 23.0.0.

    This version is not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Publisher: simenb License: MIT

    Release Notes for v23.0.0

    23.0.0 (2019-10-27)

    Bug Fixes

    • require-tothrow-message: rename rule to require-to-throw-message (#306) (53653c1), closes #296

    chore

    Features

    • support ignoreTypeOfDescribeName in valid-title (7dec202), closes #431

    BREAKING CHANGES

    • require-tothrow-message: Rename require-tothrow-message to require-to-throw-message
    • new rules added to recommended config
    • valid-describe no longer validates the title - use
      valid-title for that purpose
    • Minimum node version is now 8
    Commits

    The new version differs by 12 commits.

    • d2afda5 chore: remove travis
    • 53653c1 fix(require-tothrow-message): rename rule to require-to-throw-message (#306)
    • 14cb815 chore: update recommended config
    • 24ddc1b chore: move danger to GH action
    • 6de136a chore: test on both eslint 5 and 6
    • 7fafcd2 chore: generate changelog file as part of release
    • b9213e0 chore: update dependencies
    • 7dec202 feat: support ignoreTypeOfDescribeName in valid-title
    • 1275471 chore: move title type checking from valid-describe to valid-title
    • bb2d09e chore: merge no-empty-title into valid-title
    • 2ce233c chore: drop [email protected] support
    • a7ba3e4 chore: build next branch and PRs against next

    See the full diff


    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 20
  • Update core-js to the latest version 🚀

    Update core-js to the latest version 🚀

    The dependency core-js was updated from 2.6.10 to 3.3.0.

    This version is not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Publisher: zloirock License: MIT

    Find out more about this release.


    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 20
  • Add support for react-dnd 6+

    Add support for react-dnd 6+

    With these dependendencies:

       "react": "^16.8.6",
        "react-dnd": "^9.3.2",
        "react-dnd-html5-backend": "^9.3.2",
        "react-dom": "^16.8.6",
        "react-tag-input": "^6.4.0",
    

    I'm getting:

    TypeError: (0 , _reactDnd.DragDropContext) is not a function
    ./node_modules/react-materialui-tags/dist-modules/components/ReactTags.js
    
    help wanted released 
    opened by mescarra 18
  • Drag and Drop feature on the webpage got disabled once tag(s) is added

    Drag and Drop feature on the webpage got disabled once tag(s) is added

    Hi, it's me again.

    I have realized one behavior on the react-tag-input component which is once a tag has been added, I could not drag and drop files into my webpage anymore (I have a react-dropzone Drag and Drop section on my screen).

    When I dragged my file(s) onto the screen, a "No Entry" symbol is shown besides my cursor instead of "+ Copy" label. I do not understand what is the factor which caused this. Can anyone please kindly advise.

    released 
    opened by Adrian-CL 17
  • Update jest to the latest version 🚀

    Update jest to the latest version 🚀

    Version 21.0.0 of jest just got published.

    Dependency jest
    Current Version 20.0.4
    Type devDependency

    The version 21.0.0 is not covered by your current version range.

    Without accepting this pull request your project will work just like it did before. There might be a bunch of new features, fixes and perf improvements that the maintainers worked on for you though.

    I recommend you look into these changes and try to get onto the latest version of jest. Given that you have a decent test suite, a passing build is a strong indicator that you can take advantage of these changes by merging the proposed change into your project. Otherwise this branch is a great starting point for you to work on the update.


    Not sure how things should work exactly?

    There is a collection of frequently asked questions and of course you may always ask my humans.


    Your Greenkeeper Bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 17
  • chore(deps-dev): bump webpack-bundle-analyzer from 3.9.0 to 4.5.0

    chore(deps-dev): bump webpack-bundle-analyzer from 3.9.0 to 4.5.0

    Bumps webpack-bundle-analyzer from 3.9.0 to 4.5.0.

    Changelog

    Sourced from webpack-bundle-analyzer's changelog.

    4.5.0

    4.4.2

    • Bug Fix
      • Fix failure with compiler.outputFileSystem.constructor being undefined (#447 by @​kedarv and @​alexander-akait)
        • NOTE: This fix doesn't have added test coverage so the fix might break in future versions unless test coverage is added later.

    4.4.1

    4.4.0

    4.3.0

    4.2.0

    • Improvement
      • A number of improvements to reduce the number of dependencies (#391, #396, #397)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • chore(deps-dev): bump jest from 22.4.4 to 27.2.5

    chore(deps-dev): bump jest from 22.4.4 to 27.2.5

    Bumps jest from 22.4.4 to 27.2.5.

    Release notes

    Sourced from jest's releases.

    v27.2.5

    Features

    • [jest-config] Warn when multiple Jest configs are located (#11922)

    Fixes

    • [expect] Pass matcher context to asymmetric matchers (#11926 & #11930)
    • [expect] Improve TypeScript types (#11931)
    • [expect] Improve typings of toThrow() and toThrowError() matchers (#11929)
    • [jest-cli] Improve --help printout by removing defunct --browser option (#11914)
    • [jest-haste-map] Use distinct cache paths for different values of computeDependencies (#11916)
    • [@jest/reporters] Do not buffer console.logs when using verbose reporter (#11054)

    Chore & Maintenance

    • [expect] Export default matchers (#11932)
    • [@jest/types] Mark deprecated configuration options as @deprecated (#11913)

    New Contributors

    Full Changelog: https://github.com/facebook/jest/compare/v27.2.4...v27.2.5

    27.2.4

    Features

    • [expect] Add equality checks for Array Buffers in expect.ToStrictEqual() (#11805)

    Fixes

    • [jest-snapshot] Correctly indent inline snapshots (#11560)

    27.2.3

    Features

    • [@jest/fake-timers] Update @sinonjs/fake-timers to v8 (#11879)

    Fixes

    • [jest-config] Parse testEnvironmentOptions if received from CLI (#11902)
    • [jest-reporters] Call destroy on v8-to-istanbul converters to free memory (#11896)

    27.2.2

    Fixes

    • [jest-runtime] Correct wrapperLength value for ESM modules. (#11893)

    ... (truncated)

    Changelog

    Sourced from jest's changelog.

    27.2.5

    Features

    • [jest-config] Warn when multiple Jest configs are located (#11922)

    Fixes

    • [expect] Pass matcher context to asymmetric matchers (#11926 & #11930)
    • [expect] Improve TypeScript types (#11931)
    • [expect] Improve typings of toThrow() and toThrowError() matchers (#11929)
    • [jest-cli] Improve --help printout by removing defunct --browser option (#11914)
    • [jest-haste-map] Use distinct cache paths for different values of computeDependencies (#11916)
    • [@jest/reporters] Do not buffer console.logs when using verbose reporter (#11054)

    Chore & Maintenance

    • [expect] Export default matchers (#11932)
    • [@jest/types] Mark deprecated configuration options as @deprecated (#11913)

    Performance

    27.2.4

    Features

    • [expect] Add equality checks for Array Buffers in expect.ToStrictEqual() (#11805)

    Fixes

    • [jest-snapshot] Correctly indent inline snapshots (#11560)

    27.2.3

    Features

    • [@jest/fake-timers] Update @sinonjs/fake-timers to v8 (#11879)

    Fixes

    • [jest-config] Parse testEnvironmentOptions if received from CLI (#11902)
    • [jest-reporters] Call destroy on v8-to-istanbul converters to free memory (#11896)

    27.2.2

    Fixes

    • [jest-runtime] Correct wrapperLength value for ESM modules. (#11893)

    27.2.1

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by simenb, a new releaser for jest since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • chore(deps-dev): bump css-loader from 5.2.6 to 6.4.0

    chore(deps-dev): bump css-loader from 5.2.6 to 6.4.0

    Bumps css-loader from 5.2.6 to 6.4.0.

    Release notes

    Sourced from css-loader's releases.

    v6.4.0

    6.4.0 (2021-10-09)

    Features

    • generate more collision resistant for locals (c7db752)

    Bug Fixes

    • classes generation for client and server bundling (303a3a1)

    v6.3.0

    6.3.0 (2021-09-18)

    Features

    • added [folder] placeholder (a0dee4f)
    • added the exportType option with 'array', 'string' and 'css-style-sheet' values (c6d2066)
      • 'array' - the default export is Array with API for style-loader and other
      • 'string' - the default export is String you don't need to-string-loader loader anymore
      • 'css-style-sheet' - the default export is a constructable stylesheet, you can use import sheet from './styles.css' assert { type: 'css' }; like in a browser, more information you can find here
    • supported supports() and layer() functions in @import at-rules (#1377) (bce2c17)
    • fix multiple merging multiple @media at-rules (#1377) (bce2c17)

    Bug Fixes

    v6.2.0

    6.2.0 (2021-07-19)

    Features

    • allow the exportLocalsConvention option can be a function useful for named export (#1351) (3c4b357)

    v6.1.0

    6.1.0 (2021-07-17)

    Features

    Bug Fixes

    ... (truncated)

    Changelog

    Sourced from css-loader's changelog.

    6.4.0 (2021-10-09)

    Features

    • generate more collision resistant for locals (c7db752)

    Bug Fixes

    • classes generation for client and server bundling (303a3a1)

    6.3.0 (2021-09-18)

    Features

    • added [folder] placeholder (a0dee4f)
    • added the exportType option with 'array', 'string' and 'css-style-sheet' values (c6d2066)
      • 'array' - the default export is Array with API for style-loader and other
      • 'string' - the default export is String you don't need to-string-loader loader anymore
      • 'css-style-sheet' - the default export is a constructable stylesheet, you can use import sheet from './styles.css' assert { type: 'css' }; like in a browser, more information you can find here
    • supported supports() and layer() functions in @import at-rules (#1377) (bce2c17)
    • fix multiple merging multiple @media at-rules (#1377) (bce2c17)

    Bug Fixes

    6.2.0 (2021-07-19)

    Features

    • allow the exportLocalsConvention option can be a function, useful for named export (#1351) (3c4b357)

    6.1.0 (2021-07-17)

    Features

    Bug Fixes

    6.0.0 (2021-07-14)

    ... (truncated)

    Commits
    • 60c3755 chore(release): 6.4.0
    • 303a3a1 fix: classes generation for client and server bundling
    • c7db752 feat: generate more collision resistant for locals
    • a56bd94 test: more
    • b29d389 chore(release): 6.3.0
    • c323610 feat: added string value for the exportType option
    • c6d2066 feat: added the exportType option
    • bce2c17 feat: supported supports() and layer() and fix multiple @media merging ...
    • cf3a3a7 fix: reduce runtime (#1378)
    • 7c2cede chore(deps): update
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • chore(deps-dev): bump jsdom from 11.12.0 to 18.0.0

    chore(deps-dev): bump jsdom from 11.12.0 to 18.0.0

    Bumps jsdom from 11.12.0 to 18.0.0.

    Release notes

    Sourced from jsdom's releases.

    Version 18.0.0

    Potentially-breaking bug fixes:

    • Fixed SSL certificate checking for WebSocket connections. Previously, invalid SSL certificates were always accepted; now, they properly respect the ResourceLoader's strictSSL option (which defaults to true).
    • Changed the global in which almost all Promise and TypeError instances are created to be the jsdom global, not the Node.js global. This could affect any code that uses instanceof.

    Other changes:

    • Fixed moving an element between HTML and XML documents to reset the tagName cache, allowing it to return a lowercase value once it's in the XML document. (LucasLefevre)
    • Fixed form submission to not happen when the form is invalid. (pozil)

    Version 17.0.0

    Breaking change: Node v12 is now the minimum supported version.

    Version 16.7.0

    • Added AbortSignal.abort(). (ninevra)
    • Added dummy x and y properties to the return value of getBoundingClientRect(). (eiko)
    • Implemented wrapping for textareaEl.value if the wrap="" attribute is specified. (ninevra)
    • Changed newline normalization in <textarea>s according to recent HTML Standard updates. (ninevra)
    • Fixed some bad cascade computation in getComputedStyle(). (romain-trotard)

    Version 16.6.0

    Version 16.5.3

    • Fixed infinite recursion when using MutationObservers to observe elements inside a MutationObserver callback.

    Version 16.5.2

    • Fixed Access-Control-Allow-Headers: * to work with XMLHttpRequest. (silviot)
    • Fixed xhr.response to strip any leading BOM when xhr.responseType is "json".
    • Fixed new Text() and new Comment() constructors to properly set the resulting node's ownerDocument.
    • Fixed customElements.whenDefined() to resolve its returned promise with the custom element constructor, per recent spec updates. (ExE-Boss)
    • Fixed parsing to ensure that <svg>\<template></template></svg> does not throw an exception, but instead correctly produces a SVG-namespace \<template> element.
    • Fixed domParser.parseFromString() to treat <noscript> elements appropriately.
    • Fixed form control validity checking when the control was outside the <form> element and instead associated using the form="" attribute.
    • Fixed legendEl.form to return the correct result based on its parent <fieldset>.
    • Fixed optionEl.text to exclude <script> descendants.
    • Fixed radio buttons and checkboxes to not fire input and change events when disconnected.
    • Fixed inputEl.indeterminate to reset to its previous value when canceling a click event on a checkbox or radio button.
    • Fixed the behavior of event handler attributes (e.g. onclick="...code...") when there were global variables named element or formOwner. (ExE-Boss)
    • On Node.js v14.6.0+ where WeakRefs are available, fixed NodeIterator to no longer stop working when more than ten NodeIterator instances are created, and to use less memory due to inactive NodeIterators sticking around. (ExE-Boss)

    Version 16.5.1

    • Fixed a regression that broke customElements.get() in v16.5.0. (fdesforges)
    • Fixed window.event to have a setter which overwrites the window.event property with the given value, per the specification. This fixes an issue where after upgrading to jsdom v16.5.0 you would no longer be able to set a global variable named event in the jsdom context.

    Version 16.5.0

    • Added window.queueMicrotask().

    ... (truncated)

    Changelog

    Sourced from jsdom's changelog.

    18.0.0

    Potentially-breaking bug fixes:

    • Fixed SSL certificate checking for WebSocket connections. Previously, invalid SSL certificates were always accepted; now, they properly respect the ResourceLoader's strictSSL option (which defaults to true).
    • Changed the global in which almost all Promise and TypeError instances are created to be the jsdom global, not the Node.js global. This could affect any code that uses instanceof.

    Other changes:

    • Fixed moving an element between HTML and XML documents to reset the tagName cache, allowing it to return a lowercase value once it's in the XML document. (LucasLefevre)
    • Fixed form submission to not happen when the form is invalid. (pozil)

    17.0.0

    Breaking change: Node v12 is now the minimum supported version.

    16.7.0

    • Added AbortSignal.abort(). (ninevra)
    • Added dummy x and y properties to the return value of getBoundingClientRect(). (eiko)
    • Implemented wrapping for textareaEl.value if the wrap="" attribute is specified. (ninevra)
    • Changed newline normalization in <textarea>s according to recent HTML Standard updates. (ninevra)
    • Fixed some bad cascade computation in getComputedStyle(). (romain-trotard)

    16.6.0

    • Added parentNode.replaceChildren(). (ninevra)
    • Fixed jsdom's handling of when code running inside the jsdom throws null or undefined as an exception. (mbest)
    • Removed the dependency on the deprecated request package, in the process fixing several issues with the XMLHttpRequest implementation around header processing. Special thanks to vegardbb for completing this months-long effort!

    16.5.3

    • Fixed infinite recursion when using MutationObservers to observe elements inside a MutationObserver callback.

    16.5.2

    • Fixed Access-Control-Allow-Headers: * to work with XMLHttpRequest. (silviot)
    • Fixed xhr.response to strip any leading BOM when xhr.responseType is "json".
    • Fixed new Text() and new Comment() constructors to properly set the resulting node's ownerDocument.
    • Fixed customElements.whenDefined() to resolve its returned promise with the custom element constructor, per recent spec updates. (ExE-Boss)
    • Fixed parsing to ensure that <svg>\<template></template></svg> does not throw an exception, but instead correctly produces a SVG-namespace \<template> element.
    • Fixed domParser.parseFromString() to treat <noscript> elements appropriately.
    • Fixed form control validity checking when the control was outside the <form> element and instead associated using the form="" attribute.
    • Fixed legendEl.form to return the correct result based on its parent <fieldset>.
    • Fixed optionEl.text to exclude <script> descendants.
    • Fixed radio buttons and checkboxes to not fire input and change events when disconnected.
    • Fixed inputEl.indeterminate to reset to its previous value when canceling a click event on a checkbox or radio button.
    • Fixed the behavior of event handler attributes (e.g. onclick="...code...") when there were global variables named element or formOwner. (ExE-Boss)
    • On Node.js v14.6.0+ where WeakRefs are available, fixed NodeIterator to no longer stop working when more than ten NodeIterator instances are created, and to use less memory due to inactive NodeIterators sticking around. (ExE-Boss)

    ... (truncated)

    Commits
    • 24e23c0 Version 18.0.0
    • 6a4d9a0 Prevent invalid forms from being submitted
    • 5731aa3 Update dependencies and dev dependencies
    • 82c4d54 Update webidl2js and related dependencies
    • 0778616 Don't uppercase tagName when element is appended to XML document
    • 7612f1a Fix SSL certificate checking for WebSockets
    • ba8e580 Version 17.0.0
    • 9dae17b Update dependencies and dev dependencies
    • acbf496 Do not compare compressed PNG
    • fea0132 Move from optimist to yargs for the benchmark runner
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • Install react-dnd and react-dnd-html5-backend to your package.json dependencies

    Install react-dnd and react-dnd-html5-backend to your package.json dependencies

    Install react-dnd and react-dnd-html5-backend to your package.json dependencies, instead of devDependencies, so we don't have to worry about installing them.

    Saves users the extra steps.

    opened by scottpageindysoft 0
  • chore(deps): bump nth-check from 2.0.0 to 2.0.1

    chore(deps): bump nth-check from 2.0.0 to 2.0.1

    Bumps nth-check from 2.0.0 to 2.0.1.

    Release notes

    Sourced from nth-check's releases.

    v2.0.1

    Fixes:

    • Replace regex with hand-rolled parser for nth-expressions (#9) 9894c1d
      • Ensures parsing will always have linear time complexity.

    Internal:

    • chore(ci): Use GitHub Actions, Dependabot (#10) e02b4dd
    • Bump dependencies

    https://github.com/fb55/nth-check/compare/v2.0.0...v2.0.1

    Commits
    • 65e40b0 2.0.1
    • ff63f1d Bump eslint-config-prettier from 6.15.0 to 8.3.0 (#11)
    • ff24c93 Bump jest from 26.6.3 to 27.2.0 (#17)
    • da9d78a Bump @​typescript-eslint/parser from 4.9.0 to 4.31.1 (#18)
    • fa35caf Bump @​types/node from 14.14.10 to 16.9.1 (#16)
    • 5f39402 Bump @​typescript-eslint/eslint-plugin from 4.9.0 to 4.31.1 (#19)
    • a11c0c1 Bump prettier from 2.2.1 to 2.4.0 (#20)
    • 3ddd820 Bump @​types/jest from 26.0.15 to 27.0.1 (#13)
    • 732ab0a Bump ts-jest from 26.4.4 to 26.5.6 (#15)
    • 7efd9da Bump eslint from 7.14.0 to 7.32.0 (#14)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) You can disable automated security fix PRs for this repo from the Security Alerts page.
    dependencies 
    opened by dependabot[bot] 0
  • chore(deps): bump tmpl from 1.0.4 to 1.0.5

    chore(deps): bump tmpl from 1.0.4 to 1.0.5

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) You can disable automated security fix PRs for this repo from the Security Alerts page.
    dependencies 
    opened by dependabot[bot] 0
  • Uncaught Error: A cross-origin error was thrown

    Uncaught Error: A cross-origin error was thrown

    Hi, when I set up the local development environment, and open http://localhost:8090/example, I am seeing a blank page with these two errors in my console browser

    Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

    Check the render method of App. at createFiberFromTypeAndProps (react-dom.development.js:25088) at createFiberFromElement (react-dom.development.js:25116) at reconcileSingleElement (react-dom.development.js:14082) at reconcileChildFibers (react-dom.development.js:14142) at reconcileChildren (react-dom.development.js:17020) at updateHostComponent (react-dom.development.js:17662) at beginWork (react-dom.development.js:19110) at HTMLUnknownElement.callCallback (react-dom.development.js:3942) at Object.invokeGuardedCallbackDev (react-dom.development.js:3991) at invokeGuardedCallback (react-dom.development.js:4053)

    Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://reactjs.org/link/crossorigin-error for more information. at Object.invokeGuardedCallbackDev (react-dom.development.js:4002) at invokeGuardedCallback (react-dom.development.js:4053) at beginWork$1 (react-dom.development.js:23994) at performUnitOfWork (react-dom.development.js:22806) at workLoopSync (react-dom.development.js:22737) at renderRootSync (react-dom.development.js:22700) at performSyncWorkOnRoot (react-dom.development.js:22323) at scheduleUpdateOnFiber (react-dom.development.js:21911) at updateContainer (react-dom.development.js:25512) at react-dom.development.js:26051

    what is the issue here? Can someone help me, please? I have attached the screenshot of the page too?

    screenshot1 screenshot2

    opened by avranju94 0
  • chore(deps): bump semver-regex from 3.1.2 to 3.1.3

    chore(deps): bump semver-regex from 3.1.2 to 3.1.3

    Bumps semver-regex from 3.1.2 to 3.1.3.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) You can disable automated security fix PRs for this repo from the Security Alerts page.
    dependencies 
    opened by dependabot[bot] 0
  • Error on refresh with Nextjs

    Error on refresh with Nextjs

    Server Error

    ReferenceError: onkeydown is not defined

    This error happened while generating the page. Any console logs will be displayed in the terminal window. Source pages/_document.tsx (11:31) @ Function.getInitialProps

    9 | class MyDocument extends Document { 10 | static async getInitialProps(ctx: DocumentContext) {

    11 | const initialProps = await Document.getInitialProps(ctx); | ^ 12 | return { ...initialProps }; 13 | } 14 |

    opened by bassiebangura 0
Releases(v6.7.3)
  • v6.7.3(Jul 12, 2021)

  • v6.7.2(Jul 12, 2021)

  • v6.7.1(Jun 26, 2021)

  • v6.7.0(Jun 19, 2021)

  • v6.6.1(May 30, 2021)

  • v6.6.0(May 29, 2021)

  • v6.5.4(May 21, 2021)

  • v6.5.3(May 21, 2021)

  • v6.5.2(Dec 16, 2020)

  • v6.5.1(Dec 15, 2020)

  • v6.5.0(Dec 15, 2020)

  • v6.4.6(Dec 7, 2020)

  • v6.4.5(Dec 3, 2020)

  • v6.4.4(Dec 3, 2020)

  • v6.4.3(May 27, 2020)

  • v6.4.2(Dec 21, 2019)

  • v6.4.1(Sep 2, 2019)

  • v6.4.0(Mar 9, 2019)

  • v6.3.0(Feb 16, 2019)

  • v6.2.1(Jan 26, 2019)

    6.2.1

    Bug Fixes

    Remove the call for more contributors([f3f7c01df920d08f7f86a7a121d21e9ade926dee])

    Performance

    reduce bundle size by 60%, 29.4KB => 11.84KB(gzipped)([59b5e8f684ae2e872d90423351d513deb23b35fd])

    Source code(tar.gz)
    Source code(zip)
  • v6.2.0(Jan 20, 2019)

  • v6.1.0(Nov 21, 2018)

  • v6.0.2(Oct 28, 2018)

  • v6.0.1(Oct 28, 2018)

  • v6.0.0(Oct 28, 2018)

    6.0.0 (2018-10-28)

    Code Refactoring

    • change classname from tag to tag-wrapper (8238d24)

    Styles

    • Add wrapper to the outer container and add react-tags.scss file for component css (063132c)

    BREAKING CHANGES

    • If tag-wrapper is already passed to classNames prop then css might be breaking as now tag-wrapper class is added in the component itself
    • If react-tags-wrapper is already passed to classNames prop then css might be breaking as now react-tags-wrapper class is added in the component itself
    Source code(tar.gz)
    Source code(zip)
  • v5.2.3(Oct 2, 2018)

    Release Notes
  • 5149fc13cbc91a911e290c7b2bad9d8258e770b7:Feat: Integrate probot/stale by @ad1992
  • c872ea8d3934142594c181da0437d47046c639e3: Fix travis config for uploading test coverage @ad1992
  • Source code(tar.gz)
    Source code(zip)
  • v5.2.1(Sep 15, 2018)

  • v5.1.2(Aug 7, 2018)

  • v5.1.1(Jul 31, 2018)

    Release Notes
  • a40e8fb (tag: v5.1.1) Fix: Changed maxLength prop type from string to number. (#380) by [@budaaaa]
  • 0fcc6ce Fix: Add labelField in addTag and fix specs (#374) by [@ad1992]
  • 0abb748 Feat: Change suggestions to use the provided labelField by [@josh-degraw](#311)
  • Source code(tar.gz)
    Source code(zip)
  • v5.1.0(Jul 1, 2018)

    Release Notes
  • a8e055f:* chore(package): Update eslint-plugin-react to the latest version 🚀 (#360) by [greenkeeper[bot]]
  • 6e80751:chore(package): update prettier to version 1.13.7 (#367) by [@ad1992]
  • 6f886ec: chore(package): update webpack to version 4.14.0 (#366) by [@ad1992]
  • a600278:Update eslint to the latest version 🚀 (#363) by [greenkeeper[bot]]
  • b7c9f35:chore(eslintrc): show react/no-find-dom-node, react/no-render-return-value" rules as warnings instead of error (#358) by [@ad1992]
  • 2929401:Update sinon to the latest version 🚀 (#359) by [greenkeeper[bot]]
  • 91e930f:chore(package): update eslint-plugin-react and add babel-eslint (#357) by [@ad1992]
  • 820a782:chore(package): update react-dnd, react-dnd-htm5-backend, react-dnd-test-backend (#336) by [@ad1992]
  • 37c7db5:chore(package): update eslint to version 5.0.0 🚀 (#355) by [greenkeeper[bot]]
  • 9ed9789:chore:(travis): add npm install in travis.yml (#356) by [@ad1992]
  • 96b8b3f:chore(package): Update react to the latest version 🚀 (#348) by [greenkeeper[bot]]
  • c4f79eb:chore:Add tests folder in codeclimate and fix prettier config (#327) by [@ad1992]
  • 5160166:chore(node_modules): update package-lock.json by [@ad1992]
  • 7851a47:Fix precommit hook by [@cdreve]
  • 7fd3132:docs(readme): specify default option values in readme (#343) by [@tabrath]
  • 2e2a13a:update package-lock.json by [@ad1992]
  • f341b76:fix autocomplete bug (#344) by [@tabrath]
  • c3d2ba3:integrate greenkeeper lock file (#345) by [@ad1992]
  • dd270db:Upgrade webpack to v4.11.1 (#341) by [@tabrath]
  • 984fc08:Import only wanted parts of lodash reduces the bundle size reduces by ~50% (#339) by [@tabrath]
  • 9a56995:update react to v 16.4.0 (#328) by [@ad1992]
  • 1856ce9:Add badges for dependencies and dev dependencies (#326) by [@ad1992]
  • 111c2b2:update deps by [@ad1992]
  • 588b8c5:chore(package): update babel-jest to version 23.0.0-alpha.0 by [greenkeeper[bot]]
  • c3696c4:update deps by [@ad1992]
  • b34c4df:chore(package): update react-test-renderer to version 16.3.0 by [greenkeeper[bot]]
  • 01a5ee5:fix(package): update core-js to version 2.5.5 by [greenkeeper[bot]]
  • ce6ff73:fix(package): update react-dom to version 16.3.0 by [greenkeeper[bot]]
  • 8f4bd81:chore(package): update prettier to version 1.12.0 by [greenkeeper[bot]]
  • a59e13c:fix(package): update react to version 16.3.0 by [greenkeeper[bot]]
  • 4e5aa28:chore(package): update npm-run-all to version 4.1.3 by [greenkeeper[bot]]
  • eac16df:chore(package): update eslint-plugin-react to version 7.8.0 by [greenkeeper[bot]]
  • e823d58:remove sort proptypes rule from eslint by [@ad1992]
  • df77f48:split the components in Tag.js into different files and cleanup by [@ad1992]
  • f006092:move minQuery default prop to suggestions by [@ad1992]
  • Source code(tar.gz)
    Source code(zip)
Highly customizable React component for inputing tags.

react-tagsinput Highly customizable React component for inputing tags. Table of Contents react-tagsinput Demo Install Example FAQ How do I make the in

Ola 1.3k Oct 14, 2021
React Google Tag Manager

This is a Javascript module to React based apps that implement Google Tag Manager. It is designed to use GTM snippet. You can easily use custom dataLayer, multiple dataLayers and additional events.

Aline Morelli 436 Oct 9, 2021