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

package/cjs/TreeView.js

@@ -1,52 +1,30 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TreeView_exports = {};
-__export(TreeView_exports, {
-  TreeView: () => TreeView,
-  TreeViewWithSchema: () => TreeViewWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_TreeViewContext = __toESM(require("./TreeViewContext"));
-var import_dnd = require("./plugins/dnd");
-var import_useTreeview = require("./config/useTreeview");
-var import_TreeList = require("./parts/TreeList");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var reactDescPropTypes = require('./react-desc-prop-types.js');
+var TreeViewContext = require('./TreeViewContext.js');
+var useTreeview = require('./config/useTreeview.js');
+var TreeList = require('./parts/TreeList.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _TreeList;
 function TreeView(props) {
-  const { plugins } = props;
-  const { ctx } = (0, import_useTreeview.useTreeview)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_TreeViewContext.default.Provider, {
+  const {
+    ctx
+  } = useTreeview.useTreeview(props);
+  return /*#__PURE__*/_jsx__default["default"](TreeViewContext["default"].Provider, {
     value: ctx
-  }, plugins?.includes(import_dnd.TreeDndPlugin) ? /* @__PURE__ */ import_react.default.createElement(import_dnd.TreeDnD, null) : /* @__PURE__ */ import_react.default.createElement(import_TreeList.TreeList, null));
+  }, void 0, _TreeList || (_TreeList = /*#__PURE__*/_jsx__default["default"](TreeList.TreeList, {})));
 }
-TreeView.propTypes = import_react_desc_prop_types.TreeViewPropTypes;
-const TreeViewWithSchema = (0, import_react_desc.describe)(TreeView);
-TreeViewWithSchema.propTypes = import_react_desc_prop_types.TreeViewPropTypes;
-module.exports = __toCommonJS(TreeView_exports);
-//# sourceMappingURL=TreeView.js.map
+const TreeViewWithSchema = reactDesc.describe(TreeView);
+TreeViewWithSchema.propTypes = reactDescPropTypes.TreeViewPropTypes;
+
+exports.TreeView = TreeView;
+exports.TreeViewWithSchema = TreeViewWithSchema;

package/cjs/TreeViewContext.js

@@ -1,49 +1,24 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TreeViewContext_exports = {};
-__export(TreeViewContext_exports, {
-  default: () => TreeViewContext_default,
-  defaultProps: () => defaultProps,
-  defaultRelativeMouseCoord: () => defaultRelativeMouseCoord
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-function noop(..._args) {
-}
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/* eslint-disable no-unused-vars */
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function noop() {}
+
 const defaultProps = {
   plugins: [],
   selection: {},
-  instanceRef: (0, import_react.createRef)(),
+  instanceRef: /*#__PURE__*/React.createRef(),
   isItemDisabled: () => false,
   disableIcons: false,
   fluid: false,
   isMultiSelect: false,
   isSingleSelect: false,
+  getIsDropValid: () => true,
   restrictDragAndDrop: false,
   showChildrenAmount: false,
   sortable: false,
@@ -56,15 +31,20 @@ const defaultProps = {
   onSelectionChange: noop,
   onExpandChange: noop,
   onInstanceRefInitialized: noop,
-  rowSize: "normal",
-  labelOverflow: "wrap",
-  noItemsPlaceholder: "No items found",
-  nameKey: "name",
-  width: "100%",
-  height: "100%",
+  rowSize: 'normal',
+  labelOverflow: 'wrap',
+  noItemsPlaceholder: 'No items found',
+  nameKey: 'name',
+  width: '100%',
+  height: '100%',
   groupIcon: null,
   itemIcon: null,
-  searchQuery: ""
+  searchQuery: '' // workaround on the typings over the fact that
+  // when we instantiate the context we can't have all the props
+  // we only have a part of them but the final typings will include missing props
+  // this is safe to do because
+  // we will "mergeWithDefaults" + "validatePropTypes" when we do instantiate the context
+
 };
 const defaultRelativeMouseCoord = {
   isBefore: false,
@@ -79,28 +59,21 @@ const defaultRelativeMouseCoord = {
 const defaultContext = {
   props: defaultProps,
   visibleItems: [],
+  flattenedItems: [],
   withRadioChecks: false,
   withCheckboxChecks: false,
   withDragAndDrop: false,
-  relativeMouseCord: defaultRelativeMouseCoord,
-  setRelativeMouseCord: noop,
   triggerTreeRerender: noop,
-  tree: void 0,
-  treeRoot: void 0,
+  tree: undefined,
+  treeRoot: undefined,
   virtualListHelpers: {
     virtualItems: [],
     totalSize: 0,
     scrollToOffset: noop,
     scrollToIndex: noop
   },
-  virtualListRef: void 0,
-  isDragging: false,
-  setIsDragging: noop,
-  isKeyboardDragging: false,
-  setIsKeyboardDragging: noop,
-  draggedItem: null,
-  setDraggedItem: noop,
-  uniqueTreeViewUUID: "",
+  virtualListRef: undefined,
+  uniqueTreeViewUUID: '',
   selectedItem: null,
   setSelectedItem: noop,
   focusedItem: null,
@@ -116,7 +89,10 @@ const defaultContext = {
   handleExpandGroup: noop,
   updateUserExpandedState: noop
 };
-const TreeViewContext = (0, import_react.createContext)(defaultContext);
-var TreeViewContext_default = TreeViewContext;
-module.exports = __toCommonJS(TreeViewContext_exports);
-//# sourceMappingURL=TreeViewContext.js.map
+/** Context for cross component communication */
+
+const TreeViewContext = /*#__PURE__*/React.createContext(defaultContext);
+
+exports["default"] = TreeViewContext;
+exports.defaultProps = defaultProps;
+exports.defaultRelativeMouseCoord = defaultRelativeMouseCoord;

package/cjs/config/cssClassesConstants.js

@@ -1,41 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var cssClassesConstants_exports = {};
-__export(cssClassesConstants_exports, {
-  DSTreeViewPrefix: () => DSTreeViewPrefix,
-  treeItemBlockName: () => treeItemBlockName,
-  treeListBlockName: () => treeListBlockName,
-  treeListNoItemsBn: () => treeListNoItemsBn
-});
-var React = __toESM(require("react"));
-const DSTreeViewPrefix = "em-ds";
-const treeItemBlockName = "tree-item";
-const treeListBlockName = "tree-list";
-const treeListNoItemsBn = `${treeListBlockName}-no-items`;
-module.exports = __toCommonJS(cssClassesConstants_exports);
-//# sourceMappingURL=cssClassesConstants.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DSTreeViewPrefix = 'em-ds';
+const treeItemBlockName = 'tree-item';
+const treeListBlockName = 'tree-list';
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+
+exports.DSTreeViewPrefix = DSTreeViewPrefix;
+exports.treeItemBlockName = treeItemBlockName;
+exports.treeListBlockName = treeListBlockName;
+exports.treeListNoItemsBn = treeListNoItemsBn;

package/cjs/config/useTreeview.js

@@ -1,62 +1,45 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useTreeview_exports = {};
-__export(useTreeview_exports, {
-  useTreeview: () => useTreeview
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_react_virtual = require("react-virtual");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_uuid = require("uuid");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
-var import_TreeViewContext = require("../TreeViewContext");
-var import_dnd = require("../plugins/dnd");
-var import_useTree = require("../utils/useTree");
-var import_group_expands_helpers = require("../utils/group-expands-helpers");
-var import_useInstanceRefActions = require("../utils/useInstanceRefActions");
-var import_keyboard_helpers = require("../utils/keyboard-helpers");
-const useTreeview = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_TreeViewContext.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.TreeViewPropTypes);
+'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 reactVirtual = require('react-virtual');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var uuid = require('uuid');
+var reactDescPropTypes = require('../react-desc-prop-types.js');
+var TreeViewContext = require('../TreeViewContext.js');
+var TreeDndPlugin = require('../plugins/dnd/TreeDndPlugin.js');
+var useTree = require('../utils/useTree.js');
+var groupExpandsHelpers = require('../utils/group-expands-helpers.js');
+var useInstanceRefActions = require('../utils/useInstanceRefActions.js');
+var keyboardHelpers = require('../utils/keyboard-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 useTreeview = props => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, TreeViewContext.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, reactDescPropTypes.TreeViewPropTypes);
   const defaultActions = {
     actions: {
-      toggleExpandAll: () => {
-      },
-      scrollTo: () => {
-      },
-      setSelectedItemByVirtualIndex: () => {
-      },
-      setFocusedItemByVirtualIndex: () => {
-      }
+      toggleExpandAll: () => {},
+      scrollTo: () => {},
+      setSelectedItemByVirtualIndex: () => {},
+      setFocusedItemByVirtualIndex: () => {}
     }
   };
-  const treeRef = (0, import_react.useRef)(defaultActions);
+  const treeRef = React.useRef(defaultActions);
   const {
     data,
     plugins,
@@ -67,48 +50,44 @@ const useTreeview = (props) => {
     selection,
     onInstanceRefInitialized
   } = propsWithDefault;
-  const [isDragging, setIsDragging] = (0, import_react.useState)(false);
-  const [isKeyboardDragging, setIsKeyboardDragging] = (0, import_react.useState)(false);
-  const [relativeMouseCord, setRelativeMouseCord] = (0, import_react.useState)(import_TreeViewContext.defaultRelativeMouseCoord);
-  const [uniqueTreeViewUUID] = (0, import_react.useState)((0, import_uuid.v4)());
-  const [draggedItem, setDraggedItem] = (0, import_react.useState)(null);
-  const [hoverItem, setHoverItem] = (0, import_react.useState)(null);
-  const [latestToggledItem, setLatestToggledItem] = (0, import_react.useState)(null);
-  const [selectedItem, setSelectedItem] = (0, import_react.useState)(null);
-  const [focusedItem, setFocusedItem] = (0, import_react.useState)(null);
-  const [selectedCheckboxes, setSelectedCheckboxes] = (0, import_react.useState)({
-    ...selection
-  });
-  const [expandedGroups, setExpandedGroups] = (0, import_react.useState)({});
-  const { visibleItems, tree, treeRoot, triggerTreeRerender, updateUserExpandedState } = (0, import_useTree.useTree)(data, propsWithDefault, {
+  const [uniqueTreeViewUUID] = React.useState(uuid.v4());
+  const [hoverItem, setHoverItem] = React.useState(null);
+  const [latestToggledItem, setLatestToggledItem] = React.useState(null);
+  const [selectedItem, setSelectedItem] = React.useState(null);
+  const [focusedItem, setFocusedItem] = React.useState(null);
+  const [selectedCheckboxes, setSelectedCheckboxes] = React.useState(_objectSpread({}, selection));
+  const [expandedGroups, setExpandedGroups] = React.useState({});
+  const {
+    visibleItems,
+    flattenedItems,
+    tree,
+    treeRoot,
+    triggerTreeRerender,
+    updateUserExpandedState
+  } = useTree.useTree(data, propsWithDefault, {
     setExpandedGroups
   });
-  const virtualListRef = (0, import_react.useRef)();
-  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
+  const virtualListRef = React.useRef(); // estimateSize should not be really required given what was stated on
+  // https://github.com/tannerlinsley/react-virtual/issues/23
+
+  const virtualListHelpers = reactVirtual.useVirtual({
     size: visibleItems.length,
     parentRef: virtualListRef,
     overscan: 15
   });
-  const withDragAndDrop = !!(plugins?.includes(import_dnd.TreeDndPlugin) && onOrderChange);
+  const withDragAndDrop = !!(plugins !== null && plugins !== void 0 && plugins.includes(TreeDndPlugin.TreeDndPlugin) && onOrderChange);
   const withRadioChecks = isSingleSelect && !isMultiSelect;
   const withCheckboxChecks = !isSingleSelect && isMultiSelect;
-  const handleExpandGroup = (0, import_react.useCallback)(import_group_expands_helpers.toggleItemExpand, []);
-  const ctx = (0, import_react.useMemo)(() => ({
+  const handleExpandGroup = React.useCallback(groupExpandsHelpers.toggleItemExpand, []);
+  const ctx = React.useMemo(() => ({
     props: propsWithDefault,
-    setRelativeMouseCord,
-    relativeMouseCord,
     virtualListHelpers,
     virtualListRef,
     tree,
     treeRoot,
     visibleItems,
+    flattenedItems,
     triggerTreeRerender,
-    isDragging,
-    setIsDragging,
-    isKeyboardDragging,
-    setIsKeyboardDragging,
-    draggedItem,
-    setDraggedItem,
     withRadioChecks,
     withCheckboxChecks,
     withDragAndDrop,
@@ -127,39 +106,22 @@ const useTreeview = (props) => {
     setHoverItem,
     handleExpandGroup,
     updateUserExpandedState
-  }), [
-    draggedItem,
-    expandedGroups,
-    focusedItem,
-    handleExpandGroup,
-    hoverItem,
-    isDragging,
-    isKeyboardDragging,
-    latestToggledItem,
-    propsWithDefault,
-    relativeMouseCord,
-    selectedCheckboxes,
-    selectedItem,
-    tree,
-    treeRoot,
-    triggerTreeRerender,
-    uniqueTreeViewUUID,
-    virtualListHelpers,
-    visibleItems,
-    withCheckboxChecks,
-    withDragAndDrop,
-    withRadioChecks,
-    updateUserExpandedState
-  ]);
-  if (instanceRef)
-    instanceRef.current = treeRef.current;
-  (0, import_useInstanceRefActions.useInstanceRefActions)(treeRef.current, ctx);
-  (0, import_keyboard_helpers.useGlobalToggleAllExpandShortcut)(treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
-  (0, import_group_expands_helpers.useNotifyExpandedChange)(propsWithDefault, ctx);
-  (0, import_react.useEffect)(() => {
-    setTimeout(() => onInstanceRefInitialized(treeRef), 100);
+  }), [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.useInstanceRefActions(treeRef.current, ctx);
+  keyboardHelpers.useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
+  groupExpandsHelpers.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
+
+  React.useEffect(() => {
+    setTimeout(() => onInstanceRefInitialized(treeRef), 100); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return (0, import_react.useMemo)(() => ({ ctx }), [ctx]);
+  return React.useMemo(() => ({
+    ctx
+  }), [ctx]);
 };
-module.exports = __toCommonJS(useTreeview_exports);
-//# sourceMappingURL=useTreeview.js.map
+
+exports.useTreeview = useTreeview;

package/cjs/hoc/DnDTreeContext.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var SortableItemContext = require('./SortableItemContext.js');
+
+const DnDTreeContext = /*#__PURE__*/React.createContext({
+  depth: undefined,
+  activeIndex: undefined,
+  visibleItems: undefined,
+  dropIndicatorPosition: SortableItemContext.DropIndicatorPosition.None,
+  lastActiveId: undefined,
+  setLastActiveId: undefined,
+  isDropValid: false
+});
+
+exports.DnDTreeContext = DnDTreeContext;

package/cjs/hoc/SortableItemContext.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+exports.DropIndicatorPosition = void 0;
+
+(function (DropIndicatorPosition) {
+  DropIndicatorPosition[DropIndicatorPosition["None"] = 0] = "None";
+  DropIndicatorPosition[DropIndicatorPosition["Before"] = 1] = "Before";
+  DropIndicatorPosition[DropIndicatorPosition["After"] = 2] = "After";
+  DropIndicatorPosition[DropIndicatorPosition["Inside"] = 3] = "Inside";
+})(exports.DropIndicatorPosition || (exports.DropIndicatorPosition = {}));
+
+/** Context for cross component communication */
+const SortableItemContext = /*#__PURE__*/React.createContext({
+  draggableProps: false
+});
+
+exports.SortableItemContext = SortableItemContext;