@elliemae/ds-treeview 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/TreeView.js

@@ -4,6 +4,12 @@ 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.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 reactVirtual = require('react-virtual');
 var uuid = require('uuid');
@@ -26,7 +32,7 @@ var _TreeDnD, _TreeList;
 
 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 TreeView(props) {
   const treeRef = React.useRef({
     actions: {}
@@ -114,9 +120,9 @@ function TreeView(props) {
       ctx.props.onInstanceRefInitialized(treeRef);
     }, 100);
   }, []);
-  return /*#__PURE__*/_jsx__default['default'](TreeViewContext['default'].Provider, {
+  return /*#__PURE__*/_jsx__default["default"](TreeViewContext["default"].Provider, {
     value: ctx
-  }, void 0, plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin.TreeDndPlugin) ? _TreeDnD || (_TreeDnD = /*#__PURE__*/_jsx__default['default'](TreeDndPlugin.TreeDnD, {})) : _TreeList || (_TreeList = /*#__PURE__*/_jsx__default['default'](TreeList.TreeList, {})));
+  }, void 0, plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin.TreeDndPlugin) ? _TreeDnD || (_TreeDnD = /*#__PURE__*/_jsx__default["default"](TreeDndPlugin.TreeDnD, {})) : _TreeList || (_TreeList = /*#__PURE__*/_jsx__default["default"](TreeList.TreeList, {})));
 }
 TreeView.defaultProps = TreeViewContext.defaultProps;
 const TreeViewWithSchema = reactDesc.describe(TreeView);

package/cjs/TreeViewContext.js

@@ -102,6 +102,6 @@ const TreeViewContext = /*#__PURE__*/React.createContext({
   setHoverItem: () => {}
 });
 
-exports['default'] = TreeViewContext;
+exports["default"] = TreeViewContext;
 exports.defaultProps = defaultProps;
 exports.defaultRelativeMouseCoord = defaultRelativeMouseCoord;

package/cjs/config/cssClassesConstants.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const DSTreeViewPrefix = 'em-ds';
 const treeItemBlockName = 'tree-item';
 const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 exports.DSTreeViewPrefix = DSTreeViewPrefix;
 exports.treeItemBlockName = treeItemBlockName;

package/cjs/deprecated/TreeView.js

@@ -5,6 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+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 useDataList = require('@elliemae/ds-shared/useDataList');
 var renderers = require('./renderers.js');
@@ -24,9 +30,9 @@ const _excluded = ["data", "plugins", "children", "roving", "rowSize"];
 
 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; }
 
-const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx__default['default'](Wrapper, {}, void 0, children) : children;
+const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, children) : children;
 
 function TreeView(_ref) {
   let {
@@ -36,9 +42,9 @@ function TreeView(_ref) {
     roving = true,
     rowSize = 'normal'
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const instance = useDataList__default['default'](_objectSpread(_objectSpread({
+  const instance = useDataList__default["default"](_objectSpread(_objectSpread({
     data,
     plugins: [TreeDataPlugin.TreePluginList, TreeVirtualizationPlugin.TreeVirtualizationPlugin, roving && TreeRovingPlugin.TreeRovingPlugin, ...plugins],
     customDecorators: {
@@ -59,7 +65,7 @@ function TreeView(_ref) {
   return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
   }, getListProps()), {}, {
-    className: `em-ds-tv-row-size-${rowSize}`
+    className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 

package/cjs/deprecated/__testUtils__/utils.js

@@ -5,6 +5,7 @@ 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');
@@ -17,7 +18,13 @@ 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');
@@ -34,7 +41,7 @@ const _excluded = ["data", "plugins"],
 
 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; }
 const treeItemsToMap = items => {
   const itemsMap = new Map();
   items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
@@ -49,12 +56,14 @@ const treeItemsToMap = items => {
  * @param key
  */
 
-function getTreeItemsFromRender(_ref, key = renderers.treeItemBlockName) {
+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);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const _render = react.render( /*#__PURE__*/jsxRuntime.jsx(TreeView.TreeView, _objectSpread(_objectSpread({}, props), {}, {
     data: data,
@@ -65,7 +74,7 @@ function getTreeItemsFromRender(_ref, key = renderers.treeItemBlockName) {
         {
     getAllByTestId
   } = _render,
-        testingLibraryApi = _objectWithoutProperties__default['default'](_render, _excluded2);
+        testingLibraryApi = _objectWithoutProperties__default["default"](_render, _excluded2);
 
   const items = getAllByTestId(key);
   const itemsMap = treeItemsToMap(items);

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

@@ -3,8 +3,14 @@
 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 utils$1 = require('@elliemae/ds-utilities/utils');
+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');
@@ -17,8 +23,8 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 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', {
+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,
@@ -30,12 +36,13 @@ const TreeDndPlugin = createInstancePlugin__default['default']('tree-dnd', {
 
     const [draggedRecord, setDraggedRecord] = React.useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    const changeRecordsPosition = React.useCallback(({
-      sourceRecord,
-      targetRecord,
-      combineWith,
-      down
-    }) => {
+    const changeRecordsPosition = React.useCallback(_ref => {
+      let {
+        sourceRecord,
+        targetRecord,
+        combineWith,
+        down
+      } = _ref;
       let nextTreeData;
       const sourceTreePosition = utils.getTreePosition(sourceRecord.path);
       let targetTreePosition = {};
@@ -54,7 +61,7 @@ const TreeDndPlugin = createInstancePlugin__default['default']('tree-dnd', {
       // if we combine elements, we change a different array (the children of the target)
 
 
-      const changingSameArray = !combineWith && utils$1.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
+      const changingSameArray = !combineWith && dsUtilities.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
 
       if (changingSameArray) {
         nextTreeData = utils.changePositionSameArray({

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

@@ -3,9 +3,15 @@
 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 GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var utils = require('../utils.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -14,13 +20,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 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; }
+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 => {
@@ -35,25 +40,25 @@ const DraggableItem = (renderers // , instance
   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, {
+  return /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.Draggable, {
     isDragDisabled: isDragDisabled,
     draggableId: String(record.id),
     index: index
-  }, `${record.id}-draggable`, (provided, snapshot) => {
+  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
     const _getDraggableProps = utils.getDraggableProps(props, provided, snapshot),
           {
       key
     } = _getDraggableProps,
-          draggableProps = _objectWithoutProperties__default['default'](_getDraggableProps, _excluded);
+          draggableProps = _objectWithoutProperties__default["default"](_getDraggableProps, _excluded);
 
     return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({}, draggableProps), {}, {
       // isDragging={isDragging}
-      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(GripperVertical__default['default'], _objectSpread(_objectSpread({
+      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(dsIcons.GripperVertical, _objectSpread(_objectSpread({
         "data-testid": "drag-handle"
       }, provided.dragHandleProps), {}, {
         className: "drag-handle",
         tabIndex: isItemFocused ? 0 : -1
-      }), `${record.id}-drag-handle`), ...(props.leftAddons || [])],
+      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
       children: props.children
     }), key);
   });

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

@@ -3,11 +3,16 @@
 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 utils$2 = require('@elliemae/ds-utilities/utils');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
-var system = require('@elliemae/ds-utilities/system');
+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');
@@ -18,20 +23,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 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; }
+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);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const {
     props: {
@@ -48,7 +52,7 @@ const DroppableList = (renderers, instance) => _ref => {
     },
     itemRenderer
   } = instance.getInstance();
-  const focusContext = React.useContext(FocusGroupContext__default['default']);
+  const focusContext = React.useContext(FocusGroupContext__default["default"]);
   const [focusedItemWasDragged, setFocusedItemWasDragged] = React.useState(false);
   const preDragFocusedNode = React.useRef();
   const expandTimerRef = React.useRef();
@@ -74,9 +78,10 @@ const DroppableList = (renderers, instance) => _ref => {
 
     currTargetRef.current = destination || currTargetRef.current;
   }, [records]);
-  const onDragStart = React.useCallback(({
-    source
-  }) => {
+  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');
@@ -91,13 +96,14 @@ const DroppableList = (renderers, instance) => _ref => {
   }, [records]);
   const onDragEnd = React.useCallback( // eslint-disable-next-line complexity
   // eslint-disable-next-line max-statements
-  ({
-    destination,
-    source,
-    combine
-  }) => {
+  _ref3 => {
     var _sourceRecord$parentN, _targetRecord$parentN;
 
+    let {
+      destination,
+      source,
+      combine
+    } = _ref3;
     clearTimeout(expandTimerRef.current);
     const sourceIndex = source.index;
     const destinationIndex = destination && destination.index;
@@ -143,18 +149,18 @@ const DroppableList = (renderers, instance) => _ref => {
       record: record
     }, utils$1.getDraggableProps({
       className: 'item-cloned'
-    }, provided, snapshot)), /*#__PURE__*/jsxRuntime.jsx(GripperVertical__default['default'], _objectSpread(_objectSpread({}, provided.dragHandleProps), {}, {
+    }, 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, {
+  return /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.DragDropContext, {
     onDragEnd: onDragEnd,
     onDragStart: onDragStart,
     onDragUpdate: onDragUpdate
-  }, void 0, /*#__PURE__*/_jsx__default['default'](reactBeautifulDnd.Droppable, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](reactBeautifulDnd.Droppable, {
     droppableId: "droppableId",
     isCombineEnabled: true,
     mode: "virtual",
@@ -164,8 +170,8 @@ const DroppableList = (renderers, instance) => _ref => {
     // 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),
+      className: dsUtilities.cx(rest.className, draggedRecord && 'dragging'),
+      innerRef: dsUtilities.mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
       itemCount: itemCount,
       records: records
     }));

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

@@ -3,8 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
+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 }; }
 
@@ -12,7 +17,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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,9 +28,9 @@ function getStyle(provided, style) {
 function getDraggableProps(props, provided, snapshot) {
   const isGroupedOver = Boolean(snapshot.combineTargetFor);
   return _objectSpread(_objectSpread(_objectSpread({}, props), provided.draggableProps), {}, {
-    className: utils.cx(props.className, isGroupedOver && 'can-group-over'),
+    className: dsUtilities.cx(props.className, isGroupedOver && 'can-group-over'),
     // provided,
-    innerRef: system.mergeRefs(provided.innerRef, props.innerRef, props.ref),
+    innerRef: dsUtilities.mergeRefs(provided.innerRef, props.innerRef, props.ref),
     'data-index': props.index,
     style: getStyle(provided, _objectSpread(_objectSpread({}, props.style), {}, {
       display: 'flex'
@@ -36,7 +41,7 @@ const setTreeArrayInPath = (treeData, path, data) => {
   const nextTreeData = [...treeData];
 
   if (path.length) {
-    utils.set(nextTreeData, path, data);
+    dsUtilities.set(nextTreeData, path, data);
     return nextTreeData;
   }
 
@@ -63,37 +68,39 @@ const isSourceBeforeTarget = (sourcePath, targetPath) => {
 
   return sourceIsBeforeTarget;
 };
-const updateTargetPath = (sourcePath, targetPath, incr = -1) => {
+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 ? utils.get(treeData, path) : treeData;
+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 = ({
-  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);
+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
 
@@ -122,15 +129,16 @@ const changePositionBetweenDifferentArrays = ({
   return nextTreeData;
 };
 const combineWithTarget = () => {};
-const changePositionSameArray = ({
-  targetTreePosition,
-  sourceRecord,
-  targetRecord,
-  data
-}) => {
-  let nextTreeData = utils.cloneDeep(data);
+const changePositionSameArray = _ref2 => {
+  let {
+    targetTreePosition,
+    sourceRecord,
+    targetRecord,
+    data
+  } = _ref2;
+  let nextTreeData = dsUtilities.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
+  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;

package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -5,10 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+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 FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -25,13 +31,13 @@ const _excluded = ["innerRef", "onFocus", "onBlur"];
 
 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; }
 
 const TreeListRovingHoc = instance => props => {
   const {
     hotKeys
   } = instance.getInstance();
-  return /*#__PURE__*/_jsx__default['default'](FocusGroupProvider__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
     hotKeys: hotKeys
   }, void 0, props.children);
 }; // eslint-disable-next-line react/display-name
@@ -43,21 +49,21 @@ const TreeItemRovingHoc = Component => _ref => {
     onFocus,
     onBlur
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = React.useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-  useFocusGroupItem__default['default'](ref, {
+  useFocusGroupItem__default["default"](ref, {
     onFocus,
     onBlur
   });
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: system.mergeRefs(ref, innerRef)
+    innerRef: dsUtilities.mergeRefs(ref, innerRef)
   }));
 };
 
-const TreeRovingPlugin = createInstancePlugin__default['default']('tree-data', {
+const TreeRovingPlugin = createInstancePlugin__default["default"]('tree-data', {
   getItemProps(props, instance) {
     const [isItemFocused, setIsItemFocused] = React.useState(false);
     return _objectSpread(_objectSpread({}, props), {}, {
@@ -70,9 +76,13 @@ const TreeRovingPlugin = createInstancePlugin__default['default']('tree-data', {
 
         if (instance !== null && instance !== void 0 && (_instance$props = instance.props) !== null && _instance$props !== void 0 && _instance$props.onItemFocus) {
           instance.props.onItemFocus({
-            scrollToItem: (...args) => {
+            scrollToItem: function () {
               var _props$listRef, _props$listRef$curren;
 
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+
               return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
             },
             itemIndex: props === null || props === void 0 ? void 0 : props.index