@bbl-digital/snorre 4.0.0-alpha.7 → 4.0.0-beta.10

package/esm/core/SearchSelect/index.js

@@ -10,7 +10,6 @@ import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles } from './sty
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const SelectSearch = props => {
   const ref = useRef(null);
   const inputRef = useRef(null);
@@ -21,48 +20,42 @@ const SelectSearch = props => {
     setSearch,
     setOpen
   } = useSelectSearch(props);
-
   const handleClickOutside = e => {
     const node = ref.current;
     if (node && node.contains(e.target)) return;
     setOpen(false);
     setSearch('');
   };
-
   useEffect(() => {
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
       return;
     }
-
     document.removeEventListener('mousedown', handleClickOutside);
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, ref]);
   useEffect(() => {
     if (open && inputRef.current) {
       inputRef?.current?.focus();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputRef?.current, open]);
-
   const handleOnClick = () => {
     setOpen(!open);
     if (!open) setSearch('');
   };
-
   const handleOnItemClick = item => () => {
     props.onChange(item);
     setOpen(false);
   };
-
   const getDisplayedValue = selected => {
     const item = values.find(v => v[props.keyName || 'id'] === selected);
     if (!item) return null;
     return props.createLabelName?.(item);
   };
-
   return _jsxs(Wrapper, {
     ref: ref,
     css: () => [props.type === 'opacity08' && styles.opacity08],
@@ -100,5 +93,4 @@ const SelectSearch = props => {
     })]
   });
 };
-
 export default SelectSearch;

package/esm/core/SearchSelect/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 export const StyledLabel = _styled("span", process.env.NODE_ENV === "production" ? {
   target: "e141unqb3"

package/esm/core/Select/Option.js

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
-import { Button, ListItem } from '../..';
 import { optionButton } from './styles';
+import ListItem from '../List/Item';
+import Button from '../Button';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Option = ({
   trackingEvent,
   trackingName,
@@ -16,7 +16,6 @@ const Option = ({
       });
     }
   };
-
   return _jsx(ListItem, {
     children: _jsx(Button, {
       nostyle: true,
@@ -31,5 +30,4 @@ const Option = ({
     }, props.key)
   });
 };
-
 export default Option;

package/esm/core/Select/Select.stories.js

@@ -0,0 +1,246 @@
+import { action } from '@storybook/addon-actions';
+import Select from '.';
+import Option from './Option';
+import IconTypeOfBuilding from '../../icons/General/IconTypeOfBuilding';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Select',
+  component: Select
+};
+export const SelectDefault = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select'
+};
+export const Width = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    type: "primary10",
+    width: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Width'
+};
+export const OptionsWidth = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    optionsWidth: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Options width'
+};
+export const SelectNative = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    native: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select - native'
+};
+export const Input = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    input: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Input'
+};
+export const Icon = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    icon: /*#__PURE__*/_jsx(IconTypeOfBuilding, {
+      primary: true
+    }),
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Icon'
+};
+export const Primary10 = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Background with 10 opacity",
+    type: "primary10",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Primary10'
+};
+export const Opacity08 = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "Opacity08",
+      type: "opacity08",
+      onChange: action('onChange'),
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      })]
+    })
+  }),
+  name: 'Opacity08'
+};
+export const MaxHeight = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "maxHeight",
+      type: "opacity08",
+      onChange: action('onChange'),
+      maxHeight: "100px",
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 4"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 5"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 6"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 7"
+      })]
+    })
+  }),
+  name: 'MaxHeight'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Im disabled",
+    input: true,
+    disabled: true,
+    children: [/*#__PURE__*/_jsx(Option, {
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    })]
+  }),
+  name: 'Disabled'
+};
+export const WithInfoButton = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "With info button",
+    input: true,
+    onChange: action('onChange'),
+    info: "Ullamco nisi excepteur quis ut sint ipsum deserunt dolor. Nulla cillum exercitation labore fugiat nulla do duis irure dolore.",
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'With Info Button'
+};

package/esm/core/Select/index.js

@@ -2,11 +2,14 @@
 import React, { useState, createRef, useEffect } from 'react';
 import Option from './Option';
 import { SelectWrapper, OptionsWrapper, styles, StyledLabel } from './styles';
-import { IconChevronDown, Button, List } from '../..';
+import InfoButton from '../InfoButton';
+import IconHelp from '../../icons/General/IconHelp';
+import Button from '../Button';
+import IconChevronDown from '../../icons/General/IconChevronDown';
+import List from '../List';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export { Option };
-
 const Select = ({
   input,
   icon,
@@ -24,59 +27,62 @@ const Select = ({
   label,
   closeKey,
   className,
+  info,
+  infoPlacement = 'left',
   ...props
 }) => {
   const ref = /*#__PURE__*/createRef();
   const [open, toggleOpen] = useState(false);
-
   const onClick = function () {
     toggleOpen(!open && !disabled);
   };
-
   useEffect(() => {
     if (closeKey) {
       toggleOpen(false);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [closeKey]);
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       toggleOpen(false);
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [open, ref]);
-
   const onChange = value => {
     if (props.onChange && !disabled) {
       props.onChange(value);
       toggleOpen(false);
     }
   };
-
   const Label = _jsx(StyledLabel, {
+    withInfo: Boolean(info),
     children: label
   });
-
   const NonNative = _jsxs(SelectWrapper, {
     ref: ref,
     className: className,
     css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon, type === 'opacity08' && styles.opacity08(theme), width && styles.width(width), maxHeight && styles.maxHeight(maxHeight), customStyle && customStyle, open && customOpenstyle && customOpenstyle, disabled && styles.disabled(theme)],
-    children: [input && label && Label, _jsx(Button, {
+    children: [input && label && Label, info && _jsx("span", {
+      css: styles.infoButton,
+      children: _jsx(InfoButton, {
+        icon: _jsx(IconHelp, {
+          primary: true
+        }),
+        place: infoPlacement,
+        children: info
+      })
+    }), _jsx(Button, {
       nostyle: true,
       afterIcon: _jsx(IconChevronDown, {
         flipVertical: open,
@@ -90,14 +96,13 @@ const Select = ({
       tabIndex: disabled ? -1 : undefined,
       children: props.selectedValue ? props.selectedValue : props.text || ''
     }), _jsx(OptionsWrapper, {
-      css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0pRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZUFycmF5LFxuICBSZWFjdEVsZW1lbnQsXG4gIHVzZVN0YXRlLFxuICBjcmVhdGVSZWYsXG4gIHVzZUVmZmVjdCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgT3B0aW9uIGZyb20gJy4vT3B0aW9uJ1xuaW1wb3J0IHsgU2VsZWN0V3JhcHBlciwgT3B0aW9uc1dyYXBwZXIsIHN0eWxlcywgU3R5bGVkTGFiZWwgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biwgQnV0dG9uLCBMaXN0IH0gZnJvbSAnLi4vLi4nXG5cbmV4cG9ydCB7IE9wdGlvbiB9XG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogVGV4dCB3aGVuIG5vIG9wdGlvbiBhcmUgc2VsZWN0ZWQgKi9cbiAgdGV4dD86IHN0cmluZ1xuICAvKiogQ3VycmVudCBzZWxlY3RlZCB2YWx1ZS4gTGVhdmUgZW1wdHkgZm9yIGRlZmF1bHQgdGV4dC4gKi9cbiAgc2VsZWN0ZWRWYWx1ZT86IHN0cmluZ1xuICAvKiogU3R5bGUgYXMgYW4gaW5wdXQgKi9cbiAgaW5wdXQ/OiBib29sZWFuXG4gIC8qKiBBZGRzIGEgbGFiZWwgaWYgaW5wdXQgaXMgc2VsZWN0ZWQgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKiBDYWxsYmFjayBoYW5kbGVyIGZvciB3aGVuIGNsaWNraW5nIG9wdGlvbiBlbGVtZW50LiAqL1xuICBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiBhbnlcbiAgLyoqIE9wdGlvbi1lbGVtZW50cywgc2VsZWN0IGxpc3QgY29udGVudCAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlQXJyYXlcbiAgLyoqIEFkZHMgaWNvbiB0byBzZWxlY3QgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqIFR5cGUgb2Ygc2VsZWN0LCBkZWZhdWx0IGlzIHRyYW5zcGFyZW50LCBwcmltYXJ5MTAgYWRkcyBwcmltYXJ5IGJhY2tncm91bmQgd2l0aCAxMCBvcGFjaXR5ICovXG4gIHR5cGU/OiAnZGVmYXVsdCcgfCAncHJpbWFyeTEwJyB8ICdvcGFjaXR5MDgnXG4gIC8qKiBVc2UgbmF0aXZlIHNlbGVjdG9yICovXG4gIG5hdGl2ZT86IGJvb2xlYW5cbiAgLyoqIFNlbGVjdCBidXR0b24gd2lkdGggKi9cbiAgd2lkdGg/OiBzdHJpbmdcbiAgLyoqIE9wdGlvbnMgY29udGVudCB3aWR0aCAqL1xuICBvcHRpb25zV2lkdGg/OiBzdHJpbmdcbiAgLyoqIE9wdGlvbnMgbWF4IGhlaWdodC4gSWYgc2V0IHdpbGwgc2V0IG92ZXJmbG93LXkgdG8gc2Nyb2xsLiAqL1xuICBtYXhIZWlnaHQ/OiBzdHJpbmdcbiAgLyoqIEF1dG9mb2N1cyAqL1xuICBmb2N1cz86IGJvb2xlYW5cbiAgLyoqIEFkZCBjdXN0b20gY3NzIHRvIHNlbGVjdCB3aGVuIGluIG9wZW4gc3RhdGUgKi9cbiAgY3VzdG9tT3BlbnN0eWxlPzogU2VyaWFsaXplZFN0eWxlc1xuICAvKiogT3ZlcnJpZGUgd2l0aCBjdXN0b20gQ1NTICovXG4gIGN1c3RvbVN0eWxlPzogU2VyaWFsaXplZFN0eWxlc1xuICAvKiogQWRkIGEgZGF0YS10cmFja2luZy1ldmVudCBhdHRyaWJ1dGUuICovXG4gIHRyYWNraW5nRXZlbnQ/OiBzdHJpbmdcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctbmFtZSBhdHRyaWJ1dGUuICovXG4gIHRyYWNraW5nTmFtZT86IHN0cmluZ1xuICAvKiogU2VsZWN0IGlzIGRpc2FibGVkLiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqIE1hbnVhbCBjbG9zZSBieSBjaGFuZ2luZyBjbG9zZUtleSBleHRlcm5hbGx5ICovXG4gIGNsb3NlS2V5Pzogc3RyaW5nXG4gIC8qKiBBZGQgY2xhc3NuYW1lICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBTZWxlY3Q6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICBpbnB1dCxcbiAgaWNvbixcbiAgdHlwZSA9ICdkZWZhdWx0JyxcbiAgbmF0aXZlLFxuICBvcHRpb25zV2lkdGgsXG4gIHdpZHRoLFxuICBtYXhIZWlnaHQsXG4gIGZvY3VzLFxuICBjdXN0b21PcGVuc3R5bGUsXG4gIGN1c3RvbVN0eWxlLFxuICB0cmFja2luZ0V2ZW50LFxuICB0cmFja2luZ05hbWUsXG4gIGRpc2FibGVkLFxuICBsYWJlbCxcbiAgY2xvc2VLZXksXG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IElQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSBjcmVhdGVSZWY8SFRNTFNwYW5FbGVtZW50PigpXG4gIGNvbnN0IFtvcGVuLCB0b2dnbGVPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IG9uQ2xpY2sgPSBmdW5jdGlvbiAoKSB7XG4gICAgdG9nZ2xlT3Blbighb3BlbiAmJiAhZGlzYWJsZWQpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChjbG9zZUtleSkge1xuICAgICAgdG9nZ2xlT3BlbihmYWxzZSlcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbY2xvc2VLZXldKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT4ge1xuICAgICAgY29uc3Qgbm9kZSA9IHJlZi5jdXJyZW50XG4gICAgICBpZiAobm9kZSAmJiBub2RlLmNvbnRhaW5zKGUudGFyZ2V0KSkge1xuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuXG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbb3BlbiwgcmVmXSlcblxuICBjb25zdCBvbkNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKHByb3BzLm9uQ2hhbmdlICYmICFkaXNhYmxlZCkge1xuICAgICAgcHJvcHMub25DaGFuZ2UodmFsdWUpXG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IExhYmVsID0gPFN0eWxlZExhYmVsPntsYWJlbH08L1N0eWxlZExhYmVsPlxuXG4gIGNvbnN0IE5vbk5hdGl2ZSA9IChcbiAgICA8U2VsZWN0V3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgICB0eXBlID09PSAnb3BhY2l0eTA4JyAmJiBzdHlsZXMub3BhY2l0eTA4KHRoZW1lKSxcbiAgICAgICAgd2lkdGggJiYgc3R5bGVzLndpZHRoKHdpZHRoKSxcbiAgICAgICAgbWF4SGVpZ2h0ICYmIHN0eWxlcy5tYXhIZWlnaHQobWF4SGVpZ2h0KSxcbiAgICAgICAgY3VzdG9tU3R5bGUgJiYgY3VzdG9tU3R5bGUsXG4gICAgICAgIG9wZW4gJiYgY3VzdG9tT3BlbnN0eWxlICYmIGN1c3RvbU9wZW5zdHlsZSxcbiAgICAgICAgZGlzYWJsZWQgJiYgc3R5bGVzLmRpc2FibGVkKHRoZW1lKSxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2lucHV0ICYmIGxhYmVsICYmIExhYmVsfVxuICAgICAgPEJ1dHRvblxuICAgICAgICBub3N0eWxlXG4gICAgICAgIGFmdGVySWNvbj17PEljb25DaGV2cm9uRG93biBmbGlwVmVydGljYWw9e29wZW59IHNpemU9ezE0fSAvPn1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgYmVmb3JlSWNvbj17aWNvbn1cbiAgICAgICAgYXV0b0ZvY3VzPXtmb2N1c31cbiAgICAgICAgdHJhY2tpbmdOYW1lPXt0cmFja2luZ05hbWV9XG4gICAgICAgIHRyYWNraW5nRXZlbnQ9e3RyYWNraW5nRXZlbnR9XG4gICAgICAgIHRhYkluZGV4PXtkaXNhYmxlZCA/IC0xIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuc2VsZWN0ZWRWYWx1ZSA/IHByb3BzLnNlbGVjdGVkVmFsdWUgOiBwcm9wcy50ZXh0IHx8ICcnfVxuICAgICAgPC9CdXR0b24+XG4gICAgICA8T3B0aW9uc1dyYXBwZXJcbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgaW5wdXQgJiYgc3R5bGVzLmlucHV0c3R5bGUoISFsYWJlbCksXG4gICAgICAgICAgb3B0aW9uc1dpZHRoICYmIHN0eWxlcy5vcHRpb25zV2lkdGgob3B0aW9uc1dpZHRoKSxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge29wZW4gPyAoXG4gICAgICAgICAgPExpc3Qgc2VsZWN0TGlzdD5cbiAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlblxuICAgICAgICAgICAgICAuZmlsdGVyKCh4KSA9PiB4KVxuICAgICAgICAgICAgICAubWFwKChjaGlsZCwga2V5KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFjaGlsZCkge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdEVsZW1lbnQsIHtcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlOiBvbkNoYW5nZSxcbiAgICAgICAgICAgICAgICAgIGtleSxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L0xpc3Q+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9PcHRpb25zV3JhcHBlcj5cbiAgICA8L1NlbGVjdFdyYXBwZXI+XG4gIClcblxuICBjb25zdCBOYXRpdmUgPSAoXG4gICAgPHNlbGVjdFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9eyh0aGVtZSkgPT4gW1xuICAgICAgICBzdHlsZXMuZGVmYXVsdCxcbiAgICAgICAgaW5wdXQgJiYgc3R5bGVzLmlucHV0KHRoZW1lKSxcbiAgICAgICAgaW5wdXQgJiYgb3BlbiAmJiBzdHlsZXMub3Blbih0aGVtZSksXG4gICAgICAgIHR5cGUgPT09ICdwcmltYXJ5MTAnICYmIHN0eWxlcy5wcmltYXJ5MTAodGhlbWUpLFxuICAgICAgICBpY29uICYmIHN0eWxlcy53aXRoSWNvbixcbiAgICAgIF19XG4gICAgICB2YWx1ZT17cHJvcHMuc2VsZWN0ZWRWYWx1ZSA/IHByb3BzLnNlbGVjdGVkVmFsdWUgOiBwcm9wcy50ZXh0IHx8ICcnfVxuICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgPlxuICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgIC5tYXAoKGNoaWxkOiBhbnksIGtleTogYW55KSA9PiB7XG4gICAgICAgICAgaWYgKCFjaGlsZCkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICB9XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxvcHRpb24ga2V5PXtrZXl9IHZhbHVlPXtjaGlsZC5wcm9wcy52YWx1ZX0+XG4gICAgICAgICAgICAgIHtjaGlsZC5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgPC9zZWxlY3Q+XG4gIClcblxuICByZXR1cm4gbmF0aXZlID8gTmF0aXZlIDogTm9uTmF0aXZlXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdFxuIl19 */"],
+      css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUtRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZSxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgY3JlYXRlUmVmLFxuICB1c2VFZmZlY3QsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbidcbmltcG9ydCB7IFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW5mb0J1dHRvbiBmcm9tICcuLi9JbmZvQnV0dG9uJ1xuaW1wb3J0IEljb25IZWxwIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkhlbHAnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBJY29uQ2hldnJvbkRvd24gZnJvbSAnLi4vLi4vaWNvbnMvR2VuZXJhbC9JY29uQ2hldnJvbkRvd24nXG5pbXBvcnQgTGlzdCBmcm9tICcuLi9MaXN0J1xuXG5leHBvcnQgeyBPcHRpb24gfVxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIFRleHQgd2hlbiBubyBvcHRpb24gYXJlIHNlbGVjdGVkICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgLyoqIEN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUuIExlYXZlIGVtcHR5IGZvciBkZWZhdWx0IHRleHQuICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmdcbiAgLyoqIFN0eWxlIGFzIGFuIGlucHV0ICovXG4gIGlucHV0PzogYm9vbGVhblxuICAvKiogQWRkcyBhIGxhYmVsIGlmIGlucHV0IGlzIHNlbGVjdGVkICAqL1xuICBsYWJlbD86IHN0cmluZ1xuICAvKiogQ2FsbGJhY2sgaGFuZGxlciBmb3Igd2hlbiBjbGlja2luZyBvcHRpb24gZWxlbWVudC4gKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gYW55XG4gIC8qKiBPcHRpb24tZWxlbWVudHMsIHNlbGVjdCBsaXN0IGNvbnRlbnQgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVtdXG4gIC8qKiBBZGRzIGljb24gdG8gc2VsZWN0ICAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKiBUeXBlIG9mIHNlbGVjdCwgZGVmYXVsdCBpcyB0cmFuc3BhcmVudCwgcHJpbWFyeTEwIGFkZHMgcHJpbWFyeSBiYWNrZ3JvdW5kIHdpdGggMTAgb3BhY2l0eSAqL1xuICB0eXBlPzogJ2RlZmF1bHQnIHwgJ3ByaW1hcnkxMCcgfCAnb3BhY2l0eTA4J1xuICAvKiogVXNlIG5hdGl2ZSBzZWxlY3RvciAqL1xuICBuYXRpdmU/OiBib29sZWFuXG4gIC8qKiBTZWxlY3QgYnV0dG9uIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIGNvbnRlbnQgd2lkdGggKi9cbiAgb3B0aW9uc1dpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIG1heCBoZWlnaHQuIElmIHNldCB3aWxsIHNldCBvdmVyZmxvdy15IHRvIHNjcm9sbC4gKi9cbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKiBBdXRvZm9jdXMgKi9cbiAgZm9jdXM/OiBib29sZWFuXG4gIC8qKiBBZGQgY3VzdG9tIGNzcyB0byBzZWxlY3Qgd2hlbiBpbiBvcGVuIHN0YXRlICovXG4gIGN1c3RvbU9wZW5zdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIE92ZXJyaWRlIHdpdGggY3VzdG9tIENTUyAqL1xuICBjdXN0b21TdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctZXZlbnQgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG4gIC8qKiBBZGQgYSBkYXRhLXRyYWNraW5nLW5hbWUgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ05hbWU/OiBzdHJpbmdcbiAgLyoqIFNlbGVjdCBpcyBkaXNhYmxlZC4gKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKiBNYW51YWwgY2xvc2UgYnkgY2hhbmdpbmcgY2xvc2VLZXkgZXh0ZXJuYWxseSAqL1xuICBjbG9zZUtleT86IHN0cmluZ1xuICAvKiogQWRkIGNsYXNzbmFtZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIEFkZHMgaW5mby10ZXh0IGJ1dHRvbiAqL1xuICBpbmZvPzogc3RyaW5nXG4gIC8qKiBXaGVyZSB0aGUgaW5mbyB0b29sdGlwIHdpbGwgYmUgcGxhY2VkIHJlbGF0aXZlIHRvIHRoZSBidXR0b24gQGRlZmF1bHQgbGVmdCAqL1xuICBpbmZvUGxhY2VtZW50PzogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbSdcbn1cblxuY29uc3QgU2VsZWN0OiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgaW5wdXQsXG4gIGljb24sXG4gIHR5cGUgPSAnZGVmYXVsdCcsXG4gIG5hdGl2ZSxcbiAgb3B0aW9uc1dpZHRoLFxuICB3aWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBmb2N1cyxcbiAgY3VzdG9tT3BlbnN0eWxlLFxuICBjdXN0b21TdHlsZSxcbiAgdHJhY2tpbmdFdmVudCxcbiAgdHJhY2tpbmdOYW1lLFxuICBkaXNhYmxlZCxcbiAgbGFiZWwsXG4gIGNsb3NlS2V5LFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG4gIGluZm9QbGFjZW1lbnQgPSAnbGVmdCcsXG4gIC4uLnByb3BzXG59OiBJUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gY3JlYXRlUmVmPEhUTUxTcGFuRWxlbWVudD4oKVxuICBjb25zdCBbb3BlbiwgdG9nZ2xlT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBvbkNsaWNrID0gZnVuY3Rpb24gKCkge1xuICAgIHRvZ2dsZU9wZW4oIW9wZW4gJiYgIWRpc2FibGVkKVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VLZXkpIHtcbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2Nsb3NlS2V5XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgaWYgKG5vZGUgJiYgbm9kZS5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cblxuICAgIGlmIChvcGVuKSB7XG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgfSwgW29wZW4sIHJlZl0pXG5cbiAgY29uc3Qgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgIGlmIChwcm9wcy5vbkNoYW5nZSAmJiAhZGlzYWJsZWQpIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKHZhbHVlKVxuICAgICAgdG9nZ2xlT3BlbihmYWxzZSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBMYWJlbCA9IDxTdHlsZWRMYWJlbCB3aXRoSW5mbz17Qm9vbGVhbihpbmZvKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+XG5cbiAgY29uc3QgTm9uTmF0aXZlID0gKFxuICAgIDxTZWxlY3RXcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXsodGhlbWUpID0+IFtcbiAgICAgICAgc3R5bGVzLmRlZmF1bHQsXG4gICAgICAgIGlucHV0ICYmIHN0eWxlcy5pbnB1dCh0aGVtZSksXG4gICAgICAgIGlucHV0ICYmIG9wZW4gJiYgc3R5bGVzLm9wZW4odGhlbWUpLFxuICAgICAgICB0eXBlID09PSAncHJpbWFyeTEwJyAmJiBzdHlsZXMucHJpbWFyeTEwKHRoZW1lKSxcbiAgICAgICAgaWNvbiAmJiBzdHlsZXMud2l0aEljb24sXG4gICAgICAgIHR5cGUgPT09ICdvcGFjaXR5MDgnICYmIHN0eWxlcy5vcGFjaXR5MDgodGhlbWUpLFxuICAgICAgICB3aWR0aCAmJiBzdHlsZXMud2lkdGgod2lkdGgpLFxuICAgICAgICBtYXhIZWlnaHQgJiYgc3R5bGVzLm1heEhlaWdodChtYXhIZWlnaHQpLFxuICAgICAgICBjdXN0b21TdHlsZSAmJiBjdXN0b21TdHlsZSxcbiAgICAgICAgb3BlbiAmJiBjdXN0b21PcGVuc3R5bGUgJiYgY3VzdG9tT3BlbnN0eWxlLFxuICAgICAgICBkaXNhYmxlZCAmJiBzdHlsZXMuZGlzYWJsZWQodGhlbWUpLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7aW5wdXQgJiYgbGFiZWwgJiYgTGFiZWx9XG4gICAgICB7aW5mbyAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17c3R5bGVzLmluZm9CdXR0b259PlxuICAgICAgICAgIDxJbmZvQnV0dG9uIGljb249ezxJY29uSGVscCBwcmltYXJ5IC8+fSBwbGFjZT17aW5mb1BsYWNlbWVudH0+XG4gICAgICAgICAgICB7aW5mb31cbiAgICAgICAgICA8L0luZm9CdXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgYWZ0ZXJJY29uPXs8SWNvbkNoZXZyb25Eb3duIGZsaXBWZXJ0aWNhbD17b3Blbn0gc2l6ZT17MTR9IC8+fVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBiZWZvcmVJY29uPXtpY29ufVxuICAgICAgICBhdXRvRm9jdXM9e2ZvY3VzfVxuICAgICAgICB0cmFja2luZ05hbWU9e3RyYWNraW5nTmFtZX1cbiAgICAgICAgdHJhY2tpbmdFdmVudD17dHJhY2tpbmdFdmVudH1cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIDxPcHRpb25zV3JhcHBlclxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXRzdHlsZSghIWxhYmVsKSxcbiAgICAgICAgICBvcHRpb25zV2lkdGggJiYgc3R5bGVzLm9wdGlvbnNXaWR0aChvcHRpb25zV2lkdGgpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7b3BlbiA/IChcbiAgICAgICAgICA8TGlzdCBzZWxlY3RMaXN0PlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgICAgICAgIC5tYXAoKGNoaWxkLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkIGFzIFJlYWN0RWxlbWVudCwge1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAga2V5LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTGlzdD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L09wdGlvbnNXcmFwcGVyPlxuICAgIDwvU2VsZWN0V3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IE5hdGl2ZSA9IChcbiAgICA8c2VsZWN0XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgXX1cbiAgICAgIHZhbHVlPXtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgLm1hcCgoY2hpbGQ6IGFueSwga2V5OiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2NoaWxkLnByb3BzLnZhbHVlfT5cbiAgICAgICAgICAgICAge2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICA8L3NlbGVjdD5cbiAgKVxuXG4gIHJldHVybiBuYXRpdmUgPyBOYXRpdmUgOiBOb25OYXRpdmVcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXX0= */"],
       children: open ? _jsx(List, {
         selectList: true,
         children: props.children.filter(x => x).map((child, key) => {
           if (!child) {
             return null;
           }
-
           return /*#__PURE__*/React.cloneElement(child, {
             onChange: onChange,
             key
@@ -106,7 +111,6 @@ const Select = ({
       }) : null
     })]
   });
-
   const Native = _jsx("select", {
     className: className,
     css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon],
@@ -116,15 +120,12 @@ const Select = ({
       if (!child) {
         return null;
       }
-
       return _jsx("option", {
         value: child.props.value,
         children: child.props.children
       }, key);
     })
   });
-
   return native ? Native : NonNative;
 };
-
 export default Select;