@edifice.io/react 2.6.2-feat-INTEG-1924-port-react-nextcloud-filetree.20260824153355 → 2.6.3-develop-enabling.20260825190837

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

@@ -1,114 +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 illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.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), currentNode = findNodeById(root, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
-    setCurrentNodeId(nodeId), loadContent(nodeId);
-  }, [loadContent]);
-  useEffect(() => {
-    needsAuth || loadContent(ROOT_ID);
-  }, [loadContent, needsAuth]);
-  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;
-    }, list = currentNode.files.filter((f) => (!searchTerm || f.name.indexOf(searchTerm) >= 0) && 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]), 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: "12", className: "h-full w-100", justify: "center", align: "center", children: [
-    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", justify: "center", align: "center", children: [
-      /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder }),
-      /* @__PURE__ */ jsx("h2", { className: "h2 text-secondary mb-8", children: "Connectez vos Documents Synchronisés" }),
-      /* @__PURE__ */ jsx("div", { className: "text", children: "Connectez-vous pour parcourir vos Documents Synchronisés et les insérer ici." })
-    ] }),
-    /* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: "Se connecter" })
-  ] }) : /* @__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: 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 }) }),
-        /* @__PURE__ */ jsxs(Flex, { className: "px-8 py-4", align: "center", justify: "end", 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: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__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';

package/dist/modules/multimedia/UploadCard/UploadCard._.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { default as UploadCard } from './UploadCard';
-declare const meta: Meta<typeof UploadCard>;
-export default meta;
-type Story = StoryObj<typeof UploadCard>;
-export declare const Base: Story;
-export declare const IsLoading: Story;
-export declare const IsSuccess: Story;
-export declare const IsError: Story;