@elliemae/ds-treeview 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/utils/array-helpers.js

@@ -1,38 +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 array_helpers_exports = {};
-__export(array_helpers_exports, {
-  arrayMove: () => arrayMove,
-  arrayMoveMutate: () => arrayMoveMutate
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+
+// https://github.com/sindresorhus/array-move/blob/master/index.js
 const arrayMoveMutate = (array, from, to) => {
   const startIndex = from < 0 ? array.length + from : from;
+
   if (startIndex >= 0 && startIndex < array.length) {
     const endIndex = to < 0 ? array.length + to : to;
     const [item] = array.splice(from, 1);
@@ -44,5 +19,6 @@ const arrayMove = (array, from, to) => {
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-module.exports = __toCommonJS(array_helpers_exports);
-//# sourceMappingURL=array-helpers.js.map
+
+exports.arrayMove = arrayMove;
+exports.arrayMoveMutate = arrayMoveMutate;

package/cjs/utils/dnd-helpers.js

@@ -1,40 +1,10 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var treeHelpers = require('./tree-helpers.js');
+
+/* eslint-disable max-lines */
 const keyCodes = {
   lift: [32, 13],
   drop: [32, 13],
@@ -42,49 +12,58 @@ const keyCodes = {
   up: [38, 37],
   down: [40, 39]
 };
-const sameParentAsHoverItemDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const sameParentAsHoverItemDrop = _ref => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref;
   const hoveredItemNodeNestedIndex = overItem.node.getIndex();
-  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 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 newNestedIndex;
-  if (isBefore)
-    newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;
-  else if (isAfter)
-    newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;
-  else {
-    newNestedIndex = overItem.children.length;
+  if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;else {
+    newNestedIndex = overItem.children.length; // append as last child of the group
+
     newParentNode = overItem.node;
   }
-  if (newNestedIndex < 0)
-    newNestedIndex = 0;
+  if (newNestedIndex < 0) newNestedIndex = 0;
   return {
     newNestedIndex,
     newParentNode
   };
 };
-const inferHoverItemKinshipDrop = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  movementDirection
-}) => {
+const inferHoverItemKinshipDrop = _ref2 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref2;
   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,
@@ -93,54 +72,69 @@ const inferHoverItemKinshipDrop = ({
       overItem,
       movementDirection
     });
-  }
+  } // drop inside
+
+
   return {
     newNestedIndex: overItem.children.length,
+    // append as last child of the group
     newParentNode: overItem.node
   };
 };
-const isDropValid = ({
-  isBefore,
-  isAfter,
-  draggedItem,
-  overItem,
-  restrictDragAndDrop
-}) => {
-  const { id: movedId } = draggedItem;
-  const { id: hoverId } = overItem;
+const isDropValid = _ref3 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    restrictDragAndDrop
+  } = _ref3;
+  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;
+    return false; // we can't drop inside an item that isn't a group
   }
+
   if (restrictDragAndDrop) {
-    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;
+    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;
   }
+
   return true;
 };
-const inferKeyboardKinshipDrop = ({
-  items,
-  newIndex
-}) => {
+const inferKeyboardKinshipDrop = _ref4 => {
+  let {
+    items,
+    newIndex
+  } = _ref4;
   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 = (0, import_tree_helpers.getItemsParentNode)([itemBefore], true);
+    kinship.newParentNode = treeHelpers.getItemsParentNode([itemBefore], true);
     kinship.newNestedIndex = itemBefore.node.getIndex();
   }
+
   return kinship;
 };
-module.exports = __toCommonJS(dnd_helpers_exports);
-//# sourceMappingURL=dnd-helpers.js.map
+
+exports.inferHoverItemKinshipDrop = inferHoverItemKinshipDrop;
+exports.inferKeyboardKinshipDrop = inferKeyboardKinshipDrop;
+exports.isDropValid = isDropValid;
+exports.keyCodes = keyCodes;
+exports.sameParentAsHoverItemDrop = sameParentAsHoverItemDrop;

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

@@ -1,138 +1,111 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/* eslint-disable max-params */
 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 = (itemToToggle, triggerTreeRerender, updateUserExpandedState, scrollTo = () => {
-}) => {
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender, updateUserExpandedState) {
+  let scrollTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
   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;
-  treeRoot.walk((node) => {
-    if (!node.isRoot())
-      collapseItemModel(node.model);
+  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) => {
+const getToggleExpandShouldExpand = treeRoot => {
   let shouldExpand = false;
-  const shouldContinueWalking = true;
-  treeRoot.walk((node) => {
+  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;
+        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 {
+  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, {
-  latestToggledItem,
-  expandedGroups
-}) => {
-  const notifyExpandedChange = (0, import_react.useCallback)((expandedGroupHashmap) => propsWithDefaults?.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
-  (0, import_react.useEffect)(() => {
-    if (!propsWithDefaults.expanded)
-      notifyExpandedChange(expandedGroups);
+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);
   }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);
 };
-module.exports = __toCommonJS(group_expands_helpers_exports);
-//# sourceMappingURL=group-expands-helpers.js.map
+
+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;