@edifice.io/react 2.5.2 → 2.5.4

package/dist/icons.js

@@ -154,22 +154,23 @@ import { default as default154 } from "./modules/icons/components/IconToolCenter
 import { default as default155 } from "./modules/icons/components/IconTool.js";
 import { default as default156 } from "./modules/icons/components/IconTrendingUp.js";
 import { default as default157 } from "./modules/icons/components/IconUndoAll.js";
-import { default as default158 } from "./modules/icons/components/IconUndo.js";
-import { default as default159 } from "./modules/icons/components/IconUnion.js";
-import { default as default160 } from "./modules/icons/components/IconUnlink.js";
-import { default as default161 } from "./modules/icons/components/IconUnlock.js";
-import { default as default162 } from "./modules/icons/components/IconUnreadMail.js";
-import { default as default163 } from "./modules/icons/components/IconUpload.js";
-import { default as default164 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default165 } from "./modules/icons/components/IconUser.js";
-import { default as default166 } from "./modules/icons/components/IconUsers.js";
-import { default as default167 } from "./modules/icons/components/IconVideo.js";
-import { default as default168 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default169 } from "./modules/icons/components/IconViewList.js";
-import { default as default170 } from "./modules/icons/components/IconWand.js";
-import { default as default171 } from "./modules/icons/components/IconWrite.js";
-import { default as default172 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default173 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default158 } from "./modules/icons/components/IconUndoSlashed.js";
+import { default as default159 } from "./modules/icons/components/IconUndo.js";
+import { default as default160 } from "./modules/icons/components/IconUnion.js";
+import { default as default161 } from "./modules/icons/components/IconUnlink.js";
+import { default as default162 } from "./modules/icons/components/IconUnlock.js";
+import { default as default163 } from "./modules/icons/components/IconUnreadMail.js";
+import { default as default164 } from "./modules/icons/components/IconUpload.js";
+import { default as default165 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default166 } from "./modules/icons/components/IconUser.js";
+import { default as default167 } from "./modules/icons/components/IconUsers.js";
+import { default as default168 } from "./modules/icons/components/IconVideo.js";
+import { default as default169 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default170 } from "./modules/icons/components/IconViewList.js";
+import { default as default171 } from "./modules/icons/components/IconWand.js";
+import { default as default172 } from "./modules/icons/components/IconWrite.js";
+import { default as default173 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default174 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -326,21 +327,22 @@ export {
   default155 as IconTool,
   default154 as IconToolCenter,
   default156 as IconTrendingUp,
-  default158 as IconUndo,
+  default159 as IconUndo,
   default157 as IconUndoAll,
-  default159 as IconUnion,
-  default160 as IconUnlink,
-  default161 as IconUnlock,
-  default162 as IconUnreadMail,
-  default163 as IconUpload,
-  default165 as IconUser,
-  default164 as IconUserSearch,
-  default166 as IconUsers,
-  default167 as IconVideo,
-  default168 as IconViewCalendar,
-  default169 as IconViewList,
-  default170 as IconWand,
-  default171 as IconWrite,
-  default172 as IconZoomIn,
-  default173 as IconZoomOut
+  default158 as IconUndoSlashed,
+  default160 as IconUnion,
+  default161 as IconUnlink,
+  default162 as IconUnlock,
+  default163 as IconUnreadMail,
+  default164 as IconUpload,
+  default166 as IconUser,
+  default165 as IconUserSearch,
+  default167 as IconUsers,
+  default168 as IconVideo,
+  default169 as IconViewCalendar,
+  default170 as IconViewList,
+  default171 as IconWand,
+  default172 as IconWrite,
+  default173 as IconZoomIn,
+  default174 as IconZoomOut
 };

package/dist/index.js

@@ -120,6 +120,7 @@ import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
+import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -134,6 +135,7 @@ export {
   AccessiblePalette,
   default2 as ActionBar,
   default3 as Alert,
+  AntProvider,
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,

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

@@ -73,7 +73,7 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
               whiteSpace: "pre-line"
             }, children: content }),
             type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
-              !replyTo && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
+              !replyTo && options.allowReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
               userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
                 handleModifyComment(comment.id), setValue(content);
               }, children: t("comment.edit") }),

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

@@ -22,3 +22,4 @@ export declare const DEFAULT_MAX_REPLIES = 5;
  * Number of comments to add when adding more comment in the limited list
  */
 export declare const DEFAULT_ADD_REPLIES = 5;
+export declare const DEFAULT_ALLOW_REPLIES = true;

package/dist/modules/comments/constants.js

@@ -1,7 +1,8 @@
-const DEFAULT_MAX_COMMENT_LENGTH = 200, DEFAULT_MAX_REPLY_LENGTH = 200, DEFAULT_MAX_COMMENTS = 4, DEFAULT_ADD_COMMENTS = 5, DEFAULT_MAX_REPLIES = 5, DEFAULT_ADD_REPLIES = 5;
+const DEFAULT_MAX_COMMENT_LENGTH = 200, DEFAULT_MAX_REPLY_LENGTH = 200, DEFAULT_MAX_COMMENTS = 4, DEFAULT_ADD_COMMENTS = 5, DEFAULT_MAX_REPLIES = 5, DEFAULT_ADD_REPLIES = 5, DEFAULT_ALLOW_REPLIES = !0;
 export {
   DEFAULT_ADD_COMMENTS,
   DEFAULT_ADD_REPLIES,
+  DEFAULT_ALLOW_REPLIES,
   DEFAULT_MAX_COMMENTS,
   DEFAULT_MAX_COMMENT_LENGTH,
   DEFAULT_MAX_REPLIES,

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

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
 import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
-import { DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
+import { DEFAULT_ALLOW_REPLIES, DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
 import { CommentContext } from "../context/Context.js";
 import { useComments } from "../hooks/useComments.js";
 import Button from "../../../components/Button/Button.js";
@@ -20,6 +20,7 @@ const CommentProvider = ({
     additionalComments: DEFAULT_ADD_COMMENTS,
     maxReplies: DEFAULT_MAX_REPLIES,
     additionalReplies: DEFAULT_ADD_REPLIES,
+    allowReplies: DEFAULT_ALLOW_REPLIES,
     ...commentOptions
   }, {
     type

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

@@ -104,6 +104,10 @@ export type CommentOptions = {
      * Number of replies to load additionally in the limited list
      */
     additionalReplies: number;
+    /**
+     * Allow replying to comments
+     */
+    allowReplies: boolean;
 };
 export interface UserProfileResult {
     /**

package/dist/modules/icons/components/IconUndoSlashed.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconUndoSlashed: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconUndoSlashed;

package/dist/modules/icons/components/IconUndoSlashed.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUndoSlashed = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M19.775 8.466A5 5 0 0 1 22 12.625V21a1 1 0 0 1-2 0v-8.375c0-1.186-.69-2.208-1.689-2.695zM7.918 2.293a1 1 0 1 1 1.414 1.414L5.414 7.625h6.719l-2 2H5.414l2.36 2.36-1.415 1.414-4.066-4.067a1 1 0 0 1 0-1.414zM20.293 2.293a1 1 0 1 1 1.414 1.414l-17 17a1 1 0 1 1-1.414-1.414z" })
+] });
+export {
+  SvgIconUndoSlashed as default
+};

package/dist/modules/icons/components/index.d.ts

@@ -154,6 +154,7 @@ export { default as IconToolCenter } from './IconToolCenter';
 export { default as IconTool } from './IconTool';
 export { default as IconTrendingUp } from './IconTrendingUp';
 export { default as IconUndoAll } from './IconUndoAll';
+export { default as IconUndoSlashed } from './IconUndoSlashed';
 export { default as IconUndo } from './IconUndo';
 export { default as IconUnion } from './IconUnion';
 export { default as IconUnlink } from './IconUnlink';

package/dist/modules/modals/ResourceModal/ResourceModal.d.ts

@@ -6,6 +6,7 @@ export interface FormInputs {
     description: string;
     enablePublic: boolean;
     formSlug: string;
+    allowReplies: boolean;
 }
 /**
  * Custom translations interface for overriding default translations

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
 import ImagePicker from "../../multimedia/ImagePicker/ImagePicker.js";
 import { useThumb } from "./hooks/useThumb.js";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 import useToast from "../../../hooks/useToast/useToast.js";
 import useResource from "../../../hooks/useResource/useResource.js";
 import useMediaLibrary from "../../../hooks/useMediaLibrary/useMediaLibrary.js";
@@ -34,7 +35,7 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
   const {
     appCode: contextAppCode,
     currentApp
-  } = useEdificeClient(), application = customAppCode || contextAppCode, {
+  } = useEdificeClient(), application = customAppCode || contextAppCode, hasOptionalCommentRepliesWorkflow = useHasWorkflow("org.entcore.blog.controllers.BlogController|optionalCommentReplies"), {
     t
   } = useTranslation(), {
     mode
@@ -53,7 +54,8 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
       description: isUpdating ? resource == null ? void 0 : resource.description : "",
       enablePublic: isUpdating ? resource == null ? void 0 : resource.public : !1,
       title: isUpdating ? resource == null ? void 0 : resource.name : "",
-      formSlug: isUpdating ? resource == null ? void 0 : resource.slug : ""
+      formSlug: isUpdating ? resource == null ? void 0 : resource.slug : "",
+      allowReplies: isUpdating ? resource == null ? void 0 : resource.allowReplies : !0
     }
   }), {
     ref: mediaLibraryRef,
@@ -74,7 +76,8 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
         name: formData.title,
         public: formData.enablePublic,
         slug: formData.enablePublic && formData.formSlug || "",
-        thumbnail
+        thumbnail,
+        allowReplies: formData.allowReplies
       };
       let result, param;
       if (isCreating) {
@@ -139,6 +142,10 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
                 required: !1,
                 maxLength: textareaMaxLength
               }), placeholder: ((_f = customT.placeholder) == null ? void 0 : _f.description) ?? t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength, showCounter: !0 })
+            ] }),
+            application === "blog" && hasOptionalCommentRepliesWorkflow === !0 && /* @__PURE__ */ jsxs(FormControl, { id: "allowReplies", className: "d-flex gap-8 mt-16 mb-8", children: [
+              /* @__PURE__ */ jsx(FormControl.Input, { type: "checkbox", defaultChecked: isUpdating ? resource.allowReplies : !0, ...register("allowReplies"), className: "form-check-input mt-0", size: "sm" }),
+              /* @__PURE__ */ jsx(FormControl.Label, { className: "form-check-label mb-0", children: t("explorer.resource.editModal.comments.allowReplies") })
             ] })
           ] })
         ] }),

package/dist/providers/AntThemeProvider/AntProvider.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface AntProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * Provider pour Ant Design qui intègre le thème personnalisé
+ * avec le système de design existant d'Edifice
+ */
+export declare const AntProvider: React.FC<AntProviderProps>;
+export default AntProvider;

package/dist/providers/AntThemeProvider/AntProvider.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { ConfigProvider } from "antd";
+import { antTheme } from "./antThemeConfig.js";
+/* empty css                     */
+const AntProvider = ({
+  children
+}) => /* @__PURE__ */ jsx(ConfigProvider, { theme: antTheme, children });
+export {
+  AntProvider,
+  AntProvider as default
+};

package/dist/providers/AntThemeProvider/antThemeConfig.d.ts

@@ -0,0 +1,7 @@
+export declare const antTheme: {
+    cssVar: {
+        key: string;
+    };
+    hashed: boolean;
+};
+export default antTheme;

package/dist/providers/AntThemeProvider/antThemeConfig.js

@@ -0,0 +1,10 @@
+const antTheme = {
+  cssVar: {
+    key: "edifice"
+  },
+  hashed: !1
+};
+export {
+  antTheme,
+  antTheme as default
+};

package/dist/providers/EdificeThemeProvider/EdificeThemeProvider.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
+import { AntProvider } from "../AntThemeProvider/AntProvider.js";
 import { useEdificeClient } from "../EdificeClientProvider/EdificeClientProvider.hook.js";
 import { EdificeThemeContext } from "./EdificeThemeProvider.context.js";
 import useConf from "../../hooks/useConf/useConf.js";
@@ -39,7 +40,7 @@ function EdificeThemeProvider({
       theme: (_a2 = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a2.theme
     };
   }, [(_a = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a.theme]);
-  return /* @__PURE__ */ jsx(EdificeThemeContext.Provider, { value: values, children });
+  return /* @__PURE__ */ jsx(EdificeThemeContext.Provider, { value: values, children: /* @__PURE__ */ jsx(AntProvider, { children }) });
 }
 export {
   EdificeThemeProvider

package/dist/providers/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AntThemeProvider/AntProvider';
 export * from './EdificeClientProvider/EdificeClientProvider';
 export * from './EdificeClientProvider/EdificeClientProvider.context';
 export * from './EdificeClientProvider/EdificeClientProvider.hook';

package/dist/style.css

@@ -0,0 +1 @@
+:root .edifice{--ant-color-primary: var(--edifice-primary);--ant-color-success: var(--edifice-success);--ant-color-warning: var(--edifice-warning);--ant-blue: var(--edifice-blue);--ant-purple: var(--edifice-purple);--ant-cyan: var(--edifice-cyan);--ant-green: var(--edifice-green);--ant-magenta: var(--edifice-magenta);--ant-pink: var(--edifice-pink);--ant-red: var(--edifice-red);--ant-orange: var(--edifice-orange);--ant-yellow: var(--edifice-yellow);--ant-color-text-base: var(--edifice-body-color);--ant-color-bg-base: var(--edifice-body-bg)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -73,6 +73,7 @@
     "dist"
   ],
   "dependencies": {
+    "@ant-design/icons": "^5.4.0",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -81,17 +82,29 @@
     "@pixi/react": "7.1.2",
     "@popperjs/core": "2.11.8",
     "@tiptap/core": "2.11.0",
+    "@tiptap/extension-blockquote": "2.11.0",
+    "@tiptap/extension-bullet-list": "2.11.0",
     "@tiptap/extension-character-count": "2.11.0",
+    "@tiptap/extension-code": "2.11.0",
+    "@tiptap/extension-code-block": "2.11.0",
     "@tiptap/extension-color": "2.11.0",
+    "@tiptap/extension-dropcursor": "2.11.0",
     "@tiptap/extension-focus": "2.11.0",
     "@tiptap/extension-font-family": "2.11.0",
+    "@tiptap/extension-gapcursor": "2.11.0",
+    "@tiptap/extension-hard-break": "2.11.0",
     "@tiptap/extension-heading": "2.11.0",
     "@tiptap/extension-highlight": "2.11.0",
+    "@tiptap/extension-history": "2.11.0",
+    "@tiptap/extension-horizontal-rule": "2.11.0",
     "@tiptap/extension-image": "2.11.0",
+    "@tiptap/extension-italic": "2.11.0",
     "@tiptap/extension-link": "2.11.0",
     "@tiptap/extension-list-item": "2.11.0",
     "@tiptap/extension-mathematics": "2.22.0",
+    "@tiptap/extension-ordered-list": "2.11.0",
     "@tiptap/extension-placeholder": "2.11.0",
+    "@tiptap/extension-strike": "2.11.0",
     "@tiptap/extension-subscript": "2.11.0",
     "@tiptap/extension-superscript": "2.11.0",
     "@tiptap/extension-table": "2.11.0",
@@ -105,19 +118,8 @@
     "@tiptap/pm": "2.11.0",
     "@tiptap/react": "2.11.0",
     "@tiptap/starter-kit": "2.11.0",
-    "@tiptap/extension-blockquote": "2.11.0",
-    "@tiptap/extension-bullet-list": "2.11.0",
-    "@tiptap/extension-code": "2.11.0",
-    "@tiptap/extension-code-block": "2.11.0",
-    "@tiptap/extension-dropcursor": "2.11.0",
-    "@tiptap/extension-gapcursor": "2.11.0",
-    "@tiptap/extension-hard-break": "2.11.0",
-    "@tiptap/extension-history": "2.11.0",
-    "@tiptap/extension-horizontal-rule": "2.11.0",
-    "@tiptap/extension-italic": "2.11.0",
-    "@tiptap/extension-ordered-list": "2.11.0",
-    "@tiptap/extension-strike": "2.11.0",
     "@uidotdev/usehooks": "^2.4.1",
+    "antd": "^5.29.1",
     "clsx": "^2.1.1",
     "dayjs": "1.11.10",
     "emoji-picker-react": "4.5.2",
@@ -131,9 +133,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.5.2",
-    "@edifice.io/tiptap-extensions": "2.5.2",
-    "@edifice.io/utilities": "2.5.2"
+    "@edifice.io/bootstrap": "2.5.4",
+    "@edifice.io/tiptap-extensions": "2.5.4",
+    "@edifice.io/utilities": "2.5.4"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -164,8 +166,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.2",
-    "@edifice.io/config": "2.5.2"
+    "@edifice.io/client": "2.5.4",
+    "@edifice.io/config": "2.5.4"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",