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

package/dist/esm/configs/constants.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-const momentFormat = "MM/DD/YYYY";
-var ColsLayoutStyle = /* @__PURE__ */ ((ColsLayoutStyle2) => {
-  ColsLayoutStyle2["Fixed"] = "fixed";
-  ColsLayoutStyle2["Auto"] = "auto";
-  return ColsLayoutStyle2;
-})(ColsLayoutStyle || {});
-const DATA_TESTID = {
-  DATA_TABLE_WRAPPER: "data-table-wrapper",
-  DATA_TABLE_GLOBAL_EXPAND_CELL: "data-table-global-expand-cell",
-  DATA_TABLE_ICON_ARROW_DOWN: "ic-arrow-head-down",
-  DATA_TABLE_ICON_ARROW_RIGHT: "ic-arrow-head-right",
-  DATA_TABLE_ICON_ARROW_MIXED: "ic-arrow-head-mixed",
-  DATA_TABLE_ICON_CHILD: "ic-arrow-child",
-  DATA_TABLE_GLOBAL_CHECKBOX: "data-table-global-checkbox",
-  DATA_TABLE_CHECKBOX: "data-table-checkbox",
-  DATA_TABLE_RADIO: "data-table-radio",
-  DATA_TABLE_DATE_RANGE_CONTROLLER: "data-table-date-range",
-  DATA_TABLE_SINGLE_DATE_CONTROLLER: "data-table-single-date",
-  DATA_TABLE_NUMBER_RANGE_CONTROLLER: "data-table-number-range",
-  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: "data-table-currency-range",
-  DATA_TABLE_SELECT_MENU_ITEM: "data-table-filter-menu-list-item",
-  DATA_TABLE_MULTISELECT_CONTROLLER: "data-table-multi-select",
-  DATA_TABLE_SINGLESELECT_CONTROLLER: "data-table-single-select",
-  DATA_TABLE_FILTER_BUTTON: "data-table-filter-menu-button",
-  DATA_TABLE_FILTER_MENU_CONTENT: "data-table-filter-menu-content",
-  DATA_TABLE_ROW_CONTENT: "data-table-row-content",
-  DATA_TABLE_ROW: "data-table-row",
-  DATA_TABLE_TOOLBAR_TRIGGER: "data-table-toolbar-trigger",
-  DATA_TABLE_CELL: "data-table-cell",
-  DATA_TABLE_DRAG_HANDLE: "data-table-drag-handle",
-  DATA_TABLE_CONTENT_WRAPPER: "data-table-content-wrapper",
-  DATA_TABLE_TABLE: "data-table-table",
-  DATA_TABLE_SCROLLABLE_CONTAINER: "data-table-scrollable-container",
-  DATA_TABLE_HEADER: "data-table-header",
-  DATA_TABLE_ROW_HEADER_CONTENT: "data-table-row-header-content",
-  DATA_TABLE_ROW_GROUP_HEADER: "data-table-row-group-header",
-  DATA_TABLE_COLUMN_DRAG_OVERLAY: "data-table-drag-column-drag-overlay",
-  DATA_TABLE_HEADER_CELL_TITLE: "header-cell-title",
-  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: "filter-bar-ddmenu-button"
-};
-export {
-  ColsLayoutStyle,
-  DATA_TESTID,
-  momentFormat
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const momentFormat = 'MM/DD/YYYY';\nexport enum ColsLayoutStyle {\n  Fixed = 'fixed',\n  Auto = 'auto',\n}\n\nexport const DATA_TESTID = {\n  DATA_TABLE_WRAPPER: 'data-table-wrapper',\n  DATA_TABLE_GLOBAL_EXPAND_CELL: 'data-table-global-expand-cell',\n  DATA_TABLE_ICON_ARROW_DOWN: 'ic-arrow-head-down',\n  DATA_TABLE_ICON_ARROW_RIGHT: 'ic-arrow-head-right',\n  DATA_TABLE_ICON_ARROW_MIXED: 'ic-arrow-head-mixed',\n  DATA_TABLE_ICON_CHILD: 'ic-arrow-child',\n  DATA_TABLE_GLOBAL_CHECKBOX: 'data-table-global-checkbox',\n  DATA_TABLE_CHECKBOX: 'data-table-checkbox',\n  DATA_TABLE_RADIO: 'data-table-radio',\n  DATA_TABLE_DATE_RANGE_CONTROLLER: 'data-table-date-range',\n  DATA_TABLE_SINGLE_DATE_CONTROLLER: 'data-table-single-date',\n  DATA_TABLE_NUMBER_RANGE_CONTROLLER: 'data-table-number-range',\n  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: 'data-table-currency-range',\n  DATA_TABLE_SELECT_MENU_ITEM: 'data-table-filter-menu-list-item',\n  DATA_TABLE_MULTISELECT_CONTROLLER: 'data-table-multi-select',\n  DATA_TABLE_SINGLESELECT_CONTROLLER: 'data-table-single-select',\n  DATA_TABLE_FILTER_BUTTON: 'data-table-filter-menu-button',\n  DATA_TABLE_FILTER_MENU_CONTENT: 'data-table-filter-menu-content',\n  DATA_TABLE_ROW_CONTENT: 'data-table-row-content',\n  DATA_TABLE_ROW: 'data-table-row',\n  DATA_TABLE_TOOLBAR_TRIGGER: 'data-table-toolbar-trigger',\n  DATA_TABLE_CELL: 'data-table-cell',\n  DATA_TABLE_DRAG_HANDLE: 'data-table-drag-handle',\n  DATA_TABLE_CONTENT_WRAPPER: 'data-table-content-wrapper',\n  DATA_TABLE_TABLE: 'data-table-table',\n  DATA_TABLE_SCROLLABLE_CONTAINER: 'data-table-scrollable-container',\n  DATA_TABLE_HEADER: 'data-table-header',\n  DATA_TABLE_ROW_HEADER_CONTENT: 'data-table-row-header-content',\n  DATA_TABLE_ROW_GROUP_HEADER: 'data-table-row-group-header',\n  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay',\n  DATA_TABLE_HEADER_CELL_TITLE: 'header-cell-title',\n  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: 'filter-bar-ddmenu-button',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AACrB,IAAK,kBAAL,kBAAK,qBAAL;AACL,8BAAQ;AACR,6BAAO;AAFG;AAAA;AAKL,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,+BAA+B;AAAA,EAC/B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,4BAA4B;AAAA,EAC5B,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,kCAAkC;AAAA,EAClC,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,6BAA6B;AAAA,EAC7B,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,0BAA0B;AAAA,EAC1B,gCAAgC;AAAA,EAChC,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,kBAAkB;AAAA,EAClB,iCAAiC;AAAA,EACjC,mBAAmB;AAAA,EACnB,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,8BAA8B;AAAA,EAC9B,sCAAsC;AAAA;",
-  "names": []
-}

package/dist/esm/configs/fixedSizes.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-const FIXED_SIZES = {
-  PAGINATION_HEIGHT: 42
-};
-export {
-  FIXED_SIZES
-};
-//# sourceMappingURL=fixedSizes.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/fixedSizes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FIXED_SIZES = {\n  PAGINATION_HEIGHT: 42,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,mBAAmB;AAAA;",
-  "names": []
-}

package/dist/esm/configs/index.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;",
-  "names": []
-}

package/dist/esm/configs/useDatatableConfig.js

@@ -1,65 +0,0 @@
-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";
-const useDatatableConfig = (props) => {
-  const virtualListRef = useRef(null);
-  const columnHeaderRef = useRef(null);
-  const tableColsWithAddons = useTableColsWithAddons(props);
-  const visibleColumns = useMemo(() => tableColsWithAddons.filter((col) => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]);
-  const [dataLength, setDataLength] = useState(1);
-  const virtualListHelpers = useVirtual({
-    size: dataLength,
-    parentRef: virtualListRef,
-    overscan: 15,
-    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24
-  });
-  useEffect(() => {
-    if (props.actionRef) {
-      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;
-      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;
-    }
-  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);
-  const [flattenedData, allDataFlattened] = useRowFlattenization(props);
-  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);
-  if (dataLength !== (paginatedData || flattenedData).length)
-    setDataLength((paginatedData || flattenedData).length);
-  const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));
-  const totalColumnsWidth = useMemo(() => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : "100%", [props.colsLayoutStyle, gridLayout]);
-  const layoutHelpers = useMemo(() => ({
-    gridLayout,
-    setGridLayout,
-    totalColumnsWidth
-  }), [gridLayout, setGridLayout, totalColumnsWidth]);
-  const ctx = useMemo(() => ({
-    tableProps: props,
-    layoutHelpers,
-    paginationHelpers,
-    visibleColumns,
-    virtualListHelpers,
-    flattenedData: paginatedData || flattenedData,
-    allDataFlattened,
-    virtualListRef,
-    columnHeaderRef
-  }), [
-    props,
-    layoutHelpers,
-    paginationHelpers,
-    visibleColumns,
-    virtualListHelpers,
-    paginatedData,
-    flattenedData,
-    allDataFlattened,
-    virtualListRef,
-    columnHeaderRef
-  ]);
-  return ctx;
-};
-export {
-  useDatatableConfig
-};
-//# sourceMappingURL=useDatatableConfig.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useDatatableConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid';\nimport { TypescriptColumn, TypescriptContext, TypescriptProps } from '../types/props';\nimport { useRowFlattenization } from './useRowFlattenization';\nimport { usePaginationConfig } from './usePaginationConfig';\nimport { useTableColsWithAddons } from './useTableColsWithAddons';\nimport { ColsLayoutStyle } from './constants';\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n\n  const visibleColumns = useMemo(\n    () => tableColsWithAddons.filter((col: TypescriptColumn) => !props.hiddenColumns.includes(col.accessor)),\n    [props.hiddenColumns, tableColsWithAddons],\n  );\n\n  // ===========================================================================\n  // Virtualization\n  // ===========================================================================\n\n  const [dataLength, setDataLength] = useState(1);\n\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const virtualListHelpers = useVirtual({\n    size: dataLength,\n    parentRef: virtualListRef,\n    overscan: 15,\n    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24,\n  });\n\n  // ===========================================================================\n  // Action ref setup\n  // ===========================================================================\n  useEffect(() => {\n    if (props.actionRef) {\n      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;\n      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;\n    }\n  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);\n\n  // ===========================================================================\n  // Data flattenization and pagination\n  // ===========================================================================\n\n  const [flattenedData, allDataFlattened] = useRowFlattenization(props);\n\n  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);\n\n  // Redo virtualization until we match the lengths\n  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length);\n\n  // ===========================================================================\n  // Layout config\n  // ===========================================================================\n\n  const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));\n\n  const totalColumnsWidth = useMemo(\n    () =>\n      props.colsLayoutStyle === ColsLayoutStyle.Fixed\n        ? gridLayout.reduce((acc: number, cur: string) => acc + Number.parseInt(cur, 10), 0)\n        : '100%',\n    [props.colsLayoutStyle, gridLayout],\n  );\n\n  const layoutHelpers = useMemo(\n    () => ({\n      gridLayout,\n      setGridLayout,\n      totalColumnsWidth,\n    }),\n    [gridLayout, setGridLayout, totalColumnsWidth],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      tableProps: props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      flattenedData: paginatedData || flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    }),\n    [\n      props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      paginatedData,\n      flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    ],\n  );\n\n  return ctx;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEO,MAAM,qBAAqB,CAAC,UAA8C;AAC/E,QAAM,iBAAiB,OAAuB;AAC9C,QAAM,kBAAkB,OAAuB;AAK/C,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,iBAAiB,QACrB,MAAM,oBAAoB,OAAO,CAAC,QAA0B,CAAC,MAAM,cAAc,SAAS,IAAI,YAC9F,CAAC,MAAM,eAAe;AAOxB,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAI7C,QAAM,qBAAqB,WAAW;AAAA,IACpC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc,gBAAgB,SAAS,yBAAyB,UAAU;AAAA;AAM5E,YAAU,MAAM;AACd,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,QAAQ,gBAAgB,mBAAmB;AAC3D,YAAM,UAAU,QAAQ,iBAAiB,mBAAmB;AAAA;AAAA,KAE7D,CAAC,MAAM,WAAW,mBAAmB,eAAe,mBAAmB;AAM1E,QAAM,CAAC,eAAe,oBAAoB,qBAAqB;AAE/D,QAAM,CAAC,eAAe,qBAAqB,oBAAoB,OAAO;AAGtE,MAAI,eAAgB,kBAAiB,eAAe;AAAQ,kBAAe,kBAAiB,eAAe;AAM3G,QAAM,CAAC,YAAY,iBAAiB,SAAS,cAAc,gBAAgB,MAAM;AAEjF,QAAM,oBAAoB,QACxB,MACE,MAAM,oBAAoB,gBAAgB,QACtC,WAAW,OAAO,CAAC,KAAa,QAAgB,MAAM,OAAO,SAAS,KAAK,KAAK,KAChF,QACN,CAAC,MAAM,iBAAiB;AAG1B,QAAM,gBAAgB,QACpB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,YAAY,eAAe;AAG9B,QAAM,MAAM,QACV,MAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/configs/usePaginationConfig.js

@@ -1,71 +0,0 @@
-import * as React from "react";
-import { useMemo } from "react";
-const noPagination = {};
-const emptyFunc = () => null;
-const usePaginationConfig = (props, flattenedData) => {
-  const { pagination } = props;
-  const hasPagination = !!pagination;
-  const {
-    pageIndex = 1,
-    canPreviousPage = true,
-    canNextPage = true,
-    pageSize = 10,
-    perPageOptions = [10],
-    onPageSizeChange = emptyFunc,
-    onPreviousPage = emptyFunc,
-    onNextPage = emptyFunc,
-    onPageChange = emptyFunc,
-    pageCount = Math.ceil(flattenedData.length / pageSize),
-    perPageStep = 5,
-    minPerPage = 0,
-    maxPerPage = 100,
-    showPerPageSelector = true,
-    pageDetails = [],
-    pageDetailsTitle = ""
-  } = pagination || noPagination;
-  const page = useMemo(() => {
-    if (!hasPagination)
-      return null;
-    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
-  }, [flattenedData, pageIndex, pageSize, hasPagination]);
-  const paginationHelpers = useMemo(() => ({
-    pageIndex: pageIndex - 1,
-    canPreviousPage,
-    canNextPage,
-    pageSize,
-    perPageOptions,
-    onPageSizeChange,
-    onPreviousPage,
-    onNextPage,
-    onPageChange,
-    pageCount,
-    perPageStep,
-    minPerPage,
-    maxPerPage,
-    showPerPageSelector,
-    pageDetails,
-    pageDetailsTitle
-  }), [
-    pageIndex,
-    canPreviousPage,
-    canNextPage,
-    pageSize,
-    perPageOptions,
-    onPageSizeChange,
-    onPreviousPage,
-    onNextPage,
-    onPageChange,
-    pageCount,
-    perPageStep,
-    minPerPage,
-    maxPerPage,
-    showPerPageSelector,
-    pageDetails,
-    pageDetailsTitle
-  ]);
-  return [page, paginationHelpers];
-};
-export {
-  usePaginationConfig
-};
-//# sourceMappingURL=usePaginationConfig.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 { TypescriptPagination, TypescriptProps, TypescriptRow } from '../types/props';\n\nconst noPagination: Record<string, never> = {};\n\nconst emptyFunc = () => null;\n\nexport const usePaginationConfig = (\n  props: TypescriptProps,\n  flattenedData: TypescriptRow[],\n): [TypescriptRow[], TypescriptPagination] => {\n  const { pagination } = props;\n\n  const hasPagination = !!pagination;\n\n  // Set default values\n  const {\n    pageIndex = 1,\n    canPreviousPage = true,\n    canNextPage = true,\n    pageSize = 10,\n    perPageOptions = [10],\n    onPageSizeChange = emptyFunc,\n    onPreviousPage = emptyFunc,\n    onNextPage = emptyFunc,\n    onPageChange = emptyFunc,\n    pageCount = Math.ceil(flattenedData.length / pageSize),\n    perPageStep = 5,\n    minPerPage = 0,\n    maxPerPage = 100,\n    showPerPageSelector = true,\n    pageDetails = [],\n    pageDetailsTitle = '',\n  } = pagination || noPagination; // pagination can be false\n\n  // Get the needed page\n  const page = useMemo(() => {\n    if (!hasPagination) return null;\n    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);\n  }, [flattenedData, pageIndex, pageSize, hasPagination]);\n\n  const paginationHelpers = useMemo(\n    () => ({\n      pageIndex: pageIndex - 1,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    }),\n    [\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    ],\n  );\n  return [page, paginationHelpers];\n};\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,eAAsC;AAE5C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBAC4C;AAC5C,QAAM,EAAE,eAAe;AAEvB,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,iBAAiB,CAAC;AAAA,IAClB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY,KAAK,KAAK,cAAc,SAAS;AAAA,IAC7C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,mBAAmB;AAAA,MACjB,cAAc;AAGlB,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC;AAAe,aAAO;AAC3B,WAAO,cAAc,MAAO,aAAY,KAAK,UAAU,YAAY;AAAA,KAClE,CAAC,eAAe,WAAW,UAAU;AAExC,QAAM,oBAAoB,QACxB,MAAO;AAAA,IACL,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,SAAO,CAAC,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/configs/useRowFlattenization.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { useMemo } from "react";
-import { getIdFromUniqueRowAccessor } from "../helpers/getIdFromUniqueRowAccessor";
-const emptyObject = {};
-const trueReturner = new Proxy({}, {
-  get: () => true
-});
-const flatten = (data, expandedRows, uniqueRowAccessor, maxDepth = 0) => {
-  const result = [];
-  const doit = (row, index = 0, parentId = null, parentIndex = null, depth = 0) => {
-    const id = (parentId ? `${parentId}.` : "") + index.toString();
-    const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {
-      id,
-      original: row ?? {}
-    });
-    const isExpanded = expandedRows[uid];
-    const rowToPush = {
-      id,
-      uid,
-      index,
-      realIndex: result.length,
-      parentId,
-      parentIndex,
-      depth,
-      isExpanded,
-      subRows: row.subRows ?? [],
-      childrenCount: row.subRows?.length ?? 0,
-      original: row ?? {}
-    };
-    result.push(rowToPush);
-    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {
-      row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
-    }
-  };
-  data.forEach((row, i) => doit(row, i));
-  return result;
-};
-const useRowFlattenization = (props) => {
-  const { data } = props;
-  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
-  const flattenedData = useMemo(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
-  const allDataFlattened = useMemo(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
-  return [flattenedData, allDataFlattened];
-};
-export {
-  useRowFlattenization
-};
-//# sourceMappingURL=useRowFlattenization.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 { useMemo } from 'react';\nimport { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor';\nimport { TypescriptProps, TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nconst emptyObject = {};\n\nconst trueReturner = new Proxy(\n  {},\n  {\n    get: () => true,\n  },\n);\n\nconst flatten = (\n  data: TypescriptRow[],\n  expandedRows: Record<string, boolean>,\n  uniqueRowAccessor: uniqueRowAccessorType,\n  maxDepth = 0,\n): TypescriptRow[] => {\n  const result = [];\n  const doit = (row: TypescriptRow, index = 0, parentId = null, parentIndex = null, depth = 0) => {\n    const id = (parentId ? `${parentId}.` : '') + index.toString();\n\n    const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {\n      id,\n      original: row ?? {},\n    });\n\n    const isExpanded = expandedRows[uid];\n\n    const rowToPush = {\n      id,\n      uid,\n      index,\n      realIndex: result.length,\n      parentId,\n      parentIndex,\n      depth,\n      isExpanded,\n      subRows: row.subRows ?? [],\n      childrenCount: row.subRows?.length ?? 0,\n      original: row ?? {},\n    };\n\n    result.push(rowToPush);\n\n    // If we have subrows and we are expanded\n    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {\n      row.subRows.forEach((subRow: TypescriptRow, i: number) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));\n    }\n  };\n\n  data.forEach((row, i) => doit(row, i));\n  return result;\n};\n\nexport const useRowFlattenization = (props: Partial<TypescriptProps>): [TypescriptRow[], TypescriptRow[]] => {\n  const { data } = props;\n\n  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;\n\n  const flattenedData = useMemo(\n    () => flatten(data, expandedRows, props.uniqueRowAccessor),\n    [data, expandedRows, props.uniqueRowAccessor],\n  );\n\n  const allDataFlattened = useMemo(\n    () => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity),\n    [data, props.uniqueRowAccessor],\n  );\n\n  return [flattenedData, allDataFlattened];\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGA,MAAM,cAAc;AAEpB,MAAM,eAAe,IAAI,MACvB,IACA;AAAA,EACE,KAAK,MAAM;AAAA;AAIf,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACS;AACpB,QAAM,SAAS;AACf,QAAM,OAAO,CAAC,KAAoB,QAAQ,GAAG,WAAW,MAAM,cAAc,MAAM,QAAQ,MAAM;AAC9F,UAAM,KAAM,YAAW,GAAG,cAAc,MAAM,MAAM;AAEpD,UAAM,MAAM,2BAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO;AAAA;AAGnB,UAAM,aAAa,aAAa;AAEhC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,IAAI,WAAW;AAAA,MACxB,eAAe,IAAI,SAAS,UAAU;AAAA,MACtC,UAAU,OAAO;AAAA;AAGnB,WAAO,KAAK;AAGZ,QAAI,KAAK,WAAW,aAAa,QAAQ,SAAS,UAAU;AAC1D,UAAI,QAAQ,QAAQ,CAAC,QAAuB,MAAc,KAAK,QAAQ,GAAG,KAAK,UAAU,WAAW,QAAQ;AAAA;AAAA;AAIhH,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK;AACnC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,UAAwE;AAC3G,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM,eAAe,MAAM,eAAe;AAE/D,QAAM,gBAAgB,QACpB,MAAM,QAAQ,MAAM,cAAc,MAAM,oBACxC,CAAC,MAAM,cAAc,MAAM;AAG7B,QAAM,mBAAmB,QACvB,MAAM,QAAQ,MAAM,cAAc,MAAM,mBAAmB,WAC3D,CAAC,MAAM,MAAM;AAGf,SAAO,CAAC,eAAe;AAAA;",
-  "names": []
-}

package/dist/esm/configs/useTableColsWithAddons.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { createRef, useMemo } from "react";
-import {
-  dragHandleColumn,
-  expandRowColumn,
-  actionColumn,
-  singleSelectColumn,
-  multiSelectColumn
-} from "../addons/Columns";
-const augmentColumns = (columns) => {
-  const augmentColumn = (column, index, parentId = null, depth = 0) => {
-    let id = `column${index}`;
-    if (typeof column.Header === "string")
-      id = column.Header;
-    if (typeof column.accessor === "string")
-      id = column.accessor;
-    if (column.columns)
-      column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
-    return {
-      id,
-      parentId,
-      depth,
-      ...column,
-      ref: createRef()
-    };
-  };
-  return columns.map((col, index) => augmentColumn(col, index));
-};
-const useTableColsWithAddons = ({
-  columns,
-  renderRowActions,
-  isExpandable,
-  selectSingle,
-  selection,
-  dragAndDropRows,
-  noSelectionColumn
-}) => useMemo(() => {
-  const columnsWithAddons = [...augmentColumns(columns)];
-  if (isExpandable)
-    columnsWithAddons.unshift(expandRowColumn);
-  if (selection && !noSelectionColumn)
-    if (selectSingle)
-      columnsWithAddons.unshift(singleSelectColumn);
-    else
-      columnsWithAddons.unshift(multiSelectColumn);
-  if (dragAndDropRows)
-    columnsWithAddons.unshift(dragHandleColumn);
-  if (renderRowActions)
-    columnsWithAddons.push(actionColumn(renderRowActions));
-  return columnsWithAddons;
-}, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
-var useTableColsWithAddons_default = useTableColsWithAddons;
-export {
-  useTableColsWithAddons_default as default,
-  useTableColsWithAddons
-};
-//# sourceMappingURL=useTableColsWithAddons.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n  const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return {\n      id,\n      parentId,\n      depth,\n      ...column,\n      ref: createRef<HTMLTableColElement>(),\n    };\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n  columns,\n  renderRowActions,\n  isExpandable,\n  selectSingle,\n  selection,\n  dragAndDropRows,\n  noSelectionColumn,\n}) =>\n  useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n\n    if (isExpandable) columnsWithAddons.unshift(expandRowColumn);\n    if (selection && !noSelectionColumn)\n      if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);\n      else columnsWithAddons.unshift(multiSelectColumn);\n    if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);\n    if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n"],
-  "mappings": "AAAA;ACCA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ;AACtG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA,MACH,KAAK;AAAA;AAAA;AAGT,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK;AAAA;AAGxD,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,QAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe;AAE7C,MAAI;AAAc,sBAAkB,QAAQ;AAC5C,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ;AAAA;AACvC,wBAAkB,QAAQ;AACjC,MAAI;AAAiB,sBAAkB,QAAQ;AAC/C,MAAI;AAAkB,sBAAkB,KAAK,aAAa;AAE1D,SAAO;AAAA,GACN,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB;AAG1F,IAAO,iCAAQ;",
-  "names": []
-}

package/dist/esm/configs/zIndexInternalConfig.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-const ZIndexDataTable = {
-  ROW: 0,
-  EXTERNAL: 0,
-  HEADER_ROW: 0,
-  ROW_HOVER: 1,
-  DROP_INDICATOR: 6,
-  FOCUS_BORDER: 7
-};
-export {
-  ZIndexDataTable
-};
-//# sourceMappingURL=zIndexInternalConfig.js.map

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

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

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

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2, { useState, useCallback, useContext, useLayoutEffect } from "react";
-import PropTypes from "prop-types";
-import { StyledPencilIcon, StyledEditableContainer } from "../styled";
-import { DataTableContext } from "../DataTableContext";
-const EditableCell = (props) => {
-  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
-  const { virtualListHelpers } = useContext(DataTableContext);
-  const [isEditing, setIsEditing] = useState(false);
-  const [lastIsEditing, setLastIsEditing] = useState(false);
-  useLayoutEffect(() => {
-    if (isEditing !== lastIsEditing) {
-      virtualListHelpers.measure();
-      setLastIsEditing(isEditing);
-    }
-  }, [isEditing]);
-  const handleCellClick = useCallback((e) => {
-    if (!isEditing) {
-      e.stopPropagation();
-      setIsEditing(true);
-    }
-  }, [isEditing]);
-  const handleOnKeyDown = useCallback((e) => {
-    if (isEditing) {
-      e.stopPropagation();
-      if (["Enter", "Escape"].includes(e.code)) {
-        setIsEditing(false);
-      }
-    } else if (["Enter", "Space"].includes(e.code)) {
-      handleCellClick(e);
-    }
-  }, [isEditing, handleCellClick, setIsEditing]);
-  const handleOnBlur = useCallback((event) => {
-    if (isEditing && !event.currentTarget.contains(event.relatedTarget)) {
-      setIsEditing(false);
-    }
-  }, [isEditing]);
-  const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
-  return /* @__PURE__ */ React2.createElement(StyledEditableContainer, {
-    cols,
-    tabIndex: isRowSelected && !isEditing ? 0 : -1,
-    ref: cell.ref,
-    onClick: handleCellClick,
-    onKeyDown: handleOnKeyDown,
-    onBlur: handleOnBlur,
-    shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
-    role: "cell",
-    "aria-labelledby": isEditing ? void 0 : cell.id
-  }, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ React2.createElement(StyledPencilIcon, null), /* @__PURE__ */ React2.createElement("span", {
-    id: cell.id,
-    style: { display: "none" },
-    "aria-hidden": "true"
-  }, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
-};
-EditableCell.propTypes = {
-  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  cell: PropTypes.object.isRequired
-};
-export {
-  EditableCell
-};
-//# sourceMappingURL=EditableCell.js.map

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

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

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

@@ -1,115 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useState } from "react";
-import { DSButton } from "@elliemae/ds-button";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import styled from "styled-components";
-import { useDispatchHeadersActions } from "../redux/reducers";
-import { DATA_TESTID } from "../configs/constants";
-const FilterButton = styled.span`
-  display: inline-grid;
-  ${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}
-`;
-const Button = styled(DSButton)`
-  position: relative;
-  justify-self: flex-end;
-`;
-const PopperContent = styled.div`
-  background-color: #fff;
-`;
-const FilterPopover = ({
-  column,
-  columnId,
-  triggerIcon,
-  menuContent,
-  onTriggerClick = () => null,
-  onClickOutsideMenu = () => null,
-  reduxHeader,
-  innerRef,
-  ariaLabel,
-  customStyles
-}) => {
-  const { hideFilterButton, hideFilterMenu } = reduxHeader || {
-    hideFilterButton: true,
-    hideFilterMenu: true
-  };
-  const popperRef = useRef(null);
-  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();
-  const isIconVisible = !hideFilterButton || !hideFilterMenu;
-  const isMenuOpen = !hideFilterMenu;
-  const handleClickOutsideMenu = (e) => {
-    onClickOutsideMenu(columnId, e);
-    if (isMenuOpen)
-      patchHeaderFilterButtonAndMenu(columnId, true);
-  };
-  const handleTriggerClick = (e) => {
-    onTriggerClick(columnId, e);
-    patchHeaderFilterButtonAndMenu(columnId, false);
-    e.stopPropagation();
-  };
-  const [referenceElement, setReferenceElement] = useState(null);
-  return /* @__PURE__ */ React2.createElement("div", {
-    onClick: (e) => e.stopPropagation(),
-    onKeyDown: (e) => {
-      e.stopPropagation();
-      if (e.code === "Escape") {
-        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
-        referenceElement.focus();
-      }
-      if (["ArrowUp", "ArrowDown"].includes(e.code)) {
-        e.preventDefault();
-      }
-    },
-    style: { display: "flex" },
-    onBlur: (e) => {
-      if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {
-        referenceElement.focus();
-      }
-    }
-  }, /* @__PURE__ */ React2.createElement(FilterButton, {
-    hide: !isIconVisible,
-    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    onClick: handleTriggerClick,
-    buttonType: "text",
-    "aria-label": ariaLabel,
-    "aria-hidden": "true",
-    size: "s",
-    leftIcon: triggerIcon,
-    innerRef: (_ref) => {
-      if (isIconVisible)
-        setReferenceElement(_ref);
-      innerRef.current = _ref;
-    },
-    tabIndex: reduxHeader?.withTabStops ? 0 : -1
-  })), /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement,
-    showPopover: isMenuOpen,
-    closeContextMenu: handleClickOutsideMenu,
-    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
-    startPlacementPreference: "bottom-end",
-    customOffset: [5, 4],
-    withoutArrow: true,
-    zIndex: 10,
-    withoutAnimation: true,
-    extraPopperStyles: {
-      ...customStyles,
-      minWidth: column.ref?.current?.offsetWidth ?? "0px"
-    },
-    placementOrderPreference: ["bottom-end"]
-  }, /* @__PURE__ */ React2.createElement(PopperContent, {
-    onKeyDown: (e) => {
-      if (e.code === "Tab") {
-        setTimeout(() => {
-          if (!popperRef?.current?.contains(document.activeElement)) {
-            patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
-          }
-        });
-      }
-    },
-    ref: popperRef
-  }, menuContent)));
-};
-export {
-  FilterPopover
-};
-//# sourceMappingURL=FilterPopover.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterPopover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { MutableRefObject, useRef, useState } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport styled from 'styled-components';\nimport { useDispatchHeadersActions } from '../redux/reducers';\nimport { DATA_TESTID } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst Button = styled(DSButton)`\n  position: relative;\n  justify-self: flex-end;\n`;\n\nconst PopperContent = styled.div`\n  background-color: #fff;\n`;\ninterface FilterPopoverProps {\n  column: TypescriptColumn;\n  columnId: string;\n  triggerIcon: JSX.Element;\n  menuContent: JSX.Element;\n  onTriggerClick?: (id: string, e: UIEvent) => void;\n  onClickOutsideMenu?: (id: string, e: UIEvent) => void;\n  reduxHeader: { hideFilterButton: boolean; hideFilterMenu: boolean; withTabStops: boolean };\n  innerRef: MutableRefObject<HTMLDivElement>;\n  ariaLabel: string;\n  customStyles?: React.CSSProperties;\n}\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = ({\n  column,\n  columnId,\n  triggerIcon,\n  menuContent,\n  onTriggerClick = () => null,\n  onClickOutsideMenu = () => null,\n  reduxHeader,\n  innerRef,\n  ariaLabel,\n  customStyles,\n}) => {\n  const { hideFilterButton, hideFilterMenu } = reduxHeader || {\n    hideFilterButton: true,\n    hideFilterMenu: true,\n  };\n  const popperRef = useRef(null);\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();\n  const isIconVisible = !hideFilterButton || !hideFilterMenu;\n  const isMenuOpen = !hideFilterMenu;\n\n  const handleClickOutsideMenu = (e) => {\n    onClickOutsideMenu(columnId, e);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  };\n\n  const handleTriggerClick = (e) => {\n    onTriggerClick(columnId, e);\n    patchHeaderFilterButtonAndMenu(columnId, false);\n    e.stopPropagation();\n  };\n\n  const [referenceElement, setReferenceElement] = useState(null);\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={(e) => {\n        e.stopPropagation();\n        if (e.code === 'Escape') {\n          patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n          referenceElement.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      style={{ display: 'flex' }}\n      onBlur={(e) => {\n        if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {\n          referenceElement.focus();\n        }\n      }}\n    >\n      <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n        <Button\n          onClick={handleTriggerClick}\n          buttonType=\"text\"\n          aria-label={ariaLabel}\n          aria-hidden=\"true\"\n          size=\"s\"\n          leftIcon={triggerIcon}\n          // implement treeview mergerefs\n          innerRef={(_ref) => {\n            if (isIconVisible) setReferenceElement(_ref);\n            innerRef.current = _ref;\n          }}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n        />\n      </FilterButton>\n      <DSPopperJS\n        referenceElement={referenceElement}\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        zIndex={10}\n        withoutAnimation\n        extraPopperStyles={{\n          ...customStyles,\n          minWidth: column.ref?.current?.offsetWidth ?? '0px',\n        }}\n        placementOrderPreference={['bottom-end']}\n      >\n        <PopperContent\n          onKeyDown={(e) => {\n            if (e.code === 'Tab') {\n              setTimeout(() => {\n                if (!popperRef?.current?.contains(document.activeElement)) {\n                  patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n                }\n              });\n            }\n          }}\n          ref={popperRef}\n        >\n          {menuContent}\n        </PopperContent>\n      </DSPopperJS>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAe,OAAO;AAAA;AAAA,IAExB,CAAC,UAAW,MAAM,OAAO,yCAAyC;AAAA;AAGtE,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAgBtB,MAAM,gBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,kBAAkB,mBAAmB,eAAe;AAAA,IAC1D,kBAAkB;AAAA,IAClB,gBAAgB;AAAA;AAElB,QAAM,YAAY,OAAO;AACzB,QAAM,EAAE,gCAAgC,gBAAgB;AACxD,QAAM,gBAAgB,CAAC,oBAAoB,CAAC;AAC5C,QAAM,aAAa,CAAC;AAEpB,QAAM,yBAAyB,CAAC,MAAM;AACpC,uBAAmB,UAAU;AAC7B,QAAI;AAAY,qCAA+B,UAAU;AAAA;AAG3D,QAAM,qBAAqB,CAAC,MAAM;AAChC,mBAAe,UAAU;AACzB,mCAA+B,UAAU;AACzC,MAAE;AAAA;AAGJ,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AAEzD,SACE,qCAAC,OAAD;AAAA,IAEE,SAAS,CAAC,MAAM,EAAE;AAAA,IAClB,WAAW,CAAC,MAAM;AAChB,QAAE;AACF,UAAI,EAAE,SAAS,UAAU;AACvB,oBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAChE,yBAAiB;AAAA;AAInB,UAAI,CAAC,WAAW,aAAa,SAAS,EAAE,OAAO;AAC7C,UAAE;AAAA;AAAA;AAAA,IAGN,OAAO,EAAE,SAAS;AAAA,IAClB,QAAQ,CAAC,MAAM;AACb,UAAI,EAAE,WAAW,oBAAoB,CAAC,UAAU,QAAQ,SAAS,EAAE,gBAAgB;AACjF,yBAAiB;AAAA;AAAA;AAAA,KAIrB,qCAAC,cAAD;AAAA,IAAc,MAAM,CAAC;AAAA,IAAe,eAAa,YAAY;AAAA,KAC3D,qCAAC,QAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAW;AAAA,IACX,cAAY;AAAA,IACZ,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAU;AAAA,IAEV,UAAU,CAAC,SAAS;AAClB,UAAI;AAAe,4BAAoB;AACvC,eAAS,UAAU;AAAA;AAAA,IAErB,UAAU,aAAa,eAAe,IAAI;AAAA,OAG9C,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,eAAa,YAAY;AAAA,IACzB,0BAAyB;AAAA,IACzB,cAAc,CAAC,GAAG;AAAA,IAClB,cAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAgB;AAAA,IAChB,mBAAmB;AAAA,SACd;AAAA,MACH,UAAU,OAAO,KAAK,SAAS,eAAe;AAAA;AAAA,IAEhD,0BAA0B,CAAC;AAAA,KAE3B,qCAAC,eAAD;AAAA,IACE,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,SAAS,OAAO;AACpB,mBAAW,MAAM;AACf,cAAI,CAAC,WAAW,SAAS,SAAS,SAAS,gBAAgB;AACzD,wBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxE,KAAK;AAAA,KAEJ;AAAA;",
-  "names": []
-}