@elliemae/ds-data-table 3.0.0-next.9 → 3.0.1

package/dist/esm/parts/Row.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React2, { useContext } from "react";
-import { connect } from "react-redux";
-import { DataTableContext } from "../DataTableContext";
+import { styled } from "@elliemae/ds-system";
+import DataTableContext from "../DataTableContext";
 import { setMultipleRefs } from "../helpers";
 import { SortableItemContext } from "./HoC/SortableItemContext";
 import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext";
@@ -14,12 +14,21 @@ const setItemRefs = (measureRef, draggableRef, ref) => {
     refsToSet.push(draggableRef);
   setMultipleRefs(...refsToSet)(ref);
 };
-const RowComp = (props) => {
-  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
+const StyledRow = styled("div")`
+  cursor: ${({ disabled }) => disabled ? "not-allowed" : "normal"};
+`;
+const Row = (props) => {
+  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;
   const ctx = useContext(DataTableContext);
+  const {
+    tableProps: { disabledRows },
+    focusedRowId,
+    drilldownRowId
+  } = ctx;
   const { draggableProps } = useContext(SortableItemContext);
   const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement(StyledRow, {
+    disabled: disabledRows[row.uid],
     style: !isDragOverlay ? itemWrapperStyle : {},
     ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
   }, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
@@ -28,14 +37,9 @@ const RowComp = (props) => {
     isDragOverlay,
     ctx,
     focusedRowId,
-    selectedRowId
+    drilldownRowId
   }));
 };
-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 {

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

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport DataTableContext from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n//   - the virtual list ref (for react-virtual requirement)\n//   - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n  const refsToSet = [];\n  if (measureRef) refsToSet.push(measureRef);\n  if (draggableRef) refsToSet.push(draggableRef);\n  setMultipleRefs(...refsToSet)(ref);\n};\n\nconst StyledRow = styled('div')`\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'normal')};\n`;\n\nexport const Row = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;\n\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { disabledRows },\n    focusedRowId,\n    drilldownRowId,\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n  return (\n    <StyledRow\n      disabled={disabledRows[row.uid]}\n      style={!isDragOverlay ? itemWrapperStyle : {}}\n      ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}\n    >\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        ctx={ctx}\n        focusedRowId={focusedRowId}\n        drilldownRowId={drilldownRowId}\n      />\n    </StyledRow>\n  );\n};\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY,CAAC;AACnB,MAAI;AAAY,cAAU,KAAK,UAAU;AACzC,MAAI;AAAc,cAAU,KAAK,YAAY;AAC7C,kBAAgB,GAAG,SAAS,EAAE,GAAG;AACnC;AAEA,MAAM,YAAY,OAAO,KAAK;AAAA,YAClB,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAGnD,MAAM,MAAM,CAAC,UAAU;AAC5B,QAAM,EAAE,KAAK,YAAY,kBAAkB,kBAAkB;AAE7D,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,mBAAmB,WAAW,mBAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE,qCAAC;AAAA,IACC,UAAU,aAAa,IAAI;AAAA,IAC3B,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,IAC5C,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc,GAAG;AAAA,KAEvD,qCAAC;AAAA,IACC;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;AAEJ;AAEA,MAAM,iBAAiB,0BAA0B,GAAG;AAEpD,IAAO,cAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7C,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,QAClB,MACE,qCAAC;AAAA,IAA0B,MAAK;AAAA,IAAM,eAAa,YAAY;AAAA,KAC7D,qCAAC;AAAA,IAAiC,YAAU;AAAA,IAAC,OAAM;AAAA,GAAU,CAC/D,GAEF,CAAC,CACH;AAEA,SAAO;AACT;AAGA,IAAO,qBAAQ;",
   "names": []
 }

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

@@ -14,7 +14,7 @@ const RowContent = (props) => {
     },
     backgroundColor = "white",
     focusedRowId,
-    selectedRowId
+    drilldownRowId
   } = props;
   const rowRef = useRef(null);
   const hasExpandCell = useMemo(() => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"), [row]);
@@ -42,7 +42,7 @@ const RowContent = (props) => {
   }, hasExpandCell ? /* @__PURE__ */ React2.createElement(expandRowColumn.Cell, {
     row,
     cell: row.cells[0],
-    isRowSelected: selectedRowId === row.uid,
+    isRowSelected: drilldownRowId === row.uid,
     ctx,
     draggableProps: {}
   }) : /* @__PURE__ */ React2.createElement(Grid, {
@@ -54,7 +54,7 @@ const RowVariantHeader = ({
   itemIndex,
   isDragOverlay,
   focusedRowId,
-  selectedRowId
+  drilldownRowId
 }) => /* @__PURE__ */ React2.createElement(RowRenderer, {
   row,
   itemIndex,
@@ -63,7 +63,7 @@ const RowVariantHeader = ({
   height: "24px",
   CustomRowContentRenderer: RowContent,
   focusedRowId,
-  selectedRowId
+  drilldownRowId
 });
 export {
   RowVariantHeader

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

@@ -1,7 +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;",
+  "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    drilldownRowId,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  const hasExpandCell = useMemo(\n    () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === 'expandRowColumn'),\n    [row],\n  );\n\n  const titleContent = useMemo(() => {\n    if (typeof groupedRowsRenderHeader === 'function') {\n      return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);\n    }\n    return row.original.dimsumHeaderValue;\n  }, [groupedRowsRenderHeader, row]);\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  return (\n    <StyledCellContainer\n      ref={rowRef}\n      minHeight=\"0px\"\n      tabIndex={0}\n      backgroundColor={backgroundColor}\n      data-testid={DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT}\n    >\n      <GroupHeaderContainer\n        data-testid={DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER}\n        cols={hasExpandCell ? ['min-content', 'auto'] : ['auto']}\n        padding={hasExpandCell ? '4px' : '16px'}\n      >\n        {hasExpandCell ? (\n          <expandRowColumn.Cell\n            row={row}\n            cell={row.cells[0]}\n            isRowSelected={drilldownRowId === row.uid}\n            ctx={ctx}\n            draggableProps={{}}\n          />\n        ) : (\n          <Grid width=\"16px\" />\n        )}\n        <GroupHeaderTitle>{titleContent}</GroupHeaderTitle>\n      </GroupHeaderContainer>\n    </StyledCellContainer>\n  );\n};\n\nexport const RowVariantHeader: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => (\n  <RowRenderer\n    row={row}\n    itemIndex={itemIndex}\n    isDragOverlay={isDragOverlay}\n    minHeight=\"0px\"\n    height=\"24px\"\n    CustomRowContentRenderer={RowContent}\n    focusedRowId={focusedRowId}\n    drilldownRowId={drilldownRowId}\n  />\n);\n"],
+  "mappings": "AAAA;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,IAAI;AAE1C,QAAM,gBAAgB,QACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,iBAAiB,GACjG,CAAC,GAAG,CACN;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS,OAAO;AAAA,IACrF;AACA,WAAO,IAAI,SAAS;AAAA,EACtB,GAAG,CAAC,yBAAyB,GAAG,CAAC;AAEjC,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,GAAG,CAAC;AAE1B,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,KAEzB,qCAAC;AAAA,IACC,eAAa,YAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,IACvD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,qCAAC,gBAAgB,MAAhB;AAAA,IACC;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,mBAAmB,IAAI;AAAA,IACtC;AAAA,IACA,gBAAgB,CAAC;AAAA,GACnB,IAEA,qCAAC;AAAA,IAAK,OAAM;AAAA,GAAO,GAErB,qCAAC,wBAAkB,YAAa,CAClC,CACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
   "names": []
 }

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

@@ -7,7 +7,7 @@ const RowVariantPrimary = ({
   isDragOverlay,
   ctx,
   focusedRowId,
-  selectedRowId,
+  drilldownRowId,
   compact
 }) => {
   const {
@@ -23,7 +23,7 @@ const RowVariantPrimary = ({
     colsLayout: row.isExpanded ? void 0 : gridLayout,
     rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
     focusedRowId,
-    selectedRowId
+    drilldownRowId
   });
 };
 export {

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

@@ -1,7 +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;",
+  "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  drilldownRowId,\n  compact,\n}) => {\n  const {\n    layoutHelpers: { gridLayout },\n  } = ctx;\n\n  return (\n    <RowRenderer\n      row={row}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      compact={compact}\n      height={compact ? '24px' : 'auto'}\n      minHeight={compact ? '24px' : '36px'}\n      colsLayout={row.isExpanded ? undefined : gridLayout}\n      rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;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;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

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

@@ -7,7 +7,7 @@ const RowVariantSecondary = ({
   isDragOverlay,
   ctx,
   focusedRowId,
-  selectedRowId,
+  drilldownRowId,
   compact
 }) => {
   const {
@@ -24,7 +24,7 @@ const RowVariantSecondary = ({
     rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
     backgroundColor: "#F6F7F9",
     focusedRowId,
-    selectedRowId
+    drilldownRowId
   });
 };
 export {

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

@@ -1,7 +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;",
+  "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  drilldownRowId,\n  compact,\n}) => {\n  const {\n    layoutHelpers: { gridLayout },\n  } = ctx;\n\n  return (\n    <RowRenderer\n      row={row}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      compact={compact}\n      height={compact ? '24px' : 'auto'}\n      minHeight={compact ? '24px' : '36px'}\n      colsLayout={row.isExpanded ? undefined : gridLayout}\n      rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n      backgroundColor=\"#F6F7F9\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;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;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,54 @@
+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, { useMemo } from "react";
+import { DSSkeleton } from "@elliemae/ds-skeleton";
+import { RowRenderer } from "../../exported-related/RowRenderer";
+const RandomSkeleton = () => {
+  const randomPercentage = useMemo(() => Math.floor(Math.random() * 70 + 30), []);
+  return /* @__PURE__ */ React2.createElement(DSSkeleton, {
+    w: `${randomPercentage}%`,
+    h: "90%"
+  });
+};
+const RowVariantSkeleton = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  focusedRowId,
+  drilldownRowId
+}) => {
+  const newCells = row.cells.map((cell) => __spreadProps(__spreadValues({}, cell), {
+    render: RandomSkeleton
+  }));
+  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+    row: __spreadProps(__spreadValues({}, row), { cells: newCells }),
+    itemIndex,
+    isDragOverlay,
+    minHeight: "0px",
+    height: "36px",
+    focusedRowId,
+    drilldownRowId
+  });
+};
+export {
+  RowVariantSkeleton
+};
+//# sourceMappingURL=RowVariantSkeleton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantSkeleton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { RowVariantProps } from './types';\n\nconst RandomSkeleton = () => {\n  const randomPercentage = useMemo(() => Math.floor(Math.random() * 70 + 30), []);\n  return <DSSkeleton w={`${randomPercentage}%`} h=\"90%\" />;\n};\n\nexport const RowVariantSkeleton: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => {\n  const newCells = row.cells.map((cell) => ({\n    ...cell,\n    render: RandomSkeleton,\n  }));\n\n  return (\n    <RowRenderer\n      row={{ ...row, cells: newCells }}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      minHeight=\"0px\"\n      height=\"36px\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAGA,MAAM,iBAAiB,MAAM;AAC3B,QAAM,mBAAmB,QAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,qCAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,SAAU,iCACrC,OADqC;AAAA,IAExC,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,qCAAC;AAAA,IACC,KAAK,iCAAK,MAAL,EAAU,OAAO,SAAS;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IACV,QAAO;AAAA,IACP;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "names": []
+}

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

@@ -21,6 +21,7 @@ import { Cells } from "../Cells";
 import { RowVariantHeader } from "./RowVariantHeader";
 import { RowVariantPrimary } from "./RowVariantPrimary";
 import { RowVariantSecondary } from "./RowVariantSecondary";
+import { RowVariantSkeleton } from "./RowVariantSkeleton";
 const RowVariantMapper = {
   [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,
   [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,
@@ -30,7 +31,8 @@ const RowVariantMapper = {
   }, props)),
   [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantSecondary, __spreadValues({
     compact: true
-  }, props))
+  }, props)),
+  [ROW_VARIANTS.SKELETON]: RowVariantSkeleton
 };
 const RowVariantMapItem = (props) => {
   const {

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

@@ -1,7 +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;",
+  "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 { 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;ACCA;AACA;AAEA;AACA;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;AAAA,IAAkB,SAAO;AAAA,KAAK,MAAO;AAAA,GAChF,aAAa,oBAAoB,CAAC,UAAU,qCAAC;AAAA,IAAoB,SAAO;AAAA,KAAK,MAAO;AAAA,GACpF,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;",
   "names": []
 }

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;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;",
+  "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;",
   "names": []
 }

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", "/* 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;",
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEhC,MAAM,cAA8D,CAAC,EAAE,mBAC5E,QACE,MACE,qCAAC;AAAA,EAAK,OAAO,EAAE,YAAY,MAAM;AAAA,GAC9B,gBAAgB,qCAAC;AAAA,EAAc,MAAK;AAAA,EAAI,OAAO;AAAA,CAAW,GAC1D,CAAC,gBAAgB,qCAAC;AAAA,EAAY,OAAO;AAAA,CAAW,CACnD,GAEF,CAAC,YAAY,CACf;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortableHeaderCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { TypescriptColumn } from '../types/props';\nimport { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext';\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;",
+  "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,aAAa,EAAE,IAAI,EAAE,iCACzD,OADyD;AAAA,IAE5D,OAAO,EAAE,SAAS,OAAO;AAAA,EAC3B,EAAC;AAAA;",
   "names": []
 }

package/dist/esm/parts/TableContent.js

@@ -19,15 +19,11 @@ var __spreadValues = (a, b) => {
 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 { StyledTableWrapper, StyledDataTableContentWrapper } 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 {
@@ -36,7 +32,7 @@ const TableContentComponent = (props) => {
     visibleColumns
   } = useContext(DataTableContext);
   const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
-  const PureTableContent = useMemo(() => /* @__PURE__ */ React2.createElement(StyledDataTableWrapper, {
+  const PureTableContent = useMemo(() => /* @__PURE__ */ React2.createElement(StyledDataTableContentWrapper, {
     "data-testid": DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
     height,
     width,
@@ -54,8 +50,7 @@ const TableContentComponent = (props) => {
   }, /* @__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), {
+const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(TableContentComponent, __spreadProps(__spreadValues({}, props), {
   forwardedRef: ref
 })));
 var TableContent_default = TableContent;

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

@@ -1,7 +1,7 @@
 {
   "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';\nimport { connect } from 'react-redux';\n\nimport { StyledTableWrapper, StyledDataTableWrapper } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\nimport { Pagination } from '../addons/Pagination';\nimport { VirtualRowsList } from './VirtualRowsList';\nimport { TypescriptAppliedFilter } from '../types/props';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst mapStateToProps = (state: { filters: TypescriptAppliedFilter }) => ({\n  reduxFilters: state.filters,\n});\n// must manually declare typescript types for mapStateToProps props\n// because react-redux is not smart enough\ntype TableContentProps = {\n  reduxFilters: TypescriptAppliedFilter;\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n};\n\nconst TableContentComponent = (props: TableContentProps) => {\n  const { forwardedRef } = props;\n  const {\n    tableProps: { height, width, pagination },\n    allDataFlattened,\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const [shiftKeyPressed, setShiftKeyPressed] = useState(false);\n\n  const PureTableContent = useMemo(\n    () => (\n      <StyledDataTableWrapper\n        data-testid={DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER}\n        height={height}\n        width={width}\n        ref={forwardedRef}\n        noSelectionAllowed={shiftKeyPressed}\n        onKeyDown={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey)}\n        onKeyUp={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== 'Shift')}\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          height={height}\n          width={width}\n        >\n          <VirtualRowsList />\n        </StyledTableWrapper>\n        {pagination ? <Pagination /> : null}\n      </StyledDataTableWrapper>\n    ),\n    [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed],\n  );\n\n  return PureTableContent;\n};\n\nconst ConnectedTableContent = connect(mapStateToProps)(TableContentComponent);\n\nconst TableContent = React.forwardRef<HTMLDivElement>((props, ref) => (\n  <ConnectedTableContent {...props} forwardedRef={ref} />\n));\n\nexport { TableContent };\nexport default TableContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA,MAAM,kBAAkB,CAAC,UAAiD;AAAA,EACxE,cAAc,MAAM;AAAA;AAStB,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ,OAAO;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAEvD,QAAM,mBAAmB,QACvB,MACE,qCAAC,wBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,oBAAoB;AAAA,IACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE;AAAA,IACvF,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS;AAAA,KAE9F,qCAAC,oBAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,qCAAC,iBAAD,QAED,aAAa,qCAAC,YAAD,QAAiB,OAGnC,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY;AAG5F,SAAO;AAAA;AAGT,MAAM,wBAAwB,QAAQ,iBAAiB;AAEvD,MAAM,eAAe,OAAM,WAA2B,CAAC,OAAO,QAC5D,qCAAC,uBAAD,iCAA2B,QAA3B;AAAA,EAAkC,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
+  "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: { height, width, 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        height={height}\n        width={width}\n        ref={forwardedRef}\n        noSelectionAllowed={shiftKeyPressed}\n        onKeyDown={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey)}\n        onKeyUp={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== 'Shift')}\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          height={height}\n          width={width}\n        >\n          <VirtualRowsList />\n        </StyledTableWrapper>\n        {pagination ? <Pagination /> : null}\n      </StyledDataTableContentWrapper>\n    ),\n    [height, width, 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,QAAQ,OAAO;AAAA,IAC7B;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;AAAA,IACA;AAAA,IACA,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,KAErG,qCAAC;AAAA,IACC,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,qCAAC,qBAAgB,CACnB,GACC,aAAa,qCAAC,gBAAW,IAAK,IACjC,GAEF,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY,eAAe,CAC3G;AAEA,SAAO;AACT;AAEO,MAAM,eAAe,OAAM,WAA2B,CAAC,OAAO,QACnE,qCAAC,wDAA0B,QAA1B;AAAA,EAAiC,cAAc;AAAA,EAAK,CACtD;AAED,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/parts/VirtualRowsList.js

@@ -1,6 +1,5 @@
 import * as React from "react";
 import React2, { useContext, useMemo, useCallback } from "react";
-import { connect } from "react-redux";
 import { RowLoading } from "./RowLoading";
 import { EmptyContent } from "./EmptyContent";
 import { RowsWithContext as Rows } from "./Rows";
@@ -10,23 +9,17 @@ import { DataTableContext } from "../DataTableContext";
 import { FIXED_SIZES } from "../configs/fixedSizes";
 import { StyledVirtualListWrapper, StyledTableContentWrapper } from "../styled";
 import { MemoizedLoader as Loader } from "./Loader";
-import { useDispatchRowsActions } from "../redux/reducers";
 import { DATA_TESTID } from "../configs/constants";
-function mapStateToProps(state) {
-  return {
-    relativeRowMouseCord: state.rows.relativeRowMouseCord
-  };
-}
-const VirtualRowsListComponent = () => {
+const VirtualRowsList = () => {
   const {
     virtualListRef,
     tableProps: { height, width, isLoading, isLoadingAppended },
     virtualListHelpers,
     layoutHelpers: { totalColumnsWidth },
-    flattenedData
+    flattenedData,
+    setFocusedRowId
   } = useContext(DataTableContext);
   const { totalSize, scrollToIndex } = virtualListHelpers;
-  const { setFocusedRowId } = useDispatchRowsActions();
   const isEmptyContent = useMemo(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);
   const tableHeight = useMemo(() => {
     if (typeof height === "string")
@@ -56,7 +49,6 @@ const VirtualRowsListComponent = () => {
     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), isLoadingAppended && /* @__PURE__ */ React2.createElement(RowLoading, null))));
 };
-const VirtualRowsList = connect(mapStateToProps)(VirtualRowsListComponent);
 var VirtualRowsList_default = VirtualRowsList;
 export {
   VirtualRowsList,

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

@@ -1,7 +1,7 @@
 {
   "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 { connect } from 'react-redux';\nimport { RowLoading } from './RowLoading'; // imported this way to avoid circular dependencies\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 { FIXED_SIZES } from '../configs/fixedSizes';\nimport { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled';\nimport { MemoizedLoader as Loader } from './Loader';\nimport { useDispatchRowsActions } from '../redux/reducers';\nimport { DATA_TESTID } from '../configs/constants';\n\nfunction mapStateToProps(state) {\n  return {\n    relativeRowMouseCord: state.rows.relativeRowMouseCord,\n  };\n}\n\nconst VirtualRowsListComponent = () => {\n  const {\n    virtualListRef,\n    tableProps: { height, width, isLoading, isLoadingAppended },\n    virtualListHelpers,\n    layoutHelpers: { totalColumnsWidth },\n    flattenedData,\n  } = useContext(DataTableContext);\n  const { totalSize, scrollToIndex } = virtualListHelpers;\n  const { setFocusedRowId } = useDispatchRowsActions();\n\n  const isEmptyContent = useMemo(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);\n\n  const tableHeight = useMemo(() => {\n    if (typeof height === 'string')\n      return height.includes('%') ? height : Number.parseInt(height, 10) - FIXED_SIZES.PAGINATION_HEIGHT;\n    return height;\n  }, [height]);\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      height={tableHeight}\n      width={width}\n      data-testid={DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\n      onKeyDown={onKeyDown}\n      tabIndex={-1}\n    >\n      <StyledTableContentWrapper role=\"rowgroup\" height={totalSize || '100%'}>\n        <Headers />\n        {isEmptyContent && <EmptyContent width={totalColumnsWidth} />}\n        {isLoading ? <Loader /> : null}\n        {!isLoading && !isEmptyContent && (\n          <>\n            <Rows />\n            <Footer />\n            {isLoadingAppended && <RowLoading />}\n          </>\n        )}\n      </StyledTableContentWrapper>\n    </StyledVirtualListWrapper>\n  );\n};\n\nexport const VirtualRowsList = connect(mapStateToProps)(VirtualRowsListComponent);\n\nexport default VirtualRowsList;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,yBAAyB,OAAO;AAC9B,SAAO;AAAA,IACL,sBAAsB,MAAM,KAAK;AAAA;AAAA;AAIrC,MAAM,2BAA2B,MAAM;AACrC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ,OAAO,WAAW;AAAA,IACxC;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,MACE,WAAW;AACf,QAAM,EAAE,WAAW,kBAAkB;AACrC,QAAM,EAAE,oBAAoB;AAE5B,QAAM,iBAAiB,QAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc;AAEzG,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,OAAO,WAAW;AACpB,aAAO,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,QAAQ,MAAM,YAAY;AACnF,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,YAAY,YAChB,CAAC,MAA2B;AAC1B,QAAI,EAAE,WAAW,EAAE,SAAS,OAAO;AACjC,oBAAc,cAAc,SAAS;AACrC,sBAAgB,cAAc,cAAc,SAAS,GAAG;AAAA,eAC/C,EAAE,WAAW,EAAE,SAAS,QAAQ;AACzC,oBAAc,GAAG,EAAE,OAAO;AAC1B,sBAAgB,cAAc,GAAG;AAAA;AAAA,KAGrC,CAAC,eAAe,iBAAiB;AAGnC,SACE,qCAAC,0BAAD;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,eAAa,YAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAW,QAAQ,aAAa;AAAA,KAC9D,qCAAC,SAAD,OACC,kBAAkB,qCAAC,cAAD;AAAA,IAAc,OAAO;AAAA,MACvC,YAAY,qCAAC,QAAD,QAAa,MACzB,CAAC,aAAa,CAAC,kBACd,4DACE,qCAAC,MAAD,OACA,qCAAC,QAAD,OACC,qBAAqB,qCAAC,YAAD;AAAA;AAQ3B,MAAM,kBAAkB,QAAQ,iBAAiB;AAExD,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { RowLoading } from './RowLoading'; // imported this way to avoid circular dependencies\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 { FIXED_SIZES } from '../configs/fixedSizes';\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: { height, width, isLoading, isLoadingAppended },\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 tableHeight = useMemo(() => {\n    if (typeof height === 'string')\n      return height.includes('%') ? height : Number.parseInt(height, 10) - FIXED_SIZES.PAGINATION_HEIGHT;\n    return height;\n  }, [height]);\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      height={tableHeight}\n      width={width}\n      data-testid={DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\n      onKeyDown={onKeyDown}\n      tabIndex={-1}\n    >\n      <StyledTableContentWrapper role=\"rowgroup\" height={totalSize || '100%'}>\n        <Headers />\n        {isEmptyContent && <EmptyContent width={totalColumnsWidth} />}\n        {isLoading ? <Loader /> : null}\n        {!isLoading && !isEmptyContent && (\n          <>\n            <Rows />\n            <Footer />\n            {isLoadingAppended && <RowLoading />}\n          </>\n        )}\n      </StyledTableContentWrapper>\n    </StyledVirtualListWrapper>\n  );\n};\n\nexport default VirtualRowsList;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ,OAAO,WAAW;AAAA,IACxC;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM,EAAE,WAAW,kBAAkB;AAErC,QAAM,iBAAiB,QAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc,MAAM,CAAC;AAEhH,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,OAAO,WAAW;AACpB,aAAO,OAAO,SAAS,GAAG,IAAI,SAAS,OAAO,SAAS,QAAQ,EAAE,IAAI,YAAY;AACnF,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAY,YAChB,CAAC,MAA2B;AAC1B,QAAI,EAAE,WAAW,EAAE,SAAS,OAAO;AACjC,oBAAc,cAAc,SAAS,CAAC;AACtC,sBAAgB,cAAc,cAAc,SAAS,GAAG,GAAG;AAAA,IAC7D,WAAW,EAAE,WAAW,EAAE,SAAS,QAAQ;AACzC,oBAAc,GAAG,EAAE,OAAO,SAAS,CAAC;AACpC,sBAAgB,cAAc,GAAG,GAAG;AAAA,IACtC;AAAA,EACF,GACA,CAAC,eAAe,iBAAiB,aAAa,CAChD;AAEA,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,eAAa,YAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,qCAAC;AAAA,IAA0B,MAAK;AAAA,IAAW,QAAQ,aAAa;AAAA,KAC9D,qCAAC,aAAQ,GACR,kBAAkB,qCAAC;AAAA,IAAa,OAAO;AAAA,GAAmB,GAC1D,YAAY,qCAAC,YAAO,IAAK,MACzB,CAAC,aAAa,CAAC,kBACd,4DACE,qCAAC,UAAK,GACN,qCAAC,YAAO,GACP,qBAAqB,qCAAC,gBAAW,CACpC,CAEJ,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/parts/internal.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { withDnDSortableColumnContext } from "./HoC/withDnDSortableColumnContext";
+import { HeaderCellGroup } from "./Headers/HeaderCellGroup";
+export {
+  HeaderCellGroup,
+  withDnDSortableColumnContext
+};
+//# sourceMappingURL=internal.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/internal.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { withDnDSortableColumnContext } from './HoC/withDnDSortableColumnContext';\nexport { HeaderCellGroup } from './Headers/HeaderCellGroup';"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport PropTypes from 'prop-types';\n\nexport const tableStateShape = {\n  allColumns: PropTypes.array,\n  columns: PropTypes.array,\n  visibleColumns: PropTypes.array,\n  data: PropTypes.array,\n  preFilteredFlatRows: PropTypes.array,\n  preFilteredRows: PropTypes.array,\n  rows: PropTypes.array,\n  page: PropTypes.array,\n  preFilteredRowsById: PropTypes.object,\n  rowsById: PropTypes.object,\n  setAllFilters: PropTypes.func,\n  setFilter: PropTypes.func,\n  totalColumnsWidth: PropTypes.number,\n};\n\nexport const filterComponentPropType = {\n  ...tableStateShape,\n  column: PropTypes.object,\n};\nexport const editableCellPropType = {\n  cell: PropTypes.object.isRequired,\n  DefaultCellRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n};\n\nexport const CellPropType = tableStateShape;\n\nexport const headerGroupsType = PropTypes.arrayOf(\n  PropTypes.shape({\n    getHeaderGroupProps: PropTypes.func.isRequired,\n    headers: PropTypes.arrayOf(PropTypes.object).isRequired,\n  }),\n);\nexport const renderRowActionsPropType = PropTypes.oneOfType([\n  PropTypes.oneOf([false]),\n  PropTypes.shape({\n    columnWidth: PropTypes.number.isRequired,\n    renderer: PropTypes.func.isRequired,\n  }),\n]);\n\nexport const paginationPropType = PropTypes.oneOfType([\n  PropTypes.bool,\n  PropTypes.shape({\n    perPageOptions: PropTypes.arrayOf(PropTypes.number),\n  }),\n]);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AAAA,EACnB,gBAAgB,UAAU;AAAA,EAC1B,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,iBAAiB,UAAU;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAAA,EACzB,WAAW,UAAU;AAAA,EACrB,mBAAmB,UAAU;AAAA;AAGxB,MAAM,0BAA0B,iCAClC,kBADkC;AAAA,EAErC,QAAQ,UAAU;AAAA;AAEb,MAAM,uBAAuB;AAAA,EAClC,MAAM,UAAU,OAAO;AAAA,EACvB,mBAAmB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA;AAGtE,MAAM,eAAe;AAErB,MAAM,mBAAmB,UAAU,QACxC,UAAU,MAAM;AAAA,EACd,qBAAqB,UAAU,KAAK;AAAA,EACpC,SAAS,UAAU,QAAQ,UAAU,QAAQ;AAAA;AAG1C,MAAM,2BAA2B,UAAU,UAAU;AAAA,EAC1D,UAAU,MAAM,CAAC;AAAA,EACjB,UAAU,MAAM;AAAA,IACd,aAAa,UAAU,OAAO;AAAA,IAC9B,UAAU,UAAU,KAAK;AAAA;AAAA;AAItB,MAAM,qBAAqB,UAAU,UAAU;AAAA,EACpD,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,IACd,gBAAgB,UAAU,QAAQ,UAAU;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AAAA,EACnB,gBAAgB,UAAU;AAAA,EAC1B,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,iBAAiB,UAAU;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAAA,EACzB,WAAW,UAAU;AAAA,EACrB,mBAAmB,UAAU;AAC/B;AAEO,MAAM,0BAA0B,iCAClC,kBADkC;AAAA,EAErC,QAAQ,UAAU;AACpB;AACO,MAAM,uBAAuB;AAAA,EAClC,MAAM,UAAU,OAAO;AAAA,EACvB,mBAAmB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAC7E;AAEO,MAAM,eAAe;AAErB,MAAM,mBAAmB,UAAU,QACxC,UAAU,MAAM;AAAA,EACd,qBAAqB,UAAU,KAAK;AAAA,EACpC,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE;AAC/C,CAAC,CACH;AACO,MAAM,2BAA2B,UAAU,UAAU;AAAA,EAC1D,UAAU,MAAM,CAAC,KAAK,CAAC;AAAA,EACvB,UAAU,MAAM;AAAA,IACd,aAAa,UAAU,OAAO;AAAA,IAC9B,UAAU,UAAU,KAAK;AAAA,EAC3B,CAAC;AACH,CAAC;AAEM,MAAM,qBAAqB,UAAU,UAAU;AAAA,EACpD,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,IACd,gBAAgB,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpD,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/esm/styled.js

@@ -26,7 +26,11 @@ const StyledFocusWithin = styled(Grid)`
 const StyledDataTableWrapper = styled.div`
   width: ${(props) => sizeToCss(props.width ?? " 100%")};
   height: ${(props) => sizeToCss(props.height ?? " 100%")};
+`;
+const StyledDataTableContentWrapper = styled.div`
   user-select: ${({ noSelectionAllowed }) => noSelectionAllowed ? "none" : "auto"};
+  width: 100%;
+  height: 100%;
 `;
 const StyledTableWrapper = styled.div`
   display: inline-block;
@@ -80,14 +84,8 @@ const StyledHeadTr = styled(Grid)`
 })};
   border-right: 1px solid ${(props) => props.theme.colors.neutral["080"]};
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral["080"]};
+  grid-auto-flow: column;
 `;
-const getStyledHeadTHBorderColor = (props) => {
-  if (props.dragOverlay)
-    return "transparent";
-  if (props.isFirstRowGroup)
-    return "transparent";
-  return props.theme.colors.neutral["080"];
-};
 const StyledHeadTh = styled.div`
   min-height: 24px;
   line-height: normal;
@@ -143,7 +141,7 @@ const StyledHeaderRightIconsWrapper = styled.div`
 `;
 const StyledResizer = styled.div`
   display: inline-block;
-  background: ${({ isResizing, theme }) => isResizing ? theme.colors.brand[600] : theme.colors.brand[400]};
+  background: transparent;
   width: 4px;
   height: 100%;
   position: absolute;
@@ -251,7 +249,7 @@ const StyledCellContainer = styled(Grid)`
   return styledFocusCss({ theme });
 }}
 
-  ${({ shouldDisplayHover, theme }) => shouldDisplayHover ? `:hover {
+  ${({ shouldDisplayHover, theme, disabled }) => shouldDisplayHover && !disabled ? `:hover {
             background-color: ${theme.colors.brand[200]};
           }` : ""}
 
@@ -273,6 +271,7 @@ export {
   StyledCell,
   StyledCellContainer,
   StyledCellContent,
+  StyledDataTableContentWrapper,
   StyledDataTableWrapper,
   StyledEditableContainer,
   StyledFocusWithin,