@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-integration.20261014184332

package/dist/components/RadioTile/RadioTile.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+export interface RadioTileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children' | 'className' | 'style'> {
+    /**
+     * Label of the tile. Also used as the accessible name of the radio input.
+     */
+    label: ReactNode;
+    /**
+     * Optional image: an URL, or any React node (e.g. a background preview).
+     */
+    image?: string | ReactNode;
+    /**
+     * Layout of a tile with both an image and a label.
+     * Ignored when there is no image or when the label is hidden.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Visually hide the label (it stays available to screen readers).
+     * Use it with an `image` to render an image-only tile.
+     */
+    hideLabel?: boolean;
+    /**
+     * Additional CSS class names applied to the tile (root element).
+     */
+    className?: string;
+    /**
+     * Inline styles applied to the tile (root element).
+     */
+    style?: CSSProperties;
+}
+/**
+ * A radio input presented as a selectable tile, with a label, an image or both.
+ * Group tiles together by giving them the same `name`.
+ */
+declare const RadioTile: import('react').ForwardRefExoticComponent<RadioTileProps & import('react').RefAttributes<HTMLInputElement>>;
+export default RadioTile;

package/dist/components/RadioTile/RadioTile.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const RadioTile = /* @__PURE__ */ forwardRef(({
+  label,
+  image,
+  orientation = "horizontal",
+  hideLabel = !1,
+  className,
+  style,
+  ...inputProps
+}, ref) => {
+  const hasImage = image != null && image !== !1;
+  return /* @__PURE__ */ jsxs("label", { className: clsx("radio-tile", `radio-tile--${hasImage ? hideLabel ? "image" : orientation === "vertical" ? "vertical" : "horizontal" : "text"}`, className), style, children: [
+    /* @__PURE__ */ jsx("input", { ref, type: "radio", className: "radio-tile__input visually-hidden", ...inputProps }),
+    hasImage && /* @__PURE__ */ jsx("span", { className: "radio-tile__image", children: typeof image == "string" ? /* @__PURE__ */ jsx("img", { src: image, alt: "", loading: "lazy" }) : image }),
+    /* @__PURE__ */ jsx("span", { className: clsx("radio-tile__label", hideLabel && "visually-hidden"), children: label })
+  ] });
+});
+export {
+  RadioTile as default
+};

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

@@ -0,0 +1,2 @@
+export { default as RadioTile } from './RadioTile';
+export * from './RadioTile';

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

@@ -16,6 +16,25 @@ function findNodeById(data, id) {
       }
   }
 }
+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 findPathById(tree, nodeId) {
   let path = [];
   function traverse(node, currentPath) {
@@ -40,5 +59,6 @@ function findPathById(tree, nodeId) {
 }
 export {
   findNodeById,
-  findPathById
+  findPathById,
+  modifyNode
 };

package/dist/components/index.d.ts

@@ -45,6 +45,7 @@ export * from './PreventPropagation';
 export * from './PromotionCard';
 export * from './Radio';
 export * from './RadioCard';
+export * from './RadioTile';
 export * from './SearchBar';
 export * from './SegmentedControl';
 export * from './Select';

package/dist/hooks/index.d.ts

@@ -12,6 +12,7 @@ export * from './useDirectory';
 export * from './useDropdown';
 export * from './useDropzone';
 export * from './useEdificeIcons';
+export * from './useGoogleDriveSearch';
 export * from './useHasWorkflow';
 export * from './useHover';
 export * from './useHttpErrorToast';
@@ -23,6 +24,7 @@ export * from './useIsAdmlcOrAdmc';
 export * from './useKeyPress';
 export * from './useLibraryUrl';
 export * from './useMediaLibrary';
+export * from './useNextcloudSearch';
 export * from './usePublicConf';
 export * from './useScreeb';
 export * from './useScrollToTop';

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

@@ -0,0 +1 @@
+export { default as useGoogleDriveSearch } from './useGoogleDriveSearch';

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

@@ -0,0 +1,14 @@
+import { GoogleDriveDocument, ID } from '@edifice.io/client';
+import { TreeItem } from '../../components/Tree/types';
+export type GoogleDriveFolderNode = TreeItem & {
+    files?: GoogleDriveDocument[];
+};
+export default function useGoogleDriveSearch(rootId: string, rootName: string, userId?: string): {
+    root: GoogleDriveFolderNode;
+    needsAuth: boolean;
+    isCheckingAuth: boolean;
+    isAuthError: boolean;
+    refetchAuthStatus: () => void;
+    loadContent: (folderId?: ID) => void;
+    loadError: unknown;
+};

package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.js

@@ -0,0 +1,60 @@
+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) {
+  const [root, setRoot] = useState({
+    id: rootId,
+    name: rootName,
+    section: !0
+  }), updateFolder = useCallback((folderId, subfolders, files) => {
+    setRoot((prev) => {
+      const node = findNodeById(prev, folderId);
+      if (!node) return prev;
+      const children = subfolders.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
+        } : {
+          id: f.id,
+          name: f.name
+        };
+      });
+      return modifyNode(prev, (n) => n.id === node.id ? {
+        ...n,
+        children,
+        files
+      } : n);
+    });
+  }, []), queryClient = useQueryClient(), [loadError, setLoadError] = useState(null), loadContent = useCallback(async (folderId) => {
+    if (!userId) return;
+    const parentId = folderId === rootId ? void 0 : folderId;
+    try {
+      const payload = await queryClient.fetchQuery({
+        queryKey: ["googledrive", "documents", userId, parentId ?? "root"],
+        queryFn: () => odeServices.googledrive().listDocuments(userId, parentId),
+        staleTime: 6e4
+      }), subfolders = [], files = [];
+      payload.filter((doc) => doc.id !== parentId).forEach((doc) => {
+        doc.isFolder ? subfolders.push(doc) : files.push(doc);
+      }), setLoadError(null), updateFolder(folderId, subfolders, files);
+    } catch (error) {
+      setLoadError(error);
+    }
+  }, [rootId, userId, queryClient, updateFolder]);
+  return {
+    root,
+    needsAuth: !1,
+    isCheckingAuth: !1,
+    isAuthError: !1,
+    refetchAuthStatus: () => {
+    },
+    loadContent,
+    loadError
+  };
+}
+export {
+  useGoogleDriveSearch as default
+};

package/dist/hooks/useNextcloudSearch/index.d.ts

@@ -0,0 +1 @@
+export { default as useNextcloudSearch } from './useNextcloudSearch';

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.d.ts

@@ -0,0 +1,14 @@
+import { ID, NextcloudDocument } from '@edifice.io/client';
+import { TreeItem } from '../../components/Tree/types';
+export type NextcloudFolderNode = TreeItem & {
+    files?: NextcloudDocument[];
+};
+export default function useNextcloudSearch(rootId: string, rootName: string, userId?: string): {
+    root: NextcloudFolderNode;
+    needsAuth: boolean;
+    isCheckingAuth: boolean;
+    isAuthError: boolean;
+    refetchAuthStatus: () => void;
+    loadContent: (folderId?: ID) => void;
+    loadError: unknown;
+};

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.js

@@ -0,0 +1,64 @@
+import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
+import { findNodeById, modifyNode } from "../../components/Tree/utilities/tree.js";
+function useNextcloudSearch(rootId, rootName, userId) {
+  var _a;
+  const [root, setRoot] = useState({
+    id: rootId,
+    name: rootName,
+    section: !0
+  }), updateFolder = useCallback((folderId, subfolders, files) => {
+    setRoot((prev) => {
+      const node = findNodeById(prev, folderId);
+      if (!node) return prev;
+      const children = subfolders.map((f) => {
+        var _a2;
+        const existing = (_a2 = node.children) == null ? void 0 : _a2.find((c) => c.id === f.path);
+        return existing ? {
+          ...existing,
+          name: f.name
+        } : {
+          id: f.path,
+          name: f.name
+        };
+      });
+      return modifyNode(prev, (n) => n.id === node.id ? {
+        ...n,
+        children,
+        files
+      } : n);
+    });
+  }, []), queryClient = useQueryClient(), oauth2StatusQuery = useQuery({
+    queryKey: ["nextcloud", "oauth2-status", userId],
+    queryFn: () => odeServices.nextcloud().getOauth2Status(userId),
+    enabled: !!userId
+  }), needsAuth = !((_a = oauth2StatusQuery.data) != null && _a.connected), [loadError, setLoadError] = useState(null), loadContent = useCallback(async (folderId) => {
+    if (!userId) return;
+    const path = folderId === rootId ? void 0 : folderId;
+    try {
+      const payload = await queryClient.fetchQuery({
+        queryKey: ["nextcloud", "documents", userId, path ?? "/"],
+        queryFn: () => odeServices.nextcloud().listDocuments(userId, path),
+        staleTime: 6e4
+      }), subfolders = [], files = [], currentPath = path ?? "/";
+      payload.filter((doc) => doc.path !== currentPath).forEach((doc) => {
+        doc.isFolder ? subfolders.push(doc) : files.push(doc);
+      }), setLoadError(null), updateFolder(folderId, subfolders, files);
+    } catch (error) {
+      setLoadError(error);
+    }
+  }, [rootId, userId, queryClient, updateFolder]);
+  return {
+    root,
+    needsAuth,
+    isCheckingAuth: oauth2StatusQuery.isLoading,
+    isAuthError: oauth2StatusQuery.isError,
+    refetchAuthStatus: oauth2StatusQuery.refetch,
+    loadContent,
+    loadError
+  };
+}
+export {
+  useNextcloudSearch as default
+};