@elliemae/ds-data-table 3.0.0-next.5 → 3.0.0-next.53

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,
+  selectedRowId
+}) => {
+  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,
+    selectedRowId
+  });
+};
+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", "/* eslint-disable react/prop-types */\nimport React, { useContext, useLayoutEffect, useMemo, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\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 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  selectedRowId,\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      selectedRowId={selectedRowId}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAEA;AACA;AAMA,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;\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;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

@@ -20,8 +20,8 @@ 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";
@@ -36,7 +36,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,

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';\nimport { connect } from 'react-redux';\n\nimport { StyledTableWrapper, StyledDataTableContentWrapper } 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      <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\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;AACtB;AAQA,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;AAEA,MAAM,wBAAwB,QAAQ,eAAe,EAAE,qBAAqB;AAE5E,MAAM,eAAe,OAAM,WAA2B,CAAC,OAAO,QAC5D,qCAAC,wDAA0B,QAA1B;AAAA,EAAiC,cAAc;AAAA,EAAK,CACtD;AAGD,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/VirtualRowsList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { 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;",
+  "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,EACnC;AACF;AAEA,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,gBAAgB;AAC/B,QAAM,EAAE,WAAW,kBAAkB;AACrC,QAAM,EAAE,oBAAoB,uBAAuB;AAEnD,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;AAEO,MAAM,kBAAkB,QAAQ,eAAe,EAAE,wBAAwB;AAEhF,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/redux/reducers/headersReducers/defaults.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/defaults.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultHeadersState = {};\n"],
-  "mappings": "AAAA;ACAO,MAAM,sBAAsB;",
+  "mappings": "AAAA;ACAO,MAAM,sBAAsB,CAAC;",
   "names": []
 }

package/dist/esm/redux/reducers/headersReducers/headersReducers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/headersReducers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createSlice } from '@reduxjs/toolkit';\n\nimport { patchUpdateOneHeader, patchHeaderFilterButtonAndMenu } from './logic';\n\nimport { defaultHeadersState } from './defaults';\n\nexport const headersSlice = createSlice({\n  name: 'headers',\n  initialState: defaultHeadersState,\n  reducers: {\n    patchHeaderFilterButtonAndMenuAction(state, action) {\n      patchHeaderFilterButtonAndMenu(action.payload, state);\n    },\n    patchUpdateOneHeaderAction(state, action) {\n      patchUpdateOneHeader(action.payload, state);\n    },\n  },\n});\n\nexport const {\n  patchHeaderFilterButtonAndMenuAction,\n  patchUpdateOneHeaderAction,\n} = headersSlice.actions;\nexport const { reducer } = headersSlice;\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEA;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,qCAAqC,OAAO,QAAQ;AAClD,qCAA+B,OAAO,SAAS;AAAA;AAAA,IAEjD,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS;AAAA;AAAA;AAAA;AAKpC,MAAM;AAAA,EACX;AAAA,EACA;AAAA,IACE,aAAa;AACV,MAAM,EAAE,YAAY;",
+  "mappings": "AAAA;ACAA;AAEA;AAEA;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,qCAAqC,OAAO,QAAQ;AAClD,qCAA+B,OAAO,SAAS,KAAK;AAAA,IACtD;AAAA,IACA,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS,KAAK;AAAA,IAC5C;AAAA,EACF;AACF,CAAC;AAEM,MAAM;AAAA,EACX;AAAA,EACA;AAAA,IACE,aAAa;AACV,MAAM,EAAE,YAAY;",
   "names": []
 }

package/dist/esm/redux/reducers/headersReducers/logic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/logic.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const patchUpdateOneHeader = (payload, state) => {\n  state[payload.headerId] = {\n    ...(state?.[payload.headerId] || {}),\n    ...payload.newHeader,\n  };\n};\n\nexport const patchHeaderFilterButtonAndMenu = (\n  { headerId, newState },\n  state,\n) => {\n  const updatedState = { hideFilterMenu: newState, hideFilterButton: newState };\n  state[headerId] = { ...(state?.[headerId] || {}), ...updatedState };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAO,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,QAAQ,YAAY,kCACpB,QAAQ,QAAQ,aAAa,KAC9B,QAAQ;AAAA;AAIR,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB;AACnE,QAAM,YAAY,kCAAM,QAAQ,aAAa,KAAQ;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAO,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,QAAQ,YAAY,kCACpB,QAAQ,QAAQ,aAAa,CAAC,IAC/B,QAAQ;AAEf;AAEO,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB,SAAS;AAC5E,QAAM,YAAY,kCAAM,QAAQ,aAAa,CAAC,IAAO;AACvD;",
   "names": []
 }

package/dist/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/useDispatchHeadersActions.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { patchHeaderFilterButtonAndMenuAction, patchUpdateOneHeaderAction } from './headersReducers';\n\nexport const useDispatchHeadersActions = () => {\n  const dispatch = useDispatch();\n\n  const patchHeader = useCallback(\n    (headerId, newHeader) => dispatch(patchUpdateOneHeaderAction({ headerId, newHeader })),\n    [dispatch],\n  );\n\n  const patchHeaderFilterButtonAndMenu = useCallback(\n    (headerId, newState) => dispatch(patchHeaderFilterButtonAndMenuAction({ headerId, newState })),\n    [dispatch],\n  );\n\n  return {\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,WAAW;AAEjB,QAAM,cAAc,YAClB,CAAC,UAAU,cAAc,SAAS,2BAA2B,EAAE,UAAU,eACzE,CAAC;AAGH,QAAM,iCAAiC,YACrC,CAAC,UAAU,aAAa,SAAS,qCAAqC,EAAE,UAAU,cAClF,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,WAAW,YAAY;AAE7B,QAAM,cAAc,YAClB,CAAC,UAAU,cAAc,SAAS,2BAA2B,EAAE,UAAU,UAAU,CAAC,CAAC,GACrF,CAAC,QAAQ,CACX;AAEA,QAAM,iCAAiC,YACrC,CAAC,UAAU,aAAa,SAAS,qCAAqC,EAAE,UAAU,SAAS,CAAC,CAAC,GAC7F,CAAC,QAAQ,CACX;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/redux/reducers/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/redux/reducers/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { combineReducers } from 'redux';\nimport { reducer as headersReducer } from './headersReducers';\nimport { reducer as rowsReducer } from './rowsReducers';\n\nexport const rootReducer = combineReducers({\n  headers: headersReducer,\n  rows: rowsReducer,\n});\nexport default rootReducer;\n\nexport { useDispatchHeadersActions } from './headersReducers';\nexport { useDispatchRowsActions } from './rowsReducers';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc,gBAAgB;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AAAA;AAER,IAAO,mBAAQ;AAEf;AACA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc,gBAAgB;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AACR,CAAC;AACD,IAAO,mBAAQ;AAEf;AACA;",
   "names": []
 }

package/dist/esm/redux/reducers/rowsReducers/defaults.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/defaults.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultRelativeRowMouseCoord = {\n  isBefore: false,\n  isAfter: false,\n  isValid: true,\n  hoveredRowIndex: null,\n  x: null,\n  y: null,\n  relativeElementDOMRect: null,\n  relativeElementIndex: null,\n};\n\nexport const defaultRowsReducerState = {\n  isDraggingRow: false,\n  isKeyboardDraggingRow: false,\n  relativeRowMouseCord: defaultRelativeRowMouseCoord,\n  draggedRowId: null,\n  hoverRowId: null,\n  activeRowId: null,\n  selectedRowId: null,\n  focusedRowId: null,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AAAA;AAGjB,MAAM,0BAA0B;AAAA,EACrC,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA;",
+  "mappings": "AAAA;ACAO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AACxB;AAEO,MAAM,0BAA0B;AAAA,EACrC,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAChB;",
   "names": []
 }

package/dist/esm/redux/reducers/rowsReducers/logic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/logic.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const setRowsIsDragging = (payload, state) => {\n  state.isDraggingRow = payload;\n};\nexport const setRowIsKeyboardDragging = (payload, state) => {\n  state.isKeyboardDraggingRow = payload;\n};\nexport const setRowRelativeMouseCoord = (payload, state) => {\n  state.relativeRowMouseCord = payload;\n};\nexport const setRowDraggedRowId = (payload, state) => {\n  state.draggedRowId = payload;\n};\nexport const setRowHoverRowId = (payload, state) => {\n  state.hoverRowId = payload;\n};\nexport const setRowSelectedRowId = (payload, state) => {\n  state.selectedRowId = payload;\n};\nexport const setRowFocusedRowId = (payload, state) => {\n  state.focusedRowId = payload;\n};\nexport const setRowDnDActiveRowId = (payload, state) => {\n  state.DnDActiveId = payload;\n};\n"],
-  "mappings": "AAAA;ACCO,MAAM,oBAAoB,CAAC,SAAS,UAAU;AACnD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,wBAAwB;AAAA;AAEzB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,uBAAuB;AAAA;AAExB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,mBAAmB,CAAC,SAAS,UAAU;AAClD,QAAM,aAAa;AAAA;AAEd,MAAM,sBAAsB,CAAC,SAAS,UAAU;AACrD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,cAAc;AAAA;",
+  "mappings": "AAAA;ACCO,MAAM,oBAAoB,CAAC,SAAS,UAAU;AACnD,QAAM,gBAAgB;AACxB;AACO,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,wBAAwB;AAChC;AACO,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,uBAAuB;AAC/B;AACO,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AACvB;AACO,MAAM,mBAAmB,CAAC,SAAS,UAAU;AAClD,QAAM,aAAa;AACrB;AACO,MAAM,sBAAsB,CAAC,SAAS,UAAU;AACrD,QAAM,gBAAgB;AACxB;AACO,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AACvB;AACO,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,cAAc;AACtB;",
   "names": []
 }

package/dist/esm/redux/reducers/rowsReducers/rowsReducer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/rowsReducer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createSlice } from '@reduxjs/toolkit';\nimport {\n  setRowsIsDragging,\n  setRowIsKeyboardDragging,\n  setRowRelativeMouseCoord,\n  setRowDraggedRowId,\n  setRowHoverRowId,\n  setRowSelectedRowId,\n  setRowFocusedRowId,\n  setRowDnDActiveRowId,\n} from './logic';\nimport { defaultRowsReducerState } from './defaults';\n\nexport const rowsSlice = createSlice({\n  name: 'rows',\n  initialState: defaultRowsReducerState,\n  reducers: {\n    setRowsIsDraggingAction(state, action) {\n      setRowsIsDragging(action.payload, state);\n    },\n    setRowIsKeyboardDraggingAction(state, action) {\n      setRowIsKeyboardDragging(action.payload, state);\n    },\n    setRowRelativeMouseCoordAction(state, action) {\n      setRowRelativeMouseCoord(action.payload, state);\n    },\n    setRowDraggedRowIdAction(state, action) {\n      setRowDraggedRowId(action.payload, state);\n    },\n    setRowHoverRowIdAction(state, action) {\n      setRowHoverRowId(action.payload, state);\n    },\n    setRowSelectedRowIdAction(state, action) {\n      setRowSelectedRowId(action.payload, state);\n    },\n    setRowFocusedRowIdAction(state, action) {\n      setRowFocusedRowId(action.payload, state);\n    },\n    setRowDnDActiveRowIdAction(state, action) {\n      setRowDnDActiveRowId(action.payload, state);\n    },\n  },\n});\n\nexport const {\n  setRowsIsDraggingAction,\n  setRowIsKeyboardDraggingAction,\n  setRowDraggedRowIdAction,\n  setRowHoverRowIdAction,\n  setRowSelectedRowIdAction,\n  setRowFocusedRowIdAction,\n  setRowRelativeMouseCoordAction,\n  setRowDnDActiveRowIdAction,\n} = rowsSlice.actions;\nexport const { reducer } = rowsSlice;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,wBAAwB,OAAO,QAAQ;AACrC,wBAAkB,OAAO,SAAS;AAAA;AAAA,IAEpC,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,uBAAuB,OAAO,QAAQ;AACpC,uBAAiB,OAAO,SAAS;AAAA;AAAA,IAEnC,0BAA0B,OAAO,QAAQ;AACvC,0BAAoB,OAAO,SAAS;AAAA;AAAA,IAEtC,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS;AAAA;AAAA;AAAA;AAKpC,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,UAAU;AACP,MAAM,EAAE,YAAY;",
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,wBAAwB,OAAO,QAAQ;AACrC,wBAAkB,OAAO,SAAS,KAAK;AAAA,IACzC;AAAA,IACA,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS,KAAK;AAAA,IAChD;AAAA,IACA,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS,KAAK;AAAA,IAChD;AAAA,IACA,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS,KAAK;AAAA,IAC1C;AAAA,IACA,uBAAuB,OAAO,QAAQ;AACpC,uBAAiB,OAAO,SAAS,KAAK;AAAA,IACxC;AAAA,IACA,0BAA0B,OAAO,QAAQ;AACvC,0BAAoB,OAAO,SAAS,KAAK;AAAA,IAC3C;AAAA,IACA,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS,KAAK;AAAA,IAC1C;AAAA,IACA,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS,KAAK;AAAA,IAC5C;AAAA,EACF;AACF,CAAC;AAEM,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,UAAU;AACP,MAAM,EAAE,YAAY;",
   "names": []
 }

package/dist/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/useDispatchRowsActions.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n  setRowsIsDraggingAction,\n  setRowIsKeyboardDraggingAction,\n  setRowDraggedRowIdAction,\n  setRowHoverRowIdAction,\n  setRowSelectedRowIdAction,\n  setRowFocusedRowIdAction,\n  setRowRelativeMouseCoordAction,\n  setRowDnDActiveRowIdAction,\n} from './rowsReducer';\nimport { defaultRelativeRowMouseCoord } from './defaults';\n\nexport const useDispatchRowsActions = () => {\n  const dispatch = useDispatch();\n\n  const setHoverRowId = useCallback(\n    (newHoverRowId) => dispatch(setRowHoverRowIdAction(newHoverRowId)),\n    [dispatch],\n  );\n  const setDnDActiveRowId = useCallback(\n    (newDnDActiveRowId) =>\n      dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId)),\n    [dispatch],\n  );\n  const setSelectedRowId = useCallback(\n    (newSelectedRowId) => dispatch(setRowSelectedRowIdAction(newSelectedRowId)),\n    [dispatch],\n  );\n  const setFocusedRowId = useCallback(\n    (newFocusedRowId) => dispatch(setRowFocusedRowIdAction(newFocusedRowId)),\n    [dispatch],\n  );\n\n  const setIsDraggingRow = useCallback(\n    (newIsDraggingRow) => dispatch(setRowsIsDraggingAction(newIsDraggingRow)),\n    [dispatch],\n  );\n  const setIsKeyboardDraggingRow = useCallback(\n    (newIsKeyboardDraggingRow) =>\n      dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)),\n    [dispatch],\n  );\n\n  const setRelativeRowMouseCord = useCallback(\n    (newRelativeRowMouseCord) =>\n      dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord)),\n    [dispatch],\n  );\n\n  const resetRelativeRowMouseCord = useCallback(\n    () =>\n      dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord)),\n    [dispatch],\n  );\n\n  const setDraggedRowId = useCallback(\n    (newDraggedRowId) => dispatch(setRowDraggedRowIdAction(newDraggedRowId)),\n    [dispatch],\n  );\n\n  return {\n    setHoverRowId,\n    setDnDActiveRowId,\n    setSelectedRowId,\n    setFocusedRowId,\n    setIsDraggingRow,\n    setIsKeyboardDraggingRow,\n    setRelativeRowMouseCord,\n    resetRelativeRowMouseCord,\n    setDraggedRowId,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,WAAW;AAEjB,QAAM,gBAAgB,YACpB,CAAC,kBAAkB,SAAS,uBAAuB,iBACnD,CAAC;AAEH,QAAM,oBAAoB,YACxB,CAAC,sBACC,SAAS,2BAA2B,qBACtC,CAAC;AAEH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,0BAA0B,oBACzD,CAAC;AAEH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,wBAAwB,oBACvD,CAAC;AAEH,QAAM,2BAA2B,YAC/B,CAAC,6BACC,SAAS,+BAA+B,4BAC1C,CAAC;AAGH,QAAM,0BAA0B,YAC9B,CAAC,4BACC,SAAS,+BAA+B,2BAC1C,CAAC;AAGH,QAAM,4BAA4B,YAChC,MACE,SAAS,+BAA+B,gCAC1C,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,WAAW,YAAY;AAE7B,QAAM,gBAAgB,YACpB,CAAC,kBAAkB,SAAS,uBAAuB,aAAa,CAAC,GACjE,CAAC,QAAQ,CACX;AACA,QAAM,oBAAoB,YACxB,CAAC,sBACC,SAAS,2BAA2B,iBAAiB,CAAC,GACxD,CAAC,QAAQ,CACX;AACA,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,0BAA0B,gBAAgB,CAAC,GAC1E,CAAC,QAAQ,CACX;AACA,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,eAAe,CAAC,GACvE,CAAC,QAAQ,CACX;AAEA,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,wBAAwB,gBAAgB,CAAC,GACxE,CAAC,QAAQ,CACX;AACA,QAAM,2BAA2B,YAC/B,CAAC,6BACC,SAAS,+BAA+B,wBAAwB,CAAC,GACnE,CAAC,QAAQ,CACX;AAEA,QAAM,0BAA0B,YAC9B,CAAC,4BACC,SAAS,+BAA+B,uBAAuB,CAAC,GAClE,CAAC,QAAQ,CACX;AAEA,QAAM,4BAA4B,YAChC,MACE,SAAS,+BAA+B,4BAA4B,CAAC,GACvE,CAAC,QAAQ,CACX;AAEA,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,eAAe,CAAC,GACvE,CAAC,QAAQ,CACX;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/redux/storeConfig.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/redux/storeConfig.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { rootReducer } from './reducers';\n\nexport const storeConfig = {\n  reducer: rootReducer,\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA;",
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc;AAAA,EACzB,SAAS;AACX;",
   "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,

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight & { noSelectionAllowed: boolean }>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n`;\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  ${({ width = '100%', height = '100%' }) => `\n  width: ${sizeToCss(width)};\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n  overflow: auto;\n  ${({ height = 'auto', width = '100%' }) => `\n  height: ${sizeToCss(height)};\n  width: ${sizeToCss(width)};\n  `}\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n  cols: string[];\n  isExpandable: boolean;\n  colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n  cols,\n  colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n  if (!cols) return '';\n  if (colsLayoutStyle === 'fixed') {\n    const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n    return `grid-template-columns: ${widthAttr}`;\n  }\n\n  return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n  colsLayoutStyle: string;\n  totalColumnsWidth: number | string;\n}>`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      isExpandable: props.isExpandable,\n      colsLayoutStyle: props.colsLayoutStyle,\n    })};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n`;\n\nconst getStyledHeadTHBorderColor = (props) => {\n  if (props.dragOverlay) return 'transparent';\n  if (props.isFirstRowGroup) return 'transparent';\n  return props.theme.colors.neutral['080'];\n};\n\nexport const StyledHeadTh = styled.div<any>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n  display: inline-block;\n  background: ${({ isResizing, theme }) => (isResizing ? theme.colors.brand[600] : theme.colors.brand[400])};\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled.div`\n  ${cellPadding}\n  /* border-bottom: 1px solid #ebedf0; */\n  /* box-sizing: border-box; */\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n  /* width: ${(props) =>\n    props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding: 0 ${(props) => props.padding};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n  grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      colsLayoutStyle: props.colLayoutStyle,\n      isExpandable: props.isExpandable,\n    })};\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme });\n  }}\n\n  ${({ shouldDisplayHover, theme }) =>\n    shouldDisplayHover\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled.div<WidthAndHeight & { noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n  height: 100%;\n`;\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  ${({ width = '100%', height = '100%' }) => `\n  width: ${sizeToCss(width)};\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n  overflow: auto;\n  ${({ height = 'auto', width = '100%' }) => `\n  height: ${sizeToCss(height)};\n  width: ${sizeToCss(width)};\n  `}\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n  cols: string[];\n  isExpandable: boolean;\n  colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n  cols,\n  colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n  if (!cols) return '';\n  if (colsLayoutStyle === 'fixed') {\n    const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n    return `grid-template-columns: ${widthAttr}`;\n  }\n\n  return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n  colsLayoutStyle: string;\n  totalColumnsWidth: number | string;\n}>`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      isExpandable: props.isExpandable,\n      colsLayoutStyle: props.colsLayoutStyle,\n    })};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled.div<any>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n  display: inline-block;\n  background: transparent;\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled.div`\n  ${cellPadding}\n  /* border-bottom: 1px solid #ebedf0; */\n  /* box-sizing: border-box; */\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n  /* width: ${(props) =>\n    props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding: 0 ${(props) => props.padding};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n  grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      colsLayoutStyle: props.colLayoutStyle,\n      isExpandable: props.isExpandable,\n    })};\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme });\n  }}\n\n  ${({ shouldDisplayHover, theme, disabled }) =>\n    shouldDisplayHover && !disabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/tests/utils/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/utils/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n  {\n    Header: 'id',\n    accessor: 'id',\n    canSort,\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    canSort,\n  },\n  {\n    Header: 'Position',\n    accessor: 'position',\n    canSort,\n  },\n  {\n    Header: 'Country',\n    accessor: 'country',\n    canSort,\n  },\n  {\n    Header: 'Salary',\n    accessor: 'salary',\n  },\n  {\n    Header: 'Single date',\n    accessor: 'singleDate',\n  },\n  {\n    Header: 'Date range',\n    accessor: 'dateRange',\n  },\n];\n\nconst generateRecord = (id: number) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id: number, level = 0) => {\n  const record: Record<string, any> = {\n    id: id + 1,\n    name: (id + 1) % 2 ? `John` : 'Francisco',\n    position: (id + 1) % 2 ? `Developer` : `Designer`,\n    country: (id + 1) % 2 ? 'US' : 'ARG',\n    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n    singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n    dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n    myUniqueRowAccessor: uid(16),\n  };\n  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n  return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  myUniqueRowAccessor: uid(16),\n  tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n  dimsumHeaderValue: id,\n  row_variant_type: 'ds_header_group_row',\n  subRows: [generateRecord(0)],\n  uid: uid(16),\n});\n\nexport const genRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n: number) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n: number) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa,CAAC,UAAU,UAAU;AAAA,EAC7C;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA;AAId,MAAM,iBAAiB,CAAC,OAAgB;AAAA,EACtC,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,KAAK,IAAI;AAAA;AAGX,MAAM,6BAA6B,CAAC,IAAY,QAAQ,MAAM;AAC5D,QAAM,SAA8B;AAAA,IAClC,IAAI,KAAK;AAAA,IACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,IAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,IACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,IAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,IACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC3C,qBAAqB,IAAI;AAAA;AAE3B,MAAI,UAAU;AAAG,WAAO,UAAU,CAAC,2BAA2B,GAAG,QAAQ;AACzE,SAAO;AAAA;AAGT,MAAM,6BAA6B,CAAC,OAAQ;AAAA,EAC1C,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,qBAAqB,IAAI;AAAA,EACzB,iBAAiB,MAAM;AAAA;AAGzB,MAAM,wBAAwB,CAAC,OAAQ;AAAA,EACrC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,SAAS,CAAC,eAAe;AAAA,EACzB,KAAK,IAAI;AAAA;AAGJ,MAAM,UAAU,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,eAAe;AACnF,MAAM,oBAAoB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AACzG,MAAM,sBAAsB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AAC3G,MAAM,iBAAiB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,sBAAsB;",
+  "mappings": "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",
   "names": []
 }