@elliemae/ds-data-table 3.3.1 → 3.4.0-next.0

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

@@ -1,80 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-__export(components_exports, {
-  Input: () => Input,
-  InputWrapper: () => InputWrapper,
-  MenuItem: () => MenuItem,
-  MenuList: () => MenuList,
-  VirtualListWrapper: () => VirtualListWrapper,
-  Wrapper: () => Wrapper
-});
-module.exports = __toCommonJS(components_exports);
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-const Wrapper = import_ds_system.styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const InputWrapper = import_ds_system.styled.div`
-  width: 100%;
-  padding: 10px;
-`;
-const Input = import_ds_system.styled.input`
-  width: 100%;
-  border: 1px solid #eee;
-  height: 25px;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const MenuList = import_ds_system.styled.div`
-  position: relative;
-  width: 100%;
-`;
-const MenuItem = import_ds_system.styled.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_ds_system.styled.div`
-  width: 100%;
-  overflow: auto; // needed to virtualization
-  max-height: 300px;
-`;
-//# 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 '@elliemae/ds-system';\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;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,wBAAO;AAAA;AAAA;AAAA;AAM5B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMJ,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,WAAW,wBAAO;AAAA;AAAA;AAAA;AAKxB,MAAM,WAAW,wBAAO;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,wBAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,86 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useSelectFilterHandlers_exports = {};
-__export(useSelectFilterHandlers_exports, {
-  useSelectFilterHandlers: () => useSelectFilterHandlers
-});
-module.exports = __toCommonJS(useSelectFilterHandlers_exports);
-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 };
-};
-//# 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;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,MAAM;AAAA,IAC5B,WAAW,SAAS;AAClB,UAAI,oBAAoB,CAAC;AAEzB,UAAI,cAAc,SAAS,MAAM,GAAG;AAClC,4BAAoB,cAAc,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAClE,OAAO;AACL,4BAAoB,CAAC,GAAG,eAAe,MAAM;AAAA,MAC/C;AACA,oBAAc,MAAM,iBAAiB;AAAA,IACvC;AAAA,EACF,GACA,CAAC,UAAU,SAAS,eAAe,MAAM,aAAa,CACxD;AAEA,QAAM,wBAAoD,8BAAY,CAAC,MAAM;AAC3E,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG,EAAE;AAAA,EACrD,GAAG,CAAC,CAAC;AAEL,QAAM,kBAA4D,8BAChE,CAAC,WAAW,MAAM;AAChB,qBAAiB,MAAM;AACvB,QAAI;AAAU,qCAA+B,IAAI,IAAI;AAAA,EACvD,GACA,CAAC,kBAAkB,IAAI,UAAU,8BAA8B,CACjE;AAEA,QAAM,oBAAkE,8BACtE,CAAC,QAAQ,OAAO,cAAc,UAAU,aAAa,CAAC,MAAM;AAC1D,QAAI,EAAE,SAAS,WAAW;AACxB,UAAI,UAAU;AAAG,iBAAS,QAAQ,MAAM;AAAA;AACnC,4CAAkB,GAAG,YAAY;AAAA,IACxC;AACA,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG,YAAY;AAC7D,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE,eAAe;AACjB,uBAAiB,MAAM;AACvB,UAAI,UAAU;AACZ,oBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACjE,mBAAW,MAAM,SAAS,QAAQ,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AACA,QAAI,EAAE,SAAS,SAAS;AACtB,kBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACjE,iBAAW,MAAM,SAAS,QAAQ,MAAM,CAAC;AAAA,IAC3C;AAAA,EACF,GACA,CAAC,kBAAkB,IAAI,UAAU,WAAW,CAC9C;AAEA,SAAO,EAAE,uBAAuB,iBAAiB,kBAAkB;AACrE;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/utils.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DATA_TESTID } from '../../../../configs/constants';\n\nexport const focusNextMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index + 1)?.focus();\n};\n\nexport const focusPrevMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index - 1)?.focus();\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAErB,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE,eAAe;AACjB,QAAM,YAAY,SAAS,iBACzB,iBAAiB,6BAAY,+BAC/B;AACA,YAAU,KAAK,QAAQ,CAAC,GAAG,MAAM;AACnC;AAEO,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE,eAAe;AACjB,QAAM,YAAY,SAAS,iBACzB,iBAAiB,6BAAY,+BAC/B;AACA,YAAU,KAAK,QAAQ,CAAC,GAAG,MAAM;AACnC;",
-  "names": []
-}

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

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const InputWrapper = styled.div`
-  width: 100%;
-  padding: 10px;
-`;
-const Input = styled.input`
-  width: 100%;
-  border: 1px solid #eee;
-  height: 25px;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const MenuList = styled.div`
-  position: relative;
-  width: 100%;
-`;
-const MenuItem = styled.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 = styled.div`
-  width: 100%;
-  overflow: auto; // needed to virtualization
-  max-height: 300px;
-`;
-export {
-  Input,
-  InputWrapper,
-  MenuItem,
-  MenuList,
-  VirtualListWrapper,
-  Wrapper
-};
-//# sourceMappingURL=components.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/SelectFilter/components.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAM5B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMJ,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAKxB,MAAM,WAAW,OAAO;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,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { useCallback } from "react";
-import { focusNextMenuItem, focusPrevMenuItem } from "./utils";
-const useSelectFilterHandlers = ({
-  column: { id },
-  type,
-  isSingle,
-  isMulti,
-  selectedItems,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader
-}) => {
-  const handleSelectItem = 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 = useCallback((e) => {
-    if (e.code === "ArrowDown")
-      focusNextMenuItem(e, -1);
-  }, []);
-  const onMenuItemClick = useCallback((option) => () => {
-    handleSelectItem(option);
-    if (isSingle)
-      patchHeaderFilterButtonAndMenu(id, true);
-  }, [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu]);
-  const onMenuItemKeyDown = useCallback((option, index, virtualIndex, inputRef, innerRef) => (e) => {
-    if (e.code === "ArrowUp") {
-      if (index === 0)
-        inputRef.current.focus();
-      else
-        focusPrevMenuItem(e, virtualIndex);
-    }
-    if (e.code === "ArrowDown")
-      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 };
-};
-export {
-  useSelectFilterHandlers
-};
-//# sourceMappingURL=useSelectFilterHandlers.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AAEA;AASO,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,YACvB,CAAC,WAAW;AACV,QAAI,UAAU;AACZ,oBAAc,MAAM,MAAM;AAAA,IAC5B,WAAW,SAAS;AAClB,UAAI,oBAAoB,CAAC;AAEzB,UAAI,cAAc,SAAS,MAAM,GAAG;AAClC,4BAAoB,cAAc,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAClE,OAAO;AACL,4BAAoB,CAAC,GAAG,eAAe,MAAM;AAAA,MAC/C;AACA,oBAAc,MAAM,iBAAiB;AAAA,IACvC;AAAA,EACF,GACA,CAAC,UAAU,SAAS,eAAe,MAAM,aAAa,CACxD;AAEA,QAAM,wBAAoD,YAAY,CAAC,MAAM;AAC3E,QAAI,EAAE,SAAS;AAAa,wBAAkB,GAAG,EAAE;AAAA,EACrD,GAAG,CAAC,CAAC;AAEL,QAAM,kBAA4D,YAChE,CAAC,WAAW,MAAM;AAChB,qBAAiB,MAAM;AACvB,QAAI;AAAU,qCAA+B,IAAI,IAAI;AAAA,EACvD,GACA,CAAC,kBAAkB,IAAI,UAAU,8BAA8B,CACjE;AAEA,QAAM,oBAAkE,YACtE,CAAC,QAAQ,OAAO,cAAc,UAAU,aAAa,CAAC,MAAM;AAC1D,QAAI,EAAE,SAAS,WAAW;AACxB,UAAI,UAAU;AAAG,iBAAS,QAAQ,MAAM;AAAA;AACnC,0BAAkB,GAAG,YAAY;AAAA,IACxC;AACA,QAAI,EAAE,SAAS;AAAa,wBAAkB,GAAG,YAAY;AAC7D,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE,eAAe;AACjB,uBAAiB,MAAM;AACvB,UAAI,UAAU;AACZ,oBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACjE,mBAAW,MAAM,SAAS,QAAQ,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AACA,QAAI,EAAE,SAAS,SAAS;AACtB,kBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACjE,iBAAW,MAAM,SAAS,QAAQ,MAAM,CAAC;AAAA,IAC3C;AAAA,EACF,GACA,CAAC,kBAAkB,IAAI,UAAU,WAAW,CAC9C;AAEA,SAAO,EAAE,uBAAuB,iBAAiB,kBAAkB;AACrE;",
-  "names": []
-}

package/dist/esm/addons/Filters/Components/SelectFilter/utils.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { DATA_TESTID } from "../../../../configs/constants";
-const focusNextMenuItem = (e, index) => {
-  e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
-  menuItems.item(index + 1)?.focus();
-};
-const focusPrevMenuItem = (e, index) => {
-  e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
-  menuItems.item(index - 1)?.focus();
-};
-export {
-  focusNextMenuItem,
-  focusPrevMenuItem
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/addons/Filters/Components/SelectFilter/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/SelectFilter/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DATA_TESTID } from '../../../../configs/constants';\n\nexport const focusNextMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index + 1)?.focus();\n};\n\nexport const focusPrevMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index - 1)?.focus();\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE,eAAe;AACjB,QAAM,YAAY,SAAS,iBACzB,iBAAiB,YAAY,+BAC/B;AACA,YAAU,KAAK,QAAQ,CAAC,GAAG,MAAM;AACnC;AAEO,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE,eAAe;AACjB,QAAM,YAAY,SAAS,iBACzB,iBAAiB,YAAY,+BAC/B;AACA,YAAU,KAAK,QAAQ,CAAC,GAAG,MAAM;AACnC;",
-  "names": []
-}