@bbl-digital/snorre 3.0.19 → 3.0.22

package/esm/core/Autocomplete/index.d.js

@@ -0,0 +1 @@
+export {};

package/esm/core/DatepickerRange/YearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/esm/core/SearchSelect/hooks/useSelectSearch.js

@@ -0,0 +1,22 @@
+import { matchSorter } from 'match-sorter';
+import { useMemo, useState } from 'react';
+
+const useSelectSearch = props => {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState('');
+  const values = useMemo(() => {
+    const fuzzyOptions = {
+      keys: props.fuzzyKeys
+    };
+    return matchSorter(props.values, search ?? '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.values, search]);
+  return {
+    open,
+    search,
+    values,
+    setOpen,
+    setSearch
+  };
+};
+
+export default useSelectSearch;

package/esm/core/SearchSelect/index.js

@@ -0,0 +1,104 @@
+/** @jsxImportSource @emotion/react */
+import React, { useRef, useEffect } from 'react';
+import IconChevronDown from '../../icons/General/IconChevronDown';
+import Button from '../Button';
+import Input from '../Input';
+import List from '../List';
+import { Option } from '../Select';
+import useSelectSearch from './hooks/useSelectSearch';
+import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles } from './styles';
+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);
+  const {
+    open,
+    values,
+    search,
+    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
+  }, [open, ref]);
+  useEffect(() => {
+    if (open && inputRef.current) {
+      inputRef?.current?.focus();
+    } // 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],
+    children: [props.label && _jsx(StyledLabel, {
+      children: props.label
+    }), _jsx(Button, {
+      nostyle: true,
+      afterIcon: _jsx(IconChevronDown, {
+        flipVertical: open,
+        size: 14
+      }),
+      onClick: handleOnClick,
+      trackingName: props.trackingName,
+      trackingEvent: props.trackingEvent,
+      children: props?.createLabelName && getDisplayedValue(props.selectedValue) || props.selectedValue || props.defaultValue || ''
+    }), _jsx(OptionsWrapper, {
+      children: open ? _jsxs(_Fragment, {
+        children: [_jsx(Input, {
+          ref: inputRef,
+          height: "36px",
+          type: "search",
+          highlight: true,
+          placeholder: props.inputPlaceholder || '',
+          value: search,
+          onChange: e => setSearch(e.target.value)
+        }), _jsx(ListWrapper, {
+          children: _jsx(List, {
+            children: values.map(item => _jsx(Option, {
+              onChange: handleOnItemClick(item),
+              children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
+            }))
+          })
+        })]
+      }) : null
+    })]
+  });
+};
+
+export default SelectSearch;

package/esm/core/SearchSelect/interface/IProps.js

@@ -0,0 +1 @@
+export {};

package/esm/core/SearchSelect/styles.js

@@ -0,0 +1,72 @@
+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"
+} : {
+  target: "e141unqb3",
+  label: "StyledLabel"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
+} : {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbnNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgYm94LXNoYWRvdzogMHB4IDEwcHggMTVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB6LWluZGV4OiAxMDAwO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExpc3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWF4LWhlaWdodDogMTBlbTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBvcGFjaXR5MDg6IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAgMC41ZW07XG4gICAgaGVpZ2h0OiAzOXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjE2LCAyMTYsIDIxNiwgMC4wOCk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgY29sb3I6IHdoaXRlO1xuXG4gICAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5cbiAgICBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgZmlsbDogd2hpdGU7XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIGJ1dHRvbiArIGRpdiB7XG4gICAgICB0b3A6IDQwcHg7XG4gICAgfVxuICBgLFxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Wrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e141unqb2"
+} : {
+  target: "e141unqb2",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "fnf23l",
+  styles: "position:relative;ul{border-top:none;}"
+} : {
+  name: "fnf23l",
+  styles: "position:relative;ul{border-top:none;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbnNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgYm94LXNoYWRvdzogMHB4IDEwcHggMTVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB6LWluZGV4OiAxMDAwO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExpc3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWF4LWhlaWdodDogMTBlbTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBvcGFjaXR5MDg6IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAgMC41ZW07XG4gICAgaGVpZ2h0OiAzOXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjE2LCAyMTYsIDIxNiwgMC4wOCk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgY29sb3I6IHdoaXRlO1xuXG4gICAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5cbiAgICBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgZmlsbDogd2hpdGU7XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIGJ1dHRvbiArIGRpdiB7XG4gICAgICB0b3A6IDQwcHg7XG4gICAgfVxuICBgLFxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const OptionsWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e141unqb1"
+} : {
+  target: "e141unqb1",
+  label: "OptionsWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zje6v4",
+  styles: "position:absolute;left:0;right:0;min-width:150px;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);z-index:1000;border-radius:10px;overflow:hidden;background:#fff;width:max-content;@media (max-width: 768px){width:auto;}"
+} : {
+  name: "zje6v4",
+  styles: "position:absolute;left:0;right:0;min-width:150px;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);z-index:1000;border-radius:10px;overflow:hidden;background:#fff;width:max-content;@media (max-width: 768px){width:auto;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ3QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWFyY2hTZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHVsIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgei1pbmRleDogMTAwMDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1heC1oZWlnaHQ6IDEwZW07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3BhY2l0eTA4OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIGhlaWdodDogMzlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNiwgMjE2LCAyMTYsIDAuMDgpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuXG4gICAgYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IHdoaXRlO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBidXR0b24gKyBkaXYge1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYCxcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ListWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e141unqb0"
+} : {
+  target: "e141unqb0",
+  label: "ListWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1xlkuzg",
+  styles: "max-height:10em;overflow-x:hidden;overflow-y:auto"
+} : {
+  name: "1xlkuzg",
+  styles: "max-height:10em;overflow-x:hidden;overflow-y:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWFyY2hTZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHVsIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgei1pbmRleDogMTAwMDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1heC1oZWlnaHQ6IDEwZW07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3BhY2l0eTA4OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIGhlaWdodDogMzlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNiwgMjE2LCAyMTYsIDAuMDgpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuXG4gICAgYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IHdoaXRlO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBidXR0b24gKyBkaXYge1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYCxcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const styles = {
+  opacity08: process.env.NODE_ENV === "production" ? {
+    name: "eoqxuw",
+    styles: "display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;height:39px;background-color:rgba(216, 216, 216, 0.08);border:1px solid rgba(255, 255, 255, 0.24);border-radius:5px;color:white;&>button>span{color:white;font-weight:400;}button svg polygon{fill:white;}button{width:100%;}button+div{top:40px;}"
+  } : {
+    name: "6fnvbj-opacity08",
+    styles: "display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;height:39px;background-color:rgba(216, 216, 216, 0.08);border:1px solid rgba(255, 255, 255, 0.24);border-radius:5px;color:white;&>button>span{color:white;font-weight:400;}button svg polygon{fill:white;}button{width:100%;}button+div{top:40px;};label:opacity08;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaFNlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWFyY2hTZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHVsIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgei1pbmRleDogMTAwMDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1heC1oZWlnaHQ6IDEwZW07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3BhY2l0eTA4OiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIGhlaWdodDogMzlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNiwgMjE2LCAyMTYsIDAuMDgpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuXG4gICAgYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IHdoaXRlO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBidXR0b24gKyBkaXYge1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYCxcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};

package/esm/core/Select/index.js

@@ -88,9 +88,9 @@ const Select = ({
       trackingName: trackingName,
       trackingEvent: trackingEvent,
       tabIndex: disabled ? -1 : undefined,
-      children: props.selectedValue ? props.selectedValue : props.text
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0pRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZUFycmF5LFxuICBSZWFjdEVsZW1lbnQsXG4gIHVzZVN0YXRlLFxuICBjcmVhdGVSZWYsXG4gIHVzZUVmZmVjdCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgT3B0aW9uIGZyb20gJy4vT3B0aW9uJ1xuaW1wb3J0IHsgU2VsZWN0V3JhcHBlciwgT3B0aW9uc1dyYXBwZXIsIHN0eWxlcywgU3R5bGVkTGFiZWwgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biwgQnV0dG9uLCBMaXN0IH0gZnJvbSAnLi4vLi4nXG5cbmV4cG9ydCB7IE9wdGlvbiB9XG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogVGV4dCB3aGVuIG5vIG9wdGlvbiBhcmUgc2VsZWN0ZWQgKi9cbiAgdGV4dDogc3RyaW5nXG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlLiBMZWF2ZSBlbXB0eSBmb3IgZGVmYXVsdCB0ZXh0LiAqL1xuICBzZWxlY3RlZFZhbHVlPzogc3RyaW5nXG4gIC8qKiBTdHlsZSBhcyBhbiBpbnB1dCAqL1xuICBpbnB1dD86IGJvb2xlYW5cbiAgLyoqIEFkZHMgYSBsYWJlbCBpZiBpbnB1dCBpcyBzZWxlY3RlZCAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqIENhbGxiYWNrIGhhbmRsZXIgZm9yIHdoZW4gY2xpY2tpbmcgb3B0aW9uIGVsZW1lbnQuICovXG4gIG9uQ2hhbmdlPzogKHZhbHVlOiBzdHJpbmcpID0+IGFueVxuICAvKiogT3B0aW9uLWVsZW1lbnRzLCBzZWxlY3QgbGlzdCBjb250ZW50ICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVBcnJheVxuICAvKiogQWRkcyBpY29uIHRvIHNlbGVjdCAgKi9cbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKiogVHlwZSBvZiBzZWxlY3QsIGRlZmF1bHQgaXMgdHJhbnNwYXJlbnQsIHByaW1hcnkxMCBhZGRzIHByaW1hcnkgYmFja2dyb3VuZCB3aXRoIDEwIG9wYWNpdHkgKi9cbiAgdHlwZT86ICdkZWZhdWx0JyB8ICdwcmltYXJ5MTAnIHwgJ29wYWNpdHkwOCdcbiAgLyoqIFVzZSBuYXRpdmUgc2VsZWN0b3IgKi9cbiAgbmF0aXZlPzogYm9vbGVhblxuICAvKiogU2VsZWN0IGJ1dHRvbiB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZ1xuICAvKiogT3B0aW9ucyBjb250ZW50IHdpZHRoICovXG4gIG9wdGlvbnNXaWR0aD86IHN0cmluZ1xuICAvKiogT3B0aW9ucyBtYXggaGVpZ2h0LiBJZiBzZXQgd2lsbCBzZXQgb3ZlcmZsb3cteSB0byBzY3JvbGwuICovXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKiogQXV0b2ZvY3VzICovXG4gIGZvY3VzPzogYm9vbGVhblxuICAvKiogQWRkIGN1c3RvbSBjc3MgdG8gc2VsZWN0IHdoZW4gaW4gb3BlbiBzdGF0ZSAqL1xuICBjdXN0b21PcGVuc3R5bGU/OiBTZXJpYWxpemVkU3R5bGVzXG4gIC8qKiBPdmVycmlkZSB3aXRoIGN1c3RvbSBDU1MgKi9cbiAgY3VzdG9tU3R5bGU/OiBTZXJpYWxpemVkU3R5bGVzXG4gIC8qKiBBZGQgYSBkYXRhLXRyYWNraW5nLWV2ZW50IGF0dHJpYnV0ZS4gKi9cbiAgdHJhY2tpbmdFdmVudD86IHN0cmluZ1xuICAvKiogQWRkIGEgZGF0YS10cmFja2luZy1uYW1lIGF0dHJpYnV0ZS4gKi9cbiAgdHJhY2tpbmdOYW1lPzogc3RyaW5nXG4gIC8qKiBTZWxlY3QgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKiogTWFudWFsIGNsb3NlIGJ5IGNoYW5naW5nIGNsb3NlS2V5IGV4dGVybmFsbHkgKi9cbiAgY2xvc2VLZXk/OiBzdHJpbmdcbiAgLyoqIEFkZCBjbGFzc25hbWUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IFNlbGVjdDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIGlucHV0LFxuICBpY29uLFxuICB0eXBlID0gJ2RlZmF1bHQnLFxuICBuYXRpdmUsXG4gIG9wdGlvbnNXaWR0aCxcbiAgd2lkdGgsXG4gIG1heEhlaWdodCxcbiAgZm9jdXMsXG4gIGN1c3RvbU9wZW5zdHlsZSxcbiAgY3VzdG9tU3R5bGUsXG4gIHRyYWNraW5nRXZlbnQsXG4gIHRyYWNraW5nTmFtZSxcbiAgZGlzYWJsZWQsXG4gIGxhYmVsLFxuICBjbG9zZUtleSxcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogSVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IGNyZWF0ZVJlZjxIVE1MU3BhbkVsZW1lbnQ+KClcbiAgY29uc3QgW29wZW4sIHRvZ2dsZU9wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3Qgb25DbGljayA9IGZ1bmN0aW9uICgpIHtcbiAgICB0b2dnbGVPcGVuKCFvcGVuICYmICFkaXNhYmxlZClcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNsb3NlS2V5KSB7XG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjbG9zZUtleV0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PiB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIGlmIChub2RlICYmIG5vZGUuY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgdG9nZ2xlT3BlbihmYWxzZSlcbiAgICB9XG5cbiAgICBpZiAob3Blbikge1xuICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH0gZWxzZSB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtvcGVuLCByZWZdKVxuXG4gIGNvbnN0IG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBpZiAocHJvcHMub25DaGFuZ2UgJiYgIWRpc2FibGVkKSB7XG4gICAgICBwcm9wcy5vbkNoYW5nZSh2YWx1ZSlcbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgTGFiZWwgPSA8U3R5bGVkTGFiZWw+e2xhYmVsfTwvU3R5bGVkTGFiZWw+XG5cbiAgY29uc3QgTm9uTmF0aXZlID0gKFxuICAgIDxTZWxlY3RXcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXsodGhlbWUpID0+IFtcbiAgICAgICAgc3R5bGVzLmRlZmF1bHQsXG4gICAgICAgIGlucHV0ICYmIHN0eWxlcy5pbnB1dCh0aGVtZSksXG4gICAgICAgIGlucHV0ICYmIG9wZW4gJiYgc3R5bGVzLm9wZW4odGhlbWUpLFxuICAgICAgICB0eXBlID09PSAncHJpbWFyeTEwJyAmJiBzdHlsZXMucHJpbWFyeTEwKHRoZW1lKSxcbiAgICAgICAgaWNvbiAmJiBzdHlsZXMud2l0aEljb24sXG4gICAgICAgIHR5cGUgPT09ICdvcGFjaXR5MDgnICYmIHN0eWxlcy5vcGFjaXR5MDgodGhlbWUpLFxuICAgICAgICB3aWR0aCAmJiBzdHlsZXMud2lkdGgod2lkdGgpLFxuICAgICAgICBtYXhIZWlnaHQgJiYgc3R5bGVzLm1heEhlaWdodChtYXhIZWlnaHQpLFxuICAgICAgICBjdXN0b21TdHlsZSAmJiBjdXN0b21TdHlsZSxcbiAgICAgICAgb3BlbiAmJiBjdXN0b21PcGVuc3R5bGUgJiYgY3VzdG9tT3BlbnN0eWxlLFxuICAgICAgICBkaXNhYmxlZCAmJiBzdHlsZXMuZGlzYWJsZWQodGhlbWUpLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7aW5wdXQgJiYgbGFiZWwgJiYgTGFiZWx9XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgYWZ0ZXJJY29uPXs8SWNvbkNoZXZyb25Eb3duIGZsaXBWZXJ0aWNhbD17b3Blbn0gc2l6ZT17MTR9IC8+fVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBiZWZvcmVJY29uPXtpY29ufVxuICAgICAgICBhdXRvRm9jdXM9e2ZvY3VzfVxuICAgICAgICB0cmFja2luZ05hbWU9e3RyYWNraW5nTmFtZX1cbiAgICAgICAgdHJhY2tpbmdFdmVudD17dHJhY2tpbmdFdmVudH1cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHR9XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIDxPcHRpb25zV3JhcHBlclxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXRzdHlsZSghIWxhYmVsKSxcbiAgICAgICAgICBvcHRpb25zV2lkdGggJiYgc3R5bGVzLm9wdGlvbnNXaWR0aChvcHRpb25zV2lkdGgpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7b3BlbiA/IChcbiAgICAgICAgICA8TGlzdCBzZWxlY3RMaXN0PlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgICAgICAgIC5tYXAoKGNoaWxkLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkIGFzIFJlYWN0RWxlbWVudCwge1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAga2V5LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTGlzdD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L09wdGlvbnNXcmFwcGVyPlxuICAgIDwvU2VsZWN0V3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IE5hdGl2ZSA9IChcbiAgICA8c2VsZWN0XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgXX1cbiAgICAgIHZhbHVlPXtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHR9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgLm1hcCgoY2hpbGQ6IGFueSwga2V5OiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2NoaWxkLnByb3BzLnZhbHVlfT5cbiAgICAgICAgICAgICAge2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICA8L3NlbGVjdD5cbiAgKVxuXG4gIHJldHVybiBuYXRpdmUgPyBOYXRpdmUgOiBOb25OYXRpdmVcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXX0= */"],
+      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 */"],
       children: open ? _jsx(List, {
         selectList: true,
         children: props.children.filter(x => x).map((child, key) => {
@@ -110,7 +110,7 @@ const Select = ({
   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],
-    value: props.selectedValue ? props.selectedValue : props.text,
+    value: props.selectedValue ? props.selectedValue : props.text || '',
     onChange: e => onChange(e.target.value),
     children: props.children.filter(x => x).map((child, key) => {
       if (!child) {

package/esm/index.js

@@ -187,6 +187,7 @@ import IllustrationMySitePiggyBank from './illustrations/MySite/IllustrationMySi
 import Html from './core/Html';
 import CustomText from './core/CustomText';
 import Select from './core/Select';
+import SearchSelect from './core/SearchSelect';
 import Option from './core/Select/Option';
 import UserMenu from './core/UserMenu';
 import UserMenuOption from './core/UserMenu/UserMenuOption';
@@ -290,4 +291,4 @@ import NotificationCounter from './core/NotificationCounter';
 import { Key } from './enums/Keyboard';
 import SearchFilter from './core/SearchFilter';
 import DraggableRow from './core/BoxedTable/DraggableRow';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, datesAreOnSameDay, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, Key };
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, SearchSelect, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, datesAreOnSameDay, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, Key };

package/lib/core/Autocomplete/index.d.js

@@ -0,0 +1 @@
+export {};

package/lib/core/BoxedTable/DraggableRow/index.d.ts

@@ -8,7 +8,7 @@ interface IProps {
     /** Children */
     children: React.ReactNode | React.ReactNode[];
     /**Extra react components beneath row */
-    subContent: React.ReactNode | React.ReactNode[];
+    subContent?: React.ReactNode | React.ReactNode[];
 }
 declare const DraggableRow: FC<IProps>;
 export default DraggableRow;

package/lib/core/BoxedTable/DraggableRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAChD;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAmB5B,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACjD;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAmB5B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/DatepickerRange/YearMonthForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    date: Date;
+    onChange: (e: Date) => void;
+    fromDate: Date;
+    toDate: Date;
+}
+declare const YearMonthForm: React.FC<IProps>;
+export default YearMonthForm;
+//# sourceMappingURL=YearMonthForm.d.ts.map

package/lib/core/DatepickerRange/YearMonthForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/YearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmDnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/DatepickerRange/YearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/lib/core/SearchSelect/hooks/useSelectSearch.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IProps, IValuesProps } from '../interface/IProps';
+declare const useSelectSearch: (props: IProps) => {
+    open: boolean;
+    search: string;
+    values: IValuesProps[];
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export default useSelectSearch;
+//# sourceMappingURL=useSelectSearch.d.ts.map

package/lib/core/SearchSelect/hooks/useSelectSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectSearch.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/SearchSelect/hooks/useSelectSearch.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,UAAW,MAAM;;;;;;CAuBrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/SearchSelect/hooks/useSelectSearch.js

@@ -0,0 +1,22 @@
+import { matchSorter } from 'match-sorter';
+import { useMemo, useState } from 'react';
+
+const useSelectSearch = props => {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState('');
+  const values = useMemo(() => {
+    const fuzzyOptions = {
+      keys: props.fuzzyKeys
+    };
+    return matchSorter(props.values, search ?? '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.values, search]);
+  return {
+    open,
+    search,
+    values,
+    setOpen,
+    setSearch
+  };
+};
+
+export default useSelectSearch;

package/lib/core/SearchSelect/index.d.ts

@@ -0,0 +1,6 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { IProps } from './interface/IProps';
+declare const SelectSearch: React.FC<IProps>;
+export default SelectSearch;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/SearchSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAA;AAOhD,OAAO,EAAE,MAAM,EAAgB,MAAM,oBAAoB,CAAA;AASzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuGlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/SearchSelect/index.js

@@ -0,0 +1,104 @@
+/** @jsxImportSource @emotion/react */
+import React, { useRef, useEffect } from 'react';
+import IconChevronDown from '../../icons/General/IconChevronDown';
+import Button from '../Button';
+import Input from '../Input';
+import List from '../List';
+import { Option } from '../Select';
+import useSelectSearch from './hooks/useSelectSearch';
+import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles } from './styles';
+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);
+  const {
+    open,
+    values,
+    search,
+    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
+  }, [open, ref]);
+  useEffect(() => {
+    if (open && inputRef.current) {
+      inputRef?.current?.focus();
+    } // 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],
+    children: [props.label && _jsx(StyledLabel, {
+      children: props.label
+    }), _jsx(Button, {
+      nostyle: true,
+      afterIcon: _jsx(IconChevronDown, {
+        flipVertical: open,
+        size: 14
+      }),
+      onClick: handleOnClick,
+      trackingName: props.trackingName,
+      trackingEvent: props.trackingEvent,
+      children: props?.createLabelName && getDisplayedValue(props.selectedValue) || props.selectedValue || props.defaultValue || ''
+    }), _jsx(OptionsWrapper, {
+      children: open ? _jsxs(_Fragment, {
+        children: [_jsx(Input, {
+          ref: inputRef,
+          height: "36px",
+          type: "search",
+          highlight: true,
+          placeholder: props.inputPlaceholder || '',
+          value: search,
+          onChange: e => setSearch(e.target.value)
+        }), _jsx(ListWrapper, {
+          children: _jsx(List, {
+            children: values.map(item => _jsx(Option, {
+              onChange: handleOnItemClick(item),
+              children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
+            }))
+          })
+        })]
+      }) : null
+    })]
+  });
+};
+
+export default SelectSearch;