@edifice.io/react 2.3.2-develop-wl.20250925113622 → 2.3.2-develop-b2school.20251001090200

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

@@ -3,9 +3,9 @@ const SvgIconCommunities = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 200 200", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", 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/icons/components/index.d.ts

@@ -75,6 +75,7 @@ export { default as IconLoader } from './IconLoader';
 export { default as IconLock } from './IconLock';
 export { default as IconMailRecall } from './IconMailRecall';
 export { default as IconMail } from './IconMail';
+export { default as IconMegaphone } from './IconMegaphone';
 export { default as IconMergeCells } from './IconMergeCells';
 export { default as IconMessageInfo } from './IconMessageInfo';
 export { default as IconMicOff } from './IconMicOff';
@@ -82,6 +83,7 @@ export { default as IconMic } from './IconMic';
 export { default as IconMinus } from './IconMinus';
 export { default as IconMove } from './IconMove';
 export { default as IconNoColors } from './IconNoColors';
+export { default as IconNotes } from './IconNotes';
 export { default as IconNotification } from './IconNotification';
 export { default as IconOptions } from './IconOptions';
 export { default as IconOrderedList } from './IconOrderedList';
@@ -153,6 +155,7 @@ export { default as IconTool } from './IconTool';
 export { default as IconTrendingUp } from './IconTrendingUp';
 export { default as IconUndoAll } from './IconUndoAll';
 export { default as IconUndo } from './IconUndo';
+export { default as IconUnion } from './IconUnion';
 export { default as IconUnlink } from './IconUnlink';
 export { default as IconUnlock } from './IconUnlock';
 export { default as IconUnreadMail } from './IconUnreadMail';

package/dist/modules/icons/components/nav/IconCommunities.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconCommunities: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconCommunities;

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconCommunities = ({
+  title,
+  titleId,
+  ...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" })
+] });
+export {
+  SvgIconCommunities as default
+};

package/dist/modules/icons/components/nav/index.d.ts

@@ -1,3 +1,4 @@
+export { default as IconCommunities } from './IconCommunities';
 export { default as IconCommunity } from './IconCommunity';
 export { default as IconDisconnect } from './IconDisconnect';
 export { default as IconHome } from './IconHome';

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -66,7 +66,7 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
         isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
       }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })
-  ] }), document.getElementById("portal"));
+  ] }), document.getElementById("portal") || document.body);
 });
 export {
   OnboardingModal as default

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

@@ -7,13 +7,53 @@ export interface FormInputs {
     enablePublic: boolean;
     formSlug: string;
 }
+/**
+ * Custom translations interface for overriding default translations
+ */
+export interface ResourceModalTranslations {
+    title?: string;
+    description?: string;
+    cancel?: string;
+    create?: string;
+    save?: string;
+    header?: {
+        create?: string;
+        edit?: string;
+    };
+    heading?: {
+        general?: string;
+        access?: string;
+    };
+    placeholder?: {
+        title?: string;
+        description?: string;
+    };
+    imagepicker?: {
+        add?: string;
+        delete?: string;
+    };
+    success?: {
+        created?: string;
+        updated?: string;
+    };
+}
 interface BaseProps {
+    /** Controls modal visibility */
     isOpen: boolean;
+    /** Custom content to be displayed after the form fields */
     children?: ReactNode | ((...props: any) => ReactNode);
+    /** Maximum length for the title input */
     inputMaxLength?: number;
+    /** Maximum length for the description textarea */
     textareaMaxLength?: number;
-    onSuccess: () => void;
+    /** Callback when operation succeeds, with operation result as parameter */
+    onSuccess: (result: CreateResult | UpdateResult, param: CreateParameters | UpdateParameters) => void;
+    /** Callback when operation is cancelled */
     onCancel: () => void;
+    /** Override application code (uses EdificeClient context by default) */
+    appCode?: string;
+    /** Custom translations for the modal */
+    translations?: ResourceModalTranslations;
 }
 interface CreateProps extends BaseProps {
     mode: 'create';
@@ -26,5 +66,20 @@ interface UpdateProps extends BaseProps {
     resourceId: ID;
 }
 type Props = CreateProps | UpdateProps;
-export declare const ResourceModal: ({ isOpen, onCancel, onSuccess, children, inputMaxLength, textareaMaxLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+/**
+ * ResourceModal component for creating or updating resources
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ResourceModal
+ *   mode="create"
+ *   isOpen={true}
+ *   onCancel={() => setOpen(false)}
+ *   onSuccess={(result) => console.log('Resource created:', result)}
+ *   currentFolder={{ id: 'default' }}
+ * />
+ * ```
+ */
+export declare const ResourceModal: ({ isOpen, onCancel, onSuccess, children, appCode: customAppCode, translations: customT, inputMaxLength, textareaMaxLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ResourceModal;

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

@@ -25,14 +25,17 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
   onCancel,
   onSuccess,
   children,
+  appCode: customAppCode,
+  translations: customT = {},
   inputMaxLength = DEFAULT_INPUT_MAX_LENGTH,
   textareaMaxLength = DEFAULT_TEXTAREA_MAX_LENGTH,
   ...props
 }) => {
+  var _a, _b, _c, _d, _e, _f;
   const {
-    appCode: application,
+    appCode: contextAppCode,
     currentApp
-  } = useEdificeClient(), {
+  } = useEdificeClient(), application = customAppCode || contextAppCode, {
     t
   } = useTranslation(), {
     mode
@@ -65,7 +68,7 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
     isUpdating,
     selectedResource: isUpdating ? resource : void 0
   }), watchedDescription = watch("description"), onSubmit = async function(formData) {
-    var _a, _b;
+    var _a2, _b2;
     try {
       const data = {
         description: formData.description || "",
@@ -74,21 +77,22 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
         slug: formData.enablePublic && formData.formSlug || "",
         thumbnail
       };
+      let result, param;
       if (isCreating) {
         const createParams = {
           ...data,
           folder: props.currentFolder === void 0 || // Fix #WB2-1296: when searching, currentFolder is undefined
-          ((_a = props.currentFolder) == null ? void 0 : _a.id) === "default" ? void 0 : parseInt(((_b = props.currentFolder) == null ? void 0 : _b.id) || ""),
+          ((_a2 = props.currentFolder) == null ? void 0 : _a2.id) === "default" ? void 0 : parseInt(((_b2 = props.currentFolder) == null ? void 0 : _b2.id) || ""),
           application
         };
-        props.createResource ? await props.createResource.mutateAsync(createParams) : await odeServices.resource(application).create(createParams);
+        param = createParams, props.createResource ? result = await props.createResource.mutateAsync(createParams) : result = await odeServices.resource(application).create(createParams);
       } else {
         const updateParams = {
           ...data,
           entId: resource.assetId,
           trashed: resource.trashed
         };
-        props.updateResource ? await props.updateResource.mutateAsync(updateParams) : await odeServices.resource(application).update(updateParams);
+        param = updateParams, props.updateResource ? result = await props.updateResource.mutateAsync(updateParams) : result = await odeServices.resource(application).update(updateParams);
       }
       toast.success(/* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("strong", { children: t(isCreating ? "explorer.resource.created" : "explorer.resource.updated") }),
@@ -106,21 +110,21 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
           "Public:",
           formData.enablePublic ? t("explorer.enable.public.yes") : t("explorer.enable.public.no")
         ] })
-      ] })), onSuccess();
+      ] })), onSuccess(result, param);
     } catch (e) {
       console.error(e);
     }
   };
   return isUpdating && !resource ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: `${mode}-resource`, size: "lg", isOpen, onModalClose: onCancel, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t(`explorer.resource.editModal.header.${isCreating ? "create" : "edit"}`) }),
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: ((_a = customT.header) == null ? void 0 : _a[isCreating ? "create" : "edit"]) ?? t(`explorer.resource.editModal.header.${isCreating ? "create" : "edit"}`) }),
     /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.resource.editModal.heading.general") }),
+      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: ((_b = customT.heading) == null ? void 0 : _b.general) ?? t("explorer.resource.editModal.heading.general") }),
       /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(onSubmit), children: [
         /* @__PURE__ */ jsxs("div", { className: "d-block d-md-flex gap-16 mb-24", children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ImagePicker, { app: currentApp, src: isUpdating && (resource == null ? void 0 : resource.thumbnail) || "", addButtonLabel: t("explorer.imagepicker.button.add"), deleteButtonLabel: t("explorer.imagepicker.button.delete"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center mt-8", libraryMedia, mediaLibraryRef }) }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ImagePicker, { app: currentApp, src: isUpdating && (resource == null ? void 0 : resource.thumbnail) || "", addButtonLabel: ((_c = customT.imagepicker) == null ? void 0 : _c.add) ?? t("explorer.imagepicker.button.add"), deleteButtonLabel: ((_d = customT.imagepicker) == null ? void 0 : _d.delete) ?? t("explorer.imagepicker.button.delete"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center mt-8", libraryMedia, mediaLibraryRef }) }),
           /* @__PURE__ */ jsxs("div", { className: "col", children: [
             /* @__PURE__ */ jsxs(FormControl, { id: "title", className: "mb-16", isRequired: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("title") }),
+              /* @__PURE__ */ jsx(Label, { children: customT.title ?? t("title") }),
               /* @__PURE__ */ jsx(Input, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
                 required: !0,
                 maxLength: inputMaxLength,
@@ -128,14 +132,14 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength })
+              }), placeholder: ((_e = customT.placeholder) == null ? void 0 : _e.title) ?? t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength })
             ] }),
             /* @__PURE__ */ jsxs(FormControl, { id: "description", isOptional: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("description") }),
+              /* @__PURE__ */ jsx(Label, { children: customT.description ?? t("description") }),
               /* @__PURE__ */ jsx(TextArea, { defaultValue: (resource == null ? void 0 : resource.description) || "", ...register("description", {
                 required: !1,
                 maxLength: textareaMaxLength
-              }), placeholder: t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength }),
+              }), placeholder: ((_f = customT.placeholder) == null ? void 0 : _f.description) ?? t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength }),
               watchedDescription && /* @__PURE__ */ jsx(TextareaCounter, { content: watchedDescription, maxLength: textareaMaxLength })
             ] })
           ] })
@@ -144,8 +148,8 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("explorer.cancel") }),
-      /* @__PURE__ */ jsx(Button, { form: formId, type: "submit", color: "primary", isLoading: isSubmitting, variant: "filled", disabled: !isValid || isSubmitting, children: t(isCreating ? "explorer.create" : "save") })
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: customT.cancel ?? t("explorer.cancel") }),
+      /* @__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"));

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

@@ -6,4 +6,4 @@ export declare const ShareBookmarkLine: ({ shareRights, showBookmark, toggleBook
     toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
     toggleBookmark: () => void;
     onDeleteRow: (shareRight: ShareRight) => void;
-}) => (false | import("react/jsx-runtime").JSX.Element)[];
+}) => (false | import("react/jsx-runtime").JSX.Element | null)[];

package/dist/modules/modals/ShareModal/ShareBookmarkLine.js

@@ -6,6 +6,8 @@ import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
 import SvgIconUsers from "../../icons/components/IconUsers.js";
 import { hasRight } from "./utils/hasRight.js";
 import { showShareRightLine } from "./utils/showShareRightLine.js";
+import { useShareRightDisabled } from "./hooks/useShareRightDisabled.js";
+import { useShareRightVisible } from "./hooks/useShareRightVisible.js";
 import Avatar from "../../../components/Avatar/Avatar.js";
 import Button from "../../../components/Button/Button.js";
 import Checkbox from "../../../components/Checkbox/Checkbox.js";
@@ -20,14 +22,18 @@ const ShareBookmarkLine = ({
 }) => {
   const {
     t
-  } = useTranslation();
+  } = useTranslation(), {
+    isShareRightDisabled
+  } = useShareRightDisabled(), {
+    isShareRightVisible
+  } = useShareRightVisible();
   return shareRights == null ? void 0 : shareRights.rights.map((shareRight) => {
     const selectedAvatar = {
       user: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.shared.alt"), size: "xs", src: shareRight.avatarUrl, variant: "circle" }),
       group: /* @__PURE__ */ jsx("div", { className: "avatar-xs bg-primary-200 justify-content-center d-flex rounded-circle", children: /* @__PURE__ */ jsx(SvgIconUsers, { width: 16 }) }),
       sharebookmark: /* @__PURE__ */ jsx(SvgIconBookmark, {})
-    }[shareRight.type] || null, isTypeBookmark = shareRight.type === "sharebookmark", isTypeUser = shareRight.type === "user";
-    return showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
+    }[shareRight.type] || null, isTypeBookmark = shareRight.type === "sharebookmark", isTypeUser = shareRight.type === "user", isDisabled = isShareRightDisabled(shareRight, shareRights);
+    return isShareRightVisible(shareRight, shareRights) ? showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
       /* @__PURE__ */ jsx("td", { children: selectedAvatar }),
       /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "d-flex", children: [
         isTypeBookmark && /* @__PURE__ */ jsx(Button, { color: "tertiary", rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
@@ -39,9 +45,9 @@ const ShareBookmarkLine = ({
       ] }) }),
       shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
         width: "80px"
-      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id) }) }, shareRightAction.displayName)),
-      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
-    ] }, shareRight.id);
+      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id), disabled: isDisabled }) }, shareRightAction.displayName)),
+      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && !isDisabled && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
+    ] }, shareRight.id) : null;
   });
 };
 export {

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

@@ -11,6 +11,7 @@ import { useSearch } from "./hooks/useSearch.js";
 import useShare from "./hooks/useShare.js";
 import { useShareBookmark } from "./hooks/useShareBookmark.js";
 import Modal from "../../../components/Modal/Modal.js";
+import Alert from "../../../components/Alert/Alert.js";
 import Heading from "../../../components/Heading/Heading.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
 import VisuallyHidden from "../../../components/VisuallyHidden/VisuallyHidden.js";
@@ -84,6 +85,7 @@ function ShareResourceModal({
   return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "share_modal", size: "lg", isOpen, onModalClose: onCancel, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("share.title") }),
     /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-16", children: t("explorer.modal.share.alert.community") }),
       /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.modal.share.usersWithAccess") }),
       /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-secondary", children: /* @__PURE__ */ jsxs("tr", { children: [

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

@@ -0,0 +1,8 @@
+import { ShareRight, ShareRightWithVisibles } from '@edifice.io/client';
+/**
+ * Hook to determine if a share right should be disabled
+ * @returns function to check if a specific share right should be disabled
+ */
+export declare const useShareRightDisabled: () => {
+    isShareRightDisabled: (shareRight: ShareRight, shareRights: ShareRightWithVisibles) => boolean;
+};

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

@@ -0,0 +1,11 @@
+const DISABLED_GROUP_LABELS = ["CommunityMemberGroup", "CommunityAdminGroup"], useShareRightDisabled = () => ({
+  isShareRightDisabled: (shareRight, shareRights) => {
+    if (shareRight.type !== "group")
+      return !1;
+    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
+    return !group || !group.labels || !Array.isArray(group.labels) ? !1 : !!group.labels.some((label) => DISABLED_GROUP_LABELS.includes(label));
+  }
+});
+export {
+  useShareRightDisabled
+};

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

@@ -0,0 +1,11 @@
+import { ShareRight, ShareRightWithVisibles } from '@edifice.io/client';
+/**
+ * Hook to determine if a share right (group) should be visible in the share UI.
+ * Groups containing any label from `HIDDEN_GROUP_LABELS` will be hidden.
+ *
+ * Returns a function `isShareRightVisible(shareRight, shareRights)` that returns
+ * true when the share right must be displayed and false when it must be hidden.
+ */
+export declare const useShareRightVisible: () => {
+    isShareRightVisible: (shareRight: ShareRight, shareRights: ShareRightWithVisibles) => boolean;
+};

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

@@ -0,0 +1,11 @@
+const HIDDEN_GROUP_LABELS = ["CommunityAdminGroup"], useShareRightVisible = () => ({
+  isShareRightVisible: (shareRight, shareRights) => {
+    if (shareRight.type !== "group")
+      return !0;
+    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
+    return !group || !group.labels || !Array.isArray(group.labels) ? !0 : !group.labels.some((label) => HIDDEN_GROUP_LABELS.includes(label));
+  }
+});
+export {
+  useShareRightVisible
+};

package/dist/modules/multimedia/FileCard/FileCard.d.ts

@@ -1,13 +1,24 @@
+import { ReactNode } from 'react';
 import { WorkspaceElement } from '@edifice.io/client';
 import { CardProps } from '../../../components';
 export interface FileCardProps extends CardProps {
     /**
      * WorkspaceElement
-     * */
+     */
     doc: WorkspaceElement;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
 }
 declare const FileCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FileCard;

package/dist/modules/multimedia/FileCard/FileCard.js

@@ -15,11 +15,21 @@ const FileCard = ({
   isSelectable = !1,
   isSelected = !1,
   onClick,
-  className
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
 }) => {
-  var _a;
   const ref = useRef(null), type = DocumentHelper.getRole(doc);
   function getRoleMap(type2) {
+    if (customIcon !== void 0 || customColor !== void 0)
+      return {
+        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: customColor || "bg-gray-300",
+        hasShadow: !1
+      };
     const roleMappings = {
       csv: {
         icon: ".CSV",
@@ -72,17 +82,17 @@ const FileCard = ({
     };
     return roleMappings[type2] || roleMappings.unknown;
   }
-  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+  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, {
     ref
   }), imageStyles = hasThumbnail && {
     backgroundImage: `url(${mediaSrc})`,
     backgroundSize: "cover"
   };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
+    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
     /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
       /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
       /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })

package/dist/modules/multimedia/FileCard/FileIcon.d.ts

@@ -1,6 +1,10 @@
 import { Role } from '@edifice.io/client';
 declare const FileIcon: ({ type, roleMap, }: {
     type: Role | "unknown";
-    roleMap?: Record<string, string | JSX.Element>;
+    roleMap?: {
+        icon: React.ReactNode | string;
+        color: string;
+        hasShadow?: boolean;
+    };
 }) => import("react/jsx-runtime").JSX.Element;
 export default FileIcon;

package/dist/modules/multimedia/FileCard/FileIcon.js

@@ -5,8 +5,8 @@ const FileIcon = ({
   type,
   roleMap
 }) => {
-  const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasNoShadow
+  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", {
+    "p-12 rounded-circle shadow": hasShadow
   }, roleMap == null ? void 0 : roleMap.color);
   return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });
 };

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.d.ts

@@ -32,6 +32,8 @@ export interface InternalLinkerProps {
     applicationList?: ApplicationOption[];
     /** Whether to show the application selector */
     showApplicationSelector?: boolean;
+    /** Optional callback to filter resources after loading. Applied in addition to search filters. */
+    resourceFilter?: (resource: ILinkedResource) => boolean;
 }
-export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, resourceFilter, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
 export default InternalLinker;

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -21,7 +21,8 @@ const InternalLinker = ({
   multiple = !0,
   resourceList,
   applicationList,
-  showApplicationSelector = !0
+  showApplicationSelector = !0,
+  resourceFilter
 }) => {
   const {
     t
@@ -38,12 +39,12 @@ const InternalLinker = ({
   }, []), sortResources = useCallback((resources2) => resources2.sort((a, b) => a.modifiedAt < b.modifiedAt ? 1 : -1), []), loadAndDisplayResources = useCallback((search) => {
     async function load() {
       if (resourceList) {
-        const filteredResources = resourceList.filter((resource) => filterResources(resource, search));
-        setResources(sortResources(filteredResources));
+        let filteredResources = resourceList.filter((resource) => filterResources(resource, search));
+        resourceFilter && (filteredResources = filteredResources.filter(resourceFilter)), setResources(sortResources(filteredResources));
         return;
       } else if (selectedApplication)
         try {
-          const resources2 = (await loadResources({
+          let resources2 = (await loadResources({
             application: selectedApplication.application,
             search,
             types: [selectedApplication.application],
@@ -54,14 +55,14 @@ const InternalLinker = ({
             }
             // ignored at the moment
           })).filter((resource) => filterResources(resource, search));
-          setResources(sortResources(resources2));
+          resourceFilter && (resources2 = resources2.filter(resourceFilter)), setResources(sortResources(resources2));
           return;
         } catch {
         }
       setResources([]);
     }
     load();
-  }, [loadResources, selectedApplication, filterResources, sortResources, resourceList]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
+  }, [loadResources, selectedApplication, filterResources, sortResources, resourceList, resourceFilter]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
     onChange == null || onChange(option), setSelectedApplication(option);
   }, handleSearchChange = (event) => {
     const newText = event.target.value;

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -35,7 +35,9 @@ export type MediaLibraryType =
 /** Embedded websites */
  | 'embedder'
 /** Hyperlinks */
- | 'hyperlink';
+ | 'hyperlink'
+/** Studio mode for recording audio and video */
+ | 'studio';
 export interface MediaLibraryRef {
     /** Open the Media Library on given type. */
     show: (type: MediaLibraryType) => void;

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -56,6 +56,11 @@ const orderedTabs = [
   embedder: {
     title: "bbm.embed.modal.title",
     defaultTab: "iframe"
+  },
+  // Add studio type with video-capture as default tab
+  studio: {
+    title: "bbm.studio.modal.title",
+    defaultTab: "audio-capture"
   }
 }, MediaLibrary = /* @__PURE__ */ forwardRef(({
   appCode,
@@ -101,7 +106,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
       label: t("bbm.video"),
       content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
-      availableFor: ["video"],
+      availableFor: ["video", "studio"],
       isEnable: () => !!videoCaptureWorkflow
     },
     "audio-capture": {
@@ -109,7 +114,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
       label: t("bbm.audio"),
       content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
-      availableFor: ["audio"],
+      availableFor: ["audio", "studio"],
       isEnable: () => !!workspaceCreateWorkflow
     },
     "external-link": {

package/dist/modules/multimedia/index.d.ts

@@ -2,6 +2,7 @@ export * from './AudioRecorder';
 export * from './Embed';
 export * from './ImageEditor';
 export * from './ImagePicker';
+export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
 export * from './VideoEmbed';

package/dist/multimedia.js

@@ -2,23 +2,25 @@ import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRec
 import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default10 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default6 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default8 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default9 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default10 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default11 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
   ExternalLinker,
+  default6 as FileCard,
   default4 as ImageEditor,
   default5 as ImagePicker,
   InternalLinker,
-  default6 as MediaLibrary,
-  default7 as VideoEmbed,
-  default8 as VideoRecorder,
-  default9 as Workspace,
-  default10 as WorkspaceFolders
+  default7 as MediaLibrary,
+  default8 as VideoEmbed,
+  default9 as VideoRecorder,
+  default10 as Workspace,
+  default11 as WorkspaceFolders
 };