@edifice.io/react 2.5.9-develop-pedago.20260213101441 → 2.5.9-develop-pedago.20260213112355

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

@@ -11,4 +11,8 @@ export interface AddAttachmentsProps {
     /** Si fourni et qu'il y a plusieurs pièces jointes, affiche un bouton « télécharger tout ». */
     downloadAllUrl?: string;
 }
-export declare function AddAttachments({ attachments, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const AddAttachments: {
+    ({ 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

@@ -0,0 +1,87 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+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";
+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 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,
+  onFilesSelected,
+  onRemoveAttachment,
+  editMode = !1,
+  isMutating = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  downloadAllUrl
+}) => {
+  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;
+  const resetInputValue = () => {
+    inputRef.current && (inputRef.current.value = "");
+  }, handleAttachClick = () => {
+    var _a;
+    return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+  }, handleFileChange = (event) => {
+    const files = Array.from(event.target.files ?? []);
+    if (files.length > 0) {
+      onFilesSelected(files);
+      const newOptimistic = files.map(fileToAttachment);
+      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
+    }
+    resetInputValue();
+  }, handleDetachAllClick = () => {
+    setOptimisticAttachments([]), attachments.forEach((attachment) => {
+      onRemoveAttachment(attachment.id);
+    }), resetInputValue();
+  }, handleDetachClick = (attachmentId) => {
+    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: [
+    !!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") }),
+        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: 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, {}), 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 })
+  ] });
+};
+export {
+  AddAttachments,
+  AddAttachments as default
+};

package/dist/components/AddAttachments/components/AddAttachmentToWorkspaceModal.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import Modal from "../../Modal/Modal.js";
+import WorkspaceFolders from "../../../modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import Button from "../../Button/Button.js";
+function AddAttachmentToWorkspaceModal({
+  attachments,
+  isOpen = !1,
+  onModalClose,
+  onCopyToWorkspace
+}) {
+  const {
+    t
+  } = useTranslation(), [selectedFolderIdToCopyFile, setSelectedFolderIdToCopyFile] = useState(void 0), [isLoading, setIsLoading] = useState(!1), [disabled, setDisabled] = useState(!1), handleFolderSelected = (folderId, canCopyFileInto) => {
+    setSelectedFolderIdToCopyFile(canCopyFileInto ? folderId : void 0);
+  }, handleAddAttachmentToWorkspace = async () => {
+    if (selectedFolderIdToCopyFile === void 0) return;
+    setIsLoading(!0), await onCopyToWorkspace(attachments, selectedFolderIdToCopyFile) ? onModalClose() : toast.error(t("attachments.add.to.folder.modal.error")), setIsLoading(!1);
+  };
+  return useEffect(() => {
+    setDisabled(selectedFolderIdToCopyFile === void 0);
+  }, [selectedFolderIdToCopyFile]), /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose, id: "add-attachment-to-workspace-modal", size: "md", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("attachments.add.to.folder.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
+      /* @__PURE__ */ jsx("p", { children: t("attachments.add.to.folder.modal.description", {
+        count: attachments.length
+      }) }),
+      /* @__PURE__ */ jsx(WorkspaceFolders, { onFolderSelected: handleFolderSelected })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onModalClose, children: t("attachments.add.to.folder.modal.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", variant: "filled", onClick: handleAddAttachmentToWorkspace, disabled: isLoading || disabled, isLoading, children: t("attachments.add.to.folder.modal.add") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  AddAttachmentToWorkspaceModal
+};

package/dist/components/AddAttachments/components/SingleAttachment.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import SvgIconDelete from "../../../modules/icons/components/IconDelete.js";
+import SvgIconDownload from "../../../modules/icons/components/IconDownload.js";
+import SvgIconFolderAdd from "../../../modules/icons/components/IconFolderAdd.js";
+import { useTranslation } from "react-i18next";
+import Attachment from "../../Attachment/Attachment.js";
+import IconButton from "../../Button/IconButton.js";
+function SingleAttachment({
+  attachment,
+  onDelete,
+  editMode = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  disabled = !1
+}) {
+  const {
+    t
+  } = useTranslation(), downloadUrl = getDownloadUrl == null ? void 0 : getDownloadUrl(attachment.id);
+  return /* @__PURE__ */ jsx(Attachment, { name: attachment.filename, options: /* @__PURE__ */ jsxs(Fragment, { children: [
+    onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), variant: "ghost", onClick: () => onCopyToWorkspace(attachment), disabled }),
+    downloadUrl !== void 0 && /* @__PURE__ */ jsx("a", { href: downloadUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost", disabled }) }),
+    editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => onDelete(attachment.id), disabled })
+  ] }) });
+}
+export {
+  SingleAttachment
+};

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

@@ -0,0 +1,2 @@
+export { default as AddAttachments } from './AddAttachments';
+export * from './AddAttachments';

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ActionBar';
+export * from './AddAttachments';
 export * from './Alert';
 export * from './AppHeader';
 export * from './AppIcon';

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

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

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;
+export default function useSession(): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;

package/dist/index.js

@@ -1,4 +1,5 @@
 import { default as default2 } from "./components/ActionBar/ActionBar.js";
+import { AddAttachments } from "./components/AddAttachments/AddAttachments.js";
 import { default as default3 } from "./components/Alert/Alert.js";
 import { default as default4 } from "./components/AppHeader/AppHeader.js";
 import { default as default5 } from "./components/AppIcon/AppIcon.js";
@@ -145,6 +146,7 @@ import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
+  AddAttachments,
   default3 as Alert,
   AntProvider,
   default4 as AppHeader,

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 '../../../node_modules/@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 '../../../../node_modules/@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 '../../../node_modules/@tanstack/react-query';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
 /**
  * Configuration options for sharing a resource
  *

package/dist/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -1,5 +1,5 @@
 import { ID, UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationResult } from '../../../../node_modules/@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/useShareMutation.d.ts

@@ -1,5 +1,5 @@
 import { PutShareResponse, ShareRight } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '../../../../node_modules/@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/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 '../../node_modules/@tanstack/react-query';
+import { UseQueryResult } from '../../../node_modules/@tanstack/react-query';
 export interface EdificeClientParams {
     alternativeApp?: boolean;
     app: App;

package/dist/types/color.d.ts

@@ -0,0 +1,3 @@
+export type CommonColor = 'black' | 'gray-800' | 'gray-700' | 'gray-600' | 'gray-500' | 'gray-400' | 'gray-300' | 'gray-200' | 'white' | 'danger' | 'warning' | 'success' | 'info' | 'danger-800' | 'warning-800' | 'success-800' | 'info-800' | 'danger-300' | 'warning-300' | 'success-300' | 'info-300' | 'danger-200' | 'warning-200' | 'success-200' | 'info-200' | 'accessible-blue' | 'accessible-deep-blue' | 'accessible-pink' | 'accessible-salamander' | 'accessible-sunshade' | 'accessible-yellow';
+export type ThemeColor = 'primary' | 'primary-800' | 'primary-300' | 'primary-200' | 'secondary' | 'secondary-800' | 'secondary-300' | 'secondary-200';
+export type Color = CommonColor | ThemeColor;

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

@@ -1,4 +1,4 @@
-import { InvalidateQueryFilters, QueryClient } from '../../node_modules/@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.9-develop-pedago.20260213101441",
+  "version": "2.5.9-develop-pedago.20260213112355",
   "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.9-develop-pedago.20260213101441",
-    "@edifice.io/tiptap-extensions": "2.5.9-develop-pedago.20260213101441",
-    "@edifice.io/utilities": "2.5.9-develop-pedago.20260213101441"
+    "@edifice.io/bootstrap": "2.5.9-develop-pedago.20260213112355",
+    "@edifice.io/utilities": "2.5.9-develop-pedago.20260213112355",
+    "@edifice.io/tiptap-extensions": "2.5.9-develop-pedago.20260213112355"
   },
   "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.9-develop-pedago.20260213101441",
-    "@edifice.io/config": "2.5.9-develop-pedago.20260213101441"
+    "@edifice.io/client": "2.5.9-develop-pedago.20260213112355",
+    "@edifice.io/config": "2.5.9-develop-pedago.20260213112355"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",