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

package/cjs/utils/dnd-helpers.js

@@ -1,10 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var treeHelpers = require('./tree-helpers.js');
-
-/* eslint-disable max-lines */
+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 dnd_helpers_exports = {};
+__export(dnd_helpers_exports, {
+  inferHoverItemKinshipDrop: () => inferHoverItemKinshipDrop,
+  inferKeyboardKinshipDrop: () => inferKeyboardKinshipDrop,
+  isDropValid: () => isDropValid,
+  keyCodes: () => keyCodes,
+  sameParentAsHoverItemDrop: () => sameParentAsHoverItemDrop
+});
+var React = __toESM(require("react"));
+var import_tree_helpers = __toESM(require("./tree-helpers"));
 const keyCodes = {
   lift: [32, 13],
   drop: [32, 13],
@@ -12,58 +42,49 @@ const keyCodes = {
   up: [38, 37],
   down: [40, 39]
 };
-const sameParentAsHoverItemDrop = _ref => {
-  let {
-    isBefore,
-    isAfter,
-    draggedItem,
-    overItem,
-    movementDirection
-  } = _ref;
+const sameParentAsHoverItemDrop = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  movementDirection
+}) => {
   const hoveredItemNodeNestedIndex = overItem.node.getIndex();
-  let newParentNode = treeHelpers.getItemsParentNode([overItem], true);
-  const {
-    treeDepth: draggedItemTreeDepth
-  } = draggedItem;
-  const {
-    treeDepth: overItemTreeDepth
-  } = overItem;
-  const directionOffset = // we don't apply the offset for direction
-  //  if moving from less nested to more nested
-  //  or moving bottom to top
-  // the offset is required when moving elemnts down in their nest level
-  draggedItemTreeDepth <= overItemTreeDepth && movementDirection === 'topToBottom' ? -1 : 0;
+  let newParentNode = (0, import_tree_helpers.getItemsParentNode)([overItem], true);
+  const { treeDepth: draggedItemTreeDepth } = draggedItem;
+  const { treeDepth: overItemTreeDepth } = overItem;
+  const directionOffset = draggedItemTreeDepth <= overItemTreeDepth && movementDirection === "topToBottom" ? -1 : 0;
   let newNestedIndex;
-  if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;else {
-    newNestedIndex = overItem.children.length; // append as last child of the group
-
+  if (isBefore)
+    newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;
+  else if (isAfter)
+    newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;
+  else {
+    newNestedIndex = overItem.children.length;
     newParentNode = overItem.node;
   }
-  if (newNestedIndex < 0) newNestedIndex = 0;
+  if (newNestedIndex < 0)
+    newNestedIndex = 0;
   return {
     newNestedIndex,
     newParentNode
   };
 };
-const inferHoverItemKinshipDrop = _ref2 => {
-  let {
-    isBefore,
-    isAfter,
-    draggedItem,
-    overItem,
-    movementDirection
-  } = _ref2;
+const inferHoverItemKinshipDrop = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  movementDirection
+}) => {
   const hoverItemModel = overItem.node.model;
   const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
-
   if (isAfter && isGroupAndIsExpanded) {
     return {
       newNestedIndex: 0,
-      // append after the group, so basically as first child
       newParentNode: overItem.node
     };
   }
-
   if (isBefore || isAfter && !isGroupAndIsExpanded) {
     return sameParentAsHoverItemDrop({
       isBefore,
@@ -72,69 +93,54 @@ const inferHoverItemKinshipDrop = _ref2 => {
       overItem,
       movementDirection
     });
-  } // drop inside
-
-
+  }
   return {
     newNestedIndex: overItem.children.length,
-    // append as last child of the group
     newParentNode: overItem.node
   };
 };
-const isDropValid = _ref3 => {
-  let {
-    isBefore,
-    isAfter,
-    draggedItem,
-    overItem,
-    restrictDragAndDrop
-  } = _ref3;
-  const {
-    id: movedId
-  } = draggedItem;
-  const {
-    id: hoverId
-  } = overItem;
+const isDropValid = ({
+  isBefore,
+  isAfter,
+  draggedItem,
+  overItem,
+  restrictDragAndDrop
+}) => {
+  const { id: movedId } = draggedItem;
+  const { id: hoverId } = overItem;
   const isInside = !isBefore && !isAfter;
-  if (movedId === hoverId) return false;
-
+  if (movedId === hoverId)
+    return false;
   if (isInside && !overItem.isGroup) {
-    return false; // we can't drop inside an item that isn't a group
+    return false;
   }
-
   if (restrictDragAndDrop) {
-    if (isInside) return false; // in this mode we can't drop inside another element
-
-    const sameParent = treeHelpers.itemsShareSameParent([draggedItem, overItem]);
-    if (overItem.node.model.isExpanded && isAfter) return false;
-    if (!sameParent) return false;
+    if (isInside)
+      return false;
+    const sameParent = (0, import_tree_helpers.itemsShareSameParent)([draggedItem, overItem]);
+    if (overItem.node.model.isExpanded && isAfter)
+      return false;
+    if (!sameParent)
+      return false;
   }
-
   return true;
 };
-const inferKeyboardKinshipDrop = _ref4 => {
-  let {
-    items,
-    newIndex
-  } = _ref4;
+const inferKeyboardKinshipDrop = ({
+  items,
+  newIndex
+}) => {
   const kinship = {};
   const itemBefore = items[newIndex];
   const itemBeforeModel = itemBefore.node.model;
   const isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
-
   if (isGroupAndIsExpanded) {
     kinship.newParentNode = itemBefore.node;
     kinship.newNestedIndex = 0;
   } else {
-    kinship.newParentNode = treeHelpers.getItemsParentNode([itemBefore], true);
+    kinship.newParentNode = (0, import_tree_helpers.getItemsParentNode)([itemBefore], true);
     kinship.newNestedIndex = itemBefore.node.getIndex();
   }
-
   return kinship;
 };
-
-exports.inferHoverItemKinshipDrop = inferHoverItemKinshipDrop;
-exports.inferKeyboardKinshipDrop = inferKeyboardKinshipDrop;
-exports.isDropValid = isDropValid;
-exports.keyCodes = keyCodes;
-exports.sameParentAsHoverItemDrop = sameParentAsHoverItemDrop;
+module.exports = __toCommonJS(dnd_helpers_exports);
+//# sourceMappingURL=dnd-helpers.js.map

package/cjs/utils/dnd-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/dnd-helpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { getItemsParentNode, itemsShareSameParent } from './tree-helpers';\nimport type { DSTreeviewT } from '../react-desc-prop-types';\nimport type { DSTreeviewInternalsT } from '../sharedTypes';\n\ninterface MetaInfoT {\n  isBefore: boolean;\n  isAfter: boolean;\n  draggedItem: DSTreeviewT.Item;\n  overItem: DSTreeviewT.Item;\n}\ninterface KinshipT {\n  newParentNode: DSTreeviewT.Item['node'];\n  newNestedIndex: number;\n}\n\nexport const keyCodes = {\n  lift: [32, 13],\n  drop: [32, 13],\n  cancel: [27],\n  up: [38, 37],\n  down: [40, 39],\n};\n\nexport const sameParentAsHoverItemDrop = ({\n  isBefore,\n  isAfter,\n\n  draggedItem,\n  overItem,\n  movementDirection,\n}: MetaInfoT & { movementDirection: DSTreeviewInternalsT.DnDMovementDirectionT }) => {\n  const hoveredItemNodeNestedIndex = overItem.node.getIndex();\n  let newParentNode = getItemsParentNode([overItem], true);\n\n  const { treeDepth: draggedItemTreeDepth } = draggedItem;\n  const { treeDepth: overItemTreeDepth } = overItem;\n  const directionOffset =\n    // we don't apply the offset for direction\n    //  if moving from less nested to more nested\n    //  or moving bottom to top\n    // the offset is required when moving elemnts down in their nest level\n    (draggedItemTreeDepth as number) <= (overItemTreeDepth as number) && movementDirection === 'topToBottom' ? -1 : 0;\n  let newNestedIndex;\n\n  if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;\n  else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;\n  else {\n    newNestedIndex = overItem.children.length; // append as last child of the group\n    newParentNode = overItem.node;\n  }\n  if (newNestedIndex < 0) newNestedIndex = 0;\n  return {\n    newNestedIndex,\n    newParentNode,\n  };\n};\n\nexport const inferHoverItemKinshipDrop = ({\n  isBefore,\n  isAfter,\n\n  draggedItem,\n  overItem,\n  movementDirection,\n}: MetaInfoT & { movementDirection: DSTreeviewInternalsT.DnDMovementDirectionT }) => {\n  const hoverItemModel = overItem.node.model;\n  const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;\n\n  if (isAfter && isGroupAndIsExpanded) {\n    return {\n      newNestedIndex: 0, // append after the group, so basically as first child\n      newParentNode: overItem.node,\n    };\n  }\n\n  if (isBefore || (isAfter && !isGroupAndIsExpanded)) {\n    return sameParentAsHoverItemDrop({\n      isBefore,\n      isAfter,\n      draggedItem,\n      overItem,\n      movementDirection,\n    });\n  }\n\n  // drop inside\n  return {\n    newNestedIndex: overItem.children.length, // append as last child of the group\n    newParentNode: overItem.node,\n  };\n};\n\nexport const isDropValid = ({\n  isBefore,\n  isAfter,\n\n  draggedItem,\n  overItem,\n\n  restrictDragAndDrop,\n}: MetaInfoT & { restrictDragAndDrop: boolean }) => {\n  const { id: movedId } = draggedItem;\n  const { id: hoverId } = overItem;\n  const isInside = !isBefore && !isAfter;\n\n  if (movedId === hoverId) return false;\n\n  if (isInside && !overItem.isGroup) {\n    return false; // we can't drop inside an item that isn't a group\n  }\n\n  if (restrictDragAndDrop) {\n    if (isInside) return false; // in this mode we can't drop inside another element\n    const sameParent = itemsShareSameParent([draggedItem, overItem]);\n    if (overItem.node.model.isExpanded && isAfter) return false;\n    if (!sameParent) return false;\n  }\n\n  return true;\n};\n\nexport const inferKeyboardKinshipDrop = ({\n  items,\n\n  newIndex,\n}: {\n  items: DSTreeviewT.Item[];\n  newIndex: number;\n}) => {\n  const kinship: Partial<KinshipT> = {};\n\n  const itemBefore = items[newIndex];\n\n  const itemBeforeModel = itemBefore.node.model;\n  const isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;\n\n  if (isGroupAndIsExpanded) {\n    kinship.newParentNode = itemBefore.node;\n    kinship.newNestedIndex = 0;\n  } else {\n    kinship.newParentNode = getItemsParentNode([itemBefore], true);\n    kinship.newNestedIndex = itemBefore.node.getIndex();\n  }\n\n  return kinship;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAyD;AAelD,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,IAAI;AAAA,EACX,MAAM,CAAC,IAAI;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,IAAI,CAAC,IAAI;AAAA,EACT,MAAM,CAAC,IAAI;AAAA;AAGN,MAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,MACmF;AACnF,QAAM,6BAA6B,SAAS,KAAK;AACjD,MAAI,gBAAgB,4CAAmB,CAAC,WAAW;AAEnD,QAAM,EAAE,WAAW,yBAAyB;AAC5C,QAAM,EAAE,WAAW,sBAAsB;AACzC,QAAM,kBAKH,wBAAoC,qBAAgC,sBAAsB,gBAAgB,KAAK;AAClH,MAAI;AAEJ,MAAI;AAAU,qBAAiB,6BAA6B;AAAA,WACnD;AAAS,qBAAiB,6BAA6B,IAAI;AAAA,OAC/D;AACH,qBAAiB,SAAS,SAAS;AACnC,oBAAgB,SAAS;AAAA;AAE3B,MAAI,iBAAiB;AAAG,qBAAiB;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,MACmF;AACnF,QAAM,iBAAiB,SAAS,KAAK;AACrC,QAAM,uBAAuB,eAAe,cAAc,eAAe,SAAS,SAAS;AAE3F,MAAI,WAAW,sBAAsB;AACnC,WAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,eAAe,SAAS;AAAA;AAAA;AAI5B,MAAI,YAAa,WAAW,CAAC,sBAAuB;AAClD,WAAO,0BAA0B;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAKJ,SAAO;AAAA,IACL,gBAAgB,SAAS,SAAS;AAAA,IAClC,eAAe,SAAS;AAAA;AAAA;AAIrB,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,MACkD;AAClD,QAAM,EAAE,IAAI,YAAY;AACxB,QAAM,EAAE,IAAI,YAAY;AACxB,QAAM,WAAW,CAAC,YAAY,CAAC;AAE/B,MAAI,YAAY;AAAS,WAAO;AAEhC,MAAI,YAAY,CAAC,SAAS,SAAS;AACjC,WAAO;AAAA;AAGT,MAAI,qBAAqB;AACvB,QAAI;AAAU,aAAO;AACrB,UAAM,aAAa,8CAAqB,CAAC,aAAa;AACtD,QAAI,SAAS,KAAK,MAAM,cAAc;AAAS,aAAO;AACtD,QAAI,CAAC;AAAY,aAAO;AAAA;AAG1B,SAAO;AAAA;AAGF,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EAEA;AAAA,MAII;AACJ,QAAM,UAA6B;AAEnC,QAAM,aAAa,MAAM;AAEzB,QAAM,kBAAkB,WAAW,KAAK;AACxC,QAAM,uBAAuB,gBAAgB,cAAc,gBAAgB,SAAS,SAAS;AAE7F,MAAI,sBAAsB;AACxB,YAAQ,gBAAgB,WAAW;AACnC,YAAQ,iBAAiB;AAAA,SACpB;AACL,YAAQ,gBAAgB,4CAAmB,CAAC,aAAa;AACzD,YAAQ,iBAAiB,WAAW,KAAK;AAAA;AAG3C,SAAO;AAAA;",
+  "names": []
+}

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

@@ -1,111 +1,138 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-/* eslint-disable max-params */
+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 group_expands_helpers_exports = {};
+__export(group_expands_helpers_exports, {
+  collapseAll: () => collapseAll,
+  collapseItemModel: () => collapseItemModel,
+  expandAll: () => expandAll,
+  expandItemModel: () => expandItemModel,
+  getToggleExpandShouldExpand: () => getToggleExpandShouldExpand,
+  toggleExpandAllHelper: () => toggleExpandAllHelper,
+  toggleItemExpand: () => toggleItemExpand,
+  updateExpandedState: () => updateExpandedState,
+  useNotifyExpandedChange: () => useNotifyExpandedChange
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 const updateExpandedState = (treeRoot, onExpandChange) => {
   const shouldContinueWalking = true;
-  const newExpandedHashMap = {
-    __ds_tree_root: true
-  };
-  treeRoot.walk(node => {
+  const newExpandedHashMap = { __ds_tree_root: true };
+  treeRoot.walk((node) => {
     if (!node.isRoot() && node.model.isGroup && node.model.isExpanded) {
       newExpandedHashMap[node.model.id] = true;
     }
-
     return shouldContinueWalking;
   });
-  if (onExpandChange) onExpandChange(newExpandedHashMap, null);
+  if (onExpandChange)
+    onExpandChange(newExpandedHashMap, null);
 };
-const toggleItemExpand = function (itemToToggle, triggerTreeRerender, updateUserExpandedState) {
-  let scrollTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
+const toggleItemExpand = (itemToToggle, triggerTreeRerender, updateUserExpandedState, scrollTo = () => {
+}) => {
   const {
     node: {
-      model: {
-        isExpanded
-      }
+      model: { isExpanded }
     },
     virtualIndex
   } = itemToToggle;
-
   if (itemToToggle.node.model.isGroup) {
     itemToToggle.node.model.isExpanded = !isExpanded;
     triggerTreeRerender();
     updateUserExpandedState();
     setTimeout(() => {
-      if (typeof virtualIndex === 'number') scrollTo(virtualIndex, {
-        align: 'start'
-      });
+      if (typeof virtualIndex === "number")
+        scrollTo(virtualIndex, { align: "start" });
     });
   }
 };
-const expandItemModel = modelToExpand => {
-  if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
+const expandItemModel = (modelToExpand) => {
+  if (modelToExpand.isGroup)
+    modelToExpand.isExpanded = true;
 };
-const collapseItemModel = modelToCollapse => {
-  if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
+const collapseItemModel = (modelToCollapse) => {
+  if (modelToCollapse.isGroup)
+    modelToCollapse.isExpanded = false;
 };
 const expandAll = (treeRoot, triggerTreeRerender) => {
   const shouldContinueWalking = true;
-  treeRoot.walk(node => {
-    if (!node.isRoot()) expandItemModel(node.model);
+  treeRoot.walk((node) => {
+    if (!node.isRoot())
+      expandItemModel(node.model);
     return shouldContinueWalking;
   });
   triggerTreeRerender();
 };
 const collapseAll = (treeRoot, triggerTreeRerender) => {
-  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-  treeRoot.walk(node => {
-    if (!node.isRoot()) collapseItemModel(node.model);
+  const shouldContinueWalking = true;
+  treeRoot.walk((node) => {
+    if (!node.isRoot())
+      collapseItemModel(node.model);
     return shouldContinueWalking;
   });
   triggerTreeRerender();
 };
-const getToggleExpandShouldExpand = treeRoot => {
+const getToggleExpandShouldExpand = (treeRoot) => {
   let shouldExpand = false;
-  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
-
-  treeRoot.walk(node => {
+  const shouldContinueWalking = true;
+  treeRoot.walk((node) => {
     if (!node.isRoot()) {
       if (!node.model.isExpanded && node.model.isGroup) {
-        shouldExpand = true; // eslint-disable-next-line no-useless-return
-
+        shouldExpand = true;
         return shouldContinueWalking;
       }
     }
-
     return shouldContinueWalking;
   });
   return shouldExpand;
 };
 const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState) => {
-  if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
+  if (isExpand === true)
+    expandAll(treeRoot, triggerTreeRerender);
+  else if (isExpand === false)
+    collapseAll(treeRoot, triggerTreeRerender);
+  else {
     const shouldExpand = getToggleExpandShouldExpand(treeRoot);
-    if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
+    if (shouldExpand === true)
+      expandAll(treeRoot, triggerTreeRerender);
+    else
+      collapseAll(treeRoot, triggerTreeRerender);
   }
   setLatestToggledItem(null);
   updateUserExpandedState();
 };
-const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
-  let {
-    latestToggledItem,
-    expandedGroups
-  } = _ref;
-  const notifyExpandedChange = React.useCallback(expandedGroupHashmap => propsWithDefaults === null || propsWithDefaults === void 0 ? void 0 : propsWithDefaults.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
-  React.useEffect(() => {
-    if (!propsWithDefaults.expanded) notifyExpandedChange(expandedGroups);
+const useNotifyExpandedChange = (propsWithDefaults, {
+  latestToggledItem,
+  expandedGroups
+}) => {
+  const notifyExpandedChange = (0, import_react.useCallback)((expandedGroupHashmap) => propsWithDefaults?.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
+  (0, import_react.useEffect)(() => {
+    if (!propsWithDefaults.expanded)
+      notifyExpandedChange(expandedGroups);
   }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);
 };
-
-exports.collapseAll = collapseAll;
-exports.collapseItemModel = collapseItemModel;
-exports.expandAll = expandAll;
-exports.expandItemModel = expandItemModel;
-exports.getToggleExpandShouldExpand = getToggleExpandShouldExpand;
-exports.toggleExpandAllHelper = toggleExpandAllHelper;
-exports.toggleItemExpand = toggleItemExpand;
-exports.updateExpandedState = updateExpandedState;
-exports.useNotifyExpandedChange = useNotifyExpandedChange;
+module.exports = __toCommonJS(group_expands_helpers_exports);
+//# sourceMappingURL=group-expands-helpers.js.map

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

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