@elliemae/ds-treeview 2.3.1 → 3.0.0-alpha.3

package/esm/parts/TreeItem.js

@@ -1,173 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useContext, useMemo, useCallback } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import RadioSelectable from './RadioSelectable.js';
-import CheckboxSelectable from './CheckboxSelectable.js';
-import TreeViewContext from '../TreeViewContext.js';
-import { setMultipleRefs } from '../utils/refs-helpers.js';
-import { useOnItemKeyDown } from '../utils/keyboard-helpers.js';
-import { NestingSpace } from './NestingSpace.js';
-import { Icon } from './Icon.js';
-import { ExpandCaret } from './ExpandCaret.js';
-import { TreeItemText } from './TreeItemText.js';
-import { treeItemBlockName, DSTreeViewPrefix } from '../config/cssClassesConstants.js';
-import { DnDHandle } from './DnDHandle.js';
-import { withDnDSortableItemContext } from '../hoc/WithDnDSortableItemContext.js';
-import { SortableItemContext, DropIndicatorPosition } from '../hoc/SortableItemContext.js';
-import DropIndicator from './DropIndicator.js';
-import { jsxs } 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 TreeListItem = aggregatedClasses('li', {
-  'data-testid': treeItemBlockName,
-  role: 'treeitem' // temp fix untill we move to styled components
-
-})(treeItemBlockName);
-const TreeListItemAddonsWrapper = aggregatedClasses('div')(treeItemBlockName, 'addons' // temp fix untill we move to styled components
-);
-const TreeItem = props => {
-  const {
-    item,
-    itemIndex,
-    itemWrapperStyle = {},
-    virtualItemRef,
-    spaceForNestingLevel = 1.5,
-    isDragOverlay = false
-  } = props;
-  const {
-    id,
-    node
-  } = item;
-  const {
-    nodeItemRef
-  } = node.model;
-  const {
-    draggableProps
-  } = useContext(SortableItemContext);
-  const onItemKeyDown = useOnItemKeyDown(item, draggableProps);
-  const ctx = useContext(TreeViewContext);
-  const {
-    props: {
-      disableIcons,
-      rightAddons,
-      onItemClick,
-      onItemFocus,
-      rowSize,
-      labelOverflow
-    },
-    withRadioChecks,
-    withCheckboxChecks,
-    withDragAndDrop,
-    selectedItem,
-    selectedCheckboxes,
-    hoverItem,
-    virtualListHelpers: {
-      scrollToIndex
-    },
-    setHoverItem,
-    setSelectedItem,
-    setFocusedItem
-  } = ctx; // Sortable Items needs to update
-  //   - the virtual list ref (for react-virtual requirement)
-  //   - nodeItemRef which is a prop avaiable in the TreeModel nodes
-  //   - the drag and drop node reference
-
-  const setItemRefs = ref => {
-    setMultipleRefs(virtualItemRef, !isDragOverlay && nodeItemRef, !isDragOverlay && draggableProps && draggableProps.setNodeRef)(ref);
-  };
-
-  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
-  const isDropIndicatorPositionInside = dropIndicatorPosition === DropIndicatorPosition.Inside;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const isDropValid = draggableProps && draggableProps.isDropValid;
-  const dropPreviewClassName = useMemo(() => {
-    if (isDropIndicatorPositionInside) {
-      const className = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName).concat(isDropValid ? '--valid' : '--invalid', "-drop-in");
-      return className;
-    }
-
-    return '';
-  }, [isDropIndicatorPositionInside, isDropValid]);
-  const dragOverlayClassName = useMemo(() => isDragOverlay ? 'drag-overlay' : '', [isDragOverlay]);
-  const selectedClassName = useMemo(() => (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) === item.id && !isDragOverlay ? 'selected' : '', [isDragOverlay, item.id, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id]);
-  const hoverClassName = useMemo(() => !isDragOverlay && ((hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) === item.id || isDragging) ? 'hover' : '', [isDragOverlay, hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id, item.id, isDragging]);
-  const fixedHeightClassname = useMemo(() => {
-    if (labelOverflow === 'truncate') {
-      if (rowSize === 'compact') return "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "--fixed-height-compact");
-      return "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "--fixed-height");
-    }
-
-    return '';
-  }, [labelOverflow, rowSize]);
-  const finalClassName = useMemo(() => "".concat(dropPreviewClassName, " ").concat(fixedHeightClassname, " ").concat(selectedClassName, " ").concat(hoverClassName, " ").concat(dragOverlayClassName), [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname, dragOverlayClassName]);
-  const handleItemClick = useCallback(e => {
-    onItemClick(item, e);
-    setFocusedItem(item);
-    setSelectedItem(item);
-    const itemVirtualIndex = typeof item.virtualIndex === 'number' ? item.virtualIndex : -1;
-    onItemFocus({
-      itemIndex: itemVirtualIndex,
-      scrollToItem: function () {
-        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          align: 'start'
-        };
-        return scrollToIndex(itemVirtualIndex, opts);
-      },
-      item
-    });
-  }, [item, scrollToIndex, onItemClick, onItemFocus, setSelectedItem, setFocusedItem]);
-  return /*#__PURE__*/jsxs(TreeListItem, {
-    tabIndex: 0,
-    onMouseLeave: () => {
-      if ((hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) === item.id) {
-        setHoverItem(null);
-      }
-    },
-    onMouseEnter: () => {
-      setHoverItem(item);
-    },
-    onClick: handleItemClick,
-    onBlur: () => setFocusedItem(null),
-    ref: setItemRefs,
-    style: _objectSpread({}, itemWrapperStyle),
-    className: finalClassName,
-    "aria-expanded": !!item.isExpanded,
-    "aria-selected": !!selectedCheckboxes[item.id],
-    "data-id": item.id,
-    "data-index": item.virtualIndex,
-    onKeyDown: onItemKeyDown,
-    children: [/*#__PURE__*/_jsx(TreeListItemAddonsWrapper, {}, void 0, withDragAndDrop ? /*#__PURE__*/_jsx(DnDHandle, {
-      id: id,
-      isDragOverlay: isDragOverlay
-    }) : null, withRadioChecks && !isDragOverlay ? /*#__PURE__*/_jsx(RadioSelectable, {
-      item: item,
-      itemIndex: itemIndex
-    }) : null, withCheckboxChecks && !isDragOverlay ? /*#__PURE__*/_jsx(CheckboxSelectable, {
-      item: item,
-      itemIndex: itemIndex
-    }) : null, !isDragOverlay && /*#__PURE__*/_jsx(NestingSpace, {
-      item: item,
-      spaceForNestingLevel: spaceForNestingLevel
-    }), !isDragOverlay && /*#__PURE__*/_jsx(ExpandCaret, {
-      item: item
-    }), !disableIcons ? /*#__PURE__*/_jsx(Icon, {
-      item: item
-    }) : null), /*#__PURE__*/_jsx(TreeItemText, {
-      item: item
-    }), rightAddons && /*#__PURE__*/_jsx(TreeListItemAddonsWrapper, {}, void 0, typeof rightAddons === 'function' ? rightAddons(item) : rightAddons), /*#__PURE__*/_jsx(DropIndicator, {
-      dropIndicatorPosition: dropIndicatorPosition,
-      isDropValid: isDropValid
-    })]
-  });
-};
-var TreeItem$1 = withDnDSortableItemContext(TreeItem);
-
-export { TreeItem, TreeListItem, TreeListItemAddonsWrapper, TreeItem$1 as default };

package/esm/parts/TreeItemText.js

@@ -1,99 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useMemo } from 'react';
-import Highlighter from 'react-highlight-words';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { ChildrenCountDisplayer } from './ChildrenCountDisplayer.js';
-import { treeItemBlockName, DSTreeViewPrefix } from '../config/cssClassesConstants.js';
-import TreeViewContext from '../TreeViewContext.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const ItemContent = aggregatedClasses('div')("".concat(treeItemBlockName, "-content"));
-const ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value'); // const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;
-
-const classNameModifierWrapAll = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--wrap-all");
-const classNameModifierTruncate = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "__value--truncate"); // eslint-disable-next-line react/prop-types
-
-const CustomHighlight = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx("mark", {
-    className: "tree-text-highlight",
-    "data-testid": "tree-text-highlight"
-  }, void 0, children);
-};
-
-function TreeItemText(props) {
-  var _ChildrenCountDisplay, _ChildrenCountDisplay2, _ChildrenCountDisplay3, _ChildrenCountDisplay4;
-
-  const {
-    item
-  } = props;
-  const ctx = useContext(TreeViewContext);
-  const {
-    props: {
-      searchQuery,
-      showChildrenAmount,
-      labelOverflow,
-      nameKey
-    }
-  } = ctx;
-  const Text = useMemo(() => {
-    const itemLabelText = item[nameKey];
-
-    if (searchQuery) {
-      if (labelOverflow === 'truncate') {
-        return /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-          value: /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/_jsx(Highlighter, {
-              autoEscape: true,
-              highlightTag: CustomHighlight,
-              searchWords: [searchQuery],
-              textToHighlight: itemLabelText
-            }), showChildrenAmount ? _ChildrenCountDisplay || (_ChildrenCountDisplay = /*#__PURE__*/_jsx(ChildrenCountDisplayer, {
-              item: item
-            })) : null]
-          })
-        });
-      }
-
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/_jsx(Highlighter, {
-          autoEscape: true,
-          highlightTag: CustomHighlight,
-          searchWords: [searchQuery],
-          textToHighlight: itemLabelText
-        }), showChildrenAmount ? _ChildrenCountDisplay2 || (_ChildrenCountDisplay2 = /*#__PURE__*/_jsx(ChildrenCountDisplayer, {
-          item: item
-        })) : null]
-      });
-    }
-
-    if (labelOverflow === 'truncate') {
-      return /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-        value: /*#__PURE__*/jsxs(Fragment, {
-          children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay3 || (_ChildrenCountDisplay3 = /*#__PURE__*/_jsx(ChildrenCountDisplayer, {
-            item: item
-          })) : null]
-        })
-      });
-    }
-
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay4 || (_ChildrenCountDisplay4 = /*#__PURE__*/_jsx(ChildrenCountDisplayer, {
-        item: item
-      })) : null]
-    });
-  }, [item, searchQuery, nameKey, showChildrenAmount, labelOverflow]);
-  let className = '';
-  if (labelOverflow === 'wrap-all') className += "".concat(classNameModifierWrapAll, " ");
-  if (labelOverflow === 'truncate') className += "".concat(classNameModifierTruncate, " ");
-  return /*#__PURE__*/_jsx(ItemContent, {
-    "data-testid": "".concat(treeItemBlockName, "-content")
-  }, void 0, /*#__PURE__*/_jsx(ItemValue, {
-    className: className
-  }, void 0, Text));
-}
-
-export { TreeItemText };

package/esm/parts/TreeList.js

@@ -1,127 +0,0 @@
-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: flattenedVisibleItems,
-    props: {
-      width,
-      height,
-      rowSize,
-      noItemsPlaceholder,
-      isLoading
-    }
-  } = ctx;
-  const {
-    totalSize,
-    virtualItems
-  } = virtualListHelpers;
-  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
-  const {
-    visibleItems
-  } = useContext(DnDTreeContext);
-  return /*#__PURE__*/jsxs(TreeListWrapper, {
-    ref: virtualListRef,
-    className: className,
-    style: {
-      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]
-  });
-};
-
-const TreeList = withConditionalDnDRowContext(TreeListComp);
-
-export { TreeList, TreeListNoItems, TreeListWrapper, treeListNoItemsBn };

package/esm/plugins/dnd/TreeDndPlugin.js

@@ -1,3 +0,0 @@
-const TreeDndPlugin = 'tree-dnd';
-
-export { TreeDndPlugin };

package/esm/plugins/dnd/index.js

@@ -1 +0,0 @@
-export { TreeDndPlugin } from './TreeDndPlugin.js';

package/esm/plugins/index.js

@@ -1,7 +0,0 @@
-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,3 +0,0 @@
-const TreeRovingPlugin = 'tree-roving';
-
-export { TreeRovingPlugin };

package/esm/plugins/roving/index.js

@@ -1 +0,0 @@
-export { TreeRovingPlugin } from './TreeRovingPlugin.js';

package/esm/plugins/searchable/SearchableTreePlugin.js

@@ -1,3 +0,0 @@
-const SearchableTreePlugin = 'tree-searchable';
-
-export { SearchableTreePlugin };

package/esm/plugins/searchable/index.js

@@ -1 +0,0 @@
-export { SearchableTreePlugin } from './SearchableTreePlugin.js';

package/esm/plugins/selectable/SelectablePluginTree.js

@@ -1,3 +0,0 @@
-const SelectablePluginTree = 'tree-selectable';
-
-export { SelectablePluginTree };

package/esm/plugins/selectable/index.js

@@ -1 +0,0 @@
-export { SelectablePluginTree } from './SelectablePluginTree.js';

package/esm/plugins/toolbar/TreeToolbarPlugin.js

@@ -1,3 +0,0 @@
-const TreeToolbarPlugin = 'tree-toolbar';
-
-export { TreeToolbarPlugin };

package/esm/plugins/toolbar/index.js

@@ -1 +0,0 @@
-export { TreeToolbarPlugin } from './TreeToolbarPlugin.js';

package/esm/plugins/tree/TreeDataPlugin.js

@@ -1,3 +0,0 @@
-const TreePluginList = 'tree-data';
-
-export { TreePluginList };

package/esm/plugins/tree/index.js

@@ -1 +0,0 @@
-export { TreePluginList } from './TreeDataPlugin.js';

package/esm/plugins/virtualization/TreeVirtualizationPlugin.js

@@ -1,3 +0,0 @@
-const TreeVirtualizationPlugin = 'tree-virtualization';
-
-export { TreeVirtualizationPlugin };

package/esm/plugins/virtualization/index.js

@@ -1 +0,0 @@
-export { TreeVirtualizationPlugin } from './TreeVirtualizationPlugin.js';

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

@@ -1,52 +0,0 @@
-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([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(undefined),
-  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),
-  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 };

package/esm/related-components/TreeViewSearchBar.js

@@ -1,40 +0,0 @@
-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__*/_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 };

package/esm/sharedTypes.js

@@ -1 +0,0 @@
-

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

@@ -1,99 +0,0 @@
-import { useCallback, useEffect } from 'react';
-
-/* eslint-disable max-params */
-const updateExpandedState = (treeRoot, onExpandChange) => {
-  const shouldContinueWalking = true;
-  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);
-};
-const toggleItemExpand = function (itemToToggle, triggerTreeRerender, updateUserExpandedState) {
-  let scrollTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
-  const {
-    node: {
-      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'
-      });
-    });
-  }
-};
-const expandItemModel = modelToExpand => {
-  if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
-};
-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);
-    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);
-    return shouldContinueWalking;
-  });
-  triggerTreeRerender();
-};
-const getToggleExpandShouldExpand = treeRoot => {
-  let shouldExpand = false;
-  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-  treeRoot.walk(node => {
-    if (!node.isRoot()) {
-      if (!node.model.isExpanded && node.model.isGroup) {
-        shouldExpand = true; // eslint-disable-next-line no-useless-return
-
-        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 {
-    const shouldExpand = getToggleExpandShouldExpand(treeRoot);
-    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]);
-  useEffect(() => {
-    if (!propsWithDefaults.expanded) notifyExpandedChange(expandedGroups);
-  }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);
-};
-
-export { collapseAll, collapseItemModel, expandAll, expandItemModel, getToggleExpandShouldExpand, toggleExpandAllHelper, toggleItemExpand, updateExpandedState, useNotifyExpandedChange };