@elliemae/ds-treeview 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/parts/TreeList.js

@@ -1,99 +1,127 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { SortableContainer } from "@elliemae/react-sortable-hoc";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
-import TreeViewContext from "../TreeViewContext";
-import { DSTreeViewPrefix, treeListBlockName } from "../config/cssClassesConstants";
-import { TreeItem, DragAndDropTreeItem } from "./TreeItem";
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
-const TreeListNoItems = aggregatedClasses("div", {
-  "data-testid": treeListNoItemsBn
-})(treeListNoItemsBn);
-const TreeListWrapper = aggregatedClasses("ul", {
-  "data-testid": treeListBlockName,
-  role: "tree"
-})(treeListBlockName, null, ({ rowSize }) => ({
-  [`rowsize-${rowSize}`]: rowSize
-}));
-const compactRowClass = `${DSTreeViewPrefix}-tv-row-size-compact`;
-const normaRowClass = `${DSTreeViewPrefix}-tv-row-size-normal`;
-const TreeList = (props) => {
-  const { onMouseDragOverItem } = props;
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useContext } from 'react';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
+import TreeViewContext from '../TreeViewContext.js';
+import { treeListBlockName, DSTreeViewPrefix } from '../config/cssClassesConstants.js';
+import TreeItem from './TreeItem.js';
+import { withConditionalDnDRowContext } from '../hoc/WithConditionalDnDContext.js';
+import { DnDTreeContext } from '../hoc/DnDTreeContext.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+const TreeListNoItems = aggregatedClasses('div', {
+  'data-testid': treeListNoItemsBn
+})(treeListNoItemsBn); // React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era
+// we omit the LegacyRef typings in favor of hook-era typings
+
+const TreeListWrapper = aggregatedClasses('ul', {
+  'data-testid': treeListBlockName,
+  role: 'tree'
+})(treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
+const compactRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-compact");
+const normaRowClass = "".concat(DSTreeViewPrefix, "-tv-row-size-normal");
+
+const TreeListComp = () => {
   const ctx = useContext(TreeViewContext);
   const {
     virtualListRef,
     virtualListHelpers,
-    visibleItems,
-    withDragAndDrop,
-    props: { width, height, rowSize, noItemsPlaceholder, isLoading }
+    visibleItems: flattenedVisibleItems,
+    props: {
+      width,
+      height,
+      rowSize,
+      noItemsPlaceholder,
+      isLoading
+    }
   } = ctx;
-  const { totalSize, virtualItems } = virtualListHelpers;
-  const className = `${rowSize === "compact" ? `${compactRowClass}` : `${normaRowClass}`}`;
-  return /* @__PURE__ */ React2.createElement(TreeListWrapper, {
+  const {
+    totalSize,
+    virtualItems
+  } = virtualListHelpers;
+  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
+  const {
+    visibleItems
+  } = useContext(DnDTreeContext);
+  return /*#__PURE__*/jsxs(TreeListWrapper, {
     ref: virtualListRef,
-    className,
-    style: {
-      height: `${typeof height === "number" ? `${height}px` : height}`,
-      width: `${typeof width === "number" ? `${width}px` : width}`,
-      overflow: "auto"
-    }
-  }, isLoading ? /* @__PURE__ */ React2.createElement("div", {
+    className: className,
     style: {
-      width: "100%",
-      height: "100%",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    }
-  }, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-    size: "xl",
-    loading: isLoading,
-    showLabel: true,
-    waiting: false,
-    showTooltip: false
-  })) : null, !isLoading && virtualItems.length === 0 ? /* @__PURE__ */ React2.createElement(TreeListNoItems, null, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /* @__PURE__ */ React2.createElement("div", {
-    style: {
-      height: `${totalSize}px`,
-      width: "100%",
-      position: "relative"
-    }
-  }, virtualItems.map((virtualItem) => {
-    const { index, measureRef, start } = virtualItem;
-    const item = visibleItems[index];
-    item.virtualIndex = index;
-    const { id } = item;
-    const style = {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: `translateY(${start}px)`
-    };
-    const listItemProps = {
-      key: `DS-TreeView-List-Item-${id}`,
-      virtualItemRef: measureRef,
-      index,
-      itemIndex: index,
-      item,
-      itemWrapperStyle: style
-    };
-    if (withDragAndDrop)
-      return /* @__PURE__ */ React2.createElement(DragAndDropTreeItem, {
-        ...listItemProps,
-        onMouseDragOverItem
-      });
-    return /* @__PURE__ */ React2.createElement(TreeItem, {
-      ...listItemProps
-    });
-  })) : null);
-};
-const DragAndDropTreeList = SortableContainer(TreeList);
-export {
-  DragAndDropTreeList,
-  TreeList,
-  TreeListNoItems,
-  TreeListWrapper,
-  treeListNoItemsBn
+      height: "".concat(typeof height === 'number' ? "".concat(height, "px") : height),
+      width: "".concat(typeof width === 'number' ? "".concat(width, "px") : width),
+      overflow: 'auto'
+    },
+    children: [isLoading ? /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
+      size: "xl",
+      loading: isLoading,
+      showLabel: true,
+      waiting: false,
+      showTooltip: false
+    })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx(TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "".concat(totalSize, "px"),
+        width: '100%',
+        position: 'relative'
+      }
+    }, void 0, virtualItems.map(virtualItem => {
+      const {
+        index,
+        measureRef,
+        start
+      } = virtualItem;
+      const item = (visibleItems || flattenedVisibleItems)[index];
+      if (!item) return null;
+      item.virtualIndex = index;
+      const {
+        id
+      } = item;
+      const style = {
+        position: 'absolute',
+        top: "".concat(start, "px"),
+        left: 0,
+        width: '100%'
+      };
+      const listItemProps = {
+        key: "DS-TreeView-List-Item-".concat(id),
+        virtualItemRef: measureRef,
+        index,
+        // this is consumed by the DnD HOC
+        itemIndex: index,
+        item,
+        itemWrapperStyle: style
+      };
+      return /*#__PURE__*/jsx(TreeItem, _objectSpread({}, listItemProps));
+    })) : null]
+  });
 };
-//# sourceMappingURL=TreeList.js.map
+
+const TreeList = withConditionalDnDRowContext(TreeListComp);
+
+export { TreeList, TreeListNoItems, TreeListWrapper, treeListNoItemsBn };

package/esm/plugins/dnd/TreeDndPlugin.js

@@ -1,30 +1,3 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { DragAndDropTreeList } from "../../parts/TreeList";
-import { useDnDHelpers } from "../../utils/useDnDHelpers";
-import { keyCodes } from "../../utils/dnd-helpers";
-import TreeViewContext from "../../TreeViewContext";
-const TreeDnD = () => {
-  const { updateBeforeSortStart, onSortStart, onMouseDragOverItem, onSortEnd } = useDnDHelpers();
-  const ctx = useContext(TreeViewContext);
-  const { virtualListRef } = ctx;
-  return /* @__PURE__ */ React2.createElement(DragAndDropTreeList, {
-    useDragHandle: true,
-    transitionDuration: 0,
-    keyboardSortingTransitionDuration: 0,
-    hideSortableGhost: false,
-    disableAnimation: true,
-    updateBeforeSortStart,
-    onSortStart,
-    onMouseDragOverItem,
-    onSortEnd,
-    getContainer: () => virtualListRef?.current,
-    keyCodes
-  });
-};
-const TreeDndPlugin = "tree-dnd";
-export {
-  TreeDnD,
-  TreeDndPlugin
-};
-//# sourceMappingURL=TreeDndPlugin.js.map
+const TreeDndPlugin = 'tree-dnd';
+
+export { TreeDndPlugin };

package/esm/plugins/dnd/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./TreeDndPlugin";
-//# sourceMappingURL=index.js.map
+export { TreeDndPlugin } from './TreeDndPlugin.js';

package/esm/plugins/index.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-export * from "./dnd";
-export * from "./roving";
-export * from "./selectable";
-export * from "./toolbar";
-export * from "./tree";
-export * from "./virtualization";
-export * from "./searchable";
-//# sourceMappingURL=index.js.map
+export { TreeDndPlugin } from './dnd/TreeDndPlugin.js';
+export { TreeRovingPlugin } from './roving/TreeRovingPlugin.js';
+export { SelectablePluginTree } from './selectable/SelectablePluginTree.js';
+export { TreeToolbarPlugin } from './toolbar/TreeToolbarPlugin.js';
+export { TreePluginList } from './tree/TreeDataPlugin.js';
+export { TreeVirtualizationPlugin } from './virtualization/TreeVirtualizationPlugin.js';
+export { SearchableTreePlugin } from './searchable/SearchableTreePlugin.js';

package/esm/plugins/roving/TreeRovingPlugin.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const TreeRovingPlugin = "tree-roving";
-export {
-  TreeRovingPlugin
-};
-//# sourceMappingURL=TreeRovingPlugin.js.map
+const TreeRovingPlugin = 'tree-roving';
+
+export { TreeRovingPlugin };

package/esm/plugins/roving/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./TreeRovingPlugin";
-//# sourceMappingURL=index.js.map
+export { TreeRovingPlugin } from './TreeRovingPlugin.js';

package/esm/plugins/searchable/SearchableTreePlugin.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const SearchableTreePlugin = "tree-searchable";
-export {
-  SearchableTreePlugin
-};
-//# sourceMappingURL=SearchableTreePlugin.js.map
+const SearchableTreePlugin = 'tree-searchable';
+
+export { SearchableTreePlugin };

package/esm/plugins/searchable/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./SearchableTreePlugin";
-//# sourceMappingURL=index.js.map
+export { SearchableTreePlugin } from './SearchableTreePlugin.js';

package/esm/plugins/selectable/SelectablePluginTree.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const SelectablePluginTree = "tree-selectable";
-export {
-  SelectablePluginTree
-};
-//# sourceMappingURL=SelectablePluginTree.js.map
+const SelectablePluginTree = 'tree-selectable';
+
+export { SelectablePluginTree };

package/esm/plugins/selectable/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./SelectablePluginTree";
-//# sourceMappingURL=index.js.map
+export { SelectablePluginTree } from './SelectablePluginTree.js';

package/esm/plugins/toolbar/TreeToolbarPlugin.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const TreeToolbarPlugin = "tree-toolbar";
-export {
-  TreeToolbarPlugin
-};
-//# sourceMappingURL=TreeToolbarPlugin.js.map
+const TreeToolbarPlugin = 'tree-toolbar';
+
+export { TreeToolbarPlugin };

package/esm/plugins/toolbar/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./TreeToolbarPlugin";
-//# sourceMappingURL=index.js.map
+export { TreeToolbarPlugin } from './TreeToolbarPlugin.js';

package/esm/plugins/tree/TreeDataPlugin.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const TreePluginList = "tree-data";
-export {
-  TreePluginList
-};
-//# sourceMappingURL=TreeDataPlugin.js.map
+const TreePluginList = 'tree-data';
+
+export { TreePluginList };

package/esm/plugins/tree/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./TreeDataPlugin";
-//# sourceMappingURL=index.js.map
+export { TreePluginList } from './TreeDataPlugin.js';

package/esm/plugins/virtualization/TreeVirtualizationPlugin.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const TreeVirtualizationPlugin = "tree-virtualization";
-export {
-  TreeVirtualizationPlugin
-};
-//# sourceMappingURL=TreeVirtualizationPlugin.js.map
+const TreeVirtualizationPlugin = 'tree-virtualization';
+
+export { TreeVirtualizationPlugin };

package/esm/plugins/virtualization/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./TreeVirtualizationPlugin";
-//# sourceMappingURL=index.js.map
+export { TreeVirtualizationPlugin } from './TreeVirtualizationPlugin.js';

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

@@ -1,55 +1,52 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
+/* eslint-disable max-lines */
 const TreeViewPropTypes = {
   data: PropTypes.arrayOf(PropTypes.shape({
     children: PropTypes.arrayOf(PropTypes.object),
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    isGroup: PropTypes.oneOfType([PropTypes.oneOf([void 0, null]), PropTypes.bool]),
+    isGroup: PropTypes.oneOfType([PropTypes.oneOf([undefined, 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(void 0),
+  })).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),
   instanceRef: PropTypes.shape({
-    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),
-  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, 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),
+  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
-};
-//# sourceMappingURL=react-desc-prop-types.js.map
+
+export { TreeViewPropTypes };

package/esm/related-components/TreeViewSearchBar.js

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

package/esm/sharedTypes.js

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

package/esm/utils/array-helpers.js

@@ -1,6 +1,9 @@
-import * as React from "react";
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+// https://github.com/sindresorhus/array-move/blob/master/index.js
 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);
@@ -12,8 +15,5 @@ const arrayMove = (array, from, to) => {
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-export {
-  arrayMove,
-  arrayMoveMutate
-};
-//# sourceMappingURL=array-helpers.js.map
+
+export { arrayMove, arrayMoveMutate };