Drop generateId support

This never really worker for SSR applications because different ID is generated on server side than on client side. There are some ways to make it work properly but it looks too complicated. Let the user pass it down.

See more:
facebook/react#5867

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'