@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/esm/parts/SortableHeaderCell.js

@@ -1,30 +1,15 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { Grid } from '@elliemae/ds-grid';
-import { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext.js';
-
-const _excluded = ["items", "isDragOverlay"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const SortableHeaderCell = _ref => {
-  let {
-    items,
-    isDragOverlay = false
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return withConditionalDnDSortableContext(items, isDragOverlay)(Grid)(_objectSpread(_objectSpread({}, rest), {}, {
-    style: {
-      display: 'flex'
-    }
-  }));
+import * as React from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { withConditionalDnDSortableContext } from "./HoC/withConditionalDnDSortableContext";
+const SortableHeaderCell = ({
+  items,
+  isDragOverlay = false,
+  ...rest
+}) => withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({
+  ...rest,
+  style: { display: "flex" }
+});
+export {
+  SortableHeaderCell
 };
-
-export { SortableHeaderCell };
+//# sourceMappingURL=SortableHeaderCell.js.map

package/esm/parts/SortableHeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortableHeaderCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { TypescriptColumn } from '../types/props';\nimport { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext';\n\nexport const SortableHeaderCell = ({\n  items,\n  isDragOverlay = false,\n  ...rest\n}: {\n  items: TypescriptColumn[];\n  isDragOverlay?: boolean;\n  children: JSX.Element | JSX.Element[];\n}): JSX.Element =>\n  withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({\n    ...rest,\n    style: { display: 'flex' },\n  });\n"],
+  "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,KACb;AAAA,MAMH,kCAAkC,OAAO,eAAe,MAAM;AAAA,KACzD;AAAA,EACH,OAAO,EAAE,SAAS;AAAA;",
+  "names": []
+}

package/esm/parts/TableContent.js

@@ -1,85 +1,48 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useContext, useState, useMemo } from 'react';
-import { connect } from 'react-redux';
-import { StyledDataTableWrapper, StyledTableWrapper } from '../styled.js';
-import DataTableContext from '../DataTableContext.js';
-import { Pagination } from '../addons/Pagination/Pagination.js';
-import VirtualRowsList from './VirtualRowsList.js';
-import { DATA_TESTID } from '../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import '../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import './Row.js';
-import './Footer.js';
-import './HoC/SortableItemContext.js';
-
-var _VirtualRowsList, _Pagination;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const mapStateToProps = state => ({
+import * as React from "react";
+import React2, { useContext, useMemo, useState } from "react";
+import { connect } from "react-redux";
+import { StyledTableWrapper, StyledDataTableWrapper } from "../styled";
+import { DataTableContext } from "../DataTableContext";
+import { Pagination } from "../addons/Pagination";
+import { VirtualRowsList } from "./VirtualRowsList";
+import { DATA_TESTID } from "../configs/constants";
+const mapStateToProps = (state) => ({
   reduxFilters: state.filters
-}); // must manually declare typescript types for mapStateToProps props
-// because react-redux is not smart enough
-
-
-const TableContentComponent = props => {
+});
+const TableContentComponent = (props) => {
+  const { forwardedRef } = props;
   const {
-    forwardedRef
-  } = props;
-  const {
-    tableProps: {
-      height,
-      width,
-      pagination
-    },
+    tableProps: { height, width, pagination },
     allDataFlattened,
     visibleColumns
   } = useContext(DataTableContext);
   const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
-  const PureTableContent = useMemo(() => /*#__PURE__*/jsxs(StyledDataTableWrapper, {
+  const PureTableContent = useMemo(() => /* @__PURE__ */ React2.createElement(StyledDataTableWrapper, {
     "data-testid": DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
-    height: height,
-    width: width,
+    height,
+    width,
     ref: forwardedRef,
     noSelectionAllowed: shiftKeyPressed,
-    onKeyDown: e => setShiftKeyPressed(prevShiftKeyPressed => prevShiftKeyPressed || e.shiftKey),
-    onKeyUp: e => setShiftKeyPressed(prevShiftKeyPressed => prevShiftKeyPressed && e.code !== 'Shift'),
-    children: [/*#__PURE__*/_jsx(StyledTableWrapper, {
-      role: "table",
-      "aria-rowcount": allDataFlattened.length,
-      "aria-colcount": visibleColumns.length,
-      "data-testid": DATA_TESTID.DATA_TABLE_TABLE,
-      height: height,
-      width: width
-    }, void 0, _VirtualRowsList || (_VirtualRowsList = /*#__PURE__*/_jsx(VirtualRowsList, {}))), pagination ? _Pagination || (_Pagination = /*#__PURE__*/_jsx(Pagination, {})) : null]
-  }), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
+    onKeyDown: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey),
+    onKeyUp: (e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== "Shift")
+  }, /* @__PURE__ */ React2.createElement(StyledTableWrapper, {
+    role: "table",
+    "aria-rowcount": allDataFlattened.length,
+    "aria-colcount": visibleColumns.length,
+    "data-testid": DATA_TESTID.DATA_TABLE_TABLE,
+    height,
+    width
+  }, /* @__PURE__ */ React2.createElement(VirtualRowsList, null)), pagination ? /* @__PURE__ */ React2.createElement(Pagination, null) : null), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
-
 const ConnectedTableContent = connect(mapStateToProps)(TableContentComponent);
-const TableContent = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/jsx(ConnectedTableContent, _objectSpread(_objectSpread({}, props), {}, {
+const TableContent = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ConnectedTableContent, {
+  ...props,
   forwardedRef: ref
-})));
-
-export { TableContent as default };
+}));
+var TableContent_default = TableContent;
+export {
+  TableContent,
+  TableContent_default as default
+};
+//# sourceMappingURL=TableContent.js.map

package/esm/parts/TableContent.js.map

@@ -0,0 +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;AAAA,KAA2B;AAAA,EAAO,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
+  "names": []
+}

package/esm/parts/VirtualRowsList.js

@@ -1,103 +1,65 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useMemo, useCallback } from 'react';
-import { connect } from 'react-redux';
-import RowLoading from './RowLoading.js';
-import EmptyContent from './EmptyContent.js';
-import Rows from './Rows.js';
-import Headers from './Headers/index.js';
-import Footer from './Footer.js';
-import DataTableContext from '../DataTableContext.js';
-import { FIXED_SIZES } from '../configs/fixedSizes.js';
-import { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled.js';
-import Loader from './Loader.js';
-import '../redux/reducers/index.js';
-import { DATA_TESTID } from '../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import './TableContent.js';
-import './Row.js';
-import './HoC/SortableItemContext.js';
-import { useDispatchRowsActions } from '../redux/reducers/rowsReducers/useDispatchRowsActions.js';
-
-var _Headers, _Loader, _Rows, _Footer, _RowLoading;
-
+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";
+import { Headers } from "./Headers";
+import { Footer } from "./Footer";
+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 {
     virtualListRef,
-    tableProps: {
-      height,
-      width,
-      isLoading,
-      isLoadingAppended
-    },
+    tableProps: { height, width, isLoading, isLoadingAppended },
     virtualListHelpers,
-    layoutHelpers: {
-      totalColumnsWidth
-    },
+    layoutHelpers: { totalColumnsWidth },
     flattenedData
   } = useContext(DataTableContext);
-  const {
-    totalSize,
-    scrollToIndex
-  } = virtualListHelpers;
-  const {
-    setFocusedRowId
-  } = useDispatchRowsActions();
+  const { totalSize, scrollToIndex } = virtualListHelpers;
+  const { setFocusedRowId } = useDispatchRowsActions();
   const isEmptyContent = useMemo(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);
   const tableHeight = useMemo(() => {
-    if (typeof height === 'string') return height.includes('%') ? height : Number.parseInt(height, 10) - FIXED_SIZES.PAGINATION_HEIGHT;
+    if (typeof height === "string")
+      return height.includes("%") ? height : Number.parseInt(height, 10) - FIXED_SIZES.PAGINATION_HEIGHT;
     return height;
   }, [height]);
-  const onKeyDown = useCallback(e => {
-    if (e.ctrlKey && e.code === 'End') {
+  const onKeyDown = useCallback((e) => {
+    if (e.ctrlKey && e.code === "End") {
       scrollToIndex(flattenedData.length - 1);
       setFocusedRowId(flattenedData[flattenedData.length - 1].uid);
-    } else if (e.ctrlKey && e.code === 'Home') {
-      scrollToIndex(0, {
-        align: 'center'
-      });
+    } else if (e.ctrlKey && e.code === "Home") {
+      scrollToIndex(0, { align: "center" });
       setFocusedRowId(flattenedData[0].uid);
     }
   }, [scrollToIndex, setFocusedRowId, flattenedData]);
-  return /*#__PURE__*/jsx(StyledVirtualListWrapper, {
+  return /* @__PURE__ */ React2.createElement(StyledVirtualListWrapper, {
     ref: virtualListRef,
     height: tableHeight,
-    width: width,
+    width,
     "data-testid": DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER,
-    onKeyDown: onKeyDown,
-    tabIndex: -1,
-    children: /*#__PURE__*/_jsx(StyledTableContentWrapper, {
-      role: "rowgroup",
-      height: totalSize || '100%'
-    }, void 0, _Headers || (_Headers = /*#__PURE__*/_jsx(Headers, {})), isEmptyContent && /*#__PURE__*/_jsx(EmptyContent, {
-      width: totalColumnsWidth
-    }), isLoading ? _Loader || (_Loader = /*#__PURE__*/_jsx(Loader, {})) : null, !isLoading && !isEmptyContent && /*#__PURE__*/jsxs(Fragment, {
-      children: [_Rows || (_Rows = /*#__PURE__*/_jsx(Rows, {})), _Footer || (_Footer = /*#__PURE__*/_jsx(Footer, {})), isLoadingAppended && (_RowLoading || (_RowLoading = /*#__PURE__*/_jsx(RowLoading, {})))]
-    }))
-  });
+    onKeyDown,
+    tabIndex: -1
+  }, /* @__PURE__ */ React2.createElement(StyledTableContentWrapper, {
+    role: "rowgroup",
+    height: totalSize || "100%"
+  }, /* @__PURE__ */ React2.createElement(Headers, null), isEmptyContent && /* @__PURE__ */ React2.createElement(EmptyContent, {
+    width: totalColumnsWidth
+  }), isLoading ? /* @__PURE__ */ React2.createElement(Loader, null) : null, !isLoading && !isEmptyContent && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Rows, null), /* @__PURE__ */ React2.createElement(Footer, null), isLoadingAppended && /* @__PURE__ */ React2.createElement(RowLoading, null))));
 };
-
 const VirtualRowsList = connect(mapStateToProps)(VirtualRowsListComponent);
-
-export { VirtualRowsList as default };
+var VirtualRowsList_default = VirtualRowsList;
+export {
+  VirtualRowsList,
+  VirtualRowsList_default as default
+};
+//# sourceMappingURL=VirtualRowsList.js.map

package/esm/parts/VirtualRowsList.js.map

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

package/esm/parts/index.js

@@ -1,6 +1,16 @@
-export { default as TableContent } from './TableContent.js';
-export { default as Loader } from './Loader.js';
-export { default as EmptyContent } from './EmptyContent.js';
-export { default as Row } from './Row.js';
-export { default as Footer } from './Footer.js';
-export { default as DnDHandle } from './DnDHandle.js';
+import * as React from "react";
+import { default as default2 } from "./TableContent";
+import { default as default3 } from "./Loader";
+import { default as default4 } from "./EmptyContent";
+import { default as default5 } from "./Row";
+import { default as default6 } from "./Footer";
+import { default as default7 } from "./DnDHandle";
+export {
+  default7 as DnDHandle,
+  default4 as EmptyContent,
+  default6 as Footer,
+  default3 as Loader,
+  default5 as Row,
+  default2 as TableContent
+};
+//# sourceMappingURL=index.js.map

package/esm/parts/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as TableContent } from './TableContent';\nexport { default as Loader } from './Loader';\nexport { default as EmptyContent } from './EmptyContent';\nexport { default as Row } from './Row';\nexport { default as Footer } from './Footer';\nexport { default as DnDHandle } from './DnDHandle';\n\n// not exporting Headers, Rows, RowLoading RowsDnD, VirtualRowsList, VirtualRowsListDnD to avoid circular dependencies\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/prop-types.js

@@ -1,14 +1,5 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import PropTypes from 'prop-types';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import PropTypes from "prop-types";
 const tableStateShape = {
   allColumns: PropTypes.array,
   columns: PropTypes.array,
@@ -24,9 +15,10 @@ const tableStateShape = {
   setFilter: PropTypes.func,
   totalColumnsWidth: PropTypes.number
 };
-const filterComponentPropType = _objectSpread(_objectSpread({}, tableStateShape), {}, {
+const filterComponentPropType = {
+  ...tableStateShape,
   column: PropTypes.object
-});
+};
 const editableCellPropType = {
   cell: PropTypes.object.isRequired,
   DefaultCellRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired
@@ -36,12 +28,26 @@ const headerGroupsType = PropTypes.arrayOf(PropTypes.shape({
   getHeaderGroupProps: PropTypes.func.isRequired,
   headers: PropTypes.arrayOf(PropTypes.object).isRequired
 }));
-const renderRowActionsPropType = PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
-  columnWidth: PropTypes.number.isRequired,
-  renderer: PropTypes.func.isRequired
-})]);
-const paginationPropType = PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-  perPageOptions: PropTypes.arrayOf(PropTypes.number)
-})]);
-
-export { CellPropType, editableCellPropType, filterComponentPropType, headerGroupsType, paginationPropType, renderRowActionsPropType, tableStateShape };
+const renderRowActionsPropType = PropTypes.oneOfType([
+  PropTypes.oneOf([false]),
+  PropTypes.shape({
+    columnWidth: PropTypes.number.isRequired,
+    renderer: PropTypes.func.isRequired
+  })
+]);
+const paginationPropType = PropTypes.oneOfType([
+  PropTypes.bool,
+  PropTypes.shape({
+    perPageOptions: PropTypes.arrayOf(PropTypes.number)
+  })
+]);
+export {
+  CellPropType,
+  editableCellPropType,
+  filterComponentPropType,
+  headerGroupsType,
+  paginationPropType,
+  renderRowActionsPropType,
+  tableStateShape
+};
+//# sourceMappingURL=prop-types.js.map

package/esm/prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,KAClC;AAAA,EACH,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;",
+  "names": []
+}

package/esm/redux/reducers/headersReducers/defaults.js

@@ -1,3 +1,6 @@
+import * as React from "react";
 const defaultHeadersState = {};
-
-export { defaultHeadersState };
+export {
+  defaultHeadersState
+};
+//# sourceMappingURL=defaults.js.map

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

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

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

@@ -1,27 +1,28 @@
-import { createSlice } from '@reduxjs/toolkit';
-import { patchHeaderFilterButtonAndMenu, patchUpdateOneHeader } from './logic.js';
-import { defaultHeadersState } from './defaults.js';
-
+import * as React from "react";
+import { createSlice } from "@reduxjs/toolkit";
+import { patchUpdateOneHeader, patchHeaderFilterButtonAndMenu } from "./logic";
+import { defaultHeadersState } from "./defaults";
 const headersSlice = createSlice({
-  name: 'headers',
+  name: "headers",
   initialState: defaultHeadersState,
   reducers: {
     patchHeaderFilterButtonAndMenuAction(state, action) {
       patchHeaderFilterButtonAndMenu(action.payload, state);
     },
-
     patchUpdateOneHeaderAction(state, action) {
       patchUpdateOneHeader(action.payload, state);
     }
-
   }
 });
 const {
   patchHeaderFilterButtonAndMenuAction,
   patchUpdateOneHeaderAction
 } = headersSlice.actions;
-const {
+const { reducer } = headersSlice;
+export {
+  headersSlice,
+  patchHeaderFilterButtonAndMenuAction,
+  patchUpdateOneHeaderAction,
   reducer
-} = headersSlice;
-
-export { headersSlice, patchHeaderFilterButtonAndMenuAction, patchUpdateOneHeaderAction, reducer };
+};
+//# sourceMappingURL=headersReducers.js.map

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

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

package/esm/redux/reducers/headersReducers/index.js

@@ -1,2 +1,4 @@
-export { headersSlice, patchHeaderFilterButtonAndMenuAction, patchUpdateOneHeaderAction, reducer } from './headersReducers.js';
-export { useDispatchHeadersActions } from './useDispatchHeadersActions.js';
+import * as React from "react";
+export * from "./headersReducers";
+export * from "./useDispatchHeadersActions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './headersReducers';\nexport * from './useDispatchHeadersActions';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

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

@@ -1,27 +1,16 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+import * as React from "react";
 const patchUpdateOneHeader = (payload, state) => {
-  state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);
-};
-const patchHeaderFilterButtonAndMenu = (_ref, state) => {
-  let {
-    headerId,
-    newState
-  } = _ref;
-  const updatedState = {
-    hideFilterMenu: newState,
-    hideFilterButton: newState
+  state[payload.headerId] = {
+    ...state?.[payload.headerId] || {},
+    ...payload.newHeader
   };
-  state[headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[headerId]) || {}), updatedState);
 };
-
-export { patchHeaderFilterButtonAndMenu, patchUpdateOneHeader };
+const patchHeaderFilterButtonAndMenu = ({ headerId, newState }, state) => {
+  const updatedState = { hideFilterMenu: newState, hideFilterButton: newState };
+  state[headerId] = { ...state?.[headerId] || {}, ...updatedState };
+};
+export {
+  patchHeaderFilterButtonAndMenu,
+  patchUpdateOneHeader
+};
+//# sourceMappingURL=logic.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,OACpB,QAAQ,QAAQ,aAAa;AAAA,OAC9B,QAAQ;AAAA;AAAA;AAIR,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB;AACnE,QAAM,YAAY,KAAM,QAAQ,aAAa,OAAQ;AAAA;",
+  "names": []
+}