@edifice.io/react 2.5.4-develop-pedago.20251218111023 → 2.5.4-develop-pedago.20260108110738

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.
Files changed (56) hide show
  1. package/dist/components/AppIcon/index.d.ts +1 -0
  2. package/dist/components/Divider/Divider.d.ts +38 -0
  3. package/dist/components/Divider/Divider.js +11 -0
  4. package/dist/components/Divider/index.d.ts +2 -0
  5. package/dist/components/Flex/Flex.js +1 -1
  6. package/dist/components/Menu/components/MenuButton.d.ts +2 -0
  7. package/dist/components/Menu/components/MenuButton.js +13 -4
  8. package/dist/components/SegmentedControl/SegmentedControl.d.ts +59 -0
  9. package/dist/components/SegmentedControl/SegmentedControl.js +21 -0
  10. package/dist/components/SegmentedControl/index.d.ts +2 -0
  11. package/dist/components/Select/Select.d.ts +6 -2
  12. package/dist/components/Select/Select.js +10 -4
  13. package/dist/components/index.d.ts +2 -0
  14. package/dist/editor.js +40 -36
  15. package/dist/hooks/index.d.ts +1 -0
  16. package/dist/hooks/useDropzone/useDropzone.d.ts +2 -2
  17. package/dist/hooks/useDropzone/useDropzone.js +20 -5
  18. package/dist/hooks/useInfiniteScroll/index.d.ts +1 -0
  19. package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +33 -0
  20. package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js +20 -0
  21. package/dist/icons.js +300 -298
  22. package/dist/index.js +184 -174
  23. package/dist/modals.js +8 -6
  24. package/dist/modules/comments/components/Comment.js +4 -2
  25. package/dist/modules/comments/components/CommentList.js +1 -1
  26. package/dist/modules/comments/components/DeleteModal.js +14 -8
  27. package/dist/modules/editor/components/Editor/EditorPreview.d.ts +14 -0
  28. package/dist/modules/editor/components/Editor/EditorPreview.js +56 -0
  29. package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.d.ts +8 -0
  30. package/dist/modules/editor/components/Editor/EditorPreviewSkeleton.js +24 -0
  31. package/dist/modules/editor/components/Editor/index.d.ts +2 -0
  32. package/dist/modules/editor/components/Renderer/AttachmentRenderer.js +1 -1
  33. package/dist/modules/editor/hooks/useMediaLibraryEditor.js +4 -3
  34. package/dist/modules/icons/components/IconClockAlert.d.ts +7 -0
  35. package/dist/modules/icons/components/IconClockAlert.js +17 -0
  36. package/dist/modules/icons/components/index.d.ts +1 -0
  37. package/dist/modules/modals/ShareModal/ShareBookmark.d.ts +1 -1
  38. package/dist/modules/modals/ShareModal/ShareBookmark.js +5 -2
  39. package/dist/modules/modals/ShareModal/ShareModal.d.ts +1 -11
  40. package/dist/modules/modals/ShareModal/ShareModal.js +13 -105
  41. package/dist/modules/modals/ShareModal/ShareResources.d.ts +174 -0
  42. package/dist/modules/modals/ShareModal/ShareResources.js +137 -0
  43. package/dist/modules/modals/ShareModal/hooks/useSearch.d.ts +2 -1
  44. package/dist/modules/modals/ShareModal/hooks/useSearch.js +3 -2
  45. package/dist/modules/modals/ShareModal/hooks/useShare.d.ts +12 -5
  46. package/dist/modules/modals/ShareModal/hooks/useShare.js +20 -13
  47. package/dist/modules/modals/ShareModal/hooks/useShareBookmark.d.ts +1 -1
  48. package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js +1 -1
  49. package/dist/modules/modals/ShareModal/index.d.ts +3 -1
  50. package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js +1 -1
  51. package/dist/style.css +1 -1
  52. package/dist/utilities/index.d.ts +1 -0
  53. package/dist/utilities/react-query/index.d.ts +1 -0
  54. package/dist/utilities/react-query/react-query-utils.d.ts +21 -0
  55. package/dist/utilities/react-query/react-query-utils.js +13 -0
  56. package/package.json +7 -6
@@ -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 '../ShareModal';
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: (value: boolean) => void;
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';
@@ -14,7 +14,7 @@ const acceptedTypes = (type) => {
14
14
  acceptedTypes2.push("video/*");
15
15
  break;
16
16
  case "image":
17
- acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif");
17
+ acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif"), acceptedTypes2.push("image/heic");
18
18
  break;
19
19
  }
20
20
  return acceptedTypes2;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root .edifice{--ant-color-primary: var(--edifice-primary);--ant-color-success: var(--edifice-success);--ant-color-warning: var(--edifice-warning);--ant-blue: var(--edifice-blue);--ant-purple: var(--edifice-purple);--ant-cyan: var(--edifice-cyan);--ant-green: var(--edifice-green);--ant-magenta: var(--edifice-magenta);--ant-pink: var(--edifice-pink);--ant-red: var(--edifice-red);--ant-orange: var(--edifice-orange);--ant-yellow: var(--edifice-yellow);--ant-color-text-base: var(--edifice-body-color);--ant-color-bg-base: var(--edifice-body-bg)}
1
+ :root .edifice{--ant-border-radius: var(--edifice-border-radius)}
@@ -1,3 +1,4 @@
1
1
  export * from './check-user-rights';
2
2
  export * from './emptyscreen-mapping';
3
+ export * from './react-query';
3
4
  export * from './refs';
@@ -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.4-develop-pedago.20251218111023",
3
+ "version": "2.5.4-develop-pedago.20260108110738",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -123,6 +123,7 @@
123
123
  "clsx": "^2.1.1",
124
124
  "dayjs": "1.11.10",
125
125
  "emoji-picker-react": "4.5.2",
126
+ "heic2any": "0.0.4",
126
127
  "html-react-parser": "4.2.1",
127
128
  "ohash": "1.1.3",
128
129
  "pako": "2.1.0",
@@ -133,9 +134,9 @@
133
134
  "react-slugify": "^3.0.3",
134
135
  "swiper": "^10.1.0",
135
136
  "ua-parser-js": "^1.0.36",
136
- "@edifice.io/bootstrap": "2.5.4-develop-pedago.20251218111023",
137
- "@edifice.io/utilities": "2.5.4-develop-pedago.20251218111023",
138
- "@edifice.io/tiptap-extensions": "2.5.4-develop-pedago.20251218111023"
137
+ "@edifice.io/bootstrap": "2.5.4-develop-pedago.20260108110738",
138
+ "@edifice.io/tiptap-extensions": "2.5.4-develop-pedago.20260108110738",
139
+ "@edifice.io/utilities": "2.5.4-develop-pedago.20260108110738"
139
140
  },
140
141
  "devDependencies": {
141
142
  "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -166,8 +167,8 @@
166
167
  "vite": "^5.4.11",
167
168
  "vite-plugin-dts": "^4.1.0",
168
169
  "vite-tsconfig-paths": "^5.0.1",
169
- "@edifice.io/client": "2.5.4-develop-pedago.20251218111023",
170
- "@edifice.io/config": "2.5.4-develop-pedago.20251218111023"
170
+ "@edifice.io/client": "2.5.4-develop-pedago.20260108110738",
171
+ "@edifice.io/config": "2.5.4-develop-pedago.20260108110738"
171
172
  },
172
173
  "peerDependencies": {
173
174
  "@react-spring/web": "^9.7.5",