@edifice.io/react 2.2.0-develop.20250303111950 → 2.2.1-develop-b2school.20250326170945

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/components/Dropdown/DropdownTrigger.js +5 -1
  2. package/dist/components/Layout/hooks/useHelp.js +9 -9
  3. package/dist/components/List/List.d.ts +9 -1
  4. package/dist/components/List/List.js +9 -9
  5. package/dist/components/SearchBar/SearchBar.d.ts +1 -1
  6. package/dist/components/SearchBar/SearchBar.js +3 -1
  7. package/dist/editor.js +24 -20
  8. package/dist/hooks/useCheckable/useCheckable.js +10 -3
  9. package/dist/hooks/useConversation/useConversation.d.ts +1 -1
  10. package/dist/hooks/useConversation/useConversation.js +13 -17
  11. package/dist/icons.js +224 -210
  12. package/dist/index.js +16 -14
  13. package/dist/modals.js +16 -14
  14. package/dist/modules/editor/components/Editor/Editor.d.ts +3 -1
  15. package/dist/modules/editor/components/Editor/Editor.js +3 -2
  16. package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts +2 -0
  17. package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js +10 -0
  18. package/dist/modules/editor/components/NodeView/index.d.ts +2 -1
  19. package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts +8 -0
  20. package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.js +28 -0
  21. package/dist/modules/editor/components/Renderer/index.d.ts +2 -1
  22. package/dist/modules/editor/hooks/useTipTapEditor.d.ts +6 -2
  23. package/dist/modules/editor/hooks/useTipTapEditor.js +2 -2
  24. package/dist/modules/icons/components/IconFolderAdd.d.ts +7 -0
  25. package/dist/modules/icons/components/IconFolderAdd.js +13 -0
  26. package/dist/modules/icons/components/IconFolderDelete.d.ts +7 -0
  27. package/dist/modules/icons/components/IconFolderDelete.js +12 -0
  28. package/dist/modules/icons/components/IconGroupAvatar.d.ts +7 -0
  29. package/dist/modules/icons/components/IconGroupAvatar.js +12 -0
  30. package/dist/modules/icons/components/IconQuestionMark.d.ts +7 -0
  31. package/dist/modules/icons/components/IconQuestionMark.js +13 -0
  32. package/dist/modules/icons/components/IconReadMail.d.ts +7 -0
  33. package/dist/modules/icons/components/IconReadMail.js +16 -0
  34. package/dist/modules/icons/components/IconUndoAll.d.ts +7 -0
  35. package/dist/modules/icons/components/IconUndoAll.js +14 -0
  36. package/dist/modules/icons/components/IconUnreadMail.d.ts +7 -0
  37. package/dist/modules/icons/components/IconUnreadMail.js +16 -0
  38. package/dist/modules/icons/components/index.d.ts +7 -0
  39. package/dist/modules/modals/ConfirmModal/ConfirmModal.d.ts +42 -0
  40. package/dist/modules/modals/ConfirmModal/ConfirmModal.js +36 -0
  41. package/dist/modules/modals/ConfirmModal/index.d.ts +1 -0
  42. package/dist/modules/modals/index.d.ts +1 -0
  43. package/package.json +6 -6
@@ -1,5 +1,6 @@
1
- export { default as AudioNodeView } from './AudioNodeView';
2
1
  export { default as AttachmentNodeView } from './AttachmentNodeView';
2
+ export { default as AudioNodeView } from './AudioNodeView';
3
+ export { default as ConversationHistoryNodeView } from './ConversationHistoryNodeView';
3
4
  export { default as ImageNodeView } from './ImageNodeView';
4
5
  export { default as LinkerNodeView } from './LinkerNodeView';
5
6
  export { default as VideoNodeView } from './VideoNodeView';
@@ -0,0 +1,8 @@
1
+ /**
2
+ * `ConversationHistoryRenderer` is a React component that renders a button to toggle the visibility
3
+ * of conversation history content. It uses the `@tiptap/react` library for rendering content and
4
+ * `clsx` for conditional class names. The component also utilizes the `useTranslation` hook from
5
+ * `react-i18next` for internationalization and a custom `useToggle` hook for managing the open state.
6
+ */
7
+ declare const ConversationHistoryRenderer: () => import("react/jsx-runtime").JSX.Element;
8
+ export default ConversationHistoryRenderer;
@@ -0,0 +1,28 @@
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
3
+ import clsx from "clsx";
4
+ import { useTranslation } from "react-i18next";
5
+ import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
6
+ import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
7
+ import useToggle from "../../../../hooks/useToggle/useToggle.js";
8
+ import Button from "../../../../components/Button/Button.js";
9
+ const ConversationHistoryRenderer = () => {
10
+ const {
11
+ t
12
+ } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16", {
13
+ show: open
14
+ });
15
+ return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
16
+ /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
17
+ t("message.history.hide"),
18
+ /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
19
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
20
+ t("message.history.show"),
21
+ /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
22
+ ] }) }),
23
+ /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
24
+ ] });
25
+ };
26
+ export {
27
+ ConversationHistoryRenderer as default
28
+ };
@@ -1,4 +1,5 @@
1
- export { default as AudioRenderer } from './AudioRenderer';
2
1
  export { default as AttachmentRenderer } from './AttachmentRenderer';
2
+ export { default as AudioRenderer } from './AudioRenderer';
3
+ export { default as ConversationHistoryRenderer } from './ConversationHistoryRenderer';
3
4
  export { default as LinkerRenderer } from './LinkerRenderer';
4
5
  export { default as MediaRenderer } from './MediaRenderer';
@@ -1,4 +1,4 @@
1
- import { Content, FocusPosition } from '@tiptap/react';
1
+ import { Content, Extensions, FocusPosition } from '@tiptap/react';
2
2
  import { WorkspaceVisibility } from '@edifice.io/client';
3
3
  /**
4
4
  * Hook that creates a tiptap editor instance.
@@ -7,10 +7,14 @@ import { WorkspaceVisibility } from '@edifice.io/client';
7
7
  * @param content default rich content
8
8
  * @param focus set focus position to the editor
9
9
  * @param placeholder editor placeholder content
10
+ * @param onContentChange callback to be called on content change
11
+ * @param visibility workspace visibility
12
+ * @param extensions extensions to add to the editor
13
+ * @returns the editor instance and the editable state
10
14
  */
11
15
  export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
12
16
  editor: any;
13
- }) => void, visibility?: WorkspaceVisibility) => {
17
+ }) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
14
18
  editor: import('@tiptap/core').Editor | null;
15
19
  editable: boolean;
16
20
  };
@@ -36,7 +36,7 @@ import MediaRenderer from "../components/Renderer/MediaRenderer.js";
36
36
  import AudioRenderer from "../components/Renderer/AudioRenderer.js";
37
37
  import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
38
38
  import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
39
- const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
39
+ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
40
40
  const {
41
41
  currentLanguage
42
42
  } = useEdificeClient(), {
@@ -63,7 +63,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
63
63
  levels: [1, 2]
64
64
  }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
65
65
  lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
66
- }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer)],
66
+ }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), ...extensions || []],
67
67
  content,
68
68
  // If the onContentChange callback is provided, we call it on every content change.
69
69
  ...onContentChange ? {
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconFolderAdd: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconFolderAdd;
@@ -0,0 +1,13 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconFolderAdd = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-folder-add_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.985 5.283A2 2 0 0 0 12.965 7H22v12H2V4h7.5a1.5 1.5 0 0 1 1.485 1.283M1.902 2C.852 2 0 2.852 0 3.902V19a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-9.035A3.5 3.5 0 0 0 9.5 2zM12 8a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V9a1 1 0 0 1 1-1", clipRule: "evenodd" }) }),
9
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-folder-add_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
10
+ ] });
11
+ export {
12
+ SvgIconFolderAdd as default
13
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconFolderDelete: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconFolderDelete;
@@ -0,0 +1,12 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconFolderDelete = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.756 2A2.756 2.756 0 0 0 0 4.756V18a3 3 0 0 0 3 3h6.5a1 1 0 1 0 0-2H3a1 1 0 0 1-1-1V4.756C2 4.34 2.339 4 2.756 4H9.5A2.5 2.5 0 0 1 12 6.5a1 1 0 0 0 1 1h8a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3h-7.111A4.5 4.5 0 0 0 9.5 2zm20.85 9.536a1 1 0 0 1 0 1.414l-3.535 3.535 3.536 3.536a1 1 0 0 1-1.415 1.414L18.657 17.9l-3.536 3.535a1 1 0 0 1-1.414-1.414l3.536-3.536-3.536-3.535a1 1 0 0 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.415 0", clipRule: "evenodd" })
9
+ ] });
10
+ export {
11
+ SvgIconFolderDelete as default
12
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconGroupAvatar: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconGroupAvatar;
@@ -0,0 +1,12 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconGroupAvatar = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.467 13.128a.917.917 0 0 1 1.166-.566c1.034.358 1.89 1.143 2.475 2.155.586 1.014.891 2.233.892 3.467v2.458a.917.917 0 0 1-1.833 0v-2.457c0-.944-.236-1.842-.646-2.55-.41-.709-.948-1.154-1.488-1.34a.917.917 0 0 1-.566-1.167M14.921 2.661a.917.917 0 0 1 .95-.882 4.702 4.702 0 0 1 1.934 8.902.917.917 0 0 1-.822-1.64 2.868 2.868 0 0 0-1.18-5.43.917.917 0 0 1-.882-.95M2.38 15.778c.894-.982 2.127-1.552 3.432-1.552h7.792c1.306 0 2.538.57 3.433 1.552.892.98 1.38 2.29 1.38 3.642v2.14a.917.917 0 1 1-1.834 0v-2.14c0-.917-.332-1.782-.902-2.407-.567-.623-1.316-.954-2.077-.954H5.812c-.76 0-1.51.331-2.077.954-.569.625-.902 1.49-.902 2.407v2.14a.917.917 0 1 1-1.833 0v-2.14c0-1.351.488-2.663 1.38-3.642M9.708 4.142a3.208 3.208 0 1 0 0 6.417 3.208 3.208 0 0 0 0-6.417M4.667 7.351a5.042 5.042 0 1 1 10.083 0 5.042 5.042 0 0 1-10.083 0", clipRule: "evenodd" })
9
+ ] });
10
+ export {
11
+ SvgIconGroupAvatar as default
12
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconQuestionMark: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconQuestionMark;
@@ -0,0 +1,13 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconQuestionMark = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.579 5.429C9.172 5.964 9 6.706 9 7.44a1 1 0 0 1-2 0c0-.99.223-2.217.987-3.222.8-1.051 2.086-1.718 3.905-1.718 2.032 0 3.284 1.043 3.892 2.323.563 1.184.578 2.568.265 3.445-.409 1.148-1.191 2.056-1.81 2.773l-.27.317c-.7.83-1.077 1.427-1.077 2.157v1.806a1 1 0 1 1-2 0v-1.806c0-1.513.835-2.6 1.546-3.445q.16-.189.312-.366c.629-.737 1.141-1.337 1.415-2.107.128-.359.157-1.192-.187-1.915-.298-.627-.874-1.182-2.086-1.182-1.283 0-1.943.442-2.313.929", clipRule: "evenodd" }),
9
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M13.762 19.888a1.612 1.612 0 1 1-3.223 0 1.612 1.612 0 0 1 3.223 0" })
10
+ ] });
11
+ export {
12
+ SvgIconQuestionMark as default
13
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconReadMail: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconReadMail;
@@ -0,0 +1,16 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconReadMail = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-read-mail_svg__a)", clipRule: "evenodd", children: [
9
+ /* @__PURE__ */ jsx("path", { d: "M1.143 8.986a1 1 0 0 1 1.372-.343l8.97 5.382a1 1 0 0 0 1.03 0l8.97-5.382a1 1 0 1 1 1.03 1.714l-8.971 5.383a3 3 0 0 1-3.088 0l-8.97-5.382a1 1 0 0 1-.343-1.373" }),
10
+ /* @__PURE__ */ jsx("path", { d: "M12.466 2.4a.95.95 0 0 0-.932 0c-1.333.74-3.83 2.146-5.99 3.465-1.083.662-2.063 1.29-2.764 1.797a8 8 0 0 0-.78.62v11.003H0V8c0-.38.191-.664.272-.776.107-.148.238-.285.364-.404.254-.24.594-.506.973-.78.765-.552 1.797-1.212 2.892-1.881C6.697 2.817 9.224 1.395 10.563.65a2.95 2.95 0 0 1 2.874 0c1.34.744 3.866 2.166 6.062 3.508 1.095.669 2.127 1.33 2.892 1.882.38.273.719.54.973.78.126.118.257.255.364.403.08.112.272.395.272.776v11.285h-2V8.284l-.009-.008a8 8 0 0 0-.77-.613c-.702-.506-1.682-1.135-2.765-1.797-2.16-1.32-4.657-2.725-5.99-3.466M2.321 19.802c.253.192.647.34 1.123.34h17.112c.476 0 .87-.148 1.123-.34.252-.192.321-.384.321-.517h2c0 .892-.479 1.629-1.111 2.11-.632.479-1.46.747-2.333.747H3.444c-.873 0-1.701-.268-2.333-.748S0 20.178 0 19.285h2c0 .133.069.326.32.518" })
11
+ ] }),
12
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-read-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
13
+ ] });
14
+ export {
15
+ SvgIconReadMail as default
16
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconUndoAll: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconUndoAll;
@@ -0,0 +1,14 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconUndoAll = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.648 12.564a.917.917 0 0 0 0-1.297L7.713 7.332l3.935-3.935A.917.917 0 1 0 10.352 2.1L5.768 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
9
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.523 12.564a.917.917 0 0 0 0-1.297L3.588 7.332l3.935-3.935A.917.917 0 1 0 6.227 2.1L1.643 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
10
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.25 18.332c.506 0 .917-.41.917-.917V11a4.583 4.583 0 0 0-4.584-4.584H6.417a.917.917 0 0 0 0 1.834h9.166a2.75 2.75 0 0 1 2.75 2.75v6.416c0 .507.41.917.917.917", clipRule: "evenodd" })
11
+ ] });
12
+ export {
13
+ SvgIconUndoAll as default
14
+ };
@@ -0,0 +1,7 @@
1
+ import { SVGProps } from 'react';
2
+ interface SVGRProps {
3
+ title?: string;
4
+ titleId?: string;
5
+ }
6
+ declare const SvgIconUnreadMail: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default SvgIconUnreadMail;
@@ -0,0 +1,16 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const SvgIconUnreadMail = ({
3
+ title,
4
+ titleId,
5
+ ...props
6
+ }) => /* @__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: [
7
+ title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
8
+ /* @__PURE__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-unread-mail_svg__a)", clipRule: "evenodd", children: [
9
+ /* @__PURE__ */ jsx("path", { d: "M7.975 4.5a5.1 5.1 0 0 0-.204-2h12.785A3.437 3.437 0 0 1 24 5.948V18.07c0 1.9-1.548 3.429-3.444 3.429H3.444A3.437 3.437 0 0 1 0 18.071V8.001c.581.436 1.261.749 2 .899v9.171c0 .783.64 1.429 1.444 1.429h17.112c.803 0 1.444-.646 1.444-1.429V7.79l-9.448 6.257a1 1 0 0 1-1.104 0L3.744 8.945a5 5 0 0 0 2.228-.924L12 12.014l9.916-6.567c-.2-.55-.73-.947-1.36-.947z" }),
10
+ /* @__PURE__ */ jsx("path", { d: "M3 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
11
+ ] }),
12
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-unread-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
13
+ ] });
14
+ export {
15
+ SvgIconUnreadMail as default
16
+ };
@@ -44,11 +44,14 @@ export { default as IconExternalLink } from './IconExternalLink';
44
44
  export { default as IconFiles } from './IconFiles';
45
45
  export { default as IconFilter } from './IconFilter';
46
46
  export { default as IconFlag } from './IconFlag';
47
+ export { default as IconFolderAdd } from './IconFolderAdd';
48
+ export { default as IconFolderDelete } from './IconFolderDelete';
47
49
  export { default as IconFolderMove } from './IconFolderMove';
48
50
  export { default as IconFolder } from './IconFolder';
49
51
  export { default as IconForgoing } from './IconForgoing';
50
52
  export { default as IconFullScreen } from './IconFullScreen';
51
53
  export { default as IconGlobe } from './IconGlobe';
54
+ export { default as IconGroupAvatar } from './IconGroupAvatar';
52
55
  export { default as IconHandMove } from './IconHandMove';
53
56
  export { default as IconHeadphone } from './IconHeadphone';
54
57
  export { default as IconHide } from './IconHide';
@@ -86,12 +89,14 @@ export { default as IconPlus } from './IconPlus';
86
89
  export { default as IconPointerDefault } from './IconPointerDefault';
87
90
  export { default as IconPointerHand } from './IconPointerHand';
88
91
  export { default as IconPrint } from './IconPrint';
92
+ export { default as IconQuestionMark } from './IconQuestionMark';
89
93
  export { default as IconQuestion } from './IconQuestion';
90
94
  export { default as IconRafterDown } from './IconRafterDown';
91
95
  export { default as IconRafterLeft } from './IconRafterLeft';
92
96
  export { default as IconRafterRight } from './IconRafterRight';
93
97
  export { default as IconRafterUp } from './IconRafterUp';
94
98
  export { default as IconReaction } from './IconReaction';
99
+ export { default as IconReadMail } from './IconReadMail';
95
100
  export { default as IconRecordPause } from './IconRecordPause';
96
101
  export { default as IconRecordStop } from './IconRecordStop';
97
102
  export { default as IconRecordVideo } from './IconRecordVideo';
@@ -135,9 +140,11 @@ export { default as IconTextVanilla } from './IconTextVanilla';
135
140
  export { default as IconToolCenter } from './IconToolCenter';
136
141
  export { default as IconTool } from './IconTool';
137
142
  export { default as IconTrendingUp } from './IconTrendingUp';
143
+ export { default as IconUndoAll } from './IconUndoAll';
138
144
  export { default as IconUndo } from './IconUndo';
139
145
  export { default as IconUnlink } from './IconUnlink';
140
146
  export { default as IconUnlock } from './IconUnlock';
147
+ export { default as IconUnreadMail } from './IconUnreadMail';
141
148
  export { default as IconUpload } from './IconUpload';
142
149
  export { default as IconUserSearch } from './IconUserSearch';
143
150
  export { default as IconUser } from './IconUser';
@@ -0,0 +1,42 @@
1
+ import { ReactNode } from 'react';
2
+ export type ConfirmModalVariant = 'yes/no' | 'ok/cancel';
3
+ interface ConfirmModalProps {
4
+ /**
5
+ * Variant of text buttons content
6
+ */
7
+ variant?: ConfirmModalVariant;
8
+ /**
9
+ * Modal id (useful when multiple modal on the same page)
10
+ */
11
+ id: string;
12
+ /**
13
+ * Is Modal Open
14
+ */
15
+ isOpen: boolean;
16
+ /**
17
+ * Content of header modal's
18
+ */
19
+ header?: ReactNode;
20
+ /**
21
+ * Content of body modal's
22
+ */
23
+ body?: ReactNode;
24
+ /**
25
+ * Key text translation of confirm button (useTranslation('common'))
26
+ */
27
+ okText?: string;
28
+ /**
29
+ * Key text translation of cancel button (useTranslation('common'))
30
+ */
31
+ koText?: string;
32
+ /**
33
+ * Function to call when success button proceed
34
+ */
35
+ onSuccess?: () => void;
36
+ /**
37
+ * Function to call when closing modal
38
+ */
39
+ onCancel?: () => void;
40
+ }
41
+ export default function ConfirmModal({ variant, id, isOpen, header, body, okText, koText, onSuccess, onCancel, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
42
+ export {};
@@ -0,0 +1,36 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useTranslation } from "react-i18next";
3
+ import Modal from "../../../components/Modal/Modal.js";
4
+ import Button from "../../../components/Button/Button.js";
5
+ function ConfirmModal({
6
+ variant = "yes/no",
7
+ id,
8
+ isOpen,
9
+ header,
10
+ body,
11
+ okText,
12
+ koText,
13
+ onSuccess = () => ({}),
14
+ onCancel = () => ({})
15
+ }) {
16
+ const {
17
+ t
18
+ } = useTranslation("common"), ok = {
19
+ "yes/no": t("yes"),
20
+ "ok/cancel": t("ok")
21
+ }, ko = {
22
+ "yes/no": t("no"),
23
+ "ok/cancel": t("cancel")
24
+ };
25
+ return /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id, children: [
26
+ /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: header }),
27
+ /* @__PURE__ */ jsx(Modal.Body, { children: body }),
28
+ /* @__PURE__ */ jsxs(Modal.Footer, { children: [
29
+ /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: koText ? t(koText) : ko[variant] }),
30
+ /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: okText ? t(okText) : ok[variant] })
31
+ ] })
32
+ ] });
33
+ }
34
+ export {
35
+ ConfirmModal as default
36
+ };
@@ -0,0 +1 @@
1
+ export { default as ConfirmModal } from './ConfirmModal';
@@ -1,3 +1,4 @@
1
+ export * from './ConfirmModal';
1
2
  export * from './OnboardingModal';
2
3
  export * from './PublishModal';
3
4
  export * from './ResourceModal';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.2.0-develop.20250303111950",
3
+ "version": "2.2.1-develop-b2school.20250326170945",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -118,9 +118,9 @@
118
118
  "react-slugify": "^3.0.3",
119
119
  "swiper": "^10.1.0",
120
120
  "ua-parser-js": "^1.0.36",
121
- "@edifice.io/bootstrap": "2.2.0-develop.20250303111950",
122
- "@edifice.io/tiptap-extensions": "2.2.0-develop.20250303111950",
123
- "@edifice.io/utilities": "2.2.0-develop.20250303111950"
121
+ "@edifice.io/bootstrap": "2.2.1-develop-b2school.20250326170945",
122
+ "@edifice.io/tiptap-extensions": "2.2.1-develop-b2school.20250326170945",
123
+ "@edifice.io/utilities": "2.2.1-develop-b2school.20250326170945"
124
124
  },
125
125
  "devDependencies": {
126
126
  "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
151
151
  "vite": "^5.4.11",
152
152
  "vite-plugin-dts": "^4.1.0",
153
153
  "vite-tsconfig-paths": "^5.0.1",
154
- "@edifice.io/client": "2.2.0-develop.20250303111950",
155
- "@edifice.io/config": "2.2.0-develop.20250303111950"
154
+ "@edifice.io/client": "2.2.1-develop-b2school.20250326170945",
155
+ "@edifice.io/config": "2.2.1-develop-b2school.20250326170945"
156
156
  },
157
157
  "peerDependencies": {
158
158
  "@react-spring/web": "^9.7.5",