@edifice.io/react 2.5.18 → 2.5.19-develop-pedago.20260513133752

package/dist/components/Card/Card.js

@@ -39,7 +39,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx(Card.Header, {}),
     typeof children == "function" ? children(appCode) : children
   ] }) });
-}), Card = /* @__PURE__ */ Object.assign(Root, {
+}), Card = Object.assign(Root, {
   Title: CardTitle,
   Text: CardText,
   Image: CardImage,

package/dist/components/Combobox/Combobox.js

@@ -53,7 +53,7 @@ const ComboboxComponent = /* @__PURE__ */ forwardRef(({
     }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
   ] });
-}), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
+}), Combobox = Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger
 });
 export {

package/dist/components/Dropdown/Dropdown.js

@@ -81,7 +81,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   return useEffect(() => {
     onToggle == null || onToggle(visible), visible || setSearchQuery("");
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = /* @__PURE__ */ Object.assign(Root, {
+}), Dropdown = Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,

package/dist/components/Form/FormControl.js

@@ -22,7 +22,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     status
   }), [id, isOptional, isReadOnly, isRequired, status]);
   return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
-}), FormControl = /* @__PURE__ */ Object.assign(Root, {
+}), FormControl = Object.assign(Root, {
   Label,
   Input,
   Text: FormText

package/dist/components/Layout/components/Header.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import SvgIconRafterDown from "../../../modules/icons/components/IconRafterDown.js";
+import SvgIconCommunities from "../../../modules/icons/components/nav/IconCommunities.js";
 import SvgIconCommunity from "../../../modules/icons/components/nav/IconCommunity.js";
 import SvgIconDisconnect from "../../../modules/icons/components/nav/IconDisconnect.js";
 import SvgIconHome from "../../../modules/icons/components/nav/IconHome.js";
@@ -67,6 +68,7 @@ const Header = ({
     userName,
     welcomeUser,
     communityWorkflow,
+    communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
@@ -97,6 +99,7 @@ const Header = ({
           /* @__PURE__ */ jsx(SvgIconOneMessaging, { className: "icon notification" }),
           /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
         ] }) }),
+        communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/communities", translate: t("navbar.community"), children: /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities text-purple-500" }) }) }),
         /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(SvgIconOneProfile, { className: "icon user" }) }) }),
         currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
           /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
@@ -177,6 +180,10 @@ const Header = ({
             /* @__PURE__ */ jsx(SvgIconCommunity, { className: "icon community" }),
             /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
           ] }) }),
+          communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities" }),
+            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
+          ] }) }),
           searchWorkflow ? /* @__PURE__ */ jsx(SearchEngine, {}) : null,
           /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
             /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }),

package/dist/components/Layout/components/WidgetApps.js

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
   return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
     !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
   ] });
 };
 export {

package/dist/components/Layout/hooks/useHeader.js

@@ -14,7 +14,7 @@ function useHeader({
     t
   } = useTranslation(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
     username: user == null ? void 0 : user.firstName
-  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
+  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), communitiesWorkflow = useHasWorkflow("community.access"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
     setIsCollapsed(!isCollapsed);
   }, [isCollapsed]);
   return useMemo(() => ({
@@ -28,11 +28,12 @@ function useHeader({
     userName,
     welcomeUser,
     communityWorkflow,
+    communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
     toggleCollapsedNav
-  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+  }), [appsRef, bookmarkedApps, communitiesWorkflow, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
 }
 export {
   useHeader as default

package/dist/components/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = /* @__PURE__ */ Object.assign(Root, {
+}), Modal = Object.assign(Root, {
   Header: ModalHeader,
   Subtitle: ModalSubtitle,
   Body: ModalBody,

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -3,7 +3,7 @@ const Root = ({
   children
 }) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
   e.stopPropagation();
-}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
+}, children }), PreventPropagation = Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = /* @__PURE__ */ Object.assign(Root, {
+}, PromotionCard = Object.assign(Root, {
   Header: PromotionCardHeader,
   Body: PromotionCardBody,
   Icon: PromotionCardIcon,

package/dist/components/SearchBar/SearchBar.d.ts

@@ -3,7 +3,7 @@ import { Size } from '../../types';
 /**
  * Base props shared by both SearchBar variants
  */
-export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     /**
      * String or template literal key for i18next translation
      */
@@ -67,7 +67,7 @@ type DynamicSearchBar = {
 /**
  * Props for the SearchBar component
  */
-export type Props = DefaultSearchBar | DynamicSearchBar;
+type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
 /**
  * SearchBar component to handle dynamic or static search input

package/dist/components/Table/components/Table.js

@@ -13,7 +13,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   overflowY: "auto"
 } : {}, children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", style: {
   overflow: maxHeight ? "visible" : "hidden"
-}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
+}, children }) })), Table = Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

package/dist/components/UserRightsList/UserRightsBookmarkRow.js

@@ -21,7 +21,7 @@ const UserRightsBookmarkRow = ({
   return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-bookmark-row", children: [
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(SvgIconBookmark, {}) }),
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", className: "fw-normal ps-0", "aria-expanded": bookmark.isExpanded, rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: bookmark.isExpanded ? t("hide") : t("show"), className: "w-16 min-w-0", style: getRotateTransitionStyle(bookmark.isExpanded) }), onClick: () => onToggleExpand(bookmark.id), children: bookmark.name }) }),
-    Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly, "aria-label": `${bookmark.name} - ${rightName}`, "data-testid": `user-rights-list-bookmark-${rightName}-checkbox` }) }, rightName)),
+    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${bookmark.name} - ${rightName}`, "data-testid": `user-rights-list-bookmark-${rightName}-checkbox` }) }, rightName)),
     /* @__PURE__ */ jsx("td", { children: !isReadOnly && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-bookmark-close-button", color: "tertiary", onClick: () => onDelete(bookmark.id), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${bookmark.name}`, variant: "ghost" }) })
   ] });
 };

package/dist/components/UserRightsList/UserRightsItem.js

@@ -27,7 +27,7 @@ const UserRightsItem = ({
   return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-item-row", className: rowClassName, "aria-label": bookmarkName ? `${item.displayName} - ${bookmarkName}` : void 0, children: [
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Avatar, { src: getAvatarURL(item.recipientId, item.recipientType), size: "xs", alt: item.displayName, variant: "circle" }) }),
     /* @__PURE__ */ jsx("td", { children: item.displayName }),
-    Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: () => handleChange(rightName), disabled: isReadOnly, "aria-label": `${item.displayName} - ${rightName}` }) }, rightName)),
+    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: isReadOnly || rightDef.isReadOnlyCheckbox ? void 0 : () => handleChange(rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${item.displayName} - ${rightName}` }) }, rightName)),
     /* @__PURE__ */ jsx("td", { children: !isReadOnly && isDeletable && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-close-button", color: "tertiary", onClick: () => handleDeleteItem(), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${item.displayName}`, variant: "ghost", type: "button" }) })
   ] });
 };

package/dist/components/UserRightsList/UserRightsList.js

@@ -68,7 +68,7 @@ const UserRightsList = /* @__PURE__ */ forwardRef(({
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
         /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
         /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
-        Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("th", { children: rightName }, rightName)),
+        Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("th", { children: rightDef.displayName ?? rightName }, rightName)),
         !isReadOnly && /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
       ] }) }),
       /* @__PURE__ */ jsxs("tbody", { children: [

package/dist/components/UserRightsList/types/types.d.ts

@@ -6,8 +6,13 @@ export type ResourceRightDefinition = {
     default: boolean;
     requires: ResourceRightName[];
     excludes: ResourceRightName[];
+    displayName?: string;
+    isReadOnlyCheckbox?: boolean;
 };
-export type ResourceRights = Record<ResourceRightName, ResourceRightDefinition>;
+type AtLeastOne<T extends object> = Partial<T> & {
+    [K in keyof T]: Pick<T, K>;
+}[keyof T];
+export type ResourceRights = AtLeastOne<Record<ResourceRightName, ResourceRightDefinition>>;
 export interface BookmarkUser {
     id: string;
     displayName: string;

package/dist/hooks/useConf/useConf.d.ts

@@ -1,4 +1,4 @@
 import { App, IGetConf } from '@edifice.io/client';
 export default function useConf({ appCode }: {
     appCode: App;
-}): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;
+}): import('@tanstack/react-query').UseQueryResult<IGetConf, Error>;

package/dist/hooks/useDropdown/useDropdown.js

@@ -72,6 +72,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       case "Space":
         if (!openOnSpace)
           break;
+        openDropdown(), flag = !0;
+        break;
       case "Enter":
       case "ArrowDown":
       case "Down":

package/dist/hooks/useSession/useSession.d.ts

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;
+export default function useSession(): import('@tanstack/react-query').UseQueryResult<IGetSession, Error>;

package/dist/hooks/useThumbnail/useThumbnail.d.ts

@@ -10,5 +10,5 @@ type LazyLoadOptions = {
  *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)
  * @return `true` if `src` is available, or false otherwise, or `null` while not tested.
  */
-export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
+export default function useThumbnail(src: string | null | undefined, options?: LazyLoadOptions): boolean | null;
 export {};

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -13,6 +13,10 @@ function useThumbnail(src, options) {
     (_a = options == null ? void 0 : options.ref) != null && _a.current && (inViewRef == null || inViewRef(options.ref.current));
   }, [options == null ? void 0 : options.ref, inViewRef]), useEffect(() => {
     if ((options == null ? void 0 : options.ref) === void 0 || inView) {
+      if (!src) {
+        setStatus(!1);
+        return;
+      }
       const img = new Image();
       return img.src = src, img.onload = () => {
         setStatus(!0);
@@ -22,7 +26,7 @@ function useThumbnail(src, options) {
         img.onload = null, img.onerror = null, setStatus(null);
       };
     }
-  }, [inView]), status;
+  }, [inView, src]), status;
 }
 export {
   useThumbnail as default

package/dist/hooks/useUpload/useUpload.js

@@ -87,11 +87,8 @@ const useUpload = (visibility, application = "media-library") => {
         children: [],
         created: /* @__PURE__ */ new Date(),
         _shared: [],
-        _isShared: !1,
-        owner: {
-          userId: "",
-          displayName: ""
-        }
+        isShared: !1,
+        owner: ""
       };
     throw uploadResponse.state === "error" ? new Error(uploadResponse.code || "Error while uploading video") : new Error("Video encoding is still running");
   };

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.d.ts

@@ -0,0 +1,12 @@
+import { WorkspaceElement } from '@edifice.io/client';
+export interface CreateFolderParams {
+    folderName: string;
+    folderParentId?: string;
+}
+declare function useWorkspaceFolders(): {
+    folders: WorkspaceElement[];
+    createFolderMutation: import('@tanstack/react-query').UseMutationResult<any, Error, CreateFolderParams, unknown>;
+    canCopyFileIntoFolder: (folderId: string) => boolean;
+    isLoading: boolean;
+};
+export default useWorkspaceFolders;

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js

@@ -1,8 +1,8 @@
 import { odeServices } from "@edifice.io/client";
 import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import { useMemo, useCallback } from "react";
-import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import useToast from "../useToast/useToast.js";
 function useWorkspaceFolders() {
   const queryClient = useQueryClient(), {

package/dist/modules/editor/components/Editor/EditorPreview.js

@@ -48,7 +48,7 @@ const EditorPreview = ({
       }), children: t("editor.preview.moreMedia", {
         mediaCount: medias.length - (index + 1)
       }) })
-    ] }, media.url)) })
+    ] }, `${index}-${media.url}`)) })
   ] });
 };
 export {

package/dist/modules/icons/components/nav/IconCommunities.js

@@ -5,7 +5,7 @@ const SvgIconCommunities = ({
   ...props
 }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
   title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M25.807 33.165c4.726.17 8 3.997 8 8.5 0 .984-.795 1.775-1.775 1.775H18.977a1.774 1.774 0 0 1-1.776-1.775v-.201h-.004a8.303 8.303 0 0 1 8.61-8.299M8.61 24.451c4.726.17 8.001 3.997 8.001 8.5 0 .984-.796 1.776-1.775 1.776H1.776A1.774 1.774 0 0 1 0 32.95v-.201a8.303 8.303 0 0 1 8.61-8.299M41.61 24.006c4.499.162 8.001 3.996 8.001 8.5 0 .984-.796 1.775-1.775 1.775H34.779a1.774 1.774 0 0 1-1.775-1.775v-.201H33a8.303 8.303 0 0 1 8.61-8.3M25.142 20a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285M8.308 11.627a5.141 5.141 0 1 1 0 10.282 5.141 5.141 0 0 1 0-10.282M41.691 11.627a5.142 5.142 0 1 1 .001 10.284 5.142 5.142 0 0 1 0-10.284M24.997 5.557a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285" })
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M25.807 33.165c4.726.17 8 3.997 8 8.5 0 .984-.795 1.775-1.775 1.775H18.977a1.774 1.774 0 0 1-1.776-1.775v-.201h-.004a8.303 8.303 0 0 1 8.61-8.299M8.61 24.451c4.726.17 8.001 3.997 8.001 8.5 0 .984-.796 1.776-1.775 1.776H1.776A1.774 1.774 0 0 1 0 32.95v-.201a8.303 8.303 0 0 1 8.61-8.299M41.61 24.006c4.499.162 8.001 3.996 8.001 8.5 0 .984-.796 1.775-1.775 1.775H34.779a1.774 1.774 0 0 1-1.775-1.775v-.201H33a8.303 8.303 0 0 1 8.61-8.3M25.142 20a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285M8.308 11.627a5.141 5.141 0 1 1 0 10.282 5.141 5.141 0 0 1 0-10.282M41.691 11.627a5.142 5.142 0 1 1 .001 10.284 5.142 5.142 0 0 1 0-10.284M24.997 5.557a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285" })
 ] });
 export {
   SvgIconCommunities as default

package/dist/modules/modals/ResourceModal/ResourceModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { CreateParameters, CreateResult, ID, IFolder, UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
+import { UseMutationResult } from '@tanstack/react-query';
 export interface FormInputs {
     title: string;
     description: string;

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -157,7 +157,7 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
       /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", isLoading: isSubmitting, variant: "filled", disabled: !isValid || isSubmitting, children: isCreating ? customT.create ?? t("explorer.create") : customT.save ?? t("save") })
     ] }),
     /* @__PURE__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
-  ] }), document.getElementById("portal"));
+  ] }), document.getElementById("portal") || document.body);
 };
 export {
   ResourceModal

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.d.ts

@@ -1,5 +1,5 @@
 import { UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
 declare const useUpdateMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<UpdateResult, Error, UpdateParameters>;

package/dist/modules/modals/ShareModal/ShareResources.d.ts

@@ -1,5 +1,5 @@
 import { ID, PutShareResponse, RightStringified, ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareUrls } from '@edifice.io/client';
-import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
+import { UseMutationResult } from '@tanstack/react-query';
 /**
  * Configuration options for sharing a resource
  *
@@ -118,21 +118,11 @@ interface ShareResourceProps {
     classNameSearchInput?: string;
 }
 /**
- * Ref interface exposed by ShareResources component
+ * Ref interface exposed by ShareResources component.
+ * Use useRef with this type and call ref.current?.handleShare() to trigger share programmatically.
  *
  * @interface ShareResourcesRef
  * @property {() => void} handleShare - Method to trigger the share operation
- *
- * @example
- * ```tsx
- * const ref = useRef<ShareResourcesRef>(null);
- *
- * // Trigger share programmatically
- * ref.current?.handleShare();
- *
- * // Check sharing status
- * const sharing = ref.current?.isSharing();
- * ```
  */
 export interface ShareResourcesRef {
     handleShare: (notify?: boolean) => void;
@@ -142,46 +132,7 @@ export interface ShareResourcesRef {
  *
  * A component for managing resource sharing permissions with users and groups.
  * Provides search functionality, bookmark management, and granular rights control.
- *
- * @example
- * ```tsx
- * import { useRef } from 'react';
- * import ShareResources, { ShareResourcesRef, ShareOptions } from './ShareResources';
- *
- * function MyComponent() {
- *   const shareRef = useRef<ShareResourcesRef>(null);
- *
- *   const shareOptions: ShareOptions = {
- *     resourceId: '123',
- *     resourceRights: [],
- *     resourceCreatorId: 'user-456',
- *     filteredActions: ['read', 'contrib'],
- *     urls: {
- *       getResourceRights: '/api/share/rights',
- *       putResourceRights: '/api/share/update'
- *     }
- *   };
- *
- *   const handleSave = () => {
- *     if (shareRef.current) {
- *       shareRef.current.handleShare();
- *     }
- *   };
- *
- *   return (
- *     <>
- *       <ShareResources
- *         ref={shareRef}
- *         shareOptions={shareOptions}
- *         onSuccess={() => console.log('Shared successfully')}
- *         onChange={(rights, isDirty) => console.log('Rights changed:', isDirty)}
- *         onSubmit={(isSubmitting) => console.log('Submitting share...', isSubmitting)}
- *       />
- *       <button onClick={handleSave}>Save Changes</button>
- *     </>
- *   );
- * }
- * ```
+ * Use forwardRef to get a ref with handleShare(). See ShareResourcesRef interface.
  *
  * @component
  * @forwardRef

package/dist/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -1,5 +1,5 @@
 import { ID, UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
+import { UseMutationResult } from '@tanstack/react-query';
 export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
 export interface ShareBlogProps {
     resourceId: ID;

package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js

@@ -35,7 +35,8 @@ const useShareBookmark = ({
           ...shareRights,
           visibleBookmarks: [...shareRights.visibleBookmarks, {
             displayName: name,
-            id: res.id
+            id: res.id,
+            notVisibleCount: 0
           }]
         }
       }), setBookmark((prev) => ({

package/dist/modules/modals/ShareModal/hooks/useShareMutation.d.ts

@@ -1,5 +1,5 @@
 import { PutShareResponse, ShareRight } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
 declare const useShareMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<PutShareResponse, Error, {

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Stage } from "@pixi/react";
+import { useState, useEffect, useRef, useCallback } from "react";
+import * as PIXI from "pixi.js";
 import { useTranslation } from "react-i18next";
 import useImageEditor from "../hooks/useImageEditor.js";
 import ImageEditorToolbar from "./ImageEditorToolbar.js";
@@ -21,7 +21,11 @@ const ImageEditor = ({
 }) => {
   const {
     t
-  } = useTranslation(), [currentOperation, setCurrentOperation] = useState(void 0), [isSaving, setSaving] = useState(!1), [altText, setAltText] = useState(altTextParam ?? ""), [legend, setLegend] = useState(legendParam ?? ""), [dirty, setDirty] = useState(!1), {
+  } = useTranslation(), [currentOperation, setCurrentOperation] = useState(void 0), [isSaving, setSaving] = useState(!1), [altText, setAltText] = useState(altTextParam ?? ""), [legend, setLegend] = useState(legendParam ?? ""), [dirty, setDirty] = useState(!1);
+  useEffect(() => {
+    setAltText(altTextParam ?? ""), setLegend(legendParam ?? ""), setDirty(!1);
+  }, [altTextParam, legendParam]);
+  const {
     toBlob,
     setApplication,
     startBlur,
@@ -36,7 +40,21 @@ const ImageEditor = ({
     loading
   } = useImageEditor({
     imageSrc
-  }), stopAll = () => {
+  }), appRef = useRef(null), containerRef = useCallback((node) => {
+    if (node && !appRef.current) {
+      const app = new PIXI.Application();
+      appRef.current = app, app.init({
+        backgroundAlpha: 0,
+        resolution: 1,
+        preserveDrawingBuffer: !0
+      }).then(() => {
+        appRef.current === app && (node.appendChild(app.canvas), setApplication(app));
+      }).catch(() => {
+        appRef.current === app && (appRef.current = null);
+      });
+    }
+    !node && appRef.current && (appRef.current.destroy(!0), appRef.current = null);
+  }, [setApplication]), stopAll = () => {
     stopBlur(), stopCrop(currentOperation === "CROP"), stopResize(currentOperation === "RESIZE");
   }, handleSave = async () => {
     try {
@@ -83,12 +101,8 @@ const ImageEditor = ({
     /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
       /* @__PURE__ */ jsx(ImageEditorToolbar, { handle: handleOperation, historyCount }),
       /* @__PURE__ */ jsxs("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
-        /* @__PURE__ */ jsx(Stage, { onMount: (app) => setApplication(app), options: {
-          preserveDrawingBuffer: !0,
-          backgroundAlpha: 0,
-          resolution: 1
-        } }),
-        !!loading && /* @__PURE__ */ jsx("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ jsx(LoadingScreen, {}) })
+        /* @__PURE__ */ jsx("div", { ref: containerRef, className: "d-flex justify-content-center w-100" }),
+        loading && /* @__PURE__ */ jsx("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ jsx(LoadingScreen, {}) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
         /* @__PURE__ */ jsxs(FormControl, { id: "alt", className: "flex-grow-1", children: [

package/dist/modules/multimedia/ImageEditor/effects/blur.d.ts

@@ -1,18 +1,20 @@
 import * as PIXI from 'pixi.js';
 /**
- * This function start the blur controler
+ * This function starts the blur controller:
  * - drawing cursor
  * - listening mouse move to move cursor
- * - listening
+ * - listening pointer events to apply blur
  *
- * @param application
- * @param param1
+ * @param application The PIXI.Application context
+ * @param spriteName The name of the sprite identifying the original image
  */
 export declare function start(application: PIXI.Application, { spriteName }: {
     spriteName: string;
 }): void;
 /**
- * This function remove cursor and all mouse event listeners
+ * This function removes cursor and all mouse event listeners.
+ * The blur layer is kept on stage so it gets captured by toBlob/generateTexture
+ * when the image is saved or another operation is applied.
  *
  * @param application the PIXI.Application context
  */