@edifice.io/react 2.6.8 → 2.6.9-chore-tiptap-v3.20261013175230

package/dist/modules/editor/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './useActionOptions';
 export * from './useCommentEditor';
 export * from './useEditorContext';
+export * from './useEditorState';
 export * from './useImageModal';
 export * from './useImageSelection';
 export * from './useLinkToolbar';

package/dist/modules/editor/hooks/useCommentEditor.d.ts

@@ -6,7 +6,7 @@ import { Content, HTMLContent } from '@tiptap/react';
  * @param content default rich content
  */
 export declare const useCommentEditor: (editable: boolean, content: Content, maxLength?: number) => {
-    editor: import('@tiptap/core').Editor | null;
+    editor: import('@tiptap/core').Editor;
     commentLength: number;
     getComment: () => HTMLContent;
     resetComment: () => void;

package/dist/modules/editor/hooks/useCommentEditor.js

@@ -1,14 +1,22 @@
 import { useState, useEffect } from "react";
 import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
-import CharacterCount from "@tiptap/extension-character-count";
+import { CharacterCount } from "@tiptap/extensions";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 const useCommentEditor = (editable, content, maxLength = 800) => {
   const [commentLength, setCommentLength] = useState(0), editor = useEditor({
     editable,
-    extensions: [StarterKit, Hyperlink, CharacterCount.configure({
-      limit: maxLength
-    })],
+    extensions: [
+      // v3's StarterKit bundles its own 'link' mark, which would compete with
+      // Hyperlink below for the same <a> tags. Disabled.
+      StarterKit.configure({
+        link: !1
+      }),
+      Hyperlink,
+      CharacterCount.configure({
+        limit: maxLength
+      })
+    ],
     content
   });
   return useEffect(() => {

package/dist/modules/editor/hooks/useEditorState.d.ts

@@ -0,0 +1,20 @@
+import { Editor } from '@tiptap/react';
+/**
+ * Hook to track editor state changes in Tiptap v3.
+ * Replaces the pattern of using `editor?.state` in useEffect dependencies.
+ *
+ * @param editor - The Tiptap editor instance
+ * @returns A counter that increments on each editor update
+ *
+ * @example
+ * ```tsx
+ * const { editor } = useEditorContext();
+ * const editorState = useEditorState(editor);
+ *
+ * useEffect(() => {
+ *   const attrs = editor?.getAttributes('textStyle');
+ *   // ... do something with attrs
+ * }, [editor, editorState]);
+ * ```
+ */
+export declare const useEditorState: (editor: Editor | null | undefined) => number;

package/dist/modules/editor/hooks/useEditorState.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from "react";
+const useEditorState = (editor) => {
+  const [updateCount, setUpdateCount] = useState(0);
+  return useEffect(() => {
+    if (!editor) return;
+    const handleUpdate = () => {
+      setUpdateCount((prev) => prev + 1);
+    };
+    return editor.on("transaction", handleUpdate), () => {
+      editor.off("transaction", handleUpdate);
+    };
+  }, [editor]), updateCount;
+};
+export {
+  useEditorState
+};

package/dist/modules/editor/hooks/useTipTapEditor.d.ts

@@ -15,6 +15,6 @@ import { WorkspaceVisibility } from '@edifice.io/client';
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
 }) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
-    editor: import('@tiptap/core').Editor | null;
+    editor: import('@tiptap/core').Editor;
     editable: boolean;
 };

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -9,18 +9,14 @@ import { SpeechSynthesis } from "@edifice.io/tiptap-extensions/speech-synthesis"
 import { TableCell } from "@edifice.io/tiptap-extensions/table-cell";
 import { Mathematics } from "@tiptap/extension-mathematics";
 import Color from "@tiptap/extension-color";
-import Focus from "@tiptap/extension-focus";
 import FontFamily from "@tiptap/extension-font-family";
-import Placeholder from "@tiptap/extension-placeholder";
+import { TextStyleKit } from "@tiptap/extension-text-style";
+import { Focus, Placeholder } from "@tiptap/extensions";
 import Subscript from "@tiptap/extension-subscript";
 import Superscript from "@tiptap/extension-superscript";
-import Table from "@tiptap/extension-table";
-import TableHeader from "@tiptap/extension-table-header";
-import TableRow from "@tiptap/extension-table-row";
+import { TableRow, TableHeader, Table } from "@tiptap/extension-table";
 import TextAlign from "@tiptap/extension-text-align";
-import TextStyle from "@tiptap/extension-text-style";
 import Typography from "@tiptap/extension-typography";
-import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useTranslation } from "react-i18next";
@@ -50,22 +46,64 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
     // TipTap editor must be instantiated in editable mode for table columns to be resizable.
     // It will then be set in the correct editable mode, by a useEffect below.
     editable: !0,
-    extensions: [StarterKit, Focus.configure({
-      className: "has-focus",
-      mode: "all"
-    }), Placeholder.configure({
-      placeholder: t(placeholder || "tiptap.placeholder")
-    }), CustomHighlight.configure({
-      multicolor: !0
-    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
-      resizable: !0
-    }), TableRow, TableHeader, TableCell, TextAlign.configure({
-      types: ["heading", "paragraph", "video", "audio", "iframe"]
-    }), CustomHeading.configure({
-      levels: [1, 2]
-    }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
-      lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Hyperlink, FontFamily, Mathematics, Alert, IframeNodeView(MediaRenderer), VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
+    extensions: [
+      // v3's StarterKit bundles its own heading/link nodes, which would compete with
+      // CustomHeading/Hyperlink below for the same HTML tags. Disabled.
+      StarterKit.configure({
+        heading: !1,
+        link: !1
+      }),
+      Focus.configure({
+        className: "has-focus",
+        mode: "all"
+      }),
+      Placeholder.configure({
+        placeholder: t(placeholder || "tiptap.placeholder")
+      }),
+      CustomHighlight.configure({
+        multicolor: !0
+      }),
+      // v3's TextStyleKit bundles its own color/fontFamily/fontSize, which would
+      // duplicate the Color/FontFamily/FontSize added below. Disabled.
+      TextStyleKit.configure({
+        color: !1,
+        fontFamily: !1,
+        fontSize: !1
+      }),
+      Color,
+      Subscript,
+      Superscript,
+      Table.configure({
+        resizable: !0
+      }),
+      TableRow,
+      TableHeader,
+      TableCell,
+      TextAlign.configure({
+        types: ["heading", "paragraph", "video", "audio", "iframe"]
+      }),
+      CustomHeading.configure({
+        levels: [1, 2]
+      }),
+      Typography,
+      FontSize,
+      SpeechRecognition,
+      SpeechSynthesis.configure({
+        lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
+      }),
+      Hyperlink,
+      FontFamily,
+      Mathematics,
+      Alert,
+      IframeNodeView(MediaRenderer),
+      VideoNodeView(MediaRenderer),
+      AudioNodeView(AudioRenderer),
+      LinkerNodeView(LinkerRenderer),
+      ImageNodeView(MediaRenderer, uploadFile),
+      AttachmentNodeView(AttachmentRenderer),
+      InformationPaneNodeView(InformationPaneRenderer),
+      ...extensions || []
+    ],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {
@@ -75,7 +113,9 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
   return useEffect(() => {
     editor == null || editor.setEditable(editable, !1);
   }, [editor, editable]), useEffect(() => {
-    editor == null || editor.commands.setContent(content);
+    editor == null || editor.commands.setContent(content, {
+      emitUpdate: !1
+    });
   }, [content]), useEffect(() => {
     focus && (editor == null || editor.commands.focus(focus));
   }, [editor, focus, editable]), {

package/dist/modules/homepage/components/Communities/Communities.d.ts

@@ -2,9 +2,10 @@ import { CommunityItemProps } from './CommunityItem';
 export interface CommunitiesProps {
     communitiesList?: CommunityItemProps[];
     handleActionClick: () => void;
+    canCreateCommunity?: boolean;
 }
 declare const Communities: {
-    ({ communitiesList, handleActionClick, }: CommunitiesProps): import("react/jsx-runtime").JSX.Element;
+    ({ communitiesList, handleActionClick, canCreateCommunity, }: CommunitiesProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Communities;

package/dist/modules/homepage/components/Communities/Communities.js

@@ -1,32 +1,33 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import illuCommunities from "@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";
-import { useMeasure } from "@uidotdev/usehooks";
 import { useTranslation } from "react-i18next";
 import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
 import CommunityItem from "./CommunityItem.js";
 import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Image from "../../../../components/Image/Image.js";
-const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communities = ({
+const Communities = ({
   communitiesList = [],
-  handleActionClick
+  handleActionClick,
+  canCreateCommunity = !1
 }) => {
   const {
     t
-  } = useTranslation(), [containerRef, {
-    width
-  }] = useMeasure(), maxItems = width !== null && width < NARROW_CONTAINER_WIDTH ? MAX_ITEMS_NARROW : MAX_ITEMS, visibleCommunities = communitiesList.slice(0, maxItems), itemWidth = `${100 / maxItems}%`;
+  } = useTranslation();
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 ? t("homepage.communities.actionLabel.seeMore") : t("homepage.communities.actionLabel.create"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title") }),
-    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { ref: containerRef, gap: "16", children: visibleCommunities.length > 0 ? visibleCommunities.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: itemWidth }, index)) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 || !canCreateCommunity ? t("homepage.communities.actionLabel.seeMore", "Voir plus") : t("homepage.communities.actionLabel.create", "Créer une communauté"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title", "Mes communautés") }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: communitiesList.length > 0 ? /* @__PURE__ */ jsx("div", { className: "communities-list", children: communitiesList.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: "auto" }, index)) }) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
       /* @__PURE__ */ jsx(Image, { src: illuCommunities, alt: "", "aria-hidden": "true", style: {
         width: 80,
         height: 80
       } }),
-      /* @__PURE__ */ jsxs("div", { className: "communities-empty-content", children: [
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle", "Créez votre première communauté pour animer votre classe !") }),
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description", "Vous pouvez centraliser et organiser les documents et les ressources pour vos élèves.") })
-      ] })
+      /* @__PURE__ */ jsx("div", { className: "communities-empty-content", children: canCreateCommunity ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.teacher", "Réunissez vos élèves avec Communautés !") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.teacher", "Centralisez et organisez les documents et les ressources pour vos groupes d'élèves.") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.student", "Retrouvez toutes vos communautés ici ! ") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.student", `Consultez l'onglet "Nouveaux partages" pour découvrir si vous avez été ajouté à une nouvelle communauté.`) })
+      ] }) })
     ] }) }) })
   ] });
 };

package/dist/modules/homepage/components/Communities/CommunitiesContainer.d.ts

@@ -5,7 +5,7 @@ export type CommunitiesContainerProps = {
     /** Handle a click on the header action button. If undefined, communities (or the community creation flow) will be opened. */
     onHeaderActionClick?: () => void;
 };
-export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
+export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities." | null;
 export declare namespace CommunitiesContainer {
     var displayName: string;
 }

package/dist/modules/homepage/components/Communities/CommunitiesContainer.js

@@ -3,28 +3,32 @@ import { useCallback, useMemo } from "react";
 import Communities from "./Communities.js";
 import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
 import { useCommunities } from "./useCommunities.js";
+import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const COMMUNITY_ACCESS_WORKFLOW = "community.access", COMMUNITY_CREATE_WORKFLOW = "community.create", COMMUNITY_WORKFLOWS = [COMMUNITY_ACCESS_WORKFLOW, COMMUNITY_CREATE_WORKFLOW];
 function CommunitiesContainer({
   onCommunityClick: handleCommunityClick = (community) => {
     window.open(`/communities/id/${community.id}/home`, "_self");
   },
   onHeaderActionClick: handleHeaderActionClick
 }) {
-  const {
+  const rights = useHasWorkflow(COMMUNITY_WORKFLOWS), canCreateCommunity = (rights == null ? void 0 : rights[COMMUNITY_CREATE_WORKFLOW]) === !0, hasCommunitiesRight = canCreateCommunity || (rights == null ? void 0 : rights[COMMUNITY_ACCESS_WORKFLOW]) === !0, {
     communities,
     isLoading,
     error
-  } = useCommunities(), handleActionClick = useCallback(() => {
+  } = useCommunities({
+    enabled: hasCommunitiesRight
+  }), handleActionClick = useCallback(() => {
     if (handleHeaderActionClick) {
       handleHeaderActionClick();
       return;
     }
-    window.open(communities.length > 0 ? "/communities" : "/communities/create/step-type", "_self");
-  }, [handleHeaderActionClick, communities.length]), mappedCommunities = useMemo(() => communities.map((community) => ({
+    window.open(communities.length === 0 && canCreateCommunity ? "/communities/create/step-type" : "/communities", "_self");
+  }, [handleHeaderActionClick, communities.length, canCreateCommunity]), mappedCommunities = useMemo(() => communities.map((community) => ({
     title: community.title,
     communityImage: community.image ?? "",
     onActionClick: () => handleCommunityClick(community)
   })), [communities, handleCommunityClick]);
-  return isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick });
+  return rights === void 0 || isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : hasCommunitiesRight ? error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick, canCreateCommunity }) : null;
 }
 export {
   CommunitiesContainer

package/dist/modules/homepage/components/Communities/CommunitiesSkeleton.js

@@ -3,17 +3,14 @@ import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
 import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
-const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
+const primaryTitleWidths = ["80%", "64%", "88%", "72%", "76%", "68%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%", "52%", "40%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
   /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: "home-card-header", children: [
     /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "col-5" }),
     /* @__PURE__ */ jsx(ButtonSkeleton, { "aria-hidden": "true", size: "sm", className: "px-24", color: "tertiary" })
   ] }),
-  /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", style: {
-    width: "25%"
-  }, "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: /* @__PURE__ */ jsx("div", { className: "communities-list", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx("div", { className: "communities-item-image placeholder rounded", style: {
-      display: "block",
-      aspectRatio: "1 / 1"
+      display: "block"
     } }),
     /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", className: "mt-8", children: [
       /* @__PURE__ */ jsx("div", { style: {
@@ -25,7 +22,7 @@ const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths =
         alignSelf: "center"
       }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) })
     ] })
-  ] }, primaryWidth)) }) })
+  ] }, primaryWidth)) }) }) })
 ] });
 export {
   CommunitiesSkeleton as default

package/dist/modules/homepage/components/Communities/useCommunities.d.ts

@@ -3,7 +3,10 @@ export interface CommunitiesModel {
     title: string;
     image?: string;
 }
-export declare function useCommunities(): {
+export declare const COMMUNITIES_PREVIEW_SIZE = 6;
+export declare function useCommunities({ enabled }?: {
+    enabled?: boolean;
+}): {
     communities: CommunitiesModel[];
     isLoading: boolean;
     error: Error | null;

package/dist/modules/homepage/components/Communities/useCommunities.js

@@ -1,6 +1,9 @@
 import { odeServices } from "@edifice.io/client";
 import { useQuery, queryOptions } from "@tanstack/react-query";
-function useCommunities() {
+const COMMUNITIES_PREVIEW_SIZE = 6;
+function useCommunities({
+  enabled = !0
+} = {}) {
   const {
     data,
     isLoading,
@@ -8,11 +11,12 @@ function useCommunities() {
   } = useQuery(queryOptions({
     queryKey: ["communities", "preview"],
     queryFn: async () => {
-      const http = odeServices.http(), response = await http.get("/communities/api/communities?page=1&size=4");
+      const http = odeServices.http(), response = await http.get(`/communities/api/communities?page=1&size=${COMMUNITIES_PREVIEW_SIZE}`);
       if (http.isResponseError())
         throw new Error(http.latestResponse.statusText);
       return response.items;
-    }
+    },
+    enabled
   }));
   return {
     communities: data ?? [],
@@ -21,5 +25,6 @@ function useCommunities() {
   };
 }
 export {
+  COMMUNITIES_PREVIEW_SIZE,
   useCommunities
 };

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js

@@ -13,9 +13,9 @@ const HomeCardHeader = ({
   ...rest
 }) => {
   const hasAction = !!actionLabel && !!onActionClick;
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", wrap: "wrap", className: clsx("home-card-header", className), ...rest, children: [
     /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
-    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", ...actionProps, children: actionLabel })
+    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, className: "home-card-header-action", leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", ...actionProps, children: actionLabel })
   ] });
 };
 export {

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

@@ -65,6 +65,8 @@ export interface MediaLibraryProps {
     visibility: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
+    /** Restrict attachments to PDF files in Workspace and Upload. */
+    pdfOnly?: boolean;
     /**
      * Called when the user validates the modal (Add button).
      * @param result depends on which InnerTab is visible

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

@@ -66,6 +66,7 @@ const orderedTabs = [
   appCode,
   visibility,
   multiple,
+  pdfOnly,
   onSuccess,
   onCancel,
   onTabChange
@@ -199,6 +200,7 @@ const orderedTabs = [
     appCode,
     visibility,
     multiple,
+    pdfOnly,
     type,
     setResultCounter,
     setResult,

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

@@ -7,6 +7,8 @@ export declare const MediaLibraryContext: import('react').Context<{
     visibility?: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
+    /** Restrict attachments to PDF files in Workspace and Upload. */
+    pdfOnly?: boolean;
     /** Type of resource to search for. */
     type: MediaLibraryType | null;
     /** Set the counter in the success button label. */
@@ -36,6 +38,8 @@ export declare function useMediaLibraryContext(): {
     visibility?: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
+    /** Restrict attachments to PDF files in Workspace and Upload. */
+    pdfOnly?: boolean;
     /** Type of resource to search for. */
     type: MediaLibraryType | null;
     /** Set the counter in the success button label. */

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

@@ -36,6 +36,7 @@ const acceptedTypes = (type) => {
     t
   } = useTranslation(), {
     type,
+    pdfOnly,
     visibility,
     multiple,
     setResult,
@@ -60,7 +61,7 @@ const acceptedTypes = (type) => {
       /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.alpha"), name: "media-library-upload-sort", value: "alpha", model: sortByAlpha ? "alpha" : "date", checked: sortByAlpha, onChange: () => setSortByAlpha(!0), "data-testid": "media-library-upload-sort-alpha" }),
       /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.date"), name: "media-library-upload-sort", value: "date", model: sortByAlpha ? "alpha" : "date", checked: !sortByAlpha, onChange: () => setSortByAlpha(!1), "data-testid": "media-library-upload-sort-date" })
     ] }),
-    /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
+    /* @__PURE__ */ jsx(Dropzone, { multiple, accept: type === "attachment" && pdfOnly ? ["application/pdf"] : acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
   ] });
 };
 export {

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

@@ -4,6 +4,7 @@ import Workspace$1 from "../../Workspace/Workspace.js";
 const Workspace = () => {
   const {
     type,
+    pdfOnly,
     setResultCounter,
     setResult,
     multiple,
@@ -17,6 +18,8 @@ const Workspace = () => {
         return "audio";
       case "video":
         return "video";
+      case "attachment":
+        return pdfOnly ? "pdf" : null;
       default:
         return null;
     }