@edifice.io/react 2.5.12-develop-enabling.20260227103812 → 2.5.12-develop-pedago.20260227152929

package/dist/components/AddAttachments/AddAttachments.d.ts

@@ -1,8 +1,11 @@
 import { Attachment } from './models/attachment';
+export type SingleAttachmentType = Attachment;
+export { useFileToAttachment } from './hooks/useFileToAttachment';
 export interface AddAttachmentsProps {
     attachments: Attachment[];
-    onFilesSelected: (files: File[]) => void;
-    onRemoveAttachment: (attachmentId: string) => void;
+    onChange?: (attachments: Attachment[]) => void;
+    onFilesSelected?: (files: File[]) => void;
+    onRemoveAttachment?: (attachmentId: string) => void;
     editMode?: boolean;
     isMutating?: boolean;
     onCopyToWorkspace?: (attachments: Attachment[], folderId: string) => Promise<boolean>;
@@ -12,7 +15,7 @@ export interface AddAttachmentsProps {
     downloadAllUrl?: string;
 }
 export declare const AddAttachments: {
-    ({ attachments, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ attachments, onChange, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export default AddAttachments;

package/dist/components/AddAttachments/AddAttachments.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useRef, useState, useEffect } from "react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconDelete from "../../modules/icons/components/IconDelete.js";
 import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
@@ -8,22 +8,13 @@ import SvgIconFolderAdd from "../../modules/icons/components/IconFolderAdd.js";
 import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
 import { AddAttachmentToWorkspaceModal } from "./components/AddAttachmentToWorkspaceModal.js";
 import { SingleAttachment } from "./components/SingleAttachment.js";
+import { useFileToAttachment } from "./hooks/useFileToAttachment.js";
 import Flex from "../Flex/Flex.js";
 import IconButton from "../Button/IconButton.js";
 import Button from "../Button/Button.js";
-function fileToAttachment(file) {
-  return {
-    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
-    charset: "UTF-8",
-    contentTransferEncoding: "binary",
-    contentType: file.type || "application/octet-stream",
-    filename: file.name,
-    name: file.name,
-    size: file.size
-  };
-}
 const AddAttachments = ({
   attachments,
+  onChange,
   onFilesSelected,
   onRemoveAttachment,
   editMode = !1,
@@ -34,10 +25,8 @@ const AddAttachments = ({
 }) => {
   const {
     t
-  } = useTranslation(), inputRef = useRef(null), [optimisticAttachments, setOptimisticAttachments] = useState([]), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0), prevAttachmentsLengthRef = useRef(attachments.length), displayedAttachments = [...attachments, ...optimisticAttachments];
-  if (useEffect(() => {
-    attachments.length > prevAttachmentsLengthRef.current && setOptimisticAttachments([]), prevAttachmentsLengthRef.current = attachments.length;
-  }, [attachments.length]), !editMode && !displayedAttachments.length) return null;
+  } = useTranslation(), inputRef = useRef(null), fileToAttachment = useFileToAttachment(), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0);
+  if (!editMode && !attachments.length) return null;
   const resetInputValue = () => {
     inputRef.current && (inputRef.current.value = "");
   }, handleAttachClick = () => {
@@ -46,36 +35,34 @@ const AddAttachments = ({
   }, handleFileChange = (event) => {
     const files = Array.from(event.target.files ?? []);
     if (files.length > 0) {
-      onFilesSelected(files);
-      const newOptimistic = files.map(fileToAttachment);
-      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
+      const newAttachments = files.map(fileToAttachment);
+      onChange == null || onChange([...attachments, ...newAttachments]), onFilesSelected == null || onFilesSelected(files);
     }
     resetInputValue();
   }, handleDetachAllClick = () => {
-    setOptimisticAttachments([]), attachments.forEach((attachment) => {
-      onRemoveAttachment(attachment.id);
-    }), resetInputValue();
+    onChange == null || onChange([]), attachments.forEach((a) => onRemoveAttachment == null ? void 0 : onRemoveAttachment(a.id)), resetInputValue();
   }, handleDetachClick = (attachmentId) => {
-    optimisticAttachments.some((attachment) => attachment.id === attachmentId) ? setOptimisticAttachments((prev) => prev.filter((attachment) => attachment.id !== attachmentId)) : onRemoveAttachment(attachmentId), resetInputValue();
+    const next = attachments.filter((a) => a.id !== attachmentId);
+    onChange == null || onChange(next), onRemoveAttachment == null || onRemoveAttachment(attachmentId), resetInputValue();
   }, handleCopyToWorkspace = (attachments2) => {
     setAttachmentsToAddToWorkspace(attachments2);
   }, className = clsx("bg-gray-200 rounded px-12 py-8 message-attachments align-self-start gap-8 d-flex flex-column mw-100", {
     "border add-attachments-edit mx-16": editMode
   });
   return /* @__PURE__ */ jsxs("div", { className, "data-drag-handle": !0, children: [
-    !!displayedAttachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!attachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", justify: "between", className: "border-bottom", children: [
         /* @__PURE__ */ jsx("span", { className: "caption fw-bold my-8", children: t("attachments") }),
-        displayedAttachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
-          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(displayedAttachments), variant: "ghost" }),
+        attachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
+          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(attachments), variant: "ghost" }),
           downloadAllUrl && /* @__PURE__ */ jsx("a", { href: downloadAllUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.all.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
           editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.all.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: handleDetachAllClick, disabled: isMutating })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: displayedAttachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, attachment.id)) })
+      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: attachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, `${attachment.id}-${attachment.name}`)) })
     ] }),
     editMode && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), children: t("add.attachment") }),
+      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), "data-testid": "common-add-attachments-button-add-attachment", children: t("add.attachment") }),
       /* @__PURE__ */ jsx("input", { ref: inputRef, multiple: !0, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleFileChange, hidden: !0 })
     ] }),
     onCopyToWorkspace && !!attachmentsToAddToWorkspace && /* @__PURE__ */ jsx(AddAttachmentToWorkspaceModal, { isOpen: !0, onModalClose: () => setAttachmentsToAddToWorkspace(void 0), attachments: attachmentsToAddToWorkspace, onCopyToWorkspace })
@@ -83,5 +70,6 @@ const AddAttachments = ({
 };
 export {
   AddAttachments,
-  AddAttachments as default
+  AddAttachments as default,
+  useFileToAttachment
 };

package/dist/components/AddAttachments/hooks/useFileToAttachment.d.ts

@@ -0,0 +1,3 @@
+import { Attachment } from '../models/attachment';
+/** Convertit un File en Attachment (id unique généré). Exposé pour les apps qui utilisent AddAttachments. */
+export declare function useFileToAttachment(): (file: File) => Attachment;

package/dist/components/AddAttachments/hooks/useFileToAttachment.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function useFileToAttachment() {
+  return useCallback((file) => ({
+    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    charset: "UTF-8",
+    contentTransferEncoding: "binary",
+    contentType: file.type || "application/octet-stream",
+    filename: file.name,
+    name: file.name,
+    size: file.size,
+    file
+  }), []);
+}
+export {
+  useFileToAttachment
+};

package/dist/components/AddAttachments/models/attachment.d.ts

@@ -6,4 +6,5 @@ export type Attachment = {
     filename: string;
     name: string;
     size: number;
+    file: File;
 };

package/dist/components/Badge/Badge.js

@@ -21,6 +21,7 @@ const Badge = /* @__PURE__ */ forwardRef(({
     const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
     badgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
   }
+  console.log(badgeColorClassName);
   const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "beta" && badgeColorClassName, className);
   return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
     variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),

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 = Object.assign(Root, {
+}), Card = /* @__PURE__ */ 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 = Object.assign(ComboboxComponent, {
+}), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger
 });
 export {

package/dist/components/Dropdown/Dropdown.js

@@ -67,7 +67,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   return useEffect(() => {
     onToggle == null || onToggle(visible);
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = Object.assign(Root, {
+}), Dropdown = /* @__PURE__ */ 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 = Object.assign(Root, {
+}), FormControl = /* @__PURE__ */ Object.assign(Root, {
   Label,
   Input,
   Text: FormText

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

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation();
   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, 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))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, 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))
   ] });
 };
 export {

package/dist/components/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = Object.assign(Root, {
+}), Modal = /* @__PURE__ */ 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 = Object.assign(Root, {});
+}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = Object.assign(Root, {
+}, PromotionCard = /* @__PURE__ */ 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
  */
-interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+export 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
  */
-type Props = DefaultSearchBar | DynamicSearchBar;
+export 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 = Object.assign(Root, {
+}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

package/dist/hooks/useBrowserInfo/useBrowserInfo.d.ts

@@ -1,8 +1,7 @@
-import { default as UAParser } from 'ua-parser-js';
 export default function useBrowserInfo(userAgent?: string): {
-    os: UAParser.IOS;
-    device: UAParser.IDevice;
-    browser: UAParser.IBrowser;
+    os: import('ua-parser-js').IOS;
+    device: import('ua-parser-js').IDevice;
+    browser: import('ua-parser-js').IBrowser;
     isIphone: boolean;
     isIpod: boolean;
     isIpad: boolean;

package/dist/hooks/useBrowserInfo/useBrowserInfo.js

@@ -1,4 +1,4 @@
-import UAParser from "ua-parser-js";
+import { UAParser } from "ua-parser-js";
 function useBrowserInfo(userAgent) {
   var _a, _b, _c;
   const uaParser = new UAParser(userAgent), os = uaParser.getOS(), device = uaParser.getDevice(), browser = uaParser.getBrowser(), isIphone = ((_a = device.model) == null ? void 0 : _a.indexOf("iPhone")) != -1, isIpod = ((_b = device.model) == null ? void 0 : _b.indexOf("iPod")) != -1, isIpad = ((_c = device.model) == null ? void 0 : _c.indexOf("iPad")) != -1;

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('@tanstack/react-query').UseQueryResult<IGetConf, Error>;
+}): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;

package/dist/hooks/useDropdown/useDropdown.js

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

package/dist/hooks/useDropzone/useDropzone.js

@@ -35,11 +35,11 @@ const useDropzone = (props) => {
   }, convertHEICImages = async (files2) => {
     if (files2 === null || files2.length === 0)
       return [];
-    let heic2any;
-    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heic2any = (await import("heic2any")).default), Promise.all(files2.map(async (file) => {
-      if (HEIC_MIME_TYPES.includes(file.type) && heic2any)
+    let heicToLib;
+    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heicToLib = await import("heic-to")), Promise.all(files2.map(async (file) => {
+      if (heicToLib.isHeic(file))
         try {
-          const converted = await heic2any({
+          const converted = await heicToLib.heicTo({
             blob: file,
             toType: "image/jpeg"
           });

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

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('@tanstack/react-query').UseQueryResult<IGetSession, Error>;
+export default function useSession(): import('../../../node_modules/@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 | null | undefined, options?: LazyLoadOptions): boolean | null;
+export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
 export {};

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -13,10 +13,6 @@ 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);
@@ -26,7 +22,7 @@ function useThumbnail(src, options) {
         img.onload = null, img.onerror = null, setStatus(null);
       };
     }
-  }, [inView, src]), status;
+  }, [inView]), status;
 }
 export {
   useThumbnail as default

package/dist/hooks/useUpload/useUpload.js

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

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 { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useTranslation } from "react-i18next";
 import useToast from "../useToast/useToast.js";
 function useWorkspaceFolders() {
   const queryClient = useQueryClient(), {

package/dist/index.js

@@ -141,6 +141,7 @@ import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import { useFileToAttachment } from "./components/AddAttachments/hooks/useFileToAttachment.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 export {
@@ -291,6 +292,7 @@ export {
   useEdificeClient,
   default85 as useEdificeIcons,
   useEdificeTheme,
+  useFileToAttachment,
   default86 as useHasWorkflow,
   default87 as useHover,
   default88 as useHttpErrorToast,

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

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

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 '@tanstack/react-query';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
 export interface FormInputs {
     title: string;
     description: string;

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

@@ -1,5 +1,5 @@
 import { UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@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 '@tanstack/react-query';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
 /**
  * Configuration options for sharing a resource
  *
@@ -118,11 +118,21 @@ interface ShareResourceProps {
     classNameSearchInput?: string;
 }
 /**
- * Ref interface exposed by ShareResources component.
- * Use useRef with this type and call ref.current?.handleShare() to trigger share programmatically.
+ * Ref interface exposed by ShareResources component
  *
  * @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;
@@ -132,7 +142,46 @@ export interface ShareResourcesRef {
  *
  * A component for managing resource sharing permissions with users and groups.
  * Provides search functionality, bookmark management, and granular rights control.
- * Use forwardRef to get a ref with handleShare(). See ShareResourcesRef interface.
+ *
+ * @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>
+ *     </>
+ *   );
+ * }
+ * ```
  *
  * @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 '@tanstack/react-query';
+import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
 export interface ShareBlogProps {
     resourceId: ID;

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

@@ -35,8 +35,7 @@ const useShareBookmark = ({
           ...shareRights,
           visibleBookmarks: [...shareRights.visibleBookmarks, {
             displayName: name,
-            id: res.id,
-            notVisibleCount: 0
+            id: res.id
           }]
         }
       }), 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 '@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 declare const useShareMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<PutShareResponse, Error, {

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

@@ -220,7 +220,6 @@ const orderedTabs = [
     ] })
   ] }) });
 });
-Object.assign(MediaLibrary, InnerTabs);
 export {
   MediaLibrary as default
 };

package/dist/node_modules/.pnpm/{antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1 → antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/antd/lib/date-picker/locale/de_DE.js

@@ -11,12 +11,12 @@ Object.defineProperty(de_DE, "__esModule", {
 de_DE.default = void 0;
 var _de_DE = _interopRequireDefault(de_DE$1), _de_DE2 = _interopRequireDefault(de_DE$2);
 const locale = {
-  lang: Object.assign({
+  lang: /* @__PURE__ */ Object.assign({
     placeholder: "Datum auswählen",
     rangePlaceholder: ["Startdatum", "Enddatum"],
     shortWeekDays: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
     shortMonths: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"]
   }, _de_DE.default),
-  timePickerLocale: Object.assign({}, _de_DE2.default)
+  timePickerLocale: /* @__PURE__ */ Object.assign({}, _de_DE2.default)
 };
 de_DE.default = locale;

package/dist/node_modules/.pnpm/{antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1 → antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/antd/lib/date-picker/locale/es_ES.js

@@ -11,12 +11,12 @@ Object.defineProperty(es_ES, "__esModule", {
 es_ES.default = void 0;
 var _es_ES = _interopRequireDefault(es_ES$1), _es_ES2 = _interopRequireDefault(es_ES$2);
 const locale = {
-  lang: Object.assign({
+  lang: /* @__PURE__ */ Object.assign({
     placeholder: "Seleccionar fecha",
     rangePlaceholder: ["Fecha inicial", "Fecha final"],
     shortWeekDays: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
     shortMonths: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"]
   }, _es_ES.default),
-  timePickerLocale: Object.assign({}, _es_ES2.default)
+  timePickerLocale: /* @__PURE__ */ Object.assign({}, _es_ES2.default)
 };
 es_ES.default = locale;

package/dist/node_modules/.pnpm/{antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1 → antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/antd/lib/date-picker/locale/fr_FR.js

@@ -11,7 +11,7 @@ Object.defineProperty(fr_FR, "__esModule", {
 fr_FR.default = void 0;
 var _fr_FR = _interopRequireDefault(fr_FR$1), _fr_FR2 = _interopRequireDefault(fr_FR$2);
 const locale = {
-  lang: Object.assign({
+  lang: /* @__PURE__ */ Object.assign({
     placeholder: "Sélectionner une date",
     yearPlaceholder: "Sélectionner une année",
     quarterPlaceholder: "Sélectionner un trimestre",
@@ -22,6 +22,6 @@ const locale = {
     rangeMonthPlaceholder: ["Mois de début", "Mois de fin"],
     rangeWeekPlaceholder: ["Semaine de début", "Semaine de fin"]
   }, _fr_FR.default),
-  timePickerLocale: Object.assign({}, _fr_FR2.default)
+  timePickerLocale: /* @__PURE__ */ Object.assign({}, _fr_FR2.default)
 };
 fr_FR.default = locale;

package/dist/node_modules/.pnpm/{antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1 → antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/antd/lib/date-picker/locale/it_IT.js

@@ -11,10 +11,10 @@ Object.defineProperty(it_IT, "__esModule", {
 it_IT.default = void 0;
 var _it_IT = _interopRequireDefault(it_IT$1), _it_IT2 = _interopRequireDefault(it_IT$2);
 const locale = {
-  lang: Object.assign({
+  lang: /* @__PURE__ */ Object.assign({
     placeholder: "Selezionare la data",
     rangePlaceholder: ["Data d'inizio", "Data di fine"]
   }, _it_IT.default),
-  timePickerLocale: Object.assign({}, _it_IT2.default)
+  timePickerLocale: /* @__PURE__ */ Object.assign({}, _it_IT2.default)
 };
 it_IT.default = locale;

package/dist/node_modules/.pnpm/{antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1 → antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/antd/lib/date-picker/locale/pt_PT.js

@@ -11,7 +11,7 @@ Object.defineProperty(pt_PT, "__esModule", {
 pt_PT.default = void 0;
 var _pt_PT = _interopRequireDefault(pt_PT$1), _pt_PT2 = _interopRequireDefault(pt_PT$2);
 const locale = {
-  lang: Object.assign(Object.assign({}, _pt_PT.default), {
+  lang: /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.assign({}, _pt_PT.default), {
     placeholder: "Data",
     rangePlaceholder: ["Data inicial", "Data final"],
     today: "Hoje",
@@ -38,7 +38,7 @@ const locale = {
     previousCentury: "Último século",
     nextCentury: "Próximo século"
   }),
-  timePickerLocale: Object.assign(Object.assign({}, _pt_PT2.default), {
+  timePickerLocale: /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.assign({}, _pt_PT2.default), {
     placeholder: "Hora"
   })
 };

package/dist/providers/AntThemeProvider/AntProvider.js

@@ -3,11 +3,11 @@ import { ConfigProvider } from "antd";
 import { antTheme } from "./antThemeConfig.js";
 /* empty css                     */
 import { useEdificeClient } from "../EdificeClientProvider/EdificeClientProvider.hook.js";
-import frFR from "../../node_modules/.pnpm/antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/fr_FR.js";
-import deDE from "../../node_modules/.pnpm/antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/de_DE.js";
-import esES from "../../node_modules/.pnpm/antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/es_ES.js";
-import itIT from "../../node_modules/.pnpm/antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/it_IT.js";
-import ptPT from "../../node_modules/.pnpm/antd@5.29.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/pt_PT.js";
+import frFR from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/fr_FR.js";
+import deDE from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/de_DE.js";
+import esES from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/es_ES.js";
+import itIT from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/it_IT.js";
+import ptPT from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/pt_PT.js";
 const antdLocaleMap = {
   fr: frFR,
   de: deDE,

package/dist/providers/EdificeClientProvider/EdificeClientProvider.context.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from '@edifice.io/client';
-import { UseQueryResult } from '@tanstack/react-query';
+import { UseQueryResult } from '../../../node_modules/@tanstack/react-query';
 export interface EdificeClientParams {
     alternativeApp?: boolean;
     app: App;

package/dist/utilities/react-query/react-query-utils.d.ts

@@ -1,4 +1,4 @@
-import { InvalidateQueryFilters, QueryClient } from '@tanstack/react-query';
+import { InvalidateQueryFilters, QueryClient } from '../../../node_modules/@tanstack/react-query';
 /**
  * Invalidates queries and resets infinite query data to only contain the first page.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.12-develop-enabling.20260227103812",
+  "version": "2.5.12-develop-pedago.20260227152929",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -73,10 +73,10 @@
     "dist"
   ],
   "dependencies": {
-    "@ant-design/icons": "5.4.0",
-    "@dnd-kit/core": "6.3.1",
-    "@dnd-kit/sortable": "8.0.0",
-    "@dnd-kit/utilities": "3.2.2",
+    "@ant-design/icons": "^5.4.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react": "0.26.0",
     "@pixi/mixin-get-child-by-name": "7.4.2",
     "@pixi/react": "7.1.2",
@@ -118,66 +118,66 @@
     "@tiptap/pm": "2.11.0",
     "@tiptap/react": "2.11.0",
     "@tiptap/starter-kit": "2.11.0",
-    "@uidotdev/usehooks": "2.4.1",
-    "antd": "5.29.1",
-    "clsx": "2.1.1",
+    "@uidotdev/usehooks": "^2.4.1",
+    "antd": "^5.29.1",
+    "clsx": "^2.1.1",
     "dayjs": "1.11.19",
-    "emoji-picker-react": "4.17.4",
-    "heic2any": "0.0.4",
+    "emoji-picker-react": "4.5.2",
+    "heic-to": "1.4.2",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
     "pixi.js": "7.4.2",
-    "react-hot-toast": "2.6.0",
+    "react-hot-toast": "^2.4.1",
     "react-intersection-observer": "9.5.3",
-    "react-pdf": "10.3.0",
-    "react-popper": "2.3.0",
-    "react-slugify": "3.0.3",
-    "swiper": "10.1.0",
-    "ua-parser-js": "1.0.36",
-    "@edifice.io/bootstrap": "2.5.12-develop-enabling.20260227103812",
-    "@edifice.io/tiptap-extensions": "2.5.12-develop-enabling.20260227103812",
-    "@edifice.io/utilities": "2.5.12-develop-enabling.20260227103812"
+    "react-popper": "^2.3.0",
+    "react-slugify": "^3.0.3",
+    "swiper": "^10.1.0",
+    "ua-parser-js": "^1.0.36",
+    "react-pdf": "10.2.0",
+    "@edifice.io/tiptap-extensions": "2.5.12-develop-pedago.20260227152929",
+    "@edifice.io/utilities": "2.5.12-develop-pedago.20260227152929",
+    "@edifice.io/bootstrap": "2.5.12-develop-pedago.20260227152929"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-pure-annotations": "7.27.1",
-    "@eslint/js": "9.39.2",
-    "@react-spring/web": "9.7.5",
-    "@svgr/cli": "8.1.0",
-    "@tanstack/query-core": "5.90.20",
+    "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
+    "@eslint/js": "^9.12.0",
+    "@react-spring/web": "^9.7.5",
+    "@svgr/cli": "^8.1.0",
+    "@tanstack/query-core": "5.62.7",
     "@tanstack/react-query": "5.62.7",
-    "@testing-library/jest-dom": "6.5.0",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
-    "@types/node": "22.19.8",
-    "@types/pako": "2.0.4",
-    "@types/react": "18.3.27",
-    "@types/react-dom": "18.3.7",
-    "@types/ua-parser-js": "0.7.37",
-    "@vitejs/plugin-react": "4.7.0",
-    "eslint": "9.39.2",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^22.9.1",
+    "@types/pako": "^2.0.3",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@types/ua-parser-js": "^0.7.37",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^9.12.0",
     "eslint-plugin-react-hooks": "5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "0.4.26",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-hook-form": "7.71.1",
-    "react-i18next": "14.1.3",
-    "rollup-plugin-pure": "0.4.0",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-i18next": "^14.1.0",
+    "rollup-plugin-pure": "^0.2.1",
     "rollup-plugin-visualizer": "5.12.0",
-    "typescript-eslint": "8.54.0",
-    "vite": "5.4.14",
-    "vite-plugin-dts": "4.5.4",
-    "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/config": "2.5.12-develop-enabling.20260227103812",
-    "@edifice.io/client": "2.5.12-develop-enabling.20260227103812"
+    "typescript-eslint": "^8.8.1",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.1.0",
+    "vite-tsconfig-paths": "^5.0.1",
+    "@edifice.io/client": "2.5.12-develop-pedago.20260227152929",
+    "@edifice.io/config": "2.5.12-develop-pedago.20260227152929"
   },
   "peerDependencies": {
-    "@react-spring/web": "9.7.5",
+    "@react-spring/web": "^9.7.5",
     "@tanstack/react-query": "5.62.7",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-hook-form": "7.71.1",
-    "react-i18next": "14.1.3"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-i18next": "^14.1.0"
   },
   "publishConfig": {
     "access": "public"
@@ -186,7 +186,6 @@
   "scripts": {
     "build": "pnpm build:icons && vite build",
     "build:icons": "svgr src/modules/icons/assets --config-file ./svgr.config.cjs",
-    "build:analyze": "vite build --mode analyze",
     "fix": "eslint --fix --report-unused-disable-directives --max-warnings 0",
     "format": "pnpm run format:write && pnpm run format:check",
     "format:check": "npx prettier --check \"src/**/*.{ts,tsx}\"",

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

@@ -1,12 +0,0 @@
-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;