@elliemae/ds-data-table 3.5.0-rc.2 → 3.5.0-rc.5

package/dist/cjs/parts/Rows.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 Rows_exports = {};
 __export(Rows_exports, {
@@ -40,30 +43,33 @@ const Rows = () => {
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const { visibleItems } = (0, import_react.useContext)(import_withConditionalDnDRowContext.DnDTreeContext);
   const items = visibleItems || flattenedData;
-  const PureVirtualizedRows = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, virtualItems.map((virtualItem) => {
-    const { index, measureRef, start } = virtualItem;
-    const row = items[index];
-    if (!row)
-      return null;
-    (0, import_helpers.addCellData)(row, visibleColumns);
-    const style = {
-      position: "absolute",
-      top: `${start}px`,
-      left: 0,
-      width: totalColumnsWidth
-    };
-    const rowProps = {
-      key: `ds-table-row-${row.uid}`,
-      row,
-      measureRef,
-      index,
-      itemIndex: index,
-      itemWrapperStyle: style
-    };
-    return /* @__PURE__ */ import_react.default.createElement(import_Row.RowWithContext, {
-      ...rowProps
-    });
-  })), [virtualItems, items, visibleColumns, totalColumnsWidth]);
+  const PureVirtualizedRows = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, virtualItems.map((virtualItem) => {
+      const { index, measureRef, start } = virtualItem;
+      const row = items[index];
+      if (!row)
+        return null;
+      (0, import_helpers.addCellData)(row, visibleColumns);
+      const style = {
+        position: "absolute",
+        top: `${start}px`,
+        left: 0,
+        width: totalColumnsWidth
+      };
+      const rowProps = {
+        key: `ds-table-row-${row.uid}`,
+        row,
+        measureRef,
+        index,
+        itemIndex: index,
+        itemWrapperStyle: style
+      };
+      return /* @__PURE__ */ import_react.default.createElement(import_Row.RowWithContext, {
+        ...rowProps
+      });
+    })),
+    [virtualItems, items, visibleColumns, totalColumnsWidth]
+  );
   return PureVirtualizedRows;
 };
 Rows.propTypes = {};

package/dist/cjs/parts/Rows.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Rows.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-underscore-dangle */\nimport React, { useContext, useMemo } from 'react';\n\nimport { RowWithContext as Row } from './Row';\nimport { DataTableContext } from '../DataTableContext';\nimport { DnDTreeContext, withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext';\nimport { addCellData } from '../helpers';\n\nconst Rows = (): JSX.Element => {\n  const {\n    virtualListHelpers: { virtualItems },\n    layoutHelpers: { totalColumnsWidth },\n    flattenedData,\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const { visibleItems } = useContext(DnDTreeContext);\n\n  const items = visibleItems || flattenedData;\n\n  const PureVirtualizedRows = useMemo(\n    () => (\n      <>\n        {virtualItems.map((virtualItem) => {\n          const { index, measureRef, start } = virtualItem;\n          const row = items[index];\n          if (!row) return null;\n          addCellData(row, visibleColumns);\n          const style = {\n            position: 'absolute',\n            top: `${start}px`,\n            left: 0,\n            width: totalColumnsWidth,\n          };\n          const rowProps = {\n            key: `ds-table-row-${row.uid}`,\n            row,\n            measureRef,\n            index, // this is consumed by the DnD HOC\n            itemIndex: index,\n            itemWrapperStyle: style,\n          };\n          return <Row {...rowProps} />;\n        })}\n      </>\n    ),\n    [virtualItems, items, visibleColumns, totalColumnsWidth],\n  );\n\n  return PureVirtualizedRows;\n};\n\nRows.propTypes = {};\n\nexport const RowsWithContext = withConditionalDnDRowContext(Rows);\nexport default RowsWithContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAE3C,iBAAsC;AACtC,8BAAiC;AACjC,0CAA6D;AAC7D,qBAA4B;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,6BAAW,wCAAgB;AAE/B,QAAM,EAAE,iBAAiB,6BAAW,kDAAc;AAElD,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,0BAC1B,MACE,wFACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,oCAAY,KAAK,cAAc;AAC/B,UAAM,QAAQ;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,GAAG;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AACA,UAAM,WAAW;AAAA,MACf,KAAK,gBAAgB,IAAI;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA,IACpB;AACA,WAAO,mDAAC;AAAA,MAAK,GAAG;AAAA,KAAU;AAAA,EAC5B,CAAC,CACH,GAEF,CAAC,cAAc,OAAO,gBAAgB,iBAAiB,CACzD;AAEA,SAAO;AACT;AAEA,KAAK,YAAY,CAAC;AAEX,MAAM,kBAAkB,sEAA6B,IAAI;AAChE,IAAO,eAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAE3C,iBAAsC;AACtC,8BAAiC;AACjC,0CAA6D;AAC7D,qBAA4B;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE,aAAa;AAAA,IACnC,eAAe,EAAE,kBAAkB;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,EAAE,aAAa,QAAI,yBAAW,kDAAc;AAElD,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,0BAAsB;AAAA,IAC1B,MACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC;AAAK,eAAO;AACjB,sCAAY,KAAK,cAAc;AAC/B,YAAM,QAAQ;AAAA,QACZ,UAAU;AAAA,QACV,KAAK,GAAG;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AACA,YAAM,WAAW;AAAA,QACf,KAAK,gBAAgB,IAAI;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MACpB;AACA,aAAO,6BAAAA,QAAA,cAAC,WAAAC,gBAAA;AAAA,QAAK,GAAG;AAAA,OAAU;AAAA,IAC5B,CAAC,CACH;AAAA,IAEF,CAAC,cAAc,OAAO,gBAAgB,iBAAiB;AAAA,EACzD;AAEA,SAAO;AACT;AAEA,KAAK,YAAY,CAAC;AAEX,MAAM,sBAAkB,kEAA6B,IAAI;AAChE,IAAO,eAAQ;",
+  "names": ["React", "Row"]
 }

package/dist/cjs/parts/SortByCaret.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 SortByCaret_exports = {};
 __export(SortByCaret_exports, {
@@ -28,12 +31,15 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_icons = require("@elliemae/ds-icons");
 const iconColor = ["brand-primary", 800];
-const SortByCaret = ({ isSortedDesc }) => (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement("span", {
-  style: { marginLeft: "4px" }
-}, isSortedDesc && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-  size: "s",
-  color: iconColor
-}), !isSortedDesc && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadUp, {
-  color: iconColor
-})), [isSortedDesc]);
+const SortByCaret = ({ isSortedDesc }) => (0, import_react.useMemo)(
+  () => /* @__PURE__ */ import_react.default.createElement("span", {
+    style: { marginLeft: "4px" }
+  }, isSortedDesc && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
+    size: "s",
+    color: iconColor
+  }), !isSortedDesc && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadUp, {
+    color: iconColor
+  })),
+  [isSortedDesc]
+);
 //# sourceMappingURL=SortByCaret.js.map

package/dist/cjs/parts/SortByCaret.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/SortByCaret.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';\n\nconst iconColor = ['brand-primary', 800];\n\nexport const SortByCaret: React.ComponentType<{ isSortedDesc: boolean }> = ({ isSortedDesc }) =>\n  useMemo(\n    () => (\n      <span style={{ marginLeft: '4px' }}>\n        {isSortedDesc && <ArrowheadDown size=\"s\" color={iconColor} />}\n        {!isSortedDesc && <ArrowheadUp color={iconColor} />}\n      </span>\n    ),\n    [isSortedDesc],\n  );\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,sBAA2C;AAE3C,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,mBAC5E,0BACE,MACE,mDAAC;AAAA,EAAK,OAAO,EAAE,YAAY,MAAM;AAAA,GAC9B,gBAAgB,mDAAC;AAAA,EAAc,MAAK;AAAA,EAAI,OAAO;AAAA,CAAW,GAC1D,CAAC,gBAAgB,mDAAC;AAAA,EAAY,OAAO;AAAA,CAAW,CACnD,GAEF,CAAC,YAAY,CACf;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,sBAA2C;AAE3C,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,aAAa,UACzF;AAAA,EACE,MACE,6BAAAA,QAAA,cAAC;AAAA,IAAK,OAAO,EAAE,YAAY,MAAM;AAAA,KAC9B,gBAAgB,6BAAAA,QAAA,cAAC;AAAA,IAAc,MAAK;AAAA,IAAI,OAAO;AAAA,GAAW,GAC1D,CAAC,gBAAgB,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAO;AAAA,GAAW,CACnD;AAAA,EAEF,CAAC,YAAY;AACf;",
+  "names": ["React"]
 }

package/dist/cjs/parts/SortableHeaderCell.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 SortableHeaderCell_exports = {};
 __export(SortableHeaderCell_exports, {

package/dist/cjs/parts/SortableHeaderCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/SortableHeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { TypescriptColumn } from '../types/props';\nimport { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext';\nimport { sizeToCss } from '../helpers';\n\nexport const SortableHeaderCell = ({\n  items,\n  isDragOverlay = false,\n  isGroup = false,\n  ...rest\n}: {\n  items: TypescriptColumn[];\n  isDragOverlay?: boolean;\n  isGroup: boolean;\n  children: JSX.Element | JSX.Element[];\n}): JSX.Element =>\n  withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({\n    ...rest,\n    cols: isGroup ? items.map((col) => sizeToCss(col.width ?? 150)) : undefined,\n    style: isGroup\n      ? {\n          gridAutoFlow: 'column',\n        }\n      : { display: 'flex' },\n  });\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AAErB,+CAAkD;AAClD,qBAA0B;AAEnB,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,KACP;AAAA,MAOH,gFAAkC,OAAO,aAAa,EAAE,mBAAI,EAAE;AAAA,EAC5D,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,IAAI,CAAC,QAAQ,8BAAU,IAAI,SAAS,GAAG,CAAC,IAAI;AAAA,EAClE,OAAO,UACH;AAAA,IACE,cAAc;AAAA,EAChB,IACA,EAAE,SAAS,OAAO;AACxB,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AAErB,+CAAkD;AAClD,qBAA0B;AAEnB,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,KACP;AACL,UAME,4EAAkC,OAAO,aAAa,EAAE,mBAAI,EAAE;AAAA,EAC5D,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,IAAI,CAAC,YAAQ,0BAAU,IAAI,SAAS,GAAG,CAAC,IAAI;AAAA,EAClE,OAAO,UACH;AAAA,IACE,cAAc;AAAA,EAChB,IACA,EAAE,SAAS,OAAO;AACxB,CAAC;",
   "names": []
 }

package/dist/cjs/parts/TableContent.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 TableContent_exports = {};
 __export(TableContent_exports, {
@@ -40,20 +43,23 @@ const TableContentComponent = (props) => {
     visibleColumns
   } = (0, import_react.useContext)(import_DataTableContext.default);
   const [shiftKeyPressed, setShiftKeyPressed] = (0, import_react.useState)(false);
-  const PureTableContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDataTableContentWrapper, {
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
-    ref: forwardedRef,
-    noSelectionAllowed: shiftKeyPressed,
-    onKeyDown: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey),
-    onKeyUp: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== "Shift"),
-    rows: pagination ? ["1fr", "auto"] : ["auto"],
-    cols: ["100%"]
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTableWrapper, {
-    role: "table",
-    "aria-rowcount": allDataFlattened.length,
-    "aria-colcount": visibleColumns.length,
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_TABLE
-  }, /* @__PURE__ */ import_react.default.createElement(import_VirtualRowsList.VirtualRowsList, null)), pagination ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null) : null), [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
+  const PureTableContent = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDataTableContentWrapper, {
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
+      ref: forwardedRef,
+      noSelectionAllowed: shiftKeyPressed,
+      onKeyDown: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey),
+      onKeyUp: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== "Shift"),
+      rows: pagination ? ["1fr", "auto"] : ["auto"],
+      cols: ["100%"]
+    }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTableWrapper, {
+      role: "table",
+      "aria-rowcount": allDataFlattened.length,
+      "aria-colcount": visibleColumns.length,
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_TABLE
+    }, /* @__PURE__ */ import_react.default.createElement(import_VirtualRowsList.VirtualRowsList, null)), pagination ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null) : null),
+    [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]
+  );
   return PureTableContent;
 };
 const TableContent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ import_react.default.createElement(TableContentComponent, {

package/dist/cjs/parts/TableContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/TableContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\n\nimport { StyledTableWrapper, StyledDataTableContentWrapper } from '../styled';\nimport DataTableContext from '../DataTableContext';\nimport { Pagination } from '../addons/Pagination';\nimport { VirtualRowsList } from './VirtualRowsList';\nimport { DATA_TESTID } from '../configs/constants';\n\ntype TableContentProps = {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n};\n\nconst TableContentComponent = (props: TableContentProps) => {\n  const { forwardedRef } = props;\n  const {\n    tableProps: { pagination },\n    allDataFlattened,\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const [shiftKeyPressed, setShiftKeyPressed] = useState(false);\n\n  const PureTableContent = useMemo(\n    () => (\n      <StyledDataTableContentWrapper\n        data-testid={DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER}\n        ref={forwardedRef}\n        noSelectionAllowed={shiftKeyPressed}\n        onKeyDown={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey)}\n        onKeyUp={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== 'Shift')}\n        rows={pagination ? ['1fr', 'auto'] : ['auto']}\n        cols={['100%']}\n      >\n        <StyledTableWrapper\n          role=\"table\"\n          aria-rowcount={allDataFlattened.length}\n          aria-colcount={visibleColumns.length}\n          data-testid={DATA_TESTID.DATA_TABLE_TABLE}\n        >\n          <VirtualRowsList />\n        </StyledTableWrapper>\n        {pagination ? <Pagination /> : null}\n      </StyledDataTableContentWrapper>\n    ),\n    [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed],\n  );\n\n  return PureTableContent;\n};\n\nexport const TableContent = React.forwardRef<HTMLDivElement>((props, ref) => (\n  <TableContentComponent {...props} forwardedRef={ref} />\n));\n\nexport default TableContent;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AAErD,oBAAkE;AAClE,8BAA6B;AAC7B,wBAA2B;AAC3B,6BAAgC;AAChC,uBAA4B;AAM5B,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA;AAAA,MACE,6BAAW,+BAAgB;AAE/B,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS,KAAK;AAE5D,QAAM,mBAAmB,0BACvB,MACE,mDAAC;AAAA,IACC,eAAa,6BAAY;AAAA,IACzB,KAAK;AAAA,IACL,oBAAoB;AAAA,IACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,QAAQ;AAAA,IAC/F,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS,OAAO;AAAA,IACrG,MAAM,aAAa,CAAC,OAAO,MAAM,IAAI,CAAC,MAAM;AAAA,IAC5C,MAAM,CAAC,MAAM;AAAA,KAEb,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,6BAAY;AAAA,KAEzB,mDAAC,4CAAgB,CACnB,GACC,aAAa,mDAAC,kCAAW,IAAK,IACjC,GAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe,CAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAe,qBAAM,WAA2B,CAAC,OAAO,QACnE,mDAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AAErD,oBAAkE;AAClE,8BAA6B;AAC7B,wBAA2B;AAC3B,6BAAgC;AAChC,uBAA4B;AAM5B,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,aAAa,IAAI;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,WAAW;AAAA,IACzB;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wBAAAA,OAAgB;AAE/B,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,KAAK;AAE5D,QAAM,uBAAmB;AAAA,IACvB,MACE,6BAAAC,QAAA,cAAC;AAAA,MACC,eAAa,6BAAY;AAAA,MACzB,KAAK;AAAA,MACL,oBAAoB;AAAA,MACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,QAAQ;AAAA,MAC/F,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS,OAAO;AAAA,MACrG,MAAM,aAAa,CAAC,OAAO,MAAM,IAAI,CAAC,MAAM;AAAA,MAC5C,MAAM,CAAC,MAAM;AAAA,OAEb,6BAAAA,QAAA,cAAC;AAAA,MACC,MAAK;AAAA,MACL,iBAAe,iBAAiB;AAAA,MAChC,iBAAe,eAAe;AAAA,MAC9B,eAAa,6BAAY;AAAA,OAEzB,6BAAAA,QAAA,cAAC,4CAAgB,CACnB,GACC,aAAa,6BAAAA,QAAA,cAAC,kCAAW,IAAK,IACjC;AAAA,IAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe;AAAA,EAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAe,aAAAA,QAAM,WAA2B,CAAC,OAAO,QACnE,6BAAAA,QAAA,cAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
+  "names": ["DataTableContext", "React"]
 }

package/dist/cjs/parts/VirtualRowsList.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 VirtualRowsList_exports = {};
 __export(VirtualRowsList_exports, {
@@ -46,15 +49,18 @@ const VirtualRowsList = () => {
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const { totalSize, scrollToIndex } = virtualListHelpers;
   const isEmptyContent = (0, import_react.useMemo)(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);
-  const onKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.ctrlKey && e.code === "End") {
-      scrollToIndex(flattenedData.length - 1);
-      setFocusedRowId(flattenedData[flattenedData.length - 1].uid);
-    } else if (e.ctrlKey && e.code === "Home") {
-      scrollToIndex(0, { align: "center" });
-      setFocusedRowId(flattenedData[0].uid);
-    }
-  }, [scrollToIndex, setFocusedRowId, flattenedData]);
+  const onKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.ctrlKey && e.code === "End") {
+        scrollToIndex(flattenedData.length - 1);
+        setFocusedRowId(flattenedData[flattenedData.length - 1].uid);
+      } else if (e.ctrlKey && e.code === "Home") {
+        scrollToIndex(0, { align: "center" });
+        setFocusedRowId(flattenedData[0].uid);
+      }
+    },
+    [scrollToIndex, setFocusedRowId, flattenedData]
+  );
   return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledVirtualListWrapper, {
     ref: virtualListRef,
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER,

package/dist/cjs/parts/VirtualRowsList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/VirtualRowsList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\nimport { EmptyContent } from './EmptyContent'; // imported this way to avoid circular dependencies\nimport { RowsWithContext as Rows } from './Rows'; // imported this way to avoid circular dependencies\nimport { Headers } from './Headers'; // imported this way to avoid circular dependencies\nimport { Footer } from './Footer'; // imported this way to avoid circular dependencies\nimport { DataTableContext } from '../DataTableContext';\nimport { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled';\nimport { MemoizedLoader as Loader } from './Loader';\nimport { DATA_TESTID } from '../configs/constants';\n\nexport const VirtualRowsList = () => {\n  const {\n    virtualListRef,\n    tableProps: { isLoading },\n    virtualListHelpers,\n    layoutHelpers: { totalColumnsWidth },\n    flattenedData,\n    setFocusedRowId,\n  } = useContext(DataTableContext);\n  const { totalSize, scrollToIndex } = virtualListHelpers;\n\n  const isEmptyContent = useMemo(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.ctrlKey && e.code === 'End') {\n        scrollToIndex(flattenedData.length - 1);\n        setFocusedRowId(flattenedData[flattenedData.length - 1].uid);\n      } else if (e.ctrlKey && e.code === 'Home') {\n        scrollToIndex(0, { align: 'center' });\n        setFocusedRowId(flattenedData[0].uid);\n      }\n    },\n    [scrollToIndex, setFocusedRowId, flattenedData],\n  );\n\n  return (\n    <StyledVirtualListWrapper\n      ref={virtualListRef}\n      data-testid={DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\n      onKeyDown={onKeyDown}\n      tabIndex={-1}\n    >\n      <StyledTableContentWrapper role=\"rowgroup\" height={isEmptyContent ? '100%' : totalSize}>\n        <Headers />\n        {isEmptyContent && <EmptyContent width={totalColumnsWidth} />}\n        {isLoading ? <Loader /> : null}\n        {!isLoading && !isEmptyContent && (\n          <>\n            <Rows />\n            <Footer />\n          </>\n        )}\n      </StyledTableContentWrapper>\n    </StyledVirtualListWrapper>\n  );\n};\n\nexport default VirtualRowsList;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,0BAA6B;AAC7B,kBAAwC;AACxC,qBAAwB;AACxB,oBAAuB;AACvB,8BAAiC;AACjC,oBAAoE;AACpE,oBAAyC;AACzC,uBAA4B;AAErB,MAAM,kBAAkB,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE;AAAA,IACd;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,6BAAW,wCAAgB;AAC/B,QAAM,EAAE,WAAW,kBAAkB;AAErC,QAAM,iBAAiB,0BAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc,MAAM,CAAC;AAEhH,QAAM,YAAY,8BAChB,CAAC,MAA2B;AAC1B,QAAI,EAAE,WAAW,EAAE,SAAS,OAAO;AACjC,oBAAc,cAAc,SAAS,CAAC;AACtC,sBAAgB,cAAc,cAAc,SAAS,GAAG,GAAG;AAAA,IAC7D,WAAW,EAAE,WAAW,EAAE,SAAS,QAAQ;AACzC,oBAAc,GAAG,EAAE,OAAO,SAAS,CAAC;AACpC,sBAAgB,cAAc,GAAG,GAAG;AAAA,IACtC;AAAA,EACF,GACA,CAAC,eAAe,iBAAiB,aAAa,CAChD;AAEA,SACE,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,mDAAC;AAAA,IAA0B,MAAK;AAAA,IAAW,QAAQ,iBAAiB,SAAS;AAAA,KAC3E,mDAAC,4BAAQ,GACR,kBAAkB,mDAAC;AAAA,IAAa,OAAO;AAAA,GAAmB,GAC1D,YAAY,mDAAC,kCAAO,IAAK,MACzB,CAAC,aAAa,CAAC,kBACd,wFACE,mDAAC,iCAAK,GACN,mDAAC,0BAAO,CACV,CAEJ,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,0BAA6B;AAC7B,kBAAwC;AACxC,qBAAwB;AACxB,oBAAuB;AACvB,8BAAiC;AACjC,oBAAoE;AACpE,oBAAyC;AACzC,uBAA4B;AAErB,MAAM,kBAAkB,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,UAAU;AAAA,IACxB;AAAA,IACA,eAAe,EAAE,kBAAkB;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAC/B,QAAM,EAAE,WAAW,cAAc,IAAI;AAErC,QAAM,qBAAiB,sBAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc,MAAM,CAAC;AAEhH,QAAM,gBAAY;AAAA,IAChB,CAAC,MAA2B;AAC1B,UAAI,EAAE,WAAW,EAAE,SAAS,OAAO;AACjC,sBAAc,cAAc,SAAS,CAAC;AACtC,wBAAgB,cAAc,cAAc,SAAS,GAAG,GAAG;AAAA,MAC7D,WAAW,EAAE,WAAW,EAAE,SAAS,QAAQ;AACzC,sBAAc,GAAG,EAAE,OAAO,SAAS,CAAC;AACpC,wBAAgB,cAAc,GAAG,GAAG;AAAA,MACtC;AAAA,IACF;AAAA,IACA,CAAC,eAAe,iBAAiB,aAAa;AAAA,EAChD;AAEA,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,6BAAAA,QAAA,cAAC;AAAA,IAA0B,MAAK;AAAA,IAAW,QAAQ,iBAAiB,SAAS;AAAA,KAC3E,6BAAAA,QAAA,cAAC,4BAAQ,GACR,kBAAkB,6BAAAA,QAAA,cAAC;AAAA,IAAa,OAAO;AAAA,GAAmB,GAC1D,YAAY,6BAAAA,QAAA,cAAC,cAAAC,gBAAA,IAAO,IAAK,MACzB,CAAC,aAAa,CAAC,kBACd,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,YAAAE,iBAAA,IAAK,GACN,6BAAAF,QAAA,cAAC,0BAAO,CACV,CAEJ,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "Loader", "Rows"]
 }

package/dist/cjs/parts/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 parts_exports = {};
 __export(parts_exports, {

package/dist/cjs/parts/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { default as TableContent } from './TableContent';\nexport { default as Loader } from './Loader';\nexport { default as EmptyContent } from './EmptyContent';\nexport { default as Row } from './Row';\nexport { default as Footer } from './Footer';\nexport { default as DnDHandle } from './DnDHandle';\n\n// not exporting Headers, Rows, RowLoading RowsDnD, VirtualRowsList, VirtualRowsListDnD to avoid circular dependencies\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwC;AACxC,oBAAkC;AAClC,0BAAwC;AACxC,iBAA+B;AAC/B,oBAAkC;AAClC,uBAAqC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwC;AACxC,oBAAkC;AAClC,0BAAwC;AACxC,iBAA+B;AAC/B,oBAAkC;AAClC,uBAAqC;",
   "names": []
 }

package/dist/cjs/parts/internal.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 internal_exports = {};
 __export(internal_exports, {

package/dist/cjs/parts/internal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/internal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { withDnDSortableColumnContext } from './HoC/withDnDSortableColumnContext';\nexport { HeaderCellGroup } from './Headers/HeaderCellGroup';", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0CAA6C;AAC7C,6BAAgC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0CAA6C;AAC7C,6BAAgC;",
   "names": []
 }

package/dist/cjs/styled.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 styled_exports = {};
 __export(styled_exports, {

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n`;\n\nexport const StyledDataTableWrapper = styled(Grid)<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled(Grid)<WidthAndHeight & { noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n`;\n\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n  overflow: auto;\n  height: 100%;\n  width: 100%;\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n  cols: string[];\n  isExpandable: boolean;\n  colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n  cols,\n  colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n  if (!cols) return '';\n  if (colsLayoutStyle === 'fixed') {\n    const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n    return `grid-template-columns: ${widthAttr}`;\n  }\n\n  return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n  colsLayoutStyle: string;\n  totalColumnsWidth: number | string;\n}>`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      isExpandable: props.isExpandable,\n      colsLayoutStyle: props.colsLayoutStyle,\n    })};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled.div<any>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n  display: inline-block;\n  background: transparent;\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled.div`\n  ${cellPadding}\n  /* border-bottom: 1px solid #ebedf0; */\n  /* box-sizing: border-box; */\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n  /* width: ${(props) =>\n    props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding: 0 ${(props) => props.padding};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n  grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      colsLayoutStyle: props.colLayoutStyle,\n      isExpandable: props.isExpandable,\n    })};\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme });\n  }}\n\n  ${({ shouldDisplayHover, theme, disabled }) =>\n    shouldDisplayHover && !disabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/tests/utils/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 utils_exports = {};
 __export(utils_exports, {

package/dist/cjs/tests/utils/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/tests/utils/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n  {\n    Header: 'id',\n    accessor: 'id',\n    canSort,\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    canSort,\n  },\n  {\n    Header: 'Position',\n    accessor: 'position',\n    canSort,\n  },\n  {\n    Header: 'Country',\n    accessor: 'country',\n    canSort,\n  },\n  {\n    Header: 'Salary',\n    accessor: 'salary',\n  },\n  {\n    Header: 'Single date',\n    accessor: 'singleDate',\n  },\n  {\n    Header: 'Date range',\n    accessor: 'dateRange',\n  },\n];\n\nconst generateRecord = (id: number) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id: number, level = 0) => {\n  const record: Record<string, any> = {\n    id: id + 1,\n    name: (id + 1) % 2 ? `John` : 'Francisco',\n    position: (id + 1) % 2 ? `Developer` : `Designer`,\n    country: (id + 1) % 2 ? 'US' : 'ARG',\n    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n    singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n    dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n    myUniqueRowAccessor: uid(16),\n  };\n  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n  return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  myUniqueRowAccessor: uid(16),\n  tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n  dimsumHeaderValue: id,\n  row_variant_type: 'ds_header_group_row',\n  subRows: [generateRecord(0)],\n  uid: uid(16),\n});\n\nexport const genRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n: number) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n: number) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/types/FunctionalHoC.js

@@ -13,7 +13,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 FunctionalHoC_exports = {};
 module.exports = __toCommonJS(FunctionalHoC_exports);

package/dist/cjs/types/FunctionalHoC.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/FunctionalHoC.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nexport type FunctionalHOC = <T = any>(Component: React.ComponentType<T>, ...other: any[]) => (props: T) => JSX.Element;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/types/props.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 props_exports = {};
 __export(props_exports, {

package/dist/cjs/types/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/types/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { MutableRefObject } from 'react';\nimport { useVirtual } from 'react-virtual/types';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n  dsId: string;\n  type: string;\n  value: string;\n  label: string;\n}\n\ninterface HeaderComponentProps {\n  ctx: TypescriptContext;\n}\n\nexport type DraggablePropsT =\n  | false\n  | (ReturnType<typeof useSortable> & {\n      dropIndicatorPosition: DropIndicatorPosition;\n      shouldShowDropIndicatorPosition: boolean;\n      lastActiveId?: string;\n      setLastActiveId?: React.Dispatch<React.SetStateAction<string>>;\n    });\n\ninterface CellComponentProps<T = HTMLElement> {\n  ctx: TypescriptContext;\n  isRowSelected: boolean;\n  row: InternalTypescriptRow;\n  cell: TypescriptCell<T>;\n  draggableProps: DraggablePropsT;\n  isDragOverlay: boolean;\n}\n\nexport enum DropIndicatorPosition {\n  None = 0,\n  Before = 1,\n  After = 2,\n  Inside = 3,\n}\n\nexport interface TypescriptColumn<T extends HTMLElement = HTMLElement> {\n  id?: string;\n  Header: string | React.ComponentType<HeaderComponentProps>;\n  accessor?: string;\n  filter?: string;\n  filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n  filterMinWidth?: number | string;\n  Filter?: React.ComponentType<FilterProps>;\n  Cell?: React.ComponentType<CellComponentProps<T>>;\n  editable?: string | TypescriptGenericFunc;\n  disableDnD?: boolean;\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  padding?: number;\n  columns?: TypescriptColumn[];\n  canSort?: boolean;\n  isSortedDesc?: boolean;\n  canResize?: boolean;\n  isFocuseable?: boolean;\n  textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n  ref?: React.MutableRefObject<HTMLTableColElement>;\n  required?: boolean;\n  alwaysDisplayEditIcon?: boolean;\n}\n\nexport interface TypescriptCell<T = HTMLElement> {\n  column: TypescriptColumn;\n  value: any;\n  render: React.ComponentType<CellComponentProps>;\n  row: InternalTypescriptRow;\n  ref: React.RefObject<T>;\n  id: string;\n}\n\nexport interface TypescriptRow {\n  [key: string]: any;\n  subRows: TypescriptRow[];\n  tableRowDetails: React.ComponentType<any>;\n  dimsumHeaderValue: string;\n}\n\nexport interface InternalTypescriptRow {\n  id: string;\n  uid: string;\n  index: number;\n  realIndex: number;\n  parentId: string | null;\n  parentIndex: number | null;\n  depth: number;\n  isExpanded: boolean;\n  subRows: TypescriptRow[];\n  childrenCount: number;\n  original: TypescriptRow;\n  cells: TypescriptCell[];\n}\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n  columnWidth: number;\n  renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n  id: string;\n  type: string;\n  value: any;\n};\n\nexport type TypescriptPagination = {\n  page?: any[];\n  pageIndex?: number;\n  canPreviousPage?: boolean;\n  canNextPage?: boolean;\n  pageSize?: number;\n  dataIsPage?: boolean;\n  showPerPageSelector?: boolean;\n  perPageOptions?: number[];\n  perPageStep?: number;\n  minPerPage?: number;\n  maxPerPage?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPreviousPage?: () => void;\n  onNextPage?: () => void;\n  onPageChange?: (page: number) => void;\n  pageCount?: number;\n  pageDetails?: string[];\n  pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n  id: string;\n  desc: boolean;\n};\n\nexport type TypescriptSelectionItem = boolean | 'mixed';\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type UniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string) | undefined;\n\nexport interface ReduxHeader {\n  hideFilterMenu: boolean;\n  hideFilterButton: boolean;\n  showDnDHandle: boolean;\n  withTabStops: boolean;\n}\n\ninterface DataTableFilter {\n  id: string;\n  type: string;\n  value: any;\n}\n\ninterface PropsWithDefault {\n  height: string;\n  width: string;\n  renderRowActions: boolean;\n  getRowVariant: (\n    row: TypescriptRow,\n    defaultCellRenderer: React.ComponentType<any>,\n  ) => RowVariant | React.ComponentType<any>;\n  withFilterBar: boolean;\n  isExpandable: boolean;\n  expandedRows: Record<string, boolean>;\n  disabledRows: Record<string, boolean>;\n  isResizeable: boolean;\n  isLoading: boolean;\n  pagination: false | TypescriptPagination;\n  filters: DataTableFilter[];\n  colsLayoutStyle: ColsLayoutStyle;\n  hiddenColumns: string[];\n  noResultsMessage: string;\n  dragAndDropRows: boolean;\n  maxDragAndDropLevel: number;\n  onRowsReorder: (\n    newData: TypescriptRow[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  dragAndDropColumns: boolean;\n  onColumnsReorder: (newData: TypescriptColumn[], indexes: { targetIndex: number; fromIndex: number }) => void;\n  onColumnResize: (headerId: string, width: number) => void;\n  onRowClick: TypescriptGenericFunc;\n  onRowFocus: TypescriptGenericFunc;\n  noSelectionColumn: boolean;\n  selectSingle: boolean;\n  onSelectionChange: (newSelection: TypescriptSelection, selectedControl: string, event: React.ChangeEvent) => void;\n  textWrap: 'wrap' | 'wrap-all' | 'truncate';\n  onCellValueChange: (cellChange: { value: any; property: any; rowIndex: number }) => void;\n  onFiltersChange: TypescriptGenericFunc;\n  onPageChanged: TypescriptGenericFunc;\n  onRowExpand: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n  onColumnSortChange: (newSortRequest: { column: any; direction: any }) => void;\n}\n\ninterface PropsRequired {\n  columns: TypescriptColumn[];\n  data: TypescriptRow[];\n}\n\ninterface PropsOptional {\n  uniqueRowAccessor?: UniqueRowAccessorType;\n  cellRendererProps?: Record<string, any>;\n  selection?: TypescriptSelection;\n  groupedRowsRenderHeader?: TypescriptGenericFunc | string;\n  filterBarProps?: {\n    filterBarAddonRenderer?: React.ComponentType<any>;\n    customPillRenderer?: React.ComponentType<any>;\n    extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptGenericFunc }[];\n  };\n  actionRef?: React.RefObject<any>;\n  noResultsSecondaryMessage?: string;\n  noResultsButtonLabel?: string;\n  noResultsPlaceholder?: TypescriptGenericFunc;\n  onNoResultsButtonClick?: TypescriptGenericFunc;\n}\n\nexport interface TypescriptProps extends Partial<PropsWithDefault>, PropsRequired, PropsOptional {}\nexport interface InternalTypescriptProps extends PropsWithDefault, PropsRequired, PropsOptional {}\n\nexport interface FilterProps {\n  column: TypescriptColumn;\n  ctx: TypescriptContext;\n  onFiltersChange?: (filters: DataTableFilter[]) => void;\n  onValueChange: (type: string, value: any) => void;\n  patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;\n  patchHeader: (headerId: string, newHeader: any) => void;\n  filterValue?: any;\n  reduxHeader?: any;\n  innerRef: MutableRefObject<HTMLDivElement>;\n}\n\nexport type TypescriptContext = {\n  tableProps: InternalTypescriptProps;\n  virtualListRef: React.RefObject<HTMLDivElement>;\n  columnHeaderRef: React.RefObject<HTMLDivElement>;\n  flattenedData: InternalTypescriptRow[];\n  allDataFlattened: InternalTypescriptRow[];\n  visibleColumns: TypescriptColumn[];\n  virtualListHelpers?: ReturnType<typeof useVirtual>;\n  layoutHelpers: {\n    totalColumnsWidth?: number | string;\n    gridLayout?: string[];\n    setGridLayout?: React.Dispatch<React.SetStateAction<string[]>>;\n  };\n  paginationHelpers: TypescriptPagination;\n  drilldownRowId: string | null;\n  setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n  focusedRowId: string | null;\n  setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n  reduxHeaders: Record<string, ReduxHeader>;\n  patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n  patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoChB,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoChB,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,8CAAA,UAAO,KAAP;AACA,EAAAA,8CAAA,YAAS,KAAT;AACA,EAAAA,8CAAA,WAAQ,KAAR;AACA,EAAAA,8CAAA,YAAS,KAAT;AAJU,SAAAA;AAAA,GAAA;",
+  "names": ["DropIndicatorPosition"]
 }

package/dist/esm/DataTable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTable.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { TableContent } from './parts/TableContent';\nimport { TypescriptProps } from './types/props';\nimport { DataTableContext, defaultProps } from './DataTableContext';\nimport { DATA_TESTID } from './configs/constants';\nimport { useDatatableConfig } from './configs/useDatatableConfig';\nimport { FiltersBar } from './parts/FilterBar/FiltersBar';\nimport { DataTableSchema } from './DataTableSchema';\nimport { StyledDataTableWrapper } from './styled';\n\nexport const DataTable = (props: TypescriptProps): JSX.Element => {\n  const { withFilterBar } = props;\n\n  const tableWrapperRef = useRef();\n  const tableContentWrapperRef = useRef();\n\n  const ctx = useDatatableConfig(props);\n\n  const {\n    tableProps: { height, width },\n  } = ctx;\n\n  return (\n    <DataTableContext.Provider value={ctx}>\n      <StyledDataTableWrapper\n        ref={tableWrapperRef}\n        data-testid={DATA_TESTID.DATA_TABLE_WRAPPER}\n        height={height}\n        width={width}\n        cols={['100%']}\n        rows={withFilterBar ? ['auto', '1fr'] : ['1fr']}\n      >\n        {withFilterBar ? <FiltersBar /> : null}\n        <TableContent ref={tableContentWrapperRef} />\n      </StyledDataTableWrapper>\n    </DataTableContext.Provider>\n  );\n};\n\nDataTable.propTypes = DataTableSchema;\nDataTable.defaultProps = { ...defaultProps };\nDataTable.displayName = 'DataTable';\nexport const DataTableWithSchema = describe(DataTable).description('Data Table');\nDataTableWithSchema.propTypes = DataTableSchema;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,kBAAkB;AAE1B,QAAM,kBAAkB,OAAO;AAC/B,QAAM,yBAAyB,OAAO;AAEtC,QAAM,MAAM,mBAAmB,KAAK;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ;AAAA,MACpB;AAEJ,SACE,qCAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAChC,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,MAAM,CAAC,MAAM;AAAA,IACb,MAAM,gBAAgB,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK;AAAA,KAE7C,gBAAgB,qCAAC,gBAAW,IAAK,MAClC,qCAAC;AAAA,IAAa,KAAK;AAAA,GAAwB,CAC7C,CACF;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe,EAAE,GAAG,aAAa;AAC3C,UAAU,cAAc;AACjB,MAAM,sBAAsB,SAAS,SAAS,EAAE,YAAY,YAAY;AAC/E,oBAAoB,YAAY;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,cAAc;AAC9B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB,oBAAoB;AAC/C,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEhC,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,cAAc,IAAI;AAE1B,QAAM,kBAAkB,OAAO;AAC/B,QAAM,yBAAyB,OAAO;AAEtC,QAAM,MAAM,mBAAmB,KAAK;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ,MAAM;AAAA,EAC9B,IAAI;AAEJ,SACE,gBAAAA,OAAA,cAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAChC,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,MAAM,CAAC,MAAM;AAAA,IACb,MAAM,gBAAgB,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK;AAAA,KAE7C,gBAAgB,gBAAAA,OAAA,cAAC,gBAAW,IAAK,MAClC,gBAAAA,OAAA,cAAC;AAAA,IAAa,KAAK;AAAA,GAAwB,CAC7C,CACF;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe,EAAE,GAAG,aAAa;AAC3C,UAAU,cAAc;AACjB,MAAM,sBAAsB,SAAS,SAAS,EAAE,YAAY,YAAY;AAC/E,oBAAoB,YAAY;",
+  "names": ["React"]
 }

package/dist/esm/DataTableContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTableContext.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { ColsLayoutStyle } from './configs/constants';\nimport { TypescriptContext, TypescriptProps } from './types/props';\n\nexport const defaultProps: Partial<TypescriptProps> = {\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  uniqueRowAccessor: undefined,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  pagination: false,\n  withFilterBar: false,\n  filters: [],\n\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnResize: () => null,\n\n  onRowClick: () => null,\n  onRowFocus: () => null,\n\n  noSelectionColumn: false,\n  selectSingle: false,\n  selection: undefined,\n  onSelectionChange: () => null, // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }\n\n  textWrap: 'wrap',\n\n  onCellValueChange: () => null,\n\n  onFiltersChange: () => null,\n\n  onPageChanged: () => null,\n\n  onRowExpand: () => null,\n\n  onColumnSortChange: () => null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>({\n  tableProps: defaultProps,\n  layoutHelpers: {},\n  flattenedData: [],\n  allDataFlattened: [],\n  visibleColumns: [],\n  paginationHelpers: {},\n  virtualListRef: createRef<HTMLDivElement>(),\n  columnHeaderRef: createRef<HTMLDivElement>(),\n});\n\nexport { DataTableContext };\nexport default DataTableContext;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,SAAS,CAAC;AAAA,EAEV,iBAAiB,gBAAgB;AAAA,EACjC,eAAe,CAAC;AAAA,EAChB,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EAEvB,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,oBAAoB,MAAM;AAC5B;AAGA,MAAM,mBAAmB,cAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,mBAAmB,CAAC;AAAA,EACpB,gBAAgB,UAA0B;AAAA,EAC1C,iBAAiB,UAA0B;AAC7C,CAAC;AAGD,IAAO,2BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,iBAAiB;AACzC,SAAS,uBAAuB;AAGzB,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,SAAS,CAAC;AAAA,EAEV,iBAAiB,gBAAgB;AAAA,EACjC,eAAe,CAAC;AAAA,EAChB,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EAEvB,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,oBAAoB,MAAM;AAC5B;AAGA,MAAM,mBAAmB,cAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,mBAAmB,CAAC;AAAA,EACpB,gBAAgB,UAA0B;AAAA,EAC1C,iBAAiB,UAA0B;AAC7C,CAAC;AAGD,IAAO,2BAAQ;",
   "names": []
 }