@elliemae/ds-data-table 3.5.0-rc.9 → 3.6.0-next.0

package/dist/cjs/parts/RowVariants/RowVariantSecondary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantSecondary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantSecondary: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  ctx,\n  focusedRowId,\n  drilldownRowId,\n  compact,\n}) => {\n  const {\n    layoutHelpers: { gridLayout },\n  } = ctx;\n\n  return (\n    <RowRenderer\n      row={row}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      compact={compact}\n      height={compact ? '24px' : 'auto'}\n      minHeight={compact ? '24px' : '36px'}\n      colsLayout={row.isExpanded ? undefined : gridLayout}\n      rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n      backgroundColor=\"#F6F7F9\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,yBAA4B;AAErB,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE,WAAW;AAAA,EAC9B,IAAI;AAEJ,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,yBAA4B;AAErB,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE,WAAW;AAAA,EAC9B,IAAI;AAEJ,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js

@@ -28,12 +28,13 @@ __export(RowVariantSkeleton_exports, {
 });
 module.exports = __toCommonJS(RowVariantSkeleton_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_ds_skeleton = require("@elliemae/ds-skeleton");
 var import_RowRenderer = require("../../exported-related/RowRenderer");
 const RandomSkeleton = () => {
   const randomPercentage = (0, import_react.useMemo)(() => Math.floor(Math.random() * 70 + 30), []);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_skeleton.DSSkeleton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, {
     w: `${randomPercentage}%`,
     h: "90%"
   });
@@ -49,7 +50,7 @@ const RowVariantSkeleton = ({
     ...cell,
     render: RandomSkeleton
   }));
-  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowRenderer.RowRenderer, {
     row: { ...row, cells: newCells },
     itemIndex,
     isDragOverlay,

package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantSkeleton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { RowVariantProps } from './types';\n\nconst RandomSkeleton = () => {\n  const randomPercentage = useMemo(() => Math.floor(Math.random() * 70 + 30), []);\n  return <DSSkeleton w={`${randomPercentage}%`} h=\"90%\" />;\n};\n\nexport const RowVariantSkeleton: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => {\n  const newCells = row.cells.map((cell) => ({\n    ...cell,\n    render: RandomSkeleton,\n  }));\n\n  return (\n    <RowRenderer\n      row={{ ...row, cells: newCells }}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      minHeight=\"0px\"\n      height=\"36px\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,yBAA2B;AAC3B,yBAA4B;AAG5B,MAAM,iBAAiB,MAAM;AAC3B,QAAM,uBAAmB,sBAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,6BAAAA,QAAA,cAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,UAAU;AAAA,IACxC,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,KAAK,EAAE,GAAG,KAAK,OAAO,SAAS;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IACV,QAAO;AAAA,IACP;AAAA,IACA;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA+B;AAC/B,yBAA2B;AAC3B,yBAA4B;AAG5B,MAAM,iBAAiB,MAAM;AAC3B,QAAM,uBAAmB,sBAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,4CAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,UAAU;AAAA,IACxC,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,4CAAC;AAAA,IACC,KAAK,EAAE,GAAG,KAAK,OAAO,SAAS;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IACV,QAAO;AAAA,IACP;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "names": []
 }

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

@@ -28,7 +28,7 @@ __export(RowVariants_exports, {
 });
 module.exports = __toCommonJS(RowVariants_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_exported_related = require("../../exported-related");
 var import_Cells = require("../Cells");
 var import_RowVariantHeader = require("./RowVariantHeader");
@@ -39,11 +39,11 @@ const RowVariantMapper = {
   [import_exported_related.ROW_VARIANTS.HEADER_GROUP]: import_RowVariantHeader.RowVariantHeader,
   [import_exported_related.ROW_VARIANTS.PRIMARY]: import_RowVariantPrimary.RowVariantPrimary,
   [import_exported_related.ROW_VARIANTS.SECONDARY]: import_RowVariantSecondary.RowVariantSecondary,
-  [import_exported_related.ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ import_react.default.createElement(import_RowVariantPrimary.RowVariantPrimary, {
+  [import_exported_related.ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowVariantPrimary.RowVariantPrimary, {
     compact: true,
     ...props
   }),
-  [import_exported_related.ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ import_react.default.createElement(import_RowVariantSecondary.RowVariantSecondary, {
+  [import_exported_related.ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowVariantSecondary.RowVariantSecondary, {
     compact: true,
     ...props
   }),
@@ -66,7 +66,7 @@ const RowVariantMapItem = (props) => {
   } else {
     Component = variant;
   }
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
     ...props
   });
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { ROW_VARIANTS } from '../../exported-related';\nimport { TypescriptContext, TypescriptRow } from '../../types/props';\nimport { Cells } from '../Cells';\nimport { RowVariantHeader } from './RowVariantHeader';\nimport { RowVariantPrimary } from './RowVariantPrimary';\nimport { RowVariantSecondary } from './RowVariantSecondary';\nimport { RowVariantSkeleton } from './RowVariantSkeleton';\nimport { RowVariantProps } from './types';\n\nconst RowVariantMapper: Record<string, React.ComponentType<RowVariantProps>> = {\n  [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,\n  [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,\n  [ROW_VARIANTS.SECONDARY]: RowVariantSecondary,\n  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => <RowVariantPrimary compact {...props} />,\n  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => <RowVariantSecondary compact {...props} />,\n  [ROW_VARIANTS.SKELETON]: RowVariantSkeleton,\n};\n\ninterface RowVariantMapItemProps {\n  row: TypescriptRow;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  ctx: TypescriptContext;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n}\n\nexport const RowVariantMapItem: React.ComponentType<RowVariantMapItemProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { getRowVariant },\n    },\n  } = props;\n\n  const variant = getRowVariant(row, Cells);\n\n  let Component: React.ComponentType<any>;\n\n  if (typeof variant === 'string') {\n    if (!(variant in RowVariantMapper)) {\n      throw new Error(`${variant} is not an out-of-the-box row variant`);\n    }\n    Component = RowVariantMapper[variant];\n  } else {\n    Component = variant;\n  }\n\n  return <Component {...props} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA6B;AAE7B,mBAAsB;AACtB,8BAAiC;AACjC,+BAAkC;AAClC,iCAAoC;AACpC,gCAAmC;AAGnC,MAAM,mBAAyE;AAAA,EAC7E,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,UAAU;AAAA,EACxB,CAAC,qCAAa,YAAY;AAAA,EAC1B,CAAC,qCAAa,kBAAkB,CAAC,UAAU,6BAAAA,QAAA,cAAC;AAAA,IAAkB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACjF,CAAC,qCAAa,oBAAoB,CAAC,UAAU,6BAAAA,QAAA,cAAC;AAAA,IAAoB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACrF,CAAC,qCAAa,WAAW;AAC3B;AAWO,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE,cAAc;AAAA,IAC9B;AAAA,EACF,IAAI;AAEJ,QAAM,UAAU,cAAc,KAAK,kBAAK;AAExC,MAAI;AAEJ,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,EAAE,WAAW,mBAAmB;AAClC,YAAM,IAAI,MAAM,GAAG,8CAA8C;AAAA,IACnE;AACA,gBAAY,iBAAiB;AAAA,EAC/B,OAAO;AACL,gBAAY;AAAA,EACd;AAEA,SAAO,6BAAAA,QAAA,cAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,8BAA6B;AAE7B,mBAAsB;AACtB,8BAAiC;AACjC,+BAAkC;AAClC,iCAAoC;AACpC,gCAAmC;AAGnC,MAAM,mBAAyE;AAAA,EAC7E,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,UAAU;AAAA,EACxB,CAAC,qCAAa,YAAY;AAAA,EAC1B,CAAC,qCAAa,kBAAkB,CAAC,UAAU,4CAAC;AAAA,IAAkB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACjF,CAAC,qCAAa,oBAAoB,CAAC,UAAU,4CAAC;AAAA,IAAoB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACrF,CAAC,qCAAa,WAAW;AAC3B;AAWO,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE,cAAc;AAAA,IAC9B;AAAA,EACF,IAAI;AAEJ,QAAM,UAAU,cAAc,KAAK,kBAAK;AAExC,MAAI;AAEJ,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,EAAE,WAAW,mBAAmB;AAClC,YAAM,IAAI,MAAM,GAAG,8CAA8C;AAAA,IACnE;AACA,gBAAY,iBAAiB;AAAA,EAC/B,OAAO;AACL,gBAAY;AAAA,EACd;AAEA,SAAO,4CAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
+  "names": []
 }

package/dist/cjs/parts/Rows.js

@@ -29,7 +29,8 @@ __export(Rows_exports, {
 });
 module.exports = __toCommonJS(Rows_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_Row = require("./Row");
 var import_DataTableContext = require("../DataTableContext");
 var import_withConditionalDnDRowContext = require("./HoC/withConditionalDnDRowContext");
@@ -44,30 +45,32 @@ const Rows = () => {
   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
-      });
-    })),
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: 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__ */ (0, import_jsx_runtime.jsx)(import_Row.RowWithContext, {
+          ...rowProps
+        });
+      })
+    }),
     [virtualItems, items, visibleColumns, totalColumnsWidth]
   );
   return PureVirtualizedRows;

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;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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;AAAA,MACG,uBAAa,IAAI,CAAC,gBAAgB;AACjC,cAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,cAAM,MAAM,MAAM;AAClB,YAAI,CAAC;AAAK,iBAAO;AACjB,wCAAY,KAAK,cAAc;AAC/B,cAAM,QAAQ;AAAA,UACZ,UAAU;AAAA,UACV,KAAK,GAAG;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AACA,cAAM,WAAW;AAAA,UACf,KAAK,gBAAgB,IAAI;AAAA,UACzB;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,UACX,kBAAkB;AAAA,QACpB;AACA,eAAO,4CAAC,WAAAA,gBAAA;AAAA,UAAK,GAAG;AAAA,SAAU;AAAA,MAC5B,CAAC;AAAA,KACH;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": ["Row"]
 }

package/dist/cjs/parts/SortByCaret.js

@@ -28,18 +28,23 @@ __export(SortByCaret_exports, {
 });
 module.exports = __toCommonJS(SortByCaret_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_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
-  })),
+  () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+    style: { marginLeft: "4px" },
+    children: [
+      isSortedDesc && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {
+        size: "s",
+        color: iconColor
+      }),
+      !isSortedDesc && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadUp, {
+        color: iconColor
+      })
+    ]
+  }),
   [isSortedDesc]
 );
 //# sourceMappingURL=SortByCaret.js.map

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

@@ -1,7 +1,7 @@
 {
   "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,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"]
+  "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 | undefined }> = ({ 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;AAAA,mBAA+B;AAC/B,sBAA2C;AAE3C,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA0E,CAAC,EAAE,aAAa,UACrG;AAAA,EACE,MACE,6CAAC;AAAA,IAAK,OAAO,EAAE,YAAY,MAAM;AAAA,IAC9B;AAAA,sBAAgB,4CAAC;AAAA,QAAc,MAAK;AAAA,QAAI,OAAO;AAAA,OAAW;AAAA,MAC1D,CAAC,gBAAgB,4CAAC;AAAA,QAAY,OAAO;AAAA,OAAW;AAAA;AAAA,GACnD;AAAA,EAEF,CAAC,YAAY;AACf;",
+  "names": []
 }

package/dist/cjs/parts/TableContent.js

@@ -29,6 +29,7 @@ __export(TableContent_exports, {
 });
 module.exports = __toCommonJS(TableContent_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_styled = require("../styled");
 var import_DataTableContext = __toESM(require("../DataTableContext"));
@@ -44,25 +45,30 @@ const TableContentComponent = (props) => {
   } = (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, {
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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),
+      cols: ["100%"],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTableWrapper, {
+          role: "table",
+          "aria-rowcount": allDataFlattened.length,
+          "aria-colcount": visibleColumns.length,
+          "data-testid": import_constants.DATA_TESTID.DATA_TABLE_TABLE,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VirtualRowsList.VirtualRowsList, {})
+        }),
+        pagination ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.Pagination, {}) : null
+      ]
+    }),
     [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]
   );
   return PureTableContent;
 };
-const TableContent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ import_react.default.createElement(TableContentComponent, {
+const TableContent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableContentComponent, {
   ...props,
   forwardedRef: ref
 }));

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,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,6CAAC;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,MAEb;AAAA,oDAAC;AAAA,UACC,MAAK;AAAA,UACL,iBAAe,iBAAiB;AAAA,UAChC,iBAAe,eAAe;AAAA,UAC9B,eAAa,6BAAY;AAAA,UAEzB,sDAAC,0CAAgB;AAAA,SACnB;AAAA,QACC,aAAa,4CAAC,gCAAW,IAAK;AAAA;AAAA,KACjC;AAAA,IAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe;AAAA,EAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAe,aAAAC,QAAM,WAA2B,CAAC,OAAO,QACnE,4CAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
   "names": ["DataTableContext", "React"]
 }

package/dist/cjs/parts/VirtualRowsList.js

@@ -29,7 +29,8 @@ __export(VirtualRowsList_exports, {
 });
 module.exports = __toCommonJS(VirtualRowsList_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_EmptyContent = require("./EmptyContent");
 var import_Rows = require("./Rows");
 var import_Headers = require("./Headers");
@@ -61,17 +62,29 @@ const VirtualRowsList = () => {
     },
     [scrollToIndex, setFocusedRowId, flattenedData]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledVirtualListWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledVirtualListWrapper, {
     ref: virtualListRef,
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER,
     onKeyDown,
-    tabIndex: -1
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTableContentWrapper, {
-    role: "rowgroup",
-    height: isEmptyContent ? "100%" : totalSize
-  }, /* @__PURE__ */ import_react.default.createElement(import_Headers.Headers, null), isEmptyContent && /* @__PURE__ */ import_react.default.createElement(import_EmptyContent.EmptyContent, {
-    width: totalColumnsWidth
-  }), isLoading ? /* @__PURE__ */ import_react.default.createElement(import_Loader.MemoizedLoader, null) : null, !isLoading && !isEmptyContent && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Rows.RowsWithContext, null), /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, null))));
+    tabIndex: -1,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledTableContentWrapper, {
+      role: "rowgroup",
+      height: isEmptyContent ? "100%" : totalSize,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Headers.Headers, {}),
+        isEmptyContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyContent.EmptyContent, {
+          width: totalColumnsWidth
+        }),
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Loader.MemoizedLoader, {}) : null,
+        !isLoading && !isEmptyContent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Rows.RowsWithContext, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Footer.Footer, {})
+          ]
+        })
+      ]
+    })
+  });
 };
 var VirtualRowsList_default = VirtualRowsList;
 //# sourceMappingURL=VirtualRowsList.js.map

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,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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,4CAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,IAEV,uDAAC;AAAA,MAA0B,MAAK;AAAA,MAAW,QAAQ,iBAAiB,SAAS;AAAA,MAC3E;AAAA,oDAAC,0BAAQ;AAAA,QACR,kBAAkB,4CAAC;AAAA,UAAa,OAAO;AAAA,SAAmB;AAAA,QAC1D,YAAY,4CAAC,cAAAA,gBAAA,EAAO,IAAK;AAAA,QACzB,CAAC,aAAa,CAAC,kBACd;AAAA,UACE;AAAA,wDAAC,YAAAC,iBAAA,EAAK;AAAA,YACN,4CAAC,wBAAO;AAAA;AAAA,SACV;AAAA;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["Loader", "Rows"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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 InternalTypescriptColumn<T extends HTMLElement = HTMLElement> extends TypescriptColumn<T> {\n  id: string;\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  onColumnSizeChange: (newColumns: TypescriptColumn[], 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  onColumnSort: (newColumns: TypescriptColumn[], headerId: string, direction: 'ASC' | 'DESC') => 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 | null>;\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,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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 import { describe } from "@elliemae/ds-utilities";
 import { TableContent } from "./parts/TableContent";
 import { DataTableContext, defaultProps } from "./DataTableContext";
@@ -16,18 +17,23 @@ const DataTable = (props) => {
   const {
     tableProps: { height, width }
   } = ctx;
-  return /* @__PURE__ */ React2.createElement(DataTableContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(StyledDataTableWrapper, {
-    ref: tableWrapperRef,
-    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
-    height,
-    width,
-    cols: ["100%"],
-    rows: withFilterBar ? ["auto", "1fr"] : ["1fr"]
-  }, withFilterBar ? /* @__PURE__ */ React2.createElement(FiltersBar, null) : null, /* @__PURE__ */ React2.createElement(TableContent, {
-    ref: tableContentWrapperRef
-  })));
+  return /* @__PURE__ */ jsx(DataTableContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ jsxs(StyledDataTableWrapper, {
+      ref: tableWrapperRef,
+      "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
+      height,
+      width,
+      cols: ["100%"],
+      rows: withFilterBar ? ["auto", "1fr"] : ["1fr"],
+      children: [
+        withFilterBar ? /* @__PURE__ */ jsx(FiltersBar, {}) : null,
+        /* @__PURE__ */ jsx(TableContent, {
+          ref: tableContentWrapperRef
+        })
+      ]
+    })
+  });
 };
 DataTable.propTypes = DataTableSchema;
 DataTable.defaultProps = { ...defaultProps };

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,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"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,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,oBAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,IAChC,+BAAC;AAAA,MACC,KAAK;AAAA,MACL,eAAa,YAAY;AAAA,MACzB;AAAA,MACA;AAAA,MACA,MAAM,CAAC,MAAM;AAAA,MACb,MAAM,gBAAgB,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK;AAAA,MAE7C;AAAA,wBAAgB,oBAAC,cAAW,IAAK;AAAA,QAClC,oBAAC;AAAA,UAAa,KAAK;AAAA,SAAwB;AAAA;AAAA,KAC7C;AAAA,GACF;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": []
 }

package/dist/esm/DataTableContext.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { createContext, createRef } from "react";
+import { createContext } from "react";
 import { ColsLayoutStyle } from "./configs/constants";
 const defaultProps = {
   height: "100%",
@@ -24,6 +24,7 @@ const defaultProps = {
   dragAndDropColumns: false,
   onColumnsReorder: () => null,
   onColumnResize: () => null,
+  onColumnSizeChange: () => null,
   onRowClick: () => null,
   onRowFocus: () => null,
   noSelectionColumn: false,
@@ -35,18 +36,10 @@ const defaultProps = {
   onFiltersChange: () => null,
   onPageChanged: () => null,
   onRowExpand: () => null,
-  onColumnSortChange: () => null
+  onColumnSortChange: () => null,
+  onColumnSort: () => null
 };
-const DataTableContext = createContext({
-  tableProps: defaultProps,
-  layoutHelpers: {},
-  flattenedData: [],
-  allDataFlattened: [],
-  visibleColumns: [],
-  paginationHelpers: {},
-  virtualListRef: createRef(),
-  columnHeaderRef: createRef()
-});
+const DataTableContext = createContext();
 var DataTableContext_default = DataTableContext;
 export {
   DataTableContext,

package/dist/esm/DataTableContext.js.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } 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  onColumnSizeChange: () => 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  onColumnSort: () => null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>();\n\nexport { DataTableContext };\nexport default DataTableContext;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAC9B,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,EACtB,oBAAoB,MAAM;AAAA,EAE1B,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;AAAA,EAC1B,cAAc,MAAM;AACtB;AAGA,MAAM,mBAAmB,cAAiC;AAG1D,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/DataTableSchema.js

@@ -151,11 +151,13 @@ const DataTableSchema = {
     "Custom content to show when dataset is empty"
   ),
   isLoading: PropTypes.bool.description("Whether to show a global loader in the datatable"),
-  onColumnResize: PropTypes.func.description("Function invoked when a column is resized"),
+  onColumnResize: PropTypes.func.description("Function invoked when a column is resized").deprecated({ version: "4.x", message: "Use onColumnSizeChange" }),
+  onColumnSizeChange: PropTypes.func.description("Function invoked when a column is resized"),
   onRowClick: PropTypes.func.description("Function invoked when clicking a row"),
   onRowFocus: PropTypes.func.description("Function invoked when focusing a row"),
   onCellValueChange: PropTypes.func.description("Function invoked when an editable cell's content is changed"),
-  onColumnSortChange: PropTypes.func.description("Function invoked when a column is sorted"),
+  onColumnSortChange: PropTypes.func.description("Function invoked when a column is sorted").deprecated({ version: "4.x", message: "Use onColumnSort" }),
+  onColumnSort: PropTypes.func.description("Function invoked when a column is sorted"),
   actionRef: PropTypes.object.description("Reference where all the exposed action callbacks will be exposed")
 };
 export {