@edifice.io/react 2.5.4 → 2.5.5-develop-b2school.20251218094734
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/AppIcon/index.d.ts +1 -0
- package/dist/components/Divider/Divider.d.ts +38 -0
- package/dist/components/Divider/Divider.js +11 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Flex/Flex.js +1 -1
- package/dist/components/Menu/components/MenuButton.d.ts +2 -0
- package/dist/components/Menu/components/MenuButton.js +13 -4
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +59 -0
- package/dist/components/SegmentedControl/SegmentedControl.js +21 -0
- package/dist/components/SegmentedControl/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +6 -2
- package/dist/components/Select/Select.js +10 -4
- package/dist/components/index.d.ts +2 -0
- package/dist/editor.js +40 -36
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useInfiniteScroll/index.d.ts +1 -0
- package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +33 -0
- package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js +20 -0
- package/dist/icons.js +300 -294
- package/dist/index.js +180 -170
- package/dist/modals.js +8 -6
- package/dist/modules/comments/components/Comment.js +4 -2
- package/dist/modules/comments/components/CommentList.js +1 -1
- package/dist/modules/comments/components/DeleteModal.js +14 -8
- package/dist/modules/editor/components/Editor/EditorPreview.d.ts +14 -0
- package/dist/modules/editor/components/Editor/EditorPreview.js +56 -0
- package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.d.ts +8 -0
- package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.js +24 -0
- package/dist/modules/editor/components/Editor/index.d.ts +2 -0
- package/dist/modules/editor/components/Renderer/MediaRenderer.js +2 -2
- package/dist/modules/editor/hooks/useResizeMedia.js +3 -3
- package/dist/modules/icons/components/IconClockAlert.d.ts +7 -0
- package/dist/modules/icons/components/IconClockAlert.js +17 -0
- package/dist/modules/icons/components/IconThumbDown.d.ts +7 -0
- package/dist/modules/icons/components/IconThumbDown.js +12 -0
- package/dist/modules/icons/components/IconThumbUp.d.ts +7 -0
- package/dist/modules/icons/components/IconThumbUp.js +12 -0
- package/dist/modules/icons/components/index.d.ts +3 -0
- package/dist/modules/modals/ShareModal/ShareBookmark.d.ts +1 -1
- package/dist/modules/modals/ShareModal/ShareBookmark.js +5 -2
- package/dist/modules/modals/ShareModal/ShareModal.d.ts +1 -11
- package/dist/modules/modals/ShareModal/ShareModal.js +13 -105
- package/dist/modules/modals/ShareModal/ShareResources.d.ts +174 -0
- package/dist/modules/modals/ShareModal/ShareResources.js +137 -0
- package/dist/modules/modals/ShareModal/hooks/useSearch.d.ts +2 -1
- package/dist/modules/modals/ShareModal/hooks/useSearch.js +3 -2
- package/dist/modules/modals/ShareModal/hooks/useShare.d.ts +12 -5
- package/dist/modules/modals/ShareModal/hooks/useShare.js +20 -13
- package/dist/modules/modals/ShareModal/hooks/useShareBookmark.d.ts +1 -1
- package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js +1 -1
- package/dist/modules/modals/ShareModal/index.d.ts +3 -1
- package/dist/modules/multimedia/FileCard/FileCard.js +1 -1
- package/dist/modules/multimedia/FileCard/FileIcon.js +1 -1
- package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js +4 -1
- package/dist/style.css +1 -1
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/react-query/index.d.ts +1 -0
- package/dist/utilities/react-query/react-query-utils.d.ts +21 -0
- package/dist/utilities/react-query/react-query-utils.js +13 -0
- package/package.json +6 -6
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
|
|
3
|
+
import { useTranslation } from "react-i18next";
|
|
4
|
+
import SvgIconBookmark from "../../icons/components/IconBookmark.js";
|
|
5
|
+
import SvgIconInfoCircle from "../../icons/components/IconInfoCircle.js";
|
|
6
|
+
import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
|
|
7
|
+
import { ShareBookmark } from "./ShareBookmark.js";
|
|
8
|
+
import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
|
|
9
|
+
import { useSearch } from "./hooks/useSearch.js";
|
|
10
|
+
import useShare from "./hooks/useShare.js";
|
|
11
|
+
import { useShareBookmark } from "./hooks/useShareBookmark.js";
|
|
12
|
+
import Heading from "../../../components/Heading/Heading.js";
|
|
13
|
+
import Tooltip from "../../../components/Tooltip/Tooltip.js";
|
|
14
|
+
import Combobox from "../../../components/Combobox/Combobox.js";
|
|
15
|
+
import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
|
|
16
|
+
import VisuallyHidden from "../../../components/VisuallyHidden/VisuallyHidden.js";
|
|
17
|
+
import Avatar from "../../../components/Avatar/Avatar.js";
|
|
18
|
+
import Checkbox from "../../../components/Checkbox/Checkbox.js";
|
|
19
|
+
import Button from "../../../components/Button/Button.js";
|
|
20
|
+
const ShareResources = /* @__PURE__ */ forwardRef(({
|
|
21
|
+
shareOptions,
|
|
22
|
+
shareResource,
|
|
23
|
+
onSuccess = () => {
|
|
24
|
+
},
|
|
25
|
+
onChange = () => {
|
|
26
|
+
},
|
|
27
|
+
onSubmit = () => {
|
|
28
|
+
},
|
|
29
|
+
classNameSearchInput = "col-6"
|
|
30
|
+
}, ref) => {
|
|
31
|
+
const {
|
|
32
|
+
resourceId,
|
|
33
|
+
resourceCreatorId,
|
|
34
|
+
resourceRights,
|
|
35
|
+
filteredActions,
|
|
36
|
+
shareUrls
|
|
37
|
+
} = shareOptions, [isLoading, setIsLoading] = useState(!0), [isSavingBookmark, setIsSavingBookmark] = useState(!1), {
|
|
38
|
+
state: {
|
|
39
|
+
isSharing,
|
|
40
|
+
shareRights,
|
|
41
|
+
shareRightActions
|
|
42
|
+
},
|
|
43
|
+
dispatch: shareDispatch,
|
|
44
|
+
myAvatar,
|
|
45
|
+
currentIsAuthor,
|
|
46
|
+
toggleRight,
|
|
47
|
+
handleShare,
|
|
48
|
+
handleDeleteRow,
|
|
49
|
+
isDirty
|
|
50
|
+
} = useShare({
|
|
51
|
+
resourceId,
|
|
52
|
+
resourceCreatorId,
|
|
53
|
+
resourceRights,
|
|
54
|
+
shareResource,
|
|
55
|
+
setIsLoading,
|
|
56
|
+
onSuccess,
|
|
57
|
+
filteredActions,
|
|
58
|
+
shareUrls
|
|
59
|
+
}), {
|
|
60
|
+
state: {
|
|
61
|
+
searchResults,
|
|
62
|
+
searchInputValue
|
|
63
|
+
},
|
|
64
|
+
showSearchAdmlHint,
|
|
65
|
+
showSearchLoading,
|
|
66
|
+
showSearchNoResults,
|
|
67
|
+
getSearchMinLength,
|
|
68
|
+
handleSearchInputChange,
|
|
69
|
+
handleSearchResultsChange
|
|
70
|
+
} = useSearch({
|
|
71
|
+
resourceId,
|
|
72
|
+
resourceCreatorId,
|
|
73
|
+
shareRights,
|
|
74
|
+
shareDispatch,
|
|
75
|
+
urlResourceRights: shareUrls == null ? void 0 : shareUrls.getResourceRights
|
|
76
|
+
}), {
|
|
77
|
+
refBookmark,
|
|
78
|
+
showBookmark,
|
|
79
|
+
handleBookmarkChange,
|
|
80
|
+
toggleBookmark,
|
|
81
|
+
bookmark,
|
|
82
|
+
handleOnSave,
|
|
83
|
+
showBookmarkInput,
|
|
84
|
+
toggleBookmarkInput
|
|
85
|
+
} = useShareBookmark({
|
|
86
|
+
shareRights,
|
|
87
|
+
shareDispatch
|
|
88
|
+
}), handleOnSaveBookmark = () => (setIsSavingBookmark(!0), handleOnSave().then(() => {
|
|
89
|
+
setIsSavingBookmark(!1);
|
|
90
|
+
}));
|
|
91
|
+
useImperativeHandle(ref, () => ({
|
|
92
|
+
handleShare
|
|
93
|
+
}), [handleShare]), useEffect(() => {
|
|
94
|
+
onChange(shareRights.rights, isDirty);
|
|
95
|
+
}, [isDirty, shareRights.rights, onChange]), useEffect(() => {
|
|
96
|
+
onSubmit(isSavingBookmark || isSharing);
|
|
97
|
+
}, [isSavingBookmark, isSharing, onSubmit]);
|
|
98
|
+
const {
|
|
99
|
+
t
|
|
100
|
+
} = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
|
|
101
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
102
|
+
/* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
|
|
103
|
+
/* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
|
|
104
|
+
/* @__PURE__ */ jsx(Tooltip, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsx(SvgIconInfoCircle, { className: "c-pointer", height: "18" }) })
|
|
105
|
+
] }),
|
|
106
|
+
/* @__PURE__ */ jsx("div", { className: "row mb-16", children: /* @__PURE__ */ jsx("div", { className: classNameSearchInput, children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
|
|
107
|
+
/* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0 rounded-3", children: [
|
|
108
|
+
/* @__PURE__ */ jsx("thead", { className: "bg-blue-200", children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
109
|
+
/* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
|
|
110
|
+
/* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
|
|
111
|
+
shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("th", { scope: "col", className: "text-center text-gray-800", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
|
|
112
|
+
/* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
|
|
113
|
+
] }) }),
|
|
114
|
+
/* @__PURE__ */ jsxs("tbody", { children: [
|
|
115
|
+
currentIsAuthor() && /* @__PURE__ */ jsxs("tr", { children: [
|
|
116
|
+
/* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: myAvatar, variant: "circle" }) }),
|
|
117
|
+
/* @__PURE__ */ jsx("td", { children: t("share.me") }),
|
|
118
|
+
shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
|
|
119
|
+
width: "80px"
|
|
120
|
+
}, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: !0, disabled: !0 }) }, shareRightAction.displayName)),
|
|
121
|
+
/* @__PURE__ */ jsx("td", {})
|
|
122
|
+
] }),
|
|
123
|
+
/* @__PURE__ */ jsx(ShareBookmarkLine, { showBookmark, shareRightActions, shareRights, onDeleteRow: handleDeleteRow, toggleRight, toggleBookmark })
|
|
124
|
+
] })
|
|
125
|
+
] }) }),
|
|
126
|
+
/* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
|
|
127
|
+
/* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
|
|
128
|
+
transition: "rotate 0.2s ease-out",
|
|
129
|
+
rotate: showBookmarkInput ? "-180deg" : "0deg"
|
|
130
|
+
} }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
|
|
131
|
+
showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSaveBookmark })
|
|
132
|
+
] })
|
|
133
|
+
] });
|
|
134
|
+
});
|
|
135
|
+
export {
|
|
136
|
+
ShareResources as default
|
|
137
|
+
};
|
|
@@ -3,11 +3,12 @@ import { ShareRightWithVisibles, ShareSubject } from '@edifice.io/client';
|
|
|
3
3
|
import { OptionListItemType } from '../../../../components';
|
|
4
4
|
import { ShareOptions } from '../ShareModal';
|
|
5
5
|
import { ShareAction } from './useShare';
|
|
6
|
-
export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, }: {
|
|
6
|
+
export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, urlResourceRights, }: {
|
|
7
7
|
resourceId: ShareOptions["resourceCreatorId"];
|
|
8
8
|
resourceCreatorId: ShareOptions["resourceCreatorId"];
|
|
9
9
|
shareRights: ShareRightWithVisibles;
|
|
10
10
|
shareDispatch: Dispatch<ShareAction>;
|
|
11
|
+
urlResourceRights?: string;
|
|
11
12
|
}) => {
|
|
12
13
|
state: {
|
|
13
14
|
searchInputValue: string;
|
|
@@ -58,7 +58,8 @@ const defaultActions = [{
|
|
|
58
58
|
resourceId,
|
|
59
59
|
resourceCreatorId,
|
|
60
60
|
shareRights,
|
|
61
|
-
shareDispatch
|
|
61
|
+
shareDispatch,
|
|
62
|
+
urlResourceRights
|
|
62
63
|
}) => {
|
|
63
64
|
const [state, dispatch] = useReducer(reducer, initialState), debouncedSearchInputValue = useDebounce(state.searchInputValue, 500), {
|
|
64
65
|
isAdml
|
|
@@ -82,7 +83,7 @@ const defaultActions = [{
|
|
|
82
83
|
type: "isSearching",
|
|
83
84
|
payload: !0
|
|
84
85
|
}), !isAdml && debouncedSearchInputValue2.length >= 1 || isAdml && debouncedSearchInputValue2.length >= 3) {
|
|
85
|
-
const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2);
|
|
86
|
+
const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2, urlResourceRights);
|
|
86
87
|
dispatch({
|
|
87
88
|
type: "addApiResult",
|
|
88
89
|
payload: resSearchShareSubjects
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from '@edifice.io/client';
|
|
2
|
-
import { ShareOptions, ShareResourceMutation } from '../
|
|
1
|
+
import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles, ShareUrls } from '@edifice.io/client';
|
|
2
|
+
import { ShareOptions, ShareResourceMutation } from '../ShareResources';
|
|
3
3
|
interface UseShareResourceModalProps {
|
|
4
4
|
/**
|
|
5
5
|
* Resource ID (assetId)
|
|
@@ -15,10 +15,15 @@ interface UseShareResourceModalProps {
|
|
|
15
15
|
resourceCreatorId: ShareOptions['resourceCreatorId'];
|
|
16
16
|
shareResource?: ShareResourceMutation;
|
|
17
17
|
onSuccess: () => void;
|
|
18
|
-
setIsLoading
|
|
18
|
+
setIsLoading?: (value: boolean) => void;
|
|
19
|
+
resourceShareRights?: ShareRightWithVisibles;
|
|
20
|
+
resourceShareRightActions?: ShareRightAction[];
|
|
21
|
+
filteredActions?: ShareRightActionDisplayName[];
|
|
22
|
+
shareUrls?: ShareUrls;
|
|
19
23
|
}
|
|
20
24
|
type State = {
|
|
21
25
|
isSharing: boolean;
|
|
26
|
+
isDirty?: boolean;
|
|
22
27
|
shareRights: ShareRightWithVisibles;
|
|
23
28
|
shareRightActions: ShareRightAction[];
|
|
24
29
|
};
|
|
@@ -38,9 +43,10 @@ export type ShareAction = {
|
|
|
38
43
|
type: 'isSharing';
|
|
39
44
|
payload: boolean;
|
|
40
45
|
};
|
|
41
|
-
export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, }: UseShareResourceModalProps): {
|
|
46
|
+
export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, filteredActions, shareUrls, }: UseShareResourceModalProps): {
|
|
42
47
|
state: {
|
|
43
48
|
isSharing: boolean;
|
|
49
|
+
isDirty?: boolean;
|
|
44
50
|
shareRights: ShareRightWithVisibles;
|
|
45
51
|
shareRightActions: ShareRightAction[];
|
|
46
52
|
};
|
|
@@ -48,7 +54,8 @@ export default function useShare({ resourceId, resourceRights, resourceCreatorId
|
|
|
48
54
|
currentIsAuthor: () => boolean;
|
|
49
55
|
myAvatar: string;
|
|
50
56
|
handleDeleteRow: (shareRight: ShareRight) => void;
|
|
51
|
-
handleShare: () => Promise<void>;
|
|
57
|
+
handleShare: (notify?: boolean) => Promise<void>;
|
|
52
58
|
toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
|
|
59
|
+
isDirty: boolean;
|
|
53
60
|
};
|
|
54
61
|
export {};
|
|
@@ -6,6 +6,7 @@ import useUser from "../../../../hooks/useUser/useUser.js";
|
|
|
6
6
|
import useToast from "../../../../hooks/useToast/useToast.js";
|
|
7
7
|
const initialState = {
|
|
8
8
|
isSharing: !1,
|
|
9
|
+
isDirty: !1,
|
|
9
10
|
shareRights: {
|
|
10
11
|
rights: [],
|
|
11
12
|
visibleBookmarks: [],
|
|
@@ -24,17 +25,20 @@ function reducer(state, action) {
|
|
|
24
25
|
case "deleteRow":
|
|
25
26
|
return {
|
|
26
27
|
...state,
|
|
27
|
-
shareRights: action.payload
|
|
28
|
+
shareRights: action.payload,
|
|
29
|
+
isDirty: !0
|
|
28
30
|
};
|
|
29
31
|
case "updateShareRights":
|
|
30
32
|
return {
|
|
31
33
|
...state,
|
|
32
|
-
shareRights: action.payload
|
|
34
|
+
shareRights: action.payload,
|
|
35
|
+
isDirty: !0
|
|
33
36
|
};
|
|
34
37
|
case "toggleRight":
|
|
35
38
|
return {
|
|
36
39
|
...state,
|
|
37
|
-
shareRights: action.payload
|
|
40
|
+
shareRights: action.payload,
|
|
41
|
+
isDirty: !0
|
|
38
42
|
};
|
|
39
43
|
case "isSharing":
|
|
40
44
|
return {
|
|
@@ -51,7 +55,9 @@ function useShare({
|
|
|
51
55
|
resourceCreatorId,
|
|
52
56
|
shareResource,
|
|
53
57
|
setIsLoading,
|
|
54
|
-
onSuccess
|
|
58
|
+
onSuccess,
|
|
59
|
+
filteredActions,
|
|
60
|
+
shareUrls
|
|
55
61
|
}) {
|
|
56
62
|
const {
|
|
57
63
|
appCode
|
|
@@ -64,18 +70,18 @@ function useShare({
|
|
|
64
70
|
useEffect(() => {
|
|
65
71
|
resourceId && (async () => {
|
|
66
72
|
try {
|
|
67
|
-
const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode), odeServices.share().getRightsForResource(appCode, resourceId)]);
|
|
73
|
+
const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode, shareUrls == null ? void 0 : shareUrls.getShareMapping), odeServices.share().getRightsForResource(appCode, resourceId, shareUrls)]), filteredShareRightActions = filteredActions ? shareRightActions.filter((action) => filteredActions.includes(action.id)) : shareRightActions;
|
|
68
74
|
dispatch({
|
|
69
75
|
type: "init",
|
|
70
76
|
payload: {
|
|
71
|
-
shareRightActions,
|
|
77
|
+
shareRightActions: filteredShareRightActions,
|
|
72
78
|
shareRights
|
|
73
79
|
}
|
|
74
80
|
});
|
|
75
81
|
} catch (error) {
|
|
76
82
|
console.error(error);
|
|
77
83
|
}
|
|
78
|
-
setIsLoading(!1);
|
|
84
|
+
setIsLoading == null || setIsLoading(!1);
|
|
79
85
|
})();
|
|
80
86
|
}, [resourceId]);
|
|
81
87
|
const toggleRight = (shareRight, actionName) => {
|
|
@@ -143,7 +149,7 @@ function useShare({
|
|
|
143
149
|
}
|
|
144
150
|
});
|
|
145
151
|
},
|
|
146
|
-
handleShare: async () => {
|
|
152
|
+
handleShare: async (notify = !0) => {
|
|
147
153
|
dispatch({
|
|
148
154
|
type: "isSharing",
|
|
149
155
|
payload: !0
|
|
@@ -169,12 +175,12 @@ function useShare({
|
|
|
169
175
|
resourceId,
|
|
170
176
|
rights: shares
|
|
171
177
|
});
|
|
172
|
-
notifySuccess(result);
|
|
178
|
+
notify && notifySuccess(result);
|
|
173
179
|
} else {
|
|
174
|
-
const result = await odeServices.share().saveRights(appCode, resourceId, shares);
|
|
175
|
-
notifySuccess(result);
|
|
180
|
+
const result = await odeServices.share().saveRights(appCode, resourceId, shares, shareUrls);
|
|
181
|
+
notify && notifySuccess(result);
|
|
176
182
|
}
|
|
177
|
-
onSuccess();
|
|
183
|
+
shareUrls != null && shareUrls.getResourceRights && odeServices.cache().clearCache(shareUrls.getResourceRights), onSuccess();
|
|
178
184
|
} catch (error) {
|
|
179
185
|
typeof error == "string" && toast.error(t("explorer.shared.status.error")), typeof error == "object" && toast.error(t((error == null ? void 0 : error.error) || "explorer.shared.status.error")), console.error("Failed to save share", error);
|
|
180
186
|
} finally {
|
|
@@ -184,7 +190,8 @@ function useShare({
|
|
|
184
190
|
});
|
|
185
191
|
}
|
|
186
192
|
},
|
|
187
|
-
toggleRight
|
|
193
|
+
toggleRight,
|
|
194
|
+
isDirty: !!state.isDirty
|
|
188
195
|
};
|
|
189
196
|
}
|
|
190
197
|
export {
|
|
@@ -16,7 +16,7 @@ export declare const useShareBookmark: ({ shareRights, shareDispatch, }: UseShar
|
|
|
16
16
|
bookmark: BookmarkProps;
|
|
17
17
|
handleBookmarkChange: () => void;
|
|
18
18
|
setBookmark: Dispatch<import('react').SetStateAction<BookmarkProps>>;
|
|
19
|
-
handleOnSave: () => void
|
|
19
|
+
handleOnSave: () => Promise<void>;
|
|
20
20
|
toggleBookmark: () => void;
|
|
21
21
|
toggleBookmarkInput: Dispatch<import('react').SetStateAction<boolean>>;
|
|
22
22
|
};
|
|
@@ -56,7 +56,7 @@ const useShareBookmark = ({
|
|
|
56
56
|
handleOnSave: () => {
|
|
57
57
|
var _a;
|
|
58
58
|
const inputValue = ((_a = refBookmark.current) == null ? void 0 : _a.value) || "";
|
|
59
|
-
saveBookmark(inputValue);
|
|
59
|
+
return saveBookmark(inputValue);
|
|
60
60
|
},
|
|
61
61
|
toggleBookmark,
|
|
62
62
|
toggleBookmarkInput
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export { default as ShareModal } from './ShareModal';
|
|
2
1
|
export { default as ShareBlog } from './apps/ShareBlog';
|
|
3
2
|
export { default as useShareMutation } from './hooks/useShareMutation';
|
|
3
|
+
export { default as ShareModal } from './ShareModal';
|
|
4
|
+
export * from './ShareResources';
|
|
5
|
+
export { default as ShareResources } from './ShareResources';
|
|
@@ -82,7 +82,7 @@ const FileCard = ({
|
|
|
82
82
|
};
|
|
83
83
|
return roleMappings[type2] || roleMappings.unknown;
|
|
84
84
|
}
|
|
85
|
-
const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
|
|
85
|
+
const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = doc.eType === "resource" ? doc.thumbnail : type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
|
|
86
86
|
ref
|
|
87
87
|
}), imageStyles = hasThumbnail && {
|
|
88
88
|
backgroundImage: `url(${mediaSrc})`,
|
|
@@ -5,7 +5,7 @@ const FileIcon = ({
|
|
|
5
5
|
type,
|
|
6
6
|
roleMap
|
|
7
7
|
}) => {
|
|
8
|
-
const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
|
|
8
|
+
const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute rounded-circle top-50 start-50 translate-middle", {
|
|
9
9
|
"p-12 rounded-circle shadow": hasShadow
|
|
10
10
|
}, roleMap == null ? void 0 : roleMap.color);
|
|
11
11
|
return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });
|
|
@@ -111,7 +111,10 @@ const InternalLinker = ({
|
|
|
111
111
|
}, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
|
|
112
112
|
/* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
|
|
113
113
|
showApplicationSelector && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
|
|
114
|
-
/* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label:
|
|
114
|
+
/* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: /* @__PURE__ */ jsxs("span", { className: "d-md-inline d-sm-none", children: [
|
|
115
|
+
" ",
|
|
116
|
+
t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose")
|
|
117
|
+
] }), variant: "ghost", size: "md" }),
|
|
115
118
|
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
|
|
116
119
|
] }) }),
|
|
117
120
|
/* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root .edifice{--ant-
|
|
1
|
+
:root .edifice{--ant-border-radius: var(--edifice-border-radius)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './react-query-utils';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { InvalidateQueryFilters, QueryClient } from '../../node_modules/@tanstack/react-query';
|
|
2
|
+
/**
|
|
3
|
+
* Invalidates queries and resets infinite query data to only contain the first page.
|
|
4
|
+
*
|
|
5
|
+
* This utility function is useful when you want to invalidate a query but also ensure
|
|
6
|
+
* that any infinite query data is reset to show only the first page, removing any
|
|
7
|
+
* previously loaded subsequent pages.
|
|
8
|
+
*
|
|
9
|
+
* @param queryClient - The TanStack Query client instance used to manage queries
|
|
10
|
+
* @param options - The invalidate query filters that specify which queries to invalidate
|
|
11
|
+
* @returns The result of the invalidateQueries operation, or undefined if no queryKey is provided
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```typescript
|
|
15
|
+
* // Invalidate user queries and reset to first page only
|
|
16
|
+
* invalidateQueriesWithFirstPage(queryClient, {
|
|
17
|
+
* queryKey: ['users']
|
|
18
|
+
* });
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export declare function invalidateQueriesWithFirstPage(queryClient: QueryClient, options: InvalidateQueryFilters): Promise<void> | undefined;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function invalidateQueriesWithFirstPage(queryClient, options) {
|
|
2
|
+
if (options.queryKey)
|
|
3
|
+
return queryClient.setQueriesData({
|
|
4
|
+
queryKey: options.queryKey
|
|
5
|
+
}, (oldData) => oldData != null && oldData.pages ? {
|
|
6
|
+
...oldData,
|
|
7
|
+
pages: [oldData.pages[0]],
|
|
8
|
+
pageParams: [oldData.pageParams[0]]
|
|
9
|
+
} : oldData), queryClient.invalidateQueries(options);
|
|
10
|
+
}
|
|
11
|
+
export {
|
|
12
|
+
invalidateQueriesWithFirstPage
|
|
13
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edifice.io/react",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.5-develop-b2school.20251218094734",
|
|
4
4
|
"description": "Edifice React Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -133,9 +133,9 @@
|
|
|
133
133
|
"react-slugify": "^3.0.3",
|
|
134
134
|
"swiper": "^10.1.0",
|
|
135
135
|
"ua-parser-js": "^1.0.36",
|
|
136
|
-
"@edifice.io/bootstrap": "2.5.
|
|
137
|
-
"@edifice.io/tiptap-extensions": "2.5.
|
|
138
|
-
"@edifice.io/utilities": "2.5.
|
|
136
|
+
"@edifice.io/bootstrap": "2.5.5-develop-b2school.20251218094734",
|
|
137
|
+
"@edifice.io/tiptap-extensions": "2.5.5-develop-b2school.20251218094734",
|
|
138
|
+
"@edifice.io/utilities": "2.5.5-develop-b2school.20251218094734"
|
|
139
139
|
},
|
|
140
140
|
"devDependencies": {
|
|
141
141
|
"@babel/plugin-transform-react-pure-annotations": "^7.23.3",
|
|
@@ -166,8 +166,8 @@
|
|
|
166
166
|
"vite": "^5.4.11",
|
|
167
167
|
"vite-plugin-dts": "^4.1.0",
|
|
168
168
|
"vite-tsconfig-paths": "^5.0.1",
|
|
169
|
-
"@edifice.io/client": "2.5.
|
|
170
|
-
"@edifice.io/config": "2.5.
|
|
169
|
+
"@edifice.io/client": "2.5.5-develop-b2school.20251218094734",
|
|
170
|
+
"@edifice.io/config": "2.5.5-develop-b2school.20251218094734"
|
|
171
171
|
},
|
|
172
172
|
"peerDependencies": {
|
|
173
173
|
"@react-spring/web": "^9.7.5",
|