@elliemae/ds-treeview 2.0.0-next.7 → 2.0.0-rc.2

package/esm/parts/TreeItem.js

@@ -1,10 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useContext, useMemo, useCallback } from 'react';
 import { SortableHandle, SortableElement } from '@elliemae/react-sortable-hoc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
+import { GripperVertical } from '@elliemae/ds-icons';
 import RadioSelectable from './RadioSelectable.js';
 import CheckboxSelectable from './CheckboxSelectable.js';
 import TreeViewContext from '../TreeViewContext.js';
@@ -25,20 +30,23 @@ const TreeListItem = aggregatedClasses('li', {
   role: 'treeitem'
 })(treeItemBlockName);
 const TreeListItemAddonsWrapper = aggregatedClasses('div')(treeItemBlockName, 'addons');
-const DnDHandle = SortableHandle(({
-  id
-}) => /*#__PURE__*/_jsx(GripperVertical, {
-  "data-testid": "drag-handle",
-  className: "drag-handle",
-  size: "s",
-  onMouseDown: e => {
-    // prevent focusing the drag-handle to avoid borders
-    if (e) {
-      e.preventDefault();
-    }
-  },
-  tabIndex: "0"
-}, "".concat(id, "-drag-handle")));
+const DnDHandle = SortableHandle(_ref => {
+  let {
+    id
+  } = _ref;
+  return /*#__PURE__*/_jsx(GripperVertical, {
+    "data-testid": "drag-handle",
+    className: "drag-handle",
+    size: "s",
+    onMouseDown: e => {
+      // prevent focusing the drag-handle to avoid borders
+      if (e) {
+        e.preventDefault();
+      }
+    },
+    tabIndex: "0"
+  }, "".concat(id, "-drag-handle"));
+});
 const TreeItem = props => {
   const {
     item,
@@ -118,9 +126,12 @@ const TreeItem = props => {
     setSelectedItem(item);
     onItemFocus({
       itemIndex: item.virtualIndex,
-      scrollToItem: (opts = {
-        align: 'start'
-      }) => scrollToIndex(item.virtualIndex, opts),
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(item.virtualIndex, opts);
+      },
       item
     });
   }, [item, scrollToIndex, onItemClick, onItemFocus, setSelectedItem, setFocusedItem]);

package/esm/parts/TreeItemText.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useContext, useMemo } from 'react';
 import Highlighter from 'react-highlight-words';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-basic';
+import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { ChildrenCountDisplayer } from './ChildrenCountDisplayer.js';
 import { treeItemBlockName, DSTreeViewPrefix } from '../config/cssClassesConstants.js';
@@ -14,12 +14,15 @@ const ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value'); // cons
 const classNameModifierWrapAll = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--wrap-all");
 const classNameModifierTruncate = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--truncate"); // eslint-disable-next-line react/prop-types
 
-const CustomHighlight = ({
-  children
-}) => /*#__PURE__*/_jsx("mark", {
-  className: "tree-text-highlight",
-  "data-testid": "tree-text-highlight"
-}, void 0, children);
+const CustomHighlight = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx("mark", {
+    className: "tree-text-highlight",
+    "data-testid": "tree-text-highlight"
+  }, void 0, children);
+};
 
 function TreeItemText(props) {
   var _ChildrenCountDisplay, _ChildrenCountDisplay2, _ChildrenCountDisplay3, _ChildrenCountDisplay4;

package/esm/parts/TreeList.js

@@ -1,9 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useContext } from 'react';
 import { SortableContainer } from '@elliemae/react-sortable-hoc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { DSCircularProgressIndicator } from '@elliemae/ds-basic/CircularProgressIndicator';
+import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
 import TreeViewContext from '../TreeViewContext.js';
 import { DragAndDropTreeItem, TreeItem } from './TreeItem.js';
 import { treeListBlockName, DSTreeViewPrefix } from '../config/cssClassesConstants.js';
@@ -19,11 +26,14 @@ const TreeListNoItems = aggregatedClasses('div', {
 const TreeListWrapper = aggregatedClasses('ul', {
   'data-testid': treeListBlockName,
   role: 'tree'
-})(treeListBlockName, null, ({
-  rowSize
-}) => ({
-  ["rowsize-".concat(rowSize)]: rowSize
-}));
+})(treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
 const compactRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-compact");
 const normaRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-normal");
 const TreeList = props => {

package/esm/related-components/TreeViewSearchBar.js

@@ -1,6 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import { DSNavSearchBox } from '@elliemae/ds-basic';
+import { DSNavSearchBox } from '@elliemae/ds-form';
 
 function TreeViewSearchBar(props) {
   const {

package/esm/utils/dnd-helpers.js

@@ -8,13 +8,14 @@ const keyCodes = {
   up: [38, 37],
   down: [40, 39]
 };
-const sameParentAsHoverItemDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const sameParentAsHoverItemDrop = _ref => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref;
   const hoveredItemNodeNestedIndex = overItem.node.getIndex();
   let newParentNode = getItemsParentNode([overItem], true);
   const {
@@ -40,13 +41,14 @@ const sameParentAsHoverItemDrop = ({
     newParentNode
   };
 };
-const inferHoverItemKinshipDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const inferHoverItemKinshipDrop = _ref2 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref2;
   const hoverItemModel = overItem.node.model;
   const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
 
@@ -75,13 +77,14 @@ const inferHoverItemKinshipDrop = ({
     newParentNode: overItem.node
   };
 };
-const isDropValid = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  restrictDragAndDrop
-}) => {
+const isDropValid = _ref3 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    restrictDragAndDrop
+  } = _ref3;
   const {
     id: movedId
   } = draggedItem;
@@ -105,11 +108,12 @@ const isDropValid = ({
 
   return true;
 };
-const inferKeyboardKinshipDrop = ({
-  items,
-  newIndex // movementDirection,
+const inferKeyboardKinshipDrop = _ref4 => {
+  let {
+    items,
+    newIndex // movementDirection,
 
-}) => {
+  } = _ref4;
   const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
 
   const itemBefore = items[newIndex];

package/esm/utils/group-expands-helpers.js

@@ -1,7 +1,8 @@
 import { useCallback, useEffect } from 'react';
 
 /* eslint-disable max-params */
-const toggleItemExpand = (itemToToggle, triggerTreeRerender, scrollTo = () => {}) => {
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender) {
+  let scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
   const {
     node: {
       model: {
@@ -59,10 +60,11 @@ const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLates
   }
   setLatestToggledItem(null);
 };
-const useNotifyExpandedChange = (propsWithDefaults, {
-  latestToggledItem,
-  expandedGroups
-}) => {
+const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
+  let {
+    latestToggledItem,
+    expandedGroups
+  } = _ref;
   const notifyExpandedChange = useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
   useEffect(() => {
     notifyExpandedChange(expandedGroups);

package/esm/utils/keyboard-helpers.js

@@ -37,9 +37,12 @@ const useOnItemKeyDown = item => {
   } = item;
   const onItemFocusCurry = useCallback(newFocusItem => onItemFocus({
     itemIndex: newFocusItem.virtualIndex,
-    scrollToItem: (opts = {
-      align: 'start'
-    }) => scrollToIndex(newFocusItem.virtualIndex, opts),
+    scrollToItem: function () {
+      let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        align: 'start'
+      };
+      return scrollToIndex(newFocusItem.virtualIndex, opts);
+    },
     item: newFocusItem
   }), [onItemFocus]);
   const onItemKeyDown = useCallback(e => {

package/esm/utils/object-helpers.js

@@ -1,3 +1,11 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+
 /* eslint-disable no-sequences */
 
 /* eslint-disable no-return-assign */

package/esm/utils/refs-helpers.js

@@ -1,5 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+
 // allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = (...refs) => {
+const setMultipleRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
   const filteredRefs = refs.filter(Boolean);
   if (!filteredRefs.length) return null;
   if (filteredRefs.length === 0) return filteredRefs[0];

package/esm/utils/selectable-helper.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { walkAllNodeChildren, walkParents } from './tree-helpers.js';
 
@@ -19,7 +24,8 @@ const getGroupCheckState = node => {
   if (anyChildChecked) return 'mixed';
   return false;
 };
-const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerender = null) => {
+const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const newSelections = {};
   const {
     nodePath
@@ -32,7 +38,8 @@ const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerende
   if (triggerTreeRerender) triggerTreeRerender();
   return newSelections;
 };
-const toggleCheckboxItem = (itemToSelect, triggerTreeRerender = null) => {
+const toggleCheckboxItem = function (itemToSelect) {
+  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const {
     node: {
       model: {

package/esm/utils/tree-helpers.js

@@ -1,8 +1,17 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.every.js';
+import 'core-js/modules/esnext.iterator.every.js';
 import { createRef } from 'react';
 import { standardizeSearchQueryString } from './string-helpers.js';
 
-const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = false) => {
+const walkVisibles = function (node, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let highlightOnlyQuery = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const {
     children,
     model
@@ -24,7 +33,8 @@ const walkVisibles = (node, callback, skipRoot = true, highlightOnlyQuery = fals
     });
   }
 };
-const walkParents = (nodePath, callback, skipRoot = true) => {
+const walkParents = function (nodePath, callback) {
+  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const parents = [...nodePath].reverse();
   parents.shift(); // remove current node from the parents array
 
@@ -32,7 +42,8 @@ const walkParents = (nodePath, callback, skipRoot = true) => {
 
   parents.forEach(callback);
 };
-const walkAllNodeChildren = (node, callback, isFirst = true) => {
+const walkAllNodeChildren = function (node, callback) {
+  let isFirst = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const {
     children = []
   } = node;
@@ -50,7 +61,9 @@ const getNodeById = (treeRoot, id) => {
   return nodes[0];
 };
 const cloneNode = (tree, node) => tree.parse(node.model);
-const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
+const getItemsParentNode = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let skipSameParentCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (items.length === 0) throw new Error("Received empty items, can't retrieve parent"); // in case we already know the items compared shares the same parent
 
   if (!skipSameParentCheck) if (!itemsShareSameParent(items)) // if we don't know (default, we don't) check if they share the parent
@@ -67,7 +80,8 @@ const getItemsParentNode = (items = [], skipSameParentCheck = false) => {
   const directParentNode = firstExistingItemPath[firstExistingItemPath.length - 2];
   return directParentNode;
 };
-const itemsShareSameParent = (items = []) => {
+const itemsShareSameParent = function () {
+  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   if (items.length === 0) throw new Error('Received empty items for comparison');
   if (items.length === 1) return true; // when moving in first position we receive [undefined,...{items}]
   // when moving in last position we receive [...{items}, undefined]
@@ -88,21 +102,25 @@ const itemsShareSameParent = (items = []) => {
     return directParentNode === itemDirectParent;
   });
 };
-const getNodeMatchesSearchQuery = (node, searchQuery = '') => {
+const getNodeMatchesSearchQuery = function (node) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const standardizedName = standardizeSearchQueryString(node.model.name);
   const standardizedSearchQuery = standardizeSearchQueryString(searchQuery);
   return standardizedName.includes(standardizedSearchQuery);
 };
-const getChildrenMatchesSearchQuery = (parentNode, searchQuery = '') => {
+const getChildrenMatchesSearchQuery = function (parentNode) {
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let anyChildMatch = false;
   walkAllNodeChildren(parentNode, node => {
     if (getNodeMatchesSearchQuery(node, searchQuery)) anyChildMatch = true;
   });
   return anyChildMatch;
 };
-const enrichNodeModelInPlace = (node, searchQuery = '', selection = null) => {
+const enrichNodeModelInPlace = function (node) {
   var _node$model, _node$model$children;
 
+  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const path = node.getPath();
   const depth = path.length - 1;
   node.model.nodePath = path;

package/esm/utils/useDnDHelpers.js

@@ -1,3 +1,7 @@
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.drop.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.drop.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useCallback } from 'react';
 import { cloneDeep } from 'lodash';
@@ -27,11 +31,12 @@ const useDnDHelpers = () => {
     treeRoot,
     draggedItem
   } = ctx;
-  const onSortEnd = useCallback(({
-    oldIndex,
-    newIndex,
-    isKeySorting
-  }) => {
+  const onSortEnd = useCallback(_ref => {
+    let {
+      oldIndex,
+      newIndex,
+      isKeySorting
+    } = _ref;
     let newItems = cloneDeep(data);
     const {
       isBefore,
@@ -126,13 +131,14 @@ const useDnDHelpers = () => {
   // at the top/center/bottom of an element to choose where to move the element
   // requested in the specs
 
-  const onMouseDragOverItem = useCallback(({
-    event,
-    item,
-    itemIndex,
-    setIsDraggingOverThis,
-    openFolderOnHoverTimeout
-  }) => {
+  const onMouseDragOverItem = useCallback(_ref2 => {
+    let {
+      event,
+      item,
+      itemIndex,
+      setIsDraggingOverThis,
+      openFolderOnHoverTimeout
+    } = _ref2;
     const {
       node
     } = item;

package/esm/utils/useInstanceRefActions.js

@@ -3,9 +3,10 @@ import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
 import { focusItem } from './tree-helpers.js';
 import { toggleExpandAllHelper } from './group-expands-helpers.js';
 
-const useInstanceRefActions = ({
-  actions
-}, ctx) => {
+const useInstanceRefActions = (_ref, ctx) => {
+  let {
+    actions
+  } = _ref;
   const {
     props: {
       onItemFocus
@@ -40,19 +41,21 @@ const useInstanceRefActions = ({
     setPromise(p);
     return p;
   }, [promises, treeRoot, triggerTreeRerender, setLatestToggledItem]);
-  actions.scrollTo = useCallback((indx, opts = {
-    align: 'start'
-  }) => {
+  actions.scrollTo = useCallback(function (indx) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'start'
+    };
     if (scrollToIndex) scrollToIndex(indx, opts);
   }, [scrollToIndex]);
   actions.setSelectedItemByVirtualIndex = useCallback(index => {
     const itemByIndex = visibleItems[index];
     setSelectedItem(itemByIndex);
   }, [visibleItems, setSelectedItem]);
-  actions.setFocusedItemByVirtualIndex = useCallback((index, opts = {
-    align: 'start',
-    withScroll: false
-  }) => {
+  actions.setFocusedItemByVirtualIndex = useCallback(function (index) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'start',
+      withScroll: false
+    };
     const itemByIndex = visibleItems[index];
     const onItemFocusParams = {
       itemIndex: itemByIndex.virtualIndex,

package/esm/utils/useTree.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo, useState, useEffect, useCallback } from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-treeview",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tree View",
   "module": "./esm/index.js",
@@ -319,18 +319,19 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-next.7",
-    "@elliemae/ds-classnames": "2.0.0-next.7",
-    "@elliemae/ds-dropdownmenu": "2.0.0-next.7",
-    "@elliemae/ds-icons": "2.0.0-next.7",
-    "@elliemae/ds-shared": "2.0.0-next.7",
-    "@elliemae/ds-utilities": "2.0.0-next.7",
+    "@elliemae/ds-basic": "2.0.0-rc.2",
+    "@elliemae/ds-classnames": "2.0.0-rc.2",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.2",
+    "@elliemae/ds-icons": "2.0.0-rc.2",
+    "@elliemae/ds-shared": "2.0.0-rc.2",
+    "@elliemae/ds-utilities": "2.0.0-rc.2",
     "@elliemae/react-sortable-hoc": "^1.0.0",
     "@john-osullivan/react-window-dynamic-fork": "1.9.0-alpha.1",
     "prop-types": "~15.7.2",
     "react-beautiful-dnd": "~13.0.0",
+    "react-desc": "~4.1.3",
     "react-highlight-words": "~0.17.0",
-    "react-virtual": "^2.3.2",
+    "react-virtual": "~2.3.2",
     "react-virtualized-auto-sizer": "~1.0.6",
     "react-window": "~1.8.6",
     "resize-observer-polyfill": "~1.5.1",
@@ -339,12 +340,12 @@
     "uuid": "~8.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   }
 }

package/types/deprecated/plugins/tree/useExpandTreeState.d.ts

@@ -1,4 +1,14 @@
 export declare const useExpandTreeState: (instance: any) => {
-    state: any;
-    actions: any;
+    state: {
+        expandedAll: boolean;
+        expanded: any;
+        isExpandedAll: boolean;
+    };
+    actions: {
+        toggleExpandAll: (expanded: any) => Promise<any>;
+        toggleExpand: (item: any, opts: any) => void;
+        _toggleExpand: (item: any, opts: any) => void;
+        expand: (item: any, stateData?: boolean | undefined) => void;
+        collapse: (item: any) => void;
+    };
 };