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

package/cjs/utils/selectable-helper.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var treeHelpers = require('./tree-helpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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 getGroupCheckState = node => {
-  let childAllChecked = true;
-  let anyChildChecked = false;
-  treeHelpers.walkAllNodeChildren(node, childNode => {
-    const {
-      model: {
-        isChecked
-      }
-    } = childNode;
-    if (isChecked === 'mixed' || isChecked === true) anyChildChecked = true;else childAllChecked = false;
-  });
-  if (childAllChecked) return true;
-  if (anyChildChecked) return 'mixed';
-  return false;
-};
-const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
-  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  const newSelections = {};
-  const {
-    nodePath
-  } = modelToCheck;
-  treeHelpers.walkParents(nodePath, parentNode => {
-    const nextState = getGroupCheckState(parentNode);
-    parentNode.model.isChecked = nextState;
-    newSelections[parentNode.model.id] = nextState;
-  });
-  if (triggerTreeRerender) triggerTreeRerender();
-  return newSelections;
-};
-const toggleCheckboxItem = function (itemToSelect) {
-  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  const {
-    node: {
-      model: {
-        id,
-        isChecked,
-        children = []
-      }
-    }
-  } = itemToSelect;
-  const newSelections = {}; // 'mixed' -> true -> false -> true [...->false -> true]
-
-  const nextState = isChecked === 'mixed' ? true : !isChecked;
-  itemToSelect.node.model.isChecked = nextState;
-  newSelections[id] = nextState;
-
-  if (children.length > 0 && (nextState === true || nextState === false)) {
-    treeHelpers.walkAllNodeChildren(itemToSelect.node, childNode => {
-      childNode.model.isChecked = nextState;
-      newSelections[childNode.model.id] = nextState;
-    });
-  }
-
-  const parentsNewSelections = selectCheckboxItemModelParentsTillRoot(itemToSelect);
-  if (triggerTreeRerender) triggerTreeRerender();
-  return _objectSpread(_objectSpread({}, parentsNewSelections), newSelections);
-};
-
-exports.getGroupCheckState = getGroupCheckState;
-exports.selectCheckboxItemModelParentsTillRoot = selectCheckboxItemModelParentsTillRoot;
-exports.toggleCheckboxItem = toggleCheckboxItem;

package/cjs/utils/string-helpers.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const standardizeSearchQueryString = input => input.trim().toLowerCase();
-
-exports.standardizeSearchQueryString = standardizeSearchQueryString;

package/cjs/utils/tree-helpers.js

@@ -1,220 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.every.js');
-require('core-js/modules/esnext.iterator.every.js');
-var React = require('react');
-var stringHelpers = require('./string-helpers.js');
-
-const walkVisibles = function (node, callback) {
-  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  let highlightOnlyQuery = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  const {
-    children,
-    model
-  } = node;
-  const {
-    name,
-    isExpanded,
-    childrenMatchesSearchQuery,
-    matchesSearchQuery
-  } = model;
-  const shouldSkipBecauseIsRoot = skipRoot && name === '__root';
-  const queryRestrictionsPassed = !!(highlightOnlyQuery || childrenMatchesSearchQuery || matchesSearchQuery);
-  if (!shouldSkipBecauseIsRoot && queryRestrictionsPassed) callback(node);
-  const shouldWalkChildren = !!(children.length > 0 && isExpanded && queryRestrictionsPassed);
-
-  if (shouldWalkChildren) {
-    children.forEach(childNode => {
-      walkVisibles(childNode, callback, skipRoot, highlightOnlyQuery);
-    });
-  }
-};
-const walkParents = function (nodePath, callback) {
-  let skipRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  const parents = [...nodePath].reverse();
-  parents.shift(); // remove current node from the parents array
-
-  if (skipRoot) parents.pop(); // remove the root from the parents if skipping root
-
-  parents.forEach(callback);
-};
-const walkAllNodeChildren = function (node, callback) {
-  let isFirst = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  const {
-    children = []
-  } = node;
-  const shouldWalkChildren = children.length;
-  if (!isFirst) callback(node);
-
-  if (shouldWalkChildren) {
-    children.forEach(childNode => {
-      walkAllNodeChildren(childNode, callback, false);
-    });
-  }
-};
-const getNodeById = (treeRoot, id) => {
-  const nodes = treeRoot.all(node => node.model.id === id);
-  return nodes[0];
-};
-const cloneNode = (tree, node) => tree.parse(node.model);
-const itemsShareSameParent = function () {
-  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  if (items.length === 0) throw new Error('Received empty items for comparison');
-  if (items.length === 1) return true; // when moving in first position we receive [undefined,...{items}]
-  // when moving in last position we receive [...{items}, undefined]
-
-  const firstExistingItem = items.find(item => !!item);
-  if (!firstExistingItem) throw new Error("Received no items, can't retrieve parent");
-  const firstExistingItemPath = firstExistingItem.node.getPath(); // path is like [rootParent, ...[parentsNodes], currentNode]
-  // length -1 is the current-node
-  // length -2 is the parent-node
-  // root node is not printed and is always present so minimum path length is 2 (root + currentNode)
-
-  const directParentNode = firstExistingItemPath[firstExistingItemPath.length - 2];
-  return items.every(item => {
-    // undefined nodes count as having the same parent
-    if (!item) return true;
-    const itemPath = item.node.getPath();
-    const itemDirectParent = itemPath[itemPath.length - 2];
-    return directParentNode === itemDirectParent;
-  });
-};
-const getItemsParentNode = function () {
-  let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let skipSameParentCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (items.length === 0) throw new Error("Received empty items, can't retrieve parent"); // in case we already know the items compared shares the same parent
-
-  if (!skipSameParentCheck) if (!itemsShareSameParent(items)) // if we don't know (default, we don't) check if they share the parent
-    throw new Error("Received items don't share the same parent, can't retrieve parent"); // when moving in first position we receive [undefined,...{items}]
-  // when moving in last position we receive [...{items}, undefined]
-
-  const firstExistingItem = items.find(item => !!item);
-  if (!firstExistingItem) throw new Error("Received no items, can't retrieve parent");
-  const firstExistingItemPath = firstExistingItem.node.getPath(); // path is like [rootParent, ...[parentsNodes], currentNode]
-  // length -1 is the current-node
-  // length -2 is the parent-node
-  // root node is not printed and is always present so minimum path length is 2 (root + currentNode)
-
-  const directParentNode = firstExistingItemPath[firstExistingItemPath.length - 2];
-  return directParentNode;
-};
-const getNodeMatchesSearchQuery = function (node) {
-  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const standardizedName = stringHelpers.standardizeSearchQueryString(node.model.name);
-  const standardizedSearchQuery = stringHelpers.standardizeSearchQueryString(searchQuery);
-  return standardizedName.includes(standardizedSearchQuery);
-};
-const getChildrenMatchesSearchQuery = function (parentNode) {
-  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let anyChildMatch = false;
-  walkAllNodeChildren(parentNode, node => {
-    if (getNodeMatchesSearchQuery(node, searchQuery)) anyChildMatch = true;
-  });
-  return anyChildMatch;
-};
-/**
- * Mutate in place a node from tree-model normalizing object properties like "isGroup" even if user didn't specify it explicitly,
- * after execution the node will have "nodePath" "treeDepth" "nodeItemRef" "isGroup" "isExpanded"
- * (optionally, based on the provided arguments) "matchesSearchQuery" "childrenMatchesSearchQuery" "isChecked"
- *
- * @param {Object} node - node (based on 'tree-model' lib) that you wish to mutate with extra props
- * @param {string} [searchQuery=''] - optional string used to parse "matchesSearchQuery"/"childrenMatchesSearchQuery" properties
- * @param {Object} [selection=null] - optional selection hashmap used to parse "isChecked" properties
- * @param {Object} [expanded=null] - optional expanded hashmap used to parse "isExpanded" properties
- */
-
-const enrichNodeModelInPlace = function (node) {
-  var _node$model$children$, _node$model, _node$model$children;
-
-  let searchQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  let expanded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  const path = node.getPath();
-  const depth = path.length - 1;
-  node.model.nodePath = path;
-  node.model.treeDepth = depth;
-
-  if (!node.model.nodeItemRef) {
-    node.model.nodeItemRef = /*#__PURE__*/React.createRef();
-  } // if a node has children but was not marked as isGroup, force-mark as group
-  // this is useful to avoid having to always check both the flag and the children.length...
-
-
-  if (typeof node.model.isGroup !== 'boolean' && ((_node$model$children$ = (_node$model = node.model) === null || _node$model === void 0 ? void 0 : (_node$model$children = _node$model.children) === null || _node$model$children === void 0 ? void 0 : _node$model$children.length) !== null && _node$model$children$ !== void 0 ? _node$model$children$ : 0) > 0) {
-    node.model.isGroup = true;
-  }
-
-  if (node.model.isGroup && node.model.id !== '__ds_tree_root') {
-    if (expanded) node.model.isExpanded = !!expanded[node.model.id];else if (typeof node.model.isExpanded !== 'boolean') {
-      node.model.isExpanded = false;
-    }
-  }
-
-  node.model.matchesSearchQuery = true;
-  node.model.childrenMatchesSearchQuery = false;
-  const partiallyEnrichedNode = node;
-
-  if (searchQuery) {
-    partiallyEnrichedNode.model.matchesSearchQuery = getNodeMatchesSearchQuery(partiallyEnrichedNode, searchQuery);
-
-    if (partiallyEnrichedNode.model.isGroup === true) {
-      partiallyEnrichedNode.model.childrenMatchesSearchQuery = getChildrenMatchesSearchQuery(partiallyEnrichedNode, searchQuery);
-      if (partiallyEnrichedNode.model.childrenMatchesSearchQuery) partiallyEnrichedNode.model.isExpanded = true;
-    }
-  }
-
-  if (selection && selection[partiallyEnrichedNode.model.id]) {
-    partiallyEnrichedNode.model.isChecked = selection[partiallyEnrichedNode.model.id];
-  }
-};
-const focusItem = item => {
-  var _item$nodeItemRef, _item$nodeItemRef$cur;
-
-  item === null || item === void 0 ? void 0 : (_item$nodeItemRef = item.nodeItemRef) === null || _item$nodeItemRef === void 0 ? void 0 : (_item$nodeItemRef$cur = _item$nodeItemRef.current) === null || _item$nodeItemRef$cur === void 0 ? void 0 : _item$nodeItemRef$cur.focus();
-};
-const flattenTreeForDnD = function (data) {
-  let shouldDescend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
-  const flattenedTree = [];
-  let index = 0;
-
-  const doit = function (node) {
-    var _node$children$length, _node$children, _node$children2;
-
-    let depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    flattenedTree.push({
-      uid: node.id.toString(),
-      depth,
-      realIndex: index,
-      childrenCount: (_node$children$length = (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.length) !== null && _node$children$length !== void 0 ? _node$children$length : 0,
-      parentId: parentId !== null ? parentId.toString() : null,
-      original: node
-    });
-    index += 1;
-    if (shouldDescend(node)) (_node$children2 = node.children) === null || _node$children2 === void 0 ? void 0 : _node$children2.forEach(child => doit(child, depth + 1, node.id.toString()));
-  };
-
-  data.forEach(datum => doit(datum));
-  return flattenedTree;
-};
-
-exports.cloneNode = cloneNode;
-exports.enrichNodeModelInPlace = enrichNodeModelInPlace;
-exports.flattenTreeForDnD = flattenTreeForDnD;
-exports.focusItem = focusItem;
-exports.getChildrenMatchesSearchQuery = getChildrenMatchesSearchQuery;
-exports.getItemsParentNode = getItemsParentNode;
-exports.getNodeById = getNodeById;
-exports.getNodeMatchesSearchQuery = getNodeMatchesSearchQuery;
-exports.itemsShareSameParent = itemsShareSameParent;
-exports.walkAllNodeChildren = walkAllNodeChildren;
-exports.walkParents = walkParents;
-exports.walkVisibles = walkVisibles;

package/cjs/utils/useInstanceRefActions.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var treeHelpers = require('./tree-helpers.js');
-var groupExpandsHelpers = require('./group-expands-helpers.js');
-
-const useInstanceRefActions = (_ref, ctx) => {
-  let {
-    actions
-  } = _ref;
-  const {
-    props: {
-      onItemFocus
-    },
-    virtualListHelpers,
-    treeRoot,
-    visibleItems,
-    triggerTreeRerender,
-    updateUserExpandedState,
-    setSelectedItem,
-    setFocusedItem,
-    setLatestToggledItem
-  } = ctx;
-  const {
-    current: promises
-  } = React.useRef({});
-  const {
-    scrollToIndex
-  } = React.useMemo(() => virtualListHelpers, [virtualListHelpers]);
-  const [expandPromise, setPromise] = React.useState();
-  React.useEffect(() => {
-    if (expandPromise && promises.expandResolve) {
-      promises.expandResolve(visibleItems);
-      promises.expandResolve = null;
-      setPromise(null);
-    }
-  }, [visibleItems, expandPromise, promises]);
-  actions.toggleExpandAll = React.useCallback(isExpand => {
-    const p = new Promise(resolve => {
-      promises.expandResolve = resolve;
-      if (treeRoot) groupExpandsHelpers.toggleExpandAllHelper(isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
-    });
-    setPromise(p);
-    return p;
-  }, [promises, treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState]);
-  actions.scrollTo = React.useCallback(function (indx) {
-    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      align: 'start'
-    };
-    if (scrollToIndex) scrollToIndex(indx, opts);
-  }, [scrollToIndex]);
-  actions.setSelectedItemByVirtualIndex = React.useCallback(index => {
-    const itemByIndex = visibleItems[index];
-    setSelectedItem(itemByIndex);
-  }, [visibleItems, setSelectedItem]);
-  actions.setFocusedItemByVirtualIndex = React.useCallback(function (index) {
-    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      align: 'start',
-      withScroll: false
-    };
-    const itemByIndex = visibleItems[index];
-    const onItemFocusParams = {
-      itemIndex: itemByIndex.virtualIndex,
-      scrollToItem: () => scrollToIndex(index, opts),
-      item: itemByIndex
-    };
-
-    if (opts.withScroll && scrollToIndex) {
-      scrollToIndex(index, opts);
-      setTimeout(() => {
-        setFocusedItem(itemByIndex);
-        treeHelpers.focusItem(itemByIndex);
-        onItemFocus(onItemFocusParams);
-      }, 300);
-    } else {
-      setFocusedItem(itemByIndex);
-      treeHelpers.focusItem(itemByIndex);
-      onItemFocus(onItemFocusParams);
-    }
-  }, [visibleItems, scrollToIndex, setFocusedItem, onItemFocus]);
-  return actions;
-};
-
-exports.useInstanceRefActions = useInstanceRefActions;

package/cjs/utils/useTree.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var TreeModel = require('tree-model');
-var lodash = require('lodash');
-var treeHelpers = require('./tree-helpers.js');
-var groupExpandsHelpers = require('./group-expands-helpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var TreeModel__default = /*#__PURE__*/_interopDefaultLegacy(TreeModel);
-
-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__default["default"](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 useTree = (data, props, states) => {
-  const {
-    setExpandedGroups
-  } = states;
-  const unfrozenData = React.useMemo(() => lodash.cloneDeep(data), [data]); // convert data into a TreeModel with extra isExpanded prop
-  // root element type is an exception, children model is based on what the dev passed on
-  // since root is an excepcion we must typecast
-
-  const tree = React.useMemo(() => new TreeModel__default["default"](), []);
-  const [treeData, setTreeData] = React.useState({
-    id: '__ds_tree_root',
-    name: '__root',
-    isExpanded: true,
-    children: unfrozenData
-  });
-  React.useEffect(() => {
-    setTreeData({
-      id: '__ds_tree_root',
-      name: '__root',
-      isExpanded: true,
-      children: unfrozenData
-    });
-  }, [unfrozenData]); // expose a way to rerender the tree
-  //   used for expand functionality
-
-  const [rerenderItems, setRerenderItems] = React.useState({});
-  const triggerTreeRerender = React.useCallback(() => {
-    setRerenderItems({});
-  }, []); // when re-rendering we re-parse the list
-
-  const [treeRoot, setTreeRoot] = React.useState(tree.parse(treeData));
-  React.useEffect(() => {
-    setTreeRoot(tree.parse(treeData));
-  }, [treeData, rerenderItems, tree]);
-  const [visibleItems, setVisibleItems] = React.useState([]);
-  const {
-    searchQuery,
-    highlightOnlyQuery,
-    onVisibleItemsChange,
-    selection,
-    expanded,
-    onExpandChange
-  } = props;
-  const updateUserExpandedState = React.useCallback(() => {
-    groupExpandsHelpers.updateExpandedState(treeRoot, onExpandChange);
-  }, [treeRoot, onExpandChange]); // we add missing properties to the received Items
-  //   not the best of the patterns, but it works
-  //   this is where we convert "SimpleItems" to "Items"
-  //   this was done to avoid breaking changes back in v1
-
-  React.useEffect(() => {
-    const parsedVisibleItems = [];
-    const newExpandedHashMap = {};
-    const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-    treeRoot.walk(node => {
-      treeHelpers.enrichNodeModelInPlace(node, searchQuery, selection, expanded);
-      if (node.model.id && node.model.isGroup && node.model.isExpanded) newExpandedHashMap[node.model.id] = true;
-      return shouldContinueWalking;
-    });
-    treeHelpers.walkVisibles(treeRoot, node => {
-      parsedVisibleItems.push(_objectSpread(_objectSpread({}, node.model), {}, {
-        node
-      }));
-    }, true, highlightOnlyQuery);
-    setVisibleItems(parsedVisibleItems);
-    onVisibleItemsChange(parsedVisibleItems);
-    setExpandedGroups(newExpandedHashMap); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [treeRoot, rerenderItems, searchQuery, highlightOnlyQuery, selection, expanded, setExpandedGroups // onVisibleItemsChange // evaluate potential performance hit?
-  ]);
-  const flattenedItems = React.useMemo(() => treeHelpers.flattenTreeForDnD(data), [data]);
-  return {
-    visibleItems,
-    flattenedItems,
-    tree,
-    treeRoot,
-    rerenderItems,
-    triggerTreeRerender,
-    updateUserExpandedState
-  };
-};
-
-exports.useTree = useTree;

package/esm/TreeView.js

@@ -1,21 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { TreeViewPropTypes } from './react-desc-prop-types.js';
-import TreeViewContext from './TreeViewContext.js';
-import { useTreeview } from './config/useTreeview.js';
-import { TreeList } from './parts/TreeList.js';
-
-var _TreeList;
-function TreeView(props) {
-  const {
-    ctx
-  } = useTreeview(props);
-  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
-    value: ctx
-  }, void 0, _TreeList || (_TreeList = /*#__PURE__*/_jsx(TreeList, {})));
-}
-const TreeViewWithSchema = describe(TreeView);
-TreeViewWithSchema.propTypes = TreeViewPropTypes;
-
-export { TreeView, TreeViewWithSchema };

package/esm/config/cssClassesConstants.js

@@ -1,6 +0,0 @@
-const DSTreeViewPrefix = 'em-ds';
-const treeItemBlockName = 'tree-item';
-const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
-
-export { DSTreeViewPrefix, treeItemBlockName, treeListBlockName, treeListNoItemsBn };

package/esm/config/useTreeview.js

@@ -1,119 +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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useCallback, useMemo, useEffect } from 'react';
-import { useVirtual } from 'react-virtual';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { v4 } from 'uuid';
-import { TreeViewPropTypes } from '../react-desc-prop-types.js';
-import { defaultProps } from '../TreeViewContext.js';
-import { TreeDndPlugin } from '../plugins/dnd/TreeDndPlugin.js';
-import { useTree } from '../utils/useTree.js';
-import { toggleItemExpand, useNotifyExpandedChange } from '../utils/group-expands-helpers.js';
-import { useInstanceRefActions } from '../utils/useInstanceRefActions.js';
-import { useGlobalToggleAllExpandShortcut } from '../utils/keyboard-helpers.js';
-
-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 useTreeview = props => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, TreeViewPropTypes);
-  const defaultActions = {
-    actions: {
-      toggleExpandAll: () => {},
-      scrollTo: () => {},
-      setSelectedItemByVirtualIndex: () => {},
-      setFocusedItemByVirtualIndex: () => {}
-    }
-  };
-  const treeRef = useRef(defaultActions);
-  const {
-    data,
-    plugins,
-    onOrderChange,
-    isMultiSelect,
-    isSingleSelect,
-    instanceRef,
-    selection,
-    onInstanceRefInitialized
-  } = propsWithDefault;
-  const [uniqueTreeViewUUID] = useState(v4());
-  const [hoverItem, setHoverItem] = useState(null);
-  const [latestToggledItem, setLatestToggledItem] = useState(null);
-  const [selectedItem, setSelectedItem] = useState(null);
-  const [focusedItem, setFocusedItem] = useState(null);
-  const [selectedCheckboxes, setSelectedCheckboxes] = useState(_objectSpread({}, selection));
-  const [expandedGroups, setExpandedGroups] = useState({});
-  const {
-    visibleItems,
-    flattenedItems,
-    tree,
-    treeRoot,
-    triggerTreeRerender,
-    updateUserExpandedState
-  } = useTree(data, propsWithDefault, {
-    setExpandedGroups
-  });
-  const virtualListRef = useRef(); // estimateSize should not be really required given what was stated on
-  // https://github.com/tannerlinsley/react-virtual/issues/23
-
-  const virtualListHelpers = useVirtual({
-    size: visibleItems.length,
-    parentRef: virtualListRef,
-    overscan: 15
-  });
-  const withDragAndDrop = !!(plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin) && onOrderChange);
-  const withRadioChecks = isSingleSelect && !isMultiSelect;
-  const withCheckboxChecks = !isSingleSelect && isMultiSelect;
-  const handleExpandGroup = useCallback(toggleItemExpand, []);
-  const ctx = useMemo(() => ({
-    props: propsWithDefault,
-    virtualListHelpers,
-    virtualListRef,
-    tree,
-    treeRoot,
-    visibleItems,
-    flattenedItems,
-    triggerTreeRerender,
-    withRadioChecks,
-    withCheckboxChecks,
-    withDragAndDrop,
-    uniqueTreeViewUUID,
-    selectedCheckboxes,
-    setSelectedCheckboxes,
-    selectedItem,
-    setSelectedItem,
-    expandedGroups,
-    setExpandedGroups,
-    latestToggledItem,
-    setLatestToggledItem,
-    focusedItem,
-    setFocusedItem,
-    hoverItem,
-    setHoverItem,
-    handleExpandGroup,
-    updateUserExpandedState
-  }), [propsWithDefault, virtualListHelpers, tree, treeRoot, visibleItems, flattenedItems, triggerTreeRerender, withRadioChecks, withCheckboxChecks, withDragAndDrop, uniqueTreeViewUUID, selectedCheckboxes, selectedItem, expandedGroups, latestToggledItem, focusedItem, hoverItem, handleExpandGroup, updateUserExpandedState]); // this hooks can't use the context because the context provider doesn't wrap this
-  // as such we manually pass the second parameter as fit
-
-  if (instanceRef) instanceRef.current = treeRef.current;
-  useInstanceRefActions(treeRef.current, ctx);
-  useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
-  useNotifyExpandedChange(propsWithDefault, ctx); // this is an horrible hack.
-  // this is required because there is no "on rendered" react-way to check if every children has finished rendering
-  // this should be working for now, in the future we may want to review this for a better solution
-
-  useEffect(() => {
-    setTimeout(() => onInstanceRefInitialized(treeRef), 100); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return useMemo(() => ({
-    ctx
-  }), [ctx]);
-};
-
-export { useTreeview };

package/esm/hoc/DnDTreeContext.js

@@ -1,14 +0,0 @@
-import { createContext } from 'react';
-import { DropIndicatorPosition } from './SortableItemContext.js';
-
-const DnDTreeContext = /*#__PURE__*/createContext({
-  depth: undefined,
-  activeIndex: undefined,
-  visibleItems: undefined,
-  dropIndicatorPosition: DropIndicatorPosition.None,
-  lastActiveId: undefined,
-  setLastActiveId: undefined,
-  isDropValid: false
-});
-
-export { DnDTreeContext };