@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/esm/parts/Headers/HeaderCellTitle.js

@@ -1,71 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { RequiredDot } from './RequiredDot.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 '../../styled.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../DataTableContext.js';
-import '../Row.js';
-import '../Footer.js';
-import '../HoC/SortableItemContext.js';
-
-var _RequiredDot;
-
-const StringTitle = _ref => {
-  let {
-    column,
-    textWrap
-  } = _ref;
-  return (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-    value: column.Header
-  }) : /*#__PURE__*/jsx(Fragment, {
-    children: column.Header
-  });
-};
-
-const HeaderCellTitle = _ref2 => {
-  let {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  } = _ref2;
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
-  }, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx(StringTitle, {
-    column: column,
-    textWrap: textWrap
-  }) : /*#__PURE__*/_jsx(column.Header, {
-    column: column,
-    ctx: ctx,
-    draggableProps: draggableProps
-  }), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx(RequiredDot, {}))));
-};
-
-export { HeaderCellTitle };

package/esm/parts/Headers/HeaderResizer.js

@@ -1,115 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-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, useState, useMemo, useEffect, useRef, useCallback } from 'react';
-import { ColsLayoutStyle } 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 { columnsToGrid } from '../../helpers/columnsToGrid.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import { StyledResizer } from '../../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-system';
-import '@elliemae/ds-button';
-import DataTableContext from '../../DataTableContext.js';
-import '../Row.js';
-import '../Footer.js';
-import '../HoC/SortableItemContext.js';
-
-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 narrow = (value, min, max) => Math.min(Math.max(value, min !== null && min !== void 0 ? min : 30), max !== null && max !== void 0 ? max : Infinity);
-
-const HeaderResizer = _ref => {
-  var _column$width;
-
-  let {
-    column
-  } = _ref;
-  const {
-    layoutHelpers: {
-      setGridLayout
-    },
-    visibleColumns,
-    tableProps: {
-      onColumnResize
-    }
-  } = useContext(DataTableContext);
-  const [isResizing, setIsResizing] = useState(false);
-  const [nextWidth, setNextWidth] = useState((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 150);
-  const visibleColumnsCopy = useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);
-  useEffect(() => {
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
-    visibleColumnsCopy[realColumnIndex].width = nextWidth;
-    setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));
-  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);
-  const ref = useRef(null);
-  const onResizeStart = useCallback(() => {
-    setIsResizing(true);
-  }, []);
-  const onResizeHandler = useCallback(e => {
-    const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels
-
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
-    const widthWithDelta = narrow(nextWidth + delta, visibleColumnsCopy[realColumnIndex].minWidth, visibleColumnsCopy[realColumnIndex].maxWidth);
-    setNextWidth(widthWithDelta); // To prevent text selection
-
-    e.preventDefault();
-    e.stopPropagation();
-  }, [column.id, nextWidth, visibleColumnsCopy]);
-  const onResizeEnd = useCallback(() => {
-    setIsResizing(false);
-    onColumnResize(column.id, nextWidth);
-    setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));
-  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);
-  useEffect(() => {
-    const debouncedResizeHandler = onResizeHandler;
-    const debouncedResizeEnd = onResizeEnd;
-
-    const addEvents = () => {
-      document.addEventListener('mousemove', debouncedResizeHandler);
-      document.addEventListener('touchmove', debouncedResizeHandler);
-      document.addEventListener('mouseup', debouncedResizeEnd);
-      document.addEventListener('touchend', debouncedResizeEnd);
-    };
-
-    const removeEvents = () => {
-      document.removeEventListener('mousemove', debouncedResizeHandler);
-      document.removeEventListener('touchmove', debouncedResizeHandler);
-      document.removeEventListener('mouseup', debouncedResizeEnd);
-      document.removeEventListener('touchend', debouncedResizeEnd);
-    };
-
-    if (isResizing) addEvents();else removeEvents(); // just in case the component is unmounted
-
-    return removeEvents;
-  }, [isResizing, onResizeHandler, onResizeEnd]);
-  return /*#__PURE__*/jsx(StyledResizer, {
-    ref: ref,
-    role: "separator",
-    draggable: false,
-    isResizing: isResizing,
-    onMouseDown: onResizeStart,
-    onTouchStart: onResizeStart,
-    onMouseUp: onResizeEnd,
-    onTouchEnd: onResizeEnd
-  });
-};
-
-export { HeaderResizer };

package/esm/parts/Headers/RequiredDot.js

@@ -1,19 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-
-var _circle;
-const RequiredDot = () => /*#__PURE__*/_jsx("svg", {
-  height: "4",
-  width: "4",
-  style: {
-    marginBottom: '6px',
-    marginLeft: '4px'
-  }
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx("circle", {
-  cx: "2",
-  cy: "2",
-  r: "2",
-  fill: "red"
-})));
-
-export { RequiredDot };

package/esm/parts/Headers/index.js

@@ -1,47 +0,0 @@
-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, useMemo } from 'react';
-import { StyledHeadTr, StyledHeadWrapper } from '../../styled.js';
-import DataTableContext from '../../DataTableContext.js';
-import { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext.js';
-import HeaderCellGroupSortable from './HeaderCellGroup.js';
-import { SortableHeaderCell } from '../SortableHeaderCell.js';
-import { jsx } from 'react/jsx-runtime';
-
-const HeadersComp = () => {
-  const {
-    tableProps: {
-      isExpandable,
-      colsLayoutStyle
-    },
-    layoutHelpers: {
-      gridLayout,
-      totalColumnsWidth
-    },
-    columnHeaderRef,
-    visibleColumns
-  } = useContext(DataTableContext);
-  const HeadersCells = useMemo(() => /*#__PURE__*/_jsx(SortableHeaderCell, {
-    items: visibleColumns
-  }, void 0, /*#__PURE__*/_jsx(StyledHeadTr, {
-    role: "row",
-    cols: gridLayout,
-    colsLayoutStyle: colsLayoutStyle,
-    isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx(HeaderCellGroupSortable, {
-    header: h,
-    isLast: index === visibleColumns.length - 1
-  }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
-  const PureHeaders = useMemo(() => /*#__PURE__*/jsx(StyledHeadWrapper, {
-    totalColumnsWidth: totalColumnsWidth,
-    colsLayoutStyle: colsLayoutStyle,
-    ref: columnHeaderRef,
-    children: HeadersCells
-  }), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
-  return PureHeaders;
-};
-
-var Headers = withConditionalDnDColumnContext(HeadersComp);
-
-export { Headers as default };

package/esm/parts/Headers/useHeaderCellConfig.js

@@ -1,35 +0,0 @@
-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';
-
-/* eslint-disable complexity */
-const useHeaderCellConfig = _ref => {
-  let {
-    column,
-    dragAndDropColumns,
-    draggableProps,
-    reduxHeader,
-    isDragOverlay
-  } = _ref;
-  const hasFilter = !!(column.filter || column.Filter);
-  const hasDnD = dragAndDropColumns && !column.disableDnD;
-  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';
-  const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const shouldShowDnD = hasDnD && ((reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.showDnDHandle) && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay); // Column definition
-
-  const hCols = ['auto'];
-  if (hasRightIcons) hCols.push('min-content');
-  if (shouldShowDnD) hCols.unshift('min-content');
-  return {
-    hasFilter,
-    hasDnD,
-    hasSortingCaret,
-    hasRightIcons,
-    isDragging,
-    hCols,
-    shouldShowDnD
-  };
-};
-
-export { useHeaderCellConfig };

package/esm/parts/Headers/useHeaderCellHandlers.js

@@ -1,97 +0,0 @@
-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 { useCallback } from 'react';
-
-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 buildNextHeader = function (reduxHeader, value, hasFilter, hasDnD) {
-  let withTabStops = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return _objectSpread(_objectSpread({
-    hideFilterMenu: true
-  }, reduxHeader), {}, {
-    hideFilterButton: !(hasFilter && value),
-    showDnDHandle: hasDnD && value,
-    withTabStops
-  });
-};
-
-const useHeaderCellHandlers = _ref => {
-  let {
-    hasFilter,
-    patchHeader,
-    column,
-    reduxHeader,
-    hasDnD,
-    onColumnSortChange,
-    dragHandleRef,
-    filterIconRef,
-    headerRef
-  } = _ref;
-  const onMouseEnter = useCallback(() => {
-    patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
-  }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
-  const onMouseLeave = useCallback(() => {
-    var _headerRef$current;
-
-    if (!(headerRef !== null && headerRef !== void 0 && (_headerRef$current = headerRef.current) !== null && _headerRef$current !== void 0 && _headerRef$current.contains(document.activeElement))) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
-    }
-  }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onClick = useCallback(() => {
-    if (column.canSort) {
-      onColumnSortChange({
-        column: column.id,
-        direction: column.isSortedDesc ? 'ASC' : 'DESC'
-      });
-    }
-  }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);
-  const onKeyDown = useCallback(e => {
-    if (e.code === 'ArrowDown' && column.canSort) {
-      e.preventDefault();
-      onColumnSortChange({
-        column: column.id,
-        direction: 'DESC'
-      });
-    } else if (e.code === 'ArrowUp' && column.canSort) {
-      e.preventDefault();
-      onColumnSortChange({
-        column: column.id,
-        direction: 'ASC'
-      });
-    } else if (['Enter', 'Space'].includes(e.code)) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD, true)); // Elements don't not yet exist
-
-      setTimeout(() => {
-        if (dragHandleRef.current) dragHandleRef.current.focus();else if (filterIconRef.current) filterIconRef.current.focus();
-      });
-    }
-  }, [column.canSort, column.id, onColumnSortChange, patchHeader, reduxHeader, hasFilter, hasDnD, dragHandleRef, filterIconRef]);
-  const onFocus = useCallback(e => {
-    // Don't do anything if focus wasn't placed in the element (bubling issues)
-    if (e.target === (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current)) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
-    }
-  }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onBlur = useCallback(e => {
-    // Don't do anything if blur was caused by going to a child
-    if (e.relatedTarget === dragHandleRef.current) return;
-    if (e.relatedTarget === filterIconRef.current) return;
-    patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
-  }, [dragHandleRef, filterIconRef, patchHeader, column.id, reduxHeader, hasFilter, hasDnD]);
-  return {
-    onMouseEnter,
-    onMouseLeave,
-    onClick,
-    onKeyDown,
-    onBlur,
-    onFocus
-  };
-};
-
-export { useHeaderCellHandlers };

package/esm/parts/HoC/SortableItemContext.js

@@ -1,17 +0,0 @@
-import { createContext } from 'react';
-
-let DropIndicatorPosition;
-
-(function (DropIndicatorPosition) {
-  DropIndicatorPosition[DropIndicatorPosition["None"] = 0] = "None";
-  DropIndicatorPosition[DropIndicatorPosition["Before"] = 1] = "Before";
-  DropIndicatorPosition[DropIndicatorPosition["After"] = 2] = "After";
-  DropIndicatorPosition[DropIndicatorPosition["Inside"] = 3] = "Inside";
-})(DropIndicatorPosition || (DropIndicatorPosition = {}));
-
-/** Context for cross component communication */
-const SortableItemContext = /*#__PURE__*/createContext({
-  draggableProps: false
-});
-
-export { DropIndicatorPosition, SortableItemContext };

package/esm/parts/HoC/withConditionalDnDColumnContext.js

@@ -1,121 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import React, { useMemo, useCallback, createContext } from 'react';
-import { DndContext, DragOverlay } from '@dnd-kit/core';
-import { useHierarchyDndkitConfig } from '@elliemae/ds-drag-and-drop';
-import { arrayMove } from '@dnd-kit/sortable';
-import DataTableContext from '../../DataTableContext.js';
-import { HeaderCellGroup } from '../Headers/HeaderCellGroup.js';
-import { DATA_TESTID } from '../../configs/constants.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 DnDGroupContext = /*#__PURE__*/createContext({
-  activeIndex: undefined
-});
-
-const flattenColumns = cols => {
-  const flattened = [];
-
-  const flatten = function (col, index) {
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    const {
-      id
-    } = col;
-    flattened.push([{
-      id,
-      parentId,
-      index
-    }, col]);
-    if (col.columns) col.columns.forEach((subColumn, childIndex) => flatten(subColumn, childIndex, id));
-  };
-
-  cols.forEach((col, index) => flatten(col, index));
-  return flattened;
-}; // only wraps in "DnDContext" and "DnDGroupContext" if any Drag and Drop functionality is requested
-
-
-const withConditionalDnDColumnContext = Component => props => {
-  const {
-    tableProps: {
-      dragAndDropColumns,
-      onColumnsReorder
-    },
-    visibleColumns
-  } = React.useContext(DataTableContext);
-  const flattenedItems = useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);
-  const onReorder = useCallback((movedItem, indexes) => {
-    // Send from index to target index
-    const newFlattenedData = arrayMove(flattenedItems, indexes.fromIndex, indexes.targetIndex); // Pull the cols's data into an object
-
-    const nodes = {};
-    newFlattenedData.forEach(_ref => {
-      let [dndData, colData] = _ref;
-      delete colData.columns;
-      nodes[dndData.id] = colData;
-    });
-    const newData = [];
-    newFlattenedData.forEach(_ref2 => {
-      let [dndData, colData] = _ref2;
-
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
-      if (dndData.parentId) {
-        const parentNode = nodes[dndData.parentId];
-        if (parentNode.columns) parentNode.columns.push(colData);else parentNode.columns = [colData];
-      } else newData.push(colData);
-    });
-    onColumnsReorder(newData, indexes);
-  }, [flattenedItems, onColumnsReorder]);
-  const onPreviewResetState = useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-    if (el) el.onscroll = () => null;
-  }, []);
-  const onPreviewDragStart = useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-
-    if (el) {
-      const y = el.scrollTop;
-
-      el.onscroll = () => el.scrollTo(0, y);
-    }
-  }, []);
-  const {
-    dndContextProps,
-    activeId,
-    activeIndex
-  } = useHierarchyDndkitConfig({
-    flattenedItems,
-    dragOverlayDataTestid: DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,
-    isHorizontalDnD: true,
-    onReorder,
-    onPreviewResetState,
-    onPreviewDragStart
-  });
-  if (dragAndDropColumns) return /*#__PURE__*/jsxs(DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/_jsx(DnDGroupContext.Provider, {
-      value: {
-        activeIndex
-      }
-    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props))), /*#__PURE__*/_jsx(DragOverlay, {}, void 0, activeId ? /*#__PURE__*/_jsx(HeaderCellGroup, {
-      header: flattenedItems.find(_ref3 => {
-        let [item] = _ref3;
-        return item.id === activeId;
-      })[1],
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
-};
-
-export { DnDGroupContext, withConditionalDnDColumnContext };

package/esm/parts/HoC/withConditionalDnDRowContext.js

@@ -1,104 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import React, { createContext, useCallback } from 'react';
-import { DndContext, DragOverlay } from '@dnd-kit/core';
-import { SortableContext } from '@dnd-kit/sortable';
-import DataTableContext from '../../DataTableContext.js';
-import { useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';
-import { DropIndicatorPosition } from './SortableItemContext.js';
-import { Row } from '../Row.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 DnDTreeContext = /*#__PURE__*/createContext({
-  depth: undefined,
-  activeIndex: undefined,
-  visibleItems: undefined,
-  dropIndicatorPosition: DropIndicatorPosition.None,
-  lastActiveId: undefined,
-  setLastActiveId: undefined
-}); // only wraps in "DnDContext" and "DnDTreeContext" if any Drag and Drop functionality is requested
-
-const withConditionalDnDRowContext = Component => props => {
-  const {
-    tableProps: {
-      dragAndDropRows,
-      isExpandable,
-      onRowsReorder,
-      maxDragAndDropLevel
-    },
-    flattenedData,
-    allDataFlattened
-  } = React.useContext(DataTableContext);
-  const [lastActiveId, setLastActiveId] = React.useState(null);
-  const onReorder = useCallback((newData, indexes, considerExpanding) => {
-    // Pull the row's original data into an object
-    const nodes = {};
-    newData.forEach(row => {
-      delete row.original.subRows;
-      nodes[row.uid] = row.original;
-    });
-    const newUserData = [];
-    newData.forEach(row => {
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
-      if (row.parentId) {
-        const parentNode = nodes[row.parentId];
-        if (parentNode !== null && parentNode !== void 0 && parentNode.subRows) parentNode.subRows.push(row.original);else parentNode.subRows = [row.original];
-      } else newUserData.push(row.original);
-    }); // Tell the user that the order has change, he can chose to commit it or not
-
-    onRowsReorder(newUserData, indexes, considerExpanding);
-  }, [onRowsReorder]);
-  const {
-    dndContextProps,
-    sortableContextProps,
-    activeId,
-    activeIndex,
-    depth,
-    dropIndicatorPosition,
-    visibleItems
-  } = useTreeDndkitConfig({
-    flattenedItems: allDataFlattened,
-    visibleItems: flattenedData,
-    isHorizontalDnD: false,
-    isExpandable,
-    onReorder,
-    maxDragAndDropLevel
-  });
-  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
-  if (dragAndDropRows) return /*#__PURE__*/jsxs(DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/jsx(SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx(DnDTreeContext.Provider, {
-        value: {
-          activeIndex,
-          depth,
-          visibleItems,
-          dropIndicatorPosition,
-          lastActiveId,
-          setLastActiveId
-        }
-      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)))
-    })), /*#__PURE__*/_jsx(DragOverlay, {
-      style: {
-        width: 'auto'
-      }
-    }, void 0, activeId ? /*#__PURE__*/_jsx(Row, {
-      row: flattenedData.find(row => row.uid === activeId),
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
-};
-
-export { DnDTreeContext, withConditionalDnDRowContext };

package/esm/parts/HoC/withConditionalDnDSortableContext.js

@@ -1,36 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-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 { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
-import { useContext } from 'react';
-import DataTableContext from '../../DataTableContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-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 withConditionalDnDSortableContext = function (items) {
-  let isDragOverlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return Component => props => {
-    const {
-      tableProps: {
-        dragAndDropColumns
-      }
-    } = useContext(DataTableContext); // Only add the context if it's not a dragOverlay and dnd for cols was requested
-    // It's important that drag overlays DO NOT have any sortable functionality!
-
-    if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx(SortableContext, {
-      items: items.map(item => item.id),
-      strategy: horizontalListSortingStrategy
-    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
-    return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
-  };
-};
-
-export { withConditionalDnDSortableContext };