@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/dist/esm/parts/Loader.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import React2, { memo } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
+import styled from "styled-components";
+const StyledLoaderWrapper = styled(Grid)`
+  place-items: center;
+  z-index: 0;
+  background-color: white;
+`;
+const Loader = () => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, {
+  style: { height: "100%", maxHeight: "500px" },
+  "aria-live": "polite"
+}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
+  size: "xl",
+  loading: true,
+  showLabel: true,
+  waiting: false,
+  showTooltip: false
+}));
+const MemoizedLoader = memo(Loader);
+var Loader_default = MemoizedLoader;
+export {
+  MemoizedLoader,
+  Loader_default as default
+};
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nconst Loader = () => (\n  <StyledLoaderWrapper style={{ height: '100%', maxHeight: '500px' }} aria-live=\"polite\">\n    <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n  </StyledLoaderWrapper>\n);\n\nexport const MemoizedLoader = memo(Loader);\nexport default MemoizedLoader;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,qCAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,KAAK;AACnC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/parts/Row.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { connect } from "react-redux";
+import { DataTableContext } from "../DataTableContext";
+import { setMultipleRefs } from "../helpers";
+import { SortableItemContext } from "./HoC/SortableItemContext";
+import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext";
+import { RowVariantMapItem } from "./RowVariants";
+const setItemRefs = (measureRef, draggableRef, ref) => {
+  const refsToSet = [];
+  if (measureRef)
+    refsToSet.push(measureRef);
+  if (draggableRef)
+    refsToSet.push(draggableRef);
+  setMultipleRefs(...refsToSet)(ref);
+};
+const RowComp = (props) => {
+  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
+  const ctx = useContext(DataTableContext);
+  const { draggableProps } = useContext(SortableItemContext);
+  const draggableRef = draggableProps && draggableProps.setNodeRef;
+  return /* @__PURE__ */ React2.createElement("div", {
+    style: !isDragOverlay ? itemWrapperStyle : {},
+    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
+  }, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
+    row,
+    itemIndex: row.realIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId
+  }));
+};
+const mapStateToProps = (state) => ({
+  focusedRowId: state.rows.focusedRowId,
+  selectedRowId: state.rows.selectedRowId
+});
+const Row = connect(mapStateToProps)(RowComp);
+const RowWithContext = withDnDSortableRowContext(Row);
+var Row_default = RowWithContext;
+export {
+  Row,
+  RowWithContext,
+  Row_default as default
+};
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { connect } from 'react-redux';\nimport { DataTableContext } from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n//   - the virtual list ref (for react-virtual requirement)\n//   - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n  const refsToSet = [];\n  if (measureRef) refsToSet.push(measureRef);\n  if (draggableRef) refsToSet.push(draggableRef);\n  setMultipleRefs(...refsToSet)(ref);\n};\n\nconst RowComp = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n\n  return (\n    <div style={!isDragOverlay ? itemWrapperStyle : {}} ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}>\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        ctx={ctx}\n        focusedRowId={focusedRowId}\n        selectedRowId={selectedRowId}\n      />\n    </div>\n  );\n};\n\nconst mapStateToProps = (state) => ({\n  focusedRowId: state.rows.focusedRowId,\n  selectedRowId: state.rows.selectedRowId,\n});\n\nexport const Row = connect(mapStateToProps)(RowComp);\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,kBAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,kBAAkB,CAAC,UAAW;AAAA,EAClC,cAAc,MAAM,KAAK;AAAA,EACzB,eAAe,MAAM,KAAK;AAAA;AAGrB,MAAM,MAAM,QAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,0BAA0B;AAEjD,IAAO,cAAQ;",
+  "names": []
+}

package/dist/esm/parts/RowLoading.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+import { DATA_TESTID } from "../configs/constants";
+const StyledRowLoadingContainer = styled(Grid)`
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+  width: 100%;
+  place-items: center;
+  background-color: white;
+`;
+const RowLoading = () => {
+  const PureLoading = useMemo(() => /* @__PURE__ */ React2.createElement(StyledRowLoadingContainer, {
+    role: "row",
+    "data-testid": DATA_TESTID.DATA_TABLE_ROW
+  }, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
+    processing: true,
+    title: "Loading"
+  })), []);
+  return PureLoading;
+};
+var RowLoading_default = RowLoading;
+export {
+  RowLoading,
+  RowLoading_default as default
+};
+//# sourceMappingURL=RowLoading.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/RowLoading.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledRowLoadingContainer = styled(Grid)`\n  position: absolute;\n  bottom: -40px;\n  left: 0;\n  width: 100%;\n  place-items: center;\n  background-color: white;\n`;\n\nconst RowLoading: React.ComponentType = () => {\n  const PureLoading = useMemo(\n    () => (\n      <StyledRowLoadingContainer role=\"row\" data-testid={DATA_TESTID.DATA_TABLE_ROW}>\n        <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n      </StyledRowLoadingContainer>\n    ),\n    [],\n  );\n\n  return PureLoading;\n};\n\nexport { RowLoading };\nexport default RowLoading;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,QAClB,MACE,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,YAAY;AAAA,KAC7D,qCAAC,kCAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,OAGvD;AAGF,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,71 @@
+import * as React from "react";
+import React2, { useLayoutEffect, useMemo, useRef } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { RowRenderer } from "../../exported-related/RowRenderer";
+import { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from "../../styled";
+import { expandRowColumn } from "../../addons/Columns";
+import { DATA_TESTID } from "../../configs/constants";
+const RowContent = (props) => {
+  const {
+    row,
+    ctx,
+    ctx: {
+      tableProps: { groupedRowsRenderHeader }
+    },
+    backgroundColor = "white",
+    focusedRowId,
+    selectedRowId
+  } = props;
+  const rowRef = useRef(null);
+  const hasExpandCell = useMemo(() => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"), [row]);
+  const titleContent = useMemo(() => {
+    if (typeof groupedRowsRenderHeader === "function") {
+      return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);
+    }
+    return row.original.dimsumHeaderValue;
+  }, [groupedRowsRenderHeader, row]);
+  useLayoutEffect(() => {
+    if (row.uid === focusedRowId) {
+      rowRef.current.focus();
+    }
+  }, [focusedRowId, row.uid]);
+  return /* @__PURE__ */ React2.createElement(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: selectedRowId === row.uid,
+    ctx,
+    draggableProps: {}
+  }) : /* @__PURE__ */ React2.createElement(Grid, {
+    width: "16px"
+  }), /* @__PURE__ */ React2.createElement(GroupHeaderTitle, null, titleContent)));
+};
+const RowVariantHeader = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  focusedRowId,
+  selectedRowId
+}) => /* @__PURE__ */ React2.createElement(RowRenderer, {
+  row,
+  itemIndex,
+  isDragOverlay,
+  minHeight: "0px",
+  height: "24px",
+  CustomRowContentRenderer: RowContent,
+  focusedRowId,
+  selectedRowId
+});
+export {
+  RowVariantHeader
+};
+//# sourceMappingURL=RowVariantHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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    selectedRowId,\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={selectedRowId === 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  selectedRowId,\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    selectedRowId={selectedRowId}\n  />\n);\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,IAEhB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,SAAS,OAAuB;AAEtC,QAAM,gBAAgB,QACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,oBAChF,CAAC;AAGH,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS;AAAA;AAE9E,WAAO,IAAI,SAAS;AAAA,KACnB,CAAC,yBAAyB;AAE7B,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ;AAAA;AAAA,KAEhB,CAAC,cAAc,IAAI;AAEtB,SACE,qCAAC,qBAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,KAEzB,qCAAC,sBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,UAAU,CAAC;AAAA,IACjD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,qCAAC,gBAAgB,MAAjB;AAAA,IACE;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,kBAAkB,IAAI;AAAA,IACrC;AAAA,IACA,gBAAgB;AAAA,OAGlB,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,MAEd,qCAAC,kBAAD,MAAmB;AAAA;AAMpB,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,aAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import * as React from "react";
+import React2 from "react";
+import { RowRenderer } from "../../exported-related/RowRenderer";
+const RowVariantPrimary = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  ctx,
+  focusedRowId,
+  selectedRowId,
+  compact
+}) => {
+  const {
+    layoutHelpers: { gridLayout }
+  } = ctx;
+  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+    row,
+    itemIndex,
+    isDragOverlay,
+    compact,
+    height: compact ? "24px" : "auto",
+    minHeight: compact ? "24px" : "36px",
+    colsLayout: row.isExpanded ? void 0 : gridLayout,
+    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
+    focusedRowId,
+    selectedRowId
+  });
+};
+export {
+  RowVariantPrimary
+};
+//# sourceMappingURL=RowVariantPrimary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantPrimary.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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  selectedRowId,\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      selectedRowId={selectedRowId}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,oBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC,aAAD;AAAA,IACE;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,UAAU,CAAC;AAAA,IACjD;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import React2 from "react";
+import { RowRenderer } from "../../exported-related/RowRenderer";
+const RowVariantSecondary = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  ctx,
+  focusedRowId,
+  selectedRowId,
+  compact
+}) => {
+  const {
+    layoutHelpers: { gridLayout }
+  } = ctx;
+  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+    row,
+    itemIndex,
+    isDragOverlay,
+    compact,
+    height: compact ? "24px" : "auto",
+    minHeight: compact ? "24px" : "36px",
+    colsLayout: row.isExpanded ? void 0 : gridLayout,
+    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
+    backgroundColor: "#F6F7F9",
+    focusedRowId,
+    selectedRowId
+  });
+};
+export {
+  RowVariantSecondary
+};
+//# sourceMappingURL=RowVariantSecondary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantSecondary.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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  selectedRowId,\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      selectedRowId={selectedRowId}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC,aAAD;AAAA,IACE;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,UAAU,CAAC;AAAA,IACjD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,57 @@
+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";
+import { Cells } from "../Cells";
+import { RowVariantHeader } from "./RowVariantHeader";
+import { RowVariantPrimary } from "./RowVariantPrimary";
+import { RowVariantSecondary } from "./RowVariantSecondary";
+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))
+};
+const RowVariantMapItem = (props) => {
+  const {
+    row,
+    ctx: {
+      tableProps: { getRowVariant }
+    }
+  } = props;
+  const variant = getRowVariant(row, Cells);
+  let Component;
+  if (typeof variant === "string") {
+    if (!(variant in RowVariantMapper)) {
+      throw new Error(`${variant} is not an out-of-the-box row variant`);
+    }
+    Component = RowVariantMapper[variant];
+  } else {
+    Component = variant;
+  }
+  return /* @__PURE__ */ React2.createElement(Component, __spreadValues({}, props));
+};
+export {
+  RowVariantMapItem
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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 { 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};\n\ninterface RowVariantMapItemProps {\n  row: TypescriptRow;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  ctx: TypescriptContext;\n  focusedRowId: string;\n  selectedRowId: string;\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;ACCA;AACA;AAEA;AACA;AACA;AACA;AAGA,MAAM,mBAAyE;AAAA,GAC5E,aAAa,eAAe;AAAA,GAC5B,aAAa,UAAU;AAAA,GACvB,aAAa,YAAY;AAAA,GACzB,aAAa,kBAAkB,CAAC,UAAU,qCAAC,mBAAD;AAAA,IAAmB,SAAO;AAAA,KAAK;AAAA,GACzE,aAAa,oBAAoB,CAAC,UAAU,qCAAC,qBAAD;AAAA,IAAqB,SAAO;AAAA,KAAK;AAAA;AAYzE,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,MAEd;AAEJ,QAAM,UAAU,cAAc,KAAK;AAEnC,MAAI;AAEJ,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,CAAE,YAAW,mBAAmB;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA;AAErB,gBAAY,iBAAiB;AAAA,SACxB;AACL,gBAAY;AAAA;AAGd,SAAO,qCAAC,WAAD,mBAAe;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

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

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

package/dist/esm/parts/Rows.js

@@ -0,0 +1,63 @@
+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";
+import { DataTableContext } from "../DataTableContext";
+import { DnDTreeContext, withConditionalDnDRowContext } from "./HoC/withConditionalDnDRowContext";
+import { addCellData } from "../helpers";
+const Rows = () => {
+  const {
+    virtualListHelpers: { virtualItems },
+    layoutHelpers: { totalColumnsWidth },
+    flattenedData,
+    visibleColumns
+  } = useContext(DataTableContext);
+  const { visibleItems } = useContext(DnDTreeContext);
+  const items = visibleItems || flattenedData;
+  const PureVirtualizedRows = useMemo(() => /* @__PURE__ */ React2.createElement(React2.Fragment, null, virtualItems.map((virtualItem) => {
+    const { index, measureRef, start } = virtualItem;
+    const row = items[index];
+    if (!row)
+      return null;
+    addCellData(row, visibleColumns);
+    const style = {
+      position: "absolute",
+      top: `${start}px`,
+      left: 0,
+      width: totalColumnsWidth
+    };
+    const rowProps = {
+      key: `ds-table-row-${row.uid}`,
+      row,
+      measureRef,
+      index,
+      itemIndex: index,
+      itemWrapperStyle: style
+    };
+    return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps));
+  })), [virtualItems, items, visibleColumns, totalColumnsWidth]);
+  return PureVirtualizedRows;
+};
+Rows.propTypes = {};
+const RowsWithContext = withConditionalDnDRowContext(Rows);
+var Rows_default = RowsWithContext;
+export {
+  RowsWithContext,
+  Rows_default as default
+};
+//# sourceMappingURL=Rows.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAEf,QAAM,EAAE,iBAAiB,WAAW;AAEpC,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;AACjB,UAAM,QAAQ;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,GAAG;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA;AAET,UAAM,WAAW;AAAA,MACf,KAAK,gBAAgB,IAAI;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA;AAEpB,WAAO,qCAAC,KAAD,mBAAS;AAAA,OAItB,CAAC,cAAc,OAAO,gBAAgB;AAGxC,SAAO;AAAA;AAGT,KAAK,YAAY;AAEV,MAAM,kBAAkB,6BAA6B;AAC5D,IAAO,eAAQ;",
+  "names": []
+}

package/dist/esm/parts/SortByCaret.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortByCaret.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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;ACCA;AACA;AAEA,MAAM,YAAY,CAAC,iBAAiB;AAE7B,MAAM,cAA8D,CAAC,EAAE,mBAC5E,QACE,MACE,qCAAC,QAAD;AAAA,EAAM,OAAO,EAAE,YAAY;AAAA,GACxB,gBAAgB,qCAAC,eAAD;AAAA,EAAe,MAAK;AAAA,EAAI,OAAO;AAAA,IAC/C,CAAC,gBAAgB,qCAAC,aAAD;AAAA,EAAa,OAAO;AAAA,KAG1C,CAAC;",
+  "names": []
+}

package/dist/esm/parts/SortableHeaderCell.js

@@ -0,0 +1,50 @@
+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";
+const SortableHeaderCell = (_a) => {
+  var _b = _a, {
+    items,
+    isDragOverlay = false
+  } = _b, rest = __objRest(_b, [
+    "items",
+    "isDragOverlay"
+  ]);
+  return withConditionalDnDSortableContext(items, isDragOverlay)(Grid)(__spreadProps(__spreadValues({}, rest), {
+    style: { display: "flex" }
+  }));
+};
+export {
+  SortableHeaderCell
+};
+//# sourceMappingURL=SortableHeaderCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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';\n\nexport const SortableHeaderCell = ({\n  items,\n  isDragOverlay = false,\n  ...rest\n}: {\n  items: TypescriptColumn[];\n  isDragOverlay?: boolean;\n  children: JSX.Element | JSX.Element[];\n}): JSX.Element =>\n  withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({\n    ...rest,\n    style: { display: 'flex' },\n  });\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA;AAEO,MAAM,qBAAqB,CAAC,OAQnB;AARmB,eACjC;AAAA;AAAA,IACA,gBAAgB;AAAA,MAFiB,IAG9B,iBAH8B,IAG9B;AAAA,IAFH;AAAA,IACA;AAAA;AAOA,2CAAkC,OAAO,eAAe,MAAM,iCACzD,OADyD;AAAA,IAE5D,OAAO,EAAE,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/TableContent.js

@@ -0,0 +1,66 @@
+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 { connect } from "react-redux";
+import { StyledTableWrapper, StyledDataTableWrapper } from "../styled";
+import { DataTableContext } from "../DataTableContext";
+import { Pagination } from "../addons/Pagination";
+import { VirtualRowsList } from "./VirtualRowsList";
+import { DATA_TESTID } from "../configs/constants";
+const mapStateToProps = (state) => ({
+  reduxFilters: state.filters
+});
+const TableContentComponent = (props) => {
+  const { forwardedRef } = props;
+  const {
+    tableProps: { height, width, pagination },
+    allDataFlattened,
+    visibleColumns
+  } = useContext(DataTableContext);
+  const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
+  const PureTableContent = useMemo(() => /* @__PURE__ */ React2.createElement(StyledDataTableWrapper, {
+    "data-testid": DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
+    height,
+    width,
+    ref: forwardedRef,
+    noSelectionAllowed: shiftKeyPressed,
+    onKeyDown: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey),
+    onKeyUp: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== "Shift")
+  }, /* @__PURE__ */ React2.createElement(StyledTableWrapper, {
+    role: "table",
+    "aria-rowcount": allDataFlattened.length,
+    "aria-colcount": visibleColumns.length,
+    "data-testid": DATA_TESTID.DATA_TABLE_TABLE,
+    height,
+    width
+  }, /* @__PURE__ */ React2.createElement(VirtualRowsList, null)), pagination ? /* @__PURE__ */ React2.createElement(Pagination, null) : null), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
+  return PureTableContent;
+};
+const ConnectedTableContent = connect(mapStateToProps)(TableContentComponent);
+const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ConnectedTableContent, __spreadProps(__spreadValues({}, props), {
+  forwardedRef: ref
+})));
+var TableContent_default = TableContent;
+export {
+  TableContent,
+  TableContent_default as default
+};
+//# sourceMappingURL=TableContent.js.map