@elliemae/ds-data-table 3.4.2 → 3.4.3

package/dist/esm/parts/Loader.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
 import { styled } from "@elliemae/ds-system";
@@ -8,16 +9,17 @@ const StyledLoaderWrapper = styled(Grid)`
   z-index: 0;
   background-color: white;
 `;
-const Loader = () => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, {
+const Loader = () => /* @__PURE__ */ jsx(StyledLoaderWrapper, {
   style: { height: "100%", maxHeight: "500px" },
-  "aria-live": "polite"
-}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-  size: "xl",
-  loading: true,
-  showLabel: true,
-  waiting: false,
-  showTooltip: false
-}));
+  "aria-live": "polite",
+  children: /* @__PURE__ */ jsx(DSCircularProgressIndicator, {
+    size: "xl",
+    loading: true,
+    showLabel: true,
+    waiting: false,
+    showTooltip: false
+  })
+});
 const MemoizedLoader = memo(Loader);
 var Loader_default = MemoizedLoader;
 export {

package/dist/esm/parts/Loader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nconst Loader = () => (\n  <StyledLoaderWrapper style={{ height: '100%', maxHeight: '500px' }} aria-live=\"polite\">\n    <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n  </StyledLoaderWrapper>\n);\n\nexport const MemoizedLoader = memo(Loader);\nexport default MemoizedLoader;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,SAAS,MACb,qCAAC;AAAA,EAAoB,OAAO,EAAE,QAAQ,QAAQ,WAAW,QAAQ;AAAA,EAAG,aAAU;AAAA,GAC5E,qCAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA,CAAO,CAC/F;AAGK,MAAM,iBAAiB,KAAK,MAAM;AACzC,IAAO,iBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,YAAY;AAC5B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,cAAc;AAEvB,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,SAAS,MACb,oBAAC;AAAA,EAAoB,OAAO,EAAE,QAAQ,QAAQ,WAAW,QAAQ;AAAA,EAAG,aAAU;AAAA,EAC5E,8BAAC;AAAA,IAA4B,MAAK;AAAA,IAAK,SAAO;AAAA,IAAC,WAAS;AAAA,IAAC,SAAS;AAAA,IAAO,aAAa;AAAA,GAAO;AAAA,CAC/F;AAGK,MAAM,iBAAiB,KAAK,MAAM;AACzC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/esm/parts/Row.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { styled } from "@elliemae/ds-system";
 import DataTableContext from "../DataTableContext";
 import { setMultipleRefs } from "../helpers";
@@ -27,18 +28,19 @@ const Row = (props) => {
   } = ctx;
   const { draggableProps } = useContext(SortableItemContext);
   const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /* @__PURE__ */ React2.createElement(StyledRow, {
+  return /* @__PURE__ */ jsx(StyledRow, {
     disabled: disabledRows[row.uid],
     style: !isDragOverlay ? itemWrapperStyle : {},
-    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
-  }, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
-    row,
-    itemIndex: row.realIndex,
-    isDragOverlay,
-    ctx,
-    focusedRowId,
-    drilldownRowId
-  }));
+    ref: (ref) => setItemRefs(measureRef, draggableRef, ref),
+    children: /* @__PURE__ */ jsx(RowVariantMapItem, {
+      row,
+      itemIndex: row.realIndex,
+      isDragOverlay,
+      ctx,
+      focusedRowId,
+      drilldownRowId
+    })
+  });
 };
 const RowWithContext = withDnDSortableRowContext(Row);
 var Row_default = RowWithContext;

package/dist/esm/parts/Row.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport DataTableContext from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n//   - the virtual list ref (for react-virtual requirement)\n//   - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n  const refsToSet = [];\n  if (measureRef) refsToSet.push(measureRef);\n  if (draggableRef) refsToSet.push(draggableRef);\n  setMultipleRefs(...refsToSet)(ref);\n};\n\nconst StyledRow = styled('div')`\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'normal')};\n`;\n\nexport const Row = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;\n\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { disabledRows },\n    focusedRowId,\n    drilldownRowId,\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n  return (\n    <StyledRow\n      disabled={disabledRows[row.uid]}\n      style={!isDragOverlay ? itemWrapperStyle : {}}\n      ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}\n    >\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        ctx={ctx}\n        focusedRowId={focusedRowId}\n        drilldownRowId={drilldownRowId}\n      />\n    </StyledRow>\n  );\n};\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY,CAAC;AACnB,MAAI;AAAY,cAAU,KAAK,UAAU;AACzC,MAAI;AAAc,cAAU,KAAK,YAAY;AAC7C,kBAAgB,GAAG,SAAS,EAAE,GAAG;AACnC;AAEA,MAAM,YAAY,OAAO,KAAK;AAAA,YAClB,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAGnD,MAAM,MAAM,CAAC,UAAU;AAC5B,QAAM,EAAE,KAAK,YAAY,kBAAkB,kBAAkB;AAE7D,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,mBAAmB,WAAW,mBAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE,qCAAC;AAAA,IACC,UAAU,aAAa,IAAI;AAAA,IAC3B,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,IAC5C,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc,GAAG;AAAA,KAEvD,qCAAC;AAAA,IACC;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;AAEJ;AAEA,MAAM,iBAAiB,0BAA0B,GAAG;AAEpD,IAAO,cAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,cAAc;AACvB,OAAO,sBAAsB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAKlC,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY,CAAC;AACnB,MAAI;AAAY,cAAU,KAAK,UAAU;AACzC,MAAI;AAAc,cAAU,KAAK,YAAY;AAC7C,kBAAgB,GAAG,SAAS,EAAE,GAAG;AACnC;AAEA,MAAM,YAAY,OAAO,KAAK;AAAA,YAClB,CAAC,EAAE,SAAS,MAAO,WAAW,gBAAgB;AAAA;AAGnD,MAAM,MAAM,CAAC,UAAU;AAC5B,QAAM,EAAE,KAAK,YAAY,kBAAkB,cAAc,IAAI;AAE7D,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE,aAAa;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE,oBAAC;AAAA,IACC,UAAU,aAAa,IAAI;AAAA,IAC3B,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,IAC5C,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc,GAAG;AAAA,IAEvD,8BAAC;AAAA,MACC;AAAA,MACA,WAAW,IAAI;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,MAAM,iBAAiB,0BAA0B,GAAG;AAEpD,IAAO,cAAQ;",
   "names": []
 }

package/dist/esm/parts/RowVariants/RowVariantHeader.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useLayoutEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useMemo, useRef } from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { RowRenderer } from "../../exported-related/RowRenderer";
 import { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from "../../styled";
@@ -17,7 +18,10 @@ const RowContent = (props) => {
     drilldownRowId
   } = props;
   const rowRef = useRef(null);
-  const hasExpandCell = useMemo(() => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"), [row]);
+  const hasExpandCell = useMemo(
+    () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"),
+    [row]
+  );
   const titleContent = useMemo(() => {
     if (typeof groupedRowsRenderHeader === "function") {
       return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);
@@ -29,25 +33,32 @@ const RowContent = (props) => {
       rowRef.current.focus();
     }
   }, [focusedRowId, row.uid]);
-  return /* @__PURE__ */ React2.createElement(StyledCellContainer, {
+  return /* @__PURE__ */ jsx(StyledCellContainer, {
     ref: rowRef,
     minHeight: "0px",
     tabIndex: 0,
     backgroundColor,
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT
-  }, /* @__PURE__ */ React2.createElement(GroupHeaderContainer, {
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
-    cols: hasExpandCell ? ["min-content", "auto"] : ["auto"],
-    padding: hasExpandCell ? "4px" : "16px"
-  }, hasExpandCell ? /* @__PURE__ */ React2.createElement(expandRowColumn.Cell, {
-    row,
-    cell: row.cells[0],
-    isRowSelected: drilldownRowId === row.uid,
-    ctx,
-    draggableProps: {}
-  }) : /* @__PURE__ */ React2.createElement(Grid, {
-    width: "16px"
-  }), /* @__PURE__ */ React2.createElement(GroupHeaderTitle, null, titleContent)));
+    "data-testid": DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT,
+    children: /* @__PURE__ */ jsxs(GroupHeaderContainer, {
+      "data-testid": DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
+      cols: hasExpandCell ? ["min-content", "auto"] : ["auto"],
+      padding: hasExpandCell ? "4px" : "16px",
+      children: [
+        hasExpandCell ? /* @__PURE__ */ jsx(expandRowColumn.Cell, {
+          row,
+          cell: row.cells[0],
+          isRowSelected: drilldownRowId === row.uid,
+          ctx,
+          draggableProps: {}
+        }) : /* @__PURE__ */ jsx(Grid, {
+          width: "16px"
+        }),
+        /* @__PURE__ */ jsx(GroupHeaderTitle, {
+          children: titleContent
+        })
+      ]
+    })
+  });
 };
 const RowVariantHeader = ({
   row,
@@ -55,7 +66,7 @@ const RowVariantHeader = ({
   isDragOverlay,
   focusedRowId,
   drilldownRowId
-}) => /* @__PURE__ */ React2.createElement(RowRenderer, {
+}) => /* @__PURE__ */ jsx(RowRenderer, {
   row,
   itemIndex,
   isDragOverlay,

package/dist/esm/parts/RowVariants/RowVariantHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useLayoutEffect, useMemo, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from '../../styled';\nimport { RowVariantProps } from './types';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst RowContent: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx,\n    ctx: {\n      tableProps: { groupedRowsRenderHeader },\n    },\n    backgroundColor = 'white',\n    focusedRowId,\n    drilldownRowId,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  const hasExpandCell = useMemo(\n    () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === 'expandRowColumn'),\n    [row],\n  );\n\n  const titleContent = useMemo(() => {\n    if (typeof groupedRowsRenderHeader === 'function') {\n      return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);\n    }\n    return row.original.dimsumHeaderValue;\n  }, [groupedRowsRenderHeader, row]);\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  return (\n    <StyledCellContainer\n      ref={rowRef}\n      minHeight=\"0px\"\n      tabIndex={0}\n      backgroundColor={backgroundColor}\n      data-testid={DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT}\n    >\n      <GroupHeaderContainer\n        data-testid={DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER}\n        cols={hasExpandCell ? ['min-content', 'auto'] : ['auto']}\n        padding={hasExpandCell ? '4px' : '16px'}\n      >\n        {hasExpandCell ? (\n          <expandRowColumn.Cell\n            row={row}\n            cell={row.cells[0]}\n            isRowSelected={drilldownRowId === row.uid}\n            ctx={ctx}\n            draggableProps={{}}\n          />\n        ) : (\n          <Grid width=\"16px\" />\n        )}\n        <GroupHeaderTitle>{titleContent}</GroupHeaderTitle>\n      </GroupHeaderContainer>\n    </StyledCellContainer>\n  );\n};\n\nexport const RowVariantHeader: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => (\n  <RowRenderer\n    row={row}\n    itemIndex={itemIndex}\n    isDragOverlay={isDragOverlay}\n    minHeight=\"0px\"\n    height=\"24px\"\n    CustomRowContentRenderer={RowContent}\n    focusedRowId={focusedRowId}\n    drilldownRowId={drilldownRowId}\n  />\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,IAEhB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,SAAS,OAAuB,IAAI;AAE1C,QAAM,gBAAgB,QACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,iBAAiB,GACjG,CAAC,GAAG,CACN;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS,OAAO;AAAA,IACrF;AACA,WAAO,IAAI,SAAS;AAAA,EACtB,GAAG,CAAC,yBAAyB,GAAG,CAAC;AAEjC,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,GAAG,CAAC;AAE1B,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,KAEzB,qCAAC;AAAA,IACC,eAAa,YAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,IACvD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,qCAAC,gBAAgB,MAAhB;AAAA,IACC;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,mBAAmB,IAAI;AAAA,IACtC;AAAA,IACA,gBAAgB,CAAC;AAAA,GACnB,IAEA,qCAAC;AAAA,IAAK,OAAM;AAAA,GAAO,GAErB,qCAAC,wBAAkB,YAAa,CAClC,CACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,iBAAiB,SAAS,cAAc;AACxD,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB,kBAAkB,2BAA2B;AAE5E,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE,wBAAwB;AAAA,IACxC;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,OAAuB,IAAI;AAE1C,QAAM,gBAAgB;AAAA,IACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,iBAAiB;AAAA,IACjG,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS,OAAO;AAAA,IACrF;AACA,WAAO,IAAI,SAAS;AAAA,EACtB,GAAG,CAAC,yBAAyB,GAAG,CAAC;AAEjC,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,GAAG,CAAC;AAE1B,SACE,oBAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,IAEzB,+BAAC;AAAA,MACC,eAAa,YAAY;AAAA,MACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,MACvD,SAAS,gBAAgB,QAAQ;AAAA,MAEhC;AAAA,wBACC,oBAAC,gBAAgB,MAAhB;AAAA,UACC;AAAA,UACA,MAAM,IAAI,MAAM;AAAA,UAChB,eAAe,mBAAmB,IAAI;AAAA,UACtC;AAAA,UACA,gBAAgB,CAAC;AAAA,SACnB,IAEA,oBAAC;AAAA,UAAK,OAAM;AAAA,SAAO;AAAA,QAErB,oBAAC;AAAA,UAAkB;AAAA,SAAa;AAAA;AAAA,KAClC;AAAA,GACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
   "names": []
 }

package/dist/esm/parts/RowVariants/RowVariantPrimary.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { RowRenderer } from "../../exported-related/RowRenderer";
 const RowVariantPrimary = ({
   row,
@@ -13,7 +13,7 @@ const RowVariantPrimary = ({
   const {
     layoutHelpers: { gridLayout }
   } = ctx;
-  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+  return /* @__PURE__ */ jsx(RowRenderer, {
     row,
     itemIndex,
     isDragOverlay,

package/dist/esm/parts/RowVariants/RowVariantPrimary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantPrimary.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantPrimary: 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      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,oBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC;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;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,mBAAmB;AAErB,MAAM,oBAA0D,CAAC;AAAA,EACtE;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,oBAAC;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;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/RowVariants/RowVariantSecondary.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { RowRenderer } from "../../exported-related/RowRenderer";
 const RowVariantSecondary = ({
   row,
@@ -13,7 +13,7 @@ const RowVariantSecondary = ({
   const {
     layoutHelpers: { gridLayout }
   } = ctx;
-  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+  return /* @__PURE__ */ jsx(RowRenderer, {
     row,
     itemIndex,
     isDragOverlay,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantSecondary.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,mBAAmB;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,oBAAC;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/esm/parts/RowVariants/RowVariantSkeleton.js

@@ -1,10 +1,11 @@
 import * as React from "react";
-import React2, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { DSSkeleton } from "@elliemae/ds-skeleton";
 import { RowRenderer } from "../../exported-related/RowRenderer";
 const RandomSkeleton = () => {
   const randomPercentage = useMemo(() => Math.floor(Math.random() * 70 + 30), []);
-  return /* @__PURE__ */ React2.createElement(DSSkeleton, {
+  return /* @__PURE__ */ jsx(DSSkeleton, {
     w: `${randomPercentage}%`,
     h: "90%"
   });
@@ -20,7 +21,7 @@ const RowVariantSkeleton = ({
     ...cell,
     render: RandomSkeleton
   }));
-  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+  return /* @__PURE__ */ jsx(RowRenderer, {
     row: { ...row, cells: newCells },
     itemIndex,
     isDragOverlay,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantSkeleton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,iBAAiB,MAAM;AAC3B,QAAM,mBAAmB,QAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,qCAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,SAAU;AAAA,IACxC,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,qCAAC;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,eAAe;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAG5B,MAAM,iBAAiB,MAAM;AAC3B,QAAM,mBAAmB,QAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,oBAAC;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,oBAAC;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/esm/parts/RowVariants/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { ROW_VARIANTS } from "../../exported-related";
 import { Cells } from "../Cells";
 import { RowVariantHeader } from "./RowVariantHeader";
@@ -10,11 +10,11 @@ const RowVariantMapper = {
   [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,
   [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,
   [ROW_VARIANTS.SECONDARY]: RowVariantSecondary,
-  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantPrimary, {
+  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ jsx(RowVariantPrimary, {
     compact: true,
     ...props
   }),
-  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantSecondary, {
+  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ jsx(RowVariantSecondary, {
     compact: true,
     ...props
   }),
@@ -37,7 +37,7 @@ const RowVariantMapItem = (props) => {
   } else {
     Component = variant;
   }
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ jsx(Component, {
     ...props
   });
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA,MAAM,mBAAyE;AAAA,EAC7E,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,UAAU;AAAA,EACxB,CAAC,aAAa,YAAY;AAAA,EAC1B,CAAC,aAAa,kBAAkB,CAAC,UAAU,qCAAC;AAAA,IAAkB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACjF,CAAC,aAAa,oBAAoB,CAAC,UAAU,qCAAC;AAAA,IAAoB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACrF,CAAC,aAAa,WAAW;AAC3B;AAWO,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,MAEd;AAEJ,QAAM,UAAU,cAAc,KAAK,KAAK;AAExC,MAAI;AAEJ,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,CAAE,YAAW,mBAAmB;AAClC,YAAM,IAAI,MAAM,GAAG,8CAA8C;AAAA,IACnE;AACA,gBAAY,iBAAiB;AAAA,EAC/B,OAAO;AACL,gBAAY;AAAA,EACd;AAEA,SAAO,qCAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,oBAAoB;AAE7B,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAGnC,MAAM,mBAAyE;AAAA,EAC7E,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,UAAU;AAAA,EACxB,CAAC,aAAa,YAAY;AAAA,EAC1B,CAAC,aAAa,kBAAkB,CAAC,UAAU,oBAAC;AAAA,IAAkB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACjF,CAAC,aAAa,oBAAoB,CAAC,UAAU,oBAAC;AAAA,IAAoB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACrF,CAAC,aAAa,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,KAAK;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,oBAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
   "names": []
 }

package/dist/esm/parts/RowVariants/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/parts/Rows.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useMemo } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
 import { RowWithContext as Row } from "./Row";
 import { DataTableContext } from "../DataTableContext";
 import { DnDTreeContext, withConditionalDnDRowContext } from "./HoC/withConditionalDnDRowContext";
@@ -13,30 +14,35 @@ const Rows = () => {
   } = useContext(DataTableContext);
   const { visibleItems } = useContext(DnDTreeContext);
   const items = visibleItems || flattenedData;
-  const PureVirtualizedRows = useMemo(() => /* @__PURE__ */ React2.createElement(React2.Fragment, null, virtualItems.map((virtualItem) => {
-    const { index, measureRef, start } = virtualItem;
-    const row = items[index];
-    if (!row)
-      return null;
-    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__ */ React2.createElement(Row, {
-      ...rowProps
-    });
-  })), [virtualItems, items, visibleColumns, totalColumnsWidth]);
+  const PureVirtualizedRows = useMemo(
+    () => /* @__PURE__ */ jsx(Fragment, {
+      children: virtualItems.map((virtualItem) => {
+        const { index, measureRef, start } = virtualItem;
+        const row = items[index];
+        if (!row)
+          return null;
+        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__ */ jsx(Row, {
+          ...rowProps
+        });
+      })
+    }),
+    [virtualItems, items, visibleColumns, totalColumnsWidth]
+  );
   return PureVirtualizedRows;
 };
 Rows.propTypes = {};

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Rows.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAE/B,QAAM,EAAE,iBAAiB,WAAW,cAAc;AAElD,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,QAC1B,MACE,4DACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,gBAAY,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,qCAAC;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,6BAA6B,IAAI;AAChE,IAAO,eAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,YAAY,eAAe;AAE3C,SAAS,kBAAkB,WAAW;AACtC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,oCAAoC;AAC7D,SAAS,mBAAmB;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE,aAAa;AAAA,IACnC,eAAe,EAAE,kBAAkB;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gBAAgB;AAE/B,QAAM,EAAE,aAAa,IAAI,WAAW,cAAc;AAElD,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB;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,oBAAY,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,oBAAC;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,kBAAkB,6BAA6B,IAAI;AAChE,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/parts/SortByCaret.js

@@ -1,15 +1,23 @@
 import * as React from "react";
-import React2, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { ArrowheadDown, ArrowheadUp } from "@elliemae/ds-icons";
 const iconColor = ["brand-primary", 800];
-const SortByCaret = ({ isSortedDesc }) => useMemo(() => /* @__PURE__ */ React2.createElement("span", {
-  style: { marginLeft: "4px" }
-}, isSortedDesc && /* @__PURE__ */ React2.createElement(ArrowheadDown, {
-  size: "s",
-  color: iconColor
-}), !isSortedDesc && /* @__PURE__ */ React2.createElement(ArrowheadUp, {
-  color: iconColor
-})), [isSortedDesc]);
+const SortByCaret = ({ isSortedDesc }) => useMemo(
+  () => /* @__PURE__ */ jsxs("span", {
+    style: { marginLeft: "4px" },
+    children: [
+      isSortedDesc && /* @__PURE__ */ jsx(ArrowheadDown, {
+        size: "s",
+        color: iconColor
+      }),
+      !isSortedDesc && /* @__PURE__ */ jsx(ArrowheadUp, {
+        color: iconColor
+      })
+    ]
+  }),
+  [isSortedDesc]
+);
 export {
   SortByCaret
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortByCaret.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,mBAC5E,QACE,MACE,qCAAC;AAAA,EAAK,OAAO,EAAE,YAAY,MAAM;AAAA,GAC9B,gBAAgB,qCAAC;AAAA,EAAc,MAAK;AAAA,EAAI,OAAO;AAAA,CAAW,GAC1D,CAAC,gBAAgB,qCAAC;AAAA,EAAY,OAAO;AAAA,CAAW,CACnD,GAEF,CAAC,YAAY,CACf;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,eAAe;AAC/B,SAAS,eAAe,mBAAmB;AAE3C,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,aAAa,MACzF;AAAA,EACE,MACE,qBAAC;AAAA,IAAK,OAAO,EAAE,YAAY,MAAM;AAAA,IAC9B;AAAA,sBAAgB,oBAAC;AAAA,QAAc,MAAK;AAAA,QAAI,OAAO;AAAA,OAAW;AAAA,MAC1D,CAAC,gBAAgB,oBAAC;AAAA,QAAY,OAAO;AAAA,OAAW;AAAA;AAAA,GACnD;AAAA,EAEF,CAAC,YAAY;AACf;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortableHeaderCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA;AACA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,KACP;AAAA,MAOH,kCAAkC,OAAO,aAAa,EAAE,IAAI,EAAE;AAAA,EAC5D,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,IAAI,CAAC,QAAQ,UAAU,IAAI,SAAS,GAAG,CAAC,IAAI;AAAA,EAClE,OAAO,UACH;AAAA,IACE,cAAc;AAAA,EAChB,IACA,EAAE,SAAS,OAAO;AACxB,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AAErB,SAAS,yCAAyC;AAClD,SAAS,iBAAiB;AAEnB,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,KACP;AACL,MAME,kCAAkC,OAAO,aAAa,EAAE,IAAI,EAAE;AAAA,EAC5D,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,IAAI,CAAC,QAAQ,UAAU,IAAI,SAAS,GAAG,CAAC,IAAI;AAAA,EAClE,OAAO,UACH;AAAA,IACE,cAAc;AAAA,EAChB,IACA,EAAE,SAAS,OAAO;AACxB,CAAC;",
   "names": []
 }

package/dist/esm/parts/TableContent.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useContext, useMemo, useState } from "react";
 import { StyledTableWrapper, StyledDataTableContentWrapper } from "../styled";
 import DataTableContext from "../DataTableContext";
@@ -13,23 +14,31 @@ const TableContentComponent = (props) => {
     visibleColumns
   } = useContext(DataTableContext);
   const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
-  const PureTableContent = useMemo(() => /* @__PURE__ */ React2.createElement(StyledDataTableContentWrapper, {
-    "data-testid": 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__ */ React2.createElement(StyledTableWrapper, {
-    role: "table",
-    "aria-rowcount": allDataFlattened.length,
-    "aria-colcount": visibleColumns.length,
-    "data-testid": DATA_TESTID.DATA_TABLE_TABLE
-  }, /* @__PURE__ */ React2.createElement(VirtualRowsList, null)), pagination ? /* @__PURE__ */ React2.createElement(Pagination, null) : null), [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
+  const PureTableContent = useMemo(
+    () => /* @__PURE__ */ jsxs(StyledDataTableContentWrapper, {
+      "data-testid": 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%"],
+      children: [
+        /* @__PURE__ */ jsx(StyledTableWrapper, {
+          role: "table",
+          "aria-rowcount": allDataFlattened.length,
+          "aria-colcount": visibleColumns.length,
+          "data-testid": DATA_TESTID.DATA_TABLE_TABLE,
+          children: /* @__PURE__ */ jsx(VirtualRowsList, {})
+        }),
+        pagination ? /* @__PURE__ */ jsx(Pagination, {}) : null
+      ]
+    }),
+    [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]
+  );
   return PureTableContent;
 };
-const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(TableContentComponent, {
+const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx(TableContentComponent, {
   ...props,
   forwardedRef: ref
 }));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TableContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA;AACA;AACA;AACA;AACA;AAMA,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAE/B,QAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;AAE5D,QAAM,mBAAmB,QACvB,MACE,qCAAC;AAAA,IACC,eAAa,YAAY;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,qCAAC;AAAA,IACC,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,YAAY;AAAA,KAEzB,qCAAC,qBAAgB,CACnB,GACC,aAAa,qCAAC,gBAAW,IAAK,IACjC,GAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe,CAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAe,OAAM,WAA2B,CAAC,OAAO,QACnE,qCAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,YAAY,SAAS,gBAAgB;AAErD,SAAS,oBAAoB,qCAAqC;AAClE,OAAO,sBAAsB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAM5B,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,aAAa,IAAI;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,WAAW;AAAA,IACzB;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gBAAgB;AAE/B,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,mBAAmB;AAAA,IACvB,MACE,qBAAC;AAAA,MACC,eAAa,YAAY;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,4BAAC;AAAA,UACC,MAAK;AAAA,UACL,iBAAe,iBAAiB;AAAA,UAChC,iBAAe,eAAe;AAAA,UAC9B,eAAa,YAAY;AAAA,UAEzB,8BAAC,mBAAgB;AAAA,SACnB;AAAA,QACC,aAAa,oBAAC,cAAW,IAAK;AAAA;AAAA,KACjC;AAAA,IAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe;AAAA,EAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAeA,OAAM,WAA2B,CAAC,OAAO,QACnE,oBAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
+  "names": ["React"]
 }