@elliemae/ds-treeview 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/deprecated/plugins/dnd/renderers/DroppableList.js

@@ -1,171 +1,175 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
-var utils = require('@elliemae/ds-utilities/utils');
+var utils$2 = require('@elliemae/ds-utilities/utils');
 var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
 var system = require('@elliemae/ds-utilities/system');
 var FocusGroupContext = require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-var deprecated_plugins_tree_utils = require('../../tree/utils.js');
-var deprecated_plugins_dnd_utils = require('../utils.js');
-require('lodash/get');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
+var utils = require('../../tree/utils.js');
+var utils$1 = require('../utils.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 var FocusGroupContext__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupContext);
 
-var _excluded = ["records"];
-
-var DroppableList = function DroppableList(renderers, instance) {
-  return function (_ref) {
-    var records = _ref.records,
-        rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-    var _instance$getInstance = instance.getInstance(),
-        _instance$getInstance2 = _instance$getInstance.props,
-        _instance$getInstance3 = _instance$getInstance2.expandTimerDelay,
-        expandTimerDelay = _instance$getInstance3 === void 0 ? 1000 : _instance$getInstance3,
-        restrictDragAndDrop = _instance$getInstance2.restrictDragAndDrop,
-        _instance$getInstance4 = _instance$getInstance.actions,
-        setDraggedRecord = _instance$getInstance4.setDraggedRecord,
-        changeRecordsPosition = _instance$getInstance4.changeRecordsPosition,
-        toggleExpand = _instance$getInstance4.toggleExpand,
-        draggedRecord = _instance$getInstance.state.draggedRecord,
-        itemRenderer = _instance$getInstance.itemRenderer;
-
-    var focusContext = React.useContext(FocusGroupContext__default['default']);
-
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        focusedItemWasDragged = _useState2[0],
-        setFocusedItemWasDragged = _useState2[1];
-
-    var preDragFocusedNode = React.useRef();
-    var expandTimerRef = React.useRef();
-    var draggedRecordShouldExpand = React.useRef(false);
-    var currTargetRef = React.useRef({});
-    var onDragUpdate = React.useCallback(function (data) {
-      var destination = data.destination,
-          combine = data.combine;
-      clearTimeout(expandTimerRef.current);
-
-      if (combine) {
-        var draggableId = combine.draggableId;
-        var targetRecord = deprecated_plugins_tree_utils.findItemById(records, draggableId);
-
-        if (targetRecord && targetRecord.isGroup && !targetRecord.expanded) {
-          expandTimerRef.current = setTimeout(function () {
-            return toggleExpand(targetRecord);
-          }, expandTimerDelay);
-        }
+const _excluded = ["records"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DroppableList = (renderers, instance) => _ref => {
+  let {
+    records
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const {
+    props: {
+      expandTimerDelay = 1000,
+      restrictDragAndDrop
+    },
+    actions: {
+      setDraggedRecord,
+      changeRecordsPosition,
+      toggleExpand
+    },
+    state: {
+      draggedRecord
+    },
+    itemRenderer
+  } = instance.getInstance();
+  const focusContext = React.useContext(FocusGroupContext__default["default"]);
+  const [focusedItemWasDragged, setFocusedItemWasDragged] = React.useState(false);
+  const preDragFocusedNode = React.useRef();
+  const expandTimerRef = React.useRef();
+  const draggedRecordShouldExpand = React.useRef(false);
+  const currTargetRef = React.useRef({});
+  const onDragUpdate = React.useCallback(data => {
+    const {
+      destination,
+      combine
+    } = data;
+    clearTimeout(expandTimerRef.current);
+
+    if (combine) {
+      const {
+        draggableId
+      } = combine;
+      const targetRecord = utils.findItemById(records, draggableId);
+
+      if (targetRecord && targetRecord.isGroup && !targetRecord.expanded) {
+        expandTimerRef.current = setTimeout(() => toggleExpand(targetRecord), expandTimerDelay);
       }
-
-      currTargetRef.current = destination || currTargetRef.current;
-    }, [records]);
-    var onDragStart = React.useCallback(function (_ref2) {
-      var source = _ref2.source;
-      preDragFocusedNode.current = document.activeElement; // when we move the currently focused item, preDragFocusedNode is the body of the doc
-
-      setFocusedItemWasDragged(preDragFocusedNode.current.tagName === 'BODY');
-      var draggingRecord = records[source.index];
-
-      if (draggingRecord.expanded) {
-        draggedRecordShouldExpand.current = true;
-        toggleExpand(draggingRecord);
-      }
-
-      setDraggedRecord(draggingRecord);
-    }, [records]);
-    var onDragEnd = React.useCallback( // eslint-disable-next-line complexity
-    // eslint-disable-next-line max-statements
-    function (_ref3) {
-      var _sourceRecord$parentN, _targetRecord$parentN;
-
-      var destination = _ref3.destination,
-          source = _ref3.source,
-          combine = _ref3.combine;
-      clearTimeout(expandTimerRef.current);
-      var sourceIndex = source.index;
-      var destinationIndex = destination && destination.index;
-      if (sourceIndex === destinationIndex) return;
-      var sourceRecord = records[sourceIndex];
-      var targetRecord = destination && records[destinationIndex];
-      var combineWith = combine && deprecated_plugins_tree_utils.findItemById(records, combine.draggableId);
-      var down = sourceIndex < destinationIndex;
-      if (restrictDragAndDrop && (sourceRecord === null || sourceRecord === void 0 ? void 0 : (_sourceRecord$parentN = sourceRecord.parentNode) === null || _sourceRecord$parentN === void 0 ? void 0 : _sourceRecord$parentN.id) !== (targetRecord === null || targetRecord === void 0 ? void 0 : (_targetRecord$parentN = targetRecord.parentNode) === null || _targetRecord$parentN === void 0 ? void 0 : _targetRecord$parentN.id)) return; // TODO check if we can change the records Immutable, this makes the DOM inconsistent on first renderers
-
-      changeRecordsPosition({
-        sourceRecord: sourceRecord,
-        targetRecord: targetRecord,
-        combineWith: combineWith,
-        down: down
-      });
-
-      if (draggedRecordShouldExpand.current) {
-        draggedRecordShouldExpand.current = false;
-        toggleExpand(sourceRecord);
-      }
-
-      if (focusContext) {
-        // TODO if we fix the mutable/immutable records handling this work-around should not be required anymore
-        setTimeout(function () {
-          var postDragFocusedNode = focusedItemWasDragged ? deprecated_plugins_tree_utils.findItemOnDocument(sourceRecord.id) : deprecated_plugins_tree_utils.findItemOnDocument(preDragFocusedNode.current.dataset.id);
-          focusContext.focusItemByNode(postDragFocusedNode);
-        }, 0);
-      }
-
-      currTargetRef.current = null;
-      setDraggedRecord(null);
-    }, [records, focusedItemWasDragged]);
-    var ItemComponent = renderers.item,
-        ListComponent = renderers.list;
-    var renderClone = React.useCallback(function (provided, snapshot, rubric) {
-      var targetRecord = currTargetRef.current && records[currTargetRef.current.index] || {};
-      var record = records[rubric.source.index];
-      return /*#__PURE__*/React__default['default'].createElement(ItemComponent, _extends__default['default']({}, provided.draggableProps, {
-        key: rubric.source.index,
-        record: record
-      }, deprecated_plugins_dnd_utils.getDraggableProps({
-        className: 'item-cloned'
-      }, provided, snapshot)), /*#__PURE__*/React__default['default'].createElement(GripperVertical__default['default'], _extends__default['default']({}, provided.dragHandleProps, {
-        className: "drag-handle"
-      })), itemRenderer({
-        record: record,
-        nestingLevel: targetRecord.nestingLevel
-      }));
-    }, [currTargetRef, records, itemRenderer]);
-    return /*#__PURE__*/React__default['default'].createElement(reactBeautifulDnd.DragDropContext, {
-      onDragEnd: onDragEnd,
-      onDragStart: onDragStart,
-      onDragUpdate: onDragUpdate
-    }, /*#__PURE__*/React__default['default'].createElement(reactBeautifulDnd.Droppable, {
-      droppableId: "droppableId",
-      isCombineEnabled: true,
-      mode: "virtual",
-      renderClone: renderClone
-    }, function (droppableProvided, snapshot) {
-      // Add an extra item to our list to make space for a dragging item
-      // work in a virtual list
-      var itemCount = snapshot.isUsingPlaceholder ? records.length + 1 : records.length;
-      return /*#__PURE__*/React__default['default'].createElement(ListComponent, _extends__default['default']({}, rest, {
-        className: utils.cx(rest.className, draggedRecord && 'dragging'),
-        innerRef: system.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
-        itemCount: itemCount,
-        records: records
-      }));
+    }
+
+    currTargetRef.current = destination || currTargetRef.current;
+  }, [records]);
+  const onDragStart = React.useCallback(({
+    source
+  }) => {
+    preDragFocusedNode.current = document.activeElement; // when we move the currently focused item, preDragFocusedNode is the body of the doc
+
+    setFocusedItemWasDragged(preDragFocusedNode.current.tagName === 'BODY');
+    const draggingRecord = records[source.index];
+
+    if (draggingRecord.expanded) {
+      draggedRecordShouldExpand.current = true;
+      toggleExpand(draggingRecord);
+    }
+
+    setDraggedRecord(draggingRecord);
+  }, [records]);
+  const onDragEnd = React.useCallback( // eslint-disable-next-line complexity
+  // eslint-disable-next-line max-statements
+  ({
+    destination,
+    source,
+    combine
+  }) => {
+    var _sourceRecord$parentN, _targetRecord$parentN;
+
+    clearTimeout(expandTimerRef.current);
+    const sourceIndex = source.index;
+    const destinationIndex = destination && destination.index;
+    if (sourceIndex === destinationIndex) return;
+    const sourceRecord = records[sourceIndex];
+    const targetRecord = destination && records[destinationIndex];
+    const combineWith = combine && utils.findItemById(records, combine.draggableId);
+    const down = sourceIndex < destinationIndex;
+    if (restrictDragAndDrop && (sourceRecord === null || sourceRecord === void 0 ? void 0 : (_sourceRecord$parentN = sourceRecord.parentNode) === null || _sourceRecord$parentN === void 0 ? void 0 : _sourceRecord$parentN.id) !== (targetRecord === null || targetRecord === void 0 ? void 0 : (_targetRecord$parentN = targetRecord.parentNode) === null || _targetRecord$parentN === void 0 ? void 0 : _targetRecord$parentN.id)) return; // TODO check if we can change the records Immutable, this makes the DOM inconsistent on first renderers
+
+    changeRecordsPosition({
+      sourceRecord,
+      targetRecord,
+      combineWith,
+      down
+    });
+
+    if (draggedRecordShouldExpand.current) {
+      draggedRecordShouldExpand.current = false;
+      toggleExpand(sourceRecord);
+    }
+
+    if (focusContext) {
+      // TODO if we fix the mutable/immutable records handling this work-around should not be required anymore
+      setTimeout(() => {
+        const postDragFocusedNode = focusedItemWasDragged ? utils.findItemOnDocument(sourceRecord.id) : utils.findItemOnDocument(preDragFocusedNode.current.dataset.id);
+        focusContext.focusItemByNode(postDragFocusedNode);
+      }, 0);
+    }
+
+    currTargetRef.current = null;
+    setDraggedRecord(null);
+  }, [records, focusedItemWasDragged]);
+  const {
+    item: ItemComponent,
+    list: ListComponent
+  } = renderers;
+  const renderClone = React.useCallback((provided, snapshot, rubric) => {
+    const targetRecord = currTargetRef.current && records[currTargetRef.current.index] || {};
+    const record = records[rubric.source.index];
+    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, provided.draggableProps), {}, {
+      key: rubric.source.index,
+      record: record
+    }, utils$1.getDraggableProps({
+      className: 'item-cloned'
+    }, provided, snapshot)), /*#__PURE__*/jsxRuntime.jsx(GripperVertical__default["default"], _objectSpread(_objectSpread({}, provided.dragHandleProps), {}, {
+      className: "drag-handle"
+    })), itemRenderer({
+      record,
+      nestingLevel: targetRecord.nestingLevel
+    }));
+  }, [currTargetRef, records, itemRenderer]);
+  return /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.DragDropContext, {
+    onDragEnd: onDragEnd,
+    onDragStart: onDragStart,
+    onDragUpdate: onDragUpdate
+  }, void 0, /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.Droppable, {
+    droppableId: "droppableId",
+    isCombineEnabled: true,
+    mode: "virtual",
+    renderClone: renderClone
+  }, void 0, (droppableProvided, snapshot) => {
+    // Add an extra item to our list to make space for a dragging item
+    // work in a virtual list
+    const itemCount = snapshot.isUsingPlaceholder ? records.length + 1 : records.length;
+    return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, rest), {}, {
+      className: utils$2.cx(rest.className, draggedRecord && 'dragging'),
+      innerRef: system.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
+      itemCount: itemCount,
+      records: records
     }));
-  };
+  }));
 };
 
 module.exports = DroppableList;
-//# sourceMappingURL=DroppableList.js.map

package/cjs/deprecated/plugins/dnd/utils.js

@@ -2,19 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var utils = require('@elliemae/ds-utilities/utils');
 var system = require('@elliemae/ds-utilities/system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function getStyle(provided, style) {
   if (!style) {
     return provided.draggableProps.style;
@@ -23,7 +21,7 @@ function getStyle(provided, style) {
   return _objectSpread(_objectSpread({}, provided.draggableProps.style), style);
 }
 function getDraggableProps(props, provided, snapshot) {
-  var isGroupedOver = Boolean(snapshot.combineTargetFor);
+  const isGroupedOver = Boolean(snapshot.combineTargetFor);
   return _objectSpread(_objectSpread(_objectSpread({}, props), provided.draggableProps), {}, {
     className: utils.cx(props.className, isGroupedOver && 'can-group-over'),
     // provided,
@@ -34,8 +32,8 @@ function getDraggableProps(props, provided, snapshot) {
     }))
   });
 }
-var setTreeArrayInPath = function setTreeArrayInPath(treeData, path, data) {
-  var nextTreeData = _toConsumableArray__default['default'](treeData);
+const setTreeArrayInPath = (treeData, path, data) => {
+  const nextTreeData = [...treeData];
 
   if (path.length) {
     utils.set(nextTreeData, path, data);
@@ -45,14 +43,14 @@ var setTreeArrayInPath = function setTreeArrayInPath(treeData, path, data) {
   return data;
 }; // check if at the earliest possible different nest level the source is before the target or not
 
-var isSourceBeforeTarget = function isSourceBeforeTarget(sourcePath, targetPath) {
-  var sourceIsBeforeTarget = false;
+const isSourceBeforeTarget = (sourcePath, targetPath) => {
+  let sourceIsBeforeTarget = false;
 
   if (sourcePath.length <= targetPath.length) {
     // we increase by 2 beacuse every other position is 'children'
-    for (var i = 0; i < sourcePath.length; i += 2) {
-      var source = sourcePath[i];
-      var target = targetPath[i]; // since we skip by 2 source/target can be out of bounds
+    for (let i = 0; i < sourcePath.length; i += 2) {
+      const source = sourcePath[i];
+      const target = targetPath[i]; // since we skip by 2 source/target can be out of bounds
       // if source/target are the same we are at same nest level
 
       if (!Number.isInteger(source) || // check to see if it's a number because 0 == false in javascript
@@ -65,55 +63,56 @@ var isSourceBeforeTarget = function isSourceBeforeTarget(sourcePath, targetPath)
 
   return sourceIsBeforeTarget;
 };
-var updateTargetPath = function updateTargetPath(sourcePath, targetPath) {
-  var incr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-
-  var nextTargetPath = _toConsumableArray__default['default'](targetPath);
-
-  var posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
+const updateTargetPath = (sourcePath, targetPath, incr = -1) => {
+  const nextTargetPath = [...targetPath];
+  const posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
   nextTargetPath.splice(posToUpdate, 1, targetPath[posToUpdate] + incr);
   return nextTargetPath;
 };
-var getParentPath = function getParentPath(path) {
-  return path.slice(0, -1);
-};
-var getParentChildrenByPath = function getParentChildrenByPath(treeData, path) {
-  return path && path.length ? utils.get(treeData, path) : treeData;
-};
-var getTreePosition = function getTreePosition(recordPath) {
-  return {
-    parentPath: getParentPath(recordPath),
-    index: recordPath.slice(-1)[0]
-  };
-};
-var changePositionBetweenDifferentArrays = function changePositionBetweenDifferentArrays(_ref) {
-  var sourceTreePosition = _ref.sourceTreePosition,
-      targetTreePosition = _ref.targetTreePosition,
-      combineWith = _ref.combineWith,
-      sourceRecord = _ref.sourceRecord,
-      targetRecord = _ref.targetRecord,
-      down = _ref.down,
-      data = _ref.data,
-      _ref$childrenKey = _ref.childrenKey,
-      childrenKey = _ref$childrenKey === void 0 ? 'children' : _ref$childrenKey;
-  var nextTreeData = utils.cloneDeep(data);
+const getParentPath = path => path.slice(0, -1);
+const getParentChildrenByPath = (treeData, path) => path && path.length ? utils.get(treeData, path) : treeData;
+const getTreePosition = recordPath => ({
+  parentPath: getParentPath(recordPath),
+  index: recordPath.slice(-1)[0]
+});
+const changePositionBetweenDifferentArrays = ({
+  sourceTreePosition,
+  // already extracted sourceRecord.path
+  targetTreePosition,
+  // already extracted targetRecord.path
+  // combineWith the element we want to append to the children of (this is null when the drag doesn't result in adding children)
+  combineWith,
+  sourceRecord,
+  // what we are dragging
+  targetRecord,
+  // what we are dropping on top of
+  down,
+  // ???
+  data,
+  // tree before dragEnd changes
+  childrenKey = 'children' // constant -> 'children'
+
+}) => {
+  let nextTreeData = utils.cloneDeep(data);
   if (!sourceRecord || !sourceRecord.data) throw new Error('error while dragging, no dragged item received');
-  var sourceTreeChildren = getParentChildrenByPath(nextTreeData, sourceTreePosition.parentPath); // When moving an item we remove the item from it's former parent children array
+  const sourceTreeChildren = getParentChildrenByPath(nextTreeData, sourceTreePosition.parentPath); // When moving an item we remove the item from it's former parent children array
 
   sourceTreeChildren.splice(sourceTreePosition.index, 1);
   nextTreeData = setTreeArrayInPath(nextTreeData, sourceTreePosition.parentPath, sourceTreeChildren); // if source is at previous position than the target children
   // then the index should decrease
 
-  var shouldUpdateTarget = isSourceBeforeTarget(sourceRecord.path, targetRecord.path);
-  var nextTargetPosition = shouldUpdateTarget ? combineWith ? {
+  const shouldUpdateTarget = isSourceBeforeTarget(sourceRecord.path, targetRecord.path);
+  const nextTargetPosition = shouldUpdateTarget ? combineWith ? {
     parentPath: updateTargetPath(sourceRecord.path, combineWith.path)
   } : getTreePosition(updateTargetPath(sourceRecord.path, targetRecord.path)) : targetTreePosition; // add to target
 
-  var parentPath = nextTargetPosition.parentPath;
-  var targetTreeChildren = getParentChildrenByPath(nextTreeData, parentPath) || (combineWith === null || combineWith === void 0 ? void 0 : combineWith.data) || (targetRecord === null || targetRecord === void 0 ? void 0 : targetRecord.data);
+  const {
+    parentPath
+  } = nextTargetPosition;
+  const targetTreeChildren = getParentChildrenByPath(nextTreeData, parentPath) || (combineWith === null || combineWith === void 0 ? void 0 : combineWith.data) || (targetRecord === null || targetRecord === void 0 ? void 0 : targetRecord.data);
 
   if (combineWith && targetTreeChildren) {
-    var targetChildrensArray = targetTreeChildren[childrenKey];
+    const targetChildrensArray = targetTreeChildren[childrenKey];
     targetChildrensArray.push(sourceRecord.data);
   } else if (targetTreeChildren) {
     targetTreeChildren.splice(targetTreePosition.index + (down ? 1 : 0), 0, sourceRecord.data);
@@ -122,15 +121,16 @@ var changePositionBetweenDifferentArrays = function changePositionBetweenDiffere
   nextTreeData = setTreeArrayInPath(nextTreeData, parentPath, targetTreeChildren);
   return nextTreeData;
 };
-var combineWithTarget = function combineWithTarget() {};
-var changePositionSameArray = function changePositionSameArray(_ref2) {
-  var targetTreePosition = _ref2.targetTreePosition,
-      sourceRecord = _ref2.sourceRecord,
-      targetRecord = _ref2.targetRecord,
-      data = _ref2.data;
-  var nextTreeData = utils.cloneDeep(data);
-  var targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
-  var nextChildren = utils.arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above
+const combineWithTarget = () => {};
+const changePositionSameArray = ({
+  targetTreePosition,
+  sourceRecord,
+  targetRecord,
+  data
+}) => {
+  let nextTreeData = utils.cloneDeep(data);
+  const targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
+  const nextChildren = utils.arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above
 
   nextTreeData = setTreeArrayInPath(nextTreeData, targetTreePosition.parentPath, nextChildren);
   return nextTreeData;
@@ -147,4 +147,3 @@ exports.getTreePosition = getTreePosition;
 exports.isSourceBeforeTarget = isSourceBeforeTarget;
 exports.setTreeArrayInPath = setTreeArrayInPath;
 exports.updateTargetPath = updateTargetPath;
-//# sourceMappingURL=utils.js.map

package/cjs/deprecated/plugins/index.js

@@ -2,58 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_dnd_TreeDndPlugin = require('./dnd/TreeDndPlugin.js');
-var deprecated_plugins_roving_TreeRovingPlugin = require('./roving/TreeRovingPlugin.js');
-var deprecated_plugins_selectable_SelectablePluginTree = require('./selectable/SelectablePluginTree.js');
-var deprecated_plugins_toolbar_TreeToolbarPlugin = require('./toolbar/TreeToolbarPlugin.js');
-var deprecated_plugins_tree_TreeDataPlugin = require('./tree/TreeDataPlugin.js');
-var deprecated_plugins_virtualization_TreeVirtualizationPlugin = require('./virtualization/TreeVirtualizationPlugin.js');
-var deprecated_plugins_searchable_SearchableTreePlugin = require('./searchable/SearchableTreePlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./dnd/renderers/DraggableItem.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-beautiful-dnd');
-require('@elliemae/ds-icons/GripperVertical');
-require('./dnd/utils.js');
-require('@elliemae/ds-utilities/system');
-require('./dnd/renderers/DroppableList.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-require('./tree/utils.js');
-require('lodash/get');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-require('./tree/walkTreeStrategy.js');
-require('./selectable/utils.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-shared/toolbar/ToolbarProvider');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-classnames');
-require('../renderers.js');
-require('./tree/useExpandTreeState.js');
-require('@elliemae/ds-utilities/hooks/useExpandState');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('react-highlight-words');
-require('@elliemae/ds-utilities/hooks/usePrevious');
+var TreeDndPlugin = require('./dnd/TreeDndPlugin.js');
+var TreeRovingPlugin = require('./roving/TreeRovingPlugin.js');
+var SelectablePluginTree = require('./selectable/SelectablePluginTree.js');
+var TreeToolbarPlugin = require('./toolbar/TreeToolbarPlugin.js');
+var TreeDataPlugin = require('./tree/TreeDataPlugin.js');
+var TreeVirtualizationPlugin = require('./virtualization/TreeVirtualizationPlugin.js');
+var SearchableTreePlugin = require('./searchable/SearchableTreePlugin.js');
 
 
 
-exports.TreeDndPlugin = deprecated_plugins_dnd_TreeDndPlugin.TreeDndPlugin;
-exports.TreeRovingPlugin = deprecated_plugins_roving_TreeRovingPlugin.TreeRovingPlugin;
-exports.SelectablePluginTree = deprecated_plugins_selectable_SelectablePluginTree.SelectablePluginTree;
-exports.TreeToolbarPlugin = deprecated_plugins_toolbar_TreeToolbarPlugin.TreeToolbarPlugin;
-exports.TreePluginList = deprecated_plugins_tree_TreeDataPlugin.TreePluginList;
-exports.TreeVirtualizationPlugin = deprecated_plugins_virtualization_TreeVirtualizationPlugin.TreeVirtualizationPlugin;
-exports.SearchableTreePlugin = deprecated_plugins_searchable_SearchableTreePlugin.SearchableTreePlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
+exports.TreePluginList = TreeDataPlugin.TreePluginList;
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;