@elliemae/ds-data-table 3.4.2 → 3.4.3

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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 DefaultRowContentRenderer_exports = {};
 __export(DefaultRowContentRenderer_exports, {
@@ -25,21 +28,23 @@ __export(DefaultRowContentRenderer_exports, {
 });
 module.exports = __toCommonJS(DefaultRowContentRenderer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Columns = require("../../addons/Columns");
 var import_constants = require("../../configs/constants");
 var import_Cells = require("../../parts/Cells");
 var import_styled = require("../../styled");
 var import_props = require("../../types/props");
-const DetailsWrapper = (props) => /* @__PURE__ */ import_react.default.createElement("div", {
+const DetailsWrapper = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
   "data-role": "detail-view",
   style: {
     borderTop: "1px solid #EBEDF0",
     borderBottom: "1px solid #EBEDF0"
   },
   onClick: (e) => e.stopPropagation(),
-  onKeyDown: (e) => e.stopPropagation()
-}, props.children);
+  onKeyDown: (e) => e.stopPropagation(),
+  children: props.children
+});
 const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
 const DefaultRowContentRenderer = (props) => {
   const {
@@ -65,11 +70,14 @@ const DefaultRowContentRenderer = (props) => {
       rowRef.current?.focus();
     }
   }, [focusedRowId, row.uid]);
-  const gridTemplateColProps = (0, import_react.useMemo)(() => ({
-    cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
-    isExpandable,
-    colLayoutStyle: colsLayoutStyle
-  }), [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]);
+  const gridTemplateColProps = (0, import_react.useMemo)(
+    () => ({
+      cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
+      isExpandable,
+      colLayoutStyle: colsLayoutStyle
+    }),
+    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]
+  );
   const detailsIndent = (0, import_react.useMemo)(() => {
     let padding = 0;
     for (let i = 0; i < visibleColumns.length; i += 1) {
@@ -82,45 +90,54 @@ const DefaultRowContentRenderer = (props) => {
     }
     return padding;
   }, [row.depth, visibleColumns]);
-  const handleSelectDisableRow = (0, import_react.useCallback)((e) => {
-    if (disabledRows[row.uid]) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, [disabledRows, row.uid]);
+  const handleSelectDisableRow = (0, import_react.useCallback)(
+    (e) => {
+      if (disabledRows[row.uid]) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    },
+    [disabledRows, row.uid]
+  );
   const PureRowContent = (0, import_react.useMemo)(() => {
     const DetailsView = row.original.tableRowDetails;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCellContainer, {
-      ref: rowRef,
-      key: row.uid,
-      tabIndex: disabledRows[row.uid] ? -1 : 0,
-      role: "row",
-      "aria-rowindex": row.realIndex + 1,
-      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
-      "aria-selected": selection?.[row.uid] === true,
-      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
-      "aria-disabled": disabledRows[row.uid],
-      ...gridTemplateColProps,
-      backgroundColor,
-      height: compact ? "24px" : "auto",
-      minHeight: compact ? "24px" : "36px",
-      isDropIndicatorPositionInside: dropIndicatorPosition === import_props.DropIndicatorPosition.Inside,
-      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
-      isDragOverlay,
-      isDragging,
-      selected: noSelectionColumn && selection?.[row.uid] === true,
-      disabled: disabledRows[row.uid],
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT,
-      onMouseDown: handleSelectDisableRow
-    }, /* @__PURE__ */ import_react.default.createElement(import_Cells.Cells, {
-      row,
-      isRowSelected: drilldownRowId === row.uid,
-      isDragOverlay,
-      key: row.uid
-    })), !isDragOverlay && isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ import_react.default.createElement(DetailsWrapper, null, /* @__PURE__ */ import_react.default.createElement(DetailsView, {
-      row,
-      detailsIndent
-    })));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCellContainer, {
+          ref: rowRef,
+          tabIndex: disabledRows[row.uid] ? -1 : 0,
+          role: "row",
+          "aria-rowindex": row.realIndex + 1,
+          "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
+          "aria-selected": selection?.[row.uid] === true,
+          "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
+          "aria-disabled": disabledRows[row.uid],
+          ...gridTemplateColProps,
+          backgroundColor,
+          height: compact ? "24px" : "auto",
+          minHeight: compact ? "24px" : "36px",
+          isDropIndicatorPositionInside: dropIndicatorPosition === import_props.DropIndicatorPosition.Inside,
+          shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
+          isDragOverlay,
+          isDragging,
+          selected: noSelectionColumn && selection?.[row.uid] === true,
+          disabled: disabledRows[row.uid],
+          "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT,
+          onMouseDown: handleSelectDisableRow,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Cells.Cells, {
+            row,
+            isRowSelected: drilldownRowId === row.uid,
+            isDragOverlay
+          }, row.uid)
+        }, row.uid),
+        !isDragOverlay && isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DetailsWrapper, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DetailsView, {
+            row,
+            detailsIndent
+          })
+        })
+      ]
+    });
   }, [
     row,
     disabledRows,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { DropIndicatorPosition, TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const handleSelectDisableRow = useCallback(\n    (e) => {\n      if (disabledRows[row.uid]) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [disabledRows, row.uid],\n  );\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={disabledRows[row.uid] ? -1 : 0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n          onMouseDown={handleSelectDisableRow}\n        >\n          <Cells row={row} isRowSelected={drilldownRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {!isDragOverlay && isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    disabledRows,\n    selection,\n    isExpandable,\n    expandedRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    handleSelectDisableRow,\n    drilldownRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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 RowRenderer_exports = {};
 __export(RowRenderer_exports, {
@@ -26,7 +29,9 @@ __export(RowRenderer_exports, {
 });
 module.exports = __toCommonJS(RowRenderer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react = require("react");
 var import_DataTableContext = require("../../DataTableContext");
 var import_styled = require("../../styled");
 var import_DefaultRowContentRenderer = require("./DefaultRowContentRenderer");
@@ -35,20 +40,21 @@ var import_useRowRendererProperties = require("./useRowRendererProperties");
 var import_DropIndicator = require("../../parts/DropIndicator");
 var import_SortableItemContext = require("../../parts/HoC/SortableItemContext");
 var import_constants = require("../../configs/constants");
-const magicDottedBorder = /* @__PURE__ */ import_react.default.createElement("svg", {
+const magicDottedBorder = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
   width: "100%",
-  height: "1px"
-}, /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.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,
@@ -90,9 +96,8 @@ const RowRenderer = (props) => {
     draggableProps,
     dropIndicatorPosition
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFullsizeGrid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledFullsizeGrid, {
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
     colsLayoutStyle,
     ...userDataProperties,
     totalColumnsWidth,
@@ -105,17 +110,22 @@ const RowRenderer = (props) => {
     "data-is-row-expanded": row.isExpanded,
     rows: rowsLayout,
     minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ import_react.default.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ import_react.default.createElement(import_DefaultRowContentRenderer.DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ import_react.default.createElement(import_DropIndicator.DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
+    height,
+    children: [
+      CustomRowContentRenderer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomRowContentRenderer, {
+        ...rowContentProps
+      }) : /* @__PURE__ */ (0, import_react.createElement)(import_DefaultRowContentRenderer.DefaultRowContentRenderer, {
+        ...rowContentProps,
+        key: row.uid
+      }),
+      shouldAppendDottedBorder && magicDottedBorder,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropIndicator.DropIndicator, {
+        vertical: false,
+        dropIndicatorPosition,
+        isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+      })
+    ]
+  }, row.uid);
 };
 var RowRenderer_default = RowRenderer;
 //# sourceMappingURL=index.js.map

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 */\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,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;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,mDAAC;AAAA,IACC,eAAa,6BAAY;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,mDAAC;AAAA,IAA0B,GAAG;AAAA,GAAiB,IAE/C,mDAAC;AAAA,IAA2B,GAAG;AAAA,IAAiB,KAAK,IAAI;AAAA,GAAK,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA;AACA,mBAAkC;AAClC,8BAAiC;AAEjC,oBAAmC;AAEnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,2BAA8B;AAC9B,iCAAoC;AACpC,uBAA4B;AAkB5B,MAAM,oBACJ,4CAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EACvB,sDAAC;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,UAAM,yBAAW,wCAAgB;AACvC,QAAM,EAAE,eAAe,QAAI,yBAAW,8CAAmB;AACzD,QAAM,EAAE,cAAc,IAAI;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,0DAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,QAAI,sDAAuB;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,6CAAC;AAAA,IACC,eAAa,6BAAY;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,4CAAC;AAAA,QAA0B,GAAG;AAAA,OAAiB,IAE/C,gDAAC;AAAA,QAA2B,GAAG;AAAA,QAAiB,KAAK,IAAI;AAAA,OAAK;AAAA,MAE/D,4BAA4B;AAAA,MAC7B,4CAAC;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/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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, {
@@ -37,7 +40,7 @@ const useRowRendererHandlers = ({
   drilldownRowId
 }) => {
   const {
-    tableProps: { onRowClick, onRowFocus, disabledRows },
+    tableProps: { onRowClick, onSelectionChange, selectSingle, selection, onRowFocus, disabledRows },
     virtualListHelpers: { scrollToIndex },
     setDrilldownRowId,
     setFocusedRowId
@@ -50,78 +53,96 @@ const useRowRendererHandlers = ({
     }
     return from;
   };
-  const handleItemClick = (0, import_react.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 = (0, import_react.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 = (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
-      setDrilldownRowId(null);
-    }
-  }, [setDrilldownRowId]);
-  const handleOnFocus = (0, import_react.useCallback)((e) => {
-    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, 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 = (0, import_react.useCallback)(
+    (e) => {
+      if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
+        setDrilldownRowId(null);
+      }
+    },
+    [setDrilldownRowId]
+  );
+  const handleOnFocus = (0, import_react.useCallback)(
+    (e) => {
+      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, disabledRows]
+  );
   return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
 };
 //# 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": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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, {
@@ -35,11 +38,14 @@ const useRowRendererProperties = ({
     tableProps: { colsLayoutStyle },
     layoutHelpers: { totalColumnsWidth }
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
-  const userDataProperties = (0, import_react.useMemo)(() => Object.keys(row.original).reduce((acc, cur) => {
-    if (cur.startsWith("data-"))
-      acc[cur] = row.original[cur];
-    return acc;
-  }, {}), [row]);
+  const userDataProperties = (0, import_react.useMemo)(
+    () => Object.keys(row.original).reduce((acc, cur) => {
+      if (cur.startsWith("data-"))
+        acc[cur] = row.original[cur];
+      return acc;
+    }, {}),
+    [row]
+  );
   const styleRelatedProps = (0, import_useRowStyle.useRowStyle)(row);
   return {
     userDataProperties,

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;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,IACA,GAAG;AAAA,EACL;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAEpC,8BAAiC;AAEjC,yBAA4B;AAErB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AACF,MAMsC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,IAC9B,eAAe,EAAE,kBAAkB;AAAA,EACrC,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,yBAAqB;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,wBAAoB,gCAAY,GAAG;AAEzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __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, {

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 } 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAAoC;AAG7B,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": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAAoC;AAG7B,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,cAAc,QAAI,yBAAW,wBAAAA,OAAgB;AAErD,QAAM,EAAE,eAAe,QAAI,yBAAW,8CAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,wBAAwB,QAA+B,sBAAQ,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,eAAW,sBAAQ,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": ["DataTableContext"]
 }