@elliemae/ds-treeview 2.2.0 → 2.3.0-alpha.3

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

@@ -1,51 +1,56 @@
-import { PropTypes } from 'react-desc';
-
-/* eslint-disable max-lines */
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const TreeViewPropTypes = {
   data: PropTypes.arrayOf(PropTypes.shape({
     children: PropTypes.arrayOf(PropTypes.object),
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    isGroup: PropTypes.oneOfType([PropTypes.oneOf([undefined, null]), PropTypes.bool]),
+    isGroup: PropTypes.oneOfType([PropTypes.oneOf([void 0, null]), PropTypes.bool]),
     name: PropTypes.string,
     node: PropTypes.object
-  })).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({}),
-  expanded: PropTypes.object.description('control what items are expanded').defaultValue(undefined),
+  })).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({}),
+  expanded: PropTypes.object.description("control what items are expanded").defaultValue(void 0),
   instanceRef: PropTypes.shape({
-    current: PropTypes.oneOfType([PropTypes.oneOf([null, undefined]), PropTypes.shape({
-      actions: PropTypes.shape({
-        toggleExpandAll: PropTypes.func,
-        scrollTo: PropTypes.func
-      }).description('').isRequired
-    })])
-  }).description('instance ref'),
-  isItemDisabled: PropTypes.func.description('Function that receives an item, and returns whether that item should be disabled').defaultValue('() => false'),
-  disableIcons: PropTypes.bool.description('disable icons').defaultValue(false),
-  fluid: PropTypes.bool.description('whether is fluid or not').defaultValue(false),
-  isMultiSelect: PropTypes.bool.description('whether the tree view is multi select or not').defaultValue(false),
-  isSingleSelect: PropTypes.bool.description('wheter the tree view is single select or not').defaultValue(false),
-  isLoading: PropTypes.bool.description('wheter the tree should show the loading state or not').defaultValue(false),
-  restrictDragAndDrop: PropTypes.bool.description('whether to restrict DnD functionality or not').defaultValue(false),
-  showChildrenAmount: PropTypes.bool.description('whether to show the amount of children or not').defaultValue(false),
-  sortable: PropTypes.bool.description('whether the sortable functionality is active or not').defaultValue(false),
-  onItemClick: PropTypes.func.description('function executed when clicking on an item').defaultValue('() => {}'),
-  onItemFocus: PropTypes.func.description('function executed when focusing on an item').defaultValue('() => {}'),
-  onVisibleItemsChange: PropTypes.func.description('function executed when the visible items change').defaultValue('() => {}'),
-  onOrderChange: PropTypes.func.description('function executed when the items order changes').defaultValue('() => {}'),
-  onSelectionChange: PropTypes.func.description('function executed when the selection changes').defaultValue('() => {}'),
-  onExpandChange: PropTypes.func.description('function executed when expanding an item').defaultValue('() => {}'),
-  onInstanceRefInitialized: PropTypes.func.description('function executed when instanceRef has terminated instanciation').defaultValue('() => {}'),
-  rowSize: PropTypes.oneOf(['normal', 'compact']).description('size of the row').defaultValue('normal'),
-  labelOverflow: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('label truncation preference').defaultValue('wrap'),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('components width').defaultValue('100%'),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('components height').defaultValue('100%'),
-  groupIcon: PropTypes.node.description('icon for groups'),
-  itemIcon: PropTypes.node.description('icon for items'),
-  searchQuery: PropTypes.string.description('search query value'),
-  noItemsPlaceholder: PropTypes.string.description('message to be shown when there are no items in the treeview to be displayed').defaultValue('No items found'),
-  name: PropTypes.string.description('property key to identifier for items labels').defaultValue('name'),
-  highlightOnlyQuery: PropTypes.bool.description('whether to highlight results or not').defaultValue(false)
+    current: PropTypes.oneOfType([
+      PropTypes.oneOf([null, void 0]),
+      PropTypes.shape({
+        actions: PropTypes.shape({
+          toggleExpandAll: PropTypes.func,
+          scrollTo: PropTypes.func
+        }).description("").isRequired
+      })
+    ])
+  }).description("instance ref"),
+  isItemDisabled: PropTypes.func.description("Function that receives an item, and returns whether that item should be disabled").defaultValue("() => false"),
+  disableIcons: PropTypes.bool.description("disable icons").defaultValue(false),
+  fluid: PropTypes.bool.description("whether is fluid or not").defaultValue(false),
+  isMultiSelect: PropTypes.bool.description("whether the tree view is multi select or not").defaultValue(false),
+  isSingleSelect: PropTypes.bool.description("wheter the tree view is single select or not").defaultValue(false),
+  isLoading: PropTypes.bool.description("wheter the tree should show the loading state or not").defaultValue(false),
+  getIsDropValid: PropTypes.func.description("Function that returns true if the drop is valid and false if it's not").defaultValue("() => true"),
+  restrictDragAndDrop: PropTypes.bool.description("whether to restrict DnD functionality or not").defaultValue(false),
+  showChildrenAmount: PropTypes.bool.description("whether to show the amount of children or not").defaultValue(false),
+  sortable: PropTypes.bool.description("whether the sortable functionality is active or not").defaultValue(false),
+  onItemClick: PropTypes.func.description("function executed when clicking on an item").defaultValue("() => {}"),
+  onItemFocus: PropTypes.func.description("function executed when focusing on an item").defaultValue("() => {}"),
+  onVisibleItemsChange: PropTypes.func.description("function executed when the visible items change").defaultValue("() => {}"),
+  onOrderChange: PropTypes.func.description("function executed when the items order changes").defaultValue("() => {}"),
+  onSelectionChange: PropTypes.func.description("function executed when the selection changes").defaultValue("() => {}"),
+  onExpandChange: PropTypes.func.description("function executed when expanding an item").defaultValue("() => {}"),
+  onInstanceRefInitialized: PropTypes.func.description("function executed when instanceRef has terminated instanciation").defaultValue("() => {}"),
+  rowSize: PropTypes.oneOf(["normal", "compact"]).description("size of the row").defaultValue("normal"),
+  labelOverflow: PropTypes.oneOf(["wrap", "wrap-all", "truncate"]).description("label truncation preference").defaultValue("wrap"),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("components width").defaultValue("100%"),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("components height").defaultValue("100%"),
+  groupIcon: PropTypes.node.description("icon for groups"),
+  itemIcon: PropTypes.node.description("icon for items"),
+  searchQuery: PropTypes.string.description("search query value"),
+  noItemsPlaceholder: PropTypes.string.description("message to be shown when there are no items in the treeview to be displayed").defaultValue("No items found"),
+  name: PropTypes.string.description("property key to identifier for items labels").defaultValue("name"),
+  highlightOnlyQuery: PropTypes.bool.description("whether to highlight results or not").defaultValue(false)
 };
-
-export { TreeViewPropTypes };
+export {
+  TreeViewPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes } from 'react-desc';\nimport TreeModel from 'tree-model';\nimport { useVirtual } from 'react-virtual';\nexport declare namespace DSTreeviewT {\n  export type StringOrNum = string | number;\n  export type SelectionState = boolean | 'mixed';\n  export type SelectionItems = Record<StringOrNum, SelectionState>;\n  export type ScrollToFunc = ReturnType<typeof useVirtual>['scrollToIndex'];\n  export type ScrollToItemOptions = Parameters<ReturnType<typeof useVirtual>['scrollToIndex']>[1];\n  export type ScrollToItemFunc = (options: ScrollToItemOptions) => void;\n  export type ExpandedItems = Record<StringOrNum, true>; // { [id]:true } -> e.g. {1:true; 2:true} // false are not listed\n  export interface SimpleItem {\n    [key: string]: unknown;\n    name: string;\n    children?: SimpleItem[];\n    id: StringOrNum;\n  }\n\n  export interface Item extends SimpleItem {\n    children: Item[];\n    treeDepth?: number;\n    virtualIndex?: number;\n    isChecked?: boolean | 'mixed';\n    isGroup?: boolean;\n    isExpanded?: boolean;\n    childrenMatchesSearchQuery?: boolean;\n    matchesSearchQuery?: boolean;\n    nodeItemRef?: React.RefObject<HTMLLIElement>;\n    model: TreeModel.Node<Item>['model'];\n    node: TreeModel.Node<Item> & { parent?: TreeModel.Node<Item> };\n    nodePath: TreeModel.Node<Item>[];\n  }\n\n  export interface DndItem {\n    uid: string;\n    depth: number;\n    realIndex: number;\n    childrenCount: number;\n    parentId: string | null;\n    original: SimpleItem;\n  }\n\n  export interface Actions {\n    toggleExpandAll: (isExpand: boolean) => Promise<DSTreeviewT.Item[]>;\n    scrollTo: DSTreeviewT.ScrollToFunc;\n    setSelectedItemByVirtualIndex: (index: number) => void;\n    setFocusedItemByVirtualIndex: (\n      index: number,\n      scrollOpts: DSTreeviewT.ScrollToItemOptions & { withScroll?: boolean },\n    ) => void;\n  }\n  export interface InstanceRef {\n    actions: Actions;\n  }\n\n  export interface DefaultProps {\n    plugins: string[];\n    selection: SelectionItems;\n    instanceRef: React.MutableRefObject<InstanceRef>;\n    isItemDisabled: (item: Item) => boolean;\n    disableIcons: boolean;\n    fluid: boolean;\n    isMultiSelect: boolean;\n    isSingleSelect: boolean;\n    getIsDropValid: (\n      active: DndItem,\n      over: DndItem,\n      dropIndicatorPosition: 'none' | 'before' | 'after' | 'inside',\n    ) => boolean;\n    restrictDragAndDrop: boolean;\n    showChildrenAmount: boolean;\n    sortable: boolean;\n    isLoading: boolean;\n    highlightOnlyQuery: boolean;\n    onItemClick: (item: Item, e: React.MouseEvent<HTMLLIElement>) => void;\n    onItemFocus: (meta: { scrollToItem: ScrollToItemFunc; itemIndex: number; item: Item }) => void;\n    onVisibleItemsChange: (newVisibleItems: Item[]) => void;\n    onOrderChange: (newData: SimpleItem[], oldData: SimpleItem[], draggedItem: DndItem) => void;\n    onSelectionChange: (\n      selection: SelectionItems,\n      item: Item,\n      meta: { scrollToItem: ScrollToItemFunc; itemIndex: number },\n    ) => void;\n    onExpandChange: (expandedHashmap: ExpandedItems, itemToggled: Item | null | undefined) => void;\n    onInstanceRefInitialized: (instanceRef: React.MutableRefObject<InstanceRef>) => void;\n    rowSize: 'normal' | 'compact';\n    labelOverflow: 'wrap' | 'wrap-all' | 'truncate';\n    noItemsPlaceholder: string;\n    nameKey: string;\n    width: StringOrNum;\n    height: StringOrNum;\n    groupIcon: JSX.Element | null;\n    itemIcon: JSX.Element | null;\n    searchQuery: string;\n  }\n  export interface PropsOptional {\n    expanded: ExpandedItems;\n    rightAddons: ((item: Item) => React.ReactNode | React.ReactNode[]) | JSX.Element;\n  }\n  export interface PropsRequired {\n    data: Item[];\n  }\n  export interface Props extends DefaultProps, PropsOptional, PropsRequired {}\n}\n\nexport const TreeViewPropTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.arrayOf(PropTypes.object),\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      isGroup: PropTypes.oneOfType([PropTypes.oneOf([undefined, null]), PropTypes.bool]),\n      name: PropTypes.string,\n      node: PropTypes.object,\n    }),\n  ).description('data to populate tree view').isRequired,\n  plugins: PropTypes.arrayOf(PropTypes.string).description('list of enabled plugins').defaultValue([]),\n  selection: PropTypes.object.description('pre selected items').defaultValue({}),\n  expanded: PropTypes.object.description('control what items are expanded').defaultValue(undefined),\n  instanceRef: PropTypes.shape({\n    current: PropTypes.oneOfType([\n      PropTypes.oneOf([null, undefined]),\n      PropTypes.shape({\n        actions: PropTypes.shape({\n          toggleExpandAll: PropTypes.func,\n          scrollTo: PropTypes.func,\n        }).description('').isRequired,\n      }),\n    ]),\n  }).description('instance ref'),\n  isItemDisabled: PropTypes.func\n    .description('Function that receives an item, and returns whether that item should be disabled')\n    .defaultValue('() => false'),\n  disableIcons: PropTypes.bool.description('disable icons').defaultValue(false),\n  fluid: PropTypes.bool.description('whether is fluid or not').defaultValue(false),\n  isMultiSelect: PropTypes.bool.description('whether the tree view is multi select or not').defaultValue(false),\n  isSingleSelect: PropTypes.bool.description('wheter the tree view is single select or not').defaultValue(false),\n  isLoading: PropTypes.bool.description('wheter the tree should show the loading state or not').defaultValue(false),\n  getIsDropValid: PropTypes.func\n    .description(\"Function that returns true if the drop is valid and false if it's not\")\n    .defaultValue('() => true'),\n  restrictDragAndDrop: PropTypes.bool.description('whether to restrict DnD functionality or not').defaultValue(false),\n  showChildrenAmount: PropTypes.bool.description('whether to show the amount of children or not').defaultValue(false),\n  sortable: PropTypes.bool.description('whether the sortable functionality is active or not').defaultValue(false),\n  onItemClick: PropTypes.func.description('function executed when clicking on an item').defaultValue('() => {}'),\n  onItemFocus: PropTypes.func.description('function executed when focusing on an item').defaultValue('() => {}'),\n  onVisibleItemsChange: PropTypes.func\n    .description('function executed when the visible items change')\n    .defaultValue('() => {}'),\n  onOrderChange: PropTypes.func.description('function executed when the items order changes').defaultValue('() => {}'),\n  onSelectionChange: PropTypes.func\n    .description('function executed when the selection changes')\n    .defaultValue('() => {}'),\n  onExpandChange: PropTypes.func.description('function executed when expanding an item').defaultValue('() => {}'),\n  onInstanceRefInitialized: PropTypes.func\n    .description('function executed when instanceRef has terminated instanciation')\n    .defaultValue('() => {}'),\n  rowSize: PropTypes.oneOf(['normal', 'compact']).description('size of the row').defaultValue('normal'),\n  labelOverflow: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate'])\n    .description('label truncation preference')\n    .defaultValue('wrap'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('components width').defaultValue('100%'),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('components height')\n    .defaultValue('100%'),\n  groupIcon: PropTypes.node.description('icon for groups'),\n  itemIcon: PropTypes.node.description('icon for items'),\n  searchQuery: PropTypes.string.description('search query value'),\n  noItemsPlaceholder: PropTypes.string\n    .description('message to be shown when there are no items in the treeview to be displayed')\n    .defaultValue('No items found'),\n  name: PropTypes.string.description('property key to identifier for items labels').defaultValue('name'),\n  highlightOnlyQuery: PropTypes.bool.description('whether to highlight results or not').defaultValue(false),\n};\n"],
+  "mappings": "AAAA;ACCA;AAyGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,UAAU,QACd,UAAU,MAAM;AAAA,IACd,UAAU,UAAU,QAAQ,UAAU;AAAA,IACtC,IAAI,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACrD,SAAS,UAAU,UAAU,CAAC,UAAU,MAAM,CAAC,QAAW,QAAQ,UAAU;AAAA,IAC5E,MAAM,UAAU;AAAA,IAChB,MAAM,UAAU;AAAA,MAElB,YAAY,8BAA8B;AAAA,EAC5C,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY,2BAA2B,aAAa;AAAA,EACjG,WAAW,UAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EAC3E,UAAU,UAAU,OAAO,YAAY,mCAAmC,aAAa;AAAA,EACvF,aAAa,UAAU,MAAM;AAAA,IAC3B,SAAS,UAAU,UAAU;AAAA,MAC3B,UAAU,MAAM,CAAC,MAAM;AAAA,MACvB,UAAU,MAAM;AAAA,QACd,SAAS,UAAU,MAAM;AAAA,UACvB,iBAAiB,UAAU;AAAA,UAC3B,UAAU,UAAU;AAAA,WACnB,YAAY,IAAI;AAAA;AAAA;AAAA,KAGtB,YAAY;AAAA,EACf,gBAAgB,UAAU,KACvB,YAAY,oFACZ,aAAa;AAAA,EAChB,cAAc,UAAU,KAAK,YAAY,iBAAiB,aAAa;AAAA,EACvE,OAAO,UAAU,KAAK,YAAY,2BAA2B,aAAa;AAAA,EAC1E,eAAe,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACvG,gBAAgB,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACxG,WAAW,UAAU,KAAK,YAAY,wDAAwD,aAAa;AAAA,EAC3G,gBAAgB,UAAU,KACvB,YAAY,yEACZ,aAAa;AAAA,EAChB,qBAAqB,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EAC7G,oBAAoB,UAAU,KAAK,YAAY,iDAAiD,aAAa;AAAA,EAC7G,UAAU,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,aAAa,UAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EACnG,aAAa,UAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EACnG,sBAAsB,UAAU,KAC7B,YAAY,mDACZ,aAAa;AAAA,EAChB,eAAe,UAAU,KAAK,YAAY,kDAAkD,aAAa;AAAA,EACzG,mBAAmB,UAAU,KAC1B,YAAY,gDACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,4CAA4C,aAAa;AAAA,EACpG,0BAA0B,UAAU,KACjC,YAAY,mEACZ,aAAa;AAAA,EAChB,SAAS,UAAU,MAAM,CAAC,UAAU,YAAY,YAAY,mBAAmB,aAAa;AAAA,EAC5F,eAAe,UAAU,MAAM,CAAC,QAAQ,YAAY,aACjD,YAAY,+BACZ,aAAa;AAAA,EAChB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY,oBAAoB,aAAa;AAAA,EAC9G,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SACtD,YAAY,qBACZ,aAAa;AAAA,EAChB,WAAW,UAAU,KAAK,YAAY;AAAA,EACtC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,aAAa,UAAU,OAAO,YAAY;AAAA,EAC1C,oBAAoB,UAAU,OAC3B,YAAY,+EACZ,aAAa;AAAA,EAChB,MAAM,UAAU,OAAO,YAAY,+CAA+C,aAAa;AAAA,EAC/F,oBAAoB,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA;",
+  "names": []
+}

package/esm/related-components/TreeViewSearchBar.js

@@ -1,40 +1,21 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { DSNavSearchBox } from '@elliemae/ds-form';
-
+import * as React from "react";
+import React2 from "react";
+import { DSNavSearchBox } from "@elliemae/ds-form";
 function TreeViewSearchBar(props) {
-  const {
-    handleChange,
+  const { handleChange, onNext, onPrevious, onClear, currentResultIndex, totalResults, value } = props;
+  return /* @__PURE__ */ React2.createElement(DSNavSearchBox, {
+    onChange: (v) => {
+      handleChange({ target: { value: v } });
+    },
     onNext,
     onPrevious,
     onClear,
     currentResultIndex,
     totalResults,
     value
-  } = props;
-  return /*#__PURE__*/_jsx(DSNavSearchBox, {
-    onChange: v => {
-      handleChange({
-        target: {
-          value: v
-        }
-      });
-    },
-    onNext: onNext,
-    onPrevious: onPrevious,
-    onClear: onClear,
-    currentResultIndex: currentResultIndex,
-    totalResults: totalResults,
-    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 };
+}
+export {
+  TreeViewSearchBar
+};
+//# sourceMappingURL=TreeViewSearchBar.js.map

package/esm/related-components/TreeViewSearchBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/related-components/TreeViewSearchBar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSNavSearchBox } from '@elliemae/ds-form';\n\ninterface PropsT {\n  handleChange: (opt: { target: { value: string } }) => void;\n  onNext: () => void;\n  onPrevious: () => void;\n  onClear: () => void;\n  currentResultIndex: number;\n  totalResults: number;\n  value: string;\n}\n\nexport function TreeViewSearchBar(props: PropsT) {\n  const { handleChange, onNext, onPrevious, onClear, currentResultIndex, totalResults, value } = props;\n\n  return (\n    <DSNavSearchBox\n      onChange={(v: string) => {\n        handleChange({ target: { value: v } });\n      }}\n      onNext={onNext}\n      onPrevious={onPrevious}\n      onClear={onClear}\n      currentResultIndex={currentResultIndex}\n      totalResults={totalResults}\n      value={value}\n    />\n  );\n}\n\n// TreeViewSearchBar.propTypes = {\n//   value: PropTypes.string.isRequired,\n//   handleChange: PropTypes.func.isRequired,\n//   onNext: PropTypes.func.isRequired,\n//   onPrevious: PropTypes.func.isRequired,\n//   onClear: PropTypes.func.isRequired,\n//   currentResultIndex: PropTypes.number.isRequired,\n//   totalResults: PropTypes.number.isRequired,\n// };\n"],
+  "mappings": "AAAA;ACCA;AACA;AAYO,2BAA2B,OAAe;AAC/C,QAAM,EAAE,cAAc,QAAQ,YAAY,SAAS,oBAAoB,cAAc,UAAU;AAE/F,SACE,qCAAC,gBAAD;AAAA,IACE,UAAU,CAAC,MAAc;AACvB,mBAAa,EAAE,QAAQ,EAAE,OAAO;AAAA;AAAA,IAElC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/esm/sharedTypes.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=sharedTypes.js.map

package/esm/sharedTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/utils/array-helpers.js

@@ -1,9 +1,6 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
-// https://github.com/sindresorhus/array-move/blob/master/index.js
+import * as React from "react";
 const arrayMoveMutate = (array, from, to) => {
   const startIndex = from < 0 ? array.length + from : from;
-
   if (startIndex >= 0 && startIndex < array.length) {
     const endIndex = to < 0 ? array.length + to : to;
     const [item] = array.splice(from, 1);
@@ -15,5 +12,8 @@ const arrayMove = (array, from, to) => {
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-
-export { arrayMove, arrayMoveMutate };
+export {
+  arrayMove,
+  arrayMoveMutate
+};
+//# sourceMappingURL=array-helpers.js.map

package/esm/utils/array-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/array-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// https://github.com/sindresorhus/array-move/blob/master/index.js\nexport const arrayMoveMutate = (array: unknown[], from: number, to: number) => {\n  const startIndex = from < 0 ? array.length + from : from;\n\n  if (startIndex >= 0 && startIndex < array.length) {\n    const endIndex = to < 0 ? array.length + to : to;\n\n    const [item] = array.splice(from, 1);\n    array.splice(endIndex, 0, item);\n  }\n};\n\nexport const arrayMove = (array: unknown[], from: number, to: number) => {\n  const newArray = [...array];\n  arrayMoveMutate(newArray, from, to);\n  return newArray;\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,kBAAkB,CAAC,OAAkB,MAAc,OAAe;AAC7E,QAAM,aAAa,OAAO,IAAI,MAAM,SAAS,OAAO;AAEpD,MAAI,cAAc,KAAK,aAAa,MAAM,QAAQ;AAChD,UAAM,WAAW,KAAK,IAAI,MAAM,SAAS,KAAK;AAE9C,UAAM,CAAC,QAAQ,MAAM,OAAO,MAAM;AAClC,UAAM,OAAO,UAAU,GAAG;AAAA;AAAA;AAIvB,MAAM,YAAY,CAAC,OAAkB,MAAc,OAAe;AACvE,QAAM,WAAW,CAAC,GAAG;AACrB,kBAAgB,UAAU,MAAM;AAChC,SAAO;AAAA;",
+  "names": []
+}

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

@@ -1,99 +1,109 @@
-import { useCallback, useEffect } from 'react';
-
-/* eslint-disable max-params */
+import * as React from "react";
+import { useCallback, useEffect } from "react";
 const updateExpandedState = (treeRoot, onExpandChange) => {
   const shouldContinueWalking = true;
-  const newExpandedHashMap = {
-    __ds_tree_root: true
-  };
-  treeRoot.walk(node => {
+  const newExpandedHashMap = { __ds_tree_root: true };
+  treeRoot.walk((node) => {
     if (!node.isRoot() && node.model.isGroup && node.model.isExpanded) {
       newExpandedHashMap[node.model.id] = true;
     }
-
     return shouldContinueWalking;
   });
-  if (onExpandChange) onExpandChange(newExpandedHashMap, null);
+  if (onExpandChange)
+    onExpandChange(newExpandedHashMap, null);
 };
-const toggleItemExpand = function (itemToToggle, triggerTreeRerender, updateUserExpandedState) {
-  let scrollTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
+const toggleItemExpand = (itemToToggle, triggerTreeRerender, updateUserExpandedState, scrollTo = () => {
+}) => {
   const {
     node: {
-      model: {
-        isExpanded
-      }
+      model: { isExpanded }
     },
     virtualIndex
   } = itemToToggle;
-
   if (itemToToggle.node.model.isGroup) {
     itemToToggle.node.model.isExpanded = !isExpanded;
     triggerTreeRerender();
     updateUserExpandedState();
     setTimeout(() => {
-      if (typeof virtualIndex === 'number') scrollTo(virtualIndex, {
-        align: 'start'
-      });
+      if (typeof virtualIndex === "number")
+        scrollTo(virtualIndex, { align: "start" });
     });
   }
 };
-const expandItemModel = modelToExpand => {
-  if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
+const expandItemModel = (modelToExpand) => {
+  if (modelToExpand.isGroup)
+    modelToExpand.isExpanded = true;
 };
-const collapseItemModel = modelToCollapse => {
-  if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
+const collapseItemModel = (modelToCollapse) => {
+  if (modelToCollapse.isGroup)
+    modelToCollapse.isExpanded = false;
 };
 const expandAll = (treeRoot, triggerTreeRerender) => {
   const shouldContinueWalking = true;
-  treeRoot.walk(node => {
-    if (!node.isRoot()) expandItemModel(node.model);
+  treeRoot.walk((node) => {
+    if (!node.isRoot())
+      expandItemModel(node.model);
     return shouldContinueWalking;
   });
   triggerTreeRerender();
 };
 const collapseAll = (treeRoot, triggerTreeRerender) => {
-  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-  treeRoot.walk(node => {
-    if (!node.isRoot()) collapseItemModel(node.model);
+  const shouldContinueWalking = true;
+  treeRoot.walk((node) => {
+    if (!node.isRoot())
+      collapseItemModel(node.model);
     return shouldContinueWalking;
   });
   triggerTreeRerender();
 };
-const getToggleExpandShouldExpand = treeRoot => {
+const getToggleExpandShouldExpand = (treeRoot) => {
   let shouldExpand = false;
-  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-  treeRoot.walk(node => {
+  const shouldContinueWalking = true;
+  treeRoot.walk((node) => {
     if (!node.isRoot()) {
       if (!node.model.isExpanded && node.model.isGroup) {
-        shouldExpand = true; // eslint-disable-next-line no-useless-return
-
+        shouldExpand = true;
         return shouldContinueWalking;
       }
     }
-
     return shouldContinueWalking;
   });
   return shouldExpand;
 };
 const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState) => {
-  if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
+  if (isExpand === true)
+    expandAll(treeRoot, triggerTreeRerender);
+  else if (isExpand === false)
+    collapseAll(treeRoot, triggerTreeRerender);
+  else {
     const shouldExpand = getToggleExpandShouldExpand(treeRoot);
-    if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
+    if (shouldExpand === true)
+      expandAll(treeRoot, triggerTreeRerender);
+    else
+      collapseAll(treeRoot, triggerTreeRerender);
   }
   setLatestToggledItem(null);
   updateUserExpandedState();
 };
-const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
-  let {
-    latestToggledItem,
-    expandedGroups
-  } = _ref;
-  const notifyExpandedChange = useCallback(expandedGroupHashmap => propsWithDefaults === null || propsWithDefaults === void 0 ? void 0 : propsWithDefaults.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
+const useNotifyExpandedChange = (propsWithDefaults, {
+  latestToggledItem,
+  expandedGroups
+}) => {
+  const notifyExpandedChange = useCallback((expandedGroupHashmap) => propsWithDefaults?.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
   useEffect(() => {
-    if (!propsWithDefaults.expanded) notifyExpandedChange(expandedGroups);
+    if (!propsWithDefaults.expanded)
+      notifyExpandedChange(expandedGroups);
   }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);
 };
-
-export { collapseAll, collapseItemModel, expandAll, expandItemModel, getToggleExpandShouldExpand, toggleExpandAllHelper, toggleItemExpand, updateExpandedState, useNotifyExpandedChange };
+export {
+  collapseAll,
+  collapseItemModel,
+  expandAll,
+  expandItemModel,
+  getToggleExpandShouldExpand,
+  toggleExpandAllHelper,
+  toggleItemExpand,
+  updateExpandedState,
+  useNotifyExpandedChange
+};
+//# sourceMappingURL=group-expands-helpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/group-expands-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { useCallback, useEffect } from 'react';\nimport type { DSTreeviewT } from '../react-desc-prop-types';\nimport type { DSTreeviewInternalsT } from '../sharedTypes';\n\nexport const updateExpandedState = (\n  treeRoot: DSTreeviewT.Item['node'],\n  onExpandChange: DSTreeviewT.Props['onExpandChange'] | null | undefined,\n) => {\n  const shouldContinueWalking = true;\n  const newExpandedHashMap: DSTreeviewT.ExpandedItems = { __ds_tree_root: true };\n  treeRoot.walk((node) => {\n    if (!node.isRoot() && node.model.isGroup && node.model.isExpanded) {\n      newExpandedHashMap[node.model.id] = true;\n    }\n    return shouldContinueWalking;\n  });\n  if (onExpandChange) onExpandChange(newExpandedHashMap, null);\n};\n\nexport const toggleItemExpand = (\n  itemToToggle: DSTreeviewT.Item,\n  triggerTreeRerender: () => void,\n  updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState'],\n  scrollTo: DSTreeviewT.ScrollToFunc = () => {},\n) => {\n  const {\n    node: {\n      model: { isExpanded },\n    },\n    virtualIndex,\n  } = itemToToggle;\n  if (itemToToggle.node.model.isGroup) {\n    itemToToggle.node.model.isExpanded = !isExpanded;\n    triggerTreeRerender();\n    updateUserExpandedState();\n    setTimeout(() => {\n      if (typeof virtualIndex === 'number') scrollTo(virtualIndex, { align: 'start' });\n    });\n  }\n};\n\nexport const expandItemModel = (modelToExpand: DSTreeviewT.Item['model']) => {\n  if (modelToExpand.isGroup) modelToExpand.isExpanded = true;\n};\n\nexport const collapseItemModel = (modelToCollapse: DSTreeviewT.Item['model']) => {\n  if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;\n};\n\nexport const expandAll = (treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void) => {\n  const shouldContinueWalking = true;\n  treeRoot.walk((node) => {\n    if (!node.isRoot()) expandItemModel(node.model);\n    return shouldContinueWalking;\n  });\n  triggerTreeRerender();\n};\n\nexport const collapseAll = (treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void) => {\n  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking\n  treeRoot.walk((node) => {\n    if (!node.isRoot()) collapseItemModel(node.model);\n    return shouldContinueWalking;\n  });\n  triggerTreeRerender();\n};\n\nexport const getToggleExpandShouldExpand = (treeRoot: DSTreeviewT.Item['node']) => {\n  let shouldExpand = false;\n  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking\n  treeRoot.walk((node) => {\n    if (!node.isRoot()) {\n      if (!node.model.isExpanded && node.model.isGroup) {\n        shouldExpand = true;\n        // eslint-disable-next-line no-useless-return\n        return shouldContinueWalking;\n      }\n    }\n    return shouldContinueWalking;\n  });\n  return shouldExpand;\n};\n\nexport const toggleExpandAllHelper = (\n  isExpand: boolean | 'toggle',\n  treeRoot: DSTreeviewT.Item['node'],\n  triggerTreeRerender: () => void,\n  setLatestToggledItem: DSTreeviewInternalsT.CTX['setLatestToggledItem'],\n  updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState'],\n) => {\n  if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);\n  else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);\n  else {\n    const shouldExpand = getToggleExpandShouldExpand(treeRoot);\n    if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);\n    else collapseAll(treeRoot, triggerTreeRerender);\n  }\n  setLatestToggledItem(null);\n  updateUserExpandedState();\n};\n\nexport const useNotifyExpandedChange = (\n  propsWithDefaults: DSTreeviewT.Props,\n  {\n    latestToggledItem,\n    expandedGroups,\n  }: {\n    latestToggledItem?: DSTreeviewInternalsT.CTX['latestToggledItem'];\n    expandedGroups?: DSTreeviewInternalsT.CTX['expandedGroups'];\n  },\n) => {\n  const notifyExpandedChange = useCallback(\n    (expandedGroupHashmap?: DSTreeviewInternalsT.CTX['expandedGroups']) =>\n      propsWithDefaults?.onExpandChange(expandedGroupHashmap || {}, latestToggledItem),\n    [propsWithDefaults, latestToggledItem],\n  );\n\n  useEffect(() => {\n    if (!propsWithDefaults.expanded) notifyExpandedChange(expandedGroups);\n  }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);\n};\n"],
+  "mappings": "AAAA;ACCA;AAIO,MAAM,sBAAsB,CACjC,UACA,mBACG;AACH,QAAM,wBAAwB;AAC9B,QAAM,qBAAgD,EAAE,gBAAgB;AACxE,WAAS,KAAK,CAAC,SAAS;AACtB,QAAI,CAAC,KAAK,YAAY,KAAK,MAAM,WAAW,KAAK,MAAM,YAAY;AACjE,yBAAmB,KAAK,MAAM,MAAM;AAAA;AAEtC,WAAO;AAAA;AAET,MAAI;AAAgB,mBAAe,oBAAoB;AAAA;AAGlD,MAAM,mBAAmB,CAC9B,cACA,qBACA,yBACA,WAAqC,MAAM;AAAA,MACxC;AACH,QAAM;AAAA,IACJ,MAAM;AAAA,MACJ,OAAO,EAAE;AAAA;AAAA,IAEX;AAAA,MACE;AACJ,MAAI,aAAa,KAAK,MAAM,SAAS;AACnC,iBAAa,KAAK,MAAM,aAAa,CAAC;AACtC;AACA;AACA,eAAW,MAAM;AACf,UAAI,OAAO,iBAAiB;AAAU,iBAAS,cAAc,EAAE,OAAO;AAAA;AAAA;AAAA;AAKrE,MAAM,kBAAkB,CAAC,kBAA6C;AAC3E,MAAI,cAAc;AAAS,kBAAc,aAAa;AAAA;AAGjD,MAAM,oBAAoB,CAAC,oBAA+C;AAC/E,MAAI,gBAAgB;AAAS,oBAAgB,aAAa;AAAA;AAGrD,MAAM,YAAY,CAAC,UAAoC,wBAAoC;AAChG,QAAM,wBAAwB;AAC9B,WAAS,KAAK,CAAC,SAAS;AACtB,QAAI,CAAC,KAAK;AAAU,sBAAgB,KAAK;AACzC,WAAO;AAAA;AAET;AAAA;AAGK,MAAM,cAAc,CAAC,UAAoC,wBAAoC;AAClG,QAAM,wBAAwB;AAC9B,WAAS,KAAK,CAAC,SAAS;AACtB,QAAI,CAAC,KAAK;AAAU,wBAAkB,KAAK;AAC3C,WAAO;AAAA;AAET;AAAA;AAGK,MAAM,8BAA8B,CAAC,aAAuC;AACjF,MAAI,eAAe;AACnB,QAAM,wBAAwB;AAC9B,WAAS,KAAK,CAAC,SAAS;AACtB,QAAI,CAAC,KAAK,UAAU;AAClB,UAAI,CAAC,KAAK,MAAM,cAAc,KAAK,MAAM,SAAS;AAChD,uBAAe;AAEf,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAET,SAAO;AAAA;AAGF,MAAM,wBAAwB,CACnC,UACA,UACA,qBACA,sBACA,4BACG;AACH,MAAI,aAAa;AAAM,cAAU,UAAU;AAAA,WAClC,aAAa;AAAO,gBAAY,UAAU;AAAA,OAC9C;AACH,UAAM,eAAe,4BAA4B;AACjD,QAAI,iBAAiB;AAAM,gBAAU,UAAU;AAAA;AAC1C,kBAAY,UAAU;AAAA;AAE7B,uBAAqB;AACrB;AAAA;AAGK,MAAM,0BAA0B,CACrC,mBACA;AAAA,EACE;AAAA,EACA;AAAA,MAKC;AACH,QAAM,uBAAuB,YAC3B,CAAC,yBACC,mBAAmB,eAAe,wBAAwB,IAAI,oBAChE,CAAC,mBAAmB;AAGtB,YAAU,MAAM;AACd,QAAI,CAAC,kBAAkB;AAAU,2BAAqB;AAAA,KACrD,CAAC,gBAAgB,sBAAsB,kBAAkB;AAAA;",
+  "names": []
+}

package/esm/utils/keyboard-helpers.js

@@ -1,90 +1,55 @@
-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';
-
-/* eslint-disable max-params */
-// 9 tab
-// 13 enter
-// 32 space
-// 37 left arrow
-// 38 up arrow
-// 39 right arrow
-// 40 down arrow
-// 35 end
-// 36 home
-// 56 number 8
-// 106 (NumPad) *
-const useOnItemKeyDown = item => {
+import * as React from "react";
+import { useCallback, useContext, useEffect } from "react";
+import TreeViewContext from "../TreeViewContext";
+import { focusItem } from "./tree-helpers";
+import { toggleExpandAllHelper, toggleItemExpand } from "./group-expands-helpers";
+const useOnItemKeyDown = (item, draggableProps) => {
   const ctx = useContext(TreeViewContext);
   const {
-    props: {
-      onItemFocus
-    },
+    props: { onItemFocus },
     triggerTreeRerender,
-    isDragging,
     visibleItems,
     setFocusedItem,
     setSelectedItem,
     setLatestToggledItem,
     updateUserExpandedState,
-    virtualListHelpers: {
-      scrollToIndex
-    }
+    virtualListHelpers: { scrollToIndex }
   } = ctx;
-  const {
-    isGroup,
-    isExpanded
-  } = item;
-  const onItemFocusCurry = useCallback(newFocusItem => onItemFocus({
+  const { isGroup, isExpanded } = item;
+  const onItemFocusCurry = useCallback((newFocusItem) => onItemFocus({
     itemIndex: newFocusItem.virtualIndex,
-    scrollToItem: function () {
-      let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        align: 'start'
-      };
-      return scrollToIndex(newFocusItem.virtualIndex, opts);
-    },
+    scrollToItem: (opts = { align: "start" }) => scrollToIndex(newFocusItem.virtualIndex, opts),
     item: newFocusItem
   }), [onItemFocus, scrollToIndex]);
-  const onItemKeyDown = useCallback(e => {
-    const {
-      keyCode
-    } = e;
-
-    if (!isDragging) {
-      if (keyCode !== 9) e.preventDefault(); // allow tab/shift+tab
-
-      if (keyCode === 13 || keyCode === 32) setSelectedItem(item);
-
+  const onItemKeyDown = useCallback((e) => {
+    const { keyCode } = e;
+    if (!(draggableProps && draggableProps.active)) {
+      if (keyCode !== 9)
+        e.preventDefault();
+      if ((keyCode === 13 || keyCode === 32) && e.target.tagName === "LI") {
+        setSelectedItem(item);
+      }
       if (keyCode === 37) {
         if (isGroup && isExpanded) {
           toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);
           setLatestToggledItem(item);
         }
       }
-
       if (keyCode === 39) {
         if (isGroup && !isExpanded) {
           toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);
           setLatestToggledItem(item);
         }
       }
-
-      const {
-        virtualIndex
-      } = item;
-
-      if (typeof virtualIndex === 'number') {
+      const { virtualIndex } = item;
+      if (typeof virtualIndex === "number") {
         const lastItemIndex = visibleItems.length - 1;
-
         if (keyCode === 38) {
           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(() => {
               setFocusedItem(newFocusItem);
               focusItem(newFocusItem);
@@ -96,15 +61,12 @@ const useOnItemKeyDown = item => {
             focusItem(newFocusItem);
           }
         }
-
         if (keyCode === 40) {
           const isLoopedFocus = virtualIndex === lastItemIndex;
           const newFocusIndex = isLoopedFocus ? 0 : 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(() => {
               setFocusedItem(newFocusItem);
               onItemFocusCurry(newFocusItem);
@@ -116,7 +78,6 @@ const useOnItemKeyDown = item => {
             focusItem(newFocusItem);
           }
         }
-
         if (keyCode === 35) {
           if (virtualIndex !== lastItemIndex) {
             const newFocusItem = visibleItems[lastItemIndex];
@@ -128,7 +89,6 @@ const useOnItemKeyDown = item => {
             }, 300);
           }
         }
-
         if (keyCode === 36) {
           if (virtualIndex !== 0) {
             const newFocusItem = visibleItems[0];
@@ -142,27 +102,40 @@ const useOnItemKeyDown = item => {
         }
       }
     }
-  }, [isDragging, setSelectedItem, item, isGroup, isExpanded, triggerTreeRerender, scrollToIndex, setLatestToggledItem, visibleItems, setFocusedItem, onItemFocusCurry, updateUserExpandedState]);
+  }, [
+    draggableProps,
+    setSelectedItem,
+    item,
+    isGroup,
+    isExpanded,
+    triggerTreeRerender,
+    updateUserExpandedState,
+    scrollToIndex,
+    setLatestToggledItem,
+    visibleItems,
+    setFocusedItem,
+    onItemFocusCurry
+  ]);
   return onItemKeyDown;
 };
-const useGlobalKeyboardListener = func => {
+const useGlobalKeyboardListener = (func) => {
   useEffect(() => {
-    document.addEventListener('keydown', func);
-    return () => document.removeEventListener('keydown', func);
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
   }, [func]);
 };
 const useGlobalToggleAllExpandShortcut = (treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState) => {
-  const memoizedToggleAllKeyboardShortcut = useCallback(e => {
-    const {
-      shiftKey,
-      keyCode
-    } = e;
-
+  const memoizedToggleAllKeyboardShortcut = useCallback((e) => {
+    const { shiftKey, keyCode } = e;
     if (shiftKey && keyCode === 56) {
-      toggleExpandAllHelper('toggle', treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
+      toggleExpandAllHelper("toggle", treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
     }
   }, [setLatestToggledItem, treeRoot, triggerTreeRerender, updateUserExpandedState]);
   return useGlobalKeyboardListener(memoizedToggleAllKeyboardShortcut);
 };
-
-export { useGlobalKeyboardListener, useGlobalToggleAllExpandShortcut, useOnItemKeyDown };
+export {
+  useGlobalKeyboardListener,
+  useGlobalToggleAllExpandShortcut,
+  useOnItemKeyDown
+};
+//# sourceMappingURL=keyboard-helpers.js.map