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

package/cjs/deprecated/plugins/tree/TreeDataPlugin.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var utils = require('@elliemae/ds-utilities/utils');
@@ -11,18 +11,14 @@ var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
 var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
 var dsClassnames = require('@elliemae/ds-classnames');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var deprecated_plugins_tree_walkTreeStrategy = require('./walkTreeStrategy.js');
-var deprecated_plugins_tree_utils = require('./utils.js');
-var deprecated_renderers = require('../../renderers.js');
-var deprecated_plugins_tree_useExpandTreeState = require('./useExpandTreeState.js');
-require('lodash/get');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useExpandState');
+var walkTreeStrategy = require('./walkTreeStrategy.js');
+var utils$1 = require('./utils.js');
+var renderers = require('../../renderers.js');
+var useExpandTreeState = require('./useExpandTreeState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
@@ -30,103 +26,107 @@ var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
+var _ArrowheadDown, _ArrowheadRight;
+
 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; }
-var ItemContent = dsClassnames.aggregatedClasses('div')("".concat(deprecated_renderers.treeItemBlockName, "-content"));
-var ItemValue = dsClassnames.aggregatedClasses('span')(deprecated_renderers.treeItemBlockName, 'value');
+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 ItemContent = dsClassnames.aggregatedClasses('div')(`${renderers.treeItemBlockName}-content`);
+const ItemValue = dsClassnames.aggregatedClasses('span')(renderers.treeItemBlockName, 'value');
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
-var getItemNestingLeftPadding = function getItemNestingLeftPadding(level, opts) {
-  var _spaceForNestingLevel = _objectSpread({
+const getItemNestingLeftPadding = (level, opts) => {
+  const {
+    spaceForNestingLevel,
+    isChild
+  } = _objectSpread({
     spaceForNestingLevel: 1.5
-  }, opts),
-      spaceForNestingLevel = _spaceForNestingLevel.spaceForNestingLevel,
-      isChild = _spaceForNestingLevel.isChild;
+  }, opts);
 
-  var groupLeftPadding = spaceForNestingLevel * (level - 1);
-  return isChild ? "".concat(groupLeftPadding + spaceForNestingLevel - 0.1, "em") : "".concat(groupLeftPadding, "em");
+  const groupLeftPadding = spaceForNestingLevel * (level - 1);
+  return isChild ? `${groupLeftPadding + spaceForNestingLevel - 0.1}em` : `${groupLeftPadding}em`;
 };
 
-var itemRenderer = function itemRenderer(value, itemProps, instance) {
-  var record = itemProps.record;
-
-  var _instance$getInstance = instance.getInstance(),
-      _instance$getInstance2 = _instance$getInstance.props,
-      _instance$getInstance3 = _instance$getInstance2.showChildrenAmount,
-      showChildrenAmount = _instance$getInstance3 === void 0 ? false : _instance$getInstance3,
-      labelRenderer = _instance$getInstance2.labelRenderer,
-      _instance$getInstance4 = _instance$getInstance2.onItemClick,
-      onItemClick = _instance$getInstance4 === void 0 ? noop : _instance$getInstance4; // eslint-disable-next-line react-hooks/rules-of-hooks
-
+const itemRenderer = (value, itemProps, instance) => {
+  const {
+    record
+  } = itemProps;
+  const {
+    props: {
+      showChildrenAmount = false,
+      labelRenderer,
+      onItemClick = noop
+    }
+  } = instance.getInstance(); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-  var handleItemClick = React.useCallback(function (e) {
+  const handleItemClick = React.useCallback(e => {
     onItemClick(record.data, e);
   }, [record.data, onItemClick]);
-  var amountChildren = Number(deprecated_plugins_tree_utils.getItemChildrenLength(record));
-  var renderedLabel = utils.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
-  return /*#__PURE__*/React__default['default'].createElement(ItemContent, {
-    "data-testid": "".concat(deprecated_renderers.treeItemBlockName, "-content"),
+  const amountChildren = Number(utils$1.getItemChildrenLength(record));
+  const renderedLabel = utils.isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
+  return /*#__PURE__*/_jsx__default["default"](ItemContent, {
+    "data-testid": `${renderers.treeItemBlockName}-content`,
     onClick: handleItemClick
-  }, /*#__PURE__*/React__default['default'].createElement(ItemValue, null, renderedLabel, showChildrenAmount && record.isGroup && " (".concat(amountChildren, ")")));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && ` (${amountChildren})`));
 };
 
 itemRenderer.order = 100;
-var TreePluginList = createInstancePlugin__default['default']('tree-data', {
-  state: deprecated_plugins_tree_useExpandTreeState.useExpandTreeState,
-  recordIterator: function recordIterator(opts) {
-    var shouldWalkChildren = function shouldWalkChildren(record) {
-      var _opts$instance$getIns = opts.instance.getInstance(),
-          expandedAll = _opts$instance$getIns.state.expandedAll,
-          decorators = _opts$instance$getIns.decorators;
-
-      var shouldWalk = decorators.shouldWalkChildren.some(function (decorator) {
-        return decorator(record, opts.instance);
-      });
+const TreePluginList = createInstancePlugin__default["default"]('tree-data', {
+  state: useExpandTreeState.useExpandTreeState,
+  recordIterator: opts => {
+    const shouldWalkChildren = record => {
+      const {
+        state: {
+          expandedAll
+        },
+        decorators
+      } = opts.instance.getInstance();
+      const shouldWalk = decorators.shouldWalkChildren.some(decorator => decorator(record, opts.instance));
       if (shouldWalk) return true;
       if (expandedAll === true) return true;
       return !record.parentNode.id || record.parentNode.expanded;
     };
 
-    deprecated_plugins_tree_walkTreeStrategy.walkTreeStrategy(_objectSpread(_objectSpread({}, opts), {}, {
-      shouldWalkChildren: shouldWalkChildren
+    walkTreeStrategy.walkTreeStrategy(_objectSpread(_objectSpread({}, opts), {}, {
+      shouldWalkChildren
     }));
   },
-  getItemProps: function getItemProps(props, instance, _ref) {
-    var record = _ref.record;
-    var nestingLevel = record.nestingLevel;
-
-    var _instance$getInstance5 = instance.getInstance(),
-        _toggleExpand = _instance$getInstance5.actions._toggleExpand,
-        _instance$getInstance6 = _instance$getInstance5.props,
-        itemIcon = _instance$getInstance6.itemIcon,
-        groupIcon = _instance$getInstance6.groupIcon,
-        _instance$getInstance7 = _instance$getInstance6.spaceForNestingLevel,
-        spaceForNestingLevel = _instance$getInstance7 === void 0 ? 1.5 : _instance$getInstance7; // eslint-disable-next-line react-hooks/rules-of-hooks
 
+  getItemProps(props, instance, {
+    record
+  }) {
+    const {
+      nestingLevel
+    } = record;
+    const {
+      actions: {
+        _toggleExpand
+      },
+      props: {
+        itemIcon,
+        groupIcon,
+        spaceForNestingLevel = 1.5
+      }
+    } = instance.getInstance(); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    var handleExpandRow = React.useCallback(function () {
-      return _toggleExpand(record.data);
-    }, [record.data]);
-    var icon = record.isGroup ? groupIcon : itemIcon;
-    var itemNestingLeftPadding = getItemNestingLeftPadding(nestingLevel || record.nestingLevel, {
+    const handleExpandRow = React.useCallback(() => _toggleExpand(record.data), [record.data]);
+    const icon = record.isGroup ? groupIcon : itemIcon;
+    const itemNestingLeftPadding = getItemNestingLeftPadding(nestingLevel || record.nestingLevel, {
       isChild: !record.isGroup,
-      spaceForNestingLevel: spaceForNestingLevel
+      spaceForNestingLevel
     });
-    var expandAddon = record.isGroup && /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
+
+    const expandAddon = record.isGroup && /*#__PURE__*/_jsx__default["default"](Button__default["default"], {
       buttonType: "text",
       className: "expandable-arrow",
       "data-testid": "tree-item-expand-toggle",
-      key: "".concat(record.id, "-expand-addon"),
-      icon: record.expanded ? /*#__PURE__*/React__default['default'].createElement(ArrowheadDown__default['default'], {
+      icon: record.expanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
         "data-testid": "ic-arrow-head-down"
-      }) : /*#__PURE__*/React__default['default'].createElement(ArrowheadRight__default['default'], {
+      })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
         "data-testid": "ic-arrow-head-right"
-      }),
-      onClick: function onClick(e) {
+      })),
+      onClick: e => {
         // Avoid item selection on caret click (just expand/hide)
         e.stopPropagation();
         handleExpandRow(e);
@@ -134,58 +134,67 @@ var TreePluginList = createInstancePlugin__default['default']('tree-data', {
       size: "s",
       tabIndex: -1 // eslint-disable-next-line max-lines
 
-    });
-    var iconAddon = icon && /*#__PURE__*/React__default['default'].cloneElement(icon, {
+    }, `${record.id}-expand-addon`);
+
+    const iconAddon = icon && /*#__PURE__*/React__default["default"].cloneElement(icon, {
       'data-testid': record.isGroup ? 'tree-item-group-icon' : 'tree-item-icon',
       className: utils.cx(icon.props.className, 'tree-item-icon')
     });
-    var spaceAddon = /*#__PURE__*/React__default['default'].createElement("div", {
+
+    const spaceAddon = /*#__PURE__*/_jsx__default["default"]("div", {
       "data-testid": "tree-item-nested-space",
       style: {
         width: itemNestingLeftPadding
-      },
-      key: "".concat(record.id, "-space-addon")
-    });
+      }
+    }, `${record.id}-space-addon`);
+
     return _objectSpread(_objectSpread({}, props), {}, {
       'data-id': record.id,
-      'data-parentid': deprecated_plugins_tree_utils.getParentId(record),
+      'data-parentid': utils$1.getParentId(record),
       'aria-expanded': !!record.expanded,
-      leftAddons: [].concat(_toConsumableArray__default['default'](props.leftAddons || []), [spaceAddon, expandAddon, iconAddon])
+      leftAddons: [...(props.leftAddons || []), spaceAddon, expandAddon, iconAddon]
     });
   },
-  record: function record(_record, instance) {
-    var _instance$getInstance8 = instance.getInstance(),
-        _instance$getInstance9 = _instance$getInstance8.state,
-        expanded = _instance$getInstance9.expanded,
-        expandedAll = _instance$getInstance9.expandedAll;
 
-    var isParentExpanded = !_record.parentNode.id || _record.parentNode.expanded; // eslint-disable-next-line no-param-reassign
+  record: (record, instance) => {
+    const {
+      state: {
+        expanded,
+        expandedAll
+      }
+    } = instance.getInstance();
+    const isParentExpanded = !record.parentNode.id || record.parentNode.expanded; // eslint-disable-next-line no-param-reassign
 
-    if (expandedAll === true) _record.expanded = true; // eslint-disable-next-line no-param-reassign
-    else if (expandedAll === false) _record.expanded = false; // eslint-disable-next-line no-param-reassign
-    else _record.expanded = isParentExpanded && !!expanded[_record.id];
-    return isParentExpanded && _record;
+    if (expandedAll === true) record.expanded = true; // eslint-disable-next-line no-param-reassign
+    else if (expandedAll === false) record.expanded = false; // eslint-disable-next-line no-param-reassign
+    else record.expanded = isParentExpanded && !!expanded[record.id];
+    return isParentExpanded && record;
   },
-  hotKeys: function hotKeys(instance) {
-    function handleExpand(_ref2) {
-      var index = _ref2.index;
 
-      var _instance$getInstance10 = instance.getInstance(),
-          records = _instance$getInstance10.records,
-          _toggleExpand = _instance$getInstance10.actions._toggleExpand;
-
-      var record = records[index];
+  hotKeys(instance) {
+    function handleExpand({
+      index
+    }) {
+      const {
+        records,
+        actions: {
+          _toggleExpand
+        }
+      } = instance.getInstance();
+      const record = records[index];
       if (record && record.data.children.length > 0) _toggleExpand(record.data);
     }
 
-    function handleCollapse(_ref3) {
-      var index = _ref3.index;
-
-      var _instance$getInstance11 = instance.getInstance(),
-          records = _instance$getInstance11.records,
-          collapse = _instance$getInstance11.actions.collapse;
-
-      var record = records[index];
+    function handleCollapse({
+      index
+    }) {
+      const {
+        records,
+        actions: {
+          collapse
+        }
+      } = instance.getInstance();
+      const record = records[index];
 
       if (record && record.expanded) {
         collapse(record);
@@ -193,27 +202,27 @@ var TreePluginList = createInstancePlugin__default['default']('tree-data', {
     }
 
     function handleExpandAll() {
-      var _instance$getInstance12 = instance.getInstance(),
-          toggleExpandAll = _instance$getInstance12.actions.toggleExpandAll;
-
-      var active = document.activeElement;
-      toggleExpandAll().then(function () {
-        var _instance$getInstance13 = instance.getInstance(),
-            records = _instance$getInstance13.records;
-
-        var itemToFocus = records.find( // eslint-disable-next-line eqeqeq
-        function (record) {
-          return record.id == active.dataset.id;
-        });
+      const {
+        actions: {
+          toggleExpandAll
+        }
+      } = instance.getInstance();
+      const active = document.activeElement;
+      toggleExpandAll().then(() => {
+        const {
+          records
+        } = instance.getInstance();
+        const itemToFocus = records.find( // eslint-disable-next-line eqeqeq
+        record => record.id == active.dataset.id);
 
         if (itemToFocus) {
           // eslint-disable-next-line no-unused-expressions
           // eslint-disable-next-line mdx/no-unused-expressions
-          deprecated_plugins_tree_utils.findItemOnDocument(itemToFocus.id) ? deprecated_plugins_tree_utils.findItemOnDocument(itemToFocus.id).focus() : deprecated_plugins_tree_utils.findItemOnDocument(records[0].id).focus();
+          utils$1.findItemOnDocument(itemToFocus.id) ? utils$1.findItemOnDocument(itemToFocus.id).focus() : utils$1.findItemOnDocument(records[0].id).focus();
         } else {
-          deprecated_plugins_tree_utils.getListFromDocument().scrollTo(0, 0);
-          setTimeout(function () {
-            deprecated_plugins_tree_utils.findItemOnDocument(records[0].id).focus();
+          utils$1.getListFromDocument().scrollTo(0, 0);
+          setTimeout(() => {
+            utils$1.findItemOnDocument(records[0].id).focus();
           }, 200);
         }
       });
@@ -230,14 +239,16 @@ var TreePluginList = createInstancePlugin__default['default']('tree-data', {
       handler: handleCollapse
     }, {
       key: 'enter',
-      handler: function handler(_ref4) {
-        var index = _ref4.index;
-
-        var _instance$getInstance14 = instance.getInstance(),
-            records = _instance$getInstance14.records,
-            select = _instance$getInstance14.actions.select;
-
-        var record = records[index];
+      handler: ({
+        index
+      }) => {
+        const {
+          records,
+          actions: {
+            select
+          }
+        } = instance.getInstance();
+        const record = records[index];
         select(record);
       }
     }, {
@@ -252,8 +263,8 @@ var TreePluginList = createInstancePlugin__default['default']('tree-data', {
       handler: handleExpandAll
     }];
   },
-  itemRenderer: itemRenderer
+
+  itemRenderer
 });
 
 exports.TreePluginList = TreePluginList;
-//# sourceMappingURL=TreeDataPlugin.js.map

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

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_tree_TreeDataPlugin = require('./TreeDataPlugin.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./walkTreeStrategy.js');
-require('./utils.js');
-require('lodash/get');
-require('../../renderers.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('./useExpandTreeState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useExpandState');
+var TreeDataPlugin = require('./TreeDataPlugin.js');
 
 
 
-exports.TreePluginList = deprecated_plugins_tree_TreeDataPlugin.TreePluginList;
-//# sourceMappingURL=index.js.map
+exports.TreePluginList = TreeDataPlugin.TreePluginList;

package/cjs/deprecated/plugins/tree/useExpandTreeState.js

@@ -3,100 +3,91 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var useExpandState = require('@elliemae/ds-utilities/hooks/useExpandState');
 var utils = require('@elliemae/ds-utilities/utils');
-var deprecated_plugins_tree_walkTreeStrategy = require('./walkTreeStrategy.js');
-require('@babel/runtime/helpers/toConsumableArray');
+var walkTreeStrategy = require('./walkTreeStrategy.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var useExpandState__default = /*#__PURE__*/_interopDefaultLegacy(useExpandState);
 
 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 toggleExpandAllAsync = function toggleExpandAllAsync(expand, data) {
-  return new Promise(function (resolve) {
-    var nextState = {};
+const toggleExpandAllAsync = (expand, data) => new Promise(resolve => {
+  const nextState = {};
 
-    if (expand) {
-      deprecated_plugins_tree_walkTreeStrategy.walkTreeStrategy({
-        data: data,
-        cb: function cb(node) {
-          if (node.isGroup) nextState[node.id] = true;
-        }
-      });
+  if (expand) {
+    walkTreeStrategy.walkTreeStrategy({
+      data,
+      cb: node => {
+        if (node.isGroup) nextState[node.id] = true;
+      }
+    });
+  }
+
+  resolve(nextState);
+});
+
+const useExpandTreeState = instance => {
+  const {
+    originalData,
+    props: {
+      searchQuery,
+      expandedRows: expandedItemsProp = {},
+      itemKey = 'id',
+      onExpand,
+      onExpandChange,
+      onExpandAll,
+      onToggleExpand,
+      onCollapse
     }
-
-    resolve(nextState);
-  });
-};
-
-var useExpandTreeState = function useExpandTreeState(instance) {
-  var originalData = instance.originalData,
-      _instance$props = instance.props,
-      searchQuery = _instance$props.searchQuery,
-      _instance$props$expan = _instance$props.expandedRows,
-      expandedItemsProp = _instance$props$expan === void 0 ? {} : _instance$props$expan,
-      _instance$props$itemK = _instance$props.itemKey,
-      itemKey = _instance$props$itemK === void 0 ? 'id' : _instance$props$itemK,
-      onExpand = _instance$props.onExpand,
-      onExpandChange = _instance$props.onExpandChange,
-      onExpandAll = _instance$props.onExpandAll,
-      onToggleExpand = _instance$props.onToggleExpand,
-      onCollapse = _instance$props.onCollapse;
-  var expandedState = useExpandState__default['default']({
+  } = instance;
+  const expandedState = useExpandState__default["default"]({
     items: originalData,
-    itemKey: itemKey,
+    itemKey,
     expanded: expandedItemsProp,
-    onExpand: onExpand,
-    onExpandChange: onExpandChange,
-    onExpandAll: onExpandAll,
-    onToggleExpand: onToggleExpand,
-    onCollapse: onCollapse
+    onExpand,
+    onExpandChange,
+    onExpandAll,
+    onToggleExpand,
+    onCollapse
   });
-  var totalExpandableRecords = React.useRef(0);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      expandedAll = _useState2[0],
-      setExpandAll = _useState2[1];
-
-  React.useEffect(function () {
+  const totalExpandableRecords = React.useRef(0);
+  const [expandedAll, setExpandAll] = React.useState(false);
+  React.useEffect(() => {
     totalExpandableRecords.current = 0;
-    deprecated_plugins_tree_walkTreeStrategy.walkTreeStrategy({
+    walkTreeStrategy.walkTreeStrategy({
       data: originalData,
-      cb: function cb(node) {
+      cb: node => {
         if (node.isGroup) totalExpandableRecords.current += 1;
       }
     });
   }, [originalData]);
-  React.useEffect(function () {
-    var currLength = Object.keys(expandedState.state.expanded || {}).length;
-    var isExpandedAll;
+  React.useEffect(() => {
+    const currLength = Object.keys(expandedState.state.expanded || {}).length;
+    let isExpandedAll;
     if (currLength === 0) isExpandedAll = false;else if (totalExpandableRecords.current !== currLength) isExpandedAll = 'mixed';else if (currLength === totalExpandableRecords.current) isExpandedAll = true;
     setExpandAll(isExpandedAll);
   }, [expandedState.state.expanded, originalData]);
 
-  var toggleExpand = function toggleExpand(item, opts) {
-    var _ref = opts || {},
-        expandAllChildren = _ref.expandAllChildren;
+  const toggleExpand = (item, opts) => {
+    const {
+      expandAllChildren
+    } = opts || {};
+    expandedState.setExpanded(prevState => {
+      const nextExpandState = _objectSpread({}, prevState);
 
-    expandedState.setExpanded(function (prevState) {
-      var nextExpandState = _objectSpread({}, prevState);
-
-      var nextState = !prevState[item[itemKey]];
+      const nextState = !prevState[item[itemKey]];
       if (nextState) nextExpandState[item[itemKey]] = true;else delete nextExpandState[item[itemKey]];
 
       if (expandAllChildren) {
-        deprecated_plugins_tree_walkTreeStrategy.walkTreeStrategy({
+        walkTreeStrategy.walkTreeStrategy({
           data: item.children,
-          cb: function cb(node) {
+          cb: node => {
             if (node.isGroup) {
               if (nextState) nextExpandState[node.id] = true;else delete nextExpandState[node.id];
             }
@@ -112,7 +103,7 @@ var useExpandTreeState = function useExpandTreeState(instance) {
     });
   };
 
-  var handleToggleExpand = function handleToggleExpand(item, opts) {
+  const handleToggleExpand = (item, opts) => {
     if (utils.isFunction(onToggleExpand)) {
       onToggleExpand(item);
     } else {
@@ -120,32 +111,29 @@ var useExpandTreeState = function useExpandTreeState(instance) {
     }
   };
 
-  var toggleExpandAll = function toggleExpandAll(expanded) {
-    var nextExpanded = true; // if no param is passed, keep toggle behavior
+  const toggleExpandAll = expanded => {
+    let nextExpanded = true; // if no param is passed, keep toggle behavior
 
     if (typeof expandedAll === 'boolean') nextExpanded = !expandedAll;
     if (typeof expanded !== 'undefined') nextExpanded = expanded;
     setExpandAll(nextExpanded);
-    return toggleExpandAllAsync(nextExpanded, originalData).then(function (nextState) {
-      return expandedState.setExpanded(nextState);
-    });
+    return toggleExpandAllAsync(nextExpanded, originalData).then(nextState => expandedState.setExpanded(nextState));
   };
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (searchQuery && (!expandedAll || expandedAll === 'mixed')) toggleExpandAll(true);
   }, [searchQuery]); // eslint-disable-next-line max-lines
 
   return {
     state: _objectSpread(_objectSpread({}, expandedState.state), {}, {
-      expandedAll: expandedAll
+      expandedAll
     }),
     actions: _objectSpread(_objectSpread({}, expandedState.actions), {}, {
-      toggleExpandAll: toggleExpandAll,
-      toggleExpand: toggleExpand,
+      toggleExpandAll,
+      toggleExpand,
       _toggleExpand: handleToggleExpand
     })
   };
 };
 
 exports.useExpandTreeState = useExpandTreeState;
-//# sourceMappingURL=useExpandTreeState.js.map