@edifice.io/react 2.2.5-develop-pedago.20250430103926 → 2.2.5-develop-b2school.20250506170337

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

@@ -44,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';
@@ -67,6 +71,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';
@@ -87,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';
@@ -109,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';
@@ -136,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/Linker/InternalLinker/InternalLinker.js

@@ -77,22 +77,18 @@ const InternalLinker = ({
   return useEffect(() => {
     (async () => {
       if (applicationList) {
-        setOptions(applicationList.map((app) => ({
-          ...app,
-          displayName: app.application === "exercizer" ? `${t("bbm.linker.int.app.exercizer")}` : app.application === "form" ? `${t("bbm.linker.int.app.forms")}` : app.displayName
-        })).sort((a, b) => a.displayName.localeCompare(b.displayName)));
+        setOptions(applicationList.sort((app1, app2) => app1.displayName.localeCompare(app2.displayName)));
         return;
       }
-      const appPromises = resourceApplications.map((application) => odeServices.session().getWebApp(application)), webApps = await Promise.all(appPromises), opts = resourceApplications.map((application, index) => {
+      const appPromises = resourceApplications.map((application) => odeServices.session().getWebApp(application)), webApps = await Promise.all(appPromises);
+      setOptions(resourceApplications.map((application, index) => {
         var _a;
-        let displayName = ((_a = webApps[index]) == null ? void 0 : _a.displayName) ?? application;
-        return application === "exercizer" ? displayName = `${t("bbm.linker.int.app.exercizer")}` : application === "form" && (displayName = `${t("bbm.linker.int.app.forms")}`), {
+        return {
           application,
-          displayName,
+          displayName: t(((_a = webApps[index]) == null ? void 0 : _a.displayName) ?? application),
           icon: /* @__PURE__ */ jsx(AppIcon, { app: webApps[index], size: "24" })
         };
-      }).sort((a, b) => a.displayName.localeCompare(b.displayName));
-      setOptions(opts);
+      }).sort((app1, app2) => app1.displayName.localeCompare(app2.displayName)));
     })();
   }, [resourceApplications, t, applicationList]), useEffect(() => {
     loadAndDisplayResources(debounceSearch);

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.5-develop-pedago.20250430103926",
+  "version": "2.2.5-develop-b2school.20250506170337",
   "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.5-develop-pedago.20250430103926",
-    "@edifice.io/tiptap-extensions": "2.2.5-develop-pedago.20250430103926",
-    "@edifice.io/utilities": "2.2.5-develop-pedago.20250430103926"
+    "@edifice.io/bootstrap": "2.2.5-develop-b2school.20250506170337",
+    "@edifice.io/utilities": "2.2.5-develop-b2school.20250506170337",
+    "@edifice.io/tiptap-extensions": "2.2.5-develop-b2school.20250506170337"
   },
   "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.5-develop-pedago.20250430103926",
-    "@edifice.io/config": "2.2.5-develop-pedago.20250430103926"
+    "@edifice.io/client": "2.2.5-develop-b2school.20250506170337",
+    "@edifice.io/config": "2.2.5-develop-b2school.20250506170337"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",