@elliemae/ds-data-table 3.3.0-next.4 → 3.3.0-next.7

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

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 import React2 from "react";
 import { ROW_VARIANTS } from "../../exported-related";
@@ -27,12 +11,14 @@ const RowVariantMapper = {
   [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,
   [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,
   [ROW_VARIANTS.SECONDARY]: RowVariantSecondary,
-  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantPrimary, __spreadValues({
-    compact: true
-  }, props)),
-  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantSecondary, __spreadValues({
-    compact: true
-  }, props)),
+  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantPrimary, {
+    compact: true,
+    ...props
+  }),
+  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantSecondary, {
+    compact: true,
+    ...props
+  }),
   [ROW_VARIANTS.SKELETON]: RowVariantSkeleton
 };
 const RowVariantMapItem = (props) => {
@@ -52,7 +38,9 @@ const RowVariantMapItem = (props) => {
   } else {
     Component = variant;
   }
-  return /* @__PURE__ */ React2.createElement(Component, __spreadValues({}, props));
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ...props
+  });
 };
 export {
   RowVariantMapItem

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,KAAK,MAAO;AAAA,EACjF,CAAC,aAAa,oBAAoB,CAAC,UAAU,qCAAC;AAAA,IAAoB,SAAO;AAAA,KAAK,MAAO;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,8BAAc,MAAO;AAC/B;",
+  "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;",
   "names": []
 }

package/dist/esm/parts/Rows.js

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 import React2, { useContext, useMemo } from "react";
 import { RowWithContext as Row } from "./Row";
@@ -50,7 +34,9 @@ const Rows = () => {
       itemIndex: index,
       itemWrapperStyle: style
     };
-    return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps));
+    return /* @__PURE__ */ React2.createElement(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;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,wBAAQ,SAAU;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;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;",
   "names": []
 }

package/dist/esm/parts/SortableHeaderCell.js

@@ -1,56 +1,20 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { withConditionalDnDSortableContext } from "./HoC/withConditionalDnDSortableContext";
 import { sizeToCss } from "../helpers";
-const SortableHeaderCell = (_a) => {
-  var _b = _a, {
-    items,
-    isDragOverlay = false,
-    isGroup = false
-  } = _b, rest = __objRest(_b, [
-    "items",
-    "isDragOverlay",
-    "isGroup"
-  ]);
-  return withConditionalDnDSortableContext(items, isDragOverlay)(Grid)(__spreadProps(__spreadValues({}, rest), {
-    cols: isGroup ? items.map((col) => sizeToCss(col.width ?? 150)) : void 0,
-    style: isGroup ? {
-      gridAutoFlow: "column"
-    } : { display: "flex" }
-  }));
-};
+const SortableHeaderCell = ({
+  items,
+  isDragOverlay = false,
+  isGroup = false,
+  ...rest
+}) => withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({
+  ...rest,
+  cols: isGroup ? items.map((col) => sizeToCss(col.width ?? 150)) : void 0,
+  style: isGroup ? {
+    gridAutoFlow: "column"
+  } : { display: "flex" }
+});
 export {
   SortableHeaderCell
 };

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,OAUnB;AAVmB,eACjC;AAAA;AAAA,IACA,gBAAgB;AAAA,IAChB,UAAU;AAAA,MAHuB,IAI9B,iBAJ8B,IAI9B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAQA,2CAAkC,OAAO,aAAa,EAAE,IAAI,EAAE,iCACzD,OADyD;AAAA,IAE5D,MAAM,UAAU,MAAM,IAAI,CAAC,QAAQ,UAAU,IAAI,SAAS,GAAG,CAAC,IAAI;AAAA,IAClE,OAAO,UACH;AAAA,MACE,cAAc;AAAA,IAChB,IACA,EAAE,SAAS,OAAO;AAAA,EACxB,EAAC;AAAA;",
+  "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;",
   "names": []
 }

package/dist/esm/parts/TableContent.js

@@ -1,23 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useContext, useMemo, useState } from "react";
 import { StyledTableWrapper, StyledDataTableContentWrapper } from "../styled";
@@ -49,9 +30,10 @@ const TableContentComponent = (props) => {
   }, /* @__PURE__ */ React2.createElement(VirtualRowsList, null)), pagination ? /* @__PURE__ */ React2.createElement(Pagination, null) : null), [forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
-const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(TableContentComponent, __spreadProps(__spreadValues({}, props), {
+const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(TableContentComponent, {
+  ...props,
   forwardedRef: ref
-})));
+}));
 var TableContent_default = TableContent;
 export {
   TableContent,

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,wDAA0B,QAA1B;AAAA,EAAiC,cAAc;AAAA,EAAK,CACtD;AAED,IAAO,uBAAQ;",
+  "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": []
 }

package/package.json

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

package/dist/cjs/hooks/useRecoverFocusCol.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useRecoverFocusCol.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useState } from 'react';\n\n// The drag-handle of the column is not replaced by another node,\n// so we just keep track of it and focus it if necessary\n\nexport const useRecoverFocusCol = (condition: boolean, ref: React.MutableRefObject<HTMLElement>): void => {\n  const [prevCondition, setPrevCondition] = useState(condition);\n\n  useEffect(() => {\n    if (prevCondition && !condition) {\n      if (ref.current) ref.current?.focus();\n      else setTimeout(() => ref.current?.focus());\n    }\n    setPrevCondition(condition);\n  }, [condition, prevCondition, ref]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAKpC,MAAM,qBAAqB,CAAC,WAAoB,QAAmD;AACxG,QAAM,CAAC,eAAe,oBAAoB,2BAAS,SAAS;AAE5D,8BAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,WAAW;AAC/B,UAAI,IAAI;AAAS,YAAI,SAAS,MAAM;AAAA;AAC/B,mBAAW,MAAM,IAAI,SAAS,MAAM,CAAC;AAAA,IAC5C;AACA,qBAAiB,SAAS;AAAA,EAC5B,GAAG,CAAC,WAAW,eAAe,GAAG,CAAC;AACpC;",
-  "names": []
-}

package/dist/cjs/hooks/useRecoverFocusRow.js

@@ -1,46 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useRecoverFocusRow_exports = {};
-__export(useRecoverFocusRow_exports, {
-  useRecoverFocusRow: () => useRecoverFocusRow
-});
-module.exports = __toCommonJS(useRecoverFocusRow_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const lastActiveId = draggableProps && draggableProps.lastActiveId;
-  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  const timeoutRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {
-      timeoutRef.current = setTimeout(() => {
-        cell.ref.current.focus();
-        setLastActiveId(null);
-      });
-    }
-    return () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);
-};
-//# sourceMappingURL=useRecoverFocusRow.js.map

package/dist/cjs/hooks/useRecoverFocusRow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useRecoverFocusRow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-params */\nimport { useEffect, useRef } from 'react';\n\n// When we re-render the rows, the drag handle is replaced by another node\n// So we keep track of the last active id, and re-focus it\n\nexport const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {\n  const isDragging = draggableProps && draggableProps.isDragging;\n  const lastActiveId = draggableProps && draggableProps.lastActiveId;\n  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;\n\n  const timeoutRef = useRef(null);\n\n  useEffect(() => {\n    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {\n      timeoutRef.current = setTimeout(() => {\n        cell.ref.current.focus();\n        setLastActiveId(null);\n      });\n    }\n    return () => {\n      clearTimeout(timeoutRef.current);\n    };\n  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAK3B,MAAM,qBAAqB,CAAC,KAAK,MAAM,eAAe,mBAAmB;AAC9E,QAAM,aAAa,kBAAkB,eAAe;AACpD,QAAM,eAAe,kBAAkB,eAAe;AACtD,QAAM,kBAAkB,kBAAkB,eAAe;AAEzD,QAAM,aAAa,yBAAO,IAAI;AAE9B,8BAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,IAAI,KAAK;AAC7D,iBAAW,UAAU,WAAW,MAAM;AACpC,aAAK,IAAI,QAAQ,MAAM;AACvB,wBAAgB,IAAI;AAAA,MACtB,CAAC;AAAA,IACH;AACA,WAAO,MAAM;AACX,mBAAa,WAAW,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,YAAY,eAAe,cAAc,IAAI,KAAK,iBAAiB,KAAK,GAAG,CAAC;AAClF;",
-  "names": []
-}

package/dist/esm/hooks/useRecoverFocusCol.js

@@ -1,19 +0,0 @@
-"use strict";
-import * as React from "react";
-import { useEffect, useState } from "react";
-const useRecoverFocusCol = (condition, ref) => {
-  const [prevCondition, setPrevCondition] = useState(condition);
-  useEffect(() => {
-    if (prevCondition && !condition) {
-      if (ref.current)
-        ref.current?.focus();
-      else
-        setTimeout(() => ref.current?.focus());
-    }
-    setPrevCondition(condition);
-  }, [condition, prevCondition, ref]);
-};
-export {
-  useRecoverFocusCol
-};
-//# sourceMappingURL=useRecoverFocusCol.js.map

package/dist/esm/hooks/useRecoverFocusCol.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useRecoverFocusCol.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState } from 'react';\n\n// The drag-handle of the column is not replaced by another node,\n// so we just keep track of it and focus it if necessary\n\nexport const useRecoverFocusCol = (condition: boolean, ref: React.MutableRefObject<HTMLElement>): void => {\n  const [prevCondition, setPrevCondition] = useState(condition);\n\n  useEffect(() => {\n    if (prevCondition && !condition) {\n      if (ref.current) ref.current?.focus();\n      else setTimeout(() => ref.current?.focus());\n    }\n    setPrevCondition(condition);\n  }, [condition, prevCondition, ref]);\n};\n"],
-  "mappings": ";AAAA;ACAA;AAKO,MAAM,qBAAqB,CAAC,WAAoB,QAAmD;AACxG,QAAM,CAAC,eAAe,oBAAoB,SAAS,SAAS;AAE5D,YAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,WAAW;AAC/B,UAAI,IAAI;AAAS,YAAI,SAAS,MAAM;AAAA;AAC/B,mBAAW,MAAM,IAAI,SAAS,MAAM,CAAC;AAAA,IAC5C;AACA,qBAAiB,SAAS;AAAA,EAC5B,GAAG,CAAC,WAAW,eAAe,GAAG,CAAC;AACpC;",
-  "names": []
-}

package/dist/esm/hooks/useRecoverFocusRow.js

@@ -1,24 +0,0 @@
-"use strict";
-import * as React from "react";
-import { useEffect, useRef } from "react";
-const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const lastActiveId = draggableProps && draggableProps.lastActiveId;
-  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  const timeoutRef = useRef(null);
-  useEffect(() => {
-    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {
-      timeoutRef.current = setTimeout(() => {
-        cell.ref.current.focus();
-        setLastActiveId(null);
-      });
-    }
-    return () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);
-};
-export {
-  useRecoverFocusRow
-};
-//# sourceMappingURL=useRecoverFocusRow.js.map

package/dist/esm/hooks/useRecoverFocusRow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useRecoverFocusRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { useEffect, useRef } from 'react';\n\n// When we re-render the rows, the drag handle is replaced by another node\n// So we keep track of the last active id, and re-focus it\n\nexport const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {\n  const isDragging = draggableProps && draggableProps.isDragging;\n  const lastActiveId = draggableProps && draggableProps.lastActiveId;\n  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;\n\n  const timeoutRef = useRef(null);\n\n  useEffect(() => {\n    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {\n      timeoutRef.current = setTimeout(() => {\n        cell.ref.current.focus();\n        setLastActiveId(null);\n      });\n    }\n    return () => {\n      clearTimeout(timeoutRef.current);\n    };\n  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);\n};\n"],
-  "mappings": ";AAAA;ACCA;AAKO,MAAM,qBAAqB,CAAC,KAAK,MAAM,eAAe,mBAAmB;AAC9E,QAAM,aAAa,kBAAkB,eAAe;AACpD,QAAM,eAAe,kBAAkB,eAAe;AACtD,QAAM,kBAAkB,kBAAkB,eAAe;AAEzD,QAAM,aAAa,OAAO,IAAI;AAE9B,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,IAAI,KAAK;AAC7D,iBAAW,UAAU,WAAW,MAAM;AACpC,aAAK,IAAI,QAAQ,MAAM;AACvB,wBAAgB,IAAI;AAAA,MACtB,CAAC;AAAA,IACH;AACA,WAAO,MAAM;AACX,mBAAa,WAAW,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,YAAY,eAAe,cAAc,IAAI,KAAK,iBAAiB,KAAK,GAAG,CAAC;AAClF;",
-  "names": []
-}