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

package/cjs/parts/Headers/HeaderResizer.js

@@ -1,123 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var constants = require('../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-var columnsToGrid = require('../../helpers/columnsToGrid.js');
-require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-var styled = require('../../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-var DataTableContext = require('../../DataTableContext.js');
-require('../Row.js');
-require('../Footer.js');
-require('../HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_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__default["default"](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
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const [isResizing, setIsResizing] = React.useState(false);
-  const [nextWidth, setNextWidth] = React.useState((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 150);
-  const visibleColumnsCopy = React.useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);
-  React.useEffect(() => {
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
-    visibleColumnsCopy[realColumnIndex].width = nextWidth;
-    setGridLayout(columnsToGrid.columnsToGrid(visibleColumnsCopy, constants.ColsLayoutStyle.Fixed));
-  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);
-  const ref = React.useRef(null);
-  const onResizeStart = React.useCallback(() => {
-    setIsResizing(true);
-  }, []);
-  const onResizeHandler = React.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 = React.useCallback(() => {
-    setIsResizing(false);
-    onColumnResize(column.id, nextWidth);
-    setGridLayout(columnsToGrid.columnsToGrid(visibleColumns, constants.ColsLayoutStyle.Fixed));
-  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);
-  React.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__*/jsxRuntime.jsx(styled.StyledResizer, {
-    ref: ref,
-    role: "separator",
-    draggable: false,
-    isResizing: isResizing,
-    onMouseDown: onResizeStart,
-    onTouchStart: onResizeStart,
-    onMouseUp: onResizeEnd,
-    onTouchEnd: onResizeEnd
-  });
-};
-
-exports.HeaderResizer = HeaderResizer;

package/cjs/parts/Headers/RequiredDot.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _circle;
-const RequiredDot = () => /*#__PURE__*/_jsx__default["default"]("svg", {
-  height: "4",
-  width: "4",
-  style: {
-    marginBottom: '6px',
-    marginLeft: '4px'
-  }
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
-  cx: "2",
-  cy: "2",
-  r: "2",
-  fill: "red"
-})));
-
-exports.RequiredDot = RequiredDot;

package/cjs/parts/Headers/index.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var styled = require('../../styled.js');
-var DataTableContext = require('../../DataTableContext.js');
-var withConditionalDnDColumnContext = require('../HoC/withConditionalDnDColumnContext.js');
-var HeaderCellGroup = require('./HeaderCellGroup.js');
-var SortableHeaderCell = require('../SortableHeaderCell.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const HeadersComp = () => {
-  const {
-    tableProps: {
-      isExpandable,
-      colsLayoutStyle
-    },
-    layoutHelpers: {
-      gridLayout,
-      totalColumnsWidth
-    },
-    columnHeaderRef,
-    visibleColumns
-  } = React.useContext(DataTableContext["default"]);
-  const HeadersCells = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](SortableHeaderCell.SortableHeaderCell, {
-    items: visibleColumns
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledHeadTr, {
-    role: "row",
-    cols: gridLayout,
-    colsLayoutStyle: colsLayoutStyle,
-    isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx__default["default"](HeaderCellGroup["default"], {
-    header: h,
-    isLast: index === visibleColumns.length - 1
-  }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
-  const PureHeaders = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(styled.StyledHeadWrapper, {
-    totalColumnsWidth: totalColumnsWidth,
-    colsLayoutStyle: colsLayoutStyle,
-    ref: columnHeaderRef,
-    children: HeadersCells
-  }), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
-  return PureHeaders;
-};
-
-var Headers = withConditionalDnDColumnContext.withConditionalDnDColumnContext(HeadersComp);
-
-module.exports = Headers;

package/cjs/parts/Headers/useHeaderCellConfig.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('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
-  };
-};
-
-exports.useHeaderCellConfig = useHeaderCellConfig;

package/cjs/parts/Headers/useHeaderCellHandlers.js

@@ -1,105 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_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__default["default"](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 = React.useCallback(() => {
-    patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
-  }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
-  const onMouseLeave = React.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 = React.useCallback(() => {
-    if (column.canSort) {
-      onColumnSortChange({
-        column: column.id,
-        direction: column.isSortedDesc ? 'ASC' : 'DESC'
-      });
-    }
-  }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);
-  const onKeyDown = React.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 = React.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 = React.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
-  };
-};
-
-exports.useHeaderCellHandlers = useHeaderCellHandlers;

package/cjs/parts/HoC/SortableItemContext.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-exports.DropIndicatorPosition = void 0;
-
-(function (DropIndicatorPosition) {
-  DropIndicatorPosition[DropIndicatorPosition["None"] = 0] = "None";
-  DropIndicatorPosition[DropIndicatorPosition["Before"] = 1] = "Before";
-  DropIndicatorPosition[DropIndicatorPosition["After"] = 2] = "After";
-  DropIndicatorPosition[DropIndicatorPosition["Inside"] = 3] = "Inside";
-})(exports.DropIndicatorPosition || (exports.DropIndicatorPosition = {}));
-
-/** Context for cross component communication */
-const SortableItemContext = /*#__PURE__*/React.createContext({
-  draggableProps: false
-});
-
-exports.SortableItemContext = SortableItemContext;

package/cjs/parts/HoC/withConditionalDnDColumnContext.js

@@ -1,132 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var core = require('@dnd-kit/core');
-var dsDragAndDrop = require('@elliemae/ds-drag-and-drop');
-var sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var HeaderCellGroup = require('../Headers/HeaderCellGroup.js');
-var constants = require('../../configs/constants.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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__*/React.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__default["default"].useContext(DataTableContext["default"]);
-  const flattenedItems = React.useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);
-  const onReorder = React.useCallback((movedItem, indexes) => {
-    // Send from index to target index
-    const newFlattenedData = sortable.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 = React.useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-    if (el) el.onscroll = () => null;
-  }, []);
-  const onPreviewDragStart = React.useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-
-    if (el) {
-      const y = el.scrollTop;
-
-      el.onscroll = () => el.scrollTo(0, y);
-    }
-  }, []);
-  const {
-    dndContextProps,
-    activeId,
-    activeIndex
-  } = dsDragAndDrop.useHierarchyDndkitConfig({
-    flattenedItems,
-    dragOverlayDataTestid: constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,
-    isHorizontalDnD: true,
-    onReorder,
-    onPreviewResetState,
-    onPreviewDragStart
-  });
-  if (dragAndDropColumns) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/_jsx__default["default"](DnDGroupContext.Provider, {
-      value: {
-        activeIndex
-      }
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props))), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {}, void 0, activeId ? /*#__PURE__*/_jsx__default["default"](HeaderCellGroup.HeaderCellGroup, {
-      header: flattenedItems.find(_ref3 => {
-        let [item] = _ref3;
-        return item.id === activeId;
-      })[1],
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
-};
-
-exports.DnDGroupContext = DnDGroupContext;
-exports.withConditionalDnDColumnContext = withConditionalDnDColumnContext;

package/cjs/parts/HoC/withConditionalDnDRowContext.js

@@ -1,115 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var core = require('@dnd-kit/core');
-var sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var dsDragAndDrop = require('@elliemae/ds-drag-and-drop');
-var SortableItemContext = require('./SortableItemContext.js');
-var Row = require('../Row.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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__*/React.createContext({
-  depth: undefined,
-  activeIndex: undefined,
-  visibleItems: undefined,
-  dropIndicatorPosition: SortableItemContext.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__default["default"].useContext(DataTableContext["default"]);
-  const [lastActiveId, setLastActiveId] = React__default["default"].useState(null);
-  const onReorder = React.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
-  } = dsDragAndDrop.useTreeDndkitConfig({
-    flattenedItems: allDataFlattened,
-    visibleItems: flattenedData,
-    isHorizontalDnD: false,
-    isExpandable,
-    onReorder,
-    maxDragAndDropLevel
-  });
-  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
-  if (dragAndDropRows) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx__default["default"](DnDTreeContext.Provider, {
-        value: {
-          activeIndex,
-          depth,
-          visibleItems,
-          dropIndicatorPosition,
-          lastActiveId,
-          setLastActiveId
-        }
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))
-    })), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {
-      style: {
-        width: 'auto'
-      }
-    }, void 0, activeId ? /*#__PURE__*/_jsx__default["default"](Row.Row, {
-      row: flattenedData.find(row => row.uid === activeId),
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
-};
-
-exports.DnDTreeContext = DnDTreeContext;
-exports.withConditionalDnDRowContext = withConditionalDnDRowContext;

package/cjs/parts/HoC/withConditionalDnDSortableContext.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var sortable = require('@dnd-kit/sortable');
-var React = require('react');
-var DataTableContext = require('../../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_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__default["default"](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
-      }
-    } = React.useContext(DataTableContext["default"]); // 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__default["default"](sortable.SortableContext, {
-      items: items.map(item => item.id),
-      strategy: sortable.horizontalListSortingStrategy
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
-  };
-};
-
-exports.withConditionalDnDSortableContext = withConditionalDnDSortableContext;