@elliemae/ds-data-table 3.4.2 → 3.4.3

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

@@ -1,5 +1,7 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+import { useContext } from "react";
 import { DataTableContext } from "../../DataTableContext";
 import { StyledFullsizeGrid } from "../../styled";
 import { DefaultRowContentRenderer } from "./DefaultRowContentRenderer";
@@ -8,20 +10,21 @@ import { useRowRendererProperties } from "./useRowRendererProperties";
 import { DropIndicator } from "../../parts/DropIndicator";
 import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
 import { DATA_TESTID } from "../../configs/constants";
-const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
+const magicDottedBorder = /* @__PURE__ */ jsx("svg", {
   width: "100%",
-  height: "1px"
-}, /* @__PURE__ */ React2.createElement("line", {
-  x1: "0",
-  y1: "0",
-  x2: "100%",
-  y2: "0",
-  stroke: "#B0B9C8FF",
-  strokeWidth: "1.5",
-  strokeDasharray: "0, 5",
-  strokeDashoffset: "0",
-  strokeLinecap: "round"
-}));
+  height: "1px",
+  children: /* @__PURE__ */ jsx("line", {
+    x1: "0",
+    y1: "0",
+    x2: "100%",
+    y2: "0",
+    stroke: "#B0B9C8FF",
+    strokeWidth: "1.5",
+    strokeDasharray: "0, 5",
+    strokeDashoffset: "0",
+    strokeLinecap: "round"
+  })
+});
 const RowRenderer = (props) => {
   const {
     row,
@@ -63,9 +66,8 @@ const RowRenderer = (props) => {
     draggableProps,
     dropIndicatorPosition
   };
-  return /* @__PURE__ */ React2.createElement(StyledFullsizeGrid, {
+  return /* @__PURE__ */ jsxs(StyledFullsizeGrid, {
     "data-testid": DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
     colsLayoutStyle,
     ...userDataProperties,
     totalColumnsWidth,
@@ -78,17 +80,22 @@ const RowRenderer = (props) => {
     "data-is-row-expanded": row.isExpanded,
     rows: rowsLayout,
     minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ React2.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ React2.createElement(DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
+    height,
+    children: [
+      CustomRowContentRenderer ? /* @__PURE__ */ jsx(CustomRowContentRenderer, {
+        ...rowContentProps
+      }) : /* @__PURE__ */ createElement(DefaultRowContentRenderer, {
+        ...rowContentProps,
+        key: row.uid
+      }),
+      shouldAppendDottedBorder && magicDottedBorder,
+      /* @__PURE__ */ jsx(DropIndicator, {
+        vertical: false,
+        dropIndicatorPosition,
+        isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+      })
+    ]
+  }, row.uid);
 };
 var RowRenderer_default = RowRenderer;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledFullsizeGrid } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer';\nimport { useRowRendererHandlers } from './useRowRendererHandlers';\nimport { useRowRendererProperties } from './useRowRendererProperties';\nimport { DropIndicator } from '../../parts/DropIndicator';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface RowRendererProps {\n  row: TypescriptRow;\n  compact?: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  colsLayout?: (string | number)[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n  backgroundColor?: string;\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    drilldownRowId,\n    isDragOverlay,\n  } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const { flattenedData } = ctx;\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  } = useRowRendererProperties({\n    row,\n  });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    drilldownRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    drilldownRowId,\n    draggableProps,\n    dropIndicatorPosition,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      colsLayoutStyle={colsLayoutStyle}\n      {...userDataProperties}\n      totalColumnsWidth={totalColumnsWidth}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\nexport default RowRenderer;\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAkBA,MAAM,oBACJ,qCAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,qCAAC;AAAA,EACC,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,EACP,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,kBAAiB;AAAA,EACjB,eAAc;AAAA,CAChB,CACF;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM,EAAE,mBAAmB,WAAW,mBAAmB;AACzD,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,qCAAC;AAAA,IACC,eAAa,YAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,IACC,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,IACrD,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,KAEC,2BACC,qCAAC;AAAA,IAA0B,GAAG;AAAA,GAAiB,IAE/C,qCAAC;AAAA,IAA2B,GAAG;AAAA,IAAiB,KAAK,IAAI;AAAA,GAAK,GAE/D,4BAA4B,mBAC7B,qCAAC;AAAA,IACC,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA,GACrF,CACF;AAEJ;AAGA,IAAO,sBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA;AACA,SAAgB,kBAAkB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAEnC,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAkB5B,MAAM,oBACJ,oBAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EACvB,8BAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,eAAc;AAAA,GAChB;AAAA,CACF;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,EAAE,cAAc,IAAI;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,IAAI,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,qBAAC;AAAA,IACC,eAAa,YAAY;AAAA,IAEzB;AAAA,IACC,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,IACrD,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IAEC;AAAA,iCACC,oBAAC;AAAA,QAA0B,GAAG;AAAA,OAAiB,IAE/C,8BAAC;AAAA,QAA2B,GAAG;AAAA,QAAiB,KAAK,IAAI;AAAA,OAAK;AAAA,MAE/D,4BAA4B;AAAA,MAC7B,oBAAC;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA,OACrF;AAAA;AAAA,KAzBK,IAAI,GA0BX;AAEJ;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -11,7 +11,7 @@ const useRowRendererHandlers = ({
   drilldownRowId
 }) => {
   const {
-    tableProps: { onRowClick, onRowFocus, disabledRows },
+    tableProps: { onRowClick, onSelectionChange, selectSingle, selection, onRowFocus, disabledRows },
     virtualListHelpers: { scrollToIndex },
     setDrilldownRowId,
     setFocusedRowId
@@ -24,78 +24,96 @@ const useRowRendererHandlers = ({
     }
     return from;
   };
-  const handleItemClick = useCallback((e, { original, uid } = row) => {
-    if (disabledRows[uid])
-      return;
-    onRowClick(original, e, uid);
-    onRowFocus({
-      itemIndex,
-      scrollToItem: (opts = {
-        align: "start"
-      }) => scrollToIndex(itemIndex, opts),
-      original
-    }, e);
-  }, [row, disabledRows, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
+  const handleItemClick = useCallback(
+    (e, { original, uid } = row) => {
+      if (disabledRows[uid])
+        return;
+      onRowClick(original, e, uid);
+      if (selection && onSelectionChange) {
+        onSelectionChange(selectSingle ? { [uid]: true } : { ...selection, [uid]: !selection[uid] }, uid, e);
+      }
+      onRowFocus(
+        {
+          itemIndex,
+          scrollToItem: (opts = {
+            align: "start"
+          }) => scrollToIndex(itemIndex, opts),
+          original
+        },
+        e
+      );
+    },
+    [row, disabledRows, onRowClick, selection, onSelectionChange, onRowFocus, itemIndex, selectSingle, scrollToIndex]
+  );
   const isActive = draggableProps && draggableProps.active;
-  const handleKeyDown = useCallback((e) => {
-    if (isDragOverlay || isActive) {
-      e.preventDefault();
-      return;
-    }
-    const { target } = e;
-    const isChildEvent = target.getAttribute("role") !== "row";
-    if (e.code === "Enter") {
-      if (!isChildEvent) {
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (isDragOverlay || isActive) {
         e.preventDefault();
-        if (drilldownRowId !== row.uid) {
-          setDrilldownRowId(row.uid);
-          setTimeout(() => {
-            const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
-            if (focuseableCell)
-              focuseableCell.ref.current.focus();
-          });
+        return;
+      }
+      const { target } = e;
+      const isChildEvent = target.getAttribute("role") !== "row";
+      if (e.code === "Enter") {
+        if (!isChildEvent) {
+          e.preventDefault();
+          if (drilldownRowId !== row.uid) {
+            setDrilldownRowId(row.uid);
+            setTimeout(() => {
+              const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
+              if (focuseableCell)
+                focuseableCell.ref.current.focus();
+            });
+          }
         }
       }
-    }
-    if (e.code === "Space") {
-      if (!isChildEvent) {
+      if (e.code === "Space") {
+        if (!isChildEvent) {
+          e.preventDefault();
+        }
+        handleItemClick(e, row);
+      }
+      if (e.code === "ArrowDown") {
         e.preventDefault();
+        e.stopPropagation();
+        const next = findInCircularList(items, itemIndex, isOptionFocuseable);
+        setFocusedRowId(items[next].uid);
       }
-      handleItemClick(e, row);
-    }
-    if (e.code === "ArrowDown") {
-      e.preventDefault();
-      e.stopPropagation();
-      const next = findInCircularList(items, itemIndex, isOptionFocuseable);
-      setFocusedRowId(items[next].uid);
-    }
-    if (e.code === "ArrowUp") {
-      e.preventDefault();
-      const prev = findInCircularList(items, itemIndex, isOptionFocuseable, -1);
-      setFocusedRowId(items[prev].uid);
-    }
-  }, [
-    isDragOverlay,
-    isActive,
-    drilldownRowId,
-    row,
-    setDrilldownRowId,
-    handleItemClick,
-    items,
-    itemIndex,
-    isOptionFocuseable,
-    setFocusedRowId
-  ]);
-  const handleOnBlur = useCallback((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
-      setDrilldownRowId(null);
-    }
-  }, [setDrilldownRowId]);
-  const handleOnFocus = useCallback((e) => {
-    if (!disabledRows[row.uid] && e.target && e.target.getAttribute("data-testid") === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
-      setFocusedRowId(row.uid);
-    }
-  }, [row.uid, setFocusedRowId, disabledRows]);
+      if (e.code === "ArrowUp") {
+        e.preventDefault();
+        const prev = findInCircularList(items, itemIndex, isOptionFocuseable, -1);
+        setFocusedRowId(items[prev].uid);
+      }
+    },
+    [
+      isDragOverlay,
+      isActive,
+      drilldownRowId,
+      row,
+      setDrilldownRowId,
+      handleItemClick,
+      items,
+      itemIndex,
+      isOptionFocuseable,
+      setFocusedRowId
+    ]
+  );
+  const handleOnBlur = useCallback(
+    (e) => {
+      if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
+        setDrilldownRowId(null);
+      }
+    },
+    [setDrilldownRowId]
+  );
+  const handleOnFocus = useCallback(
+    (e) => {
+      if (!disabledRows[row.uid] && e.target && e.target.getAttribute("data-testid") === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+        setFocusedRowId(row.uid);
+      }
+    },
+    [row.uid, setFocusedRowId, disabledRows]
+  );
   return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
 };
 export {

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowRendererHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  drilldownRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  drilldownRowId: string | null;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onRowFocus, disabledRows },\n    virtualListHelpers: { scrollToIndex },\n    setDrilldownRowId,\n    setFocusedRowId,\n  } = useContext(DataTableContext);\n\n  const isOptionFocuseable = (opt): boolean => !disabledRows[opt.uid];\n\n  const findInCircularList = (\n    list,\n    from: number,\n    criteria: (item) => boolean,\n    step = 1,\n    // eslint-disable-next-line max-params\n  ): number => {\n    for (\n      let i = (from + step + list.length) % list.length;\n      i !== from && from > -1;\n      i = (i + step + list.length) % list.length\n    ) {\n      if (criteria(list[i])) return i;\n    }\n    return from; // return same item\n  };\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      if (disabledRows[uid]) return;\n      onRowClick(original, e, uid);\n      onRowFocus(\n        {\n          itemIndex,\n          scrollToItem: (\n            opts: { align: 'auto' | 'start' | 'center' | 'end' } = {\n              align: 'start',\n            },\n          ) => scrollToIndex(itemIndex, opts),\n          original,\n        },\n        e,\n      );\n    },\n    [row, disabledRows, onRowClick, onRowFocus, itemIndex, scrollToIndex],\n  );\n\n  const isActive = draggableProps && draggableProps.active;\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDragOverlay || isActive) {\n        e.preventDefault();\n        return;\n      }\n      const { target } = e;\n      const isChildEvent = (target as HTMLElement).getAttribute('role') !== 'row'; // if the event comes from a row\n\n      if (e.code === 'Enter') {\n        if (!isChildEvent) {\n          e.preventDefault();\n          if (drilldownRowId !== row.uid) {\n            setDrilldownRowId(row.uid);\n            setTimeout(() => {\n              const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);\n              if (focuseableCell) focuseableCell.ref.current.focus();\n            });\n          }\n        }\n      }\n      if (e.code === 'Space') {\n        if (!isChildEvent) {\n          e.preventDefault();\n        }\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        const next = findInCircularList(items, itemIndex, isOptionFocuseable);\n        setFocusedRowId(items[next].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        const prev = findInCircularList(items, itemIndex, isOptionFocuseable, -1);\n        setFocusedRowId(items[prev].uid);\n      }\n    },\n    [\n      isDragOverlay,\n      isActive,\n      drilldownRowId,\n      row,\n      setDrilldownRowId,\n      handleItemClick,\n      items,\n      itemIndex,\n      isOptionFocuseable,\n      setFocusedRowId,\n    ],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setDrilldownRowId(null);\n      }\n    },\n    [setDrilldownRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (\n        !disabledRows[row.uid] &&\n        e.target &&\n        e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT\n      ) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId, disabledRows],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { InternalTypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  drilldownRowId,\n}: {\n  row: InternalTypescriptRow;\n  itemIndex: number;\n  items: InternalTypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  drilldownRowId: string | null;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onSelectionChange, selectSingle, selection, onRowFocus, disabledRows },\n    virtualListHelpers: { scrollToIndex },\n    setDrilldownRowId,\n    setFocusedRowId,\n  } = useContext(DataTableContext);\n\n  const isOptionFocuseable = (opt): boolean => !disabledRows[opt.uid];\n\n  const findInCircularList = (\n    list,\n    from: number,\n    criteria: (item) => boolean,\n    step = 1,\n    // eslint-disable-next-line max-params\n  ): number => {\n    for (\n      let i = (from + step + list.length) % list.length;\n      i !== from && from > -1;\n      i = (i + step + list.length) % list.length\n    ) {\n      if (criteria(list[i])) return i;\n    }\n    return from; // return same item\n  };\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      if (disabledRows[uid]) return;\n      onRowClick(original, e, uid);\n      if (selection && onSelectionChange) {\n        onSelectionChange(selectSingle ? { [uid]: true } : { ...selection, [uid]: !selection[uid] }, uid, e);\n      }\n      onRowFocus(\n        {\n          itemIndex,\n          scrollToItem: (\n            opts: { align: 'auto' | 'start' | 'center' | 'end' } = {\n              align: 'start',\n            },\n          ) => scrollToIndex(itemIndex, opts),\n          original,\n        },\n        e,\n      );\n    },\n    [row, disabledRows, onRowClick, selection, onSelectionChange, onRowFocus, itemIndex, selectSingle, scrollToIndex],\n  );\n\n  const isActive = draggableProps && draggableProps.active;\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDragOverlay || isActive) {\n        e.preventDefault();\n        return;\n      }\n      const { target } = e;\n      const isChildEvent = (target as HTMLElement).getAttribute('role') !== 'row'; // if the event comes from a row\n\n      if (e.code === 'Enter') {\n        if (!isChildEvent) {\n          e.preventDefault();\n          if (drilldownRowId !== row.uid) {\n            setDrilldownRowId(row.uid);\n            setTimeout(() => {\n              const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);\n              if (focuseableCell) focuseableCell.ref.current.focus();\n            });\n          }\n        }\n      }\n      if (e.code === 'Space') {\n        if (!isChildEvent) {\n          e.preventDefault();\n        }\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        const next = findInCircularList(items, itemIndex, isOptionFocuseable);\n        setFocusedRowId(items[next].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        const prev = findInCircularList(items, itemIndex, isOptionFocuseable, -1);\n        setFocusedRowId(items[prev].uid);\n      }\n    },\n    [\n      isDragOverlay,\n      isActive,\n      drilldownRowId,\n      row,\n      setDrilldownRowId,\n      handleItemClick,\n      items,\n      itemIndex,\n      isOptionFocuseable,\n      setFocusedRowId,\n    ],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setDrilldownRowId(null);\n      }\n    },\n    [setDrilldownRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (\n        !disabledRows[row.uid] &&\n        e.target &&\n        e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT\n      ) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId, disabledRows],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/exported-related/RowRenderer/useRowRendererProperties.js

@@ -9,11 +9,14 @@ const useRowRendererProperties = ({
     tableProps: { colsLayoutStyle },
     layoutHelpers: { totalColumnsWidth }
   } = useContext(DataTableContext);
-  const userDataProperties = useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
-    if (cur.startsWith("data-"))
-      acc[cur] = row.original[cur];
-    return acc;
-  }, {}), [row]);
+  const userDataProperties = useMemo(
+    () => Object.keys(row.original).reduce((acc, cur) => {
+      if (cur.startsWith("data-"))
+        acc[cur] = row.original[cur];
+      return acc;
+    }, {}),
+    [row]
+  );
   const styleRelatedProps = useRowStyle(row);
   return {
     userDataProperties,

package/dist/esm/exported-related/RowRenderer/useRowRendererProperties.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowRendererProperties.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { TypescriptRow } from '../../types/props';\nimport { useRowStyle } from './useRowStyle';\n\nexport const useRowRendererProperties = ({\n  row,\n}: {\n  row: TypescriptRow;\n}): {\n  userDataProperties: Record<string, unknown>;\n  colsLayoutStyle: ColsLayoutStyle;\n  totalColumnsWidth: string | number;\n} & ReturnType<typeof useRowStyle> => {\n  const {\n    tableProps: { colsLayoutStyle },\n    layoutHelpers: { totalColumnsWidth },\n  } = useContext(DataTableContext);\n\n  const userDataProperties = useMemo(\n    () =>\n      Object.keys(row.original).reduce((acc, cur) => {\n        if (cur.startsWith('data-')) acc[cur] = row.original[cur];\n        return acc;\n      }, {}),\n    [row],\n  );\n\n  const styleRelatedProps = useRowStyle(row);\n\n  return {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    ...styleRelatedProps,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEA;AAEO,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,MAOoC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,MACf,WAAW,gBAAgB;AAE/B,QAAM,qBAAqB,QACzB,MACE,OAAO,KAAK,IAAI,QAAQ,EAAE,OAAO,CAAC,KAAK,QAAQ;AAC7C,QAAI,IAAI,WAAW,OAAO;AAAG,UAAI,OAAO,IAAI,SAAS;AACrD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC,GACP,CAAC,GAAG,CACN;AAEA,QAAM,oBAAoB,YAAY,GAAG;AAEzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,eAAe;AAEpC,SAAS,wBAAwB;AAEjC,SAAS,mBAAmB;AAErB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AACF,MAMsC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,IAC9B,eAAe,EAAE,kBAAkB;AAAA,EACrC,IAAI,WAAW,gBAAgB;AAE/B,QAAM,qBAAqB;AAAA,IACzB,MACE,OAAO,KAAK,IAAI,QAAQ,EAAE,OAAO,CAAC,KAAK,QAAQ;AAC7C,UAAI,IAAI,WAAW,OAAO;AAAG,YAAI,OAAO,IAAI,SAAS;AACrD,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,IACP,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,oBAAoB,YAAY,GAAG;AAEzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;",
   "names": []
 }

package/dist/esm/exported-related/RowRenderer/useRowStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowStyle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useMemo } from 'react';\nimport DataTableContext from '../../DataTableContext';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow, DropIndicatorPosition } from '../../types/props';\n\nexport const useRowStyle = (\n  row: TypescriptRow,\n): {\n  rowStyle: Record<string, unknown>;\n  shouldAppendDottedBorder: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n} => {\n  const { flattenedData } = useContext(DataTableContext);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  // ---------------------------------------------------------------------------\n  // Border calculation\n  // ---------------------------------------------------------------------------\n  const [borderTop, borderBottom, shouldAppendDottedBorder]: [string, string, boolean] = useMemo(() => {\n    if (row.original.dimsumHeaderValue) {\n      return ['none', 'none', false];\n    }\n    if (row.isExpanded && row.original.subRows && row.depth === 0) {\n      return ['1px solid #EBEDF0', 'none', true];\n    }\n\n    if (row.depth >= 1) {\n      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {\n        return ['none', '2px solid #EBEDF0', false];\n      }\n      return ['none', 'none', true];\n    }\n\n    return ['none', '1px solid #EBEDF0', false];\n  }, [row, flattenedData]);\n\n  const rowStyle = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  return {\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,WAAW,gBAAgB;AAErD,QAAM,EAAE,mBAAmB,WAAW,mBAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,4BAAuD,QAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC/B;AACA,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ,IAAI;AAAA,IAC3C;AAEA,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,MAC5C;AACA,aAAO,CAAC,QAAQ,QAAQ,IAAI;AAAA,IAC9B;AAEA,WAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,EAC5C,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,WAAW,QAAQ,MAAO,GAAE,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,CAAC;AAEvF,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,eAAe;AACpC,OAAO,sBAAsB;AAC7B,SAAS,2BAA2B;AAG7B,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,cAAc,IAAI,WAAW,gBAAgB;AAErD,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,wBAAwB,IAA+B,QAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC/B;AACA,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ,IAAI;AAAA,IAC3C;AAEA,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,MAC5C;AACA,aAAO,CAAC,QAAQ,QAAQ,IAAI;AAAA,IAC9B;AAEA,WAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,EAC5C,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,WAAW,QAAQ,OAAO,EAAE,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,CAAC;AAEvF,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/RowVariants.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ROW_VARIANTS = {\n  HEADER_GROUP: 'ds-header-group-row',\n  PRIMARY: 'ds-primary-row',\n  SECONDARY: 'ds-secondary-row',\n  COMPACT_PRIMARY: 'ds-compact-primary-row',\n  COMPACT_SECONDARY: 'ds-compact-secondary-row',\n  SKELETON: 'ds-skeleton-row',\n};\n\nexport const ROW_VARIANT_KEY = 'row_variant_type';\nexport const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAEO,MAAM,kBAAkB;AACxB,MAAM,0BAA0B;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAEO,MAAM,kBAAkB;AACxB,MAAM,0BAA0B;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
 import { styled, css } from "@elliemae/ds-system";
 import { DSButtonV2 } from "@elliemae/ds-button";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
@@ -63,14 +64,17 @@ const Toolbar = ({ isRowSelected, cell, children }) => {
   const handleOnClickOutside = useCallback(() => setShow(false), []);
   const handleOnClick = useCallback(() => setShow((prev) => !prev), []);
   useOnClickOutside(toolbarRef, handleOnClickOutside);
-  const setTriggerRefs = useCallback((_ref) => {
-    if (_ref) {
-      toolbarTriggerRef.current = _ref;
-      if (cell?.ref?.current) {
-        cell.ref.current = _ref;
+  const setTriggerRefs = useCallback(
+    (_ref) => {
+      if (_ref) {
+        toolbarTriggerRef.current = _ref;
+        if (cell?.ref?.current) {
+          cell.ref.current = _ref;
+        }
       }
-    }
-  }, [cell?.ref]);
+    },
+    [cell?.ref]
+  );
   const onToolbarKeyDown = useCallback((e) => {
     if (e.code === "Escape") {
       setShow(false);
@@ -85,23 +89,31 @@ const Toolbar = ({ isRowSelected, cell, children }) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
+  return /* @__PURE__ */ jsx(ToolbarPosition, {
     onBlur: handleOnBlurToolBar,
     ref: toolbarRef,
-    onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
-    onKeyDown: onToolbarKeyDown,
-    isOpen: show
-  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, children), /* @__PURE__ */ React2.createElement(StyledButton, {
-    buttonType: "icon",
-    className: "toolbar-trigger",
-    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    innerRef: setTriggerRefs,
-    onClick: handleOnClick,
-    tabIndex: isRowSelected === false ? -1 : 0,
-    "aria-label": "Row actions",
-    onMouseDown: (e) => e.preventDefault()
-  }, /* @__PURE__ */ React2.createElement(MoreOptionsVert, null))));
+    onClick: (e) => e.stopPropagation(),
+    children: /* @__PURE__ */ jsxs(ToolbarWrapper, {
+      onKeyDown: onToolbarKeyDown,
+      isOpen: show,
+      children: [
+        show && /* @__PURE__ */ jsx(ToolbarBtns, {
+          children
+        }),
+        /* @__PURE__ */ jsx(StyledButton, {
+          buttonType: "icon",
+          className: "toolbar-trigger",
+          "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+          innerRef: setTriggerRefs,
+          onClick: handleOnClick,
+          tabIndex: isRowSelected === false ? -1 : 0,
+          "aria-label": "Row actions",
+          onMouseDown: (e) => e.preventDefault(),
+          children: /* @__PURE__ */ jsx(MoreOptionsVert, {})
+        })
+      ]
+    })
+  });
 };
 export {
   Toolbar

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Toolbar/Toolbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef, useState } from 'react';\nimport { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst boxShadow = css`\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  & > .toolbar-trigger {\n    border: none;\n  }\n`;\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n\n  ${({ isOpen }) => isOpen && boxShadow}\n\n  & .toolbar-trigger:focus {\n    z-index: 8;\n  }\n`;\n\nconst StyledButton = styled(DSButtonV2)`\n  background-color: transparent;\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: transparent;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: neutral-080;\n    z-index: 7;\n  }\n`;\n\nexport const Toolbar: React.ComponentType<Record<string, unknown>> = ({ isRowSelected, cell, children }) => {\n  const [show, setShow] = useState(false);\n\n  const toolbarRef = useRef(null);\n  const toolbarTriggerRef = useRef<HTMLButtonElement | null>();\n\n  const handleOnClickOutside = useCallback(() => setShow(false), []);\n\n  const handleOnClick = useCallback(() => setShow((prev) => !prev), []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  const setTriggerRefs = useCallback(\n    (_ref: HTMLButtonElement | null) => {\n      if (_ref) {\n        toolbarTriggerRef.current = _ref;\n        if (cell?.ref?.current) {\n          cell.ref.current = _ref;\n        }\n      }\n    },\n    [cell?.ref],\n  );\n\n  const onToolbarKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.code === 'Escape') {\n      setShow(false);\n      toolbarTriggerRef.current?.focus();\n    }\n    e.stopPropagation();\n  }, []);\n\n  const handleOnBlurToolBar = useCallback(() => {\n    setTimeout(() => {\n      if (!toolbarRef?.current?.contains?.(document.activeElement)) {\n        setShow(false);\n      }\n    });\n  }, []);\n\n  return (\n    <ToolbarPosition\n      onBlur={handleOnBlurToolBar}\n      ref={toolbarRef}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n    >\n      <ToolbarWrapper onKeyDown={onToolbarKeyDown} isOpen={show}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <StyledButton\n          buttonType=\"icon\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          innerRef={setTriggerRefs}\n          onClick={handleOnClick}\n          tabIndex={isRowSelected === false ? -1 : 0}\n          aria-label=\"Row actions\"\n          onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        >\n          <MoreOptionsVert />\n        </StyledButton>\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO1B,CAAC,EAAE,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBxB,MAAM,UAAwD,CAAC,EAAE,eAAe,MAAM,eAAe;AAC1G,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AAEtC,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,oBAAoB,OAAiC;AAE3D,QAAM,uBAAuB,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,gBAAgB,YAAY,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;AAEpE,oBAAkB,YAAY,oBAAoB;AAElD,QAAM,iBAAiB,YACrB,CAAC,SAAmC;AAClC,QAAI,MAAM;AACR,wBAAkB,UAAU;AAC5B,UAAI,MAAM,KAAK,SAAS;AACtB,aAAK,IAAI,UAAU;AAAA,MACrB;AAAA,IACF;AAAA,EACF,GACA,CAAC,MAAM,GAAG,CACZ;AAEA,QAAM,mBAAmB,YAAY,CAAC,MAA2B;AAC/D,QAAI,EAAE,SAAS,UAAU;AACvB,cAAQ,KAAK;AACb,wBAAkB,SAAS,MAAM;AAAA,IACnC;AACA,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,eAAW,MAAM;AACf,UAAI,CAAC,YAAY,SAAS,WAAW,SAAS,aAAa,GAAG;AAC5D,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,qCAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS,CAAC,MAAwB,EAAE,gBAAgB;AAAA,KAEpD,qCAAC;AAAA,IAAe,WAAW;AAAA,IAAkB,QAAQ;AAAA,KAClD,QAAQ,qCAAC,mBAAa,QAAS,GAChC,qCAAC;AAAA,IACC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,YAAY;AAAA,IACzB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU,kBAAkB,QAAQ,KAAK;AAAA,IACzC,cAAW;AAAA,IACX,aAAa,CAAC,MAAwB,EAAE,eAAe;AAAA,KAEvD,qCAAC,qBAAgB,CACnB,CACF,CACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,aAAa,QAAQ,gBAAgB;AACrD,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAE5B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO1B,CAAC,EAAE,OAAO,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBxB,MAAM,UAAwD,CAAC,EAAE,eAAe,MAAM,SAAS,MAAM;AAC1G,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,oBAAoB,OAAiC;AAE3D,QAAM,uBAAuB,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,gBAAgB,YAAY,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;AAEpE,oBAAkB,YAAY,oBAAoB;AAElD,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmC;AAClC,UAAI,MAAM;AACR,0BAAkB,UAAU;AAC5B,YAAI,MAAM,KAAK,SAAS;AACtB,eAAK,IAAI,UAAU;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,GAAG;AAAA,EACZ;AAEA,QAAM,mBAAmB,YAAY,CAAC,MAA2B;AAC/D,QAAI,EAAE,SAAS,UAAU;AACvB,cAAQ,KAAK;AACb,wBAAkB,SAAS,MAAM;AAAA,IACnC;AACA,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,eAAW,MAAM;AACf,UAAI,CAAC,YAAY,SAAS,WAAW,SAAS,aAAa,GAAG;AAC5D,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS,CAAC,MAAwB,EAAE,gBAAgB;AAAA,IAEpD,+BAAC;AAAA,MAAe,WAAW;AAAA,MAAkB,QAAQ;AAAA,MAClD;AAAA,gBAAQ,oBAAC;AAAA,UAAa;AAAA,SAAS;AAAA,QAChC,oBAAC;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,eAAa,YAAY;AAAA,UACzB,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU,kBAAkB,QAAQ,KAAK;AAAA,UACzC,cAAW;AAAA,UACX,aAAa,CAAC,MAAwB,EAAE,eAAe;AAAA,UAEvD,8BAAC,mBAAgB;AAAA,SACnB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;",
   "names": []
 }

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

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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/groupBy.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { uid } from 'uid';\n\nexport const groupBy = (data, headerKey) => {\n  if (data.length === 0) return [];\n  const groupsMap = {};\n  data.forEach((datum) => {\n    const groupValue = datum[headerKey];\n    if (Array.isArray(groupsMap[groupValue])) {\n      groupsMap[groupValue].push(datum);\n    } else {\n      groupsMap[groupValue] = [datum];\n    }\n  });\n  return Object.entries(groupsMap).map(([key, value]) => ({\n    dimsumHeaderValue: key,\n    subRows: value,\n    uid: uid(16),\n  }));\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,UAAU,CAAC,MAAM,cAAc;AAC1C,MAAI,KAAK,WAAW;AAAG,WAAO,CAAC;AAC/B,QAAM,YAAY,CAAC;AACnB,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,aAAa,MAAM;AACzB,QAAI,MAAM,QAAQ,UAAU,WAAW,GAAG;AACxC,gBAAU,YAAY,KAAK,KAAK;AAAA,IAClC,OAAO;AACL,gBAAU,cAAc,CAAC,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,WAAY;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,IAAI,EAAE;AAAA,EACb,EAAE;AACJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW;AAEb,MAAM,UAAU,CAAC,MAAM,cAAc;AAC1C,MAAI,KAAK,WAAW;AAAG,WAAO,CAAC;AAC/B,QAAM,YAAY,CAAC;AACnB,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,aAAa,MAAM;AACzB,QAAI,MAAM,QAAQ,UAAU,WAAW,GAAG;AACxC,gBAAU,YAAY,KAAK,KAAK;AAAA,IAClC,OAAO;AACL,gBAAU,cAAc,CAAC,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,IAAI,EAAE;AAAA,EACb,EAAE;AACJ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterPopover } from './FilterPopover';\nexport { EditableCell } from './EditableCell';\nexport { Toolbar } from './Toolbar';\nexport { groupBy } from './groupBy';\nexport * from './FilterTypes';\nexport * from './RowVariants';\nexport * from './Filters';\nexport * from './FilterBar';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/helpers/addCellData.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/addCellData.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport React from 'react';\nimport { InternalTypescriptRow, TypescriptCell, TypescriptColumn } from '../types/props';\n\nconst BasicCell: React.ComponentType<{ cell: TypescriptCell }> = ({ cell }) => cell.value;\n\nconst getCellValue = (row: InternalTypescriptRow, accessor: string | undefined): any => {\n  if (accessor === undefined) return null;\n  return row.original[accessor] ?? null;\n};\n\nconst addColumnData = (datum: InternalTypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell ?? BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: InternalTypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n"],
-  "mappings": "AAAA;ACEA;AAGA,MAAM,YAA2D,CAAC,EAAE,WAAW,KAAK;AAEpF,MAAM,eAAe,CAAC,KAA4B,aAAsC;AACtF,MAAI,aAAa;AAAW,WAAO;AACnC,SAAO,IAAI,SAAS,aAAa;AACnC;AAEA,MAAM,gBAAgB,CAAC,OAA8B,WAA6B;AAChF,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO,QAAQ;AAAA,IAC1C,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,OAAM,UAAU;AAAA,IACrB,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA,EAC9B,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,OAA8B,YAAsC;AAC9F,QAAM,QAAQ,CAAC;AACf,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO,GAAG,CAAC;AAAA;AACxE,oBAAc,OAAO,MAAM;AAAA,EAClC,CAAC;AACH;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,OAAOA,YAAW;AAGlB,MAAM,YAA2D,CAAC,EAAE,KAAK,MAAM,KAAK;AAEpF,MAAM,eAAe,CAAC,KAA4B,aAAsC;AACtF,MAAI,aAAa;AAAW,WAAO;AACnC,SAAO,IAAI,SAAS,aAAa;AACnC;AAEA,MAAM,gBAAgB,CAAC,OAA8B,WAA6B;AAChF,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO,QAAQ;AAAA,IAC1C,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAKA,OAAM,UAAU;AAAA,IACrB,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA,EAC9B,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,OAA8B,YAAsC;AAC9F,QAAM,QAAQ,CAAC;AACf,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO,GAAG,CAAC;AAAA;AACxE,oBAAc,OAAO,MAAM;AAAA,EAClC,CAAC;AACH;",
+  "names": ["React"]
 }

package/dist/esm/helpers/cellPadding.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/cellPadding.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sizeToCss } from './sizeToCss';\n\nexport const cellPadding = ({ theme, column }: { theme: any; column: any }): string =>\n  `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;\n\nexport const columnPadding = ({\n  theme,\n  column,\n  shouldShowDnD,\n}: {\n  theme: any;\n  column: any;\n  shouldShowDnD: boolean;\n}): string => {\n  // Internal columns\n  if (column.padding !== undefined) return `padding: 0 ${sizeToCss(column.padding)};`;\n\n  // Default user columns\n  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,CAAC,EAAE,OAAO,aACnC,cAAc,UAAU,OAAO,OAAO,KAAK,MAAM,MAAM;AAElD,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,MAKY;AAEZ,MAAI,OAAO,YAAY;AAAW,WAAO,cAAc,UAAU,OAAO,OAAO;AAG/E,SAAO,cAAc,MAAM,MAAM,UAAU,gBAAgB,QAAQ,MAAM,MAAM;AACjF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,cAAc,CAAC,EAAE,OAAO,OAAO,MAC1C,cAAc,UAAU,OAAO,OAAO,KAAK,MAAM,MAAM;AAElD,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAIc;AAEZ,MAAI,OAAO,YAAY;AAAW,WAAO,cAAc,UAAU,OAAO,OAAO;AAG/E,SAAO,cAAc,MAAM,MAAM,UAAU,gBAAgB,QAAQ,MAAM,MAAM;AACjF;",
   "names": []
 }

package/dist/esm/helpers/columnsToGrid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/columnsToGrid.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { ColsLayoutStyle } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\nimport { sizeToCss } from './sizeToCss';\n\nconst columnsToGridImpl = (c: TypescriptColumn, grid: string[], colsLayoutStyle: ColsLayoutStyle) => {\n  if ('columns' in c) c.columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  else grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150)));\n};\n\nexport const columnsToGrid = (columns: TypescriptColumn[], colsLayoutStyle: ColsLayoutStyle): string[] => {\n  const grid: string[] = [];\n  columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  return grid;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEA,MAAM,oBAAoB,CAAC,GAAqB,MAAgB,oBAAqC;AACnG,MAAI,aAAa;AAAG,MAAE,QAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM,eAAe,CAAC;AAAA;AACvF,SAAK,KAAK,UAAU,EAAE,SAAU,qBAAoB,gBAAgB,OAAO,QAAQ,IAAI,CAAC;AAC/F;AAEO,MAAM,gBAAgB,CAAC,SAA6B,oBAA+C;AACxG,QAAM,OAAiB,CAAC;AACxB,UAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM,eAAe,CAAC;AACtE,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAE1B,MAAM,oBAAoB,CAAC,GAAqB,MAAgB,oBAAqC;AACnG,MAAI,aAAa;AAAG,MAAE,QAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM,eAAe,CAAC;AAAA;AACvF,SAAK,KAAK,UAAU,EAAE,UAAU,oBAAoB,gBAAgB,OAAO,QAAQ,IAAI,CAAC;AAC/F;AAEO,MAAM,gBAAgB,CAAC,SAA6B,oBAA+C;AACxG,QAAM,OAAiB,CAAC;AACxB,UAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM,eAAe,CAAC;AACtE,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/getIdFromUniqueRowAccessor.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/getIdFromUniqueRowAccessor.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { InternalTypescriptRow, UniqueRowAccessorType } from '../types/props';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: UniqueRowAccessorType,\n  row: Pick<InternalTypescriptRow, 'id' | 'original'>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return row.original[uniqueRowAccessor].toString();\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => row.original[key].toString()).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n"],
-  "mappings": "AAAA;ACKO,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG,SAAS;AAAA,EACzB;AAEA,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB,SAAS;AAAA,EAClD;AAEA,MAAI,MAAM,QAAQ,iBAAiB,GAAG;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,EAC/E;AAGA,SAAO,kBAAkB,IAAI,QAAQ;AACvC;",
+  "mappings": "AAAA,YAAY,WAAW;ACKhB,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG,SAAS;AAAA,EACzB;AAEA,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB,SAAS;AAAA,EAClD;AAEA,MAAI,MAAM,QAAQ,iBAAiB,GAAG;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,EAC/E;AAGA,SAAO,kBAAkB,IAAI,QAAQ;AACvC;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// style\nexport * from './sizeToCss';\nexport * from './columnsToGrid';\nexport * from './cellPadding';\n// crazy stuff\nexport * from './refs-helpers';\n\n// props-related\nexport * from './getIdFromUniqueRowAccessor';\nexport * from './addCellData';\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AAGA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAGd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/helpers/refs-helpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/refs-helpers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// allow multiple refs to be set to point to the same DOM element\nexport const setMultipleRefs = (...refs) => {\n  const filteredRefs = refs.filter(Boolean);\n  if (!filteredRefs.length) return () => null;\n  if (filteredRefs.length === 0) return () => null;\n\n  return (newRef) => {\n    filteredRefs.forEach((refToBeUpdated) => {\n      if (typeof refToBeUpdated === 'function') {\n        refToBeUpdated(newRef);\n      } else if (refToBeUpdated) {\n        refToBeUpdated.current = newRef;\n      }\n    });\n  };\n};\n"],
-  "mappings": "AAAA;ACCO,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO,OAAO;AACxC,MAAI,CAAC,aAAa;AAAQ,WAAO,MAAM;AACvC,MAAI,aAAa,WAAW;AAAG,WAAO,MAAM;AAE5C,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe,MAAM;AAAA,MACvB,WAAW,gBAAgB;AACzB,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO,OAAO;AACxC,MAAI,CAAC,aAAa;AAAQ,WAAO,MAAM;AACvC,MAAI,aAAa,WAAW;AAAG,WAAO,MAAM;AAE5C,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe,MAAM;AAAA,MACvB,WAAW,gBAAgB;AACzB,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/esm/helpers/sizeToCss.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/sizeToCss.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const sizeToCss = (size) => (typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size);\n"],
-  "mappings": "AAAA;ACAO,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,IAAI,IAAI,GAAG,WAAW;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,IAAI,IAAI,GAAG,WAAW;",
   "names": []
 }