@edifice.io/react 2.5.6 → 2.5.8-develop-b2school.20260123114940

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

@@ -0,0 +1,59 @@
+/**
+ * Simple option for SegmentedControl
+ */
+export interface SegmentedOption {
+    /**
+     * Option label
+     */
+    label: string;
+    /**
+     * Option value
+     */
+    value: string;
+}
+/**
+ * SegmentedControl component props
+ *
+ * Minimal interface that only exposes what is necessary.
+ * Ant Design implementation is hidden and no Ant Design-specific props are exposed.
+ * Standard HTML div attributes are supported (passed through to the underlying DOM element).
+ */
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /**
+     * Segmented control options
+     */
+    options: SegmentedOption[];
+    /**
+     * Selected value
+     */
+    value?: string;
+    /**
+     * Callback called when value changes
+     */
+    onChange?: (value: string) => void;
+}
+/**
+ * SegmentedControl component
+ *
+ * Segmented control component for selecting between multiple options.
+ *
+ * **Note:** This component uses Ant Design's Segmented component internally.
+ * Only the props defined in SegmentedControlProps are allowed to prevent
+ * dependency on Ant Design-specific features. To replace the implementation,
+ * modify the component body below.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl
+ *   options={[
+ *     { label: 'List', value: 'list' },
+ *     { label: 'Kanban', value: 'kanban' },
+ *     { label: 'Table', value: 'table' }
+ *   ]}
+ *   value={value}
+ *   onChange={(val) => setValue(val)}
+ * />
+ * ```
+ */
+declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SegmentedControl;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Segmented } from "antd";
+const SegmentedControl = /* @__PURE__ */ forwardRef(({
+  options,
+  value,
+  onChange,
+  ...htmlProps
+}, ref) => {
+  const antProps = {
+    options: options.map((option) => ({
+      ...option,
+      label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
+    })),
+    value,
+    onChange,
+    ref,
+    ...htmlProps
+  };
+  return /* @__PURE__ */ jsx(Segmented, { ...antProps });
+});
+export {
+  SegmentedControl as default
+};

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

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

package/dist/components/Select/Select.d.ts

@@ -14,7 +14,7 @@ export interface OptionsType {
      */
     icon?: JSX.Element;
 }
-export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent'> {
+export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent' | 'defaultValue'> {
     /**
      * Controlled value
      */
@@ -31,13 +31,17 @@ export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<Dropd
      * Callback to get value
      */
     onValueChange?: (option: OptionsType | string) => void;
+    /**
+     * Default value
+     */
+    defaultValue?: string;
 }
 /**
  *
  * Select component is based on Dropdown Component. It extends `Dropdown` and `Dropdown.Trigger` props `block`, `overflow`, `icon`, `variant`, `size`, `disabled`
  */
 declare const Select: {
-    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, defaultValue, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Select;

package/dist/components/Select/Select.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import SelectTrigger from "./SelectTrigger.js";
 import Dropdown from "../Dropdown/Dropdown.js";
+import SelectTrigger from "./SelectTrigger.js";
 const Select = ({
   selectedValue,
   icon,
@@ -13,7 +13,8 @@ const Select = ({
   size,
   disabled,
   placeholderOption,
-  onValueChange
+  onValueChange,
+  defaultValue
 }) => {
   const [localValue, setLocalValue] = useState(), {
     t
@@ -25,10 +26,15 @@ const Select = ({
       const value = typeof localValue == "object" ? localValue.value : localValue;
       onValueChange == null || onValueChange(value);
     }
-  }, [localValue]);
+  }, [localValue]), useEffect(() => {
+    if (defaultValue) {
+      const foundOption = options.find((option) => (typeof option == "object" ? option.value : option) === defaultValue);
+      foundOption !== void 0 && setLocalValue(foundOption);
+    }
+  }, []);
   const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
   return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: t(label || placeholderOption), variant, size, disabled }),
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: /* @__PURE__ */ jsx("span", { className: "text-truncate", children: t(label || placeholderOption) }), variant, size, disabled }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
       const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
       return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);

package/dist/components/Toolbar/Toolbar.js

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, createElement } from "react";
 import clsx from "clsx";
 import useBreakpoint from "../../hooks/useBreakpoint/useBreakpoint.js";
-import { mergeRefs } from "../../utilities/refs/ref.js";
 import Tooltip from "../Tooltip/Tooltip.js";
 import Button from "../Button/Button.js";
 import Dropdown from "../Dropdown/Dropdown.js";
 import IconButton from "../Button/IconButton.js";
+import { mergeRefs } from "../../utilities/refs/ref.js";
 const Toolbar = /* @__PURE__ */ forwardRef(({
   items,
   variant = "default",

package/dist/components/index.d.ts

@@ -12,6 +12,8 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
+export * from './DatePicker';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
@@ -34,6 +36,7 @@ export * from './PreventPropagation';
 export * from './Radio';
 export * from './RadioCard';
 export * from './SearchBar';
+export * from './SegmentedControl';
 export * from './Select';
 export * from './Skeleton';
 export * from './StackedGroup';

package/dist/editor.js

@@ -1,28 +1,31 @@
 import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
-import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
-import { default as default4 } from "./modules/editor/components/Editor/EditorSkeleton.js";
-import { default as default5 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default3 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default4 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default6 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default7 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
 import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default12 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default13 } from "./modules/editor/components/NodeView/IframeNodeView.js";
-import { default as default14 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default19 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default20 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default21 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default9 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default10 } from "./modules/editor/components/Editor/Editor.js";
+import { default as default11 } from "./modules/editor/components/Editor/EditorPreview.js";
+import { default as default12 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
+import { default as default13 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default14 } from "./modules/editor/components/NodeView/IframeNodeView.js";
+import { default as default15 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default16 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default17 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default18 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default19 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default20 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default21 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default22 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default23 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { EditorContext, useEditorContext } from "./modules/editor/hooks/useEditorContext.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
+import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
-import { EditorContext, useEditorContext } from "./modules/editor/hooks/useEditorContext.js";
 import { useImageModal } from "./modules/editor/hooks/useImageModal.js";
 import { useImageSelection } from "./modules/editor/hooks/useImageSelection.js";
 import { useLinkToolbar } from "./modules/editor/hooks/useLinkToolbar.js";
@@ -32,32 +35,33 @@ import { useResizeMedia } from "./modules/editor/hooks/useResizeMedia.js";
 import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognition.js";
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
-import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
-  default6 as AttachmentNodeView,
-  default14 as AttachmentRenderer,
-  default7 as AudioNodeView,
-  default15 as AudioRenderer,
-  default5 as BubbleMenuEditImage,
+  default3 as AttachmentNodeView,
+  default4 as AttachmentRenderer,
+  default5 as AudioNodeView,
+  default6 as AudioRenderer,
+  default7 as BubbleMenuEditImage,
   default8 as ConversationHistoryNodeView,
-  default16 as ConversationHistoryRenderer,
-  default3 as Editor,
+  default9 as ConversationHistoryRenderer,
+  default10 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorSkeleton,
+  default11 as EditorPreview,
+  default12 as EditorPreviewSkeleton,
+  default13 as EditorSkeleton,
   EditorToolbar,
-  default13 as IframeNodeView,
-  default9 as ImageNodeView,
-  default12 as InformationPaneNodeView,
-  default19 as InformationPaneRenderer,
-  default21 as LinkToolbar,
-  default10 as LinkerNodeView,
-  default17 as LinkerRenderer,
-  default18 as MediaRenderer,
+  default14 as IframeNodeView,
+  default15 as ImageNodeView,
+  default16 as InformationPaneNodeView,
+  default17 as InformationPaneRenderer,
+  default18 as LinkToolbar,
+  default19 as LinkerNodeView,
+  default20 as LinkerRenderer,
+  default21 as MediaRenderer,
   default2 as StarterKit,
-  default20 as TableToolbar,
-  default11 as VideoNodeView,
+  default22 as TableToolbar,
+  default23 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

package/dist/hooks/index.d.ts

@@ -15,6 +15,7 @@ export * from './useHasWorkflow';
 export * from './useHover';
 export * from './useHttpErrorToast';
 export * from './useImage';
+export * from './useInfiniteScroll';
 export * from './useIsAdml';
 export * from './useIsAdmc';
 export * from './useIsAdmlcOrAdmc';

package/dist/hooks/useConversation/useConversation.js

@@ -6,7 +6,9 @@ const useConversation = () => {
   const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  }, {
+  };
+  zimbraWorkflow || (queryParams.queryparam_token = (/* @__PURE__ */ new Date()).getTime());
+  const {
     data: messages
   } = useQuery({
     queryKey: ["folder", "count", "inbox"],

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,5 +1,5 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
-import { useFloating, offset, size, flip, autoUpdate, useHover, safePolygon } from "@floating-ui/react";
+import { useFloating, autoUpdate, offset, size, flip, useHover, safePolygon } from "@floating-ui/react";
 import { mergeRefs } from "../../utilities/refs/ref.js";
 const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0, focusOnMouseEnter = !0) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {

package/dist/hooks/useDropzone/useDropzone.d.ts

@@ -17,7 +17,7 @@ declare const useDropzone: (props?: {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
+    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => Promise<void>;
     /** Replace a file in the `files` list. */
     replaceFileAt: (index: number, file: File) => void;
     /** Remove a file from the `files` list. */
@@ -25,7 +25,7 @@ declare const useDropzone: (props?: {
     /** Add a file to the `files` list. */
     addFile: (file: File) => void;
     /** Add many files to the `files` list. */
-    addFiles: (files: File[]) => void;
+    addFiles: (files: File[]) => Promise<void>;
     /** Empty the `files` list. */
     cleanFiles: () => void;
     /** Callback to attach to your `input[type=file]` HTMLElement. */

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,4 +1,5 @@
 import { useState, useRef } from "react";
+import { HEIC_MIME_TYPES } from "../../utilities/mime-types/mime-types-utils.js";
 const useDropzone = (props) => {
   const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
     addFiles([file]);
@@ -23,14 +24,33 @@ const useDropzone = (props) => {
       });
     }
     return filteredFiles;
-  }, addFiles = (files2) => {
-    let filesToAdd = files2.sort((a, b) => b.lastModified - a.lastModified).map((file) => (
+  }, addFiles = async (files2) => {
+    let filesToAdd = (await convertHEICImages(files2)).sort((a, b) => b.lastModified - a.lastModified).map((file) => (
       // #WB-3377: Remove special characters from the file name. (it can cause issues with vertx which replace it or remove it)
       new File([file], file.name.replace(/[!:,;="']/g, ""), {
         type: file.type
       })
     ));
     filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
+  }, 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)
+        try {
+          const converted = await heic2any({
+            blob: file,
+            toType: "image/jpeg"
+          });
+          return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
+            type: "image/jpeg"
+          });
+        } catch (error) {
+          return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
+        }
+      return file;
+    }));
   }, cleanFiles = () => {
     setFiles([]);
   }, handleOnChange = (event) => {
@@ -53,11 +73,11 @@ const useDropzone = (props) => {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: (event) => {
+    handleDrop: async (event) => {
       var _a;
       handleDragLeave(event);
       const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      files2 && (addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
+      files2 && (await addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
     },
     /** Replace a file in the `files` list. */
     replaceFileAt,

package/dist/hooks/useInfiniteScroll/index.d.ts

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

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -0,0 +1,33 @@
+/**
+ * A custom React hook that provides infinite scroll functionality using the Intersection Observer API.
+ *
+ * This hook returns a ref callback that can be attached to a DOM element (typically at the bottom
+ * of a scrollable list). When that element becomes visible in the viewport, the provided callback
+ * function is executed, allowing you to load more content.
+ *
+ * @param params - Configuration object for the infinite scroll hook
+ * @param params.callback - Function to execute when the observed element intersects with the viewport
+ * @param params.options - Optional Intersection Observer configuration options (defaults to { threshold: 0.1 })
+ *
+ * @returns A ref callback function that should be attached to the target DOM element
+ *
+ * @example
+ * ```typescript
+ * const loadMoreRef = useInfiniteScroll({
+ *     // Load more data when the element is visible
+ *   callback: loadMoreItems,
+ *   options: { threshold: 0.5 } // Trigger when 50% of element is visible
+ * });
+ *
+ * return (
+ *   <div>
+ *     {items.map(item => <Item key={item.id} {...item} />)}
+ *     <div ref={loadMoreRef}>Loading...</div>
+ *   </div>
+ * );
+ * ```
+ */
+export default function useInfiniteScroll({ callback, options, }: {
+    callback: () => void;
+    options?: IntersectionObserverInit;
+}): (node: HTMLElement | null) => void;

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -0,0 +1,20 @@
+import { useRef, useCallback } from "react";
+function useInfiniteScroll({
+  callback,
+  options = {
+    threshold: 0.1
+  }
+}) {
+  const observerRef = useRef(null);
+  return useCallback((node) => {
+    if (observerRef.current && (observerRef.current.disconnect(), observerRef.current = null), !node) return;
+    const observer = new IntersectionObserver(async (entries) => {
+      for (const entry of entries)
+        entry.isIntersecting && await callback();
+    }, options);
+    observer.observe(node), observerRef.current = observer;
+  }, [callback, options]);
+}
+export {
+  useInfiniteScroll as default
+};