@edifice.io/react 2.6.9-develop-integration.20261012100537 → 2.6.9-develop.20261012141408
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Tree/utilities/tree.js +1 -21
- package/dist/hooks/index.d.ts +0 -2
- package/dist/index.js +182 -194
- package/dist/modules/multimedia/FileCard/index.d.ts +0 -4
- package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.d.ts +1 -7
- package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js +0 -2
- package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts +2 -2
- package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js +12 -48
- package/dist/modules/multimedia/MediaLibrary/innertabs/index.d.ts +0 -2
- package/dist/modules/multimedia/MediaLibrary/innertabs/index.js +0 -4
- package/dist/modules/multimedia/Workspace/Workspace.js +5 -8
- package/dist/modules/multimedia/index.d.ts +0 -2
- package/dist/multimedia.js +18 -26
- package/package.json +6 -6
- package/dist/hooks/useGoogleDriveSearch/index.d.ts +0 -1
- package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.d.ts +0 -14
- package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.js +0 -60
- package/dist/hooks/useNextcloudSearch/index.d.ts +0 -1
- package/dist/hooks/useNextcloudSearch/useNextcloudSearch.d.ts +0 -14
- package/dist/hooks/useNextcloudSearch/useNextcloudSearch.js +0 -64
- package/dist/modules/multimedia/FileCard/GoogleDriveFileCard.d.ts +0 -25
- package/dist/modules/multimedia/FileCard/GoogleDriveFileCard.js +0 -102
- package/dist/modules/multimedia/FileCard/NextcloudFileCard.d.ts +0 -25
- package/dist/modules/multimedia/FileCard/NextcloudFileCard.js +0 -102
- package/dist/modules/multimedia/GoogleDrive/GoogleDrive.d.ts +0 -24
- package/dist/modules/multimedia/GoogleDrive/GoogleDrive.js +0 -100
- package/dist/modules/multimedia/GoogleDrive/index.d.ts +0 -2
- package/dist/modules/multimedia/MediaLibrary/innertabs/GoogleDrive.d.ts +0 -1
- package/dist/modules/multimedia/MediaLibrary/innertabs/GoogleDrive.js +0 -61
- package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.d.ts +0 -1
- package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.js +0 -48
- package/dist/modules/multimedia/Nextcloud/Nextcloud.d.ts +0 -24
- package/dist/modules/multimedia/Nextcloud/Nextcloud.js +0 -124
- package/dist/modules/multimedia/Nextcloud/index.d.ts +0 -2
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef } from "react";
|
|
3
|
-
import { DocumentHelper, odeServices } from "@edifice.io/client";
|
|
4
|
-
import clsx from "clsx";
|
|
5
|
-
import SvgIconLandscape from "../../icons/components/IconLandscape.js";
|
|
6
|
-
import SvgIconMic from "../../icons/components/IconMic.js";
|
|
7
|
-
import SvgIconTextPage from "../../icons/components/IconTextPage.js";
|
|
8
|
-
import SvgIconVideo from "../../icons/components/IconVideo.js";
|
|
9
|
-
import FileIcon from "./FileIcon.js";
|
|
10
|
-
import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
|
|
11
|
-
import Card from "../../../components/Card/Card.js";
|
|
12
|
-
const roleMappings = {
|
|
13
|
-
csv: {
|
|
14
|
-
icon: ".CSV",
|
|
15
|
-
color: "bg-orange-200"
|
|
16
|
-
},
|
|
17
|
-
xls: {
|
|
18
|
-
icon: ".XLS",
|
|
19
|
-
color: "bg-green-200"
|
|
20
|
-
},
|
|
21
|
-
doc: {
|
|
22
|
-
icon: ".DOC",
|
|
23
|
-
color: "bg-blue-200"
|
|
24
|
-
},
|
|
25
|
-
txt: {
|
|
26
|
-
icon: ".TXT",
|
|
27
|
-
color: "bg-blue-200"
|
|
28
|
-
},
|
|
29
|
-
pdf: {
|
|
30
|
-
icon: ".PDF",
|
|
31
|
-
color: "bg-red-200"
|
|
32
|
-
},
|
|
33
|
-
audio: {
|
|
34
|
-
icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
|
|
35
|
-
color: "bg-red-200"
|
|
36
|
-
},
|
|
37
|
-
ppt: {
|
|
38
|
-
icon: ".PPT",
|
|
39
|
-
color: "bg-red-200"
|
|
40
|
-
},
|
|
41
|
-
img: {
|
|
42
|
-
icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
|
|
43
|
-
color: "bg-green-200"
|
|
44
|
-
},
|
|
45
|
-
video: {
|
|
46
|
-
icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
|
|
47
|
-
color: "bg-purple-200"
|
|
48
|
-
},
|
|
49
|
-
zip: {
|
|
50
|
-
icon: ".ZIP",
|
|
51
|
-
color: "bg-gray-300"
|
|
52
|
-
},
|
|
53
|
-
md: {
|
|
54
|
-
icon: ".MD",
|
|
55
|
-
color: "bg-blue-200"
|
|
56
|
-
},
|
|
57
|
-
unknown: {
|
|
58
|
-
icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
|
|
59
|
-
color: "bg-gray-300"
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
function getRoleMap(type, customIcon, customColor) {
|
|
63
|
-
return customIcon !== void 0 || customColor !== void 0 ? {
|
|
64
|
-
icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
|
|
65
|
-
color: customColor || "bg-gray-300",
|
|
66
|
-
hasShadow: !1
|
|
67
|
-
} : roleMappings[type] ?? roleMappings.unknown;
|
|
68
|
-
}
|
|
69
|
-
const NextcloudFileCard = ({
|
|
70
|
-
doc,
|
|
71
|
-
userId,
|
|
72
|
-
isClickable = !0,
|
|
73
|
-
isSelectable = !1,
|
|
74
|
-
isSelected = !1,
|
|
75
|
-
onClick,
|
|
76
|
-
className,
|
|
77
|
-
onSelect,
|
|
78
|
-
isFocused,
|
|
79
|
-
app,
|
|
80
|
-
customIcon,
|
|
81
|
-
customColor
|
|
82
|
-
}) => {
|
|
83
|
-
const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1), roleMap = getRoleMap(type ?? "unknown", customIcon, customColor), 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, {
|
|
84
|
-
ref
|
|
85
|
-
}), imageStyles = hasThumbnail && {
|
|
86
|
-
backgroundImage: `url(${mediaSrc})`,
|
|
87
|
-
backgroundSize: "cover"
|
|
88
|
-
};
|
|
89
|
-
return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
|
|
90
|
-
/* @__PURE__ */ jsx("div", { ref, className: file, style: {
|
|
91
|
-
aspectRatio: "16/10",
|
|
92
|
-
...imageStyles
|
|
93
|
-
}, children: type !== "img" || !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
|
|
94
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
95
|
-
/* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
|
|
96
|
-
/* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
|
|
97
|
-
] })
|
|
98
|
-
] }) });
|
|
99
|
-
};
|
|
100
|
-
export {
|
|
101
|
-
NextcloudFileCard as default
|
|
102
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { GoogleDriveDocument, Role } from '@edifice.io/client';
|
|
2
|
-
/**
|
|
3
|
-
* GoogleDrive component properties
|
|
4
|
-
*/
|
|
5
|
-
export interface GoogleDriveProps {
|
|
6
|
-
/**
|
|
7
|
-
* Notify parent when media elements are successfully selected.
|
|
8
|
-
*/
|
|
9
|
-
onSelect: (result: GoogleDriveDocument[]) => void;
|
|
10
|
-
/**
|
|
11
|
-
* Boolean to know if we can select 1 or many files.
|
|
12
|
-
*/
|
|
13
|
-
multiple?: boolean | undefined;
|
|
14
|
-
/**
|
|
15
|
-
* Document roles to filter files by; null (default) shows all roles.
|
|
16
|
-
*/
|
|
17
|
-
roles?: Role | Role[] | null;
|
|
18
|
-
/**
|
|
19
|
-
* Optional class for styling purpose
|
|
20
|
-
*/
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
declare const GoogleDrive: ({ onSelect, multiple, roles, className, }: GoogleDriveProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export default GoogleDrive;
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useCallback, useEffect, useMemo } from "react";
|
|
3
|
-
import { DocumentHelper } from "@edifice.io/client";
|
|
4
|
-
import clsx from "clsx";
|
|
5
|
-
import { useTranslation } from "react-i18next";
|
|
6
|
-
import { findNodeById } from "../../../components/Tree/utilities/tree.js";
|
|
7
|
-
import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
|
|
8
|
-
import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
|
|
9
|
-
import SvgIconSortTime from "../../icons/components/IconSortTime.js";
|
|
10
|
-
import illuError from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-error.svg";
|
|
11
|
-
import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
|
|
12
|
-
import useUser from "../../../hooks/useUser/useUser.js";
|
|
13
|
-
import useGoogleDriveSearch from "../../../hooks/useGoogleDriveSearch/useGoogleDriveSearch.js";
|
|
14
|
-
import { Grid } from "../../../components/Grid/Grid.js";
|
|
15
|
-
import Tree from "../../../components/Tree/components/Tree.js";
|
|
16
|
-
import SearchBar from "../../../components/SearchBar/SearchBar.js";
|
|
17
|
-
import Flex from "../../../components/Flex/Flex.js";
|
|
18
|
-
import Dropdown from "../../../components/Dropdown/Dropdown.js";
|
|
19
|
-
import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
|
|
20
|
-
import Button from "../../../components/Button/Button.js";
|
|
21
|
-
import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
|
|
22
|
-
import GoogleDriveFileCard from "../FileCard/GoogleDriveFileCard.js";
|
|
23
|
-
const ROOT_ID = "root";
|
|
24
|
-
function compare(a, b) {
|
|
25
|
-
return a === b ? 0 : a === void 0 ? -1 : b === void 0 ? 1 : a.localeCompare(b);
|
|
26
|
-
}
|
|
27
|
-
const GoogleDrive = ({
|
|
28
|
-
onSelect,
|
|
29
|
-
multiple = !0,
|
|
30
|
-
roles,
|
|
31
|
-
className
|
|
32
|
-
}) => {
|
|
33
|
-
const {
|
|
34
|
-
t
|
|
35
|
-
} = useTranslation(), {
|
|
36
|
-
user
|
|
37
|
-
} = useUser(), {
|
|
38
|
-
root,
|
|
39
|
-
loadContent,
|
|
40
|
-
loadError
|
|
41
|
-
} = 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) => {
|
|
42
|
-
setCurrentNodeId(nodeId), loadContent(nodeId);
|
|
43
|
-
}, [loadContent]);
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
loadContent(ROOT_ID);
|
|
46
|
-
}, [loadContent]);
|
|
47
|
-
const documents = useMemo(() => {
|
|
48
|
-
if (!currentNode.files) return;
|
|
49
|
-
const matchesRole = (doc) => {
|
|
50
|
-
if (!roles) return !0;
|
|
51
|
-
const role = DocumentHelper.role(doc.contentType, !1);
|
|
52
|
-
return Array.isArray(roles) ? roles.includes(role) : roles === role;
|
|
53
|
-
}, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f));
|
|
54
|
-
let sortFunction;
|
|
55
|
-
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);
|
|
56
|
-
}, [currentNode, searchTerm, sortOrder, roles]), selectedIds = useMemo(() => new Set(selectedDocuments.map((d) => d.id)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
|
|
57
|
-
setSearchTerm(e.target.value);
|
|
58
|
-
}, [setSearchTerm]);
|
|
59
|
-
function getSortOrderLabel() {
|
|
60
|
-
return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
|
|
61
|
-
}
|
|
62
|
-
function handleSelectDoc(doc) {
|
|
63
|
-
let currentDocuments = [...selectedDocuments];
|
|
64
|
-
multiple ? currentDocuments.some((selectedDocument) => selectedDocument.id === doc.id) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.id !== doc.id) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
|
|
65
|
-
}
|
|
66
|
-
const googleDrive = clsx("workspace flex-grow-1 gap-0", className);
|
|
67
|
-
return /* @__PURE__ */ jsxs(Grid, { className: googleDrive, children: [
|
|
68
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
|
|
69
|
-
position: "sticky",
|
|
70
|
-
top: 0,
|
|
71
|
-
paddingTop: "1.2rem"
|
|
72
|
-
}, children: /* @__PURE__ */ jsx(Tree, { nodes: root, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
|
|
73
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
|
|
74
|
-
/* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
|
|
75
|
-
/* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
|
|
76
|
-
/* @__PURE__ */ jsxs(Flex, { className: "px-8 py-4", align: "center", justify: "end", children: [
|
|
77
|
-
/* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
|
|
78
|
-
/* @__PURE__ */ jsxs(Dropdown, { children: [
|
|
79
|
-
/* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
|
|
80
|
-
/* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
|
|
81
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
|
|
82
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
|
|
83
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
|
|
84
|
-
] })
|
|
85
|
-
] })
|
|
86
|
-
] })
|
|
87
|
-
] }),
|
|
88
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: loadError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
|
|
89
|
-
/* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("google-drive.error.title"), text: t("google-drive.error.description") }),
|
|
90
|
-
/* @__PURE__ */ jsx(Button, { onClick: () => loadContent(currentNodeId), children: t("retry") })
|
|
91
|
-
] }) : documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
|
|
92
|
-
const isSelected = selectedIds.has(doc.id);
|
|
93
|
-
return /* @__PURE__ */ jsx(GoogleDriveFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.id);
|
|
94
|
-
}) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
|
|
95
|
-
] }) })
|
|
96
|
-
] });
|
|
97
|
-
};
|
|
98
|
-
export {
|
|
99
|
-
GoogleDrive as default
|
|
100
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const GoogleDrive: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { odeServices, GoogleDriveCopyError } from "@edifice.io/client";
|
|
3
|
-
import { useTranslation } from "react-i18next";
|
|
4
|
-
import { useMediaLibraryContext } from "../MediaLibraryContext.js";
|
|
5
|
-
import useUser from "../../../../hooks/useUser/useUser.js";
|
|
6
|
-
import useToast from "../../../../hooks/useToast/useToast.js";
|
|
7
|
-
import GoogleDrive$1 from "../../GoogleDrive/GoogleDrive.js";
|
|
8
|
-
const GoogleDrive = () => {
|
|
9
|
-
const {
|
|
10
|
-
appCode,
|
|
11
|
-
visibility,
|
|
12
|
-
type,
|
|
13
|
-
setResultCounter,
|
|
14
|
-
setResult,
|
|
15
|
-
setPreSuccess,
|
|
16
|
-
multiple
|
|
17
|
-
} = useMediaLibraryContext(), {
|
|
18
|
-
user
|
|
19
|
-
} = useUser(), {
|
|
20
|
-
t
|
|
21
|
-
} = useTranslation(), toast = useToast();
|
|
22
|
-
function getDocumentRoleFilter() {
|
|
23
|
-
switch (type) {
|
|
24
|
-
case "image":
|
|
25
|
-
return "img";
|
|
26
|
-
case "audio":
|
|
27
|
-
return "audio";
|
|
28
|
-
case "video":
|
|
29
|
-
return "video";
|
|
30
|
-
default:
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
async function copyToWorkspace(userId, ids) {
|
|
35
|
-
try {
|
|
36
|
-
return await odeServices.googledrive().copyDocumentToWorkspace(
|
|
37
|
-
userId,
|
|
38
|
-
ids,
|
|
39
|
-
void 0,
|
|
40
|
-
// Copy the documents straight to their final place, the way an upload
|
|
41
|
-
// does, instead of leaving a copy in the user's own documents for the
|
|
42
|
-
// modal to transfer afterwards.
|
|
43
|
-
{
|
|
44
|
-
application: appCode,
|
|
45
|
-
visibility
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
} catch (error) {
|
|
49
|
-
if (error instanceof GoogleDriveCopyError && error.copied.length > 0)
|
|
50
|
-
return toast.warning(t("google-drive.transfer.error")), error.copied;
|
|
51
|
-
throw error;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
function handleSelect(result) {
|
|
55
|
-
setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? copyToWorkspace(user.userId, result.map((doc) => doc.id)) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
|
|
56
|
-
}
|
|
57
|
-
return /* @__PURE__ */ jsx(GoogleDrive$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
|
|
58
|
-
};
|
|
59
|
-
export {
|
|
60
|
-
GoogleDrive
|
|
61
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Nextcloud: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { odeServices } from "@edifice.io/client";
|
|
3
|
-
import { useMediaLibraryContext } from "../MediaLibraryContext.js";
|
|
4
|
-
import useUser from "../../../../hooks/useUser/useUser.js";
|
|
5
|
-
import Nextcloud$1 from "../../Nextcloud/Nextcloud.js";
|
|
6
|
-
const Nextcloud = () => {
|
|
7
|
-
const {
|
|
8
|
-
appCode,
|
|
9
|
-
visibility,
|
|
10
|
-
type,
|
|
11
|
-
setResultCounter,
|
|
12
|
-
setResult,
|
|
13
|
-
setPreSuccess,
|
|
14
|
-
multiple
|
|
15
|
-
} = useMediaLibraryContext(), {
|
|
16
|
-
user
|
|
17
|
-
} = useUser();
|
|
18
|
-
function getDocumentRoleFilter() {
|
|
19
|
-
switch (type) {
|
|
20
|
-
case "image":
|
|
21
|
-
return "img";
|
|
22
|
-
case "audio":
|
|
23
|
-
return "audio";
|
|
24
|
-
case "video":
|
|
25
|
-
return "video";
|
|
26
|
-
default:
|
|
27
|
-
return null;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
function handleSelect(result) {
|
|
31
|
-
setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? odeServices.nextcloud().copyDocumentToWorkspace(
|
|
32
|
-
user.userId,
|
|
33
|
-
result.map((doc) => doc.path),
|
|
34
|
-
void 0,
|
|
35
|
-
// Copy the documents straight to their final place, the way an
|
|
36
|
-
// upload does, instead of leaving a copy in the user's own
|
|
37
|
-
// documents for the modal to transfer afterwards.
|
|
38
|
-
{
|
|
39
|
-
application: appCode,
|
|
40
|
-
visibility
|
|
41
|
-
}
|
|
42
|
-
) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
|
|
43
|
-
}
|
|
44
|
-
return /* @__PURE__ */ jsx(Nextcloud$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
Nextcloud
|
|
48
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { NextcloudDocument, Role } from '@edifice.io/client';
|
|
2
|
-
/**
|
|
3
|
-
* Nextcloud component properties
|
|
4
|
-
*/
|
|
5
|
-
export interface NextcloudProps {
|
|
6
|
-
/**
|
|
7
|
-
* Notify parent when media elements are successfully selected.
|
|
8
|
-
*/
|
|
9
|
-
onSelect: (result: NextcloudDocument[]) => void;
|
|
10
|
-
/**
|
|
11
|
-
* Boolean to know if we can select 1 or many files.
|
|
12
|
-
*/
|
|
13
|
-
multiple?: boolean | undefined;
|
|
14
|
-
/**
|
|
15
|
-
* Document roles to filter files by; null (default) shows all roles.
|
|
16
|
-
*/
|
|
17
|
-
roles?: Role | Role[] | null;
|
|
18
|
-
/**
|
|
19
|
-
* Optional class for styling purpose
|
|
20
|
-
*/
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
declare const Nextcloud: ({ onSelect, multiple, roles, className, }: NextcloudProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export default Nextcloud;
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState, useCallback, useEffect, useMemo } from "react";
|
|
3
|
-
import { DocumentHelper } from "@edifice.io/client";
|
|
4
|
-
import clsx from "clsx";
|
|
5
|
-
import { useTranslation } from "react-i18next";
|
|
6
|
-
import { findNodeById } from "../../../components/Tree/utilities/tree.js";
|
|
7
|
-
import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
|
|
8
|
-
import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
|
|
9
|
-
import SvgIconSortTime from "../../icons/components/IconSortTime.js";
|
|
10
|
-
import illuError from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-error.svg";
|
|
11
|
-
import illuNoContentInFolder from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-no-content-in-folder.svg";
|
|
12
|
-
import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
|
|
13
|
-
import useUser from "../../../hooks/useUser/useUser.js";
|
|
14
|
-
import useToast from "../../../hooks/useToast/useToast.js";
|
|
15
|
-
import useNextcloudSearch from "../../../hooks/useNextcloudSearch/useNextcloudSearch.js";
|
|
16
|
-
import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
|
|
17
|
-
import Flex from "../../../components/Flex/Flex.js";
|
|
18
|
-
import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
|
|
19
|
-
import Button from "../../../components/Button/Button.js";
|
|
20
|
-
import { Grid } from "../../../components/Grid/Grid.js";
|
|
21
|
-
import Tree from "../../../components/Tree/components/Tree.js";
|
|
22
|
-
import SearchBar from "../../../components/SearchBar/SearchBar.js";
|
|
23
|
-
import Dropdown from "../../../components/Dropdown/Dropdown.js";
|
|
24
|
-
import NextcloudFileCard from "../FileCard/NextcloudFileCard.js";
|
|
25
|
-
const ROOT_ID = "root";
|
|
26
|
-
function compare(a, b) {
|
|
27
|
-
return a === b ? 0 : a === void 0 ? -1 : b === void 0 ? 1 : a.localeCompare(b);
|
|
28
|
-
}
|
|
29
|
-
const Nextcloud = ({
|
|
30
|
-
onSelect,
|
|
31
|
-
multiple = !0,
|
|
32
|
-
roles,
|
|
33
|
-
className
|
|
34
|
-
}) => {
|
|
35
|
-
const {
|
|
36
|
-
t
|
|
37
|
-
} = useTranslation(), {
|
|
38
|
-
user
|
|
39
|
-
} = useUser(), toast = useToast(), {
|
|
40
|
-
root,
|
|
41
|
-
needsAuth,
|
|
42
|
-
isCheckingAuth,
|
|
43
|
-
isAuthError,
|
|
44
|
-
refetchAuthStatus,
|
|
45
|
-
loadContent,
|
|
46
|
-
loadError
|
|
47
|
-
} = 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(void 0), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
|
|
48
|
-
setCurrentNodeId(nodeId), loadContent(nodeId);
|
|
49
|
-
}, [loadContent]);
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
needsAuth || loadContent(ROOT_ID);
|
|
52
|
-
}, [loadContent, needsAuth]);
|
|
53
|
-
const documents = useMemo(() => {
|
|
54
|
-
if (!currentNode.files) return;
|
|
55
|
-
const matchesRole = (doc) => {
|
|
56
|
-
if (!roles) return !0;
|
|
57
|
-
const role = DocumentHelper.role(doc.contentType, !1);
|
|
58
|
-
return Array.isArray(roles) ? roles.includes(role) : roles === role;
|
|
59
|
-
}, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f));
|
|
60
|
-
let sortFunction;
|
|
61
|
-
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);
|
|
62
|
-
}, [currentNode, searchTerm, sortOrder, roles]), selectedPaths = useMemo(() => new Set(selectedDocuments.map((d) => d.path)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
|
|
63
|
-
setSearchTerm(e.target.value);
|
|
64
|
-
}, [setSearchTerm]);
|
|
65
|
-
function getSortOrderLabel() {
|
|
66
|
-
return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
|
|
67
|
-
}
|
|
68
|
-
function handleSelectDoc(doc) {
|
|
69
|
-
let currentDocuments = [...selectedDocuments];
|
|
70
|
-
multiple ? currentDocuments.some((selectedDocument) => selectedDocument.path === doc.path) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.path !== doc.path) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
|
|
71
|
-
}
|
|
72
|
-
const nextcloud = clsx("workspace flex-grow-1 gap-0", className), openLoginPopup = () => {
|
|
73
|
-
popupRef.current = window.open(`${window.location.origin}/nextcloud/user/oauth2/init`, "", "popup, height=600, width=400"), popupRef.current || toast.error(t("nextcloud.auth.popupBlocked"));
|
|
74
|
-
};
|
|
75
|
-
return useEffect(() => {
|
|
76
|
-
function handleMessage(event) {
|
|
77
|
-
var _a;
|
|
78
|
-
event.origin !== window.location.origin || ((_a = event.data) == null ? void 0 : _a.type) !== "nextcloud-connected" || (popupRef.current && !popupRef.current.closed && popupRef.current.close(), refetchAuthStatus());
|
|
79
|
-
}
|
|
80
|
-
return window.addEventListener("message", handleMessage), () => window.removeEventListener("message", handleMessage);
|
|
81
|
-
}, [refetchAuthStatus]), isCheckingAuth ? /* @__PURE__ */ jsx(LoadingScreen, {}) : isAuthError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
|
|
82
|
-
/* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("nextcloud.error.title"), text: t("nextcloud.error.description") }),
|
|
83
|
-
/* @__PURE__ */ jsx(Button, { onClick: () => refetchAuthStatus(), children: t("retry") })
|
|
84
|
-
] }) : needsAuth ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
|
|
85
|
-
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", justify: "center", align: "center", children: [
|
|
86
|
-
/* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder }),
|
|
87
|
-
/* @__PURE__ */ jsx("h2", { className: "h2 text-secondary mb-8", children: t("nextcloud.auth.title") }),
|
|
88
|
-
/* @__PURE__ */ jsx("div", { className: "text", children: t("nextcloud.auth.description") })
|
|
89
|
-
] }),
|
|
90
|
-
/* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: t("nextcloud.auth.connect") })
|
|
91
|
-
] }) : /* @__PURE__ */ jsxs(Grid, { className: nextcloud, children: [
|
|
92
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
|
|
93
|
-
position: "sticky",
|
|
94
|
-
top: 0,
|
|
95
|
-
paddingTop: "1.2rem"
|
|
96
|
-
}, children: /* @__PURE__ */ jsx(Tree, { nodes: root, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
|
|
97
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
|
|
98
|
-
/* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
|
|
99
|
-
/* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
|
|
100
|
-
/* @__PURE__ */ jsxs(Flex, { className: "px-8 py-4", align: "center", justify: "end", children: [
|
|
101
|
-
/* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
|
|
102
|
-
/* @__PURE__ */ jsxs(Dropdown, { children: [
|
|
103
|
-
/* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
|
|
104
|
-
/* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
|
|
105
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
|
|
106
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
|
|
107
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
|
|
108
|
-
] })
|
|
109
|
-
] })
|
|
110
|
-
] })
|
|
111
|
-
] }),
|
|
112
|
-
/* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: loadError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
|
|
113
|
-
/* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("nextcloud.error.title"), text: t("nextcloud.error.description") }),
|
|
114
|
-
/* @__PURE__ */ jsx(Button, { onClick: () => loadContent(currentNodeId), children: t("retry") })
|
|
115
|
-
] }) : documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
|
|
116
|
-
const isSelected = selectedPaths.has(doc.path);
|
|
117
|
-
return /* @__PURE__ */ jsx(NextcloudFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.path);
|
|
118
|
-
}) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
|
|
119
|
-
] }) })
|
|
120
|
-
] });
|
|
121
|
-
};
|
|
122
|
-
export {
|
|
123
|
-
Nextcloud as default
|
|
124
|
-
};
|