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

package/cjs/TreeView.js

@@ -2,204 +2,125 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var uuid = require('uuid');
 var reactDesc = require('react-desc');
 var reactDescPropTypes = require('./react-desc-prop-types.js');
 var TreeViewContext = require('./TreeViewContext.js');
-var plugins_dnd_TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
-var utils_useTree = require('./utils/useTree.js');
-var parts_TreeList = require('./parts/TreeList.js');
-var utils_groupExpandsHelpers = require('./utils/group-expands-helpers.js');
-var utils_useInstanceRefActions = require('./utils/useInstanceRefActions.js');
-var utils_keyboardHelpers = require('./utils/keyboard-helpers.js');
-require('./utils/useDnDHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('lodash');
-require('./utils/tree-helpers.js');
-require('./utils/string-helpers.js');
-require('./utils/dnd-helpers.js');
-require('tree-model');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/react-sortable-hoc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-basic/CircularProgressIndicator');
-require('./prop-types.js');
-require('prop-types');
-require('./parts/TreeItem.js');
-require('@elliemae/ds-icons/GripperVertical');
-require('./parts/RadioSelectable.js');
-require('@elliemae/ds-basic/form/Radio');
-require('./parts/CheckboxSelectable.js');
-require('@elliemae/ds-basic/form/Checkbox');
-require('styled-components');
-require('./utils/selectable-helper.js');
-require('./utils/object-helpers.js');
-require('@babel/runtime/helpers/typeof');
-require('./utils/refs-helpers.js');
-require('./parts/NestingSpace.js');
-require('./parts/Icon.js');
-require('@elliemae/ds-utilities/utils');
-require('./parts/ExpandCaret.js');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('./parts/TreeItemText.js');
-require('react-highlight-words');
-require('@elliemae/ds-basic');
-require('./parts/ChildrenCountDisplayer.js');
-require('./config/cssClassesConstants.js');
+var TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
+var useTree = require('./utils/useTree.js');
+var TreeList = require('./parts/TreeList.js');
+var groupExpandsHelpers = require('./utils/group-expands-helpers.js');
+var useInstanceRefActions = require('./utils/useInstanceRefActions.js');
+var keyboardHelpers = require('./utils/keyboard-helpers.js');
 
 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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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) {
-  var treeRef = React.useRef({
+  const treeRef = React.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 = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      isDragging = _useState2[0],
-      setIsDragging = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isKeyboardDragging = _useState4[0],
-      setIsKeyboardDragging = _useState4[1];
-
-  var _useState5 = React.useState(null),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      draggedItem = _useState6[0],
-      setDraggedItem = _useState6[1];
-
-  var _useState7 = React.useState(null),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      hoverItem = _useState8[0],
-      setHoverItem = _useState8[1];
-
-  var _useState9 = React.useState(TreeViewContext.defaultRelativeMouseCoord),
-      _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      relativeMouseCord = _useState10[0],
-      setRelativeMouseCord = _useState10[1];
-
-  var _useState11 = React.useState(uuid.v4()),
-      _useState12 = _slicedToArray__default['default'](_useState11, 1),
-      uniqueTreeViewUUID = _useState12[0];
-
-  var _useState13 = React.useState(null),
-      _useState14 = _slicedToArray__default['default'](_useState13, 2),
-      latestToggledItem = _useState14[0],
-      setLatestToggledItem = _useState14[1];
-
-  var _useState15 = React.useState(null),
-      _useState16 = _slicedToArray__default['default'](_useState15, 2),
-      selectedItem = _useState16[0],
-      setSelectedItem = _useState16[1];
-
-  var _useState17 = React.useState(null),
-      _useState18 = _slicedToArray__default['default'](_useState17, 2),
-      focusedItem = _useState18[0],
-      setFocusedItem = _useState18[1];
-
-  var _useState19 = React.useState(_objectSpread({}, selection)),
-      _useState20 = _slicedToArray__default['default'](_useState19, 2),
-      selectedCheckboxes = _useState20[0],
-      setSelectedCheckboxes = _useState20[1];
-
-  var _useState21 = React.useState({}),
-      _useState22 = _slicedToArray__default['default'](_useState21, 2),
-      expandedGroups = _useState22[0],
-      setExpandedGroups = _useState22[1];
-
-  var _useTree = utils_useTree.useTree(data, props, {
-    setExpandedGroups: setExpandedGroups
-  }),
-      visibleItems = _useTree.visibleItems,
-      tree = _useTree.tree,
-      treeRoot = _useTree.treeRoot,
-      triggerTreeRerender = _useTree.triggerTreeRerender;
-
-  var virtualListRef = React.useRef(); // estimateSize should not be really required given what was stated on
+  const {
+    data,
+    plugins,
+    onOrderChange,
+    isMultiSelect,
+    isSingleSelect,
+    instanceRef,
+    selection
+  } = props;
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [isKeyboardDragging, setIsKeyboardDragging] = React.useState(false);
+  const [draggedItem, setDraggedItem] = React.useState(null);
+  const [hoverItem, setHoverItem] = React.useState(null);
+  const [relativeMouseCord, setRelativeMouseCord] = React.useState(TreeViewContext.defaultRelativeMouseCoord);
+  const [uniqueTreeViewUUID] = React.useState(uuid.v4());
+  const [latestToggledItem, setLatestToggledItem] = React.useState(null);
+  const [selectedItem, setSelectedItem] = React.useState(null);
+  const [focusedItem, setFocusedItem] = React.useState(null);
+  const [selectedCheckboxes, setSelectedCheckboxes] = React.useState(_objectSpread({}, selection));
+  const [expandedGroups, setExpandedGroups] = React.useState({});
+  const {
+    visibleItems,
+    tree,
+    treeRoot,
+    triggerTreeRerender
+  } = useTree.useTree(data, props, {
+    setExpandedGroups
+  });
+  const virtualListRef = React.useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
 
-  var virtualListHelpers = reactVirtual.useVirtual({
+  const virtualListHelpers = reactVirtual.useVirtual({
     size: visibleItems.length,
     parentRef: virtualListRef,
     overscan: 15
   });
-  var withDragAndDrop = (plugins === null || plugins === void 0 ? void 0 : plugins.includes(plugins_dnd_TreeDndPlugin.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.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
 
   if (instanceRef) instanceRef.current = treeRef.current;
-  utils_useInstanceRefActions.useInstanceRefActions(treeRef.current, ctx);
-  utils_keyboardHelpers.useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem);
-  utils_groupExpandsHelpers.useNotifyExpandedChange(props, ctx);
-  React.useEffect(function () {
-    setTimeout(function () {
+  useInstanceRefActions.useInstanceRefActions(treeRef.current, ctx);
+  keyboardHelpers.useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem);
+  groupExpandsHelpers.useNotifyExpandedChange(props, ctx);
+  React.useEffect(() => {
+    setTimeout(() => {
       ctx.props.onInstanceRefInitialized(treeRef);
     }, 100);
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(TreeViewContext['default'].Provider, {
+  return /*#__PURE__*/_jsx__default["default"](TreeViewContext["default"].Provider, {
     value: ctx
-  }, plugins !== null && plugins !== void 0 && plugins.includes(plugins_dnd_TreeDndPlugin.TreeDndPlugin) ? /*#__PURE__*/React__default['default'].createElement(plugins_dnd_TreeDndPlugin.TreeDnD, null) : /*#__PURE__*/React__default['default'].createElement(parts_TreeList.TreeList, null));
+  }, 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.propTypes = reactDescPropTypes.TreeViewPropTypes;
 TreeView.defaultProps = TreeViewContext.defaultProps;
-var TreeViewWithSchema = reactDesc.describe(TreeView);
+const TreeViewWithSchema = reactDesc.describe(TreeView);
 TreeViewWithSchema.propTypes = reactDescPropTypes.TreeViewPropTypes;
 
 exports.TreeView = TreeView;
 exports.TreeViewWithSchema = TreeViewWithSchema;
-//# sourceMappingURL=TreeView.js.map

package/cjs/TreeViewContext.js

@@ -7,7 +7,7 @@ var React = require('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'}
@@ -23,15 +23,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']
@@ -48,7 +48,7 @@ var defaultProps = {
   // <FilePdf />,
   searchQuery: ''
 };
-var defaultRelativeMouseCoord = {
+const defaultRelativeMouseCoord = {
   isBefore: false,
   isAfter: false,
   isValid: true,
@@ -60,51 +60,48 @@ var defaultRelativeMouseCoord = {
 };
 /** Context for cross component communication */
 
-var TreeViewContext = /*#__PURE__*/React.createContext({
+const TreeViewContext = /*#__PURE__*/React.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: () => {}
 });
 
-exports['default'] = TreeViewContext;
+exports["default"] = TreeViewContext;
 exports.defaultProps = defaultProps;
 exports.defaultRelativeMouseCoord = defaultRelativeMouseCoord;
-//# sourceMappingURL=TreeViewContext.js.map

package/cjs/config/cssClassesConstants.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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`;
 
 exports.DSTreeViewPrefix = DSTreeViewPrefix;
 exports.treeItemBlockName = treeItemBlockName;
 exports.treeListBlockName = treeListBlockName;
 exports.treeListNoItemsBn = treeListNoItemsBn;
-//# sourceMappingURL=cssClassesConstants.js.map

package/cjs/deprecated/TreeView.js

@@ -2,85 +2,65 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var useDataList = require('@elliemae/ds-shared/useDataList');
-var deprecated_renderers = require('./renderers.js');
-var deprecated_plugins_tree_TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
-var deprecated_plugins_virtualization_TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
-var deprecated_plugins_roving_TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./plugins/tree/walkTreeStrategy.js');
-require('./plugins/tree/utils.js');
-require('lodash/get');
-require('./plugins/tree/useExpandTreeState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useExpandState');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-utilities/system');
+var renderers = require('./renderers.js');
+var TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
+var TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
+var TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var useDataList__default = /*#__PURE__*/_interopDefaultLegacy(useDataList);
 
-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__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; }
 
-var wrapComponentIfExists = function wrapComponentIfExists(Wrapper, children) {
-  return Wrapper ? /*#__PURE__*/React__default['default'].createElement(Wrapper, null, children) : children;
-};
+const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx__default["default"](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,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+  let {
+    data,
+    plugins = [],
+    children,
+    roving = true,
+    rowSize = 'normal'
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var instance = useDataList__default['default'](_objectSpread(_objectSpread({
-    data: data,
-    plugins: [deprecated_plugins_tree_TreeDataPlugin.TreePluginList, deprecated_plugins_virtualization_TreeVirtualizationPlugin.TreeVirtualizationPlugin, roving && deprecated_plugins_roving_TreeRovingPlugin.TreeRovingPlugin].concat(_toConsumableArray__default['default'](plugins)),
+  const instance = useDataList__default["default"](_objectSpread(_objectSpread({
+    data,
+    plugins: [TreeDataPlugin.TreePluginList, TreeVirtualizationPlugin.TreeVirtualizationPlugin, roving && TreeRovingPlugin.TreeRovingPlugin, ...plugins],
     customDecorators: {
       shouldWalkChildren: []
     },
     // adds a new decorator to the useDataList specific for trees
-    renderers: deprecated_renderers.TreeRenderers
+    renderers: 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__default['default'].createElement(ListComponent, _extends__default['default']({
+  const {
+    list: ListComponent,
+    listWrapper: Wrapper
+  } = instance.renderers;
+  const {
+    getListProps
+  } = instance;
+  return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
-  }, getListProps(), {
-    className: "em-ds-tv-row-size-".concat(rowSize)
+  }, getListProps()), {}, {
+    className: `em-ds-tv-row-size-${rowSize}`
   })));
 }
 
 exports.TreeView = TreeView;
-//# sourceMappingURL=TreeView.js.map