@orfium/ictinus 4.64.0 → 4.66.0

package/dist/components/Filter/Filter.js

@@ -13,16 +13,18 @@ var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListe
 
 var _FilterBase = _interopRequireDefault(require("./components/FilterBase"));
 
-var _Options = _interopRequireDefault(require("./components/Options/Options"));
+var _MultiFilter = _interopRequireDefault(require("./components/MultiFilter/MultiFilter"));
 
-var _SearchInput = _interopRequireDefault(require("./components/SearchInput/SearchInput"));
+var _SingleFilter = _interopRequireDefault(require("./components/SingleFilter/SingleFilter"));
 
-var _Filter = require("./Filter.style");
+var _useMultiFilterUtils2 = _interopRequireDefault(require("./hooks/useMultiFilterUtils"));
 
 var _utils = require("./utils");
 
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 
+var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen/PositionInScreen"));
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -32,8 +34,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  var _selectedItem$label;
-
   var items = props.items,
       onSelect = props.onSelect,
       selectedItem = props.selectedItem,
@@ -57,8 +57,16 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
       _props$isVirtualized = props.isVirtualized,
       isVirtualized = _props$isVirtualized === void 0 ? false : _props$isVirtualized,
+      _props$multi = props.multi,
+      multi = _props$multi === void 0 ? false : _props$multi,
+      _props$selectedItems = props.selectedItems,
+      selectedItems = _props$selectedItems === void 0 ? [] : _props$selectedItems,
       _props$onClear = props.onClear,
-      onClear = _props$onClear === void 0 ? function () {} : _props$onClear;
+      onClear = _props$onClear === void 0 ? function () {} : _props$onClear,
+      _props$onFilterDelete = props.onFilterDelete,
+      onFilterDelete = _props$onFilterDelete === void 0 ? function () {} : _props$onFilterDelete,
+      _props$hasSelectAllOp = props.hasSelectAllOption,
+      hasSelectAllOption = _props$hasSelectAllOp === void 0 ? false : _props$hasSelectAllOp;
   (0, _helpers.errorHandler)(_utils.errors, props);
 
   var _React$useState = _react["default"].useState(false),
@@ -69,19 +77,35 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
+  var _React$useState3 = _react["default"].useState(defaultValue.label),
+      filterLabel = _React$useState3[0],
+      setFilterLabel = _React$useState3[1];
+
   var hasSelectedValue = Boolean(selectedItem == null ? void 0 : selectedItem.value) && (selectedItem == null ? void 0 : selectedItem.value) !== defaultValue.value;
   var iconName = isOpen ? 'triangleUp' : 'triangleDown';
 
-  var handleSelect = function handleSelect(option) {
-    setIsOpen(false);
-    onSelect(option);
-  };
+  var _useMultiFilterUtils = (0, _useMultiFilterUtils2["default"])({
+    multi: multi,
+    selectedItems: selectedItems,
+    items: items,
+    defaultValue: defaultValue,
+    setFilterLabel: setFilterLabel,
+    setIsOpen: setIsOpen,
+    onClear: onClear,
+    setSearchValue: setSearchValue,
+    onFilterDelete: onFilterDelete
+  }),
+      availableMultiFilters = _useMultiFilterUtils.availableMultiFilters,
+      multiFilters = _useMultiFilterUtils.multiFilters,
+      handleOptionDelete = _useMultiFilterUtils.handleOptionDelete,
+      handleClearAllOptions = _useMultiFilterUtils.handleClearAllOptions,
+      handleMultiSelectOptionClick = _useMultiFilterUtils.handleMultiSelectOptionClick;
 
   var handleChange = function handleChange(event) {
     var isAsync = typeof onAsyncSearch === 'function';
     (0, _handleSearch["default"])({
       event: event,
-      isSearchable: isSearchable,
+      isSearchable: isSearchable || multi,
       isAsync: isAsync,
       setSearchValue: setSearchValue,
       onChange: debouncedOnChange,
@@ -90,14 +114,16 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   };
 
   var filteredOptions = (0, _react.useMemo)(function () {
+    var optionsToBeFiltered = multi ? availableMultiFilters : items;
+
     if (onAsyncSearch) {
-      return items;
+      return optionsToBeFiltered;
     }
 
-    return items.filter(function (item) {
+    return optionsToBeFiltered.filter(function (item) {
       return !searchValue || item.label.toLowerCase().includes(searchValue.toLowerCase());
     });
-  }, [searchValue, items, onAsyncSearch]);
+  }, [multi, availableMultiFilters, items, onAsyncSearch, searchValue]);
   var shouldDisplayDefaultOption = searchValue === '' && !!items.length;
 
   var handleOpen = function handleOpen() {
@@ -109,42 +135,87 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     onAsyncSearch == null ? void 0 : onAsyncSearch(value);
   }, 400), []);
 
+  var handleSelect = function handleSelect(option) {
+    if (multi) {
+      handleMultiSelectOptionClick(option);
+    } else {
+      setIsOpen(false);
+      setFilterLabel(option.label);
+    }
+
+    if (isSearchable || multi) {
+      setSearchValue('');
+    }
+
+    onSelect(option);
+  };
+
+  var handleClear = function handleClear() {
+    if (filterType === 'added' && !multi) {
+      setFilterLabel(defaultValue.label);
+    }
+
+    if (onClear) {
+      onClear();
+    }
+  };
+
+  var getFilter = function getFilter() {
+    return multi ? (0, _react2.jsx)(_MultiFilter["default"], {
+      selectedItems: multiFilters,
+      items: filteredOptions,
+      onInput: handleChange,
+      onOptionDelete: handleOptionDelete,
+      onClearAllOptions: handleClearAllOptions,
+      onOptionClick: handleSelect,
+      searchValue: searchValue,
+      isLoading: isLoading,
+      hasSelectAllOption: hasSelectAllOption
+    }) : (0, _react2.jsx)(_SingleFilter["default"], {
+      isSearchable: isSearchable,
+      dataTestId: dataTestId,
+      searchValue: searchValue,
+      handleChange: handleChange,
+      isLoading: isLoading,
+      filteredOptions: filteredOptions,
+      isVirtualized: isVirtualized,
+      defaultValue: defaultValue,
+      selectedItem: selectedItem,
+      handleSelect: handleSelect,
+      shouldDisplayDefaultOption: shouldDisplayDefaultOption
+    });
+  };
+
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
       return setIsOpen(false);
     }
-  }, (0, _react2.jsx)(_FilterBase["default"], {
-    ref: ref,
-    dataTestId: dataTestId,
-    handleOpen: handleOpen,
-    disabled: disabled,
-    onClear: onClear,
-    selectedItemLabel: (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : defaultValue.label,
-    open: isOpen,
-    hasSelectedValue: hasSelectedValue,
-    label: label,
-    iconName: iconName,
-    filterType: filterType,
-    buttonType: buttonType,
-    styleType: styleType
-  }, isOpen && (0, _react2.jsx)("div", {
-    css: (0, _Filter.menuStyle)(),
-    "data-testid": (0, _helpers.generateTestDataId)('filter-menu', dataTestId)
-  }, isSearchable && (0, _react2.jsx)(_SearchInput["default"], {
-    value: searchValue,
-    onChange: handleChange,
-    dataTestId: dataTestId,
-    isLoading: isLoading
-  }), (0, _react2.jsx)(_Options["default"], {
-    dataTestId: dataTestId,
-    items: filteredOptions,
-    isVirtualized: isVirtualized,
-    defaultValue: defaultValue,
-    isSearchable: isSearchable,
-    selectedItem: selectedItem,
-    onSelect: handleSelect,
-    shouldDisplayDefaultOption: shouldDisplayDefaultOption
-  }))));
+  }, (0, _react2.jsx)(_PositionInScreen["default"], {
+    visible: isOpen,
+    hasWrapperWidth: true,
+    offsetY: 8,
+    sx: {
+      container: {
+        width: 'max-content'
+      }
+    },
+    parent: (0, _react2.jsx)(_FilterBase["default"], {
+      ref: ref,
+      dataTestId: dataTestId,
+      handleOpen: handleOpen,
+      disabled: disabled,
+      onClear: handleClear,
+      selectedItemLabel: filterLabel,
+      open: isOpen,
+      hasSelectedValue: hasSelectedValue,
+      label: label,
+      iconName: iconName,
+      filterType: filterType,
+      buttonType: buttonType,
+      styleType: styleType,
+      multi: multi
+    })
+  }, isOpen && getFilter()));
 });
 
 Filter.displayName = 'Filter';

package/dist/components/Filter/Filter.style.d.ts

@@ -11,7 +11,7 @@ export declare const buttonSpanStyle: () => () => {
     gap: string;
     height: string;
 };
-export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, calculatedColor, styleType, }: ButtonStyleProps) => (theme: Theme) => {
+export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, calculatedColor, styleType }: ButtonStyleProps) => (theme: Theme) => {
     background: string;
     border: string;
     display: string;

package/dist/components/Filter/Filter.style.js

@@ -11,6 +11,8 @@ var _states = require("../../theme/states");
 
 var _utils2 = require("./utils");
 
+var _config = require("../TextInputBase/config");
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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)."; }
@@ -271,7 +273,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "aqyt6f-valueSpanStyle",
   styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;label:valueSpanStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICB0cmFuc3BhcmVudEZvY3VzQm9yZGVyV2lkdGgsXG59IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogcmVtKDM2KSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TcGFuU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGdhcDogcmVtKDQpLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbldyYXBwZXJTdHlsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBvcGVuLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBjYWxjdWxhdGVkQ29sb3IsXG4gIHN0eWxlVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYWN0aXZlQW5kQ2xvc2VkID0gIWRpc2FibGVkICYmICFvcGVuO1xuICBjb25zdCBib3JkZXJXaWR0aCA9IHN0eWxlVHlwZSA9PT0gJ2ZpbGxlZCcgPyBmb2N1c0JvcmRlcldpZHRoIDogdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoO1xuXG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZDogJ25vbmUnLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwYWRkaW5nOiAnMCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbWluV2lkdGg6IHJlbSgxMTApLFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmhvdmVyID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgPyBnZXRIb3Zlcih7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldEhvdmVyKHsgdGhlbWUgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG5cbiAgICAvLyBJZiBpcyBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZCBhbmQgbm90IHZpc2l0ZWQgZ2xvYmFsIHN0YXRlcyBhcHBsaWVkXG4gICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICc6YWN0aXZlID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgPyBnZXRQcmVzc2VkKHtcbiAgICAgICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgIHNoYWRlOiBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gICAgICAgICAgICB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiB7XG4gICAgICBib3JkZXI6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMtdmlzaWJsZSA+IHNwYW4nOiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogNTAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogJHtyZW0oNjIwKX07XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICB0cmFuc3BhcmVudEZvY3VzQm9yZGVyV2lkdGgsXG59IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdGV4dElucHV0Q29uZmlnIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL2NvbmZpZyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgaGVpZ2h0OiByZW0oMzYpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblNwYW5TdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZ2FwOiByZW0oNCksXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uV3JhcHBlclN0eWxlID1cbiAgKHsgZGlzYWJsZWQsIG9wZW4sIGhhc1NlbGVjdGVkVmFsdWUsIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBhY3RpdmVBbmRDbG9zZWQgPSAhZGlzYWJsZWQgJiYgIW9wZW47XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICAgIHJldHVybiB7XG4gICAgICBiYWNrZ3JvdW5kOiAnbm9uZScsXG4gICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogcmVtKDExMCksXG5cbiAgICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAgICc6aG92ZXIgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldEhvdmVyKHtcbiAgICAgICAgICAgICAgICB0aGVtZSxcbiAgICAgICAgICAgICAgICBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLFxuICAgICAgICAgICAgICAgIHNoYWRlOiBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gICAgICAgICAgICAgIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzphY3RpdmUgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldFByZXNzZWQoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IGRpdic6IHtcbiAgICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgICAgLy8gdGFyZ2V0IHRoZSBkaXZpZGVyIG9uIGZvY3VzXG4gICAgICAnOmZvY3VzLXZpc2libGUgPiBzcGFuJzoge1xuICAgICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgIH07XG4gIH07XG5cbmV4cG9ydCBjb25zdCBidXR0b25CYXNlU3R5bGUgPVxuICAoe1xuICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICBkaXNhYmxlZCxcbiAgICBvcGVuLFxuICAgIHN0eWxlVHlwZSxcbiAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgIGZpbHRlclR5cGUsXG4gIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMyddLFxuICAgICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC41IDogMSxcbiAgICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgICB0aGVtZSxcbiAgICAgICAgb3BlbixcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgfSksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIH0pLFxuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICB9KX1gLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgICAgb3BlbixcbiAgICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgICAgfSl9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYm9yZGVyQ29uZmlnID0gdGV4dElucHV0Q29uZmlnLnR5cGVzW3RoZW1lLmNvbG9yU2NoZW1lXS5vdXRsaW5lZC5ib3JkZXI7XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYm9yZGVyOiAke3JlbShib3JkZXJDb25maWcud2lkdGgpfSBzb2xpZFxuICAgICAgJHt0aGVtZS51dGlscy5nZXRDb2xvcihib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5uYW1lLCBib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5zaGFkZSl9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119O1xuICAgIHotaW5kZXg6IDUwMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG1pbi13aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6ICR7cmVtKDQ0MCl9O1xuICBgO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -283,11 +285,12 @@ exports.valueSpanStyle = valueSpanStyle;
 
 var menuStyle = function menuStyle() {
   return function (theme) {
+    var borderConfig = _config.textInputConfig.types[theme.colorScheme].outlined.border;
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:500;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNE9vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICB0cmFuc3BhcmVudEZvY3VzQm9yZGVyV2lkdGgsXG59IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogcmVtKDM2KSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TcGFuU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGdhcDogcmVtKDQpLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbldyYXBwZXJTdHlsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBvcGVuLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBjYWxjdWxhdGVkQ29sb3IsXG4gIHN0eWxlVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYWN0aXZlQW5kQ2xvc2VkID0gIWRpc2FibGVkICYmICFvcGVuO1xuICBjb25zdCBib3JkZXJXaWR0aCA9IHN0eWxlVHlwZSA9PT0gJ2ZpbGxlZCcgPyBmb2N1c0JvcmRlcldpZHRoIDogdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoO1xuXG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZDogJ25vbmUnLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwYWRkaW5nOiAnMCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbWluV2lkdGg6IHJlbSgxMTApLFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmhvdmVyID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgPyBnZXRIb3Zlcih7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldEhvdmVyKHsgdGhlbWUgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG5cbiAgICAvLyBJZiBpcyBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZCBhbmQgbm90IHZpc2l0ZWQgZ2xvYmFsIHN0YXRlcyBhcHBsaWVkXG4gICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICc6YWN0aXZlID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgPyBnZXRQcmVzc2VkKHtcbiAgICAgICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgIHNoYWRlOiBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gICAgICAgICAgICB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiB7XG4gICAgICBib3JkZXI6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMtdmlzaWJsZSA+IHNwYW4nOiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogNTAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogJHtyZW0oNjIwKX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
+      (0, _react.css)("position:absolute;left:0;height:auto;border:", (0, _utils.rem)(borderConfig.width), " solid ", theme.utils.getColor(borderConfig.color["default"].name, borderConfig.color["default"].shade), ";border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:500;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(440), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaVBZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZ2V0Rm9jdXMsIGdldEhvdmVyLCBnZXRQcmVzc2VkIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3RhdGVzJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlcldpZHRoLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxuICBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gIHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aCxcbn0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyB0ZXh0SW5wdXRDb25maWcgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPVxuICAoeyBkaXNhYmxlZCwgb3BlbiwgaGFzU2VsZWN0ZWRWYWx1ZSwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHN0eWxlVHlwZSA9PT0gJ2ZpbGxlZCcgPyBmb2N1c0JvcmRlcldpZHRoIDogdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0SG92ZXIoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldEhvdmVyKHsgdGhlbWUgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICB9LFxuXG4gICAgICAvLyBJZiBpcyBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZCBhbmQgbm90IHZpc2l0ZWQgZ2xvYmFsIHN0YXRlcyBhcHBsaWVkXG4gICAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0UHJlc3NlZCh7XG4gICAgICAgICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgICAgICAgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvcixcbiAgICAgICAgICAgICAgICBzaGFkZTogSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICAgICAgICAgICAgICB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgIDogZ2V0UHJlc3NlZCh7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICAgJzpmb2N1cy12aXNpYmxlID4gZGl2Jzoge1xuICAgICAgICBib3JkZXI6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IHNwYW4nOiB7XG4gICAgICAgIGJvcmRlclRvcDogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgICAgICBib3JkZXJCb3R0b206IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9XG4gICh7XG4gICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW4sXG4gICAgc3R5bGVUeXBlLFxuICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgZmlsdGVyVHlwZSxcbiAgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgICAgY29sb3I6IGdldFRleHRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICB9KSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHtcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgfSksXG4gICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGZpbHRlclR5cGUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgb3BlbixcbiAgICAgIH0pfWAsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgJyY6aG92ZXInOiB7XG4gICAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgICBvcGVuLFxuICAgICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgICB9KX1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlciA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IG9wZW4sIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlLCBoYXNTZWxlY3RlZFZhbHVlLCBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcblxuICByZXR1cm4ge1xuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHdpZHRoOiByZW0oMSksXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgbWluV2lkdGg6IHJlbSgxKSxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIDE1MG1zIGxpbmVhcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgICBpc0RpdmlkZXI6IHRydWUsXG4gICAgfSksXG4gICAgYm9yZGVyVG9wOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgICBib3JkZXJCb3R0b206IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZWRCdXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIGJvcmRlckxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIHBhZGRpbmdMZWZ0OiByZW0oNCksXG4gICAgcGFkZGluZ1JpZ2h0OiByZW0oNCksXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogcmVtKDM0KSxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IGZpbHRlclR5cGUgfSA9IHByb3BzO1xuICBjb25zdCBpc1ByZXNldCA9IGZpbHRlclR5cGUgPT09ICdwcmVzZXQnO1xuXG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgcGFkZGluZzogYDAgJHshaXNQcmVzZXQgPyB0aGVtZS5zcGFjaW5nLnhzbSA6IHRoZW1lLnNwYWNpbmcubWR9IDAgJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlclJpZ2h0OiAhaXNQcmVzZXQgPyAnMCAhaW1wb3J0YW50JyA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBsaW5lSGVpZ2h0OiByZW0oMTUpLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgbGFiZWxTcGFuU3R5bGUgPSAob3BlbjogYm9vbGVhbiwgaGFzU2VsZWN0ZWRWYWx1ZTogYm9vbGVhbikgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRXZWlnaHQ6XG4gICAgICBvcGVuIHx8IGhhc1NlbGVjdGVkVmFsdWUgPyB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCA6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXY6IHtcbiAgICAgIGZsZXg6ICdub25lJyxcbiAgICB9LFxuICAgIHNwYW46IHtcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgdmFsdWVTcGFuU3R5bGUgPSAoKSA9PiBjc3NgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgbWVudVN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBib3JkZXJDb25maWcgPSB0ZXh0SW5wdXRDb25maWcudHlwZXNbdGhlbWUuY29sb3JTY2hlbWVdLm91dGxpbmVkLmJvcmRlcjtcblxuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBib3JkZXI6ICR7cmVtKGJvcmRlckNvbmZpZy53aWR0aCl9IHNvbGlkXG4gICAgICAke3RoZW1lLnV0aWxzLmdldENvbG9yKGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0Lm5hbWUsIGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0LnNoYWRlKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gICAgei1pbmRleDogNTAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogJHtyZW0oNDQwKX07XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
     );
   };
 };

package/dist/components/Filter/components/FilterBase/FilterBase.d.ts

@@ -11,5 +11,5 @@ declare type FilterBaseProps = {
     open: boolean;
     hasSelectedValue: boolean;
 };
-export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "buttonType" | "styleType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "buttonType" | "styleType" | "multi" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
 export default FilterBase;

package/dist/components/Filter/components/FilterBase/FilterBase.js

@@ -42,7 +42,8 @@ var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$filterType = props.filterType,
       filterType = _props$filterType === void 0 ? 'preset' : _props$filterType,
       styleType = props.styleType,
-      children = props.children;
+      children = props.children,
+      multi = props.multi;
 
   var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
       calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
@@ -99,13 +100,16 @@ var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     css: (0, _Filter.childrenWrapperStyle)()
   }, (0, _react2.jsx)("span", {
     css: (0, _Filter.labelSpanStyle)(open, hasSelectedValue)
-  }, label && (0, _react2.jsx)("div", null, label, " ", !isDatePicker ? (0, _react2.jsx)(_react["default"].Fragment, null, ":\xA0") : ''), selectedItemLabel && (0, _react2.jsx)("span", {
-    css: (0, _Filter.valueSpanStyle)()
+  }, label && (0, _react2.jsx)("div", {
+    "data-testid": "filter-label"
+  }, label, " ", !isDatePicker ? (0, _react2.jsx)(_react["default"].Fragment, null, ":\xA0") : ''), selectedItemLabel && (0, _react2.jsx)("span", {
+    css: (0, _Filter.valueSpanStyle)(),
+    "data-testid": "filter-selected-item-label"
   }, selectedItemLabel))), (0, _react2.jsx)(_Icon["default"], {
     name: iconName,
     size: isDatePicker ? 14 : 7,
     color: pickIconColor()
-  }))), filterType === 'added' && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", {
+  }))), filterType === 'added' && !multi && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", {
     css: (0, _Filter.divider)(buttonStyleProps)
   }), (0, _react2.jsx)("div", {
     css: (0, _Filter.dividedButtonStyle)(buttonStyleProps)

package/dist/components/Filter/components/MultiFilter/MultiFilter.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FilterOption, Props as FilterProps } from '../../types';
+declare type Props = Pick<FilterProps, 'selectedItems' | 'items' | 'isLoading' | 'hasSelectAllOption'> & {
+    onInput?: React.EventHandler<any>;
+    onOptionDelete: (option?: FilterOption | undefined) => void;
+    onClearAllOptions: () => void;
+    onOptionClick: (option: FilterOption) => void;
+    searchValue: string;
+};
+declare const MultiFilter: React.FC<Props>;
+export default MultiFilter;

package/dist/components/Filter/components/MultiFilter/MultiFilter.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Options = _interopRequireDefault(require("../Options/Options"));
+
+var _MultiFilter = require("./MultiFilter.style");
+
+var _Filter = require("../../Filter.style");
+
+var _MultiSelectBase = _interopRequireDefault(require("../../../MultiSelectBase/MultiSelectBase"));
+
+var _constants = require("../../../Select/constants");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var MultiFilter = function MultiFilter(_ref) {
+  var selectedItems = _ref.selectedItems,
+      items = _ref.items,
+      onInput = _ref.onInput,
+      onOptionDelete = _ref.onOptionDelete,
+      onClearAllOptions = _ref.onClearAllOptions,
+      onOptionClick = _ref.onOptionClick,
+      searchValue = _ref.searchValue,
+      isLoading = _ref.isLoading,
+      hasSelectAllOption = _ref.hasSelectAllOption;
+  return (0, _react2.jsx)("div", {
+    css: (0, _Filter.menuStyle)()
+  }, (0, _react2.jsx)("div", {
+    css: (0, _MultiFilter.textFieldWrapper)()
+  }, (0, _react2.jsx)(_MultiSelectBase["default"], {
+    selectedOptions: selectedItems,
+    onInput: onInput,
+    onOptionDelete: onOptionDelete,
+    onClearAllOptions: onClearAllOptions,
+    isInteractive: false,
+    value: searchValue,
+    placeholder: "Search",
+    isResponsive: true,
+    isLoading: isLoading
+  })), (0, _react2.jsx)("div", {
+    css: (0, _MultiFilter.optionsWrapper)()
+  }, (0, _react2.jsx)(_Options["default"], {
+    items: items,
+    onSelect: onOptionClick,
+    defaultValue: _constants.SELECT_ALL_OPTION,
+    shouldDisplayDefaultOption: hasSelectAllOption != null ? hasSelectAllOption : false
+  })));
+};
+
+var _default = MultiFilter;
+exports["default"] = _default;

package/dist/components/Filter/components/MultiFilter/MultiFilter.style.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'theme';
+export declare const textFieldWrapper: () => import("@emotion/react").SerializedStyles;
+export declare const optionsWrapper: () => (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/Filter/components/MultiFilter/MultiFilter.style.js

@@ -0,0 +1,42 @@
+"use strict";
+
+exports.__esModule = true;
+exports.optionsWrapper = exports.textFieldWrapper = void 0;
+
+var _react = require("@emotion/react");
+
+var _utils = require("../../../../theme/utils");
+
+var _config = require("../../../TextInputBase/config");
+
+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)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "15pt3w9",
+  styles: "&>div>div{border-bottom-left-radius:0;border-bottom-right-radius:0;}"
+} : {
+  name: "16du9gm-textFieldWrapper",
+  styles: "&>div>div{border-bottom-left-radius:0;border-bottom-right-radius:0;};label:textFieldWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9jb21wb25lbnRzL011bHRpRmlsdGVyL011bHRpRmlsdGVyLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9LIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9jb21wb25lbnRzL011bHRpRmlsdGVyL011bHRpRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IHRleHRJbnB1dENvbmZpZyB9IGZyb20gJ2NvbXBvbmVudHMvVGV4dElucHV0QmFzZS9jb25maWcnO1xuXG5leHBvcnQgY29uc3QgdGV4dEZpZWxkV3JhcHBlciA9ICgpID0+XG4gIGNzc2BcbiAgICAmID4gZGl2ID4gZGl2IHtcbiAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgICB9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBvcHRpb25zV3JhcHBlciA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYm9yZGVyQ29uZmlnID0gdGV4dElucHV0Q29uZmlnLnR5cGVzW3RoZW1lLmNvbG9yU2NoZW1lXS5vdXRsaW5lZC5ib3JkZXI7XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAmID4gZGl2IHtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwICR7cmVtKGJvcmRlckNvbmZpZy53aWR0aCl9XG4gICAgICAgICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoYm9yZGVyQ29uZmlnLmNvbG9yLmRlZmF1bHQubmFtZSwgYm9yZGVyQ29uZmlnLmNvbG9yLmRlZmF1bHQuc2hhZGUpfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICB9XG4gIGA7XG59O1xuXG5cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var textFieldWrapper = function textFieldWrapper() {
+  return _ref;
+};
+
+exports.textFieldWrapper = textFieldWrapper;
+
+var optionsWrapper = function optionsWrapper() {
+  return function (theme) {
+    var borderConfig = _config.textInputConfig.types[theme.colorScheme].outlined.border;
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("&>div{box-shadow:0 0 0 ", (0, _utils.rem)(borderConfig.width), " ", theme.utils.getColor(borderConfig.color["default"].name, borderConfig.color["default"].shade), ";border:none;border-top-left-radius:0;border-top-right-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:optionsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9jb21wb25lbnRzL011bHRpRmlsdGVyL011bHRpRmlsdGVyLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCWSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvY29tcG9uZW50cy9NdWx0aUZpbHRlci9NdWx0aUZpbHRlci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyB0ZXh0SW5wdXRDb25maWcgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZFdyYXBwZXIgPSAoKSA9PlxuICBjc3NgXG4gICAgJiA+IGRpdiA+IGRpdiB7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICBgO1xuXG5leHBvcnQgY29uc3Qgb3B0aW9uc1dyYXBwZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbmZpZyA9IHRleHRJbnB1dENvbmZpZy50eXBlc1t0aGVtZS5jb2xvclNjaGVtZV0ub3V0bGluZWQuYm9yZGVyO1xuXG4gIHJldHVybiBjc3NgXG4gICAgJiA+IGRpdiB7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAke3JlbShib3JkZXJDb25maWcud2lkdGgpfVxuICAgICAgICAke3RoZW1lLnV0aWxzLmdldENvbG9yKGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0Lm5hbWUsIGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0LnNoYWRlKX07XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICBgO1xufTtcblxuXG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:optionsWrapper;")
+    );
+  };
+};
+
+exports.optionsWrapper = optionsWrapper;

package/dist/components/Filter/components/MultiFilter/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MultiFilter';

package/dist/components/Filter/components/MultiFilter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _MultiFilter = _interopRequireDefault(require("./MultiFilter"));
+
+exports["default"] = _MultiFilter["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Filter/components/SingleFilter/SingleFilter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Props as FilterProps } from '../../types';
+import { FilterOption } from 'components/Filter/types';
+declare type Props = Pick<FilterProps, 'isSearchable' | 'dataTestId' | 'isLoading' | 'isVirtualized' | 'defaultValue' | 'selectedItem'> & {
+    searchValue: string;
+    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    filteredOptions: FilterOption[];
+    handleSelect: (option: FilterOption) => void;
+    shouldDisplayDefaultOption: boolean;
+};
+declare const SingleFilter: React.FC<Props>;
+export default SingleFilter;

package/dist/components/Filter/components/SingleFilter/SingleFilter.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../../../utils/helpers");
+
+var _Options = _interopRequireDefault(require("../Options/Options"));
+
+var _SearchInput = _interopRequireDefault(require("./components/SearchInput"));
+
+var _Filter = require("../../Filter.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var SingleFilter = function SingleFilter(_ref) {
+  var isSearchable = _ref.isSearchable,
+      dataTestId = _ref.dataTestId,
+      searchValue = _ref.searchValue,
+      handleChange = _ref.handleChange,
+      isLoading = _ref.isLoading,
+      filteredOptions = _ref.filteredOptions,
+      isVirtualized = _ref.isVirtualized,
+      defaultValue = _ref.defaultValue,
+      selectedItem = _ref.selectedItem,
+      handleSelect = _ref.handleSelect,
+      shouldDisplayDefaultOption = _ref.shouldDisplayDefaultOption;
+  return (0, _react2.jsx)("div", {
+    css: (0, _Filter.menuStyle)(),
+    "data-testid": (0, _helpers.generateTestDataId)('filter-menu', dataTestId)
+  }, isSearchable && (0, _react2.jsx)(_SearchInput["default"], {
+    value: searchValue,
+    onChange: handleChange,
+    dataTestId: dataTestId,
+    isLoading: isLoading
+  }), (0, _react2.jsx)(_Options["default"], {
+    dataTestId: dataTestId,
+    items: filteredOptions,
+    isVirtualized: isVirtualized,
+    defaultValue: defaultValue,
+    isSearchable: isSearchable,
+    selectedItem: selectedItem,
+    onSelect: handleSelect,
+    shouldDisplayDefaultOption: shouldDisplayDefaultOption
+  }));
+};
+
+var _default = SingleFilter;
+exports["default"] = _default;

package/dist/components/Filter/components/{SearchInput → SingleFilter/components/SearchInput}/SearchInput.d.ts

@@ -5,5 +5,5 @@ interface Props {
     dataTestId?: string;
     isLoading?: boolean;
 }
-declare const SearchInput: ({ onChange, value, dataTestId, isLoading }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const SearchInput: React.FC<Props>;
 export default SearchInput;

package/dist/components/Filter/components/{SearchInput → SingleFilter/components/SearchInput}/SearchInput.js

@@ -3,19 +3,19 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _useTheme = _interopRequireDefault(require("../../../../hooks/useTheme"));
+var _useTheme = _interopRequireDefault(require("../../../../../../hooks/useTheme"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _helpers = require("../../../../utils/helpers");
+var _helpers = require("../../../../../../utils/helpers");
 
-var _Icon = _interopRequireDefault(require("../../../Icon"));
+var _SearchInput = require("./SearchInput.style");
 
-var _Loader = _interopRequireDefault(require("../../../Loader"));
+var _Icon = _interopRequireDefault(require("../../../../../Icon"));
 
-var _TextField = _interopRequireDefault(require("../../../TextField"));
+var _Loader = _interopRequireDefault(require("../../../../../Loader"));
 
-var _SearchInput = require("./SearchInput.style");
+var _TextField = _interopRequireDefault(require("../../../../../TextField"));
 
 var _react2 = require("@emotion/react");