@elliemae/ds-treeview 2.0.1 → 2.1.0-rc.3

package/cjs/deprecated/__testUtils__/utils.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/esnext.map.delete-all.js');
-require('core-js/modules/esnext.map.emplace.js');
-require('core-js/modules/esnext.map.every.js');
-require('core-js/modules/esnext.map.filter.js');
-require('core-js/modules/esnext.map.find.js');
-require('core-js/modules/esnext.map.find-key.js');
-require('core-js/modules/esnext.map.includes.js');
-require('core-js/modules/esnext.map.key-of.js');
-require('core-js/modules/esnext.map.map-keys.js');
-require('core-js/modules/esnext.map.map-values.js');
-require('core-js/modules/esnext.map.merge.js');
-require('core-js/modules/esnext.map.reduce.js');
-require('core-js/modules/esnext.map.some.js');
-require('core-js/modules/esnext.map.update.js');
-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/es.string.replace.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('react');
-var react = require('@testing-library/react');
-var renderers = require('../renderers.js');
-var TreeView = require('../TreeView.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["data", "plugins"],
-      _excluded2 = ["getAllByTestId"];
-
-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 treeItemsToMap = items => {
-  const itemsMap = new Map();
-  items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
-  return itemsMap;
-};
-/**
- * Returns items and itemMap with itemText as keys
- *
- * @param root0
- * @param root0.data
- * @param root0.plugins
- * @param key
- */
-
-function getTreeItemsFromRender(_ref) {
-  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : renderers.treeItemBlockName;
-
-  let {
-    data,
-    plugins
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const _render = react.render( /*#__PURE__*/jsxRuntime.jsx(TreeView.TreeView, _objectSpread(_objectSpread({}, props), {}, {
-    data: data,
-    height: 1000,
-    plugins: plugins,
-    width: 300
-  }))),
-        {
-    getAllByTestId
-  } = _render,
-        testingLibraryApi = _objectWithoutProperties__default["default"](_render, _excluded2);
-
-  const items = getAllByTestId(key);
-  const itemsMap = treeItemsToMap(items);
-  return _objectSpread({
-    items,
-    itemsMap,
-    getAllByTestId
-  }, testingLibraryApi);
-}
-
-exports.getTreeItemsFromRender = getTreeItemsFromRender;
-exports.treeItemsToMap = treeItemsToMap;

package/cjs/deprecated/index.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TreeView = require('./TreeView.js');
-var TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
-var TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
-var SelectablePluginTree = require('./plugins/selectable/SelectablePluginTree.js');
-var TreeToolbarPlugin = require('./plugins/toolbar/TreeToolbarPlugin.js');
-var TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
-var TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
-var SearchableTreePlugin = require('./plugins/searchable/SearchableTreePlugin.js');
-
-/* eslint-disable global-require */
-// Polyfill ResizeObserver for demo
-if (typeof ResizeObserver === 'undefined') {
-  global.ResizeObserver = require('resize-observer-polyfill').default;
-}
-
-exports.TreeView = TreeView.TreeView;
-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;

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

@@ -1,119 +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.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 dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var DraggableItem = require('./renderers/DraggableItem.js');
-var DroppableList = require('./renderers/DroppableList.js');
-var utils = require('./utils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-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 TreeDndPlugin = createInstancePlugin__default["default"]('tree-dnd', {
-  state(instance) {
-    const {
-      originalData,
-      props: {
-        childrenKey = 'children',
-        onOrderChange = () => null
-      }
-    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const [draggedRecord, setDraggedRecord] = React.useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const changeRecordsPosition = React.useCallback(_ref => {
-      let {
-        sourceRecord,
-        targetRecord,
-        combineWith,
-        down
-      } = _ref;
-      let nextTreeData;
-      const sourceTreePosition = utils.getTreePosition(sourceRecord.path);
-      let targetTreePosition = {};
-
-      if (combineWith) {
-        targetTreePosition = {
-          parentPath: combineWith.path
-        };
-      } else if (targetRecord) {
-        targetTreePosition = utils.getTreePosition(targetRecord.path);
-      } else {
-        // there is no reordering
-        // Reason: outside tree / outside drop target
-        return originalData;
-      } // if we are not combining elements we change the same array
-      // if we combine elements, we change a different array (the children of the target)
-
-
-      const changingSameArray = !combineWith && dsUtilities.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
-
-      if (changingSameArray) {
-        nextTreeData = utils.changePositionSameArray({
-          sourceRecord,
-          targetRecord,
-          sourceTreePosition,
-          targetTreePosition,
-          data: originalData
-        });
-      } else {
-        nextTreeData = utils.changePositionBetweenDifferentArrays({
-          sourceRecord,
-          targetRecord: combineWith || targetRecord,
-          combineWith,
-          sourceTreePosition,
-          targetTreePosition,
-          data: originalData,
-          down
-        });
-      }
-
-      onOrderChange(nextTreeData, sourceRecord); // console.log('nextTreeData :>> ', nextTreeData);
-      // console.log(
-      //   `${sourceRecord?.data?.name} --> ${
-      //     combineWith?.data?.name || targetRecord?.data?.name
-      //   }`,
-      // );
-
-      return nextTreeData;
-    }, [originalData, childrenKey]);
-    return {
-      state: {
-        draggedRecord
-      },
-      actions: {
-        setDraggedRecord,
-        changeRecordsPosition
-      }
-    };
-  },
-
-  renderers(renderers, instance) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const item = React.useMemo(() => DraggableItem(renderers), []); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const list = React.useMemo(() => DroppableList(renderers, instance), []);
-    return _objectSpread(_objectSpread({}, renderers), {}, {
-      item,
-      list
-    });
-  }
-
-});
-
-exports.TreeDndPlugin = TreeDndPlugin;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TreeDndPlugin = require('./TreeDndPlugin.js');
-
-
-
-exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;

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

@@ -1,67 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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');
-require('react');
-var reactBeautifulDnd = require('react-beautiful-dnd');
-var dsIcons = require('@elliemae/ds-icons');
-var utils = require('../utils.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["key"];
-
-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 DraggableItem = (renderers // , instance
-) => props => {
-  var _record$parentNode, _record$parentNode$da, _record$data;
-
-  const {
-    record,
-    index,
-    isItemFocused
-  } = props;
-  const ItemComponent = renderers.item;
-  const isDragDisabled = (record === null || record === void 0 ? void 0 : (_record$parentNode = record.parentNode) === null || _record$parentNode === void 0 ? void 0 : (_record$parentNode$da = _record$parentNode.data) === null || _record$parentNode$da === void 0 ? void 0 : _record$parentNode$da.disableDragChildren) || (record === null || record === void 0 ? void 0 : (_record$data = record.data) === null || _record$data === void 0 ? void 0 : _record$data.disableDrag) || false; // const { draggedRecord } = instance.getInstance().state;
-  // const isDragging = record.id === draggedRecord?.id;
-
-  return /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.Draggable, {
-    isDragDisabled: isDragDisabled,
-    draggableId: String(record.id),
-    index: index
-  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
-    const _getDraggableProps = utils.getDraggableProps(props, provided, snapshot),
-          {
-      key
-    } = _getDraggableProps,
-          draggableProps = _objectWithoutProperties__default["default"](_getDraggableProps, _excluded);
-
-    return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({}, draggableProps), {}, {
-      // isDragging={isDragging}
-      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(dsIcons.GripperVertical, _objectSpread(_objectSpread({
-        "data-testid": "drag-handle"
-      }, provided.dragHandleProps), {}, {
-        className: "drag-handle",
-        tabIndex: isItemFocused ? 0 : -1
-      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
-      children: props.children
-    }), key);
-  });
-};
-
-module.exports = DraggableItem;

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

@@ -1,181 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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 reactBeautifulDnd = require('react-beautiful-dnd');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsIcons = require('@elliemae/ds-icons');
-var FocusGroupContext = require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var FocusGroupContext__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupContext);
-
-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]);
-  const onDragStart = React.useCallback(_ref2 => {
-    let {
-      source
-    } = _ref2;
-    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
-  _ref3 => {
-    var _sourceRecord$parentN, _targetRecord$parentN;
-
-    let {
-      destination,
-      source,
-      combine
-    } = _ref3;
-    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(dsIcons.GripperVertical, _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: dsUtilities.cx(rest.className, draggedRecord && 'dragging'),
-      innerRef: dsUtilities.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
-      itemCount: itemCount,
-      records: records
-    }));
-  }));
-};
-
-module.exports = DroppableList;

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

@@ -1,157 +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.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 dsUtilities = require('@elliemae/ds-utilities');
-
-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); 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 getStyle(provided, style) {
-  if (!style) {
-    return provided.draggableProps.style;
-  }
-
-  return _objectSpread(_objectSpread({}, provided.draggableProps.style), style);
-}
-function getDraggableProps(props, provided, snapshot) {
-  const isGroupedOver = Boolean(snapshot.combineTargetFor);
-  return _objectSpread(_objectSpread(_objectSpread({}, props), provided.draggableProps), {}, {
-    className: dsUtilities.cx(props.className, isGroupedOver && 'can-group-over'),
-    // provided,
-    innerRef: dsUtilities.mergeRefs(provided.innerRef, props.innerRef, props.ref),
-    'data-index': props.index,
-    style: getStyle(provided, _objectSpread(_objectSpread({}, props.style), {}, {
-      display: 'flex'
-    }))
-  });
-}
-const setTreeArrayInPath = (treeData, path, data) => {
-  const nextTreeData = [...treeData];
-
-  if (path.length) {
-    dsUtilities.set(nextTreeData, path, data);
-    return nextTreeData;
-  }
-
-  return data;
-}; // check if at the earliest possible different nest level the source is before the target or not
-
-const isSourceBeforeTarget = (sourcePath, targetPath) => {
-  let sourceIsBeforeTarget = false;
-
-  if (sourcePath.length <= targetPath.length) {
-    // we increase by 2 beacuse every other position is 'children'
-    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
-      !Number.isInteger(target) || source === target) continue; // the nest level differs, as such we check if source if before or after
-
-      sourceIsBeforeTarget = source < target;
-      break;
-    }
-  }
-
-  return sourceIsBeforeTarget;
-};
-const updateTargetPath = function (sourcePath, targetPath) {
-  let incr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-  const nextTargetPath = [...targetPath];
-  const posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
-  nextTargetPath.splice(posToUpdate, 1, targetPath[posToUpdate] + incr);
-  return nextTargetPath;
-};
-const getParentPath = path => path.slice(0, -1);
-const getParentChildrenByPath = (treeData, path) => path && path.length ? dsUtilities.get(treeData, path) : treeData;
-const getTreePosition = recordPath => ({
-  parentPath: getParentPath(recordPath),
-  index: recordPath.slice(-1)[0]
-});
-const changePositionBetweenDifferentArrays = _ref => {
-  let {
-    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'
-
-  } = _ref;
-  let nextTreeData = dsUtilities.cloneDeep(data);
-  if (!sourceRecord || !sourceRecord.data) throw new Error('error while dragging, no dragged item received');
-  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
-
-  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
-
-  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) {
-    const targetChildrensArray = targetTreeChildren[childrenKey];
-    targetChildrensArray.push(sourceRecord.data);
-  } else if (targetTreeChildren) {
-    targetTreeChildren.splice(targetTreePosition.index + (down ? 1 : 0), 0, sourceRecord.data);
-  }
-
-  nextTreeData = setTreeArrayInPath(nextTreeData, parentPath, targetTreeChildren);
-  return nextTreeData;
-};
-const combineWithTarget = () => {};
-const changePositionSameArray = _ref2 => {
-  let {
-    targetTreePosition,
-    sourceRecord,
-    targetRecord,
-    data
-  } = _ref2;
-  let nextTreeData = dsUtilities.cloneDeep(data);
-  const targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
-  const nextChildren = dsUtilities.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;
-};
-
-exports.changePositionBetweenDifferentArrays = changePositionBetweenDifferentArrays;
-exports.changePositionSameArray = changePositionSameArray;
-exports.combineWithTarget = combineWithTarget;
-exports.getDraggableProps = getDraggableProps;
-exports.getParentChildrenByPath = getParentChildrenByPath;
-exports.getParentPath = getParentPath;
-exports.getStyle = getStyle;
-exports.getTreePosition = getTreePosition;
-exports.isSourceBeforeTarget = isSourceBeforeTarget;
-exports.setTreeArrayInPath = setTreeArrayInPath;
-exports.updateTargetPath = updateTargetPath;