@edifice.io/react 2.6.2-develop-integration.20260820103059 → 2.6.2-develop-integration-crna.20260820104716

package/dist/modules/multimedia/FileCard/NextcloudFileCard.js

@@ -1,105 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { DocumentHelper, odeServices } from "@edifice.io/client";
-import clsx from "clsx";
-import SvgIconLandscape from "../../icons/components/IconLandscape.js";
-import SvgIconMic from "../../icons/components/IconMic.js";
-import SvgIconTextPage from "../../icons/components/IconTextPage.js";
-import SvgIconVideo from "../../icons/components/IconVideo.js";
-import FileIcon from "./FileIcon.js";
-import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
-import Card from "../../../components/Card/Card.js";
-const NextcloudFileCard = ({
-  doc,
-  userId,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className,
-  onSelect,
-  isFocused,
-  app,
-  customIcon,
-  customColor
-}) => {
-  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1);
-  function getRoleMap(type2) {
-    if (customIcon !== void 0 || customColor !== void 0)
-      return {
-        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
-        color: customColor || "bg-gray-300",
-        hasShadow: !1
-      };
-    const roleMappings = {
-      csv: {
-        icon: ".CSV",
-        color: "bg-orange-200"
-      },
-      xls: {
-        icon: ".XLS",
-        color: "bg-green-200"
-      },
-      doc: {
-        icon: ".DOC",
-        color: "bg-blue-200"
-      },
-      txt: {
-        icon: ".TXT",
-        color: "bg-blue-200"
-      },
-      pdf: {
-        icon: ".PDF",
-        color: "bg-red-200"
-      },
-      audio: {
-        icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
-        color: "bg-red-200"
-      },
-      ppt: {
-        icon: ".PPT",
-        color: "bg-red-200"
-      },
-      img: {
-        icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
-        color: "bg-green-200"
-      },
-      video: {
-        icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
-        color: "bg-purple-200"
-      },
-      zip: {
-        icon: ".ZIP",
-        color: "bg-gray-300"
-      },
-      md: {
-        icon: ".MD",
-        color: "bg-blue-200"
-      },
-      unknown: {
-        icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
-        color: "bg-gray-300"
-      }
-    };
-    return roleMappings[type2] || roleMappings.unknown;
-  }
-  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.nextcloud().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
-    ref
-  }), imageStyles = hasThumbnail && {
-    backgroundImage: `url(${mediaSrc})`,
-    backgroundSize: "cover"
-  };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
-      aspectRatio: "16/10",
-      ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
-    ] })
-  ] }) });
-};
-export {
-  NextcloudFileCard as default
-};

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.d.ts

@@ -1 +0,0 @@
-export declare const Nextcloud: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.js

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { odeServices } from "@edifice.io/client";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import useUser from "../../../../hooks/useUser/useUser.js";
-import Nextcloud$1 from "../../Nextcloud/Nextcloud.js";
-const Nextcloud = () => {
-  const {
-    type,
-    setResultCounter,
-    setResult,
-    setPreSuccess,
-    multiple
-  } = useMediaLibraryContext(), {
-    user
-  } = useUser();
-  function getDocumentRoleFilter() {
-    switch (type) {
-      case "image":
-        return "img";
-      case "audio":
-        return "audio";
-      case "video":
-        return "video";
-      default:
-        return null;
-    }
-  }
-  function handleSelect(result) {
-    setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? odeServices.nextcloud().copyDocumentToWorkspace(user.userId, result.map((doc) => doc.path)) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
-  }
-  return /* @__PURE__ */ jsx(Nextcloud$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
-};
-export {
-  Nextcloud
-};

package/dist/modules/multimedia/Nextcloud/Nextcloud.d.ts

@@ -1,24 +0,0 @@
-import { NextcloudDocument, Role } from '@edifice.io/client';
-/**
- * Nextcloud component properties
- */
-export interface NextcloudProps {
-    /**
-     * Notify parent when media elements are successfully selected.
-     */
-    onSelect: (result: NextcloudDocument[]) => void;
-    /**
-     * Boolean to know if we can select 1 or many files.
-     */
-    multiple?: boolean | undefined;
-    /**
-     * Document roles to filter files by; null (default) shows all roles.
-     */
-    roles?: Role | Role[] | null;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
-}
-declare const Nextcloud: ({ onSelect, multiple, roles, className, }: NextcloudProps) => import("react/jsx-runtime").JSX.Element;
-export default Nextcloud;

package/dist/modules/multimedia/Nextcloud/Nextcloud.js

@@ -1,109 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect, useMemo } from "react";
-import { DocumentHelper } from "@edifice.io/client";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { findNodeById } from "../../../components/Tree/utilities/tree.js";
-import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
-import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
-import SvgIconSortTime from "../../icons/components/IconSortTime.js";
-import illuNoContentInFolder from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-no-content-in-folder.svg";
-import useUser from "../../../hooks/useUser/useUser.js";
-import useNextcloudSearch from "../../../hooks/useNextcloudSearch/useNextcloudSearch.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import Flex from "../../../components/Flex/Flex.js";
-import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
-import Button from "../../../components/Button/Button.js";
-import { Grid } from "../../../components/Grid/Grid.js";
-import Tree from "../../../components/Tree/components/Tree.js";
-import SearchBar from "../../../components/SearchBar/SearchBar.js";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
-import NextcloudFileCard from "../FileCard/NextcloudFileCard.js";
-const ROOT_ID = "root";
-function compare(a, b) {
-  return a ? b ? a.localeCompare(b) : 1 : -1;
-}
-const Nextcloud = ({
-  onSelect,
-  multiple = !0,
-  roles,
-  className
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    user
-  } = useUser(), {
-    root,
-    needsAuth,
-    isCheckingAuth,
-    refetchAuthStatus,
-    loadContent
-  } = useNextcloudSearch(ROOT_ID, t("nextcloud"), user == null ? void 0 : user.userId), popupRef = useRef(null), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), treeRoot = root, currentNode = findNodeById(treeRoot, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
-    setCurrentNodeId(nodeId), loadContent(nodeId);
-  }, [loadContent]);
-  useEffect(() => {
-    loadContent(ROOT_ID);
-  }, [loadContent]);
-  const documents = useMemo(() => {
-    if (!currentNode.files) return;
-    let list = [].concat(currentNode.files);
-    searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0)), roles && (list = list.filter((f) => {
-      const role = DocumentHelper.role(f.contentType, !1);
-      return typeof roles == "string" ? roles === role : Array.isArray(roles) ? roles.includes(role) : !1;
-    }));
-    const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.lastModified, a.lastModified);
-    return list.sort(sortFunction);
-  }, [root, currentNode, searchTerm, sortOrder, roles]), selectedPaths = useMemo(() => new Set(selectedDocuments.map((d) => d.path)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
-    setSearchTerm(e.target.value);
-  }, [setSearchTerm]);
-  function getSortOrderLabel() {
-    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
-  }
-  function handleSelectDoc(doc) {
-    let currentDocuments = [...selectedDocuments];
-    multiple ? currentDocuments.includes(doc) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.path !== doc.path) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
-  }
-  const nextcloud = clsx("workspace flex-grow-1 gap-0", className), openLoginPopup = () => {
-    popupRef.current = window.open(`${window.location.origin}/nextcloud/user/oauth2/init`, "", "popup, height=600, width=400");
-  };
-  return useEffect(() => {
-    function handleMessage(event) {
-      var _a;
-      event.origin !== window.location.origin || ((_a = event.data) == null ? void 0 : _a.type) !== "nextcloud-connected" || (popupRef.current && !popupRef.current.closed && popupRef.current.close(), refetchAuthStatus());
-    }
-    return window.addEventListener("message", handleMessage), () => window.removeEventListener("message", handleMessage);
-  }, [refetchAuthStatus]), isCheckingAuth ? /* @__PURE__ */ jsx(LoadingScreen, {}) : needsAuth ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "h-full w-100", justify: "center", align: "center", children: [
-    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder }),
-    /* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: "Login to nextcloud" })
-  ] }) : /* @__PURE__ */ jsxs(Grid, { className: nextcloud, children: [
-    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
-      position: "sticky",
-      top: 0,
-      paddingTop: "1.2rem"
-    }, children: /* @__PURE__ */ jsx(Tree, { nodes: treeRoot, 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 }) }),
-        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
-          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
-          /* @__PURE__ */ jsxs(Dropdown, { children: [
-            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
-            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
-        const isSelected = selectedPaths.has(doc.path);
-        return /* @__PURE__ */ jsx(NextcloudFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.path);
-      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder, size: 64, text: t("nextcloud.empty.docSpace") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
-    ] }) })
-  ] });
-};
-export {
-  Nextcloud as default
-};

package/dist/modules/multimedia/Nextcloud/index.d.ts

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