@edifice.io/react 2.0.0-develop-rc.15 → 2.0.0-develop-rc.16

package/dist/components/Tree/index.d.ts

@@ -3,4 +3,3 @@ export { default as DndTree } from './components/DndTree';
 export { default as Tree } from './components/Tree';
 export * from './hooks/useTreeSortable';
 export * from './types';
-export * from './utilities/tree-sortable';

package/dist/components/Tree/utilities/tree-sortable.js

@@ -51,19 +51,6 @@ function updateParentIds(flattenedTree, indices, newParentId) {
     };
   });
 }
-function findItemIndexInTree(tree, itemId) {
-  for (let i = 0; i < tree.length; i++) {
-    const node = tree[i];
-    if (node.id === itemId)
-      return i;
-    if (node.children && node.children.length > 0) {
-      const result = findItemIndexInTree(node.children, itemId);
-      if (result)
-        return result;
-    }
-  }
-  return 0;
-}
 function generateUpdateData(updatedFlattenedTree, tree) {
   const updateArray = [];
   let positionCounter = 0;
@@ -133,7 +120,6 @@ function getProjection(items, activeId, overId, dragOffset, indentationWidth) {
 export {
   buildTree,
   determineNewParentId,
-  findItemIndexInTree,
   flattenTree,
   generateUpdateData,
   getActiveAndOverNodes,

package/dist/components/TreeView/index.d.ts

@@ -1,4 +1,5 @@
+export * from './hooks/useTreeView';
 export * from './TreeNode';
 export * from './TreeView';
 export { default as TreeView } from './TreeView';
-export * from './hooks/useTreeView';
+export * from './utilities';

package/dist/components/TreeView/utilities/treeview.js

@@ -1,4 +1,7 @@
-import "@edifice.io/ts-client";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { FOLDER } from "@edifice.io/ts-client";
 function findTreeNode(root, predicate) {
   if (predicate(root)) return root;
   if (Array.isArray(root.children))
@@ -24,6 +27,106 @@ function findNodeById(data, id) {
       }
   }
 }
+function addNode(node, {
+  parentId,
+  newFolder
+}) {
+  return modifyNode(node, (node2) => {
+    var _a;
+    if (node2.id === parentId) {
+      const parentAncestors = [...((_a = node2.folder) == null ? void 0 : _a.ancestors) || []], ancestors = arrayUnique([...parentAncestors, node2.id]);
+      return {
+        ...node2,
+        children: [...node2.children || [], new TreeNodeFolderWrapper({
+          ...newFolder,
+          ancestors
+        })]
+      };
+    } else
+      return node2;
+  });
+}
+function arrayUnique(array) {
+  return array.filter((item, index) => array.indexOf(item) === index);
+}
+function deleteNode(node, {
+  folders
+}) {
+  return modifyNode(node, (node2) => {
+    if (!folders.includes(node2.id))
+      return node2;
+  });
+}
+const findParentNode = (parentNode, childId) => {
+  if (parentNode.children)
+    for (const child of parentNode.children) {
+      if (child.id === childId)
+        return parentNode;
+      const foundNode = findParentNode(child, childId);
+      if (foundNode)
+        return foundNode;
+    }
+};
+function getAncestors(data, folderId) {
+  var _a;
+  const findItem = findNodeById(data, folderId);
+  return (_a = findItem == null ? void 0 : findItem.folder) != null && _a.ancestors ? [...(findItem == null ? void 0 : findItem.folder.ancestors) || [], folderId] : folderId === FOLDER.BIN ? [FOLDER.BIN] : [FOLDER.DEFAULT];
+}
+function hasChildren(folderId, data) {
+  return data.id === folderId && data.children ? data.children.length > 0 : data.children ? data.children.some((child) => hasChildren(data.id, child)) : !1;
+}
+function modifyNode(data, callback) {
+  return doModify(data, callback) || data;
+}
+function doModify(current, callback, parent) {
+  var _a;
+  const result = callback(current, parent);
+  if ((_a = result == null ? void 0 : result.children) != null && _a.length) {
+    const children = [];
+    for (const child of (result == null ? void 0 : result.children) || []) {
+      const res = doModify(child, callback, result);
+      res && children.push(res);
+    }
+    return {
+      ...result,
+      children
+    };
+  }
+  return result;
+}
+function moveNode(node, {
+  destinationId,
+  folders
+}) {
+  return modifyNode(node, (node2, parent) => {
+    var _a, _b;
+    if (destinationId === node2.id) {
+      const parentAncestors = [...((_a = node2.folder) == null ? void 0 : _a.ancestors) || []], ancestors = arrayUnique([...parentAncestors, node2.id]), newChildren = [...node2.children || []], childrenIds = ((_b = node2.children) == null ? void 0 : _b.map((child) => child.id)) || [];
+      for (const folder of folders)
+        if (!childrenIds.includes(folder)) {
+          const item = findNodeById(node2, folder);
+          item && newChildren.push({
+            ...item,
+            folder: {
+              ...item == null ? void 0 : item.folder,
+              ancestors
+            }
+          });
+        }
+      return {
+        ...node2,
+        children: newChildren
+      };
+    } else return folders.includes(node2.id) && destinationId !== (parent == null ? void 0 : parent.id) ? void 0 : node2;
+  });
+}
+const wrapTreeNode = (node, folders, parentId) => modifyNode(node, (node2) => (node2.id === parentId && (node2.children = folders == null ? void 0 : folders.map((e) => new TreeNodeFolderWrapper(e))), node2));
+function updateNode(node, {
+  folderId,
+  newFolder
+}) {
+  return modifyNode(node, (node2) => node2.id === folderId ? new TreeNodeFolderWrapper(newFolder) : node2);
+}
 function findPathById(tree, nodeId) {
   let path = [];
   function traverse(node, currentPath) {
@@ -46,8 +149,29 @@ function findPathById(tree, nodeId) {
   }
   return startTraverse(tree), path;
 }
+class TreeNodeFolderWrapper {
+  constructor(folder) {
+    __publicField(this, "id");
+    __publicField(this, "name");
+    __publicField(this, "childNumber");
+    __publicField(this, "section", !1);
+    __publicField(this, "children", []);
+    this.folder = folder, this.id = folder.id, this.name = folder.name, this.childNumber = folder.childNumber;
+  }
+}
 export {
+  TreeNodeFolderWrapper,
+  addNode,
+  arrayUnique,
+  deleteNode,
   findNodeById,
+  findParentNode,
   findPathById,
-  findTreeNode
+  findTreeNode,
+  getAncestors,
+  hasChildren,
+  modifyNode,
+  moveNode,
+  updateNode,
+  wrapTreeNode
 };

package/dist/index.js

@@ -80,9 +80,9 @@ import { default as default71 } from "./components/TextArea/TextArea.js";
 import { Toolbar } from "./components/Toolbar/Toolbar.js";
 import { default as default72 } from "./components/Tooltip/Tooltip.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
-import { buildTree, determineNewParentId, findItemIndexInTree, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
-import { TreeNode } from "./components/TreeView/TreeNode.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
+import { TreeNode } from "./components/TreeView/TreeNode.js";
+import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
 import { default as default73 } from "./components/VisuallyHidden/VisuallyHidden.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { default as default74 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
@@ -153,21 +153,24 @@ export {
   default72 as Tooltip,
   default24 as Tree,
   TreeNode,
+  TreeNodeFolderWrapper,
   default25 as TreeView,
   default73 as VisuallyHidden,
-  buildTree,
+  addNode,
+  arrayUnique,
   checkUserRight,
-  determineNewParentId,
-  findItemIndexInTree,
-  flattenTree,
-  generateUpdateData,
-  getActiveAndOverNodes,
-  getDragDepth,
-  getIndicesToUpdate,
-  getProjection,
+  deleteNode,
+  findNodeById,
+  findParentNode,
+  findPathById,
+  findTreeNode,
+  getAncestors,
+  hasChildren,
   mergeRefs,
+  modifyNode,
+  moveNode,
   setRef,
-  updateParentIds,
+  updateNode,
   default26 as useAvatar,
   default27 as useBookmark,
   default28 as useBreakpoint,
@@ -212,5 +215,6 @@ export {
   default55 as useWorkspaceFile,
   default56 as useWorkspaceSearch,
   default57 as useXitiTrackPageLoad,
-  default58 as useZendeskGuide
+  default58 as useZendeskGuide,
+  wrapTreeNode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-rc.15",
+  "version": "2.0.0-develop-rc.16",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -119,9 +119,8 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.0.0-develop-rc.15",
-    "@edifice.io/utilities": "2.0.0-develop-rc.15",
-    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.15"
+    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.16",
+    "@edifice.io/utilities": "2.0.0-develop-rc.16"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -142,7 +141,7 @@
     "rollup-plugin-visualizer": "5.12.0",
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
-    "@edifice.io/ts-client": "2.0.0-develop-rc.15"
+    "@edifice.io/ts-client": "2.0.0-develop-rc.16"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",