diff --git a/package-lock.json b/package-lock.json index c25b777..40006f6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "turnstone", - "version": "0.3.0", + "version": "0.4.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "turnstone", - "version": "0.3.0", + "version": "0.4.0", "dependencies": { "first-of-type": "^1.0.0", "prop-types": "^15.8.1", @@ -26,7 +26,6 @@ "eslint-plugin-react": "^7.28.0", "jsdom": "^19.0.0", "msw": "^0.36.8", - "nanoid": "^3.3.1", "node-fetch": "^2.6.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/package.json b/package.json index 6fe83d2..95b5665 100644 --- a/package.json +++ b/package.json @@ -43,7 +43,6 @@ "eslint-plugin-react": "^7.28.0", "jsdom": "^19.0.0", "msw": "^0.36.8", - "nanoid": "^3.3.1", "node-fetch": "^2.6.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/src/App.jsx b/src/App.jsx index 0b33109..aa87652 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -16,7 +16,6 @@ const App = () => { data={fruits} dataSearchType={'startswith'} debounceWait={0} - id={'autocomplete'} itemGroupsAreImmutable={true} maxItems={10} name={'search'} diff --git a/src/lib/index.jsx b/src/lib/index.jsx index e41633d..5b277a6 100644 --- a/src/lib/index.jsx +++ b/src/lib/index.jsx @@ -2,20 +2,21 @@ import React from 'react' import PropTypes from 'prop-types' -import { nanoid } from 'nanoid' import { StateContextProvider } from './context/state' import isUndefined from './utils/isUndefined' import Container from './components/container' +const randomId = () => `turnstone-${(0|Math.random()*6.04e7).toString(36)}` + // Set prop defaults before passing them on to components const propDefaults = { autoFocus: false, clearButton: false, clearButtonAriaLabel: 'Clear contents', - clearButtonText: '×', + clearButtonText: '\u00d7', debounceWait: 250, defaultItemGroupsAreImmutable: true, - id: nanoid(), + id: randomId(), isDisabled: false, itemGroupsAreImmutable: true, maxItems: 10,