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

package/esm/TreeView.js

@@ -1,6 +1,6 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useRef, useState, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { useVirtual } from 'react-virtual';
 import { v4 } from 'uuid';
 import { describe } from 'react-desc';
@@ -12,163 +12,87 @@ import { TreeList } from './parts/TreeList.js';
 import { useNotifyExpandedChange } from './utils/group-expands-helpers.js';
 import { useInstanceRefActions } from './utils/useInstanceRefActions.js';
 import { useGlobalToggleAllExpandShortcut } from './utils/keyboard-helpers.js';
-import './utils/useDnDHelpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'lodash';
-import './utils/tree-helpers.js';
-import './utils/string-helpers.js';
-import './utils/dnd-helpers.js';
-import 'tree-model';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/react-sortable-hoc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-basic/CircularProgressIndicator';
-import './prop-types.js';
-import 'prop-types';
-import './parts/TreeItem.js';
-import '@elliemae/ds-icons/GripperVertical';
-import './parts/RadioSelectable.js';
-import '@elliemae/ds-basic/form/Radio';
-import './parts/CheckboxSelectable.js';
-import '@elliemae/ds-basic/form/Checkbox';
-import 'styled-components';
-import './utils/selectable-helper.js';
-import './utils/object-helpers.js';
-import '@babel/runtime/helpers/esm/typeof';
-import './utils/refs-helpers.js';
-import './parts/NestingSpace.js';
-import './parts/Icon.js';
-import '@elliemae/ds-utilities/utils';
-import './parts/ExpandCaret.js';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import './parts/TreeItemText.js';
-import 'react-highlight-words';
-import '@elliemae/ds-basic';
-import './parts/ChildrenCountDisplayer.js';
-import './config/cssClassesConstants.js';
+
+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(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) {
-  var treeRef = useRef({
+  const treeRef = useRef({
     actions: {}
   });
-  var data = props.data,
-      plugins = props.plugins,
-      onOrderChange = props.onOrderChange,
-      isMultiSelect = props.isMultiSelect,
-      isSingleSelect = props.isSingleSelect,
-      instanceRef = props.instanceRef,
-      selection = props.selection;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isDragging = _useState2[0],
-      setIsDragging = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isKeyboardDragging = _useState4[0],
-      setIsKeyboardDragging = _useState4[1];
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      draggedItem = _useState6[0],
-      setDraggedItem = _useState6[1];
-
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      hoverItem = _useState8[0],
-      setHoverItem = _useState8[1];
-
-  var _useState9 = useState(defaultRelativeMouseCoord),
-      _useState10 = _slicedToArray(_useState9, 2),
-      relativeMouseCord = _useState10[0],
-      setRelativeMouseCord = _useState10[1];
-
-  var _useState11 = useState(v4()),
-      _useState12 = _slicedToArray(_useState11, 1),
-      uniqueTreeViewUUID = _useState12[0];
-
-  var _useState13 = useState(null),
-      _useState14 = _slicedToArray(_useState13, 2),
-      latestToggledItem = _useState14[0],
-      setLatestToggledItem = _useState14[1];
-
-  var _useState15 = useState(null),
-      _useState16 = _slicedToArray(_useState15, 2),
-      selectedItem = _useState16[0],
-      setSelectedItem = _useState16[1];
-
-  var _useState17 = useState(null),
-      _useState18 = _slicedToArray(_useState17, 2),
-      focusedItem = _useState18[0],
-      setFocusedItem = _useState18[1];
-
-  var _useState19 = useState(_objectSpread({}, selection)),
-      _useState20 = _slicedToArray(_useState19, 2),
-      selectedCheckboxes = _useState20[0],
-      setSelectedCheckboxes = _useState20[1];
-
-  var _useState21 = useState({}),
-      _useState22 = _slicedToArray(_useState21, 2),
-      expandedGroups = _useState22[0],
-      setExpandedGroups = _useState22[1];
-
-  var _useTree = useTree(data, props, {
-    setExpandedGroups: setExpandedGroups
-  }),
-      visibleItems = _useTree.visibleItems,
-      tree = _useTree.tree,
-      treeRoot = _useTree.treeRoot,
-      triggerTreeRerender = _useTree.triggerTreeRerender;
-
-  var virtualListRef = useRef(); // estimateSize should not be really required given what was stated on
+  const {
+    data,
+    plugins,
+    onOrderChange,
+    isMultiSelect,
+    isSingleSelect,
+    instanceRef,
+    selection
+  } = props;
+  const [isDragging, setIsDragging] = useState(false);
+  const [isKeyboardDragging, setIsKeyboardDragging] = useState(false);
+  const [draggedItem, setDraggedItem] = useState(null);
+  const [hoverItem, setHoverItem] = useState(null);
+  const [relativeMouseCord, setRelativeMouseCord] = useState(defaultRelativeMouseCoord);
+  const [uniqueTreeViewUUID] = useState(v4());
+  const [latestToggledItem, setLatestToggledItem] = useState(null);
+  const [selectedItem, setSelectedItem] = useState(null);
+  const [focusedItem, setFocusedItem] = useState(null);
+  const [selectedCheckboxes, setSelectedCheckboxes] = useState(_objectSpread({}, selection));
+  const [expandedGroups, setExpandedGroups] = useState({});
+  const {
+    visibleItems,
+    tree,
+    treeRoot,
+    triggerTreeRerender
+  } = useTree(data, props, {
+    setExpandedGroups
+  });
+  const virtualListRef = useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
 
-  var virtualListHelpers = useVirtual({
+  const virtualListHelpers = useVirtual({
     size: visibleItems.length,
     parentRef: virtualListRef,
     overscan: 15
   });
-  var withDragAndDrop = (plugins === null || plugins === void 0 ? void 0 : plugins.includes(TreeDndPlugin)) && onOrderChange;
-  var withRadioChecks = isSingleSelect && !isMultiSelect;
-  var withCheckboxChecks = !isSingleSelect && isMultiSelect;
-  var ctx = {
-    props: props,
-    setRelativeMouseCord: setRelativeMouseCord,
-    relativeMouseCord: relativeMouseCord,
-    virtualListHelpers: virtualListHelpers,
-    virtualListRef: virtualListRef,
-    tree: tree,
-    treeRoot: treeRoot,
-    visibleItems: visibleItems,
-    triggerTreeRerender: triggerTreeRerender,
-    isDragging: isDragging,
-    setIsDragging: setIsDragging,
-    isKeyboardDragging: isKeyboardDragging,
-    setIsKeyboardDragging: setIsKeyboardDragging,
-    draggedItem: draggedItem,
-    setDraggedItem: setDraggedItem,
-    withRadioChecks: withRadioChecks,
-    withCheckboxChecks: withCheckboxChecks,
-    withDragAndDrop: withDragAndDrop,
-    uniqueTreeViewUUID: uniqueTreeViewUUID,
-    selectedCheckboxes: selectedCheckboxes,
-    setSelectedCheckboxes: setSelectedCheckboxes,
-    selectedItem: selectedItem,
-    setSelectedItem: setSelectedItem,
-    expandedGroups: expandedGroups,
-    setExpandedGroups: setExpandedGroups,
-    latestToggledItem: latestToggledItem,
-    setLatestToggledItem: setLatestToggledItem,
-    focusedItem: focusedItem,
-    setFocusedItem: setFocusedItem,
-    hoverItem: hoverItem,
-    setHoverItem: setHoverItem
+  const withDragAndDrop = (plugins === null || plugins === void 0 ? void 0 : plugins.includes(TreeDndPlugin)) && onOrderChange;
+  const withRadioChecks = isSingleSelect && !isMultiSelect;
+  const withCheckboxChecks = !isSingleSelect && isMultiSelect;
+  const ctx = {
+    props,
+    setRelativeMouseCord,
+    relativeMouseCord,
+    virtualListHelpers,
+    virtualListRef,
+    tree,
+    treeRoot,
+    visibleItems,
+    triggerTreeRerender,
+    isDragging,
+    setIsDragging,
+    isKeyboardDragging,
+    setIsKeyboardDragging,
+    draggedItem,
+    setDraggedItem,
+    withRadioChecks,
+    withCheckboxChecks,
+    withDragAndDrop,
+    uniqueTreeViewUUID,
+    selectedCheckboxes,
+    setSelectedCheckboxes,
+    selectedItem,
+    setSelectedItem,
+    expandedGroups,
+    setExpandedGroups,
+    latestToggledItem,
+    setLatestToggledItem,
+    focusedItem,
+    setFocusedItem,
+    hoverItem,
+    setHoverItem
   }; // this hooks can't use the context because the context provider doesn't wrap this
   // as such we manually pass the second parameter as fit
 
@@ -176,19 +100,17 @@ function TreeView(props) {
   useInstanceRefActions(treeRef.current, ctx);
   useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem);
   useNotifyExpandedChange(props, ctx);
-  useEffect(function () {
-    setTimeout(function () {
+  useEffect(() => {
+    setTimeout(() => {
       ctx.props.onInstanceRefInitialized(treeRef);
     }, 100);
   }, []);
-  return /*#__PURE__*/React.createElement(TreeViewContext.Provider, {
+  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
     value: ctx
-  }, plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin) ? /*#__PURE__*/React.createElement(TreeDnD, null) : /*#__PURE__*/React.createElement(TreeList, null));
+  }, void 0, plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin) ? _TreeDnD || (_TreeDnD = /*#__PURE__*/_jsx(TreeDnD, {})) : _TreeList || (_TreeList = /*#__PURE__*/_jsx(TreeList, {})));
 }
-TreeView.propTypes = TreeViewPropTypes;
 TreeView.defaultProps = defaultProps;
-var TreeViewWithSchema = describe(TreeView);
+const TreeViewWithSchema = describe(TreeView);
 TreeViewWithSchema.propTypes = TreeViewPropTypes;
 
 export { TreeView, TreeViewWithSchema };
-//# sourceMappingURL=TreeView.js.map

package/esm/TreeViewContext.js

@@ -3,7 +3,7 @@ import { createRef, createContext } from 'react';
 /* eslint-disable no-unused-vars */
 // import FilePdf from '@elliemae/ds-icons/FilePdf';
 
-var defaultProps = {
+const defaultProps = {
   plugins: [],
   selection: {},
   // { [id]:[state] } -> e.g. {1:true, 2:'mixed'}
@@ -19,15 +19,15 @@ var defaultProps = {
   sortable: false,
   isLoading: false,
   highlightOnlyQuery: false,
-  onInstanceRefInitialized: function onInstanceRefInitialized(istanceRef) {},
-  onItemClick: function onItemClick(item, e) {},
-  onItemFocus: function onItemFocus(params) {},
+  onInstanceRefInitialized: istanceRef => {},
+  onItemClick: (item, e) => {},
+  onItemFocus: params => {},
   // { itemIndex: number, scrollToItem: func }
-  onVisibleItemsChange: function onVisibleItemsChange(newVisibleItems) {},
-  onOrderChange: function onOrderChange(newData, oldData, draggedItem) {},
-  onSelectionChange: function onSelectionChange(selectionHasmap, item, indexAndScrollTo) {},
+  onVisibleItemsChange: newVisibleItems => {},
+  onOrderChange: (newData, oldData, draggedItem) => {},
+  onSelectionChange: (selectionHasmap, item, indexAndScrollTo) => {},
   // indexAndScrollTo = { scrollToItem: ()=>{}, itemIndex :number }
-  onExpandChange: function onExpandChange(expandedHashmap, itemToggled) {},
+  onExpandChange: (expandedHashmap, itemToggled) => {},
   // expandedHashmap -> {[id]:true, ...[id]:true} itemToggled -> item that caused the change for being toggled
   rowSize: 'normal',
   // ['normal', 'compact']
@@ -44,7 +44,7 @@ var defaultProps = {
   // <FilePdf />,
   searchQuery: ''
 };
-var defaultRelativeMouseCoord = {
+const defaultRelativeMouseCoord = {
   isBefore: false,
   isAfter: false,
   isValid: true,
@@ -56,49 +56,46 @@ var defaultRelativeMouseCoord = {
 };
 /** Context for cross component communication */
 
-var TreeViewContext = /*#__PURE__*/createContext({
+const TreeViewContext = /*#__PURE__*/createContext({
   props: defaultProps,
   visibleItems: [],
   withRadioChecks: false,
   withCheckboxChecks: false,
   withDragAndDrop: false,
   relativeMouseCord: defaultRelativeMouseCoord,
-  setRelativeMouseCord: function setRelativeMouseCord() {},
-  labelRenderer: function labelRenderer(value) {
-    return value;
-  },
-  triggerTreeRerender: function triggerTreeRerender() {},
+  setRelativeMouseCord: () => {},
+  labelRenderer: value => value,
+  triggerTreeRerender: () => {},
   tree: {},
   virtualListHelpers: {},
   virtualListRef: {},
   treeRoot: {},
   isDragging: false,
-  setIsDragging: function setIsDragging() {},
+  setIsDragging: () => {},
   isKeyboardDragging: false,
-  setIsKeyboardDragging: function setIsKeyboardDragging() {},
+  setIsKeyboardDragging: () => {},
   draggedItem: null,
   // item
-  setDraggedItem: function setDraggedItem() {},
+  setDraggedItem: () => {},
   uniqueTreeViewUUID: '',
   selectedItem: null,
   // item
-  setSelectedItem: function setSelectedItem() {},
+  setSelectedItem: () => {},
   focusedItem: null,
   // item
-  setFocusedItem: function setFocusedItem() {},
+  setFocusedItem: () => {},
   selectedCheckboxes: {},
   // { [id]:[state] } -> e.g. {1:true, 2:'mixed'}
-  setSelectedCheckboxes: function setSelectedCheckboxes() {},
+  setSelectedCheckboxes: () => {},
   expandedGroups: {},
   // { [id]:true } -> e.g. {1:true, 2:true} // false are not listed
-  setExpandedGroups: function setExpandedGroups() {},
+  setExpandedGroups: () => {},
   latestToggledItem: null,
   // item -> if toggle all -> should be undefined
-  setLatestToggledItem: function setLatestToggledItem() {},
+  setLatestToggledItem: () => {},
   hoverItem: null,
   // item
-  setHoverItem: function setHoverItem() {}
+  setHoverItem: () => {}
 });
 
 export { TreeViewContext as default, defaultProps, defaultRelativeMouseCoord };
-//# sourceMappingURL=TreeViewContext.js.map

package/esm/config/cssClassesConstants.js

@@ -1,7 +1,6 @@
-var DSTreeViewPrefix = 'em-ds';
-var treeItemBlockName = 'tree-item';
-var treeListBlockName = 'tree-list';
-var treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+const DSTreeViewPrefix = 'em-ds';
+const treeItemBlockName = 'tree-item';
+const treeListBlockName = 'tree-list';
+const treeListNoItemsBn = `${treeListBlockName}-no-items`;
 
 export { DSTreeViewPrefix, treeItemBlockName, treeListBlockName, treeListNoItemsBn };
-//# sourceMappingURL=cssClassesConstants.js.map

package/esm/deprecated/TreeView.js

@@ -1,73 +1,55 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import useDataList from '@elliemae/ds-shared/useDataList';
 import { TreeRenderers } from './renderers.js';
 import { TreePluginList } from './plugins/tree/TreeDataPlugin.js';
 import { TreeVirtualizationPlugin } from './plugins/virtualization/TreeVirtualizationPlugin.js';
 import { TreeRovingPlugin } from './plugins/roving/TreeRovingPlugin.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities/utils';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './plugins/tree/walkTreeStrategy.js';
-import './plugins/tree/utils.js';
-import 'lodash/get';
-import './plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/hooks/useExpandState';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import '@elliemae/ds-utilities/system';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["data", "plugins", "children", "roving", "rowSize"];
+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(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; }
 
-var wrapComponentIfExists = function wrapComponentIfExists(Wrapper, children) {
-  return Wrapper ? /*#__PURE__*/React.createElement(Wrapper, null, children) : children;
-};
+const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx(Wrapper, {}, void 0, children) : children;
 
 function TreeView(_ref) {
-  var data = _ref.data,
-      _ref$plugins = _ref.plugins,
-      plugins = _ref$plugins === void 0 ? [] : _ref$plugins;
-      _ref.children;
-      var _ref$roving = _ref.roving,
-      roving = _ref$roving === void 0 ? true : _ref$roving,
-      _ref$rowSize = _ref.rowSize,
-      rowSize = _ref$rowSize === void 0 ? 'normal' : _ref$rowSize,
+  let {
+    data,
+    plugins = [],
+    children,
+    roving = true,
+    rowSize = 'normal'
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var instance = useDataList(_objectSpread(_objectSpread({
-    data: data,
-    plugins: [TreePluginList, TreeVirtualizationPlugin, roving && TreeRovingPlugin].concat(_toConsumableArray(plugins)),
+  const instance = useDataList(_objectSpread(_objectSpread({
+    data,
+    plugins: [TreePluginList, TreeVirtualizationPlugin, roving && TreeRovingPlugin, ...plugins],
     customDecorators: {
       shouldWalkChildren: []
     },
     // adds a new decorator to the useDataList specific for trees
     renderers: TreeRenderers
   }, props), {}, {
-    rowSize: rowSize
+    rowSize
   }));
-  var _instance$renderers = instance.renderers,
-      ListComponent = _instance$renderers.list,
-      Wrapper = _instance$renderers.listWrapper;
-  var getListProps = instance.getListProps;
-  return wrapComponentIfExists(Wrapper, /*#__PURE__*/React.createElement(ListComponent, _extends({
+  const {
+    list: ListComponent,
+    listWrapper: Wrapper
+  } = instance.renderers;
+  const {
+    getListProps
+  } = instance;
+  return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
-  }, getListProps(), {
-    className: "em-ds-tv-row-size-".concat(rowSize)
+  }, getListProps()), {}, {
+    className: `em-ds-tv-row-size-${rowSize}`
   })));
 }
 
 export { TreeView };
-//# sourceMappingURL=TreeView.js.map

package/esm/deprecated/__testUtils__/utils.js

@@ -1,44 +1,34 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/esnext.map.delete-all.js';
+import 'core-js/modules/esnext.map.every.js';
+import 'core-js/modules/esnext.map.filter.js';
+import 'core-js/modules/esnext.map.find.js';
+import 'core-js/modules/esnext.map.find-key.js';
+import 'core-js/modules/esnext.map.includes.js';
+import 'core-js/modules/esnext.map.key-of.js';
+import 'core-js/modules/esnext.map.map-keys.js';
+import 'core-js/modules/esnext.map.map-values.js';
+import 'core-js/modules/esnext.map.merge.js';
+import 'core-js/modules/esnext.map.reduce.js';
+import 'core-js/modules/esnext.map.some.js';
+import 'core-js/modules/esnext.map.update.js';
+import 'core-js/modules/es.string.replace.js';
+import 'react';
 import { render } from '@testing-library/react';
 import { treeItemBlockName } from '../renderers.js';
 import { TreeView } from '../TreeView.js';
-import '@elliemae/ds-classnames';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-shared/useDataList';
-import '../plugins/tree/TreeDataPlugin.js';
-import '@elliemae/ds-utilities/utils';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import '../plugins/tree/walkTreeStrategy.js';
-import '../plugins/tree/utils.js';
-import 'lodash/get';
-import '../plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/hooks/useExpandState';
-import '../plugins/virtualization/TreeVirtualizationPlugin.js';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '../plugins/roving/TreeRovingPlugin.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import '@elliemae/ds-utilities/system';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["data", "plugins"],
-    _excluded2 = ["getAllByTestId"];
+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(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; }
-var treeItemsToMap = function treeItemsToMap(items) {
-  var itemsMap = new Map();
-  items.forEach(function (item) {
-    return itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item);
-  });
+const treeItemsToMap = items => {
+  const itemsMap = new Map();
+  items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
   return itemsMap;
 };
 /**
@@ -50,30 +40,31 @@ var treeItemsToMap = function treeItemsToMap(items) {
  * @param key
  */
 
-function getTreeItemsFromRender(_ref) {
-  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : treeItemBlockName;
-
-  var data = _ref.data,
-      plugins = _ref.plugins,
+function getTreeItemsFromRender(_ref, key = treeItemBlockName) {
+  let {
+    data,
+    plugins
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var _render = render( /*#__PURE__*/React.createElement(TreeView, _extends({}, props, {
+  const _render = render( /*#__PURE__*/jsx(TreeView, _objectSpread(_objectSpread({}, props), {}, {
     data: data,
     height: 1000,
     plugins: plugins,
     width: 300
   }))),
-      getAllByTestId = _render.getAllByTestId,
-      testingLibraryApi = _objectWithoutProperties(_render, _excluded2);
+        {
+    getAllByTestId
+  } = _render,
+        testingLibraryApi = _objectWithoutProperties(_render, _excluded2);
 
-  var items = getAllByTestId(key);
-  var itemsMap = treeItemsToMap(items);
+  const items = getAllByTestId(key);
+  const itemsMap = treeItemsToMap(items);
   return _objectSpread({
-    items: items,
-    itemsMap: itemsMap,
-    getAllByTestId: getAllByTestId
+    items,
+    itemsMap,
+    getAllByTestId
   }, testingLibraryApi);
 }
 
 export { getTreeItemsFromRender, treeItemsToMap };
-//# sourceMappingURL=utils.js.map

package/esm/deprecated/index.js

@@ -6,43 +6,9 @@ export { TreeToolbarPlugin } from './plugins/toolbar/TreeToolbarPlugin.js';
 export { TreePluginList } from './plugins/tree/TreeDataPlugin.js';
 export { TreeVirtualizationPlugin } from './plugins/virtualization/TreeVirtualizationPlugin.js';
 export { SearchableTreePlugin } from './plugins/searchable/SearchableTreePlugin.js';
-import '../index-5a2cacb1.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import '@elliemae/ds-shared/useDataList';
-import './renderers.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities/utils';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './plugins/tree/walkTreeStrategy.js';
-import './plugins/tree/utils.js';
-import 'lodash/get';
-import './plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/hooks/useExpandState';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import '@elliemae/ds-utilities/system';
-import './plugins/dnd/renderers/DraggableItem.js';
-import 'react-beautiful-dnd';
-import '@elliemae/ds-icons/GripperVertical';
-import './plugins/dnd/utils.js';
-import './plugins/dnd/renderers/DroppableList.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
-import '@elliemae/ds-basic/form/Checkbox';
-import '@elliemae/ds-basic/form/Radio';
-import '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
-import './plugins/selectable/utils.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-shared/toolbar/ToolbarProvider';
-import 'react-highlight-words';
-import '@elliemae/ds-utilities/hooks/usePrevious';
-//# sourceMappingURL=index.js.map
+
+/* eslint-disable global-require */
+// Polyfill ResizeObserver for demo
+if (typeof ResizeObserver === 'undefined') {
+  global.ResizeObserver = require('resize-observer-polyfill').default;
+}