@edifice.io/react 2.6.9-develop-integration.20261014191834 → 2.6.9-develop-integration.20261014220706

package/dist/hooks/useBackground/useBackground.d.ts

@@ -1,4 +1,4 @@
-export type Background = 'default' | 'pink-200' | 'yellow-200' | 'orange-200' | 'blue-200' | 'green-200';
+export type Background = 'default' | 'pink-200' | 'yellow-200' | 'orange-200' | 'blue-200' | 'green-200' | 'crna';
 declare const _default: () => {
     betaEnabled: boolean | undefined;
     background: Background;

package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.d.ts

@@ -2,8 +2,15 @@ import { GoogleDriveDocument, ID } from '@edifice.io/client';
 import { TreeItem } from '../../components/Tree/types';
 export type GoogleDriveFolderNode = TreeItem & {
     files?: GoogleDriveDocument[];
+    /** False when the folder's content can't be copied to the workspace. */
+    canCopyToWorkspace?: boolean;
 };
-export default function useGoogleDriveSearch(rootId: string, rootName: string, userId?: string): {
+/**
+ * Which documents a search browses from its root: the user's own Drive, or
+ * the documents other users shared with them.
+ */
+export type GoogleDriveSearchFilter = 'mydrive' | 'shared';
+export default function useGoogleDriveSearch(rootId: string, rootName: string, userId?: string, filter?: GoogleDriveSearchFilter): {
     root: GoogleDriveFolderNode;
     needsAuth: boolean;
     isCheckingAuth: boolean;

package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.js

@@ -2,7 +2,7 @@ import { useState, useCallback } from "react";
 import { odeServices } from "@edifice.io/client";
 import { useQueryClient } from "@tanstack/react-query";
 import { findNodeById, modifyNode } from "../../components/Tree/utilities/tree.js";
-function useGoogleDriveSearch(rootId, rootName, userId) {
+function useGoogleDriveSearch(rootId, rootName, userId, filter = "mydrive") {
   const [root, setRoot] = useState({
     id: rootId,
     name: rootName,
@@ -11,30 +11,32 @@ function useGoogleDriveSearch(rootId, rootName, userId) {
     setRoot((prev) => {
       const node = findNodeById(prev, folderId);
       if (!node) return prev;
-      const children = subfolders.map((f) => {
+      const restrict = (doc) => node.canCopyToWorkspace === !1 ? {
+        ...doc,
+        canCopyToWorkspace: !1
+      } : doc, children = subfolders.map(restrict).map((f) => {
         var _a;
-        const existing = (_a = node.children) == null ? void 0 : _a.find((c) => c.id === f.id);
-        return existing ? {
-          ...existing,
-          name: f.name
-        } : {
+        return {
+          // Keep an already loaded subfolder's own content.
+          ...(_a = node.children) == null ? void 0 : _a.find((c) => c.id === f.id),
           id: f.id,
-          name: f.name
+          name: f.name,
+          canCopyToWorkspace: f.canCopyToWorkspace
         };
       });
       return modifyNode(prev, (n) => n.id === node.id ? {
         ...n,
         children,
-        files
+        files: files.map(restrict)
       } : n);
     });
   }, []), queryClient = useQueryClient(), [loadError, setLoadError] = useState(null), loadContent = useCallback(async (folderId) => {
     if (!userId) return;
-    const parentId = folderId === rootId ? void 0 : folderId;
+    const parentId = folderId === rootId ? void 0 : folderId, isSharedRoot = filter === "shared" && !parentId;
     try {
       const payload = await queryClient.fetchQuery({
-        queryKey: ["googledrive", "documents", userId, parentId ?? "root"],
-        queryFn: () => odeServices.googledrive().listDocuments(userId, parentId),
+        queryKey: ["googledrive", "documents", userId, isSharedRoot ? "shared" : parentId ?? "root"],
+        queryFn: () => isSharedRoot ? odeServices.googledrive().listSharedDocuments(userId) : odeServices.googledrive().listDocuments(userId, parentId),
         staleTime: 6e4
       }), subfolders = [], files = [];
       payload.filter((doc) => doc.id !== parentId).forEach((doc) => {
@@ -43,7 +45,7 @@ function useGoogleDriveSearch(rootId, rootName, userId) {
     } catch (error) {
       setLoadError(error);
     }
-  }, [rootId, userId, queryClient, updateFolder]);
+  }, [rootId, userId, filter, queryClient, updateFolder]);
   return {
     root,
     needsAuth: !1,

package/dist/modules/multimedia/GoogleDrive/GoogleDrive.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useMemo } from "react";
+import { useState, useEffect, useMemo, useCallback } from "react";
 import { DocumentHelper } from "@edifice.io/client";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
@@ -20,7 +20,7 @@ import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
 import Button from "../../../components/Button/Button.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
 import GoogleDriveFileCard from "../FileCard/GoogleDriveFileCard.js";
-const ROOT_ID = "root";
+const ROOT_ID = "root", SHARED_ROOT_ID = "shared";
 function compare(a, b) {
   return a === b ? 0 : a === void 0 ? -1 : b === void 0 ? 1 : a.localeCompare(b);
 }
@@ -34,23 +34,26 @@ const GoogleDrive = ({
     t
   } = useTranslation(), {
     user
-  } = useUser(), {
+  } = useUser(), myDrive = useGoogleDriveSearch(ROOT_ID, t("google-drive.mydrive"), user == null ? void 0 : user.userId), sharedWithMe = useGoogleDriveSearch(SHARED_ROOT_ID, t("workspace.tree.shared"), user == null ? void 0 : user.userId, "shared"), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), sectionOf = (nodeId) => findNodeById(sharedWithMe.root, nodeId) ? sharedWithMe : myDrive, {
     root,
     loadContent,
     loadError
-  } = useGoogleDriveSearch(ROOT_ID, t("google-drive.mydrive"), user == null ? void 0 : user.userId), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), currentNode = findNodeById(root, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(void 0), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
-    setCurrentNodeId(nodeId), loadContent(nodeId);
-  }, [loadContent]);
+  } = sectionOf(currentNodeId), currentNode = findNodeById(root, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(void 0), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = (nodeId) => {
+    setCurrentNodeId(nodeId), sectionOf(nodeId).loadContent(nodeId);
+  }, loadMyDrive = myDrive.loadContent;
   useEffect(() => {
-    loadContent(ROOT_ID);
-  }, [loadContent]);
+    loadMyDrive(ROOT_ID);
+  }, [loadMyDrive]);
   const documents = useMemo(() => {
     if (!currentNode.files) return;
     const matchesRole = (doc) => {
       if (!roles) return !0;
       const role = DocumentHelper.role(doc.contentType, !1);
       return Array.isArray(roles) ? roles.includes(role) : roles === role;
-    }, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f));
+    }, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (
+      // A document that can't leave Google Drive could never be added.
+      f.canCopyToWorkspace && (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f)
+    ));
     let sortFunction;
     return sortOrder[0] === "name" ? sortFunction = sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : sortFunction = (a, b) => compare(b.lastModified, a.lastModified), list.sort(sortFunction);
   }, [currentNode, searchTerm, sortOrder, roles]), selectedIds = useMemo(() => new Set(selectedDocuments.map((d) => d.id)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
@@ -69,7 +72,7 @@ const GoogleDrive = ({
       position: "sticky",
       top: 0,
       paddingTop: "1.2rem"
-    }, children: /* @__PURE__ */ jsx(Tree, { nodes: root, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
+    }, children: /* @__PURE__ */ jsx(Tree, { nodes: [myDrive.root, sharedWithMe.root], selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
     /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
       /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
         /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.9-develop-integration.20261014191834",
+  "version": "2.6.9-develop-integration.20261014220706",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.9-develop-integration.20261014191834",
-    "@edifice.io/utilities": "2.6.9-develop-integration.20261014191834",
-    "@edifice.io/tiptap-extensions": "2.6.9-develop-integration.20261014191834"
+    "@edifice.io/tiptap-extensions": "2.6.9-develop-integration.20261014220706",
+    "@edifice.io/utilities": "2.6.9-develop-integration.20261014220706",
+    "@edifice.io/bootstrap": "2.6.9-develop-integration.20261014220706"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.9-develop-integration.20261014191834",
-    "@edifice.io/config": "2.6.9-develop-integration.20261014191834"
+    "@edifice.io/config": "2.6.9-develop-integration.20261014220706",
+    "@edifice.io/client": "2.6.9-develop-integration.20261014220706"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",