@elliemae/ds-data-table 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/parts/RowVariants/RowVariantHeader.js

@@ -1,25 +1,35 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import { useRef, useMemo, useLayoutEffect } from 'react';
 import Grid from '@elliemae/ds-grid';
 import RowRenderer from '../../exported-related/RowRenderer/index.js';
 import { StyledCellContainer, GroupHeaderContainer, GroupHeaderTitle } from '../../styled.js';
 import { expandRowColumn } from '../../addons/Columns/ColumnExpand/ColumnExpand.js';
 import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-form/Checkbox';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import '@elliemae/ds-form';
 import { DATA_TESTID } from '../../configs/constants.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 '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'styled-components';
-import '@elliemae/ds-form/Radio';
 import '../TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -74,21 +84,24 @@ const RowContent = props => {
   });
 };
 
-const RowVariantHeader = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  focusedRowId,
-  selectedRowId
-}) => /*#__PURE__*/_jsx(RowRenderer, {
-  row: row,
-  itemIndex: itemIndex,
-  isDragOverlay: isDragOverlay,
-  minHeight: "0px",
-  height: "24px",
-  CustomRowContentRenderer: RowContent,
-  focusedRowId: focusedRowId,
-  selectedRowId: selectedRowId
-});
+const RowVariantHeader = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    focusedRowId,
+    selectedRowId
+  } = _ref;
+  return /*#__PURE__*/_jsx(RowRenderer, {
+    row: row,
+    itemIndex: itemIndex,
+    isDragOverlay: isDragOverlay,
+    minHeight: "0px",
+    height: "24px",
+    CustomRowContentRenderer: RowContent,
+    focusedRowId: focusedRowId,
+    selectedRowId: selectedRowId
+  });
+};
 
 export { RowVariantHeader };

package/esm/parts/RowVariants/RowVariantPrimary.js

@@ -2,15 +2,16 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import RowRenderer from '../../exported-related/RowRenderer/index.js';
 
-const RowVariantPrimary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
+const RowVariantPrimary = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    compact
+  } = _ref;
   const {
     layoutHelpers: {
       gridLayout

package/esm/parts/RowVariants/RowVariantSecondary.js

@@ -2,15 +2,16 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import RowRenderer from '../../exported-related/RowRenderer/index.js';
 
-const RowVariantSecondary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
+const RowVariantSecondary = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    compact
+  } = _ref;
   const {
     layoutHelpers: {
       gridLayout

package/esm/parts/RowVariants/index.js

@@ -1,33 +1,42 @@
+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 'react';
-import '../../exported-related/FilterPopover.js';
 import '@babel/runtime/helpers/esm/jsx';
-import '../../styled.js';
-import '../../DataTableContext.js';
-import { jsx } from 'react/jsx-runtime';
-import 'styled-components';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '@elliemae/ds-button';
-import '@elliemae/ds-icons/MoreOptionsVert';
+import '@elliemae/ds-popperjs';
+import 'styled-components';
+import '../../redux/reducers/index.js';
 import '../../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 '@elliemae/ds-icons/ArrowShortReturn';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '../../styled.js';
+import { jsx } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
+import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
+import '@elliemae/ds-utilities';
 import 'uid';
 import { ROW_VARIANTS } from '../../exported-related/RowVariants.js';
 import '../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 import Cells from '../Cells/index.js';
 import { RowVariantHeader } from './RowVariantHeader.js';
 import { RowVariantPrimary } from './RowVariantPrimary.js';
@@ -61,7 +70,7 @@ const RowVariantMapItem = props => {
 
   if (typeof variant === 'string') {
     if (!(variant in RowVariantMapper)) {
-      throw new Error(`${variant} is not an out-of-the-box row variant`);
+      throw new Error("".concat(variant, " is not an out-of-the-box row variant"));
     }
 
     Component = RowVariantMapper[variant];

package/esm/parts/Rows.js

@@ -1,4 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.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/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useContext, useMemo } from 'react';
 import Row from './Row.js';
 import DataTableContext from '../DataTableContext.js';
@@ -38,12 +45,12 @@ const Rows = () => {
       addCellData(row, visibleColumns);
       const style = {
         position: 'absolute',
-        top: `${start}px`,
+        top: "".concat(start, "px"),
         left: 0,
         width: totalColumnsWidth
       };
       const rowProps = {
-        key: `ds-table-row-${row.uid}`,
+        key: "ds-table-row-".concat(row.uid),
         row,
         measureRef,
         index,

package/esm/parts/SortByCaret.js

@@ -1,21 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo } from 'react';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadUp from '@elliemae/ds-icons/ArrowheadUp';
+import { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';
 
 var _ArrowheadDown, _ArrowheadUp;
 const iconColor = ['brand-primary', 800];
-const SortByCaret = ({
-  isSortedDesc
-}) => useMemo(() => /*#__PURE__*/_jsx("span", {
-  style: {
-    marginLeft: '4px'
-  }
-}, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
-  size: "s",
-  color: iconColor
-}))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx(ArrowheadUp, {
-  color: iconColor
-})))), [isSortedDesc]);
+const SortByCaret = _ref => {
+  let {
+    isSortedDesc
+  } = _ref;
+  return useMemo(() => /*#__PURE__*/_jsx("span", {
+    style: {
+      marginLeft: '4px'
+    }
+  }, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
+    size: "s",
+    color: iconColor
+  }))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx(ArrowheadUp, {
+    color: iconColor
+  })))), [isSortedDesc]);
+};
 
 export { SortByCaret };

package/esm/parts/SortableHeaderCell.js

@@ -1,3 +1,8 @@
+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';

package/esm/parts/TableContent.js

@@ -1,28 +1,34 @@
+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 React, { useContext, useMemo } from 'react';
+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 '@elliemae/ds-icons/ArrowShortReturn';
-import 'styled-components';
+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/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import './Row.js';
 import './Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import './HoC/SortableItemContext.js';
 
 var _VirtualRowsList, _Pagination;
@@ -50,11 +56,15 @@ const TableContentComponent = props => {
     allDataFlattened,
     visibleColumns
   } = useContext(DataTableContext);
+  const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
   const PureTableContent = useMemo(() => /*#__PURE__*/jsxs(StyledDataTableWrapper, {
     "data-testid": DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
     height: height,
     width: 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,
@@ -63,7 +73,7 @@ const TableContentComponent = props => {
       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]);
+  }), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
 

package/esm/parts/VirtualRowsList.js

@@ -12,18 +12,25 @@ import { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled.j
 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 '@elliemae/ds-icons/ArrowShortReturn';
-import 'styled-components';
+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/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import './TableContent.js';
 import './Row.js';
-import '@elliemae/ds-icons/GripperVertical';
 import './HoC/SortableItemContext.js';
 import { useDispatchRowsActions } from '../redux/reducers/rowsReducers/useDispatchRowsActions.js';
 

package/esm/prop-types.js

@@ -1,3 +1,8 @@
+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';
 

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

@@ -1,3 +1,8 @@
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -7,10 +12,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const patchUpdateOneHeader = (payload, state) => {
   state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);
 };
-const patchHeaderFilterButtonAndMenu = ({
-  headerId,
-  newState
-}, state) => {
+const patchHeaderFilterButtonAndMenu = (_ref, state) => {
+  let {
+    headerId,
+    newState
+  } = _ref;
   const updatedState = {
     hideFilterMenu: newState,
     hideFilterButton: newState