@edifice.io/react 2.2.8 → 2.2.9-develop-b2school.20250611105531

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconGroupAvatar = ({
+  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", 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" })
+] });
+export {
+  SvgIconGroupAvatar as default
+};

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconMailRecall = ({
+  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("g", { clipPath: "url(#icon-mail-recall_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.253 6.532A1.34 1.34 0 0 1 3.333 6H6.5a1 1 0 0 0 0-2H3.333C1.512 4 0 5.452 0 7.286v11.428C0 20.548 1.512 22 3.333 22h16.334C21.488 22 23 20.548 23 18.714a1 1 0 1 0-2 0c0 .691-.577 1.286-1.333 1.286H3.333C2.577 20 2 19.405 2 18.714V8.666l8.442 5.066a3 3 0 0 0 3.118-.02l1.965-1.21a1 1 0 1 0-1.05-1.703l-1.964 1.211a1 1 0 0 1-1.04.007L2.515 6.643a1 1 0 0 0-.262-.11M15.8 8.6a1 1 0 0 0-.2-1.4L14 6h4a4 4 0 0 1 4 4v.2a3.8 3.8 0 0 1-3.8 3.8 1 1 0 1 0 0 2 5.8 5.8 0 0 0 5.8-5.8V10a6 6 0 0 0-6-6h-4l1.6-1.2a1 1 0 1 0-1.2-1.6l-3.99 2.993a1 1 0 0 0 0 1.614L14.4 8.8a1 1 0 0 0 1.4-.2", clipRule: "evenodd" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-mail-recall_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconMailRecall as default
+};

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconQuestionMark = ({
+  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", 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" }),
+  /* @__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" })
+] });
+export {
+  SvgIconQuestionMark as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconReadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-read-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__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" }),
+    /* @__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" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-read-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconReadMail as default
+};

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconSignature = ({
+  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("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-signature_svg__a)", clipRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M6.82 11.679c-.047-.013-.298-.045-.906.231-.551.25-1.204.894-1.838 1.899-.616.978-1.143 2.185-1.496 3.391-.356 1.215-.514 2.358-.45 3.215.07.92.35 1.154.476 1.204.093.037.44.071 1.142-.166.648-.219 1.427-.61 2.243-1.132q.383-.245.761-.517v-.019c-.055-1.175.068-2.549.18-3.802q.038-.416.072-.81c.062-.746.105-1.427.098-2.014-.008-.602-.069-1.02-.165-1.28a.6.6 0 0 0-.1-.19c-.008-.008-.008-.008-.015-.01zm1.951 6.422c.035-.602.091-1.234.149-1.88l.077-.882c.063-.757.113-1.516.105-2.204-.009-.673-.073-1.365-.289-1.95-.227-.613-.669-1.216-1.461-1.434-.719-.198-1.5-.01-2.266.339-1.078.49-1.99 1.524-2.701 2.652-.729 1.155-1.327 2.537-1.725 3.896-.395 1.35-.613 2.748-.524 3.927.084 1.117.486 2.415 1.727 2.911.79.316 1.73.14 2.525-.128.848-.286 1.775-.763 2.68-1.342l.1-.065c.267.629.712 1.205 1.428 1.521 1.046.463 1.95.47 2.757.243.562-.158 1.104-.449 1.511-.667q.166-.09.297-.157c.476-.24.803-.342 1.154-.306.356.037.91.236 1.756.987a1 1 0 0 0 1.327-1.496c-1.02-.906-1.953-1.385-2.879-1.48-.931-.096-1.682.219-2.259.51-.182.091-.34.176-.485.253-.36.193-.63.337-.962.43-.37.104-.796.125-1.409-.146-.135-.06-.278-.185-.406-.502a3 3 0 0 1-.13-.432c1.164-.95 2.234-2.049 2.964-3.144a1 1 0 1 0-1.664-1.11 11 11 0 0 1-1.397 1.656M10.201 2.114c.306.049.58.217.762.468l10.453 14.397.198 2.262-2.089-.89L9.073 3.955a1.168 1.168 0 0 1 1.128-1.84m2.38-.707a3.168 3.168 0 0 0-5.127 3.722L18.07 19.751a1 1 0 0 0 .417.333l3.878 1.65a1 1 0 0 0 1.388-1.008l-.369-4.198a1 1 0 0 0-.187-.5z" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-signature_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconSignature as default
+};

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

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

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUndoAll = ({
+  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", 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" }),
+  /* @__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" }),
+  /* @__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" })
+] });
+export {
+  SvgIconUndoAll as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUnreadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-unread-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__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" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-unread-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconUnreadMail as default
+};

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

@@ -45,11 +45,15 @@ export { default as IconExternalLink } from './IconExternalLink';
 export { default as IconFiles } from './IconFiles';
 export { default as IconFilter } from './IconFilter';
 export { default as IconFlag } from './IconFlag';
+export { default as IconFolderAdd } from './IconFolderAdd';
+export { default as IconFolderDelete } from './IconFolderDelete';
 export { default as IconFolderMove } from './IconFolderMove';
 export { default as IconFolder } from './IconFolder';
 export { default as IconForgoing } from './IconForgoing';
 export { default as IconFullScreen } from './IconFullScreen';
+export { default as IconGlobe2 } from './IconGlobe2';
 export { default as IconGlobe } from './IconGlobe';
+export { default as IconGroupAvatar } from './IconGroupAvatar';
 export { default as IconHandMove } from './IconHandMove';
 export { default as IconHeadphone } from './IconHeadphone';
 export { default as IconHide } from './IconHide';
@@ -68,6 +72,7 @@ export { default as IconLink } from './IconLink';
 export { default as IconListOrder } from './IconListOrder';
 export { default as IconLoader } from './IconLoader';
 export { default as IconLock } from './IconLock';
+export { default as IconMailRecall } from './IconMailRecall';
 export { default as IconMail } from './IconMail';
 export { default as IconMergeCells } from './IconMergeCells';
 export { default as IconMessageInfo } from './IconMessageInfo';
@@ -89,12 +94,14 @@ export { default as IconPlus } from './IconPlus';
 export { default as IconPointerDefault } from './IconPointerDefault';
 export { default as IconPointerHand } from './IconPointerHand';
 export { default as IconPrint } from './IconPrint';
+export { default as IconQuestionMark } from './IconQuestionMark';
 export { default as IconQuestion } from './IconQuestion';
 export { default as IconRafterDown } from './IconRafterDown';
 export { default as IconRafterLeft } from './IconRafterLeft';
 export { default as IconRafterRight } from './IconRafterRight';
 export { default as IconRafterUp } from './IconRafterUp';
 export { default as IconReaction } from './IconReaction';
+export { default as IconReadMail } from './IconReadMail';
 export { default as IconRecordPause } from './IconRecordPause';
 export { default as IconRecordStop } from './IconRecordStop';
 export { default as IconRecordVideo } from './IconRecordVideo';
@@ -111,6 +118,7 @@ export { default as IconSend } from './IconSend';
 export { default as IconSetBackground } from './IconSetBackground';
 export { default as IconSettings } from './IconSettings';
 export { default as IconShare } from './IconShare';
+export { default as IconSignature } from './IconSignature';
 export { default as IconSmartphone } from './IconSmartphone';
 export { default as IconSmiley } from './IconSmiley';
 export { default as IconSortAscendingLetters } from './IconSortAscendingLetters';
@@ -139,9 +147,11 @@ export { default as IconTextVanilla } from './IconTextVanilla';
 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 IconUndo } from './IconUndo';
 export { default as IconUnlink } from './IconUnlink';
 export { default as IconUnlock } from './IconUnlock';
+export { default as IconUnreadMail } from './IconUnreadMail';
 export { default as IconUpload } from './IconUpload';
 export { default as IconUserSearch } from './IconUserSearch';
 export { default as IconUser } from './IconUser';

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

@@ -0,0 +1,47 @@
+import { ModalSize } from '../../../components';
+import { ReactNode } from 'react';
+export type ConfirmModalVariant = 'yes/no' | 'ok/cancel';
+interface ConfirmModalProps {
+    /**
+     * Variant of text buttons content
+     */
+    variant?: ConfirmModalVariant;
+    /**
+     * Modal id (useful when multiple modal on the same page)
+     */
+    id: string;
+    /**
+     * Is Modal Open
+     */
+    isOpen: boolean;
+    /**
+     * Content of header modal's
+     */
+    header?: ReactNode;
+    /**
+     * Content of body modal's
+     */
+    body?: ReactNode;
+    /**
+     * Key text translation of confirm button (useTranslation('common'))
+     */
+    okText?: string;
+    /**
+     * Key text translation of cancel button (useTranslation('common'))
+     */
+    koText?: string;
+    /**
+     * Size of the modal (width)
+     */
+    size?: ModalSize;
+    /**
+     * Function to call when success button proceed
+     */
+    onSuccess?: () => void;
+    /**
+     * Function to call when closing modal
+     */
+    onCancel?: () => void;
+}
+export default function ConfirmModal({ variant, id, isOpen, header, body, okText, koText, size, onSuccess, onCancel, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/modals/ConfirmModal/ConfirmModal.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Modal from "../../../components/Modal/Modal.js";
+import Button from "../../../components/Button/Button.js";
+function ConfirmModal({
+  variant = "yes/no",
+  id,
+  isOpen,
+  header,
+  body,
+  okText,
+  koText,
+  size = "md",
+  onSuccess = () => ({}),
+  onCancel = () => ({})
+}) {
+  const {
+    t
+  } = useTranslation(), ok = {
+    "yes/no": t("yes"),
+    "ok/cancel": t("ok")
+  }, ko = {
+    "yes/no": t("no"),
+    "ok/cancel": t("cancel")
+  };
+  return /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id, size, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: header }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: body }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: koText ? t(koText) : ko[variant] }),
+      /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: okText ? t(okText) : ok[variant] })
+    ] })
+  ] });
+}
+export {
+  ConfirmModal as default
+};

package/dist/modules/modals/ConfirmModal/index.d.ts

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

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

@@ -11,29 +11,33 @@ interface ModalItemsProps {
      * Text below image
      */
     text: string;
+    /**
+     * Title of the item
+     */
+    title?: string;
 }
 interface ModalOptionsProps {
     /**
      * Modal title
      */
-    title: string;
+    title?: string;
     /**
      * Prev button text
      */
-    prevText: string;
+    prevText?: string;
     /**
      * Next button text
      */
-    nextText: string;
+    nextText?: string;
     /**
      * Close button text
      */
-    closeText: string;
+    closeText?: string;
 }
 interface OnboardingProps {
     id: string;
     items: ModalItemsProps[];
-    modalOptions: ModalOptionsProps;
+    modalOptions?: ModalOptionsProps;
 }
 declare const OnboardingModal: {
     ({ id, items, modalOptions }: OnboardingProps): import('react').ReactPortal | null;

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -11,8 +11,9 @@ import Button from "../../../components/Button/Button.js";
 const OnboardingModal = ({
   id,
   items,
-  modalOptions
+  modalOptions = {}
 }) => {
+  var _a;
   const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
     isOpen,
     isOnboarding,
@@ -32,9 +33,9 @@ const OnboardingModal = ({
     prevText,
     closeText,
     nextText
-  } = modalOptions;
+  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title;
   return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(title || "explorer.modal.onboarding.trash.title") }),
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
     }, onSlideChange: (swiper) => {
@@ -43,7 +44,7 @@ const OnboardingModal = ({
       clickable: !0
     }, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
       /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: item.src, alt: t(item.alt) }),
-      /* @__PURE__ */ jsx("p", { children: t(item.text) })
+      /* @__PURE__ */ jsx("p", { className: "text-center", children: t(item.text) })
     ] }, index)) }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
       /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),

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

@@ -1,3 +1,4 @@
+export * from './ConfirmModal';
 export * from './OnboardingModal';
 export * from './PublishModal';
 export * from './ResourceModal';

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.d.ts

@@ -0,0 +1,8 @@
+interface WorkspaceFoldersProps {
+    /**
+     * Function called when a folder is selected
+     */
+    onFolderSelected: (folderId: string, canCopyFileInto: boolean) => void;
+}
+export default function WorkspaceFolders({ onFolderSelected, }: WorkspaceFoldersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js

@@ -0,0 +1,55 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconFolderAdd from "../../icons/components/IconFolderAdd.js";
+import NewFolderForm from "./components/NewFolderForm.js";
+import useWorkspaceFolders from "../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import useWorkspaceFoldersTree, { WORKSPACE_USER_FOLDER_ID, WORKSPACE_SHARED_FOLDER_ID } from "../../../hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Loading from "../../../components/Loading/Loading.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+import Button from "../../../components/Button/Button.js";
+function WorkspaceFolders({
+  onFolderSelected
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    folders,
+    isLoading,
+    canCopyFileIntoFolder
+  } = useWorkspaceFolders(), {
+    foldersTree,
+    filterTree
+  } = useWorkspaceFoldersTree(folders), [searchValue, setSearchValue] = useState(""), [selectedFolderId, setSelectedFolderId] = useState(void 0), [showNewFolderForm, setShowNewFolderForm] = useState(!1), [canCreateFolderIntoSelectedFolder, setCanCreateFolderIntoSelectedFolder] = useState(!1), selectedFolderIdForAPI = selectedFolderId === WORKSPACE_USER_FOLDER_ID || !selectedFolderId ? "" : selectedFolderId;
+  useEffect(() => {
+    if (selectedFolderId) {
+      const canCopyFileInto = selectedFolderId === WORKSPACE_USER_FOLDER_ID || canCopyFileIntoFolder(selectedFolderId) && selectedFolderId !== WORKSPACE_SHARED_FOLDER_ID;
+      setCanCreateFolderIntoSelectedFolder(canCopyFileInto), onFolderSelected(selectedFolderIdForAPI, canCopyFileInto);
+    }
+  }, [selectedFolderId]);
+  const handleSearchChange = (e) => {
+    setSearchValue(e.target.value);
+  }, handleSearchSubmit = () => {
+    filterTree(searchValue);
+  }, handleFolderSelected = (folderId) => {
+    setShowNewFolderForm(!1), setSelectedFolderId(folderId);
+  }, handleNewFolderClick = () => {
+    setShowNewFolderForm(!0);
+  }, handleNewFolderCreated = (folderId) => {
+    handleFolderSelected(folderId);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
+    /* @__PURE__ */ jsx(SearchBar, { onChange: handleSearchChange, isVariant: !1, placeholder: t("search"), onClick: handleSearchSubmit }),
+    /* @__PURE__ */ jsxs("div", { className: "border border-gray-400 rounded", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-12", children: isLoading ? /* @__PURE__ */ jsx(Loading, { isLoading: !0, className: "justify-content-center" }) : /* @__PURE__ */ jsx(Tree, { nodes: foldersTree, onTreeItemClick: handleFolderSelected, selectedNodeId: selectedFolderId }) }),
+      /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end border-top border-gray-400 px-8 py-4 ", children: [
+        !showNewFolderForm && /* @__PURE__ */ jsx(Button, { color: "primary", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: handleNewFolderClick, disabled: !canCreateFolderIntoSelectedFolder, children: t("workspace.folder.create") }),
+        showNewFolderForm && selectedFolderId !== void 0 && /* @__PURE__ */ jsx(NewFolderForm, { onClose: () => setShowNewFolderForm(!1), folderParentId: selectedFolderIdForAPI, onFolderCreated: handleNewFolderCreated })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  WorkspaceFolders as default
+};

package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.d.ts

@@ -0,0 +1,16 @@
+type Props = {
+    /**
+     * Function called when the modal is closed
+     */
+    onClose: () => void;
+    /**
+     * Parent folder ID where the new folder will be created
+     */
+    folderParentId: string;
+    /**
+     * Function called when the new folder is created
+     */
+    onFolderCreated: (folderId: string) => void;
+};
+export default function NewFolderForm({ onClose, folderParentId, onFolderCreated, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSave from "../../../icons/components/IconSave.js";
+import useWorkspaceFolders from "../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+function NewFolderForm({
+  onClose,
+  folderParentId,
+  onFolderCreated
+}) {
+  const {
+    t
+  } = useTranslation(), refInputName = useRef(null), {
+    createFolderMutation
+  } = useWorkspaceFolders();
+  return useEffect(() => {
+    refInputName.current && refInputName.current.focus();
+  }, []), /* @__PURE__ */ jsx("form", { id: "modalWorkspaceNewFolderForm", onSubmit: async (event) => {
+    var _a;
+    event.preventDefault();
+    const folderName = (_a = refInputName.current) == null ? void 0 : _a.value;
+    folderName && createFolderMutation.mutate({
+      folderName,
+      folderParentId
+    }, {
+      onSuccess: (newFolder) => {
+        newFolder._id && onFolderCreated(newFolder._id), onClose();
+      }
+    });
+  }, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-4 flex-row", children: [
+    /* @__PURE__ */ jsx(FormControl, { id: "modalWorkspaceNewFolderForm", isRequired: !0, children: /* @__PURE__ */ jsx(FormControl.Input, { ref: refInputName, size: "md", type: "text", placeholder: t("workspace.folder.new.placeholder") }) }),
+    /* @__PURE__ */ jsx(IconButton, { type: "submit", color: "primary", variant: "ghost", title: t("workspace.folder.new.create"), disabled: createFolderMutation.isPending, isLoading: createFolderMutation.isPending, icon: /* @__PURE__ */ jsx(SvgIconSave, {}) })
+  ] }) });
+}
+export {
+  NewFolderForm as default
+};

package/dist/modules/multimedia/WorkspaceFolders/index.d.ts

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

package/dist/modules/multimedia/index.d.ts

@@ -7,3 +7,4 @@ export * from './MediaLibrary';
 export * from './VideoEmbed';
 export * from './VideoRecorder';
 export * from './Workspace';
+export * from './WorkspaceFolders';

package/dist/multimedia.js

@@ -6,6 +6,7 @@ import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibr
 import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
 import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
 import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default10 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 export {
@@ -18,5 +19,6 @@ export {
   default6 as MediaLibrary,
   default7 as VideoEmbed,
   default8 as VideoRecorder,
-  default9 as Workspace
+  default9 as Workspace,
+  default10 as WorkspaceFolders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.8",
+  "version": "2.2.9-develop-b2school.20250611105531",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.8",
-    "@edifice.io/tiptap-extensions": "2.2.8",
-    "@edifice.io/utilities": "2.2.8"
+    "@edifice.io/bootstrap": "2.2.9-develop-b2school.20250611105531",
+    "@edifice.io/tiptap-extensions": "2.2.9-develop-b2school.20250611105531",
+    "@edifice.io/utilities": "2.2.9-develop-b2school.20250611105531"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.8",
-    "@edifice.io/config": "2.2.8"
+    "@edifice.io/client": "2.2.9-develop-b2school.20250611105531",
+    "@edifice.io/config": "2.2.9-develop-b2school.20250611105531"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",