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

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

@@ -1,4 +1,4 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useCallback } from 'react';
 import { cx, isFunction } from '@elliemae/ds-utilities/utils';
@@ -11,108 +11,108 @@ import { walkTreeStrategy } from './walkTreeStrategy.js';
 import { getParentId, getItemChildrenLength, findItemOnDocument, getListFromDocument } from './utils.js';
 import { treeItemBlockName } from '../../renderers.js';
 import { useExpandTreeState } from './useExpandTreeState.js';
-import 'lodash/get';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/hooks/useExpandState';
+
+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(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 = aggregatedClasses('div')("".concat(treeItemBlockName, "-content"));
-var ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value');
+const ItemContent = aggregatedClasses('div')(`${treeItemBlockName}-content`);
+const ItemValue = aggregatedClasses('span')(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 = useCallback(function (e) {
+  const handleItemClick = useCallback(e => {
     onItemClick(record.data, e);
   }, [record.data, onItemClick]);
-  var amountChildren = Number(getItemChildrenLength(record));
-  var renderedLabel = isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
-  return /*#__PURE__*/React.createElement(ItemContent, {
-    "data-testid": "".concat(treeItemBlockName, "-content"),
+  const amountChildren = Number(getItemChildrenLength(record));
+  const renderedLabel = isFunction(labelRenderer) && labelRenderer(value, itemProps) || value;
+  return /*#__PURE__*/_jsx(ItemContent, {
+    "data-testid": `${treeItemBlockName}-content`,
     onClick: handleItemClick
-  }, /*#__PURE__*/React.createElement(ItemValue, null, renderedLabel, showChildrenAmount && record.isGroup && " (".concat(amountChildren, ")")));
+  }, void 0, /*#__PURE__*/_jsx(ItemValue, {}, void 0, renderedLabel, showChildrenAmount && record.isGroup && ` (${amountChildren})`));
 };
 
 itemRenderer.order = 100;
-var TreePluginList = createInstancePlugin('tree-data', {
+const TreePluginList = createInstancePlugin('tree-data', {
   state: 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);
-      });
+  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;
     };
 
     walkTreeStrategy(_objectSpread(_objectSpread({}, opts), {}, {
-      shouldWalkChildren: shouldWalkChildren
+      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
-
-
-    var handleExpandRow = useCallback(function () {
-      return _toggleExpand(record.data);
-    }, [record.data]);
-    var icon = record.isGroup ? groupIcon : itemIcon;
-    var itemNestingLeftPadding = getItemNestingLeftPadding(nestingLevel || record.nestingLevel, {
+
+  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
+
+    const handleExpandRow = 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.createElement(Button, {
+
+    const expandAddon = record.isGroup && /*#__PURE__*/_jsx(Button, {
       buttonType: "text",
       className: "expandable-arrow",
       "data-testid": "tree-item-expand-toggle",
-      key: "".concat(record.id, "-expand-addon"),
-      icon: record.expanded ? /*#__PURE__*/React.createElement(ArrowheadDown, {
+      icon: record.expanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
         "data-testid": "ic-arrow-head-down"
-      }) : /*#__PURE__*/React.createElement(ArrowheadRight, {
+      })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx(ArrowheadRight, {
         "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);
@@ -120,58 +120,67 @@ var TreePluginList = createInstancePlugin('tree-data', {
       size: "s",
       tabIndex: -1 // eslint-disable-next-line max-lines
 
-    });
-    var iconAddon = icon && /*#__PURE__*/React.cloneElement(icon, {
+    }, `${record.id}-expand-addon`);
+
+    const iconAddon = icon && /*#__PURE__*/React.cloneElement(icon, {
       'data-testid': record.isGroup ? 'tree-item-group-icon' : 'tree-item-icon',
       className: cx(icon.props.className, 'tree-item-icon')
     });
-    var spaceAddon = /*#__PURE__*/React.createElement("div", {
+
+    const spaceAddon = /*#__PURE__*/_jsx("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': getParentId(record),
       'aria-expanded': !!record.expanded,
-      leftAddons: [].concat(_toConsumableArray(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
-
-    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;
+  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;
+  },
 
-      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);
@@ -179,18 +188,18 @@ var TreePluginList = createInstancePlugin('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
@@ -198,7 +207,7 @@ var TreePluginList = createInstancePlugin('tree-data', {
           findItemOnDocument(itemToFocus.id) ? findItemOnDocument(itemToFocus.id).focus() : findItemOnDocument(records[0].id).focus();
         } else {
           getListFromDocument().scrollTo(0, 0);
-          setTimeout(function () {
+          setTimeout(() => {
             findItemOnDocument(records[0].id).focus();
           }, 200);
         }
@@ -216,14 +225,16 @@ var TreePluginList = createInstancePlugin('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);
       }
     }, {
@@ -238,8 +249,8 @@ var TreePluginList = createInstancePlugin('tree-data', {
       handler: handleExpandAll
     }];
   },
-  itemRenderer: itemRenderer
+
+  itemRenderer
 });
 
 export { TreePluginList };
-//# sourceMappingURL=TreeDataPlugin.js.map

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

@@ -1,19 +1 @@
 export { TreePluginList } from './TreeDataPlugin.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-utilities/utils';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './walkTreeStrategy.js';
-import './utils.js';
-import 'lodash/get';
-import '../../renderers.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/hooks/useExpandState';
-//# sourceMappingURL=index.js.map

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

@@ -1,92 +1,84 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import { useRef, useState, useEffect } from 'react';
 import useExpandState from '@elliemae/ds-utilities/hooks/useExpandState';
 import { isFunction } from '@elliemae/ds-utilities/utils';
 import { walkTreeStrategy } from './walkTreeStrategy.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
 
 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 toggleExpandAllAsync = function toggleExpandAllAsync(expand, data) {
-  return new Promise(function (resolve) {
-    var nextState = {};
-
-    if (expand) {
-      walkTreeStrategy({
-        data: data,
-        cb: function cb(node) {
-          if (node.isGroup) nextState[node.id] = true;
-        }
-      });
-    }
-
-    resolve(nextState);
-  });
-};
+const toggleExpandAllAsync = (expand, data) => new Promise(resolve => {
+  const 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({
+  if (expand) {
+    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
+    }
+  } = instance;
+  const expandedState = useExpandState({
     items: originalData,
-    itemKey: itemKey,
+    itemKey,
     expanded: expandedItemsProp,
-    onExpand: onExpand,
-    onExpandChange: onExpandChange,
-    onExpandAll: onExpandAll,
-    onToggleExpand: onToggleExpand,
-    onCollapse: onCollapse
+    onExpand,
+    onExpandChange,
+    onExpandAll,
+    onToggleExpand,
+    onCollapse
   });
-  var totalExpandableRecords = useRef(0);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandedAll = _useState2[0],
-      setExpandAll = _useState2[1];
-
-  useEffect(function () {
+  const totalExpandableRecords = useRef(0);
+  const [expandedAll, setExpandAll] = useState(false);
+  useEffect(() => {
     totalExpandableRecords.current = 0;
     walkTreeStrategy({
       data: originalData,
-      cb: function cb(node) {
+      cb: node => {
         if (node.isGroup) totalExpandableRecords.current += 1;
       }
     });
   }, [originalData]);
-  useEffect(function () {
-    var currLength = Object.keys(expandedState.state.expanded || {}).length;
-    var isExpandedAll;
+  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;
-
-    expandedState.setExpanded(function (prevState) {
-      var nextExpandState = _objectSpread({}, prevState);
+  const toggleExpand = (item, opts) => {
+    const {
+      expandAllChildren
+    } = opts || {};
+    expandedState.setExpanded(prevState => {
+      const 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) {
         walkTreeStrategy({
           data: item.children,
-          cb: function cb(node) {
+          cb: node => {
             if (node.isGroup) {
               if (nextState) nextExpandState[node.id] = true;else delete nextExpandState[node.id];
             }
@@ -102,7 +94,7 @@ var useExpandTreeState = function useExpandTreeState(instance) {
     });
   };
 
-  var handleToggleExpand = function handleToggleExpand(item, opts) {
+  const handleToggleExpand = (item, opts) => {
     if (isFunction(onToggleExpand)) {
       onToggleExpand(item);
     } else {
@@ -110,32 +102,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));
   };
 
-  useEffect(function () {
+  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
     })
   };
 };
 
 export { useExpandTreeState };
-//# sourceMappingURL=useExpandTreeState.js.map

package/esm/deprecated/plugins/tree/utils.js

@@ -1,36 +1,15 @@
 import get from 'lodash/get';
 
-var getParentId = function getParentId(record) {
-  return get(record, ['parentNode', 'id']);
-};
-var findItemOnDocument = function findItemOnDocument(id) {
-  return document.querySelector("[data-id=\"".concat(id, "\"]"));
-};
-var getListFromDocument = function getListFromDocument() {
-  return document.querySelector("[data-testid=\"tree-list\"]");
-};
-var getParentChildren = function getParentChildren(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  return get(record, ['parentNode', 'data', childrenKey]);
-};
-var getItemLabel = function getItemLabel(record) {
-  var nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
-  return get(record, ['data', nameKey]);
-};
-var getItemChildren = function getItemChildren(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  return get(record, ['data', childrenKey]);
-};
-var getItemChildrenLength = function getItemChildrenLength(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  var children = get(record, ['data', childrenKey]);
+const getParentId = record => get(record, ['parentNode', 'id']);
+const findItemOnDocument = id => document.querySelector(`[data-id="${id}"]`);
+const getListFromDocument = () => document.querySelector(`[data-testid="tree-list"]`);
+const getParentChildren = (record, childrenKey = 'children') => get(record, ['parentNode', 'data', childrenKey]);
+const getItemLabel = (record, nameKey = 'name') => get(record, ['data', nameKey]);
+const getItemChildren = (record, childrenKey = 'children') => get(record, ['data', childrenKey]);
+const getItemChildrenLength = (record, childrenKey = 'children') => {
+  const children = get(record, ['data', childrenKey]);
   return children && children.length;
 };
-var findItemById = function findItemById(records, id) {
-  return records.find(function (record) {
-    return String(record.id) === id;
-  });
-};
+const findItemById = (records, id) => records.find(record => String(record.id) === id);
 
 export { findItemById, findItemOnDocument, getItemChildren, getItemChildrenLength, getItemLabel, getListFromDocument, getParentChildren, getParentId };
-//# sourceMappingURL=utils.js.map