@edifice.io/react 2.2.2-develop-b2school.20250408113943 → 2.2.2-develop-b2school.20250408143232

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.d.ts

@@ -9,5 +9,6 @@ declare function useWorkspaceFolders(): {
         name: string;
         children: FolderTreeNode[];
     }[];
+    setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
 };
 export default useWorkspaceFolders;

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js

@@ -1,6 +1,6 @@
 import { odeServices } from "@edifice.io/client";
 import { useQuery } from "@tanstack/react-query";
-import { useMemo } from "react";
+import { useState, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 function useWorkspaceFolders() {
   const {
@@ -10,16 +10,22 @@ function useWorkspaceFolders() {
   } = useQuery({
     queryKey: ["workspace-folders"],
     queryFn: () => odeServices.workspace().listFolder("owner", !0)
-  });
+  }), [searchQuery, setSearchQuery] = useState(""), filterTree = (nodes, search) => nodes.map((node) => {
+    const filteredChildren = node.children ? filterTree(node.children, search) : [];
+    return node.name.toLowerCase().includes(search.toLowerCase()) || filteredChildren.length > 0 ? {
+      ...node,
+      children: filteredChildren
+    } : null;
+  }).filter((node) => node !== null);
   return {
     folderTree: useMemo(() => {
       const buildWorkspaceTree = (data) => [{
-        id: "my-documents",
+        id: "",
         name: t("workspace.myDocuments"),
         children: data
       }];
       if (!folderData) return buildWorkspaceTree([]);
-      const nodes = /* @__PURE__ */ new Map(), tree = [];
+      const nodes = /* @__PURE__ */ new Map(), fullTree = [];
       return folderData.forEach((item) => {
         nodes.set(item._id, {
           id: item._id,
@@ -27,9 +33,10 @@ function useWorkspaceFolders() {
           children: []
         });
       }), folderData.forEach((item) => {
-        item.eParent && nodes.has(item.eParent) ? nodes.get(item.eParent).children.push(nodes.get(item._id)) : tree.push(nodes.get(item._id));
-      }), buildWorkspaceTree(tree);
-    }, [folderData])
+        item.eParent && nodes.has(item.eParent) ? nodes.get(item.eParent).children.push(nodes.get(item._id)) : fullTree.push(nodes.get(item._id));
+      }), buildWorkspaceTree(searchQuery ? filterTree(fullTree, searchQuery) : fullTree);
+    }, [folderData, searchQuery]),
+    setSearchQuery
   };
 }
 export {

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { useState } from "react";
 import useWorkspaceFolders from "../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
 import Tree from "../../../components/Tree/components/Tree.js";
 function WorkspaceFolders({
   onFolderSelected
@@ -8,11 +10,17 @@ function WorkspaceFolders({
   const {
     t
   } = useTranslation(), {
-    folderTree
-  } = useWorkspaceFolders();
+    folderTree,
+    setSearchQuery
+  } = useWorkspaceFolders(), [shouldExpandAllNodes, setShouldExpandAllNodes] = useState(!1), [searchValue, setSearchValue] = useState(""), handleSearchChange = (e) => {
+    setSearchValue(e.target.value);
+  }, handleSearchSubmit = () => {
+    setSearchQuery(searchValue), setShouldExpandAllNodes(searchValue !== "");
+  };
   return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
     /* @__PURE__ */ jsx("p", { children: t("attachments.add.to.folder.modal.description") }),
-    /* @__PURE__ */ jsx("div", { className: "border border-gray-400 rounded", children: /* @__PURE__ */ jsx("div", { className: "p-12", children: /* @__PURE__ */ jsx(Tree, { nodes: folderTree, onTreeItemClick: onFolderSelected }) }) })
+    /* @__PURE__ */ jsx(SearchBar, { onChange: handleSearchChange, isVariant: !1, placeholder: t("search"), onClick: handleSearchSubmit }),
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-400 rounded", children: /* @__PURE__ */ jsx("div", { className: "p-12", children: /* @__PURE__ */ jsx(Tree, { nodes: folderTree, onTreeItemClick: onFolderSelected, shouldExpandAllNodes }) }) })
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.2-develop-b2school.20250408113943",
+  "version": "2.2.2-develop-b2school.20250408143232",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250408113943",
-    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250408113943",
-    "@edifice.io/utilities": "2.2.2-develop-b2school.20250408113943"
+    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250408143232",
+    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250408143232",
+    "@edifice.io/utilities": "2.2.2-develop-b2school.20250408143232"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.2-develop-b2school.20250408113943",
-    "@edifice.io/config": "2.2.2-develop-b2school.20250408113943"
+    "@edifice.io/client": "2.2.2-develop-b2school.20250408143232",
+    "@edifice.io/config": "2.2.2-develop-b2school.20250408143232"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",