@elliemae/ds-treeview 1.57.1-rc.0 → 2.0.0-alpha.11

package/esm/prop-types.js

@@ -1,28 +1,28 @@
 import PropTypes from 'prop-types';
 
 /* eslint-disable max-lines */
-var InstanceActionsPropTypes = PropTypes.shape({
+const InstanceActionsPropTypes = PropTypes.shape({
   toggleExpandAll: PropTypes.func,
   scrollTo: PropTypes.func
 });
-var TreeViewInstancePropType = PropTypes.shape({
+const TreeViewInstancePropType = PropTypes.shape({
   current: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.shape({
     actions: InstanceActionsPropTypes.isRequired
   })])
 });
-var TreeViewItemPropType = PropTypes.shape({
+const TreeViewItemPropType = PropTypes.shape({
   children: PropTypes.arrayOf(PropTypes.object),
   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   isGroup: PropTypes.oneOfType([PropTypes.oneOf([undefined, null]), PropTypes.bool]),
   name: PropTypes.string,
   node: PropTypes.object
 });
-var TreeListPropTypes = {
+const TreeListPropTypes = {
   // required when drag and drop is enabled, tracks the drag and drop results after drop and visual feedback borders
   // passed down to TreeItem
   onMouseDragOverItem: PropTypes.func
 };
-var TreeItemPropTypes = {
+const TreeItemPropTypes = {
   item: TreeViewItemPropType.isRequired,
   index: PropTypes.number,
   itemIndex: PropTypes.number,
@@ -31,17 +31,16 @@ var TreeItemPropTypes = {
   spaceForNestingLevel: PropTypes.number,
   onMouseDragOverItem: PropTypes.func
 };
-var TreeItemExpandCaretPropTypes = {
+const TreeItemExpandCaretPropTypes = {
   item: TreeViewItemPropType.isRequired
 };
-var TreeItemNestingSpacePropTypes = {
+const TreeItemNestingSpacePropTypes = {
   item: TreeViewItemPropType.isRequired,
   spaceForNestingLevel: PropTypes.number.isRequired
 };
-var TreeItemCheckboxPropTypes = {
+const TreeItemCheckboxPropTypes = {
   item: TreeViewItemPropType.isRequired,
   itemIndex: PropTypes.number.isRequired
 };
 
 export { InstanceActionsPropTypes, TreeItemCheckboxPropTypes, TreeItemExpandCaretPropTypes, TreeItemNestingSpacePropTypes, TreeItemPropTypes, TreeListPropTypes, TreeViewInstancePropType, TreeViewItemPropType };
-//# sourceMappingURL=prop-types.js.map

package/esm/react-desc-prop-types.js

@@ -1,23 +1,23 @@
 import { PropTypes } from 'react-desc';
 
 /* eslint-disable max-lines */
-var InstanceActionsPropTypes = PropTypes.shape({
+const InstanceActionsPropTypes = PropTypes.shape({
   toggleExpandAll: PropTypes.func,
   scrollTo: PropTypes.func
 });
-var TreeViewItemPropType = PropTypes.shape({
+const TreeViewItemPropType = PropTypes.shape({
   children: PropTypes.arrayOf(PropTypes.object),
   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   isGroup: PropTypes.oneOfType([PropTypes.oneOf([undefined, null]), PropTypes.bool]),
   name: PropTypes.string,
   node: PropTypes.object
 });
-var TreeViewInstancePropType = PropTypes.shape({
+const TreeViewInstancePropType = PropTypes.shape({
   current: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.shape({
     actions: InstanceActionsPropTypes.isRequired
   })])
 });
-var TreeViewPropTypes = {
+const TreeViewPropTypes = {
   data: PropTypes.arrayOf(TreeViewItemPropType).description('data to populate tree view').isRequired,
   plugins: PropTypes.arrayOf(PropTypes.string).description('list of enabled plugins').defaultValue([]),
   selection: PropTypes.object.description('pre selected items').defaultValue({}),
@@ -48,4 +48,3 @@ var TreeViewPropTypes = {
 };
 
 export { TreeViewPropTypes };
-//# sourceMappingURL=react-desc-prop-types.js.map

package/esm/related-components/TreeViewSearchBar.js

@@ -1,18 +1,19 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { DSNavSearchBox } from '@elliemae/ds-form';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { DSNavSearchBox } from '@elliemae/ds-basic';
 
-/* eslint-disable max-lines */
 function TreeViewSearchBar(props) {
-  var handleChange = props.handleChange,
-      onNext = props.onNext,
-      onPrevious = props.onPrevious,
-      onClear = props.onClear,
-      currentResultIndex = props.currentResultIndex,
-      totalResults = props.totalResults,
-      value = props.value;
-  return /*#__PURE__*/React.createElement(DSNavSearchBox, {
-    onChange: function onChange(v) {
+  const {
+    handleChange,
+    onNext,
+    onPrevious,
+    onClear,
+    currentResultIndex,
+    totalResults,
+    value
+  } = props;
+  return /*#__PURE__*/_jsx(DSNavSearchBox, {
+    onChange: v => {
       handleChange({
         target: {
           value: v
@@ -27,15 +28,5 @@ function TreeViewSearchBar(props) {
     value: value
   });
 }
-TreeViewSearchBar.propTypes = {
-  value: PropTypes.string.isRequired,
-  handleChange: PropTypes.func.isRequired,
-  onNext: PropTypes.func.isRequired,
-  onPrevious: PropTypes.func.isRequired,
-  onClear: PropTypes.func.isRequired,
-  currentResultIndex: PropTypes.number.isRequired,
-  totalResults: PropTypes.number.isRequired
-};
 
 export { TreeViewSearchBar };
-//# sourceMappingURL=TreeViewSearchBar.js.map

package/esm/utils/array-helpers.js

@@ -1,26 +1,19 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 // https://github.com/sindresorhus/array-move/blob/master/index.js
-var arrayMoveMutate = function arrayMoveMutate(array, from, to) {
-  var startIndex = from < 0 ? array.length + from : from;
+const arrayMoveMutate = (array, from, to) => {
+  const startIndex = from < 0 ? array.length + from : from;
 
   if (startIndex >= 0 && startIndex < array.length) {
-    var endIndex = to < 0 ? array.length + to : to;
-
-    var _array$splice = array.splice(from, 1),
-        _array$splice2 = _slicedToArray(_array$splice, 1),
-        item = _array$splice2[0];
-
+    const endIndex = to < 0 ? array.length + to : to;
+    const [item] = array.splice(from, 1);
     array.splice(endIndex, 0, item);
   }
 };
-var arrayMove = function arrayMove(array, from, to) {
-  var newArray = _toConsumableArray(array);
-
+const arrayMove = (array, from, to) => {
+  const newArray = [...array];
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
 
 export { arrayMove, arrayMoveMutate };
-//# sourceMappingURL=array-helpers.js.map

package/esm/utils/dnd-helpers.js

@@ -1,32 +1,34 @@
 import { getItemsParentNode, itemsShareSameParent } from './tree-helpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'react';
-import './string-helpers.js';
 
 /* eslint-disable max-lines */
-var keyCodes = {
+const keyCodes = {
   lift: [32, 13],
   drop: [32, 13],
   cancel: [27],
   up: [38, 37],
   down: [40, 39]
 };
-var sameParentAsHoverItemDrop = function sameParentAsHoverItemDrop(_ref) {
-  var isBefore = _ref.isBefore,
-      isAfter = _ref.isAfter,
-      draggedItem = _ref.draggedItem,
-      overItem = _ref.overItem,
-      movementDirection = _ref.movementDirection;
-  var hoveredItemNodeNestedIndex = overItem.node.getIndex();
-  var newParentNode = getItemsParentNode([overItem], true);
-  var draggedItemTreeDepth = draggedItem.treeDepth;
-  var overItemTreeDepth = overItem.treeDepth;
-  var directionOffset = // we don't apply the offset for direction
+const sameParentAsHoverItemDrop = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  movementDirection
+}) => {
+  const hoveredItemNodeNestedIndex = overItem.node.getIndex();
+  let newParentNode = getItemsParentNode([overItem], true);
+  const {
+    treeDepth: draggedItemTreeDepth
+  } = draggedItem;
+  const {
+    treeDepth: overItemTreeDepth
+  } = overItem;
+  const directionOffset = // we don't apply the offset for direction
   //  if moving from less nested to more nested
   //  or moving bottom to top
   // the offset is required when moving elemnts down in their nest level
   draggedItemTreeDepth <= overItemTreeDepth && movementDirection === 'topToBottom' ? -1 : 0;
-  var newNestedIndex;
+  let newNestedIndex;
   if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;else {
     newNestedIndex = overItem.children.length; // append as last child of the group
 
@@ -34,18 +36,19 @@ var sameParentAsHoverItemDrop = function sameParentAsHoverItemDrop(_ref) {
   }
   if (newNestedIndex < 0) newNestedIndex = 0;
   return {
-    newNestedIndex: newNestedIndex,
-    newParentNode: newParentNode
+    newNestedIndex,
+    newParentNode
   };
 };
-var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
-  var isBefore = _ref2.isBefore,
-      isAfter = _ref2.isAfter,
-      draggedItem = _ref2.draggedItem,
-      overItem = _ref2.overItem,
-      movementDirection = _ref2.movementDirection;
-  var hoverItemModel = overItem.node.model;
-  var isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
+const inferHoverItemKinshipDrop = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  movementDirection
+}) => {
+  const hoverItemModel = overItem.node.model;
+  const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
 
   if (isAfter && isGroupAndIsExpanded) {
     return {
@@ -57,11 +60,11 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
 
   if (isBefore || isAfter && !isGroupAndIsExpanded) {
     return sameParentAsHoverItemDrop({
-      isBefore: isBefore,
-      isAfter: isAfter,
-      draggedItem: draggedItem,
-      overItem: overItem,
-      movementDirection: movementDirection
+      isBefore,
+      isAfter,
+      draggedItem,
+      overItem,
+      movementDirection
     });
   } // drop inside
 
@@ -72,15 +75,20 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
     newParentNode: overItem.node
   };
 };
-var isDropValid = function isDropValid(_ref3) {
-  var isBefore = _ref3.isBefore,
-      isAfter = _ref3.isAfter,
-      draggedItem = _ref3.draggedItem,
-      overItem = _ref3.overItem,
-      restrictDragAndDrop = _ref3.restrictDragAndDrop;
-  var movedId = draggedItem.id;
-  var hoverId = overItem.id;
-  var isInside = !isBefore && !isAfter;
+const isDropValid = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  restrictDragAndDrop
+}) => {
+  const {
+    id: movedId
+  } = draggedItem;
+  const {
+    id: hoverId
+  } = overItem;
+  const isInside = !isBefore && !isAfter;
   if (movedId === hoverId) return false;
 
   if (isInside && !overItem.isGroup) {
@@ -90,21 +98,23 @@ var isDropValid = function isDropValid(_ref3) {
   if (restrictDragAndDrop) {
     if (isInside) return false; // in this mode we can't drop inside another element
 
-    var sameParent = itemsShareSameParent([draggedItem, overItem]);
+    const sameParent = itemsShareSameParent([draggedItem, overItem]);
     if (overItem.node.model.isExpanded && isAfter) return false;
     if (!sameParent) return false;
   }
 
   return true;
 };
-var inferKeyboardKinshipDrop = function inferKeyboardKinshipDrop(_ref4) {
-  var items = _ref4.items,
-      newIndex = _ref4.newIndex;
-  var kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
+const inferKeyboardKinshipDrop = ({
+  items,
+  newIndex // movementDirection,
 
-  var itemBefore = items[newIndex];
-  var itemBeforeModel = itemBefore.node.model;
-  var isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
+}) => {
+  const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
+
+  const itemBefore = items[newIndex];
+  const itemBeforeModel = itemBefore.node.model;
+  const isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
 
   if (isGroupAndIsExpanded) {
     kinship.newParentNode = itemBefore.node;
@@ -118,4 +128,3 @@ var inferKeyboardKinshipDrop = function inferKeyboardKinshipDrop(_ref4) {
 };
 
 export { inferHoverItemKinshipDrop, inferKeyboardKinshipDrop, isDropValid, keyCodes, sameParentAsHoverItemDrop };
-//# sourceMappingURL=dnd-helpers.js.map

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

@@ -1,42 +1,47 @@
 import { useCallback, useEffect } from 'react';
 
 /* eslint-disable max-params */
-var toggleItemExpand = function toggleItemExpand(itemToToggle, triggerTreeRerender) {
-  var scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
-  var isExpanded = itemToToggle.node.model.isExpanded,
-      virtualIndex = itemToToggle.virtualIndex;
+const toggleItemExpand = (itemToToggle, triggerTreeRerender, scrollTo = () => {}) => {
+  const {
+    node: {
+      model: {
+        isExpanded
+      }
+    },
+    virtualIndex
+  } = itemToToggle;
 
   if (itemToToggle.node.model.isGroup) {
     itemToToggle.node.model.isExpanded = !isExpanded;
     triggerTreeRerender();
-    setTimeout(function () {
+    setTimeout(() => {
       scrollTo(virtualIndex, {
         align: 'start'
       });
     });
   }
 };
-var expandItemModel = function expandItemModel(modelToExpand) {
+const expandItemModel = modelToExpand => {
   if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
 };
-var collapseItemModel = function collapseItemModel(modelToCollapse) {
+const collapseItemModel = modelToCollapse => {
   if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
 };
-var expandAll = function expandAll(treeRoot, triggerTreeRerender) {
-  treeRoot.walk(function (node) {
+const expandAll = (treeRoot, triggerTreeRerender) => {
+  treeRoot.walk(node => {
     if (!node.isRoot()) expandItemModel(node.model);
   });
   triggerTreeRerender();
 };
-var collapseAll = function collapseAll(treeRoot, triggerTreeRerender) {
-  treeRoot.walk(function (node) {
+const collapseAll = (treeRoot, triggerTreeRerender) => {
+  treeRoot.walk(node => {
     if (!node.isRoot()) collapseItemModel(node.model);
   });
   triggerTreeRerender();
 };
-var getToggleExpandShouldExpand = function getToggleExpandShouldExpand(treeRoot) {
-  var shouldExpand = false;
-  treeRoot.walk(function (node) {
+const getToggleExpandShouldExpand = treeRoot => {
+  let shouldExpand = false;
+  treeRoot.walk(node => {
     if (!node.isRoot()) {
       if (!node.model.isExpanded && node.model.isGroup) {
         shouldExpand = true; // eslint-disable-next-line no-useless-return
@@ -47,23 +52,21 @@ var getToggleExpandShouldExpand = function getToggleExpandShouldExpand(treeRoot)
   });
   return shouldExpand;
 };
-var toggleExpandAllHelper = function toggleExpandAllHelper(isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem) {
+const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem) => {
   if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
-    var shouldExpand = getToggleExpandShouldExpand(treeRoot);
+    const shouldExpand = getToggleExpandShouldExpand(treeRoot);
     if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
   }
   setLatestToggledItem(null);
 };
-var useNotifyExpandedChange = function useNotifyExpandedChange(propsWithDefaults, _ref) {
-  var latestToggledItem = _ref.latestToggledItem,
-      expandedGroups = _ref.expandedGroups;
-  var notifyExpandedChange = useCallback(function (expandedGroupHashmap) {
-    return propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem);
-  }, [propsWithDefaults, latestToggledItem]);
-  useEffect(function () {
+const useNotifyExpandedChange = (propsWithDefaults, {
+  latestToggledItem,
+  expandedGroups
+}) => {
+  const notifyExpandedChange = useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
+  useEffect(() => {
     notifyExpandedChange(expandedGroups);
   }, [expandedGroups]);
 };
 
 export { collapseAll, collapseItemModel, expandAll, expandItemModel, getToggleExpandShouldExpand, toggleExpandAllHelper, toggleItemExpand, useNotifyExpandedChange };
-//# sourceMappingURL=group-expands-helpers.js.map

package/esm/utils/keyboard-helpers.js

@@ -2,8 +2,6 @@ import { useContext, useCallback, useEffect } from 'react';
 import TreeViewContext from '../TreeViewContext.js';
 import { focusItem } from './tree-helpers.js';
 import { toggleItemExpand, toggleExpandAllHelper } from './group-expands-helpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './string-helpers.js';
 
 /* eslint-disable max-lines */
 // 13 enter
@@ -17,32 +15,37 @@ import './string-helpers.js';
 // 56 number 8
 // 106 (NumPad) *
 
-var useOnItemKeyDown = function useOnItemKeyDown(item) {
-  var ctx = useContext(TreeViewContext);
-  var onItemFocus = ctx.props.onItemFocus,
-      triggerTreeRerender = ctx.triggerTreeRerender,
-      isDragging = ctx.isDragging,
-      visibleItems = ctx.visibleItems,
-      setFocusedItem = ctx.setFocusedItem,
-      setSelectedItem = ctx.setSelectedItem,
-      setLatestToggledItem = ctx.setLatestToggledItem,
-      scrollToIndex = ctx.virtualListHelpers.scrollToIndex;
-  var isGroup = item.isGroup,
-      isExpanded = item.isExpanded;
-  var onItemFocusCurry = useCallback(function (newFocusItem) {
-    return onItemFocus({
-      itemIndex: newFocusItem.virtualIndex,
-      scrollToItem: function scrollToItem() {
-        var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          align: 'start'
-        };
-        return scrollToIndex(newFocusItem.virtualIndex, opts);
-      },
-      item: newFocusItem
-    });
-  }, [onItemFocus]);
-  var onItemKeyDown = useCallback(function (e) {
-    var keyCode = e.keyCode;
+const useOnItemKeyDown = item => {
+  const ctx = useContext(TreeViewContext);
+  const {
+    props: {
+      onItemFocus
+    },
+    triggerTreeRerender,
+    isDragging,
+    visibleItems,
+    setFocusedItem,
+    setSelectedItem,
+    setLatestToggledItem,
+    virtualListHelpers: {
+      scrollToIndex
+    }
+  } = ctx;
+  const {
+    isGroup,
+    isExpanded
+  } = item;
+  const onItemFocusCurry = useCallback(newFocusItem => onItemFocus({
+    itemIndex: newFocusItem.virtualIndex,
+    scrollToItem: (opts = {
+      align: 'start'
+    }) => scrollToIndex(newFocusItem.virtualIndex, opts),
+    item: newFocusItem
+  }), [onItemFocus]);
+  const onItemKeyDown = useCallback(e => {
+    const {
+      keyCode
+    } = e;
 
     if (!isDragging) {
       if (keyCode !== 9) e.preventDefault(); // allow tab/shift+tab
@@ -63,18 +66,20 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
         }
       }
 
-      var virtualIndex = item.virtualIndex;
-      var lastItemIndex = visibleItems.length - 1;
+      const {
+        virtualIndex
+      } = item;
+      const lastItemIndex = visibleItems.length - 1;
 
       if (keyCode === 38) {
-        var isLoopedFocus = virtualIndex === 0;
-        var newFocusIndex = isLoopedFocus ? lastItemIndex : virtualIndex - 1;
-        var newFocusItem = visibleItems[newFocusIndex];
+        const isLoopedFocus = virtualIndex === 0;
+        const newFocusIndex = isLoopedFocus ? lastItemIndex : virtualIndex - 1;
+        const newFocusItem = visibleItems[newFocusIndex];
         scrollToIndex(newFocusIndex);
 
         if (isLoopedFocus) {
           // when looping the list from start to end we need to wait a bit before focusing
-          setTimeout(function () {
+          setTimeout(() => {
             setFocusedItem(newFocusItem);
             focusItem(newFocusItem);
             onItemFocusCurry(newFocusItem);
@@ -87,47 +92,45 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
       }
 
       if (keyCode === 40) {
-        var _isLoopedFocus = virtualIndex === lastItemIndex;
-
-        var _newFocusIndex = _isLoopedFocus ? 0 : virtualIndex + 1;
-
-        var _newFocusItem = visibleItems[_newFocusIndex];
-        scrollToIndex(_newFocusIndex);
+        const isLoopedFocus = virtualIndex === lastItemIndex;
+        const newFocusIndex = isLoopedFocus ? 0 : virtualIndex + 1;
+        const newFocusItem = visibleItems[newFocusIndex];
+        scrollToIndex(newFocusIndex);
 
-        if (_isLoopedFocus) {
+        if (isLoopedFocus) {
           // when looping the list from start to end we need to wait a bit before focusing
-          setTimeout(function () {
-            setFocusedItem(_newFocusItem);
-            onItemFocusCurry(_newFocusItem);
-            focusItem(_newFocusItem);
+          setTimeout(() => {
+            setFocusedItem(newFocusItem);
+            onItemFocusCurry(newFocusItem);
+            focusItem(newFocusItem);
           }, 300);
         } else {
-          setFocusedItem(_newFocusItem);
-          onItemFocusCurry(_newFocusItem);
-          focusItem(_newFocusItem);
+          setFocusedItem(newFocusItem);
+          onItemFocusCurry(newFocusItem);
+          focusItem(newFocusItem);
         }
       }
 
       if (keyCode === 35) {
         if (virtualIndex !== lastItemIndex) {
-          var _newFocusItem2 = visibleItems[lastItemIndex];
+          const newFocusItem = visibleItems[lastItemIndex];
           scrollToIndex(lastItemIndex);
-          setTimeout(function () {
-            setFocusedItem(_newFocusItem2);
-            onItemFocusCurry(_newFocusItem2);
-            focusItem(_newFocusItem2);
+          setTimeout(() => {
+            setFocusedItem(newFocusItem);
+            onItemFocusCurry(newFocusItem);
+            focusItem(newFocusItem);
           }, 300);
         }
       }
 
       if (keyCode === 36) {
         if (virtualIndex !== 0) {
-          var _newFocusItem3 = visibleItems[0];
+          const newFocusItem = visibleItems[0];
           scrollToIndex(0);
-          setTimeout(function () {
-            setFocusedItem(_newFocusItem3);
-            onItemFocusCurry(_newFocusItem3);
-            focusItem(_newFocusItem3);
+          setTimeout(() => {
+            setFocusedItem(newFocusItem);
+            onItemFocusCurry(newFocusItem);
+            focusItem(newFocusItem);
           }, 300);
         }
       }
@@ -135,18 +138,18 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
   }, [item, visibleItems, isGroup, isDragging, onItemFocusCurry, setFocusedItem, setSelectedItem]);
   return onItemKeyDown;
 };
-var useGlobalKeyboardListener = function useGlobalKeyboardListener(func) {
-  useEffect(function () {
+const useGlobalKeyboardListener = func => {
+  useEffect(() => {
     document.addEventListener('keydown', func);
-    return function () {
-      return document.removeEventListener('keydown', func);
-    };
+    return () => document.removeEventListener('keydown', func);
   }, [func]);
 };
-var useGlobalToggleAllExpandShortcut = function useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem) {
-  var memoizedToggleAllKeyboardShortcut = useCallback(function (e) {
-    var shiftKey = e.shiftKey,
-        keyCode = e.keyCode;
+const useGlobalToggleAllExpandShortcut = (treeRoot, triggerTreeRerender, setLatestToggledItem) => {
+  const memoizedToggleAllKeyboardShortcut = useCallback(e => {
+    const {
+      shiftKey,
+      keyCode
+    } = e;
 
     if (shiftKey && keyCode === 56) {
       toggleExpandAllHelper('toggle', treeRoot, triggerTreeRerender, setLatestToggledItem);
@@ -156,4 +159,3 @@ var useGlobalToggleAllExpandShortcut = function useGlobalToggleAllExpandShortcut
 };
 
 export { useGlobalKeyboardListener, useGlobalToggleAllExpandShortcut, useOnItemKeyDown };
-//# sourceMappingURL=keyboard-helpers.js.map