@edifice.io/react 2.5.10-develop-pedago.20260217101848 → 2.5.10-develop-pedago.20260217165027

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

@@ -1,8 +1,11 @@
 import { Attachment } from './models/attachment';
+export type AttachmentType = 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,33 +35,31 @@ 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") }),
@@ -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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.10-develop-pedago.20260217101848",
+  "version": "2.5.10-develop-pedago.20260217165027",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -135,9 +135,9 @@
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
     "react-pdf": "10.2.0",
-    "@edifice.io/bootstrap": "2.5.10-develop-pedago.20260217101848",
-    "@edifice.io/utilities": "2.5.10-develop-pedago.20260217101848",
-    "@edifice.io/tiptap-extensions": "2.5.10-develop-pedago.20260217101848"
+    "@edifice.io/bootstrap": "2.5.10-develop-pedago.20260217165027",
+    "@edifice.io/utilities": "2.5.10-develop-pedago.20260217165027",
+    "@edifice.io/tiptap-extensions": "2.5.10-develop-pedago.20260217165027"
   },
   "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.10-develop-pedago.20260217101848",
-    "@edifice.io/config": "2.5.10-develop-pedago.20260217101848"
+    "@edifice.io/client": "2.5.10-develop-pedago.20260217165027",
+    "@edifice.io/config": "2.5.10-develop-pedago.20260217165027"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",