Drop generateId support

src/elements/forms/text-field.jsx

@@ -9,7 +9,7 @@ import Control from './control'
 import Addon from './addon'
 import styles from './text-field.css'
 
-import { classNames, generateId } from 'utils'
+import { classNames } from 'utils'
 
 /**
  * Unique ID generator
@@ -44,7 +44,7 @@ const TextField = React.forwardRef(
   (
     {
       children,
-      id = generateId(),
+      id,
       className,
       label,
       helper,
@@ -117,10 +117,8 @@ TextField.propTypes = {
   /**
    * An ID that will be used to link input and label. It's necessary for
    * accessibility.
-   *
-   * If not passed, it will be generated automatically using a random string.
    */
-  id: PropTypes.string,
+  id: PropTypes.string.isRequired,
   /**
    * Helper message to show bellow the input
    */

src/modules/select/select.jsx

@@ -5,10 +5,11 @@ import { useInput, useOptions } from './hooks'
 import styles from './select.css'
 
 import { Form, Icon, Button } from 'elements'
-import { classNames, generateId } from 'utils'
+import { classNames } from 'utils'
 
 const Select = React.memo(
   ({
+    id,
     value,
     onInput,
     onChange,
@@ -21,7 +22,6 @@ const Select = React.memo(
     clearButton = true,
     clearOnFocus = false,
     tag: Tag = 'div',
-    id = generateId(),
     ...restInputProps
   }) => {
     // custom select hooks
@@ -150,6 +150,11 @@ const Select = React.memo(
 )
 
 Select.propTypes = {
+  /**
+   * An ID that will be used to link input and label. It's necessary for
+   * accessibility.
+   */
+  id: PropTypes.string.isRequired,
   /* Label to show in input */
   label: PropTypes.string.isRequired,
   /* The current value shown in input field */

src/modules/select/select.md

@@ -16,7 +16,7 @@
 
     const SelectExample = () => {
         const [suggestions, setSuggestions] = React.useState(options)
-        const [value, setValue] = React.useState('Default option')
+        const [value, setValue] = React.useState('')
 
         const handleOnChange = (data) => {          
           // trigger search here
@@ -36,7 +36,6 @@
               id="select-1"
               value={value}
               label="Search"
-              variant="pure"          
               onChange={handleOnChange}
               onInput={handleOnInput}
               placeholder="e.g. article title or author name"

src/utils/index.js

@@ -1,2 +1 @@
 export * as classNames from './class-names'
-export generateId from './unique-id'