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

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.9",
+  "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.9",
-    "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.9",
-    "@elliemae/ds-controlled-form": "3.5.0-rc.9",
-    "@elliemae/ds-drag-and-drop": "3.5.0-rc.9",
-    "@elliemae/ds-dropdownmenu": "3.5.0-rc.9",
-    "@elliemae/ds-form": "3.5.0-rc.9",
-    "@elliemae/ds-form-layout-blocks": "3.5.0-rc.9",
-    "@elliemae/ds-grid": "3.5.0-rc.9",
-    "@elliemae/ds-icons": "3.5.0-rc.9",
-    "@elliemae/ds-pagination": "3.5.0-rc.9",
-    "@elliemae/ds-pills": "3.5.0-rc.9",
-    "@elliemae/ds-popperjs": "3.5.0-rc.9",
-    "@elliemae/ds-skeleton": "3.5.0-rc.9",
-    "@elliemae/ds-system": "3.5.0-rc.9",
-    "@elliemae/ds-toolbar": "3.5.0-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.9",
-    "@elliemae/ds-utilities": "3.5.0-rc.9",
+    "@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"
   },