@elliemae/ds-data-table 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/cjs/addons/Filters/Components/NumberRangeFilter/index.js

@@ -1,120 +0,0 @@
-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 NumberRangeFilter_exports = {};
-__export(NumberRangeFilter_exports, {
-  NumberRangeFilter: () => NumberRangeFilter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_form_layout_blocks = require("@elliemae/ds-form-layout-blocks");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_exported_related = require("../../../../exported-related");
-var import_constants = require("../../../../configs/constants");
-var import_headersReducers = require("../../../../redux/reducers/headersReducers");
-const opts = {
-  prefix: "",
-  suffix: "",
-  allowDecimal: false,
-  includeThousandsSeparator: false,
-  requireDecimal: false,
-  allowNegative: true
-};
-const NumberRangeFilter = (props) => {
-  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;
-  const handleFromChange = (e) => {
-    const from = e.target.value !== "" ? parseInt(e.target.value, 10) : "";
-    const nextValue = {
-      ...filterValue,
-      from
-    };
-    onValueChange(import_exported_related.FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-  const handleToChange = (e) => {
-    const to = e.target.value !== "" ? parseInt(e.target.value, 10) : "";
-    const nextValue = {
-      ...filterValue,
-      to
-    };
-    onValueChange(import_exported_related.FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-  const { patchHeader } = (0, import_headersReducers.useDispatchHeadersActions)();
-  const closePopover = (e) => {
-    if (e.code === "Escape") {
-      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });
-      innerRef.current.focus();
-    }
-  };
-  const idPreffix = "datatable-number-range";
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
-    reduxHeader,
-    column,
-    columnId: column.id,
-    menuContent: /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER,
-      gutter: "xxxs",
-      padding: "xxs",
-      cols: ["auto", "auto"],
-      style: { background: "white" }
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
-      label: "Low",
-      inputID: `${idPreffix}-low-${column.id}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-low-${column.id}`,
-      value: `${filterValue?.from ?? ""}`,
-      onChange: handleFromChange,
-      placeholder: "0",
-      mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
-      autoFocus: true,
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
-      label: "High",
-      inputID: `${idPreffix}-high-${column.id}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-high-${column.id}`,
-      value: `${filterValue?.to ?? ""}`,
-      onChange: handleToChange,
-      placeholder: "0",
-      mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    }))),
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchXsmall, null),
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" },
-    innerRef,
-    ariaLabel: "Open Number Range Filter"
-  });
-};
-module.exports = __toCommonJS(NumberRangeFilter_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/addons/Filters/Components/NumberRangeFilter/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\nimport { useDispatchHeadersActions } from '../../../../redux/reducers/headersReducers';\n\nconst opts = {\n  prefix: '',\n  suffix: '',\n  allowDecimal: false,\n  includeThousandsSeparator: false,\n  requireDecimal: false,\n  allowNegative: true,\n};\n\nexport const NumberRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;\n  const handleFromChange = (e) => {\n    const from = e.target.value !== '' ? parseInt(e.target.value, 10) : '';\n    const nextValue = {\n      ...filterValue,\n      from,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const handleToChange = (e) => {\n    const to = e.target.value !== '' ? parseInt(e.target.value, 10) : '';\n    const nextValue = {\n      ...filterValue,\n      to,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const { patchHeader } = useDispatchHeadersActions();\n\n  // workaround to close menu with esc key since DSInputMask has stoppropagation on key down\n  const closePopover = (e) => {\n    if (e.code === 'Escape') {\n      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });\n      innerRef.current.focus();\n    }\n  };\n  const idPreffix = 'datatable-number-range';\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid\n          data-testid={DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER}\n          gutter=\"xxxs\"\n          padding=\"xxs\"\n          cols={['auto', 'auto']}\n          style={{ background: 'white' }}\n        >\n          <DSFormLayoutBlockItem label=\"Low\" inputID={`${idPreffix}-low-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-low-${column.id}`}\n              value={`${filterValue?.from ?? ''}`}\n              onChange={handleFromChange}\n              placeholder=\"0\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              autoFocus\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n          <DSFormLayoutBlockItem label=\"High\" inputID={`${idPreffix}-high-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-high-${column.id}`}\n              value={`${filterValue?.to ?? ''}`}\n              onChange={handleToChange}\n              placeholder=\"0\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n        </Grid>\n      }\n      triggerIcon={<SearchXsmall />}\n      customStyles={{ width: column.ref?.current?.offsetWidth ?? '0px' }}\n      innerRef={innerRef}\n      ariaLabel=\"Open Number Range Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAqB;AACrB,qBAAwC;AACxC,mCAAsC;AACtC,sBAA6B;AAC7B,8BAA4C;AAE5C,uBAA4B;AAC5B,6BAA0C;AAE1C,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,eAAe;AAAA;AAGV,MAAM,oBAAsD,CAAC,UAAU;AAC5E,QAAM,EAAE,QAAQ,cAAc,EAAE,MAAM,MAAM,IAAI,QAAQ,aAAa,eAAe,aAAa;AACjG,QAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAM,OAAO,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,MAAM;AACpE,UAAM,YAAY;AAAA,SACb;AAAA,MACH;AAAA;AAEF,kBAAc,qCAAa,gBAAgB;AAAA;AAE7C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAM,KAAK,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,MAAM;AAClE,UAAM,YAAY;AAAA,SACb;AAAA,MACH;AAAA;AAEF,kBAAc,qCAAa,gBAAgB;AAAA;AAE7C,QAAM,EAAE,gBAAgB;AAGxB,QAAM,eAAe,CAAC,MAAM;AAC1B,QAAI,EAAE,SAAS,UAAU;AACvB,kBAAY,OAAO,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AACjE,eAAS,QAAQ;AAAA;AAAA;AAGrB,QAAM,YAAY;AAClB,SACE,mDAAC,uCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,mDAAC,qBAAD;AAAA,MACE,eAAa,6BAAY;AAAA,MACzB,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,OAAO,EAAE,YAAY;AAAA,OAErB,mDAAC,oDAAD;AAAA,MAAuB,OAAM;AAAA,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,OACrE,mDAAC,4BAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,iBAAiB,OAAO;AAAA,MAC/B,OAAO,GAAG,aAAa,QAAQ;AAAA,MAC/B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,0BAAW,OAAO,MAAM;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA,SAInB,mDAAC,oDAAD;AAAA,MAAuB,OAAM;AAAA,MAAO,SAAS,GAAG,kBAAkB,OAAO;AAAA,OACvE,mDAAC,4BAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,kBAAkB,OAAO;AAAA,MAChC,OAAO,GAAG,aAAa,MAAM;AAAA,MAC7B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,0BAAW,OAAO,MAAM;AAAA,MAC1C,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA;AAAA,IAMvB,aAAa,mDAAC,8BAAD;AAAA,IACb,cAAc,EAAE,OAAO,OAAO,KAAK,SAAS,eAAe;AAAA,IAC3D;AAAA,IACA,WAAU;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,117 +0,0 @@
-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 },
-    ctx: {
-      tableProps: { data }
-    },
-    reduxHeader,
-    innerRef,
-    onValueChange
-  } = props;
-  const filterOptions = (0, import_react.useMemo)(() => {
-    if (!userFilterOptions) {
-      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;
-    return userFilterOptions();
-  }, [data, id, userFilterOptions]);
-  const handleOnChange = (value) => {
-    if (isMulti) {
-      const multiSelectedItem = selectedItems;
-      const isFound = multiSelectedItem.find((item) => item.dsId === value.dsId);
-      if (isFound) {
-        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);
-    }
-  };
-  const [filters, setFilteredOptions] = (0, import_react.useState)(filterOptions);
-  (0, import_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) => {
-    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, {
-    inline: true,
-    autoFocus: true,
-    options: filters,
-    onChange: handleOnChange,
-    selectedValues: selectedItems,
-    onFilter: handleOnFilter,
-    menuMaxHeight: 300
-  }));
-  const handleOnClickOutside = () => {
-    setFilteredOptions(filteredOptions(""));
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
-    reduxHeader,
-    column,
-    columnId: column.id,
-    menuContent: Select,
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchXsmall, null),
-    innerRef,
-    ariaLabel: "Open Selection Filter",
-    onClickOutsideMenu: handleOnClickOutside,
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" }
-  });
-};
-module.exports = __toCommonJS(BaseSelectFilter_exports);
-//# sourceMappingURL=BaseSelectFilter.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -1,60 +0,0 @@
-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 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/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -1,60 +0,0 @@
-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 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/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}

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

@@ -1,86 +0,0 @@
-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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/components.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const InputWrapper = styled.div`\n  width: 100%;\n  padding: 10px;\n`;\n\n// TODO: use dimsum text input\nexport const Input = styled.input`\n  width: 100%;\n  border: 1px solid #eee;\n  height: 25px;\n  &:focus {\n    outline: none;\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const MenuList = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nexport const MenuItem = styled.div`\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: wrap;\n  position: absolute; // needed to virtualization\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  &:hover {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const VirtualListWrapper = styled.div`\n  width: 100%;\n  overflow: auto; // needed to virtualization\n  max-height: 300px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAM5B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMJ,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAKxB,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAaP,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,wBAGpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js

@@ -1,92 +0,0 @@
-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 useSelectFilterHandlers_exports = {};
-__export(useSelectFilterHandlers_exports, {
-  useSelectFilterHandlers: () => useSelectFilterHandlers
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_utils = require("./utils");
-const useSelectFilterHandlers = ({
-  column: { id },
-  type,
-  isSingle,
-  isMulti,
-  selectedItems,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader
-}) => {
-  const handleSelectItem = (0, import_react.useCallback)((option) => {
-    if (isSingle) {
-      onValueChange(type, option);
-    } else if (isMulti) {
-      let nextSelectedItems = [];
-      if (selectedItems.includes(option)) {
-        nextSelectedItems = selectedItems.filter((opt) => opt !== option);
-      } else {
-        nextSelectedItems = [...selectedItems, option];
-      }
-      onValueChange(type, nextSelectedItems);
-    }
-  }, [isSingle, isMulti, onValueChange, type, selectedItems]);
-  const onInputWrapperKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code === "ArrowDown")
-      (0, import_utils.focusNextMenuItem)(e, -1);
-  }, []);
-  const onMenuItemClick = (0, import_react.useCallback)((option) => () => {
-    handleSelectItem(option);
-    if (isSingle)
-      patchHeaderFilterButtonAndMenu(id, true);
-  }, [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu]);
-  const onMenuItemKeyDown = (0, import_react.useCallback)((option, index, virtualIndex, inputRef, innerRef) => (e) => {
-    if (e.code === "ArrowUp") {
-      if (index === 0)
-        inputRef.current.focus();
-      else
-        (0, import_utils.focusPrevMenuItem)(e, virtualIndex);
-    }
-    if (e.code === "ArrowDown")
-      (0, import_utils.focusNextMenuItem)(e, virtualIndex);
-    if (e.code === "Space") {
-      e.preventDefault();
-      handleSelectItem(option);
-      if (isSingle) {
-        patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
-        setTimeout(() => innerRef.current.focus());
-      }
-    }
-    if (e.code === "Enter") {
-      patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
-      setTimeout(() => innerRef.current.focus());
-    }
-  }, [handleSelectItem, id, isSingle, patchHeader]);
-  return { onInputWrapperKeyDown, onMenuItemClick, onMenuItemKeyDown };
-};
-module.exports = __toCommonJS(useSelectFilterHandlers_exports);
-//# sourceMappingURL=useSelectFilterHandlers.js.map

package/dist/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-params */\nimport { useCallback } from 'react';\nimport { FilterProps } from '../../../../types/props';\nimport { focusNextMenuItem, focusPrevMenuItem } from './utils';\n\ninterface BaseSelectProps {\n  isSingle?: boolean;\n  isMulti?: boolean;\n  selectedItems?: unknown[];\n  type: string;\n}\n\nexport const useSelectFilterHandlers = ({\n  column: { id },\n  type,\n  isSingle,\n  isMulti,\n  selectedItems,\n  onValueChange,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n}: Partial<FilterProps> & BaseSelectProps): any => {\n  const handleSelectItem = useCallback(\n    (option) => {\n      if (isSingle) {\n        onValueChange(type, option);\n      } else if (isMulti) {\n        let nextSelectedItems = [];\n\n        if (selectedItems.includes(option)) {\n          nextSelectedItems = selectedItems.filter((opt) => opt !== option);\n        } else {\n          nextSelectedItems = [...selectedItems, option];\n        }\n        onValueChange(type, nextSelectedItems);\n      }\n    },\n    [isSingle, isMulti, onValueChange, type, selectedItems],\n  );\n\n  const onInputWrapperKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'ArrowDown') focusNextMenuItem(e, -1);\n  }, []);\n\n  const onMenuItemClick: (opt: string) => React.MouseEventHandler = useCallback(\n    (option) => () => {\n      handleSelectItem(option);\n      if (isSingle) patchHeaderFilterButtonAndMenu(id, true);\n    },\n    [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu],\n  );\n\n  const onMenuItemKeyDown: (...args: any) => React.KeyboardEventHandler = useCallback(\n    (option, index, virtualIndex, inputRef, innerRef) => (e) => {\n      if (e.code === 'ArrowUp') {\n        if (index === 0) inputRef.current.focus();\n        else focusPrevMenuItem(e, virtualIndex);\n      }\n      if (e.code === 'ArrowDown') focusNextMenuItem(e, virtualIndex);\n      if (e.code === 'Space') {\n        e.preventDefault();\n        handleSelectItem(option);\n        if (isSingle) {\n          patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });\n          setTimeout(() => innerRef.current.focus());\n        }\n      }\n      if (e.code === 'Enter') {\n        patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });\n        setTimeout(() => innerRef.current.focus());\n      }\n    },\n    [handleSelectItem, id, isSingle, patchHeader],\n  );\n\n  return { onInputWrapperKeyDown, onMenuItemClick, onMenuItemKeyDown };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA4B;AAE5B,mBAAqD;AAS9C,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAQ,EAAE;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiD;AACjD,QAAM,mBAAmB,8BACvB,CAAC,WAAW;AACV,QAAI,UAAU;AACZ,oBAAc,MAAM;AAAA,eACX,SAAS;AAClB,UAAI,oBAAoB;AAExB,UAAI,cAAc,SAAS,SAAS;AAClC,4BAAoB,cAAc,OAAO,CAAC,QAAQ,QAAQ;AAAA,aACrD;AACL,4BAAoB,CAAC,GAAG,eAAe;AAAA;AAEzC,oBAAc,MAAM;AAAA;AAAA,KAGxB,CAAC,UAAU,SAAS,eAAe,MAAM;AAG3C,QAAM,wBAAoD,8BAAY,CAAC,MAAM;AAC3E,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG;AAAA,KAChD;AAEH,QAAM,kBAA4D,8BAChE,CAAC,WAAW,MAAM;AAChB,qBAAiB;AACjB,QAAI;AAAU,qCAA+B,IAAI;AAAA,KAEnD,CAAC,kBAAkB,IAAI,UAAU;AAGnC,QAAM,oBAAkE,8BACtE,CAAC,QAAQ,OAAO,cAAc,UAAU,aAAa,CAAC,MAAM;AAC1D,QAAI,EAAE,SAAS,WAAW;AACxB,UAAI,UAAU;AAAG,iBAAS,QAAQ;AAAA;AAC7B,4CAAkB,GAAG;AAAA;AAE5B,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG;AACjD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,uBAAiB;AACjB,UAAI,UAAU;AACZ,oBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AAC1D,mBAAW,MAAM,SAAS,QAAQ;AAAA;AAAA;AAGtC,QAAI,EAAE,SAAS,SAAS;AACtB,kBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AAC1D,iBAAW,MAAM,SAAS,QAAQ;AAAA;AAAA,KAGtC,CAAC,kBAAkB,IAAI,UAAU;AAGnC,SAAO,EAAE,uBAAuB,iBAAiB;AAAA;",
-  "names": []
-}