@edifice.io/react 2.5.13-develop-b2school.20260313184353 → 2.5.13-develop-pedago.20260316113612

package/dist/_virtual/common.js

@@ -0,0 +1,4 @@
+var common = {};
+export {
+  common as __exports
+};

package/dist/_virtual/de_DE.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE2.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE3.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE4.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE5.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE6.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/defineProperty.js

@@ -0,0 +1,4 @@
+var defineProperty = { exports: {} };
+export {
+  defineProperty as __module
+};

package/dist/_virtual/es_ES.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES2.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES3.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES4.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES5.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES6.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/fr_FR.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR2.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR3.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR4.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR5.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR6.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/interopRequireDefault.js

@@ -0,0 +1,4 @@
+var interopRequireDefault = { exports: {} };
+export {
+  interopRequireDefault as __module
+};

package/dist/_virtual/it_IT.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT2.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT3.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT4.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT5.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT6.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/objectSpread2.js

@@ -0,0 +1,4 @@
+var objectSpread2 = { exports: {} };
+export {
+  objectSpread2 as __module
+};

package/dist/_virtual/pt_PT.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT2.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT3.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT4.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT5.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT6.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/toPrimitive.js

@@ -0,0 +1,4 @@
+var toPrimitive = { exports: {} };
+export {
+  toPrimitive as __module
+};

package/dist/_virtual/toPropertyKey.js

@@ -0,0 +1,4 @@
+var toPropertyKey = { exports: {} };
+export {
+  toPropertyKey as __module
+};

package/dist/_virtual/typeof.js

@@ -0,0 +1,4 @@
+var _typeof = { exports: {} };
+export {
+  _typeof as __module
+};

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/Layout/components/WidgetApps.js

@@ -11,10 +11,10 @@ const WidgetAppsFooter = () => {
 }) => {
   const {
     t
-  } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
+  } = 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, title: getAppName(app), 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))
+    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/MediaViewer/PdfViewer.js

@@ -1,27 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef } from "react";
+import { Document, Page } from "react-pdf";
 import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
 function PdfViewer({
   mediaUrl,
   scale
 }) {
-  const [numPages, setNumPages] = useState(null), [Document, setDocument] = useState(null), [Page, setPage] = useState(null), [isLoading, setIsLoading] = useState(!0), pagesRef = useRef([]);
-  useEffect(() => {
-    (async () => {
-      try {
-        const reactPdf = await import("react-pdf");
-        setDocument(() => reactPdf.Document), setPage(() => reactPdf.Page), setIsLoading(!1);
-      } catch (error) {
-        console.error("Failed to load react-pdf:", error);
-      }
-    })();
-  }, []);
-  const onDocumentLoadSuccess = ({
+  const [numPages, setNumPages] = useState(null), pagesRef = useRef([]), onDocumentLoadSuccess = ({
     numPages: numPages2
   }) => {
     setNumPages(numPages2);
   };
-  return isLoading || !Document || !Page ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsx("div", { style: {
+  return /* @__PURE__ */ jsx("div", { style: {
     width: `calc(600px * ${scale})`,
     height: "calc(100vh - 52px)",
     overflowY: "auto",

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -27,14 +27,6 @@ export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDiv
      * Selected value
      */
     value?: string;
-    /**
-     * Variant of the segmented control, affecting its styling.
-     * - 'default': standard segmented control with borders.
-     * - 'ghost': borderless segmented control, relying on background and text color for distinction.
-     *
-     * @default 'default'
-     */
-    variant?: 'default' | 'ghost';
     /**
      * Callback called when value changes
      */

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,26 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import { Segmented } from "antd";
-import clsx from "clsx";
 import { forwardRef } from "react";
+import { Segmented } from "antd";
 const SegmentedControl = /* @__PURE__ */ forwardRef(({
   options,
   value,
   onChange,
-  variant = "default",
-  className,
   ...htmlProps
 }, ref) => {
-  const transformedOptions = options.map((option) => ({
-    ...option,
-    label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
-  })), classNames = clsx(className, {
-    ghost: variant === "ghost"
-  }), antProps = {
-    options: transformedOptions,
+  const antProps = {
+    options: options.map((option) => ({
+      ...option,
+      label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
+    })),
     value,
     onChange,
     ref,
-    className: classNames,
     ...htmlProps
   };
   return /* @__PURE__ */ jsx(Segmented, { ...antProps });

package/dist/components/UserSearch/UserSearch.d.ts

@@ -0,0 +1,7 @@
+import { UserSearchProps, UserSearchRef } from './types/types';
+/**
+ * User search component with combobox UI. Supports users, groups and bookmarks,
+ * debounced search, and optional sharing/selection tracking.
+ * Loading state is managed internally during getSearchResults calls.
+ */
+export declare const UserSearch: import('react').ForwardRefExoticComponent<UserSearchProps & import('react').RefAttributes<UserSearchRef>>;

package/dist/components/UserSearch/UserSearch.js

@@ -0,0 +1,82 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
+import SvgIconBookmark from "../../modules/icons/components/IconBookmark.js";
+import SvgIconGroupAvatar from "../../modules/icons/components/IconGroupAvatar.js";
+import SvgIconUser from "../../modules/icons/components/IconUser.js";
+import { VisibleType } from "./types/visible.js";
+import useDebounce from "../../hooks/useDebounce/useDebounce.js";
+import Combobox from "../Combobox/Combobox.js";
+function buildSharedItemsCacheFromInitialSharings(initialSharings) {
+  return new Map(initialSharings.map((item) => [item.recipientId, {
+    id: item.recipientId,
+    displayName: item.displayName,
+    type: item.recipientType === "user" ? VisibleType.User : item.recipientType === "group" ? VisibleType.Group : VisibleType.ShareBookmark
+  }]));
+}
+const UserSearch = /* @__PURE__ */ forwardRef(({
+  placeholder = "Rechercher un utilisateur",
+  isAdmlcOrAdmc = !1,
+  bookmarks = [],
+  initialSharings = [],
+  getSearchResults,
+  onSearchResultsChange
+}, ref) => {
+  const [searchResults, setSearchResults] = useState(bookmarks), [searchInputValue, setSearchInputValue] = useState(""), debouncedSearchInputValue = useDebounce(searchInputValue, 500), [sharingsIds, setSharingsIds] = useState(new Set(initialSharings.map((item) => item.recipientId))), [sharedItemsCache, setSharedItemsCache] = useState(() => buildSharedItemsCacheFromInitialSharings(initialSharings)), [isLoading, setIsLoading] = useState(!1), searchMinLength = isAdmlcOrAdmc ? 3 : 1, getIcon = (type) => {
+    switch (type) {
+      case VisibleType.User:
+        return /* @__PURE__ */ jsx(SvgIconUser, {});
+      case VisibleType.Group:
+      case VisibleType.BroadcastGroup:
+        return /* @__PURE__ */ jsx(SvgIconGroupAvatar, {});
+      case VisibleType.ShareBookmark:
+        return /* @__PURE__ */ jsx(SvgIconBookmark, {});
+      default:
+        return null;
+    }
+  }, searchResultsToOptions = (searchResults2) => searchResults2.map((result) => ({
+    value: result.id,
+    label: result.displayName,
+    icon: getIcon(result.type)
+  })), filterResults = (results) => results.filter((result) => !sharingsIds.has(result.id));
+  useEffect(() => {
+    let cancelled = !1;
+    async function getResults() {
+      setIsLoading(!0);
+      try {
+        const response = await getSearchResults(debouncedSearchInputValue);
+        if (!cancelled) {
+          const rawResults = [...bookmarks, ...response.results];
+          setSearchResults(filterResults(rawResults));
+        }
+      } catch {
+        cancelled || setSearchResults(filterResults(bookmarks));
+      } finally {
+        cancelled || setIsLoading(!1);
+      }
+    }
+    return debouncedSearchInputValue.length >= searchMinLength ? getResults() : setSearchResults(filterResults(bookmarks)), () => {
+      cancelled = !0, setIsLoading(!1);
+    };
+  }, [debouncedSearchInputValue]);
+  const handleSearchInputChange = (event) => {
+    setSearchInputValue(event.target.value);
+  }, handleRemoveSharing = useCallback((recipientId) => {
+    setSharingsIds((prev) => {
+      const next = new Set(prev);
+      return next.delete(recipientId), next;
+    });
+    const cached = sharedItemsCache.get(recipientId);
+    cached && setSearchResults((prev) => prev.some((r) => r.id === recipientId) ? prev : [...prev, cached]);
+  }, [sharedItemsCache]);
+  useImperativeHandle(ref, () => ({
+    removeSharing: handleRemoveSharing
+  }), [handleRemoveSharing]);
+  const handleSearchResultsChange = (model) => {
+    const searchResultId = model[0], searchResult = searchResults.find((result) => result.id === searchResultId);
+    searchResult && (setSharingsIds((prev) => /* @__PURE__ */ new Set([...prev, searchResult.id])), setSharedItemsCache((prev) => new Map(prev).set(searchResult.id, searchResult)), setSearchResults((prev) => prev.filter((result) => result.id !== searchResult.id)), onSearchResultsChange == null || onSearchResultsChange(searchResult));
+  };
+  return /* @__PURE__ */ jsx(Combobox, { "data-testid": "common-user-search-input-search", value: searchInputValue, placeholder, isLoading, noResult: searchResults.length === 0, options: searchResultsToOptions(searchResults), searchMinLength, onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange });
+});
+export {
+  UserSearch
+};

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

@@ -0,0 +1,3 @@
+export * from './UserSearch';
+export * from './types/types';
+export * from './types/visible';

package/dist/components/UserSearch/types/types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { Visible } from './visible';
+export interface UserSearchProps {
+    placeholder?: string;
+    isAdmlcOrAdmc?: boolean;
+    bookmarks?: Visible[];
+    initialSharings?: SharingItem[];
+    getSearchResults: (searchInputValue: string) => Promise<SearchResponse>;
+    onSearchResultsChange?: (searchResult: Visible) => void;
+}
+export interface UserSearchRef {
+    removeSharing: (recipientId: string) => void;
+}
+export interface SearchResponse {
+    results: Visible[];
+}
+export type SearchResultType = 'user' | 'group' | 'bookmark';
+export interface SearchResultBase {
+    id: string;
+    displayName: string;
+    icon: ReactNode;
+    type: SearchResultType;
+}
+export interface SharingItem {
+    recipientId: string;
+    recipientType: SearchResultType;
+    permission: string[];
+    displayName: string;
+}