@elliemae/ds-data-table 2.2.0-next.4 → 2.3.0-alpha.2

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

@@ -1,140 +1,95 @@
-'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;
-
+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) => {
   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 = React.useMemo(() => {
-    // If the user didn't provide options, use the available ones
+  const filterOptions = (0, import_react.useMemo)(() => {
     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 user provided the array itself, use it
-
-
-    if (Array.isArray(userFilterOptions)) return userFilterOptions; // Otherwise, it is a function
-
+    }
+    if (Array.isArray(userFilterOptions))
+      return userFilterOptions;
     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 === null || singleSelectedItem === void 0 ? void 0 : singleSelectedItem.dsId) !== value.dsId ? value : null);
+      onValueChange(type, singleSelectedItem?.dsId !== value.dsId ? value : null);
     }
   };
-
-  const [filters, setFilteredOptions] = React.useState(filterOptions);
-  React.useEffect(() => {
+  const [filters, setFilteredOptions] = (0, import_react.useState)(filterOptions);
+  (0, import_react.useEffect)(() => {
     setFilteredOptions(filterOptions);
   }, [filterOptions]);
-  const filteredOptions = React.useCallback(filter => filterOptions.filter(option => option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
-  const handleOnFilter = React.useCallback(newFilter => {
+  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) => {
     setFilteredOptions(filteredOptions(newFilter));
   }, [filteredOptions]);
-
-  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, {
+  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, {
     inline: true,
     autoFocus: true,
     options: filters,
@@ -143,24 +98,20 @@ const BaseSelectFilter = props => {
     onFilter: handleOnFilter,
     menuMaxHeight: 300
   }));
-
   const handleOnClickOutside = () => {
-    setFilteredOptions(filteredOptions(''));
+    setFilteredOptions(filteredOptions(""));
   };
-
-  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
+  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
+    reduxHeader,
+    column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchXsmall, {})),
-    innerRef: innerRef,
+    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchXsmall, null),
+    innerRef,
     ariaLabel: "Open Selection Filter",
     onClickOutsideMenu: handleOnClickOutside,
-    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'
-    }
+    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" }
   });
 };
-
-exports.BaseSelectFilter = BaseSelectFilter;
+module.exports = __toCommonJS(BaseSelectFilter_exports);
+//# sourceMappingURL=BaseSelectFilter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/BaseSelectFilter.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSComboBox } from '@elliemae/ds-controlled-form';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { FilterPopover } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\ninterface FilterOptionT {\n  dsId: string;\n  type: string;\n  value: string;\n  label: string;\n}\n\ninterface BaseSelectProps {\n  isSingle?: boolean;\n  isMulti?: boolean;\n  selectedItems?: FilterOptionT[] | FilterOptionT;\n  type: string;\n}\n\nexport const BaseSelectFilter: React.ComponentType<FilterProps & BaseSelectProps> = (props) => {\n  const {\n    isMulti = false,\n    selectedItems,\n    column,\n    type,\n    column: { id, filterOptions: userFilterOptions },\n    ctx: {\n      tableProps: { data },\n    },\n    reduxHeader,\n    innerRef,\n    onValueChange,\n  } = props;\n\n  const filterOptions: FilterOptionT[] = useMemo(() => {\n    // If the user didn't provide options, use the available ones\n    if (!userFilterOptions) {\n      const automaticFilters = [...new Set(data.map((datum) => datum[id].toString()))].map((item) => ({\n        type: 'option',\n        dsId: item,\n        value: item,\n        label: item,\n      }));\n\n      return automaticFilters;\n    }\n\n    // If user provided the array itself, use it\n    if (Array.isArray(userFilterOptions)) return userFilterOptions;\n    // Otherwise, it is a function\n    return userFilterOptions();\n  }, [data, id, userFilterOptions]);\n\n  const handleOnChange = (value) => {\n    if (isMulti) {\n      const multiSelectedItem = selectedItems as FilterOptionT[];\n      const isFound = multiSelectedItem.find((item) => item.dsId === value.dsId);\n      if (isFound) {\n        onValueChange(\n          type,\n          multiSelectedItem.filter((item) => item.dsId !== value.dsId),\n        );\n      } else {\n        onValueChange(type, [...multiSelectedItem, value]);\n      }\n    } else {\n      const singleSelectedItem = selectedItems as FilterOptionT;\n      onValueChange(type, singleSelectedItem?.dsId !== value.dsId ? value : null);\n    }\n  };\n\n  const [filters, setFilteredOptions] = useState(filterOptions);\n\n  useEffect(() => {\n    setFilteredOptions(filterOptions);\n  }, [filterOptions]);\n\n  const filteredOptions = useCallback(\n    (filter) =>\n      filterOptions.filter(\n        (option) => option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase()),\n      ),\n    [filterOptions],\n  );\n\n  const handleOnFilter = useCallback(\n    (newFilter) => {\n      setFilteredOptions(filteredOptions(newFilter));\n    },\n    [filteredOptions],\n  );\n\n  const Select = (\n    <Grid\n      data-testid={\n        isMulti ? DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER\n      }\n      style={{ background: '#fff', position: 'relative' }}\n    >\n      <DSComboBox\n        inline\n        autoFocus\n        options={filters}\n        onChange={handleOnChange}\n        selectedValues={selectedItems}\n        onFilter={handleOnFilter}\n        menuMaxHeight={300}\n      />\n    </Grid>\n  );\n\n  const handleOnClickOutside = () => {\n    setFilteredOptions(filteredOptions(''));\n  };\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={Select}\n      triggerIcon={<SearchXsmall />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Selection Filter\"\n      onClickOutsideMenu={handleOnClickOutside}\n      customStyles={{ width: column.ref?.current?.offsetWidth ?? '0px' }}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiE;AACjE,qBAAqB;AACrB,gCAA2B;AAC3B,sBAA6B;AAC7B,8BAA8B;AAE9B,uBAA4B;AAgBrB,MAAM,mBAAuE,CAAC,UAAU;AAC7F,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,EAAE,IAAI,eAAe;AAAA,IAC7B,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,IAEhB;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,gBAAiC,0BAAQ,MAAM;AAEnD,QAAI,CAAC,mBAAmB;AACtB,YAAM,mBAAmB,CAAC,GAAG,IAAI,IAAI,KAAK,IAAI,CAAC,UAAU,MAAM,IAAI,cAAc,IAAI,CAAC,SAAU;AAAA,QAC9F,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;AAGT,aAAO;AAAA;AAIT,QAAI,MAAM,QAAQ;AAAoB,aAAO;AAE7C,WAAO;AAAA,KACN,CAAC,MAAM,IAAI;AAEd,QAAM,iBAAiB,CAAC,UAAU;AAChC,QAAI,SAAS;AACX,YAAM,oBAAoB;AAC1B,YAAM,UAAU,kBAAkB,KAAK,CAAC,SAAS,KAAK,SAAS,MAAM;AACrE,UAAI,SAAS;AACX,sBACE,MACA,kBAAkB,OAAO,CAAC,SAAS,KAAK,SAAS,MAAM;AAAA,aAEpD;AACL,sBAAc,MAAM,CAAC,GAAG,mBAAmB;AAAA;AAAA,WAExC;AACL,YAAM,qBAAqB;AAC3B,oBAAc,MAAM,oBAAoB,SAAS,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1E,QAAM,CAAC,SAAS,sBAAsB,2BAAS;AAE/C,8BAAU,MAAM;AACd,uBAAmB;AAAA,KAClB,CAAC;AAEJ,QAAM,kBAAkB,8BACtB,CAAC,WACC,cAAc,OACZ,CAAC,WAAW,OAAO,SAAS,eAAe,OAAO,MAAM,cAAc,SAAS,OAAO,iBAE1F,CAAC;AAGH,QAAM,iBAAiB,8BACrB,CAAC,cAAc;AACb,uBAAmB,gBAAgB;AAAA,KAErC,CAAC;AAGH,QAAM,SACJ,mDAAC,qBAAD;AAAA,IACE,eACE,UAAU,6BAAY,oCAAoC,6BAAY;AAAA,IAExE,OAAO,EAAE,YAAY,QAAQ,UAAU;AAAA,KAEvC,mDAAC,sCAAD;AAAA,IACE,QAAM;AAAA,IACN,WAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,eAAe;AAAA;AAKrB,QAAM,uBAAuB,MAAM;AACjC,uBAAmB,gBAAgB;AAAA;AAErC,SACE,mDAAC,uCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aAAa;AAAA,IACb,aAAa,mDAAC,8BAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA,IACV,oBAAoB;AAAA,IACpB,cAAc,EAAE,OAAO,OAAO,KAAK,SAAS,eAAe;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,76 +1,60 @@
-'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 __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 });
 };
-
-exports.MultiSelectFilter = MultiSelectFilter;
+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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/MultiSelectFilter.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { FilterProps } from '../../../../types/props';\nimport { BaseSelectFilter } from './BaseSelectFilter';\nimport { FILTER_TYPES } from '../../../../exported-related';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nexport const MultiSelectFilter: React.ComponentType<FilterProps> = ({\n  column,\n  ctx,\n  onValueChange,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  reduxHeader,\n  filterValue,\n  innerRef,\n}) => (\n  <BaseSelectFilter\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER}\n    isMulti\n    column={column}\n    ctx={ctx}\n    selectedItems={filterValue ?? []}\n    type={FILTER_TYPES.MULTI_SELECT}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,8BAAiC;AACjC,8BAA6B;AAC7B,uBAA4B;AAErB,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,0CAAD;AAAA,EACE;AAAA,EACA,eAAa,6BAAY;AAAA,EACzB,SAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,eAAe,eAAe;AAAA,EAC9B,MAAM,qCAAa;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

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

@@ -1,76 +1,60 @@
-'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 __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 });
 };
-
-exports.SingleSelectFilter = SingleSelectFilter;
+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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/SingleSelectFilter.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { BaseSelectFilter } from './BaseSelectFilter';\nimport { FilterProps } from '../../../../types/props';\nimport { FILTER_TYPES } from '../../../../exported-related';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nexport const SingleSelectFilter: React.ComponentType<FilterProps> = ({\n  column,\n  ctx,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  onValueChange,\n  filterValue,\n  reduxHeader,\n  innerRef,\n}) => (\n  <BaseSelectFilter\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER}\n    isSingle\n    column={column}\n    ctx={ctx}\n    selectedItems={filterValue}\n    type={FILTER_TYPES.SELECT}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,8BAAiC;AAEjC,8BAA6B;AAC7B,uBAA4B;AAErB,MAAM,qBAAuD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,0CAAD;AAAA,EACE;AAAA,EACA,eAAa,6BAAY;AAAA,EACzB,UAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,MAAM,qCAAa;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}