@elliemae/ds-data-table 2.2.0-alpha.5 → 2.2.0-next.3

package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js

@@ -1,95 +1,140 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var BaseSelectFilter_exports = {};
-__export(BaseSelectFilter_exports, {
-  BaseSelectFilter: () => BaseSelectFilter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_exported_related = require("../../../../exported-related");
-var import_constants = require("../../../../configs/constants");
-const BaseSelectFilter = (props) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.set.add-all.js');
+require('core-js/modules/esnext.set.delete-all.js');
+require('core-js/modules/esnext.set.difference.js');
+require('core-js/modules/esnext.set.every.js');
+require('core-js/modules/esnext.set.filter.js');
+require('core-js/modules/esnext.set.find.js');
+require('core-js/modules/esnext.set.intersection.js');
+require('core-js/modules/esnext.set.is-disjoint-from.js');
+require('core-js/modules/esnext.set.is-subset-of.js');
+require('core-js/modules/esnext.set.is-superset-of.js');
+require('core-js/modules/esnext.set.join.js');
+require('core-js/modules/esnext.set.map.js');
+require('core-js/modules/esnext.set.reduce.js');
+require('core-js/modules/esnext.set.some.js');
+require('core-js/modules/esnext.set.symmetric-difference.js');
+require('core-js/modules/esnext.set.union.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var Grid = require('@elliemae/ds-grid');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
+var dsIcons = require('@elliemae/ds-icons');
+var FilterPopover = require('../../../../exported-related/FilterPopover.js');
+require('../../../../styled.js');
+require('../../../../DataTableContext.js');
+require('react/jsx-runtime');
+require('styled-components');
+require('@elliemae/ds-button');
+require('@elliemae/ds-utilities');
+var constants = require('../../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('../../../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@elliemae/ds-form');
+require('../../../../parts/TableContent.js');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('../../../../parts/Row.js');
+require('../../../../parts/Footer.js');
+require('../../../../parts/HoC/SortableItemContext.js');
+require('uid');
+require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
+require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _SearchXsmall;
+const BaseSelectFilter = props => {
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
   const {
     isMulti = false,
     selectedItems,
     column,
     type,
-    column: { id, filterOptions: userFilterOptions },
+    column: {
+      id,
+      filterOptions: userFilterOptions
+    },
     ctx: {
-      tableProps: { data }
+      tableProps: {
+        data
+      }
     },
     reduxHeader,
     innerRef,
     onValueChange
   } = props;
-  const filterOptions = (0, import_react.useMemo)(() => {
+  const filterOptions = React.useMemo(() => {
+    // If the user didn't provide options, use the available ones
     if (!userFilterOptions) {
-      const automaticFilters = [...new Set(data.map((datum) => datum[id].toString()))].map((item) => ({
-        type: "option",
+      const automaticFilters = [...new Set(data.map(datum => datum[id].toString()))].map(item => ({
+        type: 'option',
         dsId: item,
         value: item,
         label: item
       }));
       return automaticFilters;
-    }
-    if (Array.isArray(userFilterOptions))
-      return userFilterOptions;
+    } // If user provided the array itself, use it
+
+
+    if (Array.isArray(userFilterOptions)) return userFilterOptions; // Otherwise, it is a function
+
     return userFilterOptions();
   }, [data, id, userFilterOptions]);
-  const handleOnChange = (value) => {
+
+  const handleOnChange = value => {
     if (isMulti) {
       const multiSelectedItem = selectedItems;
-      const isFound = multiSelectedItem.find((item) => item.dsId === value.dsId);
+      const isFound = multiSelectedItem.find(item => item.dsId === value.dsId);
+
       if (isFound) {
-        onValueChange(type, multiSelectedItem.filter((item) => item.dsId !== value.dsId));
+        onValueChange(type, multiSelectedItem.filter(item => item.dsId !== value.dsId));
       } else {
         onValueChange(type, [...multiSelectedItem, value]);
       }
     } else {
       const singleSelectedItem = selectedItems;
-      onValueChange(type, singleSelectedItem?.dsId !== value.dsId ? value : null);
+      onValueChange(type, (singleSelectedItem === null || singleSelectedItem === void 0 ? void 0 : singleSelectedItem.dsId) !== value.dsId ? value : null);
     }
   };
-  const [filters, setFilteredOptions] = (0, import_react.useState)(filterOptions);
-  (0, import_react.useEffect)(() => {
+
+  const [filters, setFilteredOptions] = React.useState(filterOptions);
+  React.useEffect(() => {
     setFilteredOptions(filterOptions);
   }, [filterOptions]);
-  const filteredOptions = (0, import_react.useCallback)((filter) => filterOptions.filter((option) => option.type === "separator" || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
-  const handleOnFilter = (0, import_react.useCallback)((newFilter) => {
+  const filteredOptions = React.useCallback(filter => filterOptions.filter(option => option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
+  const handleOnFilter = React.useCallback(newFilter => {
     setFilteredOptions(filteredOptions(newFilter));
   }, [filteredOptions]);
-  const Select = /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    "data-testid": isMulti ? import_constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : import_constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
-    style: { background: "#fff", position: "relative" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSComboBox, {
+
+  const Select = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    "data-testid": isMulti ? constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    style: {
+      background: '#fff',
+      position: 'relative'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSComboBox, {
     inline: true,
     autoFocus: true,
     options: filters,
@@ -98,20 +143,24 @@ const BaseSelectFilter = (props) => {
     onFilter: handleOnFilter,
     menuMaxHeight: 300
   }));
+
   const handleOnClickOutside = () => {
-    setFilteredOptions(filteredOptions(""));
+    setFilteredOptions(filteredOptions(''));
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
-    reduxHeader,
-    column,
+
+  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
+    reduxHeader: reduxHeader,
+    column: column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchXsmall, null),
-    innerRef,
+    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchXsmall, {})),
+    innerRef: innerRef,
     ariaLabel: "Open Selection Filter",
     onClickOutsideMenu: handleOnClickOutside,
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" }
+    customStyles: {
+      width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
+    }
   });
 };
-module.exports = __toCommonJS(BaseSelectFilter_exports);
-//# sourceMappingURL=BaseSelectFilter.js.map
+
+exports.BaseSelectFilter = BaseSelectFilter;

package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -1,60 +1,76 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var BaseSelectFilter = require('./BaseSelectFilter.js');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('@elliemae/ds-button');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
+var constants = require('../../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('../../../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@elliemae/ds-icons');
+require('../../../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('../../../../DataTableContext.js');
+require('../../../../parts/Row.js');
+require('../../../../parts/Footer.js');
+require('../../../../parts/HoC/SortableItemContext.js');
+require('@elliemae/ds-utilities');
+require('uid');
+var FilterTypes = require('../../../../exported-related/FilterTypes.js');
+require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
+require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const MultiSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    reduxHeader,
+    filterValue,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
+    isMulti: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue !== null && filterValue !== void 0 ? filterValue : [],
+    type: FilterTypes.FILTER_TYPES.MULTI_SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MultiSelectFilter_exports = {};
-__export(MultiSelectFilter_exports, {
-  MultiSelectFilter: () => MultiSelectFilter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_BaseSelectFilter = require("./BaseSelectFilter");
-var import_exported_related = require("../../../../exported-related");
-var import_constants = require("../../../../configs/constants");
-const MultiSelectFilter = ({
-  column,
-  ctx,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  reduxHeader,
-  filterValue,
-  innerRef
-}) => /* @__PURE__ */ import_react.default.createElement(import_BaseSelectFilter.BaseSelectFilter, {
-  reduxHeader,
-  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
-  isMulti: true,
-  column,
-  ctx,
-  selectedItems: filterValue ?? [],
-  type: import_exported_related.FILTER_TYPES.MULTI_SELECT,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  innerRef
-});
-module.exports = __toCommonJS(MultiSelectFilter_exports);
-//# sourceMappingURL=MultiSelectFilter.js.map
+
+exports.MultiSelectFilter = MultiSelectFilter;

package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -1,60 +1,76 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var BaseSelectFilter = require('./BaseSelectFilter.js');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('@elliemae/ds-button');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
+var constants = require('../../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('../../../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@elliemae/ds-icons');
+require('../../../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('../../../../DataTableContext.js');
+require('../../../../parts/Row.js');
+require('../../../../parts/Footer.js');
+require('../../../../parts/HoC/SortableItemContext.js');
+require('@elliemae/ds-utilities');
+require('uid');
+var FilterTypes = require('../../../../exported-related/FilterTypes.js');
+require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
+require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const SingleSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    onValueChange,
+    filterValue,
+    reduxHeader,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    isSingle: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue,
+    type: FilterTypes.FILTER_TYPES.SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SingleSelectFilter_exports = {};
-__export(SingleSelectFilter_exports, {
-  SingleSelectFilter: () => SingleSelectFilter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_BaseSelectFilter = require("./BaseSelectFilter");
-var import_exported_related = require("../../../../exported-related");
-var import_constants = require("../../../../configs/constants");
-const SingleSelectFilter = ({
-  column,
-  ctx,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  onValueChange,
-  filterValue,
-  reduxHeader,
-  innerRef
-}) => /* @__PURE__ */ import_react.default.createElement(import_BaseSelectFilter.BaseSelectFilter, {
-  reduxHeader,
-  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
-  isSingle: true,
-  column,
-  ctx,
-  selectedItems: filterValue,
-  type: import_exported_related.FILTER_TYPES.SELECT,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  innerRef
-});
-module.exports = __toCommonJS(SingleSelectFilter_exports);
-//# sourceMappingURL=SingleSelectFilter.js.map
+
+exports.SingleSelectFilter = SingleSelectFilter;

package/cjs/addons/Filters/Components/SelectFilter/components.js

@@ -1,86 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var components_exports = {};
-__export(components_exports, {
-  Input: () => Input,
-  InputWrapper: () => InputWrapper,
-  MenuItem: () => MenuItem,
-  MenuList: () => MenuList,
-  VirtualListWrapper: () => VirtualListWrapper,
-  Wrapper: () => Wrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const Wrapper = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const InputWrapper = import_styled_components.default.div`
-  width: 100%;
-  padding: 10px;
-`;
-const Input = import_styled_components.default.input`
-  width: 100%;
-  border: 1px solid #eee;
-  height: 25px;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const MenuList = import_styled_components.default.div`
-  position: relative;
-  width: 100%;
-`;
-const MenuItem = import_styled_components.default.div`
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  white-space: wrap;
-  position: absolute; // needed to virtualization
-  top: 0;
-  left: 0;
-  width: 100%;
-  padding: 10px;
-  border: 1px solid transparent;
-  cursor: pointer;
-  &:hover {
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-  &:focus {
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const VirtualListWrapper = import_styled_components.default.div`
-  width: 100%;
-  overflow: auto; // needed to virtualization
-  max-height: 300px;
-`;
-module.exports = __toCommonJS(components_exports);
-//# sourceMappingURL=components.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-px47an-0"
+})(["display:flex;flex-direction:column;align-items:center;"]);
+const InputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-px47an-1"
+})(["width:100%;padding:10px;"]); // TODO: use dimsum text input
+
+const Input = /*#__PURE__*/styled__default["default"].input.withConfig({
+  componentId: "sc-px47an-2"
+})(["width:100%;border:1px solid #eee;height:25px;&:focus{outline:none;border:1px solid ", ";}"], props => props.theme.colors.brand[600]);
+const MenuList = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-px47an-3"
+})(["position:relative;width:100%;"]);
+const MenuItem = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-px47an-4"
+})(["display:flex;box-sizing:border-box;align-items:center;white-space:wrap;position:absolute;top:0;left:0;width:100%;padding:10px;border:1px solid transparent;cursor:pointer;&:hover{border:1px solid ", ";}&:focus{border:1px solid ", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
+const VirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-px47an-5"
+})(["width:100%;overflow:auto;max-height:300px;"]);
+
+exports.Input = Input;
+exports.InputWrapper = InputWrapper;
+exports.MenuItem = MenuItem;
+exports.MenuList = MenuList;
+exports.VirtualListWrapper = VirtualListWrapper;
+exports.Wrapper = Wrapper;