@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

package/esm/hooks/useRecoverFocusCol.js

@@ -1,19 +1,15 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 
 // so we just keep track of it and focus it if necessary
 
-var useRecoverFocusCol = function useRecoverFocusCol(condition, ref) {
-  var _useState = useState(condition),
-      _useState2 = _slicedToArray(_useState, 2),
-      prevCondition = _useState2[0],
-      setPrevCondition = _useState2[1];
-
-  useEffect(function () {
+const useRecoverFocusCol = (condition, ref) => {
+  const [prevCondition, setPrevCondition] = useState(condition);
+  useEffect(() => {
     if (prevCondition && !condition) {
       var _ref$current;
 
-      if (ref.current) (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();else setTimeout(function () {
+      if (ref.current) (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();else setTimeout(() => {
         var _ref$current2;
 
         return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
@@ -25,4 +21,3 @@ var useRecoverFocusCol = function useRecoverFocusCol(condition, ref) {
 };
 
 export { useRecoverFocusCol };
-//# sourceMappingURL=useRecoverFocusCol.js.map

package/esm/hooks/useRecoverFocusRow.js

@@ -3,24 +3,23 @@ import { useRef, useEffect } from 'react';
 /* eslint-disable max-params */
 // So we keep track of the last active id, and re-focus it
 
-var useRecoverFocusRow = function useRecoverFocusRow(row, cell, isDragOverlay, draggableProps) {
-  var isDragging = draggableProps && draggableProps.isDragging;
-  var lastActiveId = draggableProps && draggableProps.lastActiveId;
-  var setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  var timeoutRef = useRef(null);
-  useEffect(function () {
+const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
+  const isDragging = draggableProps && draggableProps.isDragging;
+  const lastActiveId = draggableProps && draggableProps.lastActiveId;
+  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
+  const timeoutRef = useRef(null);
+  useEffect(() => {
     if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {
-      timeoutRef.current = setTimeout(function () {
+      timeoutRef.current = setTimeout(() => {
         cell.ref.current.focus();
         setLastActiveId(null);
       });
     }
 
-    return function () {
+    return () => {
       clearTimeout(timeoutRef.current);
     };
   }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);
 };
 
 export { useRecoverFocusRow };
-//# sourceMappingURL=useRecoverFocusRow.js.map

package/esm/index.js

@@ -1,113 +1,14 @@
 export { DataTable, DataTableWithSchema } from './DataTable.js';
-export { E as EditableCell, F as FilterPopover, a as applyOutOfTheBoxFilters, d as dateRangeFilterFn, s as singleDateFilterFn } from './styled-f76a0cd1.js';
+export { FilterPopover } from './exported-related/FilterPopover.js';
+export { EditableCell } from './exported-related/EditableCell.js';
 export { Toolbar } from './exported-related/Toolbar/Toolbar.js';
 export { groupBy } from './exported-related/groupBy.js';
 export { FILTER_TYPES } from './exported-related/FilterTypes.js';
 export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY } from './exported-related/RowVariants.js';
-export { textFilterFn } from './exported-related/Filters/textFilterFn.js';
+export { applyOutOfTheBoxFilters } from './exported-related/Filters/applyOutOfTheBoxFilters.js';
+export { singleDateFilterFn } from './exported-related/Filters/singleDateFilterFn.js';
 export { singleSelectFilterFn } from './exported-related/Filters/singleSelectFilterFn.js';
 export { multiSelectFilterFn } from './exported-related/Filters/multiSelectFilterFn.js';
 export { numberRangeFilterFn } from './exported-related/Filters/numberRangeFilterFn.js';
 export { currencyRangeFilterFn } from './exported-related/Filters/currencyRangeFilterFn.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-redux';
-import '@reduxjs/toolkit';
-import 'react-desc';
-import './redux/storeConfig.js';
-import './redux/reducers/index.js';
-import 'redux';
-import './redux/reducers/headersReducers/headersReducers.js';
-import './redux/reducers/headersReducers/logic.js';
-import './redux/reducers/headersReducers/defaults.js';
-import './redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import './redux/reducers/rowsReducers/rowsReducer.js';
-import './redux/reducers/rowsReducers/logic.js';
-import './redux/reducers/rowsReducers/defaults.js';
-import './redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import './DataTableContext.js';
-import './configs/constants.js';
-import './configs/useDatatableConfig.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-virtual';
-import './helpers/columnsToGrid.js';
-import './helpers/sizeToCss.js';
-import './configs/useRowFlattenization.js';
-import './helpers/getIdFromUniqueRowAccessor.js';
-import './configs/usePaginationConfig.js';
-import './configs/useTableColsWithAddons.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './addons/Columns/ColumnAction/ColumnAction.js';
-import './parts/FilterBar/FiltersBar.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-popperjs';
-import 'styled-components';
-import '@elliemae/ds-form';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import './parts/EmptyContent.js';
-import '@elliemae/ds-system';
-import 'prop-types';
-import './parts/Footer.js';
-import '@babel/runtime/helpers/esm/extends';
-import './parts/HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import 'moment';
-import './parts/FilterBar/components/DateRangePill.js';
-import '@elliemae/ds-pills';
-import './parts/FilterBar/components/DateSwitcherPill.js';
-import './parts/FilterBar/components/MultiSelectPill.js';
-import './parts/FilterBar/components/NumberRangePill.js';
-import './parts/FilterBar/components/SelectPill.js';
-import './parts/FilterBar/components/SingleDatePill.js';
-import './parts/FilterBar/components/TextPill.js';
-import './parts/FilterBar/styled.js';
-import '@elliemae/ds-dropdownmenu';
-import './helpers/cellPadding.js';
-import './addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import './helpers/refs-helpers.js';
-import './parts/HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import './parts/HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import './helpers/dndkit/tree/useTreeDndkitConfig.js';
-import './helpers/dndkit/tree/useTreePreviewHandlers.js';
-import './helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import './helpers/dndkit/utilities.js';
-import './helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import './helpers/dndkit/tree/customCollisionDetection.js';
-import './helpers/dndkit/tree/useTreeAnnouncements.js';
-import './parts/HoC/DragOverlayContext.js';
-import './hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import './prop-types.js';
-import './parts/Cells/useCellStyle.js';
-import './exported-related/RowRenderer/useRowRendererProperties.js';
-import './exported-related/RowRenderer/useRowStyle.js';
-import './parts/DropIndicator.js';
-import './configs/zIndexInternalConfig.js';
-import './helpers/addCellData.js';
-import './helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import './helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import './parts/SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import './parts/Headers/useHeaderCellHandlers.js';
-import './parts/Headers/useHeaderCellConfig.js';
-import './hooks/useRecoverFocusCol.js';
-import './parts/Headers/RequiredDot.js';
-import './parts/SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './parts/HoC/withConditionalDnDSortableContext.js';
-import './parts/Headers/EmptyChildrenGroup.js';
-import './configs/fixedSizes.js';
-import './parts/Loader.js';
-import './DataTableSchema.js';
-//# sourceMappingURL=index.js.map
+export { dateRangeFilterFn } from './exported-related/Filters/dateRangeFilterFn.js';

package/esm/parts/Cells/Cell.js

@@ -1,93 +1,120 @@
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-grid';
-export { p as default } from '../../styled-f76a0cd1.js';
-import '../../DataTableContext.js';
-import '../HoC/SortableItemContext.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 '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, memo } from 'react';
+import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
+import Grid from '@elliemae/ds-grid';
+import { StyledCellContent, StyledCell } from '../../styled.js';
+import { outOfTheBoxEditables } from '../../addons/Editables/index.js';
+import DataTableContext from '../../DataTableContext.js';
+import { SortableItemContext } from '../HoC/SortableItemContext.js';
+import { expandRowColumn } from '../../addons/Columns/ColumnExpand/ColumnExpand.js';
 import '@elliemae/ds-form';
-import '../../configs/constants.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 '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'styled-components';
+import '../TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '../EmptyContent.js';
-import '../Footer.js';
 import '@elliemae/ds-icons';
-import './useCellStyle.js';
-import '../../helpers/sizeToCss.js';
-import '../../helpers/cellPadding.js';
-import 'react-redux';
-import '../../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import '../../helpers/refs-helpers.js';
-import '../HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import '../HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
-import '../../helpers/dndkit/tree/useTreePreviewHandlers.js';
-import '../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import '../../helpers/dndkit/utilities.js';
-import '../../helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import '../../helpers/dndkit/tree/customCollisionDetection.js';
-import '../../helpers/dndkit/tree/useTreeAnnouncements.js';
-import '../HoC/DragOverlayContext.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '../../redux/reducers/index.js';
-import 'redux';
-import '../../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import '../../redux/reducers/headersReducers/logic.js';
-import '../../redux/reducers/headersReducers/defaults.js';
-import '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import '../../redux/reducers/rowsReducers/rowsReducer.js';
-import '../../redux/reducers/rowsReducers/logic.js';
-import '../../redux/reducers/rowsReducers/defaults.js';
-import '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../../exported-related/RowVariants.js';
-import '../../exported-related/Filters/singleSelectFilterFn.js';
-import '../../exported-related/Filters/multiSelectFilterFn.js';
-import '../../exported-related/Filters/textFilterFn.js';
-import 'moment';
-import '../../exported-related/Filters/numberRangeFilterFn.js';
-import '../../exported-related/Filters/currencyRangeFilterFn.js';
-import '../../exported-related/FilterTypes.js';
-import '../../addons/Columns/ColumnAction/ColumnAction.js';
-import '../../hooks/useRecoverFocusRow.js';
-import '../../prop-types.js';
-import '../../exported-related/RowRenderer/useRowRendererProperties.js';
-import '../../exported-related/RowRenderer/useRowStyle.js';
-import '../DropIndicator.js';
-import '../../configs/zIndexInternalConfig.js';
-import '../../helpers/addCellData.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import '../SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import '../../helpers/columnsToGrid.js';
-import '../Headers/useHeaderCellHandlers.js';
-import '../Headers/useHeaderCellConfig.js';
-import '../../hooks/useRecoverFocusCol.js';
-import '../Headers/RequiredDot.js';
-import '../SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../HoC/withConditionalDnDSortableContext.js';
-import '../Headers/EmptyChildrenGroup.js';
-import '../../configs/fixedSizes.js';
-import '../Loader.js';
-import '../../helpers/getIdFromUniqueRowAccessor.js';
 import '@elliemae/ds-system';
-//# sourceMappingURL=Cell.js.map
+import '@elliemae/ds-button';
+import '../Row.js';
+import '../Footer.js';
+import { useCellStyle } from './useCellStyle.js';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const PureStandardCell = /*#__PURE__*/memo(_ref => {
+  let {
+    cellStyle,
+    children,
+    column
+  } = _ref;
+  return /*#__PURE__*/_jsx(StyledCell, {
+    column: column,
+    style: cellStyle,
+    role: "cell",
+    "data-testid": DATA_TESTID.DATA_TABLE_CELL
+  }, void 0, children);
+});
+
+const Cell = _ref2 => {
+  var _SimpleTruncatedToolt;
+
+  let {
+    cell,
+    column,
+    row,
+    isRowSelected,
+    shouldAddExpandCell,
+    isDragOverlay
+  } = _ref2;
+  const ctx = useContext(DataTableContext);
+  const {
+    tableProps: {
+      cellRendererProps
+    }
+  } = ctx;
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const [appliedTextWrap, cellStyle] = useCellStyle(column, shouldAddExpandCell);
+  const cellProps = useMemo(() => _objectSpread(_objectSpread({}, cellRendererProps), {}, {
+    cell,
+    row,
+    isRowSelected,
+    ctx,
+    draggableProps,
+    isDragOverlay,
+    role: 'cell',
+    cellStyle,
+    column
+  }), [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column]);
+  const CellComponent = cell.render;
+  const pureCellContent = useMemo(() => {
+    if (shouldAddExpandCell) {
+      return /*#__PURE__*/_jsx(Grid, {
+        cols: ['min-content', 'auto'],
+        alignItems: "center",
+        height: "100%"
+      }, void 0, shouldAddExpandCell && /*#__PURE__*/jsx(expandRowColumn.Cell, _objectSpread({}, cellProps)), /*#__PURE__*/jsx(CellComponent, _objectSpread({}, cellProps)));
+    }
+
+    return /*#__PURE__*/jsx(CellComponent, _objectSpread({}, cellProps));
+  }, [CellComponent, cellProps, shouldAddExpandCell]);
+  const DefaultCellContentJSX = useMemo(() => /*#__PURE__*/_jsx(StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+    value: pureCellContent
+  })) : pureCellContent), [appliedTextWrap, pureCellContent]);
+  const EditableContentJSX = useMemo(() => {
+    if (typeof column.editable === 'string') {
+      const {
+        EditableComponent
+      } = outOfTheBoxEditables === null || outOfTheBoxEditables === void 0 ? void 0 : outOfTheBoxEditables[column.editable];
+      if (EditableComponent) return /*#__PURE__*/jsx(EditableComponent, _objectSpread(_objectSpread({}, cellProps), {}, {
+        DefaultCellRender: DefaultCellContentJSX
+      }));
+    }
+
+    if (typeof column.editable === 'function') return column.editable(_objectSpread({
+      DefaultCellRender: DefaultCellContentJSX
+    }, cellProps));
+    return null;
+  }, [DefaultCellContentJSX, cellProps, column]);
+  return /*#__PURE__*/jsx(PureStandardCell, _objectSpread(_objectSpread({}, cellProps), {}, {
+    children: column.editable ? EditableContentJSX : DefaultCellContentJSX
+  }));
+};
+
+export { Cell as default };

package/esm/parts/Cells/index.js

@@ -1,93 +1,76 @@
-import 'react';
-export { q as default } from '../../styled-f76a0cd1.js';
-import '../../DataTableContext.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-icons';
-import '../../helpers/sizeToCss.js';
-import '../../configs/constants.js';
-import '../../helpers/cellPadding.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-virtual';
-import '../../configs/useRowFlattenization.js';
-import '../../helpers/getIdFromUniqueRowAccessor.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-form';
-import '@babel/runtime/helpers/esm/extends';
-import 'react-redux';
-import '../../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import '@elliemae/ds-circular-progress-indicator';
-import '../EmptyContent.js';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import 'prop-types';
-import '../../helpers/refs-helpers.js';
-import '../HoC/SortableItemContext.js';
-import '../HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import '../HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
-import '../../helpers/dndkit/tree/useTreePreviewHandlers.js';
-import '../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import '../../helpers/dndkit/utilities.js';
-import '../../helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import '../../helpers/dndkit/tree/customCollisionDetection.js';
-import '../../helpers/dndkit/tree/useTreeAnnouncements.js';
-import '../HoC/DragOverlayContext.js';
-import '@elliemae/ds-popperjs';
-import '../../redux/reducers/index.js';
-import 'redux';
-import '../../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import '../../redux/reducers/headersReducers/logic.js';
-import '../../redux/reducers/headersReducers/defaults.js';
-import '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import '../../redux/reducers/rowsReducers/rowsReducer.js';
-import '../../redux/reducers/rowsReducers/logic.js';
-import '../../redux/reducers/rowsReducers/defaults.js';
-import '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import '../Footer.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../../exported-related/RowVariants.js';
-import '../../exported-related/Filters/singleSelectFilterFn.js';
-import '../../exported-related/Filters/multiSelectFilterFn.js';
-import '../../exported-related/Filters/textFilterFn.js';
-import 'moment';
-import '../../exported-related/Filters/numberRangeFilterFn.js';
-import '../../exported-related/Filters/currencyRangeFilterFn.js';
-import '../../exported-related/FilterTypes.js';
-import '../../addons/Columns/ColumnAction/ColumnAction.js';
-import '../../hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../prop-types.js';
-import './useCellStyle.js';
-import '../../exported-related/RowRenderer/useRowRendererProperties.js';
-import '../../exported-related/RowRenderer/useRowStyle.js';
-import '../DropIndicator.js';
-import '../../configs/zIndexInternalConfig.js';
-import '../../helpers/addCellData.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import '../SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import '../../helpers/columnsToGrid.js';
-import '../Headers/useHeaderCellHandlers.js';
-import '../Headers/useHeaderCellConfig.js';
-import '../../hooks/useRecoverFocusCol.js';
-import '../Headers/RequiredDot.js';
-import '../SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../HoC/withConditionalDnDSortableContext.js';
-import '../Headers/EmptyChildrenGroup.js';
-import '../../configs/fixedSizes.js';
-import '../Loader.js';
-//# sourceMappingURL=index.js.map
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useContext } from 'react';
+import { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';
+import { StyledActionCell } from '../../styled.js';
+import Cell from './Cell.js';
+import DataTableContext from '../../DataTableContext.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const Cells = props => {
+  const {
+    row,
+    isRowSelected,
+    isDragOverlay
+  } = props;
+  const ctx = useContext(DataTableContext); // we won't print sub-rows more nested than the first level
+
+  if (row.depth <= 1) {
+    let shouldAddExpandCell = false;
+    let userCellsProcessed = 0;
+    return /*#__PURE__*/jsx(Fragment, {
+      children: row.cells.map(cell => {
+        var _ActionComponent;
+
+        const {
+          column
+        } = cell;
+        const isUserCell = !INTERNAL_COLUMNS.includes(column.id);
+        let jsx = null;
+
+        if (column.id === 'rowActions') {
+          const ActionComponent = cell.render;
+          jsx = /*#__PURE__*/_jsx(StyledActionCell, {
+            role: "cell"
+          }, cell.id, _ActionComponent || (_ActionComponent = /*#__PURE__*/_jsx(ActionComponent, {
+            row: row,
+            cell: cell,
+            column: column,
+            isRowSelected: isRowSelected,
+            ctx: ctx
+          })));
+        } else if (column.id === 'expander') {
+          // Next user's cell will have the expand cell
+          shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay
+        } else {
+          jsx = /*#__PURE__*/_jsx(Cell, {
+            cell: cell,
+            column: column,
+            row: row,
+            isRowSelected: isRowSelected,
+            shouldAddExpandCell: isUserCell && shouldAddExpandCell,
+            isDragOverlay: isDragOverlay
+          }, cell.id);
+        } // Drag overlay only need to print the DnD handle and the first user's cell
+
+
+        if (isDragOverlay) {
+          if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;
+        } // Reset expand cell
+
+
+        if (isUserCell) {
+          shouldAddExpandCell = false;
+          userCellsProcessed += 1;
+        }
+
+        return jsx;
+      })
+    });
+  }
+
+  return null;
+};
+
+export { Cells as default };

package/esm/parts/Cells/useCellStyle.js

@@ -1,14 +1,15 @@
 import { useContext, useMemo } from 'react';
 import DataTableContext from '../../DataTableContext.js';
-import '../../configs/constants.js';
 
-var useCellStyle = function useCellStyle(column, shouldAddExpandCell) {
-  var _useContext = useContext(DataTableContext),
-      textWrap = _useContext.tableProps.textWrap;
-
-  var appliedTextWrap = column.textWrap || textWrap;
-  var cellStyle = useMemo(function () {
-    var newStyle = {};
+const useCellStyle = (column, shouldAddExpandCell) => {
+  const {
+    tableProps: {
+      textWrap
+    }
+  } = useContext(DataTableContext);
+  const appliedTextWrap = column.textWrap || textWrap;
+  const cellStyle = useMemo(() => {
+    const newStyle = {};
 
     switch (appliedTextWrap) {
       case 'wrap-all':
@@ -36,4 +37,3 @@ var useCellStyle = function useCellStyle(column, shouldAddExpandCell) {
 };
 
 export { useCellStyle };
-//# sourceMappingURL=useCellStyle.js.map