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

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

@@ -1,11 +1,8 @@
 import { Attachment } from './models/attachment';
-export type SingleAttachmentType = Attachment;
-export { useFileToAttachment } from './hooks/useFileToAttachment';
 export interface AddAttachmentsProps {
     attachments: Attachment[];
-    onChange?: (attachments: Attachment[]) => void;
-    onFilesSelected?: (files: File[]) => void;
-    onRemoveAttachment?: (attachmentId: string) => void;
+    onFilesSelected: (files: File[]) => void;
+    onRemoveAttachment: (attachmentId: string) => void;
     editMode?: boolean;
     isMutating?: boolean;
     onCopyToWorkspace?: (attachments: Attachment[], folderId: string) => Promise<boolean>;
@@ -15,7 +12,7 @@ export interface AddAttachmentsProps {
     downloadAllUrl?: string;
 }
 export declare const AddAttachments: {
-    ({ attachments, onChange, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ attachments, 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 } from "react";
+import { useRef, useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconDelete from "../../modules/icons/components/IconDelete.js";
 import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
@@ -8,13 +8,22 @@ 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,
@@ -25,8 +34,10 @@ const AddAttachments = ({
 }) => {
   const {
     t
-  } = useTranslation(), inputRef = useRef(null), fileToAttachment = useFileToAttachment(), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0);
-  if (!editMode && !attachments.length) return null;
+  } = 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;
   const resetInputValue = () => {
     inputRef.current && (inputRef.current.value = "");
   }, handleAttachClick = () => {
@@ -35,34 +46,36 @@ const AddAttachments = ({
   }, handleFileChange = (event) => {
     const files = Array.from(event.target.files ?? []);
     if (files.length > 0) {
-      const newAttachments = files.map(fileToAttachment);
-      onChange == null || onChange([...attachments, ...newAttachments]), onFilesSelected == null || onFilesSelected(files);
+      onFilesSelected(files);
+      const newOptimistic = files.map(fileToAttachment);
+      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
     }
     resetInputValue();
   }, handleDetachAllClick = () => {
-    onChange == null || onChange([]), attachments.forEach((a) => onRemoveAttachment == null ? void 0 : onRemoveAttachment(a.id)), resetInputValue();
+    setOptimisticAttachments([]), attachments.forEach((attachment) => {
+      onRemoveAttachment(attachment.id);
+    }), resetInputValue();
   }, handleDetachClick = (attachmentId) => {
-    const next = attachments.filter((a) => a.id !== attachmentId);
-    onChange == null || onChange(next), onRemoveAttachment == null || onRemoveAttachment(attachmentId), resetInputValue();
+    optimisticAttachments.some((attachment) => attachment.id === attachmentId) ? setOptimisticAttachments((prev) => prev.filter((attachment) => attachment.id !== attachmentId)) : 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: [
-    !!attachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!displayedAttachments.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") }),
-        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" }),
+        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" }),
           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: 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}`)) })
+      /* @__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)) })
     ] }),
     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, {}), "data-testid": "common-add-attachments-button-add-attachment", 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, {}), 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 })
@@ -70,6 +83,5 @@ const AddAttachments = ({
 };
 export {
   AddAttachments,
-  AddAttachments as default,
-  useFileToAttachment
+  AddAttachments as default
 };

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

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

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

@@ -1,7 +1,8 @@
+import { default as UAParser } from 'ua-parser-js';
 export default function useBrowserInfo(userAgent?: string): {
-    os: import('ua-parser-js').IOS;
-    device: import('ua-parser-js').IDevice;
-    browser: import('ua-parser-js').IBrowser;
+    os: UAParser.IOS;
+    device: UAParser.IDevice;
+    browser: UAParser.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/useDropzone/useDropzone.js

@@ -35,11 +35,11 @@ const useDropzone = (props) => {
   }, convertHEICImages = async (files2) => {
     if (files2 === null || files2.length === 0)
       return [];
-    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))
+    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)
         try {
-          const converted = await heicToLib.heicTo({
+          const converted = await heic2any({
             blob: file,
             toType: "image/jpeg"
           });

package/dist/index.js

@@ -141,7 +141,6 @@ 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 {
@@ -292,7 +291,6 @@ export {
   useEdificeClient,
   default85 as useEdificeIcons,
   useEdificeTheme,
-  useFileToAttachment,
   default86 as useHasWorkflow,
   default87 as useHover,
   default88 as useHttpErrorToast,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.12-develop-pedago.20260227152929",
+  "version": "2.5.13",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -123,7 +123,7 @@
     "clsx": "^2.1.1",
     "dayjs": "1.11.19",
     "emoji-picker-react": "4.5.2",
-    "heic-to": "1.4.2",
+    "heic2any": "0.0.4",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
@@ -135,9 +135,9 @@
     "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"
+    "@edifice.io/bootstrap": "2.5.13",
+    "@edifice.io/tiptap-extensions": "2.5.13",
+    "@edifice.io/utilities": "2.5.13"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -168,8 +168,8 @@
     "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"
+    "@edifice.io/client": "2.5.13",
+    "@edifice.io/config": "2.5.13"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

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

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

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