@edifice.io/react 2.0.0-develop-pedago.20250108152614 → 2.0.0-develop-b2school.20250108160141

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

@@ -5,6 +5,10 @@ export type ListProps<T> = {
      * Toolbar data items
      */
     items?: ToolbarItem[];
+    /**
+     * Checkable list
+     */
+    isCheckable?: boolean;
     /**
      * Generic data
      */
@@ -20,4 +24,4 @@ export type ListProps<T> = {
 };
 export declare const List: <T extends {
     _id: string;
-}>({ items, data, renderNode, onSelectedItems, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ items, isCheckable, data, renderNode, onSelectedItems, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/List.js

@@ -7,6 +7,7 @@ import Checkbox from "../Checkbox/Checkbox.js";
 import { Toolbar } from "../Toolbar/Toolbar.js";
 const List = ({
   items,
+  isCheckable = !1,
   data,
   renderNode,
   onSelectedItems
@@ -21,9 +22,10 @@ const List = ({
   return useEffect(() => {
     selectedItems && (onSelectedItems == null || onSelectedItems(selectedItems));
   }, [onSelectedItems, selectedItems]), /* @__PURE__ */ jsxs(Fragment, { children: [
-    items && /* @__PURE__ */ jsxs(Fragment, { children: [
+    (items || isCheckable) && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: clsx("d-flex align-items-center gap-8", {
-        "px-12": items
+        "px-12": items,
+        "px-12 py-12": !(items != null && items.length)
       }), 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) }),
@@ -33,7 +35,7 @@ const List = ({
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
+        items && /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
           "px-0 ms-auto": !isDesktopDevice
         }) })
       ] }) }),

package/dist/components/Modal/Modal.js

@@ -20,7 +20,7 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
     scrollable = !1,
     focusId,
     children
-  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
+  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
   useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
     if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
       const elem = document.getElementById(focusId);

package/dist/hooks/useTrapFocus/useTrapFocus.d.ts

@@ -1 +1 @@
-export default function useTrapFocus(isActive?: boolean): import('react').MutableRefObject<HTMLElement | null>;
+export default function useTrapFocus(): import('react').MutableRefObject<HTMLElement | null>;

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1,8 +1,7 @@
 import { useRef, useEffect } from "react";
-function useTrapFocus(isActive) {
+function useTrapFocus() {
   const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
   return useEffect(() => {
-    if (!isActive) return;
     const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
       event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
     };
@@ -10,7 +9,7 @@ function useTrapFocus(isActive) {
       return node.addEventListener("keydown", handleKeydown), () => {
         node.removeEventListener("keydown", handleKeydown);
       };
-  }, [isActive]), ref;
+  }, []), ref;
 }
 export {
   useTrapFocus as default

package/dist/modules/comments/components/Comment.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, Suspense, lazy } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconSave from "../../icons/components/IconSave.js";
 import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
@@ -10,8 +10,7 @@ import { CommentDate } from "./CommentDate.js";
 import { CommentTitle } from "./CommentTitle.js";
 import { TextCounter } from "./TextCounter.js";
 import Button from "../../../components/Button/Button.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comment = ({
+const Comment = ({
   comment,
   userId,
   profile
@@ -23,13 +22,12 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
     createdAt,
     updatedAt,
     comment: content
-  } = comment, [ref, onFocus, resizeTextarea] = useAutosizeTextarea(!0), [isDeleteModalOpen, setIsDeleteModalOpen] = useState(!1), {
+  } = comment, [ref, onFocus, resizeTextarea] = useAutosizeTextarea(!0), {
     t
   } = useTranslation(), {
     editCommentId,
     options,
     type,
-    userRights,
     handleDeleteComment: onDeleteComment,
     handleModifyComment,
     handleReset,
@@ -59,15 +57,14 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
         ] })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", children: content }),
-        type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
-          userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
+        userId === authorId && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
             handleModifyComment(comment.id), setValue(content);
           }, children: t("comment.edit") }),
-          (userId === authorId || (userRights == null ? void 0 : userRights.manager)) && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => setIsDeleteModalOpen(!0), children: t("comment.remove") })
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => onDeleteComment(id), children: t("comment.remove") })
         ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: () => setIsDeleteModalOpen(!1), onSuccess: () => onDeleteComment(id) }) })
+    ] })
   ] }, id);
 };
 export {

package/dist/modules/comments/context/Context.d.ts

@@ -1,4 +1,3 @@
-import { RightRole } from '@edifice.io/client';
 import { CommentOptions, CommentProps, CommentType, UserProfileResult } from '../types';
 export declare const CommentContext: import('react').Context<{
     comments: CommentProps[] | undefined;
@@ -7,7 +6,6 @@ export declare const CommentContext: import('react').Context<{
     profiles: (UserProfileResult | undefined)[];
     options: Partial<CommentOptions>;
     type: CommentType;
-    userRights?: Record<RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
     handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/modules/comments/hooks/useComments.d.ts

@@ -24,6 +24,6 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     handleDeleteComment: (id: string) => void;
     handleCreateComment: (content: string) => void;
     handleModifyComment: (commentId: string) => void;
-    handleUpdateComment: (comment: string) => Promise<void>;
+    handleUpdateComment: (comment: string) => void;
     handleReset: () => void;
 };

package/dist/modules/comments/hooks/useComments.js

@@ -50,7 +50,7 @@ const useComments = ({
     handleModifyComment: (commentId) => {
       setEditCommentId(commentId);
     },
-    handleUpdateComment: async (comment) => {
+    handleUpdateComment: (comment) => {
       editCommentId && (type === "edit" && (callbacks == null || callbacks.put({
         comment,
         commentId: editCommentId

package/dist/modules/comments/hooks/useCommentsContext.d.ts

@@ -5,7 +5,6 @@ export declare const useCommentsContext: () => {
     profiles: (import('../types').UserProfileResult | undefined)[];
     options: Partial<import('../types').CommentOptions>;
     type: import('../types').CommentType;
-    userRights?: Record<import('@edifice.io/client').RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
     handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/modules/comments/provider/CommentProvider.js

@@ -46,7 +46,7 @@ const CommentProvider = ({
     defaultComments,
     callbacks: type == "edit" ? props.callbacks : null,
     options
-  }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
+  }), values = useMemo(
     () => ({
       comments,
       content,
@@ -54,7 +54,6 @@ const CommentProvider = ({
       editCommentId,
       options,
       type,
-      userRights,
       setEditCommentId,
       handleCreateComment,
       handleModifyComment,

package/dist/modules/comments/types.d.ts

@@ -1,4 +1,4 @@
-import { RightRole, UserProfile } from '@edifice.io/client';
+import { UserProfile } from '@edifice.io/client';
 export interface CommentProps {
     /**
      * Comment Id
@@ -61,10 +61,6 @@ interface EditRootProps extends BaseProps {
      * Callbacks to perform CRUD on comment
      */
     callbacks: CommentCallbacks;
-    /**
-     * Rights to perform CRUD on comment
-     */
-    rights?: Record<RightRole, boolean>;
 }
 interface ReadRootProps extends BaseProps {
     type: 'read';

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js

@@ -12,12 +12,11 @@ const AttachmentRenderer = (props) => {
   const {
     t
   } = useTranslation(), {
-    node,
-    editor
+    node
   } = props, {
     editable
-  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index, documentId) => {
-    editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
+    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
   };
   return attachmentArrayAttrs.length !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
     backgroundColor: "#F2F2F2",
@@ -27,7 +26,7 @@ const AttachmentRenderer = (props) => {
     /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
     /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("a", { href: attachment.href, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.documentId) })
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index) })
     ] }) }) }, index)) })
   ] }) });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-pedago.20250108152614",
+  "version": "2.0.0-develop-b2school.20250108160141",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -119,9 +119,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.0.0-develop-pedago.20250108152614",
-    "@edifice.io/utilities": "2.0.0-develop-pedago.20250108152614",
-    "@edifice.io/tiptap-extensions": "2.0.0-develop-pedago.20250108152614"
+    "@edifice.io/bootstrap": "2.0.0-develop-b2school.20250108160141",
+    "@edifice.io/utilities": "2.0.0-develop-b2school.20250108160141",
+    "@edifice.io/tiptap-extensions": "2.0.0-develop-b2school.20250108160141"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -147,7 +147,7 @@
     "typescript-eslint": "^8.8.1",
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
-    "@edifice.io/client": "2.0.0-develop-pedago.20250108152614"
+    "@edifice.io/client": "2.0.0-develop-b2school.20250108160141"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/modules/comments/components/DeleteModal.d.ts

@@ -1,7 +0,0 @@
-interface DeleteModalProps {
-    isOpen: boolean;
-    onCancel: () => void;
-    onSuccess: () => void;
-}
-export declare const DeleteModal: ({ isOpen, onCancel, onSuccess, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
-export default DeleteModal;

package/dist/modules/comments/components/DeleteModal.js

@@ -1,19 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import Modal from "../../../components/Modal/Modal.js";
-import Button from "../../../components/Button/Button.js";
-const DeleteModal = ({
-  isOpen,
-  onCancel,
-  onSuccess
-}) => /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "delete-comment-modal", children: [
-  /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: "Suppression de commentaire" }),
-  /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { children: "Voulez-vous vraiment supprimer ce commentaire ?" }) }),
-  /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-    /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: "Annuler" }),
-    /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: "Supprimer le commentaire" })
-  ] })
-] });
-export {
-  DeleteModal,
-  DeleteModal as default
-};