@elliemae/ds-data-table 3.0.0-next.9 → 3.0.1

package/dist/cjs/configs/useDatatableConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/configs/useDatatableConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid';\nimport { TypescriptColumn, TypescriptContext, TypescriptProps } from '../types/props';\nimport { useRowFlattenization } from './useRowFlattenization';\nimport { usePaginationConfig } from './usePaginationConfig';\nimport { useTableColsWithAddons } from './useTableColsWithAddons';\nimport { ColsLayoutStyle } from './constants';\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n\n  const visibleColumns = useMemo(\n    () => tableColsWithAddons.filter((col: TypescriptColumn) => !props.hiddenColumns.includes(col.accessor)),\n    [props.hiddenColumns, tableColsWithAddons],\n  );\n\n  // ===========================================================================\n  // Virtualization\n  // ===========================================================================\n\n  const [dataLength, setDataLength] = useState(1);\n\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const virtualListHelpers = useVirtual({\n    size: dataLength,\n    parentRef: virtualListRef,\n    overscan: 15,\n    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24,\n  });\n\n  // ===========================================================================\n  // Action ref setup\n  // ===========================================================================\n  useEffect(() => {\n    if (props.actionRef) {\n      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;\n      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;\n    }\n  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);\n\n  // ===========================================================================\n  // Data flattenization and pagination\n  // ===========================================================================\n\n  const [flattenedData, allDataFlattened] = useRowFlattenization(props);\n\n  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);\n\n  // Redo virtualization until we match the lengths\n  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length);\n\n  // ===========================================================================\n  // Layout config\n  // ===========================================================================\n\n  const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));\n\n  const totalColumnsWidth = useMemo(\n    () =>\n      props.colsLayoutStyle === ColsLayoutStyle.Fixed\n        ? gridLayout.reduce((acc: number, cur: string) => acc + Number.parseInt(cur, 10), 0)\n        : '100%',\n    [props.colsLayoutStyle, gridLayout],\n  );\n\n  const layoutHelpers = useMemo(\n    () => ({\n      gridLayout,\n      setGridLayout,\n      totalColumnsWidth,\n    }),\n    [gridLayout, setGridLayout, totalColumnsWidth],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      tableProps: props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      flattenedData: paginatedData || flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    }),\n    [\n      props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      paginatedData,\n      flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,2BAA2B;AAC3B,2BAA8B;AAE9B,kCAAqC;AACrC,iCAAoC;AACpC,oCAAuC;AACvC,uBAAgC;AAEzB,MAAM,qBAAqB,CAAC,UAA8C;AAC/E,QAAM,iBAAiB,yBAAuB;AAC9C,QAAM,kBAAkB,yBAAuB;AAK/C,QAAM,sBAAsB,0DAAuB;AAEnD,QAAM,iBAAiB,0BACrB,MAAM,oBAAoB,OAAO,CAAC,QAA0B,CAAC,MAAM,cAAc,SAAS,IAAI,YAC9F,CAAC,MAAM,eAAe;AAOxB,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAI7C,QAAM,qBAAqB,qCAAW;AAAA,IACpC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc,gBAAgB,SAAS,yBAAyB,UAAU;AAAA;AAM5E,8BAAU,MAAM;AACd,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,QAAQ,gBAAgB,mBAAmB;AAC3D,YAAM,UAAU,QAAQ,iBAAiB,mBAAmB;AAAA;AAAA,KAE7D,CAAC,MAAM,WAAW,mBAAmB,eAAe,mBAAmB;AAM1E,QAAM,CAAC,eAAe,oBAAoB,sDAAqB;AAE/D,QAAM,CAAC,eAAe,qBAAqB,oDAAoB,OAAO;AAGtE,MAAI,eAAgB,kBAAiB,eAAe;AAAQ,kBAAe,kBAAiB,eAAe;AAM3G,QAAM,CAAC,YAAY,iBAAiB,2BAAS,wCAAc,gBAAgB,MAAM;AAEjF,QAAM,oBAAoB,0BACxB,MACE,MAAM,oBAAoB,iCAAgB,QACtC,WAAW,OAAO,CAAC,KAAa,QAAgB,MAAM,OAAO,SAAS,KAAK,KAAK,KAChF,QACN,CAAC,MAAM,iBAAiB;AAG1B,QAAM,gBAAgB,0BACpB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,YAAY,eAAe;AAG9B,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid';\nimport { TypescriptColumn, TypescriptContext, TypescriptProps } from '../types/props';\nimport { useRowFlattenization } from './useRowFlattenization';\nimport { usePaginationConfig } from './usePaginationConfig';\nimport { useTableColsWithAddons } from './useTableColsWithAddons';\nimport { ColsLayoutStyle } from './constants';\nimport { useInternalStateConfig } from './useInternalStateConfig';\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n\n  const visibleColumns = useMemo(\n    () => tableColsWithAddons.filter((col: TypescriptColumn) => !props.hiddenColumns.includes(col.accessor)),\n    [props.hiddenColumns, tableColsWithAddons],\n  );\n\n  // ===========================================================================\n  // Virtualization\n  // ===========================================================================\n\n  const [dataLength, setDataLength] = useState(1);\n\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const virtualListHelpers = useVirtual({\n    size: dataLength,\n    parentRef: virtualListRef,\n    overscan: 15,\n    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24,\n  });\n\n  // ===========================================================================\n  // Action ref setup\n  // ===========================================================================\n  useEffect(() => {\n    if (props.actionRef) {\n      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;\n      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;\n    }\n  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);\n\n  // ===========================================================================\n  // Data flattenization and pagination\n  // ===========================================================================\n\n  const [flattenedData, allDataFlattened] = useRowFlattenization(props);\n\n  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);\n\n  // Redo virtualization until we match the lengths\n  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length);\n\n  // ===========================================================================\n  // Layout config\n  // ===========================================================================\n\n  const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));\n\n  // We need to listen and update the state based on this props\n  useEffect(() => {\n    setGridLayout(columnsToGrid(visibleColumns, props.colsLayoutStyle));\n  }, [visibleColumns, props.colsLayoutStyle]);\n\n  const totalColumnsWidth = useMemo(\n    () =>\n      props.colsLayoutStyle === ColsLayoutStyle.Fixed\n        ? gridLayout.reduce((acc: number, cur: string) => acc + Number.parseInt(cur, 10), 0)\n        : '100%',\n    [props.colsLayoutStyle, gridLayout],\n  );\n\n  const layoutHelpers = useMemo(\n    () => ({\n      gridLayout,\n      setGridLayout,\n      totalColumnsWidth,\n    }),\n    [gridLayout, setGridLayout, totalColumnsWidth],\n  );\n\n  // ===========================================================================\n  // Internal state config\n  // ===========================================================================\n\n  const internalState = useInternalStateConfig();\n\n  const ctx = useMemo(\n    () => ({\n      tableProps: props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      flattenedData: paginatedData || flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n      ...internalState,\n    }),\n    [\n      props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      paginatedData,\n      flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n      internalState,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,2BAA2B;AAC3B,2BAA8B;AAE9B,kCAAqC;AACrC,iCAAoC;AACpC,oCAAuC;AACvC,uBAAgC;AAChC,oCAAuC;AAEhC,MAAM,qBAAqB,CAAC,UAA8C;AAC/E,QAAM,iBAAiB,yBAAuB,IAAI;AAClD,QAAM,kBAAkB,yBAAuB,IAAI;AAKnD,QAAM,sBAAsB,0DAAuB,KAAK;AAExD,QAAM,iBAAiB,0BACrB,MAAM,oBAAoB,OAAO,CAAC,QAA0B,CAAC,MAAM,cAAc,SAAS,IAAI,QAAQ,CAAC,GACvG,CAAC,MAAM,eAAe,mBAAmB,CAC3C;AAMA,QAAM,CAAC,YAAY,iBAAiB,2BAAS,CAAC;AAI9C,QAAM,qBAAqB,qCAAW;AAAA,IACpC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc,gBAAgB,SAAS,sBAAsB,GAAG,UAAU;AAAA,EAC5E,CAAC;AAKD,8BAAU,MAAM;AACd,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,QAAQ,gBAAgB,mBAAmB;AAC3D,YAAM,UAAU,QAAQ,iBAAiB,mBAAmB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,mBAAmB,eAAe,mBAAmB,cAAc,CAAC;AAMzF,QAAM,CAAC,eAAe,oBAAoB,sDAAqB,KAAK;AAEpE,QAAM,CAAC,eAAe,qBAAqB,oDAAoB,OAAO,aAAa;AAGnF,MAAI,eAAgB,kBAAiB,eAAe;AAAQ,kBAAe,kBAAiB,eAAe,MAAM;AAMjH,QAAM,CAAC,YAAY,iBAAiB,2BAAS,wCAAc,gBAAgB,MAAM,eAAe,CAAC;AAGjG,8BAAU,MAAM;AACd,kBAAc,wCAAc,gBAAgB,MAAM,eAAe,CAAC;AAAA,EACpE,GAAG,CAAC,gBAAgB,MAAM,eAAe,CAAC;AAE1C,QAAM,oBAAoB,0BACxB,MACE,MAAM,oBAAoB,iCAAgB,QACtC,WAAW,OAAO,CAAC,KAAa,QAAgB,MAAM,OAAO,SAAS,KAAK,EAAE,GAAG,CAAC,IACjF,QACN,CAAC,MAAM,iBAAiB,UAAU,CACpC;AAEA,QAAM,gBAAgB,0BACpB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,YAAY,eAAe,iBAAiB,CAC/C;AAMA,QAAM,gBAAgB,0DAAuB;AAE7C,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,KACG,gBAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/configs/useInternalStateConfig.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 useInternalStateConfig_exports = {};
+__export(useInternalStateConfig_exports, {
+  useInternalStateConfig: () => useInternalStateConfig
+});
+module.exports = __toCommonJS(useInternalStateConfig_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useInternalStateConfig = () => {
+  const [drilldownRowId, setDrilldownRowId] = (0, import_react.useState)(null);
+  const [focusedRowId, setFocusedRowId] = (0, import_react.useState)(null);
+  const [reduxHeaders, setReduxHeaders] = (0, import_react.useState)({});
+  const patchHeader = (0, import_react.useCallback)((headerId, newHeader) => {
+    setReduxHeaders((prevReduxHeaders) => {
+      const nextReduxHeaders = __spreadValues({}, prevReduxHeaders);
+      nextReduxHeaders[headerId] = __spreadValues(__spreadValues({}, nextReduxHeaders?.[headerId] ?? {}), newHeader);
+      return nextReduxHeaders;
+    });
+  }, []);
+  const patchHeaderFilterButtonAndMenu = (0, import_react.useCallback)((headerId, value) => {
+    const newState = { hideFilterMenu: value, hideFilterButton: value };
+    patchHeader(headerId, newState);
+  }, []);
+  return (0, import_react.useMemo)(() => ({
+    drilldownRowId,
+    setDrilldownRowId,
+    focusedRowId,
+    setFocusedRowId,
+    reduxHeaders,
+    patchHeader,
+    patchHeaderFilterButtonAndMenu
+  }), [
+    drilldownRowId,
+    setDrilldownRowId,
+    focusedRowId,
+    setFocusedRowId,
+    reduxHeaders,
+    patchHeader,
+    patchHeaderFilterButtonAndMenu
+  ]);
+};
+//# sourceMappingURL=useInternalStateConfig.js.map

package/dist/cjs/configs/useInternalStateConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/configs/useInternalStateConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\nimport { ReduxHeader } from '../types/props';\n\nexport const useInternalStateConfig = () => {\n  const [drilldownRowId, setDrilldownRowId] = useState<string | null>(null);\n  const [focusedRowId, setFocusedRowId] = useState<string | null>(null);\n\n  // TODO: @uluduena partition this state better\n  const [reduxHeaders, setReduxHeaders] = useState<Record<string, ReduxHeader>>({});\n\n  const patchHeader = useCallback((headerId: string, newHeader: Partial<ReduxHeader>) => {\n    setReduxHeaders((prevReduxHeaders) => {\n      const nextReduxHeaders = { ...prevReduxHeaders };\n      nextReduxHeaders[headerId] = { ...(nextReduxHeaders?.[headerId] ?? {}), ...newHeader };\n      return nextReduxHeaders;\n    });\n  }, []);\n\n  const patchHeaderFilterButtonAndMenu = useCallback((headerId: string, value: boolean) => {\n    const newState = { hideFilterMenu: value, hideFilterButton: value };\n    patchHeader(headerId, newState);\n  }, []);\n\n  return useMemo(\n    () => ({\n      drilldownRowId,\n      setDrilldownRowId,\n      focusedRowId,\n      setFocusedRowId,\n      reduxHeaders,\n      patchHeader,\n      patchHeaderFilterButtonAndMenu,\n    }),\n    [\n      drilldownRowId,\n      setDrilldownRowId,\n      focusedRowId,\n      setFocusedRowId,\n      reduxHeaders,\n      patchHeader,\n      patchHeaderFilterButtonAndMenu,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAGxC,MAAM,yBAAyB,MAAM;AAC1C,QAAM,CAAC,gBAAgB,qBAAqB,2BAAwB,IAAI;AACxE,QAAM,CAAC,cAAc,mBAAmB,2BAAwB,IAAI;AAGpE,QAAM,CAAC,cAAc,mBAAmB,2BAAsC,CAAC,CAAC;AAEhF,QAAM,cAAc,8BAAY,CAAC,UAAkB,cAAoC;AACrF,oBAAgB,CAAC,qBAAqB;AACpC,YAAM,mBAAmB,mBAAK;AAC9B,uBAAiB,YAAY,kCAAM,mBAAmB,aAAa,CAAC,IAAO;AAC3E,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iCAAiC,8BAAY,CAAC,UAAkB,UAAmB;AACvF,UAAM,WAAW,EAAE,gBAAgB,OAAO,kBAAkB,MAAM;AAClE,gBAAY,UAAU,QAAQ;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACF;",
+  "names": []
+}

package/dist/cjs/configs/usePaginationConfig.js

@@ -4,31 +4,25 @@ 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 });
+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 target;
+  return to;
 };
-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 __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 usePaginationConfig_exports = {};
 __export(usePaginationConfig_exports, {
   usePaginationConfig: () => usePaginationConfig
 });
+module.exports = __toCommonJS(usePaginationConfig_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 const noPagination = {};
@@ -96,5 +90,4 @@ const usePaginationConfig = (props, flattenedData) => {
   ]);
   return [page, paginationHelpers];
 };
-module.exports = __toCommonJS(usePaginationConfig_exports);
 //# sourceMappingURL=usePaginationConfig.js.map

package/dist/cjs/configs/usePaginationConfig.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/configs/usePaginationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useMemo } from 'react';\nimport { TypescriptPagination, TypescriptProps, TypescriptRow } from '../types/props';\n\nconst noPagination: Record<string, never> = {};\n\nconst emptyFunc = () => null;\n\nexport const usePaginationConfig = (\n  props: TypescriptProps,\n  flattenedData: TypescriptRow[],\n): [TypescriptRow[], TypescriptPagination] => {\n  const { pagination } = props;\n\n  const hasPagination = !!pagination;\n\n  // Set default values\n  const {\n    pageIndex = 1,\n    canPreviousPage = true,\n    canNextPage = true,\n    pageSize = 10,\n    perPageOptions = [10],\n    onPageSizeChange = emptyFunc,\n    onPreviousPage = emptyFunc,\n    onNextPage = emptyFunc,\n    onPageChange = emptyFunc,\n    pageCount = Math.ceil(flattenedData.length / pageSize),\n    perPageStep = 5,\n    minPerPage = 0,\n    maxPerPage = 100,\n    showPerPageSelector = true,\n    pageDetails = [],\n    pageDetailsTitle = '',\n  } = pagination || noPagination; // pagination can be false\n\n  // Get the needed page\n  const page = useMemo(() => {\n    if (!hasPagination) return null;\n    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);\n  }, [flattenedData, pageIndex, pageSize, hasPagination]);\n\n  const paginationHelpers = useMemo(\n    () => ({\n      pageIndex: pageIndex - 1,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    }),\n    [\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    ],\n  );\n  return [page, paginationHelpers];\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAGxB,MAAM,eAAsC;AAE5C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBAC4C;AAC5C,QAAM,EAAE,eAAe;AAEvB,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,iBAAiB,CAAC;AAAA,IAClB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY,KAAK,KAAK,cAAc,SAAS;AAAA,IAC7C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,mBAAmB;AAAA,MACjB,cAAc;AAGlB,QAAM,OAAO,0BAAQ,MAAM;AACzB,QAAI,CAAC;AAAe,aAAO;AAC3B,WAAO,cAAc,MAAO,aAAY,KAAK,UAAU,YAAY;AAAA,KAClE,CAAC,eAAe,WAAW,UAAU;AAExC,QAAM,oBAAoB,0BACxB,MAAO;AAAA,IACL,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,SAAO,CAAC,MAAM;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAGxB,MAAM,eAAsC,CAAC;AAE7C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBAC4C;AAC5C,QAAM,EAAE,eAAe;AAEvB,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,iBAAiB,CAAC,EAAE;AAAA,IACpB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY,KAAK,KAAK,cAAc,SAAS,QAAQ;AAAA,IACrD,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc,CAAC;AAAA,IACf,mBAAmB;AAAA,MACjB,cAAc;AAGlB,QAAM,OAAO,0BAAQ,MAAM;AACzB,QAAI,CAAC;AAAe,aAAO;AAC3B,WAAO,cAAc,MAAO,aAAY,KAAK,UAAU,YAAY,QAAQ;AAAA,EAC7E,GAAG,CAAC,eAAe,WAAW,UAAU,aAAa,CAAC;AAEtD,QAAM,oBAAoB,0BACxB,MAAO;AAAA,IACL,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACA,SAAO,CAAC,MAAM,iBAAiB;AACjC;",
   "names": []
 }

package/dist/cjs/configs/useRowFlattenization.js

@@ -4,31 +4,25 @@ 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 });
+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 target;
+  return to;
 };
-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 __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 useRowFlattenization_exports = {};
 __export(useRowFlattenization_exports, {
   useRowFlattenization: () => useRowFlattenization
 });
+module.exports = __toCommonJS(useRowFlattenization_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_getIdFromUniqueRowAccessor = require("../helpers/getIdFromUniqueRowAccessor");
@@ -73,5 +67,4 @@ const useRowFlattenization = (props) => {
   const allDataFlattened = (0, import_react.useMemo)(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
   return [flattenedData, allDataFlattened];
 };
-module.exports = __toCommonJS(useRowFlattenization_exports);
 //# sourceMappingURL=useRowFlattenization.js.map

package/dist/cjs/configs/useRowFlattenization.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/configs/useRowFlattenization.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-params */\nimport { useMemo } from 'react';\nimport { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor';\nimport { TypescriptProps, TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nconst emptyObject = {};\n\nconst trueReturner = new Proxy(\n  {},\n  {\n    get: () => true,\n  },\n);\n\nconst flatten = (\n  data: TypescriptRow[],\n  expandedRows: Record<string, boolean>,\n  uniqueRowAccessor: uniqueRowAccessorType,\n  maxDepth = 0,\n): TypescriptRow[] => {\n  const result = [];\n  const doit = (row: TypescriptRow, index = 0, parentId = null, parentIndex = null, depth = 0) => {\n    const id = (parentId ? `${parentId}.` : '') + index.toString();\n\n    const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {\n      id,\n      original: row ?? {},\n    });\n\n    const isExpanded = expandedRows[uid];\n\n    const rowToPush = {\n      id,\n      uid,\n      index,\n      realIndex: result.length,\n      parentId,\n      parentIndex,\n      depth,\n      isExpanded,\n      subRows: row?.subRows ?? [],\n      childrenCount: row?.subRows?.length ?? 0,\n      original: row ?? {},\n    };\n\n    result.push(rowToPush);\n\n    // If we have subrows and we are expanded\n    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {\n      row.subRows.forEach((subRow: TypescriptRow, i: number) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));\n    }\n  };\n\n  data.forEach((row, i) => doit(row, i));\n  return result;\n};\n\nexport const useRowFlattenization = (props: Partial<TypescriptProps>): [TypescriptRow[], TypescriptRow[]] => {\n  const { data } = props;\n\n  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;\n\n  const flattenedData = useMemo(\n    () => flatten(data, expandedRows, props.uniqueRowAccessor),\n    [data, expandedRows, props.uniqueRowAccessor],\n  );\n\n  const allDataFlattened = useMemo(\n    () => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity),\n    [data, props.uniqueRowAccessor],\n  );\n\n  return [flattenedData, allDataFlattened];\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwB;AACxB,wCAA2C;AAG3C,MAAM,cAAc;AAEpB,MAAM,eAAe,IAAI,MACvB,IACA;AAAA,EACE,KAAK,MAAM;AAAA;AAIf,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACS;AACpB,QAAM,SAAS;AACf,QAAM,OAAO,CAAC,KAAoB,QAAQ,GAAG,WAAW,MAAM,cAAc,MAAM,QAAQ,MAAM;AAC9F,UAAM,KAAM,YAAW,GAAG,cAAc,MAAM,MAAM;AAEpD,UAAM,MAAM,kEAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO;AAAA;AAGnB,UAAM,aAAa,aAAa;AAEhC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK,WAAW;AAAA,MACzB,eAAe,KAAK,SAAS,UAAU;AAAA,MACvC,UAAU,OAAO;AAAA;AAGnB,WAAO,KAAK;AAGZ,QAAI,KAAK,WAAW,aAAa,QAAQ,SAAS,UAAU;AAC1D,UAAI,QAAQ,QAAQ,CAAC,QAAuB,MAAc,KAAK,QAAQ,GAAG,KAAK,UAAU,WAAW,QAAQ;AAAA;AAAA;AAIhH,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK;AACnC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,UAAwE;AAC3G,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM,eAAe,MAAM,eAAe;AAE/D,QAAM,gBAAgB,0BACpB,MAAM,QAAQ,MAAM,cAAc,MAAM,oBACxC,CAAC,MAAM,cAAc,MAAM;AAG7B,QAAM,mBAAmB,0BACvB,MAAM,QAAQ,MAAM,cAAc,MAAM,mBAAmB,WAC3D,CAAC,MAAM,MAAM;AAGf,SAAO,CAAC,eAAe;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwB;AACxB,wCAA2C;AAG3C,MAAM,cAAc,CAAC;AAErB,MAAM,eAAe,IAAI,MACvB,CAAC,GACD;AAAA,EACE,KAAK,MAAM;AACb,CACF;AAEA,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACS;AACpB,QAAM,SAAS,CAAC;AAChB,QAAM,OAAO,CAAC,KAAoB,QAAQ,GAAG,WAAW,MAAM,cAAc,MAAM,QAAQ,MAAM;AAC9F,UAAM,KAAM,YAAW,GAAG,cAAc,MAAM,MAAM,SAAS;AAE7D,UAAM,MAAM,kEAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO,CAAC;AAAA,IACpB,CAAC;AAED,UAAM,aAAa,aAAa;AAEhC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK,WAAW,CAAC;AAAA,MAC1B,eAAe,KAAK,SAAS,UAAU;AAAA,MACvC,UAAU,OAAO,CAAC;AAAA,IACpB;AAEA,WAAO,KAAK,SAAS;AAGrB,QAAI,KAAK,WAAW,aAAa,QAAQ,SAAS,UAAU;AAC1D,UAAI,QAAQ,QAAQ,CAAC,QAAuB,MAAc,KAAK,QAAQ,GAAG,KAAK,UAAU,WAAW,QAAQ,CAAC,CAAC;AAAA,IAChH;AAAA,EACF;AAEA,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK,CAAC,CAAC;AACrC,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,UAAwE;AAC3G,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM,eAAe,MAAM,eAAe;AAE/D,QAAM,gBAAgB,0BACpB,MAAM,QAAQ,MAAM,cAAc,MAAM,iBAAiB,GACzD,CAAC,MAAM,cAAc,MAAM,iBAAiB,CAC9C;AAEA,QAAM,mBAAmB,0BACvB,MAAM,QAAQ,MAAM,cAAc,MAAM,mBAAmB,QAAQ,GACnE,CAAC,MAAM,MAAM,iBAAiB,CAChC;AAEA,SAAO,CAAC,eAAe,gBAAgB;AACzC;",
   "names": []
 }

package/dist/cjs/configs/useTableColsWithAddons.js

@@ -21,32 +21,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 });
+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 target;
+  return to;
 };
-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 __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 useTableColsWithAddons_exports = {};
 __export(useTableColsWithAddons_exports, {
   default: () => useTableColsWithAddons_default,
   useTableColsWithAddons: () => useTableColsWithAddons
 });
+module.exports = __toCommonJS(useTableColsWithAddons_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_Columns = require("../addons/Columns");
@@ -93,5 +87,4 @@ const useTableColsWithAddons = ({
   return columnsWithAddons;
 }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
 var useTableColsWithAddons_default = useTableColsWithAddons;
-module.exports = __toCommonJS(useTableColsWithAddons_exports);
 //# sourceMappingURL=useTableColsWithAddons.js.map

package/dist/cjs/configs/useTableColsWithAddons.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/configs/useTableColsWithAddons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n  const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return {\n      id,\n      parentId,\n      depth,\n      ...column,\n      ref: createRef<HTMLTableColElement>(),\n    };\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n  columns,\n  renderRowActions,\n  isExpandable,\n  selectSingle,\n  selection,\n  dragAndDropRows,\n  noSelectionColumn,\n}) =>\n  useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n\n    if (isExpandable) columnsWithAddons.unshift(expandRowColumn);\n    if (selection && !noSelectionColumn)\n      if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);\n      else columnsWithAddons.unshift(multiSelectColumn);\n    if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);\n    if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AAGnC,qBAMO;AAIP,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ;AACtG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,OACG,SAJE;AAAA,MAKL,KAAK;AAAA;AAAA;AAGT,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK;AAAA;AAGxD,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,0BAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe;AAE7C,MAAI;AAAc,sBAAkB,QAAQ;AAC5C,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ;AAAA;AACvC,wBAAkB,QAAQ;AACjC,MAAI;AAAiB,sBAAkB,QAAQ;AAC/C,MAAI;AAAkB,sBAAkB,KAAK,iCAAa;AAE1D,SAAO;AAAA,GACN,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB;AAG1F,IAAO,iCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AAGnC,qBAMO;AAIP,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACxG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,OACG,SAJE;AAAA,MAKL,KAAK,4BAA+B;AAAA,IACtC;AAAA,EACF;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,0BAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAErD,MAAI;AAAc,sBAAkB,QAAQ,8BAAe;AAC3D,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ,iCAAkB;AAAA;AACzD,wBAAkB,QAAQ,gCAAiB;AAClD,MAAI;AAAiB,sBAAkB,QAAQ,+BAAgB;AAC/D,MAAI;AAAkB,sBAAkB,KAAK,iCAAa,gBAAgB,CAAC;AAE3E,SAAO;AACT,GAAG,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB,gBAAgB,CAAC;AAG3G,IAAO,iCAAQ;",
   "names": []
 }

package/dist/cjs/configs/zIndexInternalConfig.js

@@ -4,31 +4,25 @@ 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 });
+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 target;
+  return to;
 };
-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 __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 zIndexInternalConfig_exports = {};
 __export(zIndexInternalConfig_exports, {
   ZIndexDataTable: () => ZIndexDataTable
 });
+module.exports = __toCommonJS(zIndexInternalConfig_exports);
 var React = __toESM(require("react"));
 const ZIndexDataTable = {
   ROW: 0,
@@ -38,5 +32,4 @@ const ZIndexDataTable = {
   DROP_INDICATOR: 6,
   FOCUS_BORDER: 7
 };
-module.exports = __toCommonJS(zIndexInternalConfig_exports);
 //# sourceMappingURL=zIndexInternalConfig.js.map

package/dist/cjs/configs/zIndexInternalConfig.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/configs/zIndexInternalConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const ZIndexDataTable = {\n  ROW: 0,\n  EXTERNAL: 0,\n  HEADER_ROW: 0,\n  ROW_HOVER: 1,\n  DROP_INDICATOR: 6,\n  FOCUS_BORDER: 7,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/exported-related/EditableCell.js

@@ -4,38 +4,32 @@ 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 });
+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 target;
+  return to;
 };
-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 __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 EditableCell_exports = {};
 __export(EditableCell_exports, {
   EditableCell: () => EditableCell
 });
+module.exports = __toCommonJS(EditableCell_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
 var import_styled = require("../styled");
 var import_DataTableContext = require("../DataTableContext");
 const EditableCell = (props) => {
-  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
+  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;
   const { virtualListHelpers } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [lastIsEditing, setLastIsEditing] = (0, import_react.useState)(false);
@@ -88,5 +82,4 @@ EditableCell.propTypes = {
   EditableRenderer: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]).isRequired,
   cell: import_prop_types.default.object.isRequired
 };
-module.exports = __toCommonJS(EditableCell_exports);
 //# sourceMappingURL=EditableCell.js.map

package/dist/cjs/exported-related/EditableCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/EditableCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\n\nexport const EditableCell: React.ComponentType<any> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;\n  const { virtualListHelpers } = useContext(DataTableContext);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isEditing) {\n        e.stopPropagation();\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: EventTarget) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      ref={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"cell\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={cell.id} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n\nEditableCell.propTypes = {\n  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  cell: PropTypes.object.isRequired,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA0E;AAC1E,wBAAsB;AACtB,oBAA0D;AAC1D,8BAAiC;AAE1B,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,eAAe,aAAa;AAC5E,QAAM,EAAE,uBAAuB,6BAAW;AAE1C,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AAEnD,oCAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB;AACnB,uBAAiB;AAAA;AAAA,KAGlB,CAAC;AAEJ,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,CAAC,WAAW;AACd,QAAE;AACF,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAGH,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,WAAW;AACb,QAAE;AACF,UAAI,CAAC,SAAS,UAAU,SAAS,EAAE,OAAO;AACxC,qBAAa;AAAA;AAAA,eAEN,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AAC9C,sBAAgB;AAAA;AAAA,KAGpB,CAAC,WAAW,iBAAiB;AAG/B,QAAM,eAAe,8BACnB,CAAC,UAAuB;AACtB,QAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,gBAAgB;AAEpE,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAEH,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,iBAAiB,CAAC;AACrD,SACE,mDAAC,uCAAD;AAAA,IACE;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,KAE7C,CAAC,YAAY,iBAAiB,kBAC9B,CAAC,aAAa,mDAAC,gCAAD,OACf,mDAAC,QAAD;AAAA,IAAM,IAAI,KAAK;AAAA,IAAI,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KACxD,KAAK,OAAM;AAAA;AAMpB,aAAa,YAAY;AAAA,EACvB,gBAAgB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,SAAS;AAAA,EACxE,kBAAkB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,SAAS;AAAA,EAC1E,MAAM,0BAAU,OAAO;AAAA;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\n\nexport const EditableCell: React.ComponentType<any> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const { virtualListHelpers } = useContext(DataTableContext);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isEditing) {\n        e.stopPropagation();\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: EventTarget) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      ref={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"cell\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={cell.id} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n\nEditableCell.propTypes = {\n  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  cell: PropTypes.object.isRequired,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA0E;AAC1E,wBAAsB;AACtB,oBAA0D;AAC1D,8BAAiC;AAE1B,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,kBAAkB;AAClE,QAAM,EAAE,uBAAuB,6BAAW,wCAAgB;AAE1D,QAAM,CAAC,WAAW,gBAAgB,2BAAS,KAAK;AAChD,QAAM,CAAC,eAAe,oBAAoB,2BAAS,KAAK;AAExD,oCAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,CAAC,WAAW;AACd,QAAE,gBAAgB;AAClB,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GACA,CAAC,SAAS,CACZ;AAEA,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,WAAW;AACb,QAAE,gBAAgB;AAClB,UAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,sBAAgB,CAAC;AAAA,IACnB;AAAA,EACF,GACA,CAAC,WAAW,iBAAiB,YAAY,CAC3C;AAEA,QAAM,eAAe,8BACnB,CAAC,UAAuB;AACtB,QAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GACA,CAAC,SAAS,CACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE,mDAAC;AAAA,IACC;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,KAE7C,CAAC,YAAY,iBAAiB,kBAC9B,CAAC,aAAa,mDAAC,oCAAiB,GACjC,mDAAC;AAAA,IAAK,IAAI,KAAK;AAAA,IAAI,OAAO,EAAE,SAAS,OAAO;AAAA,IAAG,eAAY;AAAA,KACxD,KAAK,OAAM,0EACd,CACF;AAEJ;AAEA,aAAa,YAAY;AAAA,EACvB,gBAAgB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,CAAC,EAAE;AAAA,EACxE,kBAAkB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,CAAC,EAAE;AAAA,EAC1E,MAAM,0BAAU,OAAO;AACzB;",
   "names": []
 }

package/dist/cjs/exported-related/FilterPopover.js

@@ -21,37 +21,31 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 });
+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 target;
+  return to;
 };
-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 __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 FilterPopover_exports = {};
 __export(FilterPopover_exports, {
   FilterPopover: () => FilterPopover
 });
+module.exports = __toCommonJS(FilterPopover_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
 var import_styled_components = __toESM(require("styled-components"));
-var import_reducers = require("../redux/reducers");
+var import_DataTableContext = __toESM(require("../DataTableContext"));
 var import_constants = require("../configs/constants");
 const FilterButton = import_styled_components.default.span`
   display: inline-grid;
@@ -64,6 +58,14 @@ const Button = (0, import_styled_components.default)(import_ds_button.DSButton)`
 const PopperContent = import_styled_components.default.div`
   background-color: #fff;
 `;
+const ButtonTrap = ({ cb }) => /* @__PURE__ */ import_react.default.createElement("span", {
+  "aria-hidden": "true",
+  tabIndex: 0,
+  onFocus: (e) => {
+    e.stopPropagation();
+    cb();
+  }
+});
 const FilterPopover = ({
   column,
   columnId,
@@ -80,8 +82,7 @@ const FilterPopover = ({
     hideFilterButton: true,
     hideFilterMenu: true
   };
-  const popperRef = (0, import_react.useRef)(null);
-  const { patchHeaderFilterButtonAndMenu, patchHeader } = (0, import_reducers.useDispatchHeadersActions)();
+  const { patchHeaderFilterButtonAndMenu, patchHeader } = (0, import_react.useContext)(import_DataTableContext.default);
   const isIconVisible = !hideFilterButton || !hideFilterMenu;
   const isMenuOpen = !hideFilterMenu;
   const handleClickOutsideMenu = (e) => {
@@ -89,12 +90,25 @@ const FilterPopover = ({
     if (isMenuOpen)
       patchHeaderFilterButtonAndMenu(columnId, true);
   };
+  (0, import_react.useEffect)(() => {
+    const closeMenu = () => {
+      patchHeaderFilterButtonAndMenu(columnId, true);
+    };
+    window.addEventListener("blur", closeMenu);
+    return () => {
+      window.removeEventListener("blur", closeMenu);
+    };
+  }, [columnId, patchHeaderFilterButtonAndMenu]);
   const handleTriggerClick = (e) => {
     onTriggerClick(columnId, e);
     patchHeaderFilterButtonAndMenu(columnId, false);
     e.stopPropagation();
   };
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
+  const buttonTrapCallback = (0, import_react.useCallback)(() => {
+    patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
+    referenceElement?.focus();
+  }, [columnId, patchHeader, referenceElement]);
   return /* @__PURE__ */ import_react.default.createElement("div", {
     onClick: (e) => e.stopPropagation(),
     onKeyDown: (e) => {
@@ -107,12 +121,7 @@ const FilterPopover = ({
         e.preventDefault();
       }
     },
-    style: { display: "flex" },
-    onBlur: (e) => {
-      if (e.target !== referenceElement && !popperRef.current?.contains(e.relatedTarget)) {
-        referenceElement?.focus();
-      }
-    }
+    style: { display: "flex" }
   }, /* @__PURE__ */ import_react.default.createElement(FilterButton, {
     hide: !isIconVisible,
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_FILTER_BUTTON
@@ -143,18 +152,10 @@ const FilterPopover = ({
       minWidth: column.ref?.current?.offsetWidth ?? "0px"
     }),
     placementOrderPreference: ["bottom-end"]
-  }, /* @__PURE__ */ import_react.default.createElement(PopperContent, {
-    onKeyDown: (e) => {
-      if (e.code === "Tab") {
-        setTimeout(() => {
-          if (!popperRef?.current?.contains(document.activeElement)) {
-            patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
-          }
-        });
-      }
-    },
-    ref: popperRef
-  }, menuContent)));
+  }, /* @__PURE__ */ import_react.default.createElement(PopperContent, null, /* @__PURE__ */ import_react.default.createElement(ButtonTrap, {
+    cb: buttonTrapCallback
+  }), menuContent, /* @__PURE__ */ import_react.default.createElement(ButtonTrap, {
+    cb: buttonTrapCallback
+  }))));
 };
-module.exports = __toCommonJS(FilterPopover_exports);
 //# sourceMappingURL=FilterPopover.js.map