@elliemae/ds-treeview 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/hoc/WithConditionalDnDContext.js

@@ -1,138 +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.map.js');
-require('core-js/modules/esnext.iterator.map.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 dsDragAndDrop = require('@elliemae/ds-drag-and-drop');
-var TreeViewContext = require('../TreeViewContext.js');
-var TreeItem = require('../parts/TreeItem.js');
-var DnDTreeContext = require('./DnDTreeContext.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 ensure = function (argument) {
-  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'This should never happen';
-
-  if (argument === undefined || argument === null) {
-    throw new TypeError(message);
-  }
-
-  return argument;
-}; // only wraps in "DnDContext" and "DnDTreeContext" if any Drag and Drop functionality is requested
-
-
-const withConditionalDnDRowContext = Component => props => {
-  const [lastActiveId, setLastActiveId] = React__default["default"].useState('');
-  const {
-    props: {
-      data,
-      onOrderChange,
-      getIsDropValid
-    },
-    flattenedItems,
-    visibleItems: flattenedVisibleTree,
-    withDragAndDrop
-  } = React.useContext(TreeViewContext["default"]);
-  const flattenedVisibleTreeForDnD = React.useMemo(() => flattenedVisibleTree.map((item, index) => {
-    var _item$treeDepth, _item$children$length, _item$children, _item$node$parent$mod, _item$node$parent, _item$node$parent$mod2, _item$node$parent$mod3;
-
-    return {
-      uid: item.id.toString(),
-      depth: ((_item$treeDepth = item.treeDepth) !== null && _item$treeDepth !== void 0 ? _item$treeDepth : 1) - 1,
-      realIndex: index,
-      childrenCount: (_item$children$length = (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) !== null && _item$children$length !== void 0 ? _item$children$length : 0,
-      parentId: (_item$node$parent$mod = (_item$node$parent = item.node.parent) === null || _item$node$parent === void 0 ? void 0 : (_item$node$parent$mod2 = _item$node$parent.model) === null || _item$node$parent$mod2 === void 0 ? void 0 : (_item$node$parent$mod3 = _item$node$parent$mod2.id) === null || _item$node$parent$mod3 === void 0 ? void 0 : _item$node$parent$mod3.toString()) !== null && _item$node$parent$mod !== void 0 ? _item$node$parent$mod : null,
-      original: item
-    };
-  }), [flattenedVisibleTree]);
-  const onReorder = React.useCallback((tree, indexes) => {
-    // Pull the row's original data into an object
-    const nodes = {};
-    tree.forEach(item => {
-      const originalItem = item.original;
-      originalItem.children = [];
-      nodes[item.uid] = item.original;
-    });
-    const newUserTree = [];
-    tree.forEach(item => {
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
-      if (item.parentId !== null && item.parentId !== undefined && item.parentId !== '__ds_tree_root') {
-        var _parentNode$children;
-
-        const parentNode = nodes[item.parentId];
-        (_parentNode$children = parentNode.children) === null || _parentNode$children === void 0 ? void 0 : _parentNode$children.push(item.original);
-      } else if (item.uid !== '__ds_tree_root') newUserTree.push(item.original);
-    }); // Tell the user that the order has change, he can chose to commit it or not
-
-    onOrderChange(newUserTree, data, flattenedItems[indexes.fromIndex]);
-  }, [onOrderChange, data, flattenedItems]);
-  const {
-    dndContextProps,
-    sortableContextProps,
-    activeId,
-    activeIndex,
-    depth,
-    dropIndicatorPosition,
-    visibleItems,
-    isDropValid
-  } = dsDragAndDrop.useTreeDndkitConfig({
-    flattenedItems,
-    visibleItems: flattenedVisibleTreeForDnD,
-    isHorizontalDnD: false,
-    isExpandable: true,
-    onReorder,
-    getIsDropValid,
-    maxDragAndDropLevel: Infinity
-  });
-  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
-  if (withDragAndDrop) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx__default["default"](DnDTreeContext.DnDTreeContext.Provider, {
-        value: {
-          activeIndex,
-          depth,
-          visibleItems: visibleItems.map(item => item.original),
-          dropIndicatorPosition,
-          lastActiveId,
-          setLastActiveId,
-          isDropValid
-        }
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))
-    })), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {
-      style: {
-        width: 'auto'
-      }
-    }, void 0, activeId ? /*#__PURE__*/_jsx__default["default"](TreeItem.TreeItem, {
-      itemIndex: activeIndex,
-      item: ensure(flattenedVisibleTree.find(item => item.id.toString() === activeId)),
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
-};
-
-exports.withConditionalDnDRowContext = withConditionalDnDRowContext;

package/cjs/hoc/WithDnDSortableItemContext.js

@@ -1,70 +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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var sortable = require('@dnd-kit/sortable');
-var SortableItemContext = require('./SortableItemContext.js');
-var TreeViewContext = require('../TreeViewContext.js');
-var DnDTreeContext = require('./DnDTreeContext.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 withDnDSortableItemContext = Component => props => {
-  const {
-    withDragAndDrop
-  } = React.useContext(TreeViewContext["default"]);
-  const {
-    dropIndicatorPosition,
-    lastActiveId,
-    setLastActiveId,
-    isDropValid
-  } = React.useContext(DnDTreeContext.DnDTreeContext);
-  const id = props.item.id.toString(); // onMount generate unique options, so everyting is only ran once
-
-  const draggableOptions = React.useMemo(() => ({
-    id
-  }), [id]);
-  const useSortableHelpers = sortable.useSortable(draggableOptions); // calculate all the "useSortable" values as per required
-
-  const draggableProps = React.useMemo(() => {
-    if (!withDragAndDrop) return false;
-    const {
-      index,
-      overIndex
-    } = useSortableHelpers;
-    return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
-      shouldShowDropIndicatorPosition: overIndex === index,
-      dropIndicatorPosition,
-      lastActiveId,
-      setLastActiveId,
-      isDropValid
-    });
-  }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId, isDropValid]); // we use a context so we can easly access information wherever without bubbling down
-  // this context is all Memoized so as long as component is not re-mounted,
-  // the context won't trigger un-required renders per-se...
-
-  const ctx = React.useMemo(() => ({
-    draggableProps
-  }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
-
-  return /*#__PURE__*/_jsx__default["default"](SortableItemContext.SortableItemContext.Provider, {
-    value: ctx
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
-};
-
-exports.withDnDSortableItemContext = withDnDSortableItemContext;

package/cjs/parts/DnDHandle.js

@@ -1,46 +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');
-var dsIcons = require('@elliemae/ds-icons');
-var SortableItemContext = 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 DnDHandle = _ref => {
-  let {
-    id,
-    isDragOverlay
-  } = _ref;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const isDragging = draggableProps && draggableProps.isDragging;
-  return /*#__PURE__*/React.createElement(dsIcons.GripperVertical, _objectSpread(_objectSpread({
-    role: "button"
-  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
-    "data-testid": "drag-handle",
-    "data-isactive": draggableProps && !!draggableProps.active,
-    "data-isdragoverlay": isDragOverlay,
-    id: "".concat(id, "-drag-handle"),
-    key: "".concat(id, "-drag-handle"),
-    className: "drag-handle ".concat(isDragging ? '' : 'focuseable'),
-    color: ['brand-primary', '800'],
-    size: "s",
-    tabIndex: 0
-  }));
-};
-
-exports.DnDHandle = DnDHandle;

package/cjs/parts/DropIndicator.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var SortableItemContext = require('../hoc/SortableItemContext.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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const getPositionStyles = _ref => {
-  let {
-    dropIndicatorPosition
-  } = _ref;
-  return "\n      top: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n      left: -2px;\n    ");
-};
-
-const getCircleStyles = _ref2 => {
-  let {
-    dropIndicatorPosition
-  } = _ref2;
-  return {
-    position: 'absolute',
-    zIndex: 20,
-    top: dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-    bottom: dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-    left: '0px',
-    opacity: 1
-  };
-};
-
-const StyledIndicator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1812zh0-0"
-})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:20;"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', _ref3 => {
-  let {
-    isDropValid,
-    theme
-  } = _ref3;
-  return isDropValid ? theme.colors.brand[600] : theme.colors.danger[900];
-});
-
-const CircleIndicator = (style, isDropValid) => /*#__PURE__*/_jsx__default["default"]("svg", {
-  height: "6",
-  width: "6",
-  style: style
-}, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: isDropValid ? '#1E79C2' : '#C64252'
-}));
-
-const DropIndicator = _ref4 => {
-  let {
-    dropIndicatorPosition,
-    isLast,
-    isDropValid
-  } = _ref4;
-  if (![SortableItemContext.DropIndicatorPosition.After, SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
-  const safeDropIndicatorPosition = isLast ? SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [CircleIndicator(getCircleStyles({
-      dropIndicatorPosition: safeDropIndicatorPosition
-    }), isDropValid), /*#__PURE__*/_jsx__default["default"](StyledIndicator, {
-      dropIndicatorPosition: safeDropIndicatorPosition,
-      isDropValid: isDropValid
-    })]
-  });
-};
-
-module.exports = DropIndicator;

package/esm/hoc/DnDTreeContext.js

@@ -1,14 +0,0 @@
-import { createContext } from 'react';
-import { DropIndicatorPosition } from './SortableItemContext.js';
-
-const DnDTreeContext = /*#__PURE__*/createContext({
-  depth: undefined,
-  activeIndex: undefined,
-  visibleItems: undefined,
-  dropIndicatorPosition: DropIndicatorPosition.None,
-  lastActiveId: undefined,
-  setLastActiveId: undefined,
-  isDropValid: false
-});
-
-export { DnDTreeContext };

package/esm/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/hoc/WithConditionalDnDContext.js

@@ -1,128 +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.map.js';
-import 'core-js/modules/esnext.iterator.map.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, { useContext, useMemo, useCallback } from 'react';
-import { DndContext, DragOverlay } from '@dnd-kit/core';
-import { SortableContext } from '@dnd-kit/sortable';
-import { useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';
-import TreeViewContext from '../TreeViewContext.js';
-import { TreeItem } from '../parts/TreeItem.js';
-import { DnDTreeContext } from './DnDTreeContext.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 ensure = function (argument) {
-  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'This should never happen';
-
-  if (argument === undefined || argument === null) {
-    throw new TypeError(message);
-  }
-
-  return argument;
-}; // only wraps in "DnDContext" and "DnDTreeContext" if any Drag and Drop functionality is requested
-
-
-const withConditionalDnDRowContext = Component => props => {
-  const [lastActiveId, setLastActiveId] = React.useState('');
-  const {
-    props: {
-      data,
-      onOrderChange,
-      getIsDropValid
-    },
-    flattenedItems,
-    visibleItems: flattenedVisibleTree,
-    withDragAndDrop
-  } = useContext(TreeViewContext);
-  const flattenedVisibleTreeForDnD = useMemo(() => flattenedVisibleTree.map((item, index) => {
-    var _item$treeDepth, _item$children$length, _item$children, _item$node$parent$mod, _item$node$parent, _item$node$parent$mod2, _item$node$parent$mod3;
-
-    return {
-      uid: item.id.toString(),
-      depth: ((_item$treeDepth = item.treeDepth) !== null && _item$treeDepth !== void 0 ? _item$treeDepth : 1) - 1,
-      realIndex: index,
-      childrenCount: (_item$children$length = (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) !== null && _item$children$length !== void 0 ? _item$children$length : 0,
-      parentId: (_item$node$parent$mod = (_item$node$parent = item.node.parent) === null || _item$node$parent === void 0 ? void 0 : (_item$node$parent$mod2 = _item$node$parent.model) === null || _item$node$parent$mod2 === void 0 ? void 0 : (_item$node$parent$mod3 = _item$node$parent$mod2.id) === null || _item$node$parent$mod3 === void 0 ? void 0 : _item$node$parent$mod3.toString()) !== null && _item$node$parent$mod !== void 0 ? _item$node$parent$mod : null,
-      original: item
-    };
-  }), [flattenedVisibleTree]);
-  const onReorder = useCallback((tree, indexes) => {
-    // Pull the row's original data into an object
-    const nodes = {};
-    tree.forEach(item => {
-      const originalItem = item.original;
-      originalItem.children = [];
-      nodes[item.uid] = item.original;
-    });
-    const newUserTree = [];
-    tree.forEach(item => {
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
-      if (item.parentId !== null && item.parentId !== undefined && item.parentId !== '__ds_tree_root') {
-        var _parentNode$children;
-
-        const parentNode = nodes[item.parentId];
-        (_parentNode$children = parentNode.children) === null || _parentNode$children === void 0 ? void 0 : _parentNode$children.push(item.original);
-      } else if (item.uid !== '__ds_tree_root') newUserTree.push(item.original);
-    }); // Tell the user that the order has change, he can chose to commit it or not
-
-    onOrderChange(newUserTree, data, flattenedItems[indexes.fromIndex]);
-  }, [onOrderChange, data, flattenedItems]);
-  const {
-    dndContextProps,
-    sortableContextProps,
-    activeId,
-    activeIndex,
-    depth,
-    dropIndicatorPosition,
-    visibleItems,
-    isDropValid
-  } = useTreeDndkitConfig({
-    flattenedItems,
-    visibleItems: flattenedVisibleTreeForDnD,
-    isHorizontalDnD: false,
-    isExpandable: true,
-    onReorder,
-    getIsDropValid,
-    maxDragAndDropLevel: Infinity
-  });
-  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
-  if (withDragAndDrop) return /*#__PURE__*/jsxs(DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/jsx(SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx(DnDTreeContext.Provider, {
-        value: {
-          activeIndex,
-          depth,
-          visibleItems: visibleItems.map(item => item.original),
-          dropIndicatorPosition,
-          lastActiveId,
-          setLastActiveId,
-          isDropValid
-        }
-      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)))
-    })), /*#__PURE__*/_jsx(DragOverlay, {
-      style: {
-        width: 'auto'
-      }
-    }, void 0, activeId ? /*#__PURE__*/_jsx(TreeItem, {
-      itemIndex: activeIndex,
-      item: ensure(flattenedVisibleTree.find(item => item.id.toString() === activeId)),
-      isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
-};
-
-export { withConditionalDnDRowContext };

package/esm/hoc/WithDnDSortableItemContext.js

@@ -1,61 +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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useContext, useMemo } from 'react';
-import { useSortable } from '@dnd-kit/sortable';
-import { SortableItemContext } from './SortableItemContext.js';
-import TreeViewContext from '../TreeViewContext.js';
-import { DnDTreeContext } from './DnDTreeContext.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 withDnDSortableItemContext = Component => props => {
-  const {
-    withDragAndDrop
-  } = useContext(TreeViewContext);
-  const {
-    dropIndicatorPosition,
-    lastActiveId,
-    setLastActiveId,
-    isDropValid
-  } = useContext(DnDTreeContext);
-  const id = props.item.id.toString(); // onMount generate unique options, so everyting is only ran once
-
-  const draggableOptions = useMemo(() => ({
-    id
-  }), [id]);
-  const useSortableHelpers = useSortable(draggableOptions); // calculate all the "useSortable" values as per required
-
-  const draggableProps = useMemo(() => {
-    if (!withDragAndDrop) return false;
-    const {
-      index,
-      overIndex
-    } = useSortableHelpers;
-    return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
-      shouldShowDropIndicatorPosition: overIndex === index,
-      dropIndicatorPosition,
-      lastActiveId,
-      setLastActiveId,
-      isDropValid
-    });
-  }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId, isDropValid]); // we use a context so we can easly access information wherever without bubbling down
-  // this context is all Memoized so as long as component is not re-mounted,
-  // the context won't trigger un-required renders per-se...
-
-  const ctx = useMemo(() => ({
-    draggableProps
-  }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
-
-  return /*#__PURE__*/_jsx(SortableItemContext.Provider, {
-    value: ctx
-  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
-};
-
-export { withDnDSortableItemContext };

package/esm/parts/DnDHandle.js

@@ -1,38 +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 { useContext, createElement } from 'react';
-import { GripperVertical } from '@elliemae/ds-icons';
-import { SortableItemContext } from '../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 DnDHandle = _ref => {
-  let {
-    id,
-    isDragOverlay
-  } = _ref;
-  const {
-    draggableProps
-  } = useContext(SortableItemContext);
-  const isDragging = draggableProps && draggableProps.isDragging;
-  return /*#__PURE__*/createElement(GripperVertical, _objectSpread(_objectSpread({
-    role: "button"
-  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
-    "data-testid": "drag-handle",
-    "data-isactive": draggableProps && !!draggableProps.active,
-    "data-isdragoverlay": isDragOverlay,
-    id: "".concat(id, "-drag-handle"),
-    key: "".concat(id, "-drag-handle"),
-    className: "drag-handle ".concat(isDragging ? '' : 'focuseable'),
-    color: ['brand-primary', '800'],
-    size: "s",
-    tabIndex: 0
-  }));
-};
-
-export { DnDHandle };

package/esm/parts/DropIndicator.js

@@ -1,68 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { DropIndicatorPosition } from '../hoc/SortableItemContext.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const getPositionStyles = _ref => {
-  let {
-    dropIndicatorPosition
-  } = _ref;
-  return "\n      top: ".concat(dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset', ";\n      left: -2px;\n    ");
-};
-
-const getCircleStyles = _ref2 => {
-  let {
-    dropIndicatorPosition
-  } = _ref2;
-  return {
-    position: 'absolute',
-    zIndex: 20,
-    top: dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',
-    bottom: dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',
-    left: '0px',
-    opacity: 1
-  };
-};
-
-const StyledIndicator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1812zh0-0"
-})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:20;"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', _ref3 => {
-  let {
-    isDropValid,
-    theme
-  } = _ref3;
-  return isDropValid ? theme.colors.brand[600] : theme.colors.danger[900];
-});
-
-const CircleIndicator = (style, isDropValid) => /*#__PURE__*/_jsx("svg", {
-  height: "6",
-  width: "6",
-  style: style
-}, void 0, /*#__PURE__*/_jsx("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: isDropValid ? '#1E79C2' : '#C64252'
-}));
-
-const DropIndicator = _ref4 => {
-  let {
-    dropIndicatorPosition,
-    isLast,
-    isDropValid
-  } = _ref4;
-  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
-  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [CircleIndicator(getCircleStyles({
-      dropIndicatorPosition: safeDropIndicatorPosition
-    }), isDropValid), /*#__PURE__*/_jsx(StyledIndicator, {
-      dropIndicatorPosition: safeDropIndicatorPosition,
-      isDropValid: isDropValid
-    })]
-  });
-};
-
-export { DropIndicator as default };