@edifice.io/react 2.2.2-develop-b2school.20250410105023 → 2.2.2-develop-pedago.20250411150037

package/dist/components/List/List.d.ts

@@ -5,10 +5,6 @@ export type ListProps<T> = {
      * Toolbar data items
      */
     items?: ToolbarItem[];
-    /**
-     * Checkable list
-     */
-    isCheckable?: boolean;
     /**
      * Generic data
      */
@@ -21,11 +17,7 @@ export type ListProps<T> = {
      * Callback to get selected ids
      */
     onSelectedItems?: (selectedIds: string[]) => void;
-    /**
-     * Custom class name
-     */
-    className?: string;
 };
 export declare const List: <T extends {
     _id: string;
-}>({ items, isCheckable, data, renderNode, onSelectedItems, className, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ items, data, renderNode, onSelectedItems, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/List.js

@@ -7,11 +7,9 @@ import Checkbox from "../Checkbox/Checkbox.js";
 import { Toolbar } from "../Toolbar/Toolbar.js";
 const List = ({
   items,
-  isCheckable = !1,
   data,
   renderNode,
-  onSelectedItems,
-  className
+  onSelectedItems
 }) => {
   const {
     selectedItems,
@@ -23,9 +21,11 @@ const List = ({
   return useEffect(() => {
     selectedItems && (onSelectedItems == null || onSelectedItems(selectedItems));
   }, [onSelectedItems, selectedItems]), /* @__PURE__ */ jsxs(Fragment, { children: [
-    (items || isCheckable) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: clsx("list-header d-flex align-items-center gap-8 px-12", className), children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8 py-12", children: [
+    items && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: clsx("d-flex align-items-center gap-8", {
+        "px-12": items
+      }), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8", children: [
           /* @__PURE__ */ jsx(Checkbox, { checked: allItemsSelected, indeterminate: isIndeterminate, onChange: () => handleOnSelectAllItems(allItemsSelected) }),
           /* @__PURE__ */ jsxs("span", { children: [
             "(",
@@ -33,15 +33,15 @@ const List = ({
             ")"
           ] })
         ] }),
-        items && /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
+        /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
           "px-0 ms-auto": !isDesktopDevice
         }) })
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: "border-top" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-8", children: data == null ? void 0 : data.map((node) => {
-      const checked = selectedItems.includes(node._id);
-      return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => handleOnSelectItem(node._id), onClick: (event) => event.stopPropagation() }), checked) }, node._id);
+      const checkbox = /* @__PURE__ */ jsx(Checkbox, { checked: selectedItems.includes(node._id), onChange: () => handleOnSelectItem(node._id) }), checked = selectedItems.includes(node._id);
+      return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, checkbox, checked) }, node._id);
     }) })
   ] });
 };

package/dist/components/PreventPropagation/PreventPropagation.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface PreventPropagationProps {
+    /** Children Props */
+    children: ReactNode;
+}
+declare const PreventPropagation: {
+    ({ children }: PreventPropagationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PreventPropagation;

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+const Root = ({
+  children
+}) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
+  e.stopPropagation();
+}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
+export {
+  PreventPropagation as default
+};

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

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

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
 import { Size } from '../../types';
-export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+export interface BaseProps {
     /**
      * String or Template literal with React i18next namespace
      */

package/dist/components/SearchBar/SearchBar.js

@@ -24,12 +24,10 @@ const SearchBar = ({
     "ps-48": isVariant
   }), handleClick = () => {
     onClick == null || onClick();
-  }, handleKeyDown = (e) => {
-    e.key === "Enter" && (e.preventDefault(), handleClick());
   };
   return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
     isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgIconSearch, {}) }),
-    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, onKeyDown: handleKeyDown, ...restProps }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
     !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgIconSearch, {}), className: "border-start-0", onClick: handleClick })
   ] });
 };

package/dist/components/StackedGroup/StackedGroup.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface StackedGroupProps {
+    /**
+     * Children to stack
+     */
+    children: ReactNode[];
+    /**
+     * Overlap between items (in pixels)
+     * @default 20
+     */
+    overlap?: number;
+    /**
+     * Controls stacking order. When 'rightFirst', rightmost item has highest z-index
+     * @default 'leftFirst'
+     */
+    stackingOrder?: 'leftFirst' | 'rightFirst';
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+declare const StackedGroup: import('react').ForwardRefExoticComponent<StackedGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export default StackedGroup;

package/dist/components/StackedGroup/StackedGroup.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const StackedGroup = /* @__PURE__ */ forwardRef(({
+  children,
+  overlap = 20,
+  className,
+  stackingOrder = "leftFirst"
+}, ref) => {
+  const classes = clsx("stacked-group", className);
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
+    display: "flex",
+    alignItems: "center"
+  }, children: children.map((child, index) => /* @__PURE__ */ jsx("div", { style: {
+    marginLeft: index === 0 ? 0 : `-${overlap}px`,
+    zIndex: stackingOrder === "rightFirst" ? children.length - index : index + 1
+  }, children: child }, index)) });
+});
+export {
+  StackedGroup as default
+};

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

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

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,29 @@
+import { InputHTMLAttributes } from 'react';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * The label of the switch
+     */
+    label?: string;
+    /**
+     * The value of the switch
+     */
+    value?: string;
+    /**
+     * Define if switch is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Define switch size
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Additional class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * Switch color variant
+     */
+    variant?: 'default' | 'ghost' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+}
+declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Switch = /* @__PURE__ */ forwardRef(({
+  className,
+  label,
+  value,
+  disabled,
+  size = "md",
+  variant = "default",
+  labelClassName,
+  ...restProps
+}, ref) => {
+  const switchClass = clsx("switch", {
+    [`switch-${size}`]: size,
+    [`switch-${variant}`]: variant,
+    "switch-disabled": disabled
+  }, className), labelClass = clsx("switch-label", labelClassName);
+  return /* @__PURE__ */ jsxs("label", { className: switchClass, children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", ref, value, disabled, ...restProps }),
+    /* @__PURE__ */ jsx("span", { className: "slider" }),
+    label && /* @__PURE__ */ jsx("span", { className: labelClass, children: label })
+  ] });
+});
+export {
+  Switch as default
+};

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

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

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './AppHeader';
 export * from './AppIcon';
 export * from './Attachment';
 export * from './Avatar';
+export * from './AvatarGroup';
 export * from './Badge';
 export * from './Breadcrumb';
 export * from './Button';
@@ -28,9 +29,12 @@ export * from './Logo';
 export * from './Menu';
 export * from './Modal';
 export * from './Popover';
+export * from './PreventPropagation';
 export * from './Radio';
 export * from './SearchBar';
 export * from './Select';
+export * from './StackedGroup';
+export * from './Switch';
 export * from './Table';
 export * from './Tabs';
 export * from './TextArea';

package/dist/editor.js

@@ -2,17 +2,17 @@ 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/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default11 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default12 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default13 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default14 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default12 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
 import { default as default16 } from "./modules/editor/components/Toolbar/TableToolbar.js";
 import { default as default17 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
@@ -29,26 +29,26 @@ import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognitio
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 export {
-  default5 as AttachmentNodeView,
-  default11 as AttachmentRenderer,
-  default6 as AudioNodeView,
-  default12 as AudioRenderer,
+  default6 as AttachmentNodeView,
+  default12 as AttachmentRenderer,
+  default5 as AudioNodeView,
+  default11 as AudioRenderer,
   default4 as BubbleMenuEditImage,
-  default7 as ConversationHistoryNodeView,
-  default13 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
   EditorToolbar,
-  default8 as ImageNodeView,
+  default7 as ImageNodeView,
+  default10 as InformationPaneNodeView,
+  default15 as InformationPaneRenderer,
   default17 as LinkToolbar,
-  default9 as LinkerNodeView,
-  default14 as LinkerRenderer,
-  default15 as MediaRenderer,
+  default8 as LinkerNodeView,
+  default13 as LinkerRenderer,
+  default14 as MediaRenderer,
   default2 as StarterKit,
   default16 as TableToolbar,
-  default10 as VideoNodeView,
+  default9 as VideoNodeView,
   useActionOptions,
   useCommentEditor,
   useEditor,

package/dist/hooks/index.d.ts

@@ -29,7 +29,6 @@ export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';
 export * from './useWorkspaceFile';
-export * from './useWorkspaceFolders';
 export * from './useWorkspaceSearch';
 export * from './useXitiTrackPageLoad';
 export * from './useZendeskGuide';

package/dist/hooks/useCheckable/useCheckable.js

@@ -1,20 +1,13 @@
-import { useState, useEffect } from "react";
+import { useState } from "react";
 const useCheckable = (data) => {
-  const [selectedItems, setSelectedItems] = useState([]);
-  useEffect(() => {
-    if (data) {
-      const validSelectedItems = selectedItems.filter((id) => data.some((item) => item._id === id));
-      validSelectedItems.length !== selectedItems.length && setSelectedItems(validSelectedItems);
-    }
-  }, [data]);
-  const handleOnSelectItem = (itemId) => {
+  const [selectedItems, setSelectedItems] = useState([]), handleOnSelectItem = (itemId) => {
     setSelectedItems((currentSelection) => {
       const newSelection = [...currentSelection];
       return newSelection.includes(itemId) ? newSelection.splice(newSelection.indexOf(itemId), 1) : newSelection.push(itemId), newSelection;
     });
   }, handleOnSelectAllItems = (deselect) => {
     setSelectedItems(() => deselect ? [] : (data == null ? void 0 : data.map((item) => item._id)) ?? []);
-  }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length) && (data == null ? void 0 : data.length) > 0, isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
+  }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length), isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
   return {
     selectedItems,
     allItemsSelected,

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/useConversation/useConversation.d.ts

@@ -1,5 +1,5 @@
 declare const useConversation: () => {
-    readonly messages: any;
+    readonly messages: number;
     readonly msgLink: string;
     readonly zimbraWorkflow: boolean | Record<string, boolean> | undefined;
 };

package/dist/hooks/useConversation/useConversation.js

@@ -1,21 +1,23 @@
 import { useState, useEffect } from "react";
 import { odeServices } from "@edifice.io/client";
-import { useQuery } from "@tanstack/react-query";
 import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
 const useConversation = () => {
-  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
+  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [messages, setMessages] = useState(0), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  }, {
-    data: messages
-  } = useQuery({
-    queryKey: ["conversation-navbar-count"],
-    queryFn: async () => await odeServices.http().get(zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX", {
-      queryParams
-    }),
-    staleTime: 5 * 60 * 1e3
-    // 5 minutes
-  }), goToMessagerie = async () => {
+  }, refreshMails = async () => {
+    const url = zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
+    try {
+      const {
+        count
+      } = await odeServices.http().get(url, {
+        queryParams
+      });
+      setMessages(count ?? 0);
+    } catch (error) {
+      console.error(error), setMessages(0);
+    }
+  }, goToMessagerie = async () => {
     const defaultLink = "/zimbra/zimbra";
     try {
       const {
@@ -27,9 +29,11 @@ const useConversation = () => {
     }
   };
   return useEffect(() => {
+    refreshMails();
+  }, []), useEffect(() => {
     goToMessagerie();
   }, []), {
-    messages: messages ? messages.count : 0,
+    messages,
     msgLink,
     zimbraWorkflow
   };

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -27,7 +27,6 @@ export interface UseDropdownProps {
     menuProps: Record<string, any>;
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
-    openOnSpace?: boolean;
 }
-declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean) => UseDropdownProps;
+declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,7 +1,7 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
 import { useFloating, offset, size, flip, autoUpdate, useHover, safePolygon } from "@floating-ui/react";
 import { mergeRefs } from "../../utilities/refs/ref.js";
-const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0) => {
+const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {
     refs,
     floatingStyles,
@@ -11,7 +11,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     open: visible,
     onOpenChange: setVisible,
     whileElementsMounted: autoUpdate,
-    middleware: [offset(0), size({
+    middleware: [offset(4), size({
       apply({
         rects,
         elements
@@ -32,7 +32,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
   });
   const menuRef = useRef(null), triggerRef = useRef(null), itemRefs = useRef({});
   useEffect(() => {
-    visible && menuRef.current && focusOnVisible ? (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
+    visible ? menuRef.current && (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
   }, [visible]), useEffect(() => {
     if (activeIndex !== -1) {
       const currentItem = Object.values(itemRefs.current)[activeIndex];
@@ -66,8 +66,6 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     switch (event.code) {
       case " ":
       case "Space":
-        if (!openOnSpace)
-          break;
       case "Enter":
       case "ArrowDown":
       case "Down":

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>;