@elliemae/ds-data-table 3.5.0-rc.7 → 3.5.1-next.0

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";
@@ -32,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,
@@ -58,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,YAAY,WAAW;ACAvB,OAAOA,UAAS,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,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,KAEzB,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,YAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,IACvD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,gBAAAA,OAAA,cAAC,gBAAgB,MAAhB;AAAA,IACC;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,mBAAmB,IAAI;AAAA,IACtC;AAAA,IACA,gBAAgB,CAAC;AAAA,GACnB,IAEA,gBAAAA,OAAA,cAAC;AAAA,IAAK,OAAM;AAAA,GAAO,GAErB,gBAAAA,OAAA,cAAC,wBAAkB,YAAa,CAClC,CACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,gBAAAA,OAAA,cAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
-  "names": ["React"]
+  "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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,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,gBAAAA,OAAA,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;AAAA,IACA;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,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,gBAAAA,OAAA,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,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,YAAY,WAAW;ACAvB,OAAOA,UAAS,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,gBAAAA,OAAA,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,gBAAAA,OAAA,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,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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;AAAA,IAAkB,SAAO;AAAA,IAAE,GAAG;AAAA,GAAO;AAAA,EACjF,CAAC,aAAa,oBAAoB,CAAC,UAAU,gBAAAA,OAAA,cAAC;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,gBAAAA,OAAA,cAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
-  "names": ["React"]
+  "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/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";
@@ -14,30 +15,32 @@ const Rows = () => {
   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
-      });
-    })),
+    () => /* @__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;

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,YAAY,WAAW;ACCvB,OAAOA,UAAS,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,gBAAAA,OAAA,cAAAA,OAAA,gBACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC;AAAK,eAAO;AACjB,kBAAY,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,gBAAAA,OAAA,cAAC;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,kBAAkB,6BAA6B,IAAI;AAChE,IAAO,eAAQ;",
-  "names": ["React"]
+  "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,16 +1,21 @@
 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
-  })),
+  () => /* @__PURE__ */ jsxs("span", {
+    style: { marginLeft: "4px" },
+    children: [
+      isSortedDesc && /* @__PURE__ */ jsx(ArrowheadDown, {
+        size: "s",
+        color: iconColor
+      }),
+      !isSortedDesc && /* @__PURE__ */ jsx(ArrowheadUp, {
+        color: iconColor
+      })
+    ]
+  }),
   [isSortedDesc]
 );
 export {

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,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAC/B,SAAS,eAAe,mBAAmB;AAE3C,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,aAAa,MACzF;AAAA,EACE,MACE,gBAAAA,OAAA,cAAC;AAAA,IAAK,OAAO,EAAE,YAAY,MAAM;AAAA,KAC9B,gBAAgB,gBAAAA,OAAA,cAAC;AAAA,IAAc,MAAK;AAAA,IAAI,OAAO;AAAA,GAAW,GAC1D,CAAC,gBAAgB,gBAAAA,OAAA,cAAC;AAAA,IAAY,OAAO;AAAA,GAAW,CACnD;AAAA,EAEF,CAAC,YAAY;AACf;",
-  "names": ["React"]
+  "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/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";
@@ -14,25 +15,30 @@ const TableContentComponent = (props) => {
   } = useContext(DataTableContext);
   const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
   const PureTableContent = useMemo(
-    () => /* @__PURE__ */ React2.createElement(StyledDataTableContentWrapper, {
+    () => /* @__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%"]
-    }, /* @__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),
+      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,YAAY,WAAW;ACAvB,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,gBAAAA,OAAA,cAAC;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,OAEb,gBAAAA,OAAA,cAAC;AAAA,MACC,MAAK;AAAA,MACL,iBAAe,iBAAiB;AAAA,MAChC,iBAAe,eAAe;AAAA,MAC9B,eAAa,YAAY;AAAA,OAEzB,gBAAAA,OAAA,cAAC,qBAAgB,CACnB,GACC,aAAa,gBAAAA,OAAA,cAAC,gBAAW,IAAK,IACjC;AAAA,IAEF,CAAC,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe;AAAA,EAC5F;AAEA,SAAO;AACT;AAEO,MAAM,eAAeA,OAAM,WAA2B,CAAC,OAAO,QACnE,gBAAAA,OAAA,cAAC;AAAA,EAAuB,GAAG;AAAA,EAAO,cAAc;AAAA,CAAK,CACtD;AAED,IAAO,uBAAQ;",
+  "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"]
 }

package/dist/esm/parts/VirtualRowsList.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useMemo, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useMemo, useCallback } from "react";
 import { EmptyContent } from "./EmptyContent";
 import { RowsWithContext as Rows } from "./Rows";
 import { Headers } from "./Headers";
@@ -31,17 +32,29 @@ const VirtualRowsList = () => {
     },
     [scrollToIndex, setFocusedRowId, flattenedData]
   );
-  return /* @__PURE__ */ React2.createElement(StyledVirtualListWrapper, {
+  return /* @__PURE__ */ jsx(StyledVirtualListWrapper, {
     ref: virtualListRef,
     "data-testid": DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER,
     onKeyDown,
-    tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(StyledTableContentWrapper, {
-    role: "rowgroup",
-    height: isEmptyContent ? "100%" : totalSize
-  }, /* @__PURE__ */ React2.createElement(Headers, null), isEmptyContent && /* @__PURE__ */ React2.createElement(EmptyContent, {
-    width: totalColumnsWidth
-  }), isLoading ? /* @__PURE__ */ React2.createElement(Loader, null) : null, !isLoading && !isEmptyContent && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Rows, null), /* @__PURE__ */ React2.createElement(Footer, null))));
+    tabIndex: -1,
+    children: /* @__PURE__ */ jsxs(StyledTableContentWrapper, {
+      role: "rowgroup",
+      height: isEmptyContent ? "100%" : totalSize,
+      children: [
+        /* @__PURE__ */ jsx(Headers, {}),
+        isEmptyContent && /* @__PURE__ */ jsx(EmptyContent, {
+          width: totalColumnsWidth
+        }),
+        isLoading ? /* @__PURE__ */ jsx(Loader, {}) : null,
+        !isLoading && !isEmptyContent && /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx(Rows, {}),
+            /* @__PURE__ */ jsx(Footer, {})
+          ]
+        })
+      ]
+    })
+  });
 };
 var VirtualRowsList_default = VirtualRowsList;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/VirtualRowsList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,YAAY,SAAS,mBAAmB;AACxD,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB,YAAY;AACxC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,0BAA0B,iCAAiC;AACpE,SAAS,kBAAkB,cAAc;AACzC,SAAS,mBAAmB;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,IAAI,WAAW,gBAAgB;AAC/B,QAAM,EAAE,WAAW,cAAc,IAAI;AAErC,QAAM,iBAAiB,QAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc,MAAM,CAAC;AAEhH,QAAM,YAAY;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,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,YAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC;AAAA,IAA0B,MAAK;AAAA,IAAW,QAAQ,iBAAiB,SAAS;AAAA,KAC3E,gBAAAA,OAAA,cAAC,aAAQ,GACR,kBAAkB,gBAAAA,OAAA,cAAC;AAAA,IAAa,OAAO;AAAA,GAAmB,GAC1D,YAAY,gBAAAA,OAAA,cAAC,YAAO,IAAK,MACzB,CAAC,aAAa,CAAC,kBACd,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC,UAAK,GACN,gBAAAA,OAAA,cAAC,YAAO,CACV,CAEJ,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB,YAAY;AACxC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,0BAA0B,iCAAiC;AACpE,SAAS,kBAAkB,cAAc;AACzC,SAAS,mBAAmB;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,IAAI,WAAW,gBAAgB;AAC/B,QAAM,EAAE,WAAW,cAAc,IAAI;AAErC,QAAM,iBAAiB,QAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc,MAAM,CAAC;AAEhH,QAAM,YAAY;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,oBAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,YAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,IAEV,+BAAC;AAAA,MAA0B,MAAK;AAAA,MAAW,QAAQ,iBAAiB,SAAS;AAAA,MAC3E;AAAA,4BAAC,WAAQ;AAAA,QACR,kBAAkB,oBAAC;AAAA,UAAa,OAAO;AAAA,SAAmB;AAAA,QAC1D,YAAY,oBAAC,UAAO,IAAK;AAAA,QACzB,CAAC,aAAa,CAAC,kBACd;AAAA,UACE;AAAA,gCAAC,QAAK;AAAA,YACN,oBAAC,UAAO;AAAA;AAAA,SACV;AAAA;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "3.5.0-rc.7",
+  "version": "3.5.1-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "files": [
@@ -571,23 +571,23 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.5.0-rc.7",
-    "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.7",
-    "@elliemae/ds-controlled-form": "3.5.0-rc.7",
-    "@elliemae/ds-drag-and-drop": "3.5.0-rc.7",
-    "@elliemae/ds-dropdownmenu": "3.5.0-rc.7",
-    "@elliemae/ds-form": "3.5.0-rc.7",
-    "@elliemae/ds-form-layout-blocks": "3.5.0-rc.7",
-    "@elliemae/ds-grid": "3.5.0-rc.7",
-    "@elliemae/ds-icons": "3.5.0-rc.7",
-    "@elliemae/ds-pagination": "3.5.0-rc.7",
-    "@elliemae/ds-pills": "3.5.0-rc.7",
-    "@elliemae/ds-popperjs": "3.5.0-rc.7",
-    "@elliemae/ds-skeleton": "3.5.0-rc.7",
-    "@elliemae/ds-system": "3.5.0-rc.7",
-    "@elliemae/ds-toolbar": "3.5.0-rc.7",
-    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.7",
-    "@elliemae/ds-utilities": "3.5.0-rc.7",
+    "@elliemae/ds-button": "3.5.1-next.0",
+    "@elliemae/ds-circular-progress-indicator": "3.5.1-next.0",
+    "@elliemae/ds-controlled-form": "3.5.1-next.0",
+    "@elliemae/ds-drag-and-drop": "3.5.1-next.0",
+    "@elliemae/ds-dropdownmenu": "3.5.1-next.0",
+    "@elliemae/ds-form": "3.5.1-next.0",
+    "@elliemae/ds-form-layout-blocks": "3.5.1-next.0",
+    "@elliemae/ds-grid": "3.5.1-next.0",
+    "@elliemae/ds-icons": "3.5.1-next.0",
+    "@elliemae/ds-pagination": "3.5.1-next.0",
+    "@elliemae/ds-pills": "3.5.1-next.0",
+    "@elliemae/ds-popperjs": "3.5.1-next.0",
+    "@elliemae/ds-skeleton": "3.5.1-next.0",
+    "@elliemae/ds-system": "3.5.1-next.0",
+    "@elliemae/ds-toolbar": "3.5.1-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.5.1-next.0",
+    "@elliemae/ds-utilities": "3.5.1-next.0",
     "react-virtual": "~2.10.4",
     "uid": "~2.0.0"
   },