@elliemae/ds-data-table 3.0.0-next.5 → 3.0.0-next.51

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\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;\n  selectedRowId: string;\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    selectedRowId,\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    selectedRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    selectedRowId,\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,8BAAiC;AAEjC,oBAAmC;AAEnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,2BAA8B;AAC9B,iCAAoC;AACpC,uBAA4B;AAkB5B,MAAM,oBACJ,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,mDAAC,QAAD;AAAA,EACE,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;AAKpB,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,MAAM,6BAAW;AACvB,QAAM,EAAE,mBAAmB,6BAAW;AACtC,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,8DAAyB;AAAA,IAC3B;AAAA;AAOF,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,0DAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,kBAAmC,iCACpC,QADoC;AAAA,IAEvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,kCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,KACI,qBAJN;AAAA,IAKE;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS;AAAA,IACtC,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MAEC,2BACC,mDAAC,0BAAD,mBAA8B,oBAE9B,mDAAC,4DAAD,iCAA+B,kBAA/B;AAAA,IAAgD,KAAK,IAAI;AAAA,OAE1D,4BAA4B,mBAC7B,mDAAC,oCAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA;AAO3F,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,8BAAiC;AAEjC,oBAAmC;AAEnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,2BAA8B;AAC9B,iCAAoC;AACpC,uBAA4B;AAkB5B,MAAM,oBACJ,mDAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,mDAAC;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,6BAAW,wCAAgB;AACvC,QAAM,EAAE,mBAAmB,6BAAW,8CAAmB;AACzD,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,8DAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,0DAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC,iCACpC,QADoC;AAAA,IAEvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,mDAAC;AAAA,IACC,eAAa,6BAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,KACI,qBAJL;AAAA,IAKC;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,MAEC,2BACC,mDAAC,6CAA6B,gBAAiB,IAE/C,mDAAC,6FAA8B,kBAA9B;AAAA,IAA+C,KAAK,IAAI;AAAA,IAAK,GAE/D,4BAA4B,mBAC7B,mDAAC;AAAA,IACC,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA,GACrF,CACF;AAEJ;AAGA,IAAO,sBAAQ;",
   "names": []
 }

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

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useRowRendererHandlers_exports = {};
 __export(useRowRendererHandlers_exports, {
   useRowRendererHandlers: () => useRowRendererHandlers
 });
+module.exports = __toCommonJS(useRowRendererHandlers_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_constants = require("../../configs/constants");
@@ -43,11 +37,21 @@ const useRowRendererHandlers = ({
   selectedRowId
 }) => {
   const {
-    tableProps: { onRowClick, onRowFocus },
+    tableProps: { onRowClick, onRowFocus, disabledRows },
     virtualListHelpers: { scrollToIndex }
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const isOptionFocuseable = (opt) => !disabledRows[opt.uid];
+  const findInCircularList = (list, from, criteria, step = 1) => {
+    for (let i = (from + step + list.length) % list.length; i !== from && from > -1; i = (i + step + list.length) % list.length) {
+      if (criteria(list[i]))
+        return i;
+    }
+    return from;
+  };
   const { setSelectedRowId, setFocusedRowId } = (0, import_reducers.useDispatchRowsActions)();
   const handleItemClick = (0, import_react.useCallback)((e, { original, uid } = row) => {
+    if (disabledRows[uid])
+      return;
     onRowClick(original, e, uid);
     onRowFocus({
       itemIndex,
@@ -56,7 +60,7 @@ const useRowRendererHandlers = ({
       }) => scrollToIndex(itemIndex, opts),
       original
     }, e);
-  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
+  }, [row, disabledRows, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
   const isActive = draggableProps && draggableProps.active;
   const handleKeyDown = (0, import_react.useCallback)((e) => {
     if (isDragOverlay || isActive) {
@@ -80,26 +84,37 @@ const useRowRendererHandlers = ({
     }
     if (e.code === "ArrowDown") {
       e.preventDefault();
-      if (itemIndex + 1 < items.length)
-        setFocusedRowId(items[itemIndex + 1].uid);
+      e.stopPropagation();
+      const next = findInCircularList(items, itemIndex, isOptionFocuseable);
+      setFocusedRowId(items[next].uid);
     }
     if (e.code === "ArrowUp") {
       e.preventDefault();
-      if (itemIndex - 1 >= 0)
-        setFocusedRowId(items[itemIndex - 1].uid);
+      const prev = findInCircularList(items, itemIndex, isOptionFocuseable, -1);
+      setFocusedRowId(items[prev].uid);
     }
-  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
+  }, [
+    isDragOverlay,
+    isActive,
+    selectedRowId,
+    row,
+    setSelectedRowId,
+    handleItemClick,
+    items,
+    itemIndex,
+    isOptionFocuseable,
+    setFocusedRowId
+  ]);
   const handleOnBlur = (0, import_react.useCallback)((e) => {
     if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
   const handleOnFocus = (0, import_react.useCallback)((e) => {
-    if (e.target && e.target.getAttribute("data-testid") === import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+    if (!disabledRows[row.uid] && e.target && e.target.getAttribute("data-testid") === import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
       setFocusedRowId(row.uid);
     }
-  }, [row.uid, setFocusedRowId]);
+  }, [row.uid, setFocusedRowId, disabledRows]);
   return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
 };
-module.exports = __toCommonJS(useRowRendererHandlers_exports);
 //# sourceMappingURL=useRowRendererHandlers.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/useRowRendererHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { useDispatchRowsActions } from '../../redux/reducers';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  selectedRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  selectedRowId: string;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onRowFocus },\n    virtualListHelpers: { scrollToIndex },\n  } = useContext(DataTableContext);\n\n  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      // setSelectedRowId(null);\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, 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      if (e.code === 'Enter') {\n        e.preventDefault();\n        if (selectedRowId !== row.uid) {\n          setSelectedRowId(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      if (e.code === 'Space') {\n        e.preventDefault();\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);\n      }\n    },\n    [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setSelectedRowId(null);\n      }\n    },\n    [setSelectedRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,uBAA4B;AAC5B,8BAAiC;AAEjC,sBAAuC;AAGhC,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAaG;AACH,QAAM;AAAA,IACJ,YAAY,EAAE,YAAY;AAAA,IAC1B,oBAAoB,EAAE;AAAA,MACpB,6BAAW;AAEf,QAAM,EAAE,kBAAkB,oBAAoB;AAE9C,QAAM,kBAAkB,8BACtB,CAAC,GAAG,EAAE,UAAU,QAAQ,QAAQ;AAE9B,eAAW,UAAU,GAAG;AACxB,eACE;AAAA,MACE;AAAA,MACA,cAAc,CACZ,OAAuD;AAAA,QACrD,OAAO;AAAA,YAEN,cAAc,WAAW;AAAA,MAC9B;AAAA,OAEF;AAAA,KAGJ,CAAC,KAAK,YAAY,YAAY,WAAW;AAG3C,QAAM,WAAW,kBAAkB,eAAe;AAElD,QAAM,gBAAgB,8BACpB,CAAC,MAA2B;AAC1B,QAAI,iBAAiB,UAAU;AAC7B,QAAE;AACF;AAAA;AAEF,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,UAAI,kBAAkB,IAAI,KAAK;AAC7B,yBAAiB,IAAI;AACrB,mBAAW,MAAM;AACf,gBAAM,iBAAiB,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,YAAY;AACrE,cAAI;AAAgB,2BAAe,IAAI,QAAQ;AAAA;AAAA;AAAA;AAIrD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,sBAAgB,GAAG;AAAA;AAErB,QAAI,EAAE,SAAS,aAAa;AAC1B,QAAE;AACF,UAAI,YAAY,IAAI,MAAM;AAAQ,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAEzE,QAAI,EAAE,SAAS,WAAW;AACxB,QAAE;AACF,UAAI,YAAY,KAAK;AAAG,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAAA,KAGjE,CAAC,eAAe,UAAU,eAAe,KAAK,kBAAkB,iBAAiB,WAAW,OAAO;AAGrG,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,QAAI,EAAE,eAAe,aAAa,mBAAmB,0BAA0B;AAC7E,uBAAiB;AAAA;AAAA,KAGrB,CAAC;AAGH,QAAM,gBAAyC,8BAC7C,CAAC,MAAM;AACL,QAAI,EAAE,UAAU,EAAE,OAAO,aAAa,mBAAmB,6BAAY,wBAAwB;AAC3F,sBAAgB,IAAI;AAAA;AAAA,KAGxB,CAAC,IAAI,KAAK;AAGZ,SAAO,EAAE,iBAAiB,eAAe,cAAc;AAAA;",
+  "sourcesContent": ["/* 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 { useDispatchRowsActions } from '../../redux/reducers';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  selectedRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  selectedRowId: string;\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  } = 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 { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      // setSelectedRowId(null);\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      if (e.code === 'Enter') {\n        e.preventDefault();\n        if (selectedRowId !== row.uid) {\n          setSelectedRowId(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      if (e.code === 'Space') {\n        e.preventDefault();\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      selectedRowId,\n      row,\n      setSelectedRowId,\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        setSelectedRowId(null);\n      }\n    },\n    [setSelectedRowId],\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,uBAA4B;AAC5B,8BAAiC;AAEjC,sBAAuC;AAGhC,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAaG;AACH,QAAM;AAAA,IACJ,YAAY,EAAE,YAAY,YAAY;AAAA,IACtC,oBAAoB,EAAE;AAAA,MACpB,6BAAW,wCAAgB;AAE/B,QAAM,qBAAqB,CAAC,QAAiB,CAAC,aAAa,IAAI;AAE/D,QAAM,qBAAqB,CACzB,MACA,MACA,UACA,OAAO,MAEI;AACX,aACM,IAAK,QAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,IAAK,KAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,UAAI,SAAS,KAAK,EAAE;AAAG,eAAO;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,kBAAkB,oBAAoB,4CAAuB;AAErE,QAAM,kBAAkB,8BACtB,CAAC,GAAG,EAAE,UAAU,QAAQ,QAAQ;AAE9B,QAAI,aAAa;AAAM;AACvB,eAAW,UAAU,GAAG,GAAG;AAC3B,eACE;AAAA,MACE;AAAA,MACA,cAAc,CACZ,OAAuD;AAAA,QACrD,OAAO;AAAA,MACT,MACG,cAAc,WAAW,IAAI;AAAA,MAClC;AAAA,IACF,GACA,CACF;AAAA,EACF,GACA,CAAC,KAAK,cAAc,YAAY,YAAY,WAAW,aAAa,CACtE;AAEA,QAAM,WAAW,kBAAkB,eAAe;AAElD,QAAM,gBAAgB,8BACpB,CAAC,MAA2B;AAC1B,QAAI,iBAAiB,UAAU;AAC7B,QAAE,eAAe;AACjB;AAAA,IACF;AACA,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE,eAAe;AACjB,UAAI,kBAAkB,IAAI,KAAK;AAC7B,yBAAiB,IAAI,GAAG;AACxB,mBAAW,MAAM;AACf,gBAAM,iBAAiB,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,YAAY,IAAI;AACzE,cAAI;AAAgB,2BAAe,IAAI,QAAQ,MAAM;AAAA,QACvD,CAAC;AAAA,MACH;AAAA,IACF;AACA,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE,eAAe;AACjB,sBAAgB,GAAG,GAAG;AAAA,IACxB;AACA,QAAI,EAAE,SAAS,aAAa;AAC1B,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,YAAM,OAAO,mBAAmB,OAAO,WAAW,kBAAkB;AACpE,sBAAgB,MAAM,MAAM,GAAG;AAAA,IACjC;AACA,QAAI,EAAE,SAAS,WAAW;AACxB,QAAE,eAAe;AACjB,YAAM,OAAO,mBAAmB,OAAO,WAAW,oBAAoB,EAAE;AACxE,sBAAgB,MAAM,MAAM,GAAG;AAAA,IACjC;AAAA,EACF,GACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,QAAI,EAAE,eAAe,aAAa,aAAa,MAAM,0BAA0B;AAC7E,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF,GACA,CAAC,gBAAgB,CACnB;AAEA,QAAM,gBAAyC,8BAC7C,CAAC,MAAM;AACL,QACE,CAAC,aAAa,IAAI,QAClB,EAAE,UACF,EAAE,OAAO,aAAa,aAAa,MAAM,6BAAY,wBACrD;AACA,sBAAgB,IAAI,GAAG;AAAA,IACzB;AAAA,EACF,GACA,CAAC,IAAI,KAAK,iBAAiB,YAAY,CACzC;AAEA,SAAO,EAAE,iBAAiB,eAAe,cAAc,cAAc;AACvE;",
   "names": []
 }

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

@@ -18,31 +18,25 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useRowRendererProperties_exports = {};
 __export(useRowRendererProperties_exports, {
   useRowRendererProperties: () => useRowRendererProperties
 });
+module.exports = __toCommonJS(useRowRendererProperties_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_DataTableContext = require("../../DataTableContext");
@@ -66,5 +60,4 @@ const useRowRendererProperties = ({
     totalColumnsWidth
   }, styleRelatedProps);
 };
-module.exports = __toCommonJS(useRowRendererProperties_exports);
 //# sourceMappingURL=useRowRendererProperties.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/useRowRendererProperties.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAEpC,8BAAiC;AAEjC,yBAA4B;AAErB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,MAOoC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,MACf,6BAAW;AAEf,QAAM,qBAAqB,0BACzB,MACE,OAAO,KAAK,IAAI,UAAU,OAAO,CAAC,KAAK,QAAQ;AAC7C,QAAI,IAAI,WAAW;AAAU,UAAI,OAAO,IAAI,SAAS;AACrD,WAAO;AAAA,KACN,KACL,CAAC;AAGH,QAAM,oBAAoB,oCAAY;AAEtC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,KACG;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAEpC,8BAAiC;AAEjC,yBAA4B;AAErB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,MAOoC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,MACf,6BAAW,wCAAgB;AAE/B,QAAM,qBAAqB,0BACzB,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,oCAAY,GAAG;AAEzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,KACG;AAEP;",
   "names": []
 }

package/dist/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useRowStyle_exports = {};
 __export(useRowStyle_exports, {
   useRowStyle: () => useRowStyle
 });
+module.exports = __toCommonJS(useRowStyle_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_DataTableContext = __toESM(require("../../DataTableContext"));
@@ -59,5 +53,4 @@ const useRowStyle = (row) => {
     dropIndicatorPosition
   };
 };
-module.exports = __toCommonJS(useRowStyle_exports);
 //# sourceMappingURL=useRowStyle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/useRowStyle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport DataTableContext from '../../DataTableContext';\nimport { SortableItemContext, DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow } 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAA2D;AAGpD,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,6BAAW;AAErC,QAAM,EAAE,mBAAmB,6BAAW;AAKtC,QAAM,CAAC,WAAW,cAAc,4BAAuD,0BAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ;AAAA;AAE1B,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ;AAAA;AAGvC,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB;AAAA;AAEvC,aAAO,CAAC,QAAQ,QAAQ;AAAA;AAG1B,WAAO,CAAC,QAAQ,qBAAqB;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,WAAW,0BAAQ,MAAO,GAAE,WAAW,iBAAiB,CAAC,WAAW;AAE1E,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAA2D;AAGpD,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,6BAAW,+BAAgB;AAErD,QAAM,EAAE,mBAAmB,6BAAW,8CAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,4BAAuD,0BAAQ,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,0BAAQ,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;",
   "names": []
 }

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

@@ -4,42 +4,36 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowVariants_exports = {};
 __export(RowVariants_exports, {
   ROW_VARIANTS: () => ROW_VARIANTS,
   ROW_VARIANT_COMPACT_KEY: () => ROW_VARIANT_COMPACT_KEY,
   ROW_VARIANT_KEY: () => ROW_VARIANT_KEY
 });
+module.exports = __toCommonJS(RowVariants_exports);
 var React = __toESM(require("react"));
 const ROW_VARIANTS = {
   HEADER_GROUP: "ds-header-group-row",
   PRIMARY: "ds-primary-row",
   SECONDARY: "ds-secondary-row",
   COMPACT_PRIMARY: "ds-compact-primary-row",
-  COMPACT_SECONDARY: "ds-compact-secondary-row"
+  COMPACT_SECONDARY: "ds-compact-secondary-row",
+  SKELETON: "ds-skeleton-row"
 };
 const ROW_VARIANT_KEY = "row_variant_type";
 const ROW_VARIANT_COMPACT_KEY = "row_variant_compact";
-module.exports = __toCommonJS(RowVariants_exports);
 //# sourceMappingURL=RowVariants.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/RowVariants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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};\n\nexport const ROW_VARIANT_KEY = 'row_variant_type';\nexport const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,mBAAmB;AAAA;AAGd,MAAM,kBAAkB;AACxB,MAAM,0BAA0B;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/cjs/exported-related/Toolbar/Toolbar.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Toolbar_exports = {};
 __export(Toolbar_exports, {
   Toolbar: () => Toolbar
 });
+module.exports = __toCommonJS(Toolbar_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
@@ -80,31 +74,22 @@ const ToolbarPosition = import_styled_components.default.div`
 `;
 const Toolbar = ({ children }) => {
   const [show, setShow] = (0, import_react.useState)(false);
-  const [clicked, setClicked] = (0, import_react.useState)(false);
   const toolbarRef = (0, import_react.useRef)(null);
-  const handleOnClickOutside = (0, import_react.useCallback)(() => {
-    setShow(false);
-    setClicked(false);
-  }, []);
-  const handleOnClick = (0, import_react.useCallback)(() => {
-    setShow(true);
-    setClicked(true);
-  }, []);
+  const handleOnClickOutside = (0, import_react.useCallback)(() => setShow(false), []);
+  const handleOnClick = (0, import_react.useCallback)(() => setShow(true), []);
   (0, import_ds_utilities.useOnClickOutside)(toolbarRef, handleOnClickOutside);
   return /* @__PURE__ */ import_react.default.createElement(ToolbarPosition, {
     ref: toolbarRef
   }, /* @__PURE__ */ import_react.default.createElement(ToolbarWrapper, {
     onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(clicked)
-  }, show && /* @__PURE__ */ import_react.default.createElement(ToolbarBtns, null, children), /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "text",
+    onMouseLeave: () => setShow(false)
+  }, show && /* @__PURE__ */ import_react.default.createElement(ToolbarBtns, null, children), /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButtonV2, {
+    buttonType: "icon",
     className: "toolbar-trigger",
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null),
     onClick: handleOnClick,
     onKeyDown: (e) => ["Enter", "Space"].includes(e.code) && handleOnClick(),
     tabIndex: 0
-  })));
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null))));
 };
-module.exports = __toCommonJS(Toolbar_exports);
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/Toolbar/Toolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { DSButton } 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 ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\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  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\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: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n  const [clicked, setClicked] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => {\n    setShow(false);\n    setClicked(false);\n  }, []);\n\n  const handleOnClick = useCallback(() => {\n    setShow(true);\n    setClicked(true);\n  }, []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(clicked)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          icon={<MoreOptionsVert />}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,+BAAmB;AACnB,uBAAyB;AACzB,sBAAgC;AAChC,0BAAkC;AAClC,uBAA4B;AAE5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAoBP,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAMvD,MAAM,UAA+B,CAAC,EAAE,eAAe;AAC5D,QAAM,CAAC,MAAM,WAAW,2BAAS;AACjC,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,aAAa,yBAAO;AAE1B,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,QAAM,gBAAgB,8BAAY,MAAM;AACtC,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,6CAAkB,YAAY;AAE9B,SACE,mDAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,mDAAC,gBAAD;AAAA,IAAgB,cAAc,MAAM,QAAQ;AAAA,IAAO,cAAc,MAAM,QAAQ;AAAA,KAC5E,QAAQ,mDAAC,aAAD,MAAc,WACvB,mDAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,6BAAY;AAAA,IACzB,MAAM,mDAAC,iCAAD;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,MAAM,CAAC,SAAS,SAAS,SAAS,EAAE,SAAS;AAAA,IACzD,UAAU;AAAA;AAAA;",
+  "sourcesContent": ["import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\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 ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\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  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\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: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => setShow(false), []);\n\n  const handleOnClick = useCallback(() => setShow(true), []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(false)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButtonV2\n          buttonType=\"icon\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        >\n          <MoreOptionsVert />\n        </DSButtonV2>\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,+BAAmB;AACnB,uBAA2B;AAC3B,sBAAgC;AAChC,0BAAkC;AAClC,uBAA4B;AAE5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAoBP,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAMvD,MAAM,UAA+B,CAAC,EAAE,eAAe;AAC5D,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AAEtC,QAAM,aAAa,yBAAO,IAAI;AAE9B,QAAM,uBAAuB,8BAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,gBAAgB,8BAAY,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC;AAEzD,6CAAkB,YAAY,oBAAoB;AAElD,SACE,mDAAC;AAAA,IAAgB,KAAK;AAAA,KACpB,mDAAC;AAAA,IAAe,cAAc,MAAM,QAAQ,IAAI;AAAA,IAAG,cAAc,MAAM,QAAQ,KAAK;AAAA,KACjF,QAAQ,mDAAC,mBAAa,QAAS,GAChC,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,6BAAY;AAAA,IACzB,SAAS;AAAA,IACT,WAAW,CAAC,MAAM,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,KAAK,cAAc;AAAA,IACvE,UAAU;AAAA,KAEV,mDAAC,qCAAgB,CACnB,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/exported-related/Toolbar/index.js

@@ -4,32 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Toolbar_exports = {};
 __export(Toolbar_exports, {
   Toolbar: () => import_Toolbar.Toolbar
 });
+module.exports = __toCommonJS(Toolbar_exports);
 var React = __toESM(require("react"));
 var import_Toolbar = require("./Toolbar");
-module.exports = __toCommonJS(Toolbar_exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var groupBy_exports = {};
 __export(groupBy_exports, {
   groupBy: () => groupBy
 });
+module.exports = __toCommonJS(groupBy_exports);
 var React = __toESM(require("react"));
 var import_uid = require("uid");
 const groupBy = (data, headerKey) => {
@@ -49,5 +43,4 @@ const groupBy = (data, headerKey) => {
     uid: (0, import_uid.uid)(16)
   }));
 };
-module.exports = __toCommonJS(groupBy_exports);
 //# sourceMappingURL=groupBy.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/groupBy.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAAoB;AAEb,MAAM,UAAU,CAAC,MAAM,cAAc;AAC1C,MAAI,KAAK,WAAW;AAAG,WAAO;AAC9B,QAAM,YAAY;AAClB,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,aAAa,MAAM;AACzB,QAAI,MAAM,QAAQ,UAAU,cAAc;AACxC,gBAAU,YAAY,KAAK;AAAA,WACtB;AACL,gBAAU,cAAc,CAAC;AAAA;AAAA;AAG7B,SAAO,OAAO,QAAQ,WAAW,IAAI,CAAC,CAAC,KAAK,WAAY;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,oBAAI;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAAoB;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,WAAY;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,oBAAI,EAAE;AAAA,EACb,EAAE;AACJ;",
   "names": []
 }