@edifice.io/react 2.2.6 → 2.2.7-develop-b2school.20250521111614

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

@@ -20,7 +20,6 @@ export { default as IconBurgerMenu } from './IconBurgerMenu';
 export { default as IconCalendarLight } from './IconCalendarLight';
 export { default as IconCalendar } from './IconCalendar';
 export { default as IconCamera } from './IconCamera';
-export { default as IconCantoo } from './IconCantoo';
 export { default as IconCenter } from './IconCenter';
 export { default as IconCheck } from './IconCheck';
 export { default as IconChecklist } from './IconChecklist';
@@ -45,11 +44,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,10 +71,10 @@ 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';
-export { default as IconMicOff } from './IconMicOff';
 export { default as IconMic } from './IconMic';
 export { default as IconMinus } from './IconMinus';
 export { default as IconMove } from './IconMove';
@@ -89,12 +92,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 +116,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';
@@ -131,7 +137,6 @@ export { default as IconTextHighlight } from './IconTextHighlight';
 export { default as IconTextItalic } from './IconTextItalic';
 export { default as IconTextPage } from './IconTextPage';
 export { default as IconTextSize } from './IconTextSize';
-export { default as IconTextToSpeechOff } from './IconTextToSpeechOff';
 export { default as IconTextToSpeech } from './IconTextToSpeech';
 export { default as IconTextTypo } from './IconTextTypo';
 export { default as IconTextUnderline } from './IconTextUnderline';
@@ -139,9 +144,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/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.6",
+  "version": "2.2.7-develop-b2school.20250521111614",
   "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.6",
-    "@edifice.io/tiptap-extensions": "2.2.6",
-    "@edifice.io/utilities": "2.2.6"
+    "@edifice.io/bootstrap": "2.2.7-develop-b2school.20250521111614",
+    "@edifice.io/tiptap-extensions": "2.2.7-develop-b2school.20250521111614",
+    "@edifice.io/utilities": "2.2.7-develop-b2school.20250521111614"
   },
   "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.6",
-    "@edifice.io/config": "2.2.6"
+    "@edifice.io/client": "2.2.7-develop-b2school.20250521111614",
+    "@edifice.io/config": "2.2.7-develop-b2school.20250521111614"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/modules/editor/components/Editor/CantooAdaptTextBoxView.d.ts

@@ -1,7 +0,0 @@
-declare const CantooAdaptTextBoxView: ({ openPosition, }: {
-    openPosition?: {
-        right: boolean;
-        bottom: boolean;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default CantooAdaptTextBoxView;

package/dist/modules/editor/components/Editor/CantooAdaptTextBoxView.js

@@ -1,33 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-const CantooAdaptTextBoxView = ({
-  openPosition
-}) => {
-  const {
-    editor
-  } = useEditorContext(), containerRef = useRef(null), Cantoo = window.Cantoo, editorHTML = editor == null ? void 0 : editor.getHTML(), cantooHTML = (Cantoo == null ? void 0 : Cantoo.formatText(editorHTML)) || editorHTML;
-  return useEffect(() => {
-    var _a;
-    openPosition != null && openPosition.bottom && ((_a = containerRef.current) == null || _a.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "nearest"
-    }));
-  }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
-    (openPosition == null ? void 0 : openPosition.right) && /* @__PURE__ */ jsx("div", { style: {
-      width: "1px",
-      backgroundColor: "#e0e0e0",
-      margin: "0 3px"
-    } }),
-    /* @__PURE__ */ jsx("div", { style: {
-      flex: 1,
-      marginTop: openPosition != null && openPosition.bottom ? "16px" : "0px"
-    }, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: `${openPosition != null && openPosition.bottom ? "card" : ""} py-12 px-16`, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: {
-      __html: cantooHTML
-    } }) }) })
-  ] });
-};
-export {
-  CantooAdaptTextBoxView as default
-};

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.d.ts

@@ -1,9 +0,0 @@
-import { RefAttributes } from 'react';
-import { IconButtonProps } from '../../../../components';
-import { CantooEditor } from '../../hooks';
-interface Props {
-    triggerProps: JSX.IntrinsicAttributes & Omit<IconButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>;
-    cantooEditor: CantooEditor;
-}
-export declare const EditorToolbarCantoo: ({ triggerProps, cantooEditor }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.js

@@ -1,79 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconCantoo from "../../../icons/components/IconCantoo.js";
-import SvgIconDeleteColumnHighlight from "../../../icons/components/IconDeleteColumnHighlight.js";
-import SvgIconDeleteRowHighlight from "../../../icons/components/IconDeleteRowHighlight.js";
-import SvgIconMicOff from "../../../icons/components/IconMicOff.js";
-import SvgIconMic from "../../../icons/components/IconMic.js";
-import SvgIconSettings from "../../../icons/components/IconSettings.js";
-import SvgIconTextToSpeechOff from "../../../icons/components/IconTextToSpeechOff.js";
-import SvgIconTextToSpeech from "../../../icons/components/IconTextToSpeech.js";
-import SvgIconWand from "../../../icons/components/IconWand.js";
-import Tooltip from "../../../../components/Tooltip/Tooltip.js";
-import IconButton from "../../../../components/Button/IconButton.js";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
-const EditorToolbarCantoo = ({
-  triggerProps,
-  cantooEditor
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    speech2textIsAvailable,
-    speech2textIsActive,
-    text2speechIsActive,
-    toggleSpeech2Text,
-    toggleText2Speech,
-    toogleSettings,
-    cantooParam
-  } = cantooEditor, cantooOptionsAdaptText = [{
-    id: "right",
-    label: t("tiptap.toolbar.cantoo.formatText.show.on.right"),
-    icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}),
-    className: cantooEditor.openPositionAdaptText.right ? "fw-bold" : "",
-    action: () => cantooEditor.handleCantooAdaptTextPosition("right")
-  }, {
-    id: "bottom",
-    label: t("tiptap.toolbar.cantoo.formatText.show.on.bottom"),
-    icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}),
-    className: cantooEditor.openPositionAdaptText.bottom ? "fw-bold" : "",
-    action: () => cantooEditor.handleCantooAdaptTextPosition("bottom")
-  }], cantooOptions = [...cantooParam === "simplify" ? [{
-    id: "formatText",
-    label: t("tiptap.toolbar.cantoo.formatText"),
-    className: cantooEditor.openPositionAdaptText.bottom ? "fw-bold" : "",
-    icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
-    action: () => cantooEditor.handleCantooAdaptTextPosition("bottom")
-  }] : [], ...speech2textIsAvailable ? [{
-    id: "speech2text",
-    label: t("tiptap.toolbar.cantoo.speech2text"),
-    className: speech2textIsActive ? "fw-bold" : "",
-    icon: speech2textIsActive ? /* @__PURE__ */ jsx(SvgIconMicOff, {}) : /* @__PURE__ */ jsx(SvgIconMic, {}),
-    action: () => toggleSpeech2Text()
-  }] : [], {
-    id: "text2speech",
-    label: t("tiptap.toolbar.cantoo.text2speech"),
-    className: text2speechIsActive ? "fw-bold" : "",
-    icon: text2speechIsActive ? /* @__PURE__ */ jsx(SvgIconTextToSpeechOff, {}) : /* @__PURE__ */ jsx(SvgIconTextToSpeech, {}),
-    action: () => toggleText2Speech()
-  }, ...cantooParam === "simplify" ? [] : [{
-    id: "settings",
-    label: t("tiptap.toolbar.cantoo.settings"),
-    icon: /* @__PURE__ */ jsx(SvgIconSettings, {}),
-    action: () => toogleSettings()
-  }]];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.cantoo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconCantoo, {}), className: speech2textIsActive || text2speechIsActive || cantooEditor.openPositionAdaptText.right || cantooEditor.openPositionAdaptText.bottom ? "is-selected" : "", "aria-label": t("tiptap.toolbar.cantoo.choice"), isLoading: !window.Cantoo }) }),
-    /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-      cantooParam != "simplify" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Dropdown.MenuGroup, { label: t("tiptap.toolbar.cantoo.formatText"), children: cantooOptionsAdaptText.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, icon: option.icon, className: option.className, children: /* @__PURE__ */ jsx("span", { children: option.label }) }) }, option.id)) }),
-        /* @__PURE__ */ jsx(Dropdown.Separator, {})
-      ] }),
-      cantooOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, icon: option.icon, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }, option.id))
-    ] })
-  ] });
-};
-export {
-  EditorToolbarCantoo
-};

package/dist/modules/editor/hooks/useCantooEditor.d.ts

@@ -1,17 +0,0 @@
-import { Editor } from '@tiptap/react';
-export interface CantooEditor {
-    cantooParam: string;
-    isAvailable: boolean;
-    speech2textIsAvailable: boolean;
-    speech2textIsActive: boolean;
-    text2speechIsActive: boolean;
-    toggleSpeech2Text: () => void;
-    toggleText2Speech: () => void;
-    toogleSettings: () => void;
-    openPositionAdaptText: {
-        right: boolean;
-        bottom: boolean;
-    };
-    handleCantooAdaptTextPosition: (position: string) => void;
-}
-export declare const useCantooEditor: (editor: Editor | null, cantooParam: string) => CantooEditor;