@elliemae/ds-data-table 3.16.0-next.2 → 3.16.0-next.21

package/dist/esm/addons/Pagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Pagination/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Pagination } from './Pagination';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Pagination } from './Pagination.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;",
   "names": []
 }

package/dist/esm/configs/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-export * from "./constants";
-export * from "./fixedSizes";
-export * from "./useDatatableConfig";
-export * from "./useRowFlattenization";
-export * from "./zIndexInternalConfig";
+export * from "./constants.js";
+export * from "./fixedSizes.js";
+export * from "./useDatatableConfig.js";
+export * from "./useRowFlattenization.js";
+export * from "./zIndexInternalConfig.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/configs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './constants';\nexport * from './fixedSizes';\nexport * from './useDatatableConfig';\nexport * from './useRowFlattenization';\nexport * from './zIndexInternalConfig';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './constants.js';\nexport * from './fixedSizes.js';\nexport * from './useDatatableConfig.js';\nexport * from './useRowFlattenization.js';\nexport * from './zIndexInternalConfig.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/configs/useDatatableConfig.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useVirtual } from "react-virtual";
-import { columnsToGrid } from "../helpers/columnsToGrid";
-import { useRowFlattenization } from "./useRowFlattenization";
-import { usePaginationConfig } from "./usePaginationConfig";
-import { useTableColsWithAddons } from "./useTableColsWithAddons";
-import { ColsLayoutStyle } from "./constants";
-import { useInternalStateConfig } from "./useInternalStateConfig";
+import { columnsToGrid } from "../helpers/columnsToGrid.js";
+import { useRowFlattenization } from "./useRowFlattenization.js";
+import { usePaginationConfig } from "./usePaginationConfig.js";
+import { useTableColsWithAddons } from "./useTableColsWithAddons.js";
+import { ColsLayoutStyle } from "./constants.js";
+import { useInternalStateConfig } from "./useInternalStateConfig.js";
 const estimateSize = () => 36;
 const useDatatableConfig = (props) => {
   const virtualListRef = useRef(null);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useDatatableConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid';\nimport type { 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\nconst estimateSize = () => 36;\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n  const [isShiftPressed, setIsShiftPressed] = useState(false);\n  const lastSelected = useRef<number>(-1);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n  const visibleColumns = useMemo(\n    () =>\n      tableColsWithAddons\n        .filter((col: TypescriptColumn) => !props.hiddenColumns?.includes(col.accessor))\n        .map((col: TypescriptColumn) => {\n          if (col.columns) {\n            col.columns = col.columns.filter(\n              (subCol: TypescriptColumn) => !props.hiddenColumns?.includes(subCol.accessor),\n            );\n          }\n          return col;\n        }),\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    estimateSize,\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, 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      isShiftPressed,\n      setIsShiftPressed,\n      lastSelected,\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      isShiftPressed,\n      setIsShiftPressed,\n      lastSelected,\n    ],\n  );\n\n  return ctx;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid.js';\nimport type { TypescriptColumn, TypescriptContext, TypescriptProps } from '../types/props.js';\nimport { useRowFlattenization } from './useRowFlattenization.js';\nimport { usePaginationConfig } from './usePaginationConfig.js';\nimport { useTableColsWithAddons } from './useTableColsWithAddons.js';\nimport { ColsLayoutStyle } from './constants.js';\nimport { useInternalStateConfig } from './useInternalStateConfig.js';\n\nconst estimateSize = () => 36;\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n  const [isShiftPressed, setIsShiftPressed] = useState(false);\n  const lastSelected = useRef<number>(-1);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n  const visibleColumns = useMemo(\n    () =>\n      tableColsWithAddons\n        .filter((col: TypescriptColumn) => !props.hiddenColumns?.includes(col.accessor))\n        .map((col: TypescriptColumn) => {\n          if (col.columns) {\n            col.columns = col.columns.filter(\n              (subCol: TypescriptColumn) => !props.hiddenColumns?.includes(subCol.accessor),\n            );\n          }\n          return col;\n        }),\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    estimateSize,\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, 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      isShiftPressed,\n      setIsShiftPressed,\n      lastSelected,\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      isShiftPressed,\n      setIsShiftPressed,\n      lastSelected,\n    ],\n  );\n\n  return ctx;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAsB,WAAW,SAAS,QAAQ,gBAAgB;AAClE,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEvC,MAAM,eAAe,MAAM;AAEpB,MAAM,qBAAqB,CAAC,UAA8C;AAC/E,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,kBAAkB,OAAuB,IAAI;AACnD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,eAAe,OAAe,EAAE;AAKtC,QAAM,sBAAsB,uBAAuB,KAAK;AACxD,QAAM,iBAAiB;AAAA,IACrB,MACE,oBACG,OAAO,CAAC,QAA0B,CAAC,MAAM,eAAe,SAAS,IAAI,QAAQ,CAAC,EAC9E,IAAI,CAAC,QAA0B;AAC9B,UAAI,IAAI,SAAS;AACf,YAAI,UAAU,IAAI,QAAQ;AAAA,UACxB,CAAC,WAA6B,CAAC,MAAM,eAAe,SAAS,OAAO,QAAQ;AAAA,QAC9E;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,IACL,CAAC,MAAM,eAAe,mBAAmB;AAAA,EAC3C;AAMA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAI9C,QAAM,qBAAqB,WAAW;AAAA,IACpC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc,gBAAgB,SAAS,sBAAsB,GAAG,UAAU;AAAA,IAC1E;AAAA,EACF,CAAC;AAKD,YAAU,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,gBAAgB,IAAI,qBAAqB,KAAK;AAEpE,QAAM,CAAC,eAAe,iBAAiB,IAAI,oBAAoB,OAAO,aAAa;AAGnF,MAAI,gBAAgB,iBAAiB,eAAe;AAAQ,mBAAe,iBAAiB,eAAe,MAAM;AAMjH,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,gBAAgB,MAAM,eAAe,CAAC;AAGjG,YAAU,MAAM;AACd,kBAAc,cAAc,gBAAgB,MAAM,eAAe,CAAC;AAAA,EACpE,GAAG,CAAC,gBAAgB,MAAM,eAAe,CAAC;AAE1C,QAAM,oBAAoB;AAAA,IACxB,MACE,MAAM,oBAAoB,gBAAgB,QACtC,WAAW,OAAO,CAAC,KAAa,QAAgB,MAAM,OAAO,SAAS,KAAK,EAAE,GAAG,CAAC,IACjF;AAAA,IACN,CAAC,MAAM,iBAAiB,UAAU;AAAA,EACpC;AAEA,QAAM,gBAAgB;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,YAAY,iBAAiB;AAAA,EAChC;AAMA,QAAM,gBAAgB,uBAAuB;AAE7C,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe,iBAAiB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useInternalStateConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useMemo, useState } from 'react';\nimport type { 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(\n    (headerId: string, value: boolean) => {\n      const newState = { hideFilterMenu: value, hideFilterButton: value };\n      patchHeader(headerId, newState);\n    },\n    [patchHeader],\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,SAAS,gBAAgB;AAGxC,MAAM,yBAAyB,MAAM;AAC1C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAwB,IAAI;AACxE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAGpE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsC,CAAC,CAAC;AAEhF,QAAM,cAAc,YAAY,CAAC,UAAkB,cAAoC;AACrF,oBAAgB,CAAC,qBAAqB;AACpC,YAAM,mBAAmB,EAAE,GAAG,iBAAiB;AAC/C,uBAAiB,YAAY,EAAE,GAAI,mBAAmB,aAAa,CAAC,GAAI,GAAG,UAAU;AACrF,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iCAAiC;AAAA,IACrC,CAAC,UAAkB,UAAmB;AACpC,YAAM,WAAW,EAAE,gBAAgB,OAAO,kBAAkB,MAAM;AAClE,kBAAY,UAAU,QAAQ;AAAA,IAChC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useMemo, useState } from 'react';\nimport type { ReduxHeader } from '../types/props.js';\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(\n    (headerId: string, value: boolean) => {\n      const newState = { hideFilterMenu: value, hideFilterButton: value };\n      patchHeader(headerId, newState);\n    },\n    [patchHeader],\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,SAAS,gBAAgB;AAGxC,MAAM,yBAAyB,MAAM;AAC1C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAwB,IAAI;AACxE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAGpE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsC,CAAC,CAAC;AAEhF,QAAM,cAAc,YAAY,CAAC,UAAkB,cAAoC;AACrF,oBAAgB,CAAC,qBAAqB;AACpC,YAAM,mBAAmB,EAAE,GAAG,iBAAiB;AAC/C,uBAAiB,QAAQ,IAAI,EAAE,GAAI,mBAAmB,QAAQ,KAAK,CAAC,GAAI,GAAG,UAAU;AACrF,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iCAAiC;AAAA,IACrC,CAAC,UAAkB,UAAmB;AACpC,YAAM,WAAW,EAAE,gBAAgB,OAAO,kBAAkB,MAAM;AAClE,kBAAY,UAAU,QAAQ;AAAA,IAChC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/configs/usePaginationConfig.js

@@ -3,8 +3,8 @@ import { useMemo } from "react";
 const noPagination = {};
 const emptyFunc = () => null;
 const usePaginationConfig = (props, flattenedData) => {
-  const { pagination } = props;
-  const hasPagination = !!pagination;
+  const { pagination, Pagination } = props;
+  const hasPagination = Boolean(pagination || Pagination);
   const {
     pageIndex = 1,
     canPreviousPage = true,
@@ -26,15 +26,16 @@ const usePaginationConfig = (props, flattenedData) => {
     pageDetailsTitle = ""
   } = pagination || noPagination;
   const page = useMemo(() => {
-    if (!hasPagination)
+    if (!hasPagination || !pagination)
       return null;
     if (dataIsPage)
       return flattenedData;
     return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
-  }, [hasPagination, dataIsPage, flattenedData, pageIndex, pageSize]);
+  }, [hasPagination, pagination, dataIsPage, flattenedData, pageIndex, pageSize]);
   const paginationHelpers = useMemo(
     () => ({
-      pageIndex: pageIndex - 1,
+      hasPagination,
+      pageIndex,
       canPreviousPage,
       canNextPage,
       pageSize,
@@ -53,6 +54,7 @@ const usePaginationConfig = (props, flattenedData) => {
       pageDetailsTitle
     }),
     [
+      hasPagination,
       pageIndex,
       canPreviousPage,
       canNextPage,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/usePaginationConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { 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[] | null, 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    isLoadingPageCount = false,\n    dataIsPage = false,\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    if (dataIsPage) return flattenedData;\n    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);\n  }, [hasPagination, dataIsPage, flattenedData, pageIndex, pageSize]);\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      isLoadingPageCount: isLoadingPageCount,\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      isLoadingPageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    ],\n  );\n  return [page, paginationHelpers];\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAGxB,MAAM,eAAsC,CAAC;AAE7C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBACmD;AACnD,QAAM,EAAE,WAAW,IAAI;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,qBAAqB;AAAA,IACrB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc,CAAC;AAAA,IACf,mBAAmB;AAAA,EACrB,IAAI,cAAc;AAGlB,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC;AAAe,aAAO;AAC3B,QAAI;AAAY,aAAO;AACvB,WAAO,cAAc,OAAO,YAAY,KAAK,UAAU,YAAY,QAAQ;AAAA,EAC7E,GAAG,CAAC,eAAe,YAAY,eAAe,WAAW,QAAQ,CAAC;AAElE,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,WAAW,YAAY;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO,CAAC,MAAM,iBAAiB;AACjC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { TypescriptPagination, TypescriptProps, TypescriptRow } from '../types/props.js';\n\nconst noPagination: Record<string, never> = {};\n\nconst emptyFunc = () => null;\n\nexport const usePaginationConfig = (\n  props: TypescriptProps,\n  flattenedData: TypescriptRow[],\n): [TypescriptRow[] | null, TypescriptPagination] => {\n  const { pagination, Pagination } = props;\n\n  const hasPagination = Boolean(pagination || 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    isLoadingPageCount = false,\n    dataIsPage = false,\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 || !pagination) return null;\n    if (dataIsPage) return flattenedData;\n    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);\n  }, [hasPagination, pagination, dataIsPage, flattenedData, pageIndex, pageSize]);\n\n  const paginationHelpers = useMemo(\n    () => ({\n      hasPagination,\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      isLoadingPageCount: isLoadingPageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    }),\n    [\n      hasPagination,\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      isLoadingPageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    ],\n  );\n  return [page, paginationHelpers];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAGxB,MAAM,eAAsC,CAAC;AAE7C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBACmD;AACnD,QAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,QAAM,gBAAgB,QAAQ,cAAc,UAAU;AAGtD,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,qBAAqB;AAAA,IACrB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc,CAAC;AAAA,IACf,mBAAmB;AAAA,EACrB,IAAI,cAAc;AAGlB,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,iBAAiB,CAAC;AAAY,aAAO;AAC1C,QAAI;AAAY,aAAO;AACvB,WAAO,cAAc,OAAO,YAAY,KAAK,UAAU,YAAY,QAAQ;AAAA,EAC7E,GAAG,CAAC,eAAe,YAAY,YAAY,eAAe,WAAW,QAAQ,CAAC;AAE9E,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO,CAAC,MAAM,iBAAiB;AACjC;",
   "names": []
 }

package/dist/esm/configs/useRowFlattenization.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { cloneDeep } from "lodash";
 import { useMemo } from "react";
-import { getIdFromUniqueRowAccessor } from "../helpers/getIdFromUniqueRowAccessor";
+import { getIdFromUniqueRowAccessor } from "../helpers/getIdFromUniqueRowAccessor.js";
 const emptyObject = {};
 const trueReturner = new Proxy(
   {},

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useRowFlattenization.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { cloneDeep } from 'lodash';\nimport { useMemo } from 'react';\nimport { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor';\nimport type { InternalTypescriptRow, 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): InternalTypescriptRow[] => {\n  const result: InternalTypescriptRow[] = [];\n  const doit = (\n    row: TypescriptRow,\n    index = 0,\n    parent: InternalTypescriptRow | null = null,\n    parentId: string | null = null,\n    parentIndex: number | null = null,\n    depth = 0,\n  ) => {\n    const id = (parentId !== null ? `${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: InternalTypescriptRow = {\n      id,\n      uid,\n      index,\n      realIndex: result.length,\n      parent,\n      parentId,\n      parentIndex,\n      depth,\n      isExpanded,\n      subRows: row?.subRows ?? [],\n      childrenCount: row?.subRows?.length ?? 0,\n      original: row ?? {},\n      cells: [],\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) =>\n        doit(subRow, i, rowToPush, uid, rowToPush.realIndex, depth + 1),\n      );\n    }\n  };\n\n  data.forEach((row, i) => doit(row, i));\n  return result;\n};\n\nexport const useRowFlattenization = (props: TypescriptProps): [InternalTypescriptRow[], InternalTypescriptRow[]] => {\n  const { data } = props;\n\n  const clonnedData = useMemo(() => cloneDeep(data), [data]);\n\n  const expandedRows = props.isExpandable ? props.expandedRows ?? emptyObject : emptyObject;\n\n  const flattenedData = useMemo(\n    () => flatten(clonnedData, expandedRows, props.uniqueRowAccessor),\n    [clonnedData, expandedRows, props.uniqueRowAccessor],\n  );\n\n  const allDataFlattened = useMemo(\n    () => flatten(clonnedData, trueReturner, props.uniqueRowAccessor, Infinity),\n    [clonnedData, props.uniqueRowAccessor],\n  );\n\n  return [flattenedData, allDataFlattened];\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,kCAAkC;AAG3C,MAAM,cAAc,CAAC;AAErB,MAAM,eAAe,IAAI;AAAA,EACvB,CAAC;AAAA,EACD;AAAA,IACE,KAAK,MAAM;AAAA,EACb;AACF;AAEA,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACiB;AAC5B,QAAM,SAAkC,CAAC;AACzC,QAAM,OAAO,CACX,KACA,QAAQ,GACR,SAAuC,MACvC,WAA0B,MAC1B,cAA6B,MAC7B,QAAQ,MACL;AACH,UAAM,MAAM,aAAa,OAAO,GAAG,cAAc,MAAM,MAAM,SAAS;AAEtE,UAAM,MAAM,2BAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO,CAAC;AAAA,IACpB,CAAC;AAED,UAAM,aAAa,aAAa;AAEhC,UAAM,YAAmC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK,WAAW,CAAC;AAAA,MAC1B,eAAe,KAAK,SAAS,UAAU;AAAA,MACvC,UAAU,OAAO,CAAC;AAAA,MAClB,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,KAAK,SAAS;AAGrB,QAAI,KAAK,WAAW,aAAa,QAAQ,SAAS,UAAU;AAC1D,UAAI,QAAQ;AAAA,QAAQ,CAAC,QAAuB,MAC1C,KAAK,QAAQ,GAAG,WAAW,KAAK,UAAU,WAAW,QAAQ,CAAC;AAAA,MAChE;AAAA,IACF;AAAA,EACF;AAEA,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK,CAAC,CAAC;AACrC,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,UAA+E;AAClH,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc,QAAQ,MAAM,UAAU,IAAI,GAAG,CAAC,IAAI,CAAC;AAEzD,QAAM,eAAe,MAAM,eAAe,MAAM,gBAAgB,cAAc;AAE9E,QAAM,gBAAgB;AAAA,IACpB,MAAM,QAAQ,aAAa,cAAc,MAAM,iBAAiB;AAAA,IAChE,CAAC,aAAa,cAAc,MAAM,iBAAiB;AAAA,EACrD;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,QAAQ,aAAa,cAAc,MAAM,mBAAmB,QAAQ;AAAA,IAC1E,CAAC,aAAa,MAAM,iBAAiB;AAAA,EACvC;AAEA,SAAO,CAAC,eAAe,gBAAgB;AACzC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { cloneDeep } from 'lodash';\nimport { useMemo } from 'react';\nimport { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor.js';\nimport type { InternalTypescriptRow, TypescriptProps, TypescriptRow, UniqueRowAccessorType } from '../types/props.js';\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): InternalTypescriptRow[] => {\n  const result: InternalTypescriptRow[] = [];\n  const doit = (\n    row: TypescriptRow,\n    index = 0,\n    parent: InternalTypescriptRow | null = null,\n    parentId: string | null = null,\n    parentIndex: number | null = null,\n    depth = 0,\n  ) => {\n    const id = (parentId !== null ? `${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: InternalTypescriptRow = {\n      id,\n      uid,\n      index,\n      realIndex: result.length,\n      parent,\n      parentId,\n      parentIndex,\n      depth,\n      isExpanded,\n      subRows: row?.subRows ?? [],\n      childrenCount: row?.subRows?.length ?? 0,\n      original: row ?? {},\n      cells: [],\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) =>\n        doit(subRow, i, rowToPush, uid, rowToPush.realIndex, depth + 1),\n      );\n    }\n  };\n\n  data.forEach((row, i) => doit(row, i));\n  return result;\n};\n\nexport const useRowFlattenization = (props: TypescriptProps): [InternalTypescriptRow[], InternalTypescriptRow[]] => {\n  const { data } = props;\n\n  const clonnedData = useMemo(() => cloneDeep(data), [data]);\n\n  const expandedRows = props.isExpandable ? props.expandedRows ?? emptyObject : emptyObject;\n\n  const flattenedData = useMemo(\n    () => flatten(clonnedData, expandedRows, props.uniqueRowAccessor),\n    [clonnedData, expandedRows, props.uniqueRowAccessor],\n  );\n\n  const allDataFlattened = useMemo(\n    () => flatten(clonnedData, trueReturner, props.uniqueRowAccessor, Infinity),\n    [clonnedData, props.uniqueRowAccessor],\n  );\n\n  return [flattenedData, allDataFlattened];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,kCAAkC;AAG3C,MAAM,cAAc,CAAC;AAErB,MAAM,eAAe,IAAI;AAAA,EACvB,CAAC;AAAA,EACD;AAAA,IACE,KAAK,MAAM;AAAA,EACb;AACF;AAEA,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACiB;AAC5B,QAAM,SAAkC,CAAC;AACzC,QAAM,OAAO,CACX,KACA,QAAQ,GACR,SAAuC,MACvC,WAA0B,MAC1B,cAA6B,MAC7B,QAAQ,MACL;AACH,UAAM,MAAM,aAAa,OAAO,GAAG,cAAc,MAAM,MAAM,SAAS;AAEtE,UAAM,MAAM,2BAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO,CAAC;AAAA,IACpB,CAAC;AAED,UAAM,aAAa,aAAa,GAAG;AAEnC,UAAM,YAAmC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK,WAAW,CAAC;AAAA,MAC1B,eAAe,KAAK,SAAS,UAAU;AAAA,MACvC,UAAU,OAAO,CAAC;AAAA,MAClB,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,KAAK,SAAS;AAGrB,QAAI,KAAK,WAAW,aAAa,GAAG,KAAK,SAAS,UAAU;AAC1D,UAAI,QAAQ;AAAA,QAAQ,CAAC,QAAuB,MAC1C,KAAK,QAAQ,GAAG,WAAW,KAAK,UAAU,WAAW,QAAQ,CAAC;AAAA,MAChE;AAAA,IACF;AAAA,EACF;AAEA,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK,CAAC,CAAC;AACrC,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,UAA+E;AAClH,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc,QAAQ,MAAM,UAAU,IAAI,GAAG,CAAC,IAAI,CAAC;AAEzD,QAAM,eAAe,MAAM,eAAe,MAAM,gBAAgB,cAAc;AAE9E,QAAM,gBAAgB;AAAA,IACpB,MAAM,QAAQ,aAAa,cAAc,MAAM,iBAAiB;AAAA,IAChE,CAAC,aAAa,cAAc,MAAM,iBAAiB;AAAA,EACrD;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,QAAQ,aAAa,cAAc,MAAM,mBAAmB,QAAQ;AAAA,IAC1E,CAAC,aAAa,MAAM,iBAAiB;AAAA,EACvC;AAEA,SAAO,CAAC,eAAe,gBAAgB;AACzC;",
   "names": []
 }

package/dist/esm/configs/useTableColsWithAddons.js

@@ -6,7 +6,7 @@ import {
   actionColumn,
   singleSelectColumn,
   multiSelectColumn
-} from "../addons/Columns";
+} from "../addons/Columns/index.js";
 const augmentColumns = (columns) => {
   const augmentColumn = (column, index, parentId = null, depth = 0) => {
     let id = `column${index}`;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useTableColsWithAddons.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport type { InternalTypescriptColumn, 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) => InternalTypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): InternalTypescriptColumn[] => {\n  const augmentColumn = (\n    column: TypescriptColumn,\n    index: number,\n    parentId: string | null = null,\n    depth = 0,\n  ): InternalTypescriptColumn => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    const { columns: childColumns, ...restOfColumn } = column;\n    const newCol: InternalTypescriptColumn = {\n      id,\n      parentId,\n      depth,\n      ...restOfColumn,\n      ref: createRef<HTMLTableColElement>() as React.MutableRefObject<HTMLTableColElement>,\n    };\n    if (childColumns) newCol.columns = childColumns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return newCol;\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst isColumnInArrayOfColumns = (columns: TypescriptColumn[], col: TypescriptColumn) =>\n  columns.some((column) => column.id === col.id);\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    // Columns to be prepended\n    const colsToPrepend: TypescriptColumn[] = [];\n    // Columns to be appended\n    const colsToAppend: TypescriptColumn[] = [];\n\n    if (isExpandable) colsToPrepend.push(expandRowColumn);\n    if (selection && !noSelectionColumn) {\n      if (selectSingle) colsToPrepend.push(singleSelectColumn);\n      else colsToPrepend.push(multiSelectColumn);\n    }\n    if (dragAndDropRows) colsToPrepend.push(dragHandleColumn);\n    if (renderRowActions) colsToAppend.push(actionColumn(renderRowActions));\n\n    // Prepend or append all the columns that were not extended by the user\n    colsToPrepend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.unshift(col);\n    });\n    colsToAppend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);\n    });\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,eAAe;AAGnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,MAAM,iBAAiB,CAAC,YAA4D;AAClF,QAAM,gBAAgB,CACpB,QACA,OACA,WAA0B,MAC1B,QAAQ,MACqB;AAC7B,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,UAAM,EAAE,SAAS,iBAAiB,aAAa,IAAI;AACnD,UAAM,SAAmC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,KAAK,UAA+B;AAAA,IACtC;AACA,QAAI;AAAc,aAAO,UAAU,aAAa,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACpG,WAAO;AAAA,EACT;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,2BAA2B,CAAC,SAA6B,QAC7D,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,IAAI,EAAE;AAE/C,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,QAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAGrD,QAAM,gBAAoC,CAAC;AAE3C,QAAM,eAAmC,CAAC;AAE1C,MAAI;AAAc,kBAAc,KAAK,eAAe;AACpD,MAAI,aAAa,CAAC,mBAAmB;AACnC,QAAI;AAAc,oBAAc,KAAK,kBAAkB;AAAA;AAClD,oBAAc,KAAK,iBAAiB;AAAA,EAC3C;AACA,MAAI;AAAiB,kBAAc,KAAK,gBAAgB;AACxD,MAAI;AAAkB,iBAAa,KAAK,aAAa,gBAAgB,CAAC;AAGtE,gBAAc,QAAQ,CAAC,QAAQ;AAC7B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,QAAQ,GAAG;AAAA,EACtF,CAAC;AACD,eAAa,QAAQ,CAAC,QAAQ;AAC5B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,KAAK,GAAG;AAAA,EACnF,CAAC;AAED,SAAO;AACT,GAAG,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB,gBAAgB,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport type { InternalTypescriptColumn, TypescriptColumn, TypescriptProps } from '../types/props.js';\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns/index.js';\n\ntype UseTableColsWithAddonsType = (config: TypescriptProps) => InternalTypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): InternalTypescriptColumn[] => {\n  const augmentColumn = (\n    column: TypescriptColumn,\n    index: number,\n    parentId: string | null = null,\n    depth = 0,\n  ): InternalTypescriptColumn => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    const { columns: childColumns, ...restOfColumn } = column;\n    const newCol: InternalTypescriptColumn = {\n      id,\n      parentId,\n      depth,\n      ...restOfColumn,\n      ref: createRef<HTMLTableColElement>() as React.MutableRefObject<HTMLTableColElement>,\n    };\n    if (childColumns) newCol.columns = childColumns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return newCol;\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst isColumnInArrayOfColumns = (columns: TypescriptColumn[], col: TypescriptColumn) =>\n  columns.some((column) => column.id === col.id);\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    // Columns to be prepended\n    const colsToPrepend: TypescriptColumn[] = [];\n    // Columns to be appended\n    const colsToAppend: TypescriptColumn[] = [];\n\n    if (isExpandable) colsToPrepend.push(expandRowColumn);\n    if (selection && !noSelectionColumn) {\n      if (selectSingle) colsToPrepend.push(singleSelectColumn);\n      else colsToPrepend.push(multiSelectColumn);\n    }\n    if (dragAndDropRows) colsToPrepend.push(dragHandleColumn);\n    if (renderRowActions) colsToAppend.push(actionColumn(renderRowActions));\n\n    // Prepend or append all the columns that were not extended by the user\n    colsToPrepend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.unshift(col);\n    });\n    colsToAppend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);\n    });\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,eAAe;AAEnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,MAAM,iBAAiB,CAAC,YAA4D;AAClF,QAAM,gBAAgB,CACpB,QACA,OACA,WAA0B,MAC1B,QAAQ,MACqB;AAC7B,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,UAAM,EAAE,SAAS,cAAc,GAAG,aAAa,IAAI;AACnD,UAAM,SAAmC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,KAAK,UAA+B;AAAA,IACtC;AACA,QAAI;AAAc,aAAO,UAAU,aAAa,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACpG,WAAO;AAAA,EACT;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,2BAA2B,CAAC,SAA6B,QAC7D,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,IAAI,EAAE;AAE/C,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,QAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAGrD,QAAM,gBAAoC,CAAC;AAE3C,QAAM,eAAmC,CAAC;AAE1C,MAAI;AAAc,kBAAc,KAAK,eAAe;AACpD,MAAI,aAAa,CAAC,mBAAmB;AACnC,QAAI;AAAc,oBAAc,KAAK,kBAAkB;AAAA;AAClD,oBAAc,KAAK,iBAAiB;AAAA,EAC3C;AACA,MAAI;AAAiB,kBAAc,KAAK,gBAAgB;AACxD,MAAI;AAAkB,iBAAa,KAAK,aAAa,gBAAgB,CAAC;AAGtE,gBAAc,QAAQ,CAAC,QAAQ;AAC7B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,QAAQ,GAAG;AAAA,EACtF,CAAC;AACD,eAAa,QAAQ,CAAC,QAAQ;AAC5B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,KAAK,GAAG;AAAA,EACnF,CAAC;AAED,SAAO;AACT,GAAG,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB,gBAAgB,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useContext, useLayoutEffect } from "react";
-import { StyledPencilIcon, StyledEditableContainer } from "../styled";
-import { DataTableContext } from "../DataTableContext";
+import { StyledPencilIcon, StyledEditableContainer } from "../styled.js";
+import { DataTableContext } from "../DataTableContext.js";
 const EditableCell = (props) => {
   const { StandardRender, EditableRenderer, cell, isRowSelected } = props;
   const { virtualListHelpers } = useContext(DataTableContext);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/EditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled.js';\nimport { DataTableContext } from '../DataTableContext.js';\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"],
   "mappings": "AAAA,YAAY,WAAW;ACkEF,cACf,YADe;AAlErB,SAAgB,UAAU,aAAa,YAAY,uBAAuB;AAC1E,SAAS,kBAAkB,+BAA+B;AAC1D,SAAS,wBAAwB;AAE1B,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,EAAE,mBAAmB,IAAI,WAAW,gBAAgB;AAE1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,CAAC,WAAW;AACd,UAAE,gBAAgB;AAClB,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,UAAuB;AACtB,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,MAC5C,KAAK,KAAK;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,uBAAuB,KAAK,OAAO;AAAA,MACnC,MAAK;AAAA,MACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,MAE7C;AAAA,SAAC,YAAY,iBAAiB;AAAA,QAC9B,CAAC,aAAa,oBAAC,oBAAiB;AAAA,QACjC,qBAAC,UAAK,IAAI,KAAK,IAAI,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,QACxD;AAAA,eAAK;AAAA,UAAM;AAAA,WACd;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js

@@ -4,8 +4,8 @@ import { useState, useContext, useCallback, useMemo } from "react";
 import { DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu";
 import { DSButtonV2, BUTTON_TYPES } from "@elliemae/ds-button";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { DataTableContext } from "../../DataTableContext";
-import { DATA_TESTID } from "../../configs";
+import { DataTableContext } from "../../DataTableContext.js";
+import { DATA_TESTID } from "../../configs/index.js";
 const FilterBarDropdownMenu = (props) => {
   const {
     tableProps: { onFiltersChange }

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/FilterBarDropdownMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useContext, useCallback, useMemo } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DataTableContext } from '../../DataTableContext';\nimport { DATA_TESTID } from '../../configs';\n\ninterface FilterBarDropdownMenuProps {\n  options?: unknown[];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n}\n\nexport const FilterBarDropdownMenu: React.ComponentType<FilterBarDropdownMenuProps> = (props) => {\n  const {\n    tableProps: { onFiltersChange },\n  } = useContext(DataTableContext);\n  const [isOpened, setIsOpened] = useState(false);\n\n  const { options: extraOptions = [], innerRef, ...restProps } = props;\n  const removeFilters = useCallback(() => {\n    onFiltersChange([]);\n    setIsOpened(false);\n    innerRef?.current?.focus?.();\n  }, [innerRef, onFiltersChange]);\n\n  const options = useMemo(\n    () => [\n      {\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        type: 'action',\n        onClick: removeFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) removeFilters();\n        },\n      },\n      ...extraOptions,\n    ],\n    [extraOptions, removeFilters],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <DSDropdownMenuV2\n        isOpened={isOpened}\n        startPlacementPreference=\"bottom-end\"\n        options={options}\n        onClickOutside={() => {\n          setIsOpened(false);\n        }}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (e.code === 'Escape') innerRef?.current?.focus?.();\n        }}\n      >\n        <DSButtonV2\n          buttonType={BUTTON_TYPES.ICON}\n          onClick={() => setIsOpened((prevOpened) => !prevOpened)}\n          innerRef={innerRef}\n          aria-label=\"Filter bar addon\"\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n          {...restProps}\n        >\n          <MoreOptionsVert />\n        </DSButtonV2>\n      </DSDropdownMenuV2>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8Db;AA9DV,SAAgB,UAAU,YAAY,aAAa,eAAe;AAClE,SAAS,wBAAwB;AACjC,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAOrB,MAAM,wBAAyE,CAAC,UAAU;AAC/F,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,EAChC,IAAI,WAAW,gBAAgB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,eAAe,CAAC,GAAG,aAAa,UAAU,IAAI;AAC/D,QAAM,gBAAgB,YAAY,MAAM;AACtC,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI;AAAG,0BAAc;AAAA,QACzD;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,0BAAyB;AAAA,MACzB;AAAA,MACA,gBAAgB,MAAM;AACpB,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,WAAW,CAAC,MAA2B;AACrC,YAAI,EAAE,SAAS;AAAU,oBAAU,SAAS,QAAQ;AAAA,MACtD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY,aAAa;AAAA,UACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,UACtD;AAAA,UACA,cAAW;AAAA,UACX,eAAa,YAAY;AAAA,UACxB,GAAG;AAAA,UAEJ,8BAAC,mBAAgB;AAAA;AAAA,MACnB;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useContext, useCallback, useMemo } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DataTableContext } from '../../DataTableContext.js';\nimport { DATA_TESTID } from '../../configs/index.js';\n\ninterface FilterBarDropdownMenuProps {\n  options?: unknown[];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n}\n\nexport const FilterBarDropdownMenu: React.ComponentType<FilterBarDropdownMenuProps> = (props) => {\n  const {\n    tableProps: { onFiltersChange },\n  } = useContext(DataTableContext);\n  const [isOpened, setIsOpened] = useState(false);\n\n  const { options: extraOptions = [], innerRef, ...restProps } = props;\n  const removeFilters = useCallback(() => {\n    onFiltersChange([]);\n    setIsOpened(false);\n    innerRef?.current?.focus?.();\n  }, [innerRef, onFiltersChange]);\n\n  const options = useMemo(\n    () => [\n      {\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        type: 'action',\n        onClick: removeFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) removeFilters();\n        },\n      },\n      ...extraOptions,\n    ],\n    [extraOptions, removeFilters],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <DSDropdownMenuV2\n        isOpened={isOpened}\n        startPlacementPreference=\"bottom-end\"\n        options={options}\n        onClickOutside={() => {\n          setIsOpened(false);\n        }}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (e.code === 'Escape') innerRef?.current?.focus?.();\n        }}\n      >\n        <DSButtonV2\n          buttonType={BUTTON_TYPES.ICON}\n          onClick={() => setIsOpened((prevOpened) => !prevOpened)}\n          innerRef={innerRef}\n          aria-label=\"Filter bar addon\"\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n          {...restProps}\n        >\n          <MoreOptionsVert />\n        </DSButtonV2>\n      </DSDropdownMenuV2>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8Db;AA9DV,SAAgB,UAAU,YAAY,aAAa,eAAe;AAClE,SAAS,wBAAwB;AACjC,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAOrB,MAAM,wBAAyE,CAAC,UAAU;AAC/F,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,EAChC,IAAI,WAAW,gBAAgB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,eAAe,CAAC,GAAG,UAAU,GAAG,UAAU,IAAI;AAC/D,QAAM,gBAAgB,YAAY,MAAM;AACtC,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI;AAAG,0BAAc;AAAA,QACzD;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,0BAAyB;AAAA,MACzB;AAAA,MACA,gBAAgB,MAAM;AACpB,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,WAAW,CAAC,MAA2B;AACrC,YAAI,EAAE,SAAS;AAAU,oBAAU,SAAS,QAAQ;AAAA,MACtD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY,aAAa;AAAA,UACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,UACtD;AAAA,UACA,cAAW;AAAA,UACX,eAAa,YAAY;AAAA,UACxB,GAAG;AAAA,UAEJ,8BAAC,mBAAgB;AAAA;AAAA,MACnB;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/FilterBar/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./FilterBarDropdownMenu";
+export * from "./FilterBarDropdownMenu.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/FilterBar/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './FilterBarDropdownMenu';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './FilterBarDropdownMenu.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/exported-related/FilterPopover/index.js

@@ -5,10 +5,10 @@ import { DSButtonV2 } from "@elliemae/ds-button";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
 import { styled } from "@elliemae/ds-system";
 import { mergeRefs } from "@elliemae/ds-utilities";
-import { DataTableContext } from "../../DataTableContext";
-import { DATA_TESTID } from "../../configs/constants";
-import { useGetFilterVisibility } from "./useGetFilterVisibility";
-import { useGetFilterHandlers } from "./useGetFilterHandlers";
+import { DataTableContext } from "../../DataTableContext.js";
+import { DATA_TESTID } from "../../configs/constants.js";
+import { useGetFilterVisibility } from "./useGetFilterVisibility.js";
+import { useGetFilterHandlers } from "./useGetFilterHandlers.js";
 const FilterButton = styled.span`
   display: inline-grid;
   ${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}

package/dist/esm/exported-related/FilterPopover/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterPopover/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { styled } from '@elliemae/ds-system';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { DataTableContext } from '../../DataTableContext';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { useGetFilterVisibility } from './useGetFilterVisibility';\nimport type { FilterPopoverProps } from './types';\nimport { useGetFilterHandlers } from './useGetFilterHandlers';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst PopperContent = styled.div`\n  background-color: #fff;\n`;\n\nconst ButtonTrap = ({ cb }: { cb: () => void }) => (\n  <span\n    aria-hidden=\"true\"\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n    tabIndex={0}\n    onFocus={(e: React.FocusEvent) => {\n      e.stopPropagation();\n      cb();\n    }}\n  />\n);\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = (props: FilterPopoverProps) => {\n  const { column, customStyles, reduxHeader, menuContent, columnId, ariaLabel, triggerIcon, innerRef } = props;\n\n  const { patchHeader } = useContext(DataTableContext);\n\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const buttonTrapCallback = useCallback(() => {\n    patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n    buttonReference?.focus();\n  }, [columnId, patchHeader, buttonReference]);\n\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n        <DSButtonV2\n          buttonType=\"icon\"\n          size=\"s\"\n          onClick={handleTriggerClick}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n        >\n          {triggerIcon}\n        </DSButtonV2>\n      </FilterButton>\n      {buttonReference && (\n        <DSPopperJS\n          referenceElement={buttonReference}\n          showPopover={isMenuOpen}\n          closeContextMenu={handleClickOutsideMenu}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          startPlacementPreference=\"bottom-end\"\n          customOffset={[5, 4]}\n          withoutArrow\n          withoutAnimation\n          extraPopperStyles={{\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          placementOrderPreference={['bottom-end']}\n        >\n          <PopperContent>\n            <ButtonTrap cb={buttonTrapCallback} />\n            {menuContent}\n            <ButtonTrap cb={buttonTrapCallback} />\n          </PopperContent>\n        </DSPopperJS>\n      )}\n    </div>\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { styled } from '@elliemae/ds-system';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { DataTableContext } from '../../DataTableContext.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { useGetFilterVisibility } from './useGetFilterVisibility.js';\nimport type { FilterPopoverProps } from './types.js';\nimport { useGetFilterHandlers } from './useGetFilterHandlers.js';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst PopperContent = styled.div`\n  background-color: #fff;\n`;\n\nconst ButtonTrap = ({ cb }: { cb: () => void }) => (\n  <span\n    aria-hidden=\"true\"\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n    tabIndex={0}\n    onFocus={(e: React.FocusEvent) => {\n      e.stopPropagation();\n      cb();\n    }}\n  />\n);\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = (props: FilterPopoverProps) => {\n  const { column, customStyles, reduxHeader, menuContent, columnId, ariaLabel, triggerIcon, innerRef } = props;\n\n  const { patchHeader } = useContext(DataTableContext);\n\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const buttonTrapCallback = useCallback(() => {\n    patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n    buttonReference?.focus();\n  }, [columnId, patchHeader, buttonReference]);\n\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n        <DSButtonV2\n          buttonType=\"icon\"\n          size=\"s\"\n          onClick={handleTriggerClick}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n        >\n          {triggerIcon}\n        </DSButtonV2>\n      </FilterButton>\n      {buttonReference && (\n        <DSPopperJS\n          referenceElement={buttonReference}\n          showPopover={isMenuOpen}\n          closeContextMenu={handleClickOutsideMenu}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          startPlacementPreference=\"bottom-end\"\n          customOffset={[5, 4]}\n          withoutArrow\n          withoutAnimation\n          extraPopperStyles={{\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          placementOrderPreference={['bottom-end']}\n        >\n          <PopperContent>\n            <ButtonTrap cb={buttonTrapCallback} />\n            {menuContent}\n            <ButtonTrap cb={buttonTrapCallback} />\n          </PopperContent>\n        </DSPopperJS>\n      )}\n    </div>\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACsBrB,cAmEQ,YAnER;AArBF,SAAgB,aAAa,YAAY,gBAAgB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AAErC,MAAM,eAAe,OAAO;AAAA;AAAA,IAExB,CAAC,UAAW,MAAM,OAAO,yCAAyC;AAAA;AAGtE,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAI7B,MAAM,aAAa,CAAC,EAAE,GAAG,MACvB;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IAEZ,UAAU;AAAA,IACV,SAAS,CAAC,MAAwB;AAChC,QAAE,gBAAgB;AAClB,SAAG;AAAA,IACL;AAAA;AACF;AAGK,MAAM,gBAAyD,CAAC,UAA8B;AACnG,QAAM,EAAE,QAAQ,cAAc,aAAa,aAAa,UAAU,WAAW,aAAa,SAAS,IAAI;AAEvG,QAAM,EAAE,YAAY,IAAI,WAAW,gBAAgB;AAEnD,QAAM,EAAE,eAAe,WAAW,IAAI,uBAAuB,WAAW;AAExE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAmC,IAAI;AAErF,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,EAAE,oBAAoB,wBAAwB,qBAAqB,sBAAsB,oBAAoB,IACjH,qBAAqB,OAAO,YAAY,iBAAiB,kBAAkB;AAE7E,QAAM,qBAAqB,YAAY,MAAM;AAC3C,gBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACvE,qBAAiB,MAAM;AAAA,EACzB,GAAG,CAAC,UAAU,aAAa,eAAe,CAAC;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC,WAAW;AAAA,MAEX;AAAA,4BAAC,gBAAa,MAAM,CAAC,eAAe,eAAa,YAAY,0BAC3D;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,MAAK;AAAA,YACL,SAAS;AAAA,YACT,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,UAAU,UAAU,iBAAiB,oBAAoB,QAAQ;AAAA,YACjE,UAAU,aAAa,eAAe,IAAI;AAAA,YAC1C,cAAY;AAAA,YACZ,eAAa,CAAC;AAAA,YAEb;AAAA;AAAA,QACH,GACF;AAAA,QACC,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB;AAAA,YAClB,aAAa;AAAA,YACb,kBAAkB;AAAA,YAClB,eAAa,YAAY;AAAA,YACzB,0BAAyB;AAAA,YACzB,cAAc,CAAC,GAAG,CAAC;AAAA,YACnB,cAAY;AAAA,YACZ,kBAAgB;AAAA,YAChB,mBAAmB;AAAA,cACjB,GAAG;AAAA,cACH,UAAU,OAAO,KAAK,SAAS,eAAe;AAAA,YAChD;AAAA,YACA,0BAA0B,CAAC,YAAY;AAAA,YAEvC,+BAAC,iBACC;AAAA,kCAAC,cAAW,IAAI,oBAAoB;AAAA,cACnC;AAAA,cACD,oBAAC,cAAW,IAAI,oBAAoB;AAAA,eACtC;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/FilterPopover/useGetFilterHandlers.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback, useContext, useEffect } from "react";
-import { DataTableContext } from "../../DataTableContext";
+import { DataTableContext } from "../../DataTableContext.js";
 const emptyFunc = () => null;
 const useGetFilterHandlers = (props, isMenuOpen, buttonReference, setIsButtonFocused) => {
   const { columnId, onTriggerClick = emptyFunc, onClickOutsideMenu = emptyFunc } = props;

package/dist/esm/exported-related/FilterPopover/useGetFilterHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterPopover/useGetFilterHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type React from 'react';\nimport { useCallback, useContext, useEffect } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport type { FilterPopoverProps } from './types';\n\nconst emptyFunc = () => null;\n\nexport const useGetFilterHandlers = (\n  props: FilterPopoverProps,\n  isMenuOpen: boolean,\n  buttonReference: HTMLButtonElement | null,\n  setIsButtonFocused: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  const { columnId, onTriggerClick = emptyFunc, onClickOutsideMenu = emptyFunc } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  useEffect(() => {\n    const closeMenu = () => {\n      patchHeaderFilterButtonAndMenu(columnId, true);\n    };\n    window.addEventListener('blur', closeMenu);\n\n    return () => {\n      window.removeEventListener('blur', closeMenu);\n    };\n  }, [columnId, patchHeaderFilterButtonAndMenu]);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent) => {\n      onTriggerClick(columnId, e);\n      patchHeader(columnId, { hideFilterMenu: isMenuOpen, hideFilterButton: false });\n      e.stopPropagation();\n    },\n    [columnId, isMenuOpen, onTriggerClick, patchHeader],\n  );\n\n  const handleTriggerOnFocus = useCallback(() => setIsButtonFocused(true), [setIsButtonFocused]);\n  const handleTriggerOnBlur = useCallback(() => setIsButtonFocused(false), [setIsButtonFocused]);\n\n  const handleClickOutsideMenu = () => {\n    onClickOutsideMenu(columnId);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  };\n\n  const handleMenuOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.code === 'Escape') {\n        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n        buttonReference?.focus();\n      }\n      // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n      // so we just prevent default behaviour in this case\n      if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        e.preventDefault();\n      }\n    },\n    [buttonReference, columnId, patchHeader],\n  );\n\n  return { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type React from 'react';\nimport { useCallback, useContext, useEffect } from 'react';\nimport { DataTableContext } from '../../DataTableContext.js';\nimport type { FilterPopoverProps } from './types.js';\n\nconst emptyFunc = () => null;\n\nexport const useGetFilterHandlers = (\n  props: FilterPopoverProps,\n  isMenuOpen: boolean,\n  buttonReference: HTMLButtonElement | null,\n  setIsButtonFocused: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  const { columnId, onTriggerClick = emptyFunc, onClickOutsideMenu = emptyFunc } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  useEffect(() => {\n    const closeMenu = () => {\n      patchHeaderFilterButtonAndMenu(columnId, true);\n    };\n    window.addEventListener('blur', closeMenu);\n\n    return () => {\n      window.removeEventListener('blur', closeMenu);\n    };\n  }, [columnId, patchHeaderFilterButtonAndMenu]);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent) => {\n      onTriggerClick(columnId, e);\n      patchHeader(columnId, { hideFilterMenu: isMenuOpen, hideFilterButton: false });\n      e.stopPropagation();\n    },\n    [columnId, isMenuOpen, onTriggerClick, patchHeader],\n  );\n\n  const handleTriggerOnFocus = useCallback(() => setIsButtonFocused(true), [setIsButtonFocused]);\n  const handleTriggerOnBlur = useCallback(() => setIsButtonFocused(false), [setIsButtonFocused]);\n\n  const handleClickOutsideMenu = () => {\n    onClickOutsideMenu(columnId);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  };\n\n  const handleMenuOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.code === 'Escape') {\n        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n        buttonReference?.focus();\n      }\n      // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n      // so we just prevent default behaviour in this case\n      if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        e.preventDefault();\n      }\n    },\n    [buttonReference, columnId, patchHeader],\n  );\n\n  return { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,aAAa,YAAY,iBAAiB;AACnD,SAAS,wBAAwB;AAGjC,MAAM,YAAY,MAAM;AAEjB,MAAM,uBAAuB,CAClC,OACA,YACA,iBACA,uBACG;AACH,QAAM,EAAE,UAAU,iBAAiB,WAAW,qBAAqB,UAAU,IAAI;AAEjF,QAAM,EAAE,gCAAgC,YAAY,IAAI,WAAW,gBAAgB;AAEnF,YAAU,MAAM;AACd,UAAM,YAAY,MAAM;AACtB,qCAA+B,UAAU,IAAI;AAAA,IAC/C;AACA,WAAO,iBAAiB,QAAQ,SAAS;AAEzC,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,SAAS;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,UAAU,8BAA8B,CAAC;AAE7C,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAAwB;AACvB,qBAAe,UAAU,CAAC;AAC1B,kBAAY,UAAU,EAAE,gBAAgB,YAAY,kBAAkB,MAAM,CAAC;AAC7E,QAAE,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,YAAY,gBAAgB,WAAW;AAAA,EACpD;AAEA,QAAM,uBAAuB,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,kBAAkB,CAAC;AAC7F,QAAM,sBAAsB,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,kBAAkB,CAAC;AAE7F,QAAM,yBAAyB,MAAM;AACnC,uBAAmB,QAAQ;AAC3B,QAAI;AAAY,qCAA+B,UAAU,IAAI;AAAA,EAC/D;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAA2B;AAC1B,QAAE,gBAAgB;AAClB,UAAI,EAAE,SAAS,UAAU;AACvB,oBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB,MAAM,CAAC;AACvE,yBAAiB,MAAM;AAAA,MACzB;AAGA,UAAI,CAAC,WAAW,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG;AAC7C,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,UAAU,WAAW;AAAA,EACzC;AAEA,SAAO,EAAE,oBAAoB,wBAAwB,qBAAqB,sBAAsB,oBAAoB;AACtH;",
   "names": []
 }

package/dist/esm/exported-related/FilterPopover/useGetFilterVisibility.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterPopover/useGetFilterVisibility.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { ReduxHeader } from '../../types/props';\n\nexport const useGetFilterVisibility = (reduxHeader: ReduxHeader) => {\n  const { hideFilterButton, hideFilterMenu } = useMemo(\n    () =>\n      reduxHeader || {\n        hideFilterButton: true,\n        hideFilterMenu: true,\n      },\n    [reduxHeader],\n  );\n\n  return useMemo(\n    () => ({\n      isIconVisible: !hideFilterButton || !hideFilterMenu,\n      isMenuOpen: !hideFilterMenu,\n    }),\n    [hideFilterButton, hideFilterMenu],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { ReduxHeader } from '../../types/props.js';\n\nexport const useGetFilterVisibility = (reduxHeader: ReduxHeader) => {\n  const { hideFilterButton, hideFilterMenu } = useMemo(\n    () =>\n      reduxHeader || {\n        hideFilterButton: true,\n        hideFilterMenu: true,\n      },\n    [reduxHeader],\n  );\n\n  return useMemo(\n    () => ({\n      isIconVisible: !hideFilterButton || !hideFilterMenu,\n      isMenuOpen: !hideFilterMenu,\n    }),\n    [hideFilterButton, hideFilterMenu],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAGjB,MAAM,yBAAyB,CAAC,gBAA6B;AAClE,QAAM,EAAE,kBAAkB,eAAe,IAAI;AAAA,IAC3C,MACE,eAAe;AAAA,MACb,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,IAClB;AAAA,IACF,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,eAAe,CAAC,oBAAoB,CAAC;AAAA,MACrC,YAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,kBAAkB,cAAc;AAAA,EACnC;AACF;",
   "names": []
 }

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js

@@ -1,12 +1,12 @@
 import * as React from "react";
-import { singleSelectFilterFn } from "./singleSelectFilterFn";
-import { multiSelectFilterFn } from "./multiSelectFilterFn";
-import { singleDateFilterFn } from "./singleDateFilterFn";
-import { dateRangeFilterFn } from "./dateRangeFilterFn";
-import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn";
-import { numberRangeFilterFn } from "./numberRangeFilterFn";
-import { currencyRangeFilterFn } from "./currencyRangeFilterFn";
-import { FILTER_TYPES } from "../FilterTypes";
+import { singleSelectFilterFn } from "./singleSelectFilterFn.js";
+import { multiSelectFilterFn } from "./multiSelectFilterFn.js";
+import { singleDateFilterFn } from "./singleDateFilterFn.js";
+import { dateRangeFilterFn } from "./dateRangeFilterFn.js";
+import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn.js";
+import { numberRangeFilterFn } from "./numberRangeFilterFn.js";
+import { currencyRangeFilterFn } from "./currencyRangeFilterFn.js";
+import { FILTER_TYPES } from "../FilterTypes.js";
 const filterMapper = {
   [FILTER_TYPES.SELECT]: singleSelectFilterFn,
   [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/applyOutOfTheBoxFilters.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { singleSelectFilterFn } from './singleSelectFilterFn';\nimport { multiSelectFilterFn } from './multiSelectFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\nimport { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { dateSwitcherFilterFn } from './dateSwitcherFilterFn';\nimport { numberRangeFilterFn } from './numberRangeFilterFn';\nimport { currencyRangeFilterFn } from './currencyRangeFilterFn';\nimport type { FilterFn } from './types';\nimport { FILTER_TYPES } from '../FilterTypes';\nimport type { TypescriptAppliedFilter, TypescriptRow } from '../../types/props';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst filterMapper: Record<string, FilterFn<any>> = {\n  [FILTER_TYPES.SELECT]: singleSelectFilterFn,\n  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,\n  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,\n  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,\n  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,\n  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,\n  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn,\n};\n\nexport const applyOutOfTheBoxFilters = (data: TypescriptRow[], filters: TypescriptAppliedFilter[]): TypescriptRow[] => {\n  let filteredData = data;\n\n  filters.forEach((filter) => {\n    if (filter.type in filterMapper) {\n      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);\n    }\n  });\n\n  return filteredData;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AAEtC,SAAS,oBAAoB;AAI7B,MAAM,eAA8C;AAAA,EAClD,CAAC,aAAa,SAAS;AAAA,EACvB,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,cAAc;AAAA,EAC5B,CAAC,aAAa,aAAa;AAAA,EAC3B,CAAC,aAAa,gBAAgB;AAAA,EAC9B,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,iBAAiB;AACjC;AAEO,MAAM,0BAA0B,CAAC,MAAuB,YAAwD;AACrH,MAAI,eAAe;AAEnB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO,QAAQ,cAAc;AAC/B,qBAAe,aAAa,OAAO,MAAM,cAAc,OAAO,IAAI,OAAO,KAAK;AAAA,IAChF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { singleSelectFilterFn } from './singleSelectFilterFn.js';\nimport { multiSelectFilterFn } from './multiSelectFilterFn.js';\nimport { singleDateFilterFn } from './singleDateFilterFn.js';\nimport { dateRangeFilterFn } from './dateRangeFilterFn.js';\nimport { dateSwitcherFilterFn } from './dateSwitcherFilterFn.js';\nimport { numberRangeFilterFn } from './numberRangeFilterFn.js';\nimport { currencyRangeFilterFn } from './currencyRangeFilterFn.js';\nimport type { FilterFn } from './types.js';\nimport { FILTER_TYPES } from '../FilterTypes.js';\nimport type { TypescriptAppliedFilter, TypescriptRow } from '../../types/props.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst filterMapper: Record<string, FilterFn<any>> = {\n  [FILTER_TYPES.SELECT]: singleSelectFilterFn,\n  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,\n  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,\n  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,\n  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,\n  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,\n  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn,\n};\n\nexport const applyOutOfTheBoxFilters = (data: TypescriptRow[], filters: TypescriptAppliedFilter[]): TypescriptRow[] => {\n  let filteredData = data;\n\n  filters.forEach((filter) => {\n    if (filter.type in filterMapper) {\n      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);\n    }\n  });\n\n  return filteredData;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AAEtC,SAAS,oBAAoB;AAI7B,MAAM,eAA8C;AAAA,EAClD,CAAC,aAAa,MAAM,GAAG;AAAA,EACvB,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,WAAW,GAAG;AAAA,EAC5B,CAAC,aAAa,UAAU,GAAG;AAAA,EAC3B,CAAC,aAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,cAAc,GAAG;AACjC;AAEO,MAAM,0BAA0B,CAAC,MAAuB,YAAwD;AACrH,MAAI,eAAe;AAEnB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO,QAAQ,cAAc;AAC/B,qBAAe,aAAa,OAAO,IAAI,EAAE,cAAc,OAAO,IAAI,OAAO,KAAK;AAAA,IAChF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/dist/esm/exported-related/Filters/currencyRangeFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/currencyRangeFilterFn.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FilterFn } from './types';\n\nconst getNumber = (str) => {\n  if (str === null) return null;\n  if (typeof str === 'number') return str;\n  if (typeof str !== 'string') return null;\n  return Number.parseFloat(\n    str\n      .split('')\n      .filter((x) => ![',', '$'].includes(x))\n      .join(''),\n  );\n};\n\nconst isEmpty = (number) => Number.isNaN(number) || number === null || number === undefined;\n\nexport const currencyRangeFilterFn: FilterFn<{ from: string; to: string }> = (\n  unfilteredData,\n  filterKey,\n  filterValue,\n) => {\n  const fromNumber = getNumber(filterValue.from);\n  const toNumber = getNumber(filterValue.to);\n\n  return unfilteredData.filter(\n    (datum) =>\n      isEmpty(fromNumber) ||\n      isEmpty(toNumber) ||\n      (getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber),\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,YAAY,CAAC,QAAQ;AACzB,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,SAAO,OAAO;AAAA,IACZ,IACG,MAAM,EAAE,EACR,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,EAAE,SAAS,CAAC,CAAC,EACrC,KAAK,EAAE;AAAA,EACZ;AACF;AAEA,MAAM,UAAU,CAAC,WAAW,OAAO,MAAM,MAAM,KAAK,WAAW,QAAQ,WAAW;AAE3E,MAAM,wBAAgE,CAC3E,gBACA,WACA,gBACG;AACH,QAAM,aAAa,UAAU,YAAY,IAAI;AAC7C,QAAM,WAAW,UAAU,YAAY,EAAE;AAEzC,SAAO,eAAe;AAAA,IACpB,CAAC,UACC,QAAQ,UAAU,KAClB,QAAQ,QAAQ,KACf,UAAU,MAAM,UAAU,KAAK,cAAc,UAAU,MAAM,UAAU,KAAK;AAAA,EACjF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FilterFn } from './types.js';\n\nconst getNumber = (str) => {\n  if (str === null) return null;\n  if (typeof str === 'number') return str;\n  if (typeof str !== 'string') return null;\n  return Number.parseFloat(\n    str\n      .split('')\n      .filter((x) => ![',', '$'].includes(x))\n      .join(''),\n  );\n};\n\nconst isEmpty = (number) => Number.isNaN(number) || number === null || number === undefined;\n\nexport const currencyRangeFilterFn: FilterFn<{ from: string; to: string }> = (\n  unfilteredData,\n  filterKey,\n  filterValue,\n) => {\n  const fromNumber = getNumber(filterValue.from);\n  const toNumber = getNumber(filterValue.to);\n\n  return unfilteredData.filter(\n    (datum) =>\n      isEmpty(fromNumber) ||\n      isEmpty(toNumber) ||\n      (getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber),\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,YAAY,CAAC,QAAQ;AACzB,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,SAAO,OAAO;AAAA,IACZ,IACG,MAAM,EAAE,EACR,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,EAAE,SAAS,CAAC,CAAC,EACrC,KAAK,EAAE;AAAA,EACZ;AACF;AAEA,MAAM,UAAU,CAAC,WAAW,OAAO,MAAM,MAAM,KAAK,WAAW,QAAQ,WAAW;AAE3E,MAAM,wBAAgE,CAC3E,gBACA,WACA,gBACG;AACH,QAAM,aAAa,UAAU,YAAY,IAAI;AAC7C,QAAM,WAAW,UAAU,YAAY,EAAE;AAEzC,SAAO,eAAe;AAAA,IACpB,CAAC,UACC,QAAQ,UAAU,KAClB,QAAQ,QAAQ,KACf,UAAU,MAAM,SAAS,CAAC,KAAK,cAAc,UAAU,MAAM,SAAS,CAAC,KAAK;AAAA,EACjF;AACF;",
   "names": []
 }

package/dist/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { isSameOrAfter, isSameOrBefore } from "./utilities";
+import { isSameOrAfter, isSameOrBefore } from "./utilities.js";
 const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(
   (datum) => !(filterValue?.startDate && filterValue?.endDate) || isSameOrBefore(filterValue?.startDate, datum[filterKey]) && isSameOrAfter(filterValue?.endDate, datum[filterKey])
 );

package/dist/esm/exported-related/Filters/dateRangeFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateRangeFilterFn.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FilterFn } from './types';\nimport { isSameOrAfter, isSameOrBefore } from './utilities';\n\nexport const dateRangeFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n}> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      !(filterValue?.startDate && filterValue?.endDate) ||\n      (isSameOrBefore(filterValue?.startDate, datum[filterKey] as string) &&\n        isSameOrAfter(filterValue?.endDate, datum[filterKey] as string)),\n  );\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe,sBAAsB;AAEvC,MAAM,oBAGR,CAAC,gBAAgB,WAAW,gBAC/B,eAAe;AAAA,EACb,CAAC,UACC,EAAE,aAAa,aAAa,aAAa,YACxC,eAAe,aAAa,WAAW,MAAM,UAAoB,KAChE,cAAc,aAAa,SAAS,MAAM,UAAoB;AACpE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FilterFn } from './types.js';\nimport { isSameOrAfter, isSameOrBefore } from './utilities.js';\n\nexport const dateRangeFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n}> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      !(filterValue?.startDate && filterValue?.endDate) ||\n      (isSameOrBefore(filterValue?.startDate, datum[filterKey] as string) &&\n        isSameOrAfter(filterValue?.endDate, datum[filterKey] as string)),\n  );\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe,sBAAsB;AAEvC,MAAM,oBAGR,CAAC,gBAAgB,WAAW,gBAC/B,eAAe;AAAA,EACb,CAAC,UACC,EAAE,aAAa,aAAa,aAAa,YACxC,eAAe,aAAa,WAAW,MAAM,SAAS,CAAW,KAChE,cAAc,aAAa,SAAS,MAAM,SAAS,CAAW;AACpE;",
   "names": []
 }

package/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { dateRangeFilterFn } from "./dateRangeFilterFn";
-import { singleDateFilterFn } from "./singleDateFilterFn";
+import { dateRangeFilterFn } from "./dateRangeFilterFn.js";
+import { singleDateFilterFn } from "./singleDateFilterFn.js";
 const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
 export {
   dateSwitcherFilterFn

package/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateSwitcherFilterFn.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport type { FilterFn } from './types';\n\nexport const dateSwitcherFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n  isDateRange: boolean;\n}> = (unfilteredData, filterKey, filterValue) =>\n  filterValue.isDateRange\n    ? dateRangeFilterFn(unfilteredData, filterKey, filterValue)\n    : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { dateRangeFilterFn } from './dateRangeFilterFn.js';\nimport { singleDateFilterFn } from './singleDateFilterFn.js';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport type { FilterFn } from './types.js';\n\nexport const dateSwitcherFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n  isDateRange: boolean;\n}> = (unfilteredData, filterKey, filterValue) =>\n  filterValue.isDateRange\n    ? dateRangeFilterFn(unfilteredData, filterKey, filterValue)\n    : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAK5B,MAAM,uBAIR,CAAC,gBAAgB,WAAW,gBAC/B,YAAY,cACR,kBAAkB,gBAAgB,WAAW,WAAW,IACxD,mBAAmB,gBAAgB,WAAW,YAAY,SAAS;",
   "names": []
 }

package/dist/esm/exported-related/Filters/index.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-export * from "./applyOutOfTheBoxFilters";
-export * from "./singleDateFilterFn";
-export * from "./singleSelectFilterFn";
-export * from "./multiSelectFilterFn";
-export * from "./numberRangeFilterFn";
-export * from "./currencyRangeFilterFn";
-export * from "./dateRangeFilterFn";
+export * from "./applyOutOfTheBoxFilters.js";
+export * from "./singleDateFilterFn.js";
+export * from "./singleSelectFilterFn.js";
+export * from "./multiSelectFilterFn.js";
+export * from "./numberRangeFilterFn.js";
+export * from "./currencyRangeFilterFn.js";
+export * from "./dateRangeFilterFn.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/Filters/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './applyOutOfTheBoxFilters';\nexport * from './singleDateFilterFn';\nexport * from './singleSelectFilterFn';\nexport * from './multiSelectFilterFn';\nexport * from './numberRangeFilterFn';\nexport * from './currencyRangeFilterFn';\nexport * from './dateRangeFilterFn';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './applyOutOfTheBoxFilters.js';\nexport * from './singleDateFilterFn.js';\nexport * from './singleSelectFilterFn.js';\nexport * from './multiSelectFilterFn.js';\nexport * from './numberRangeFilterFn.js';\nexport * from './currencyRangeFilterFn.js';\nexport * from './dateRangeFilterFn.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }