@edifice.io/react 2.4.1 → 2.4.2

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.d.ts

@@ -1,3 +1,5 @@
 import { CustomToastOptions } from '../../hooks/useToast/useToast';
-declare const useHttpErrorToast: (options?: CustomToastOptions) => string | undefined;
+export declare const useHttpErrorToast: ({ active, ...options }: {
+    active?: boolean;
+} & CustomToastOptions) => string | undefined;
 export default useHttpErrorToast;

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.js

@@ -2,29 +2,35 @@ import React, { useRef, useEffect } from "react";
 import { odeServices, LAYER_NAME } from "@edifice.io/client";
 import { useTranslation } from "react-i18next";
 import useToast from "../useToast/useToast.js";
-const useHttpErrorToast = (options) => {
+const useHttpErrorToast = ({
+  active = !0,
+  ...options
+}) => {
   const message = useRef(), toast = useToast(), {
     t
   } = useTranslation();
   return useEffect(() => {
-    const subscription = odeServices.notify().events().subscribe(LAYER_NAME.TRANSPORT, (event) => {
-      var _a;
-      if (!(event != null && event.data)) return;
-      const {
-        response
-      } = event.data, i18nKey = (
-        // The payload may include the i18n key of the error message to show,
-        ((_a = event.data.payload) == null ? void 0 : _a.error) || // otherwise, try showing the translation of some known HTTP error code.
-        ([400, 401, 403, 404, 408, 413, 500, 504].includes(response == null ? void 0 : response.status) ? `e${event.data.response.status}` : void 0) || // otherwise try showing the statusText (may be technical, in english),
-        (response == null ? void 0 : response.statusText)
-      );
-      typeof i18nKey == "string" && (message.current = t(i18nKey), toast.error(/* @__PURE__ */ React.createElement("div", {
-        children: [message.current]
-      }), options));
-    });
-    return () => subscription.revoke();
-  }, [t, toast]), message.current;
+    if (active) {
+      const subscription = odeServices.notify().events().subscribe(LAYER_NAME.TRANSPORT, (event) => {
+        var _a;
+        if (!(event != null && event.data)) return;
+        const {
+          response
+        } = event.data, i18nKey = (
+          // The payload may include the i18n key of the error message to show,
+          ((_a = event.data.payload) == null ? void 0 : _a.error) || // otherwise, try showing the translation of some known HTTP error code.
+          ([400, 401, 403, 404, 408, 413, 500, 504].includes(response == null ? void 0 : response.status) ? `e${event.data.response.status}` : void 0) || // otherwise try showing the statusText (may be technical, in english),
+          (response == null ? void 0 : response.statusText)
+        );
+        typeof i18nKey == "string" && (message.current = t(i18nKey), toast.error(/* @__PURE__ */ React.createElement("div", {
+          children: [message.current]
+        }), options));
+      });
+      return () => subscription.revoke();
+    }
+  }, [t, toast, active]), message.current;
 };
 export {
-  useHttpErrorToast as default
+  useHttpErrorToast as default,
+  useHttpErrorToast
 };

package/dist/index.js

@@ -60,47 +60,47 @@ import { default as default59 } from "./hooks/useDropzone/useDropzone.js";
 import { default as default60 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
 import { default as default61 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
 import { default as default62 } from "./hooks/useHover/useHover.js";
-import { default as default63 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default64 } from "./hooks/useImage/useImage.js";
-import { default as default65 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default66 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default67 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default68 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default69 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default70 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default71 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default72 } from "./hooks/useTitle/useTitle.js";
-import { default as default73 } from "./hooks/useToast/useToast.js";
-import { default as default74 } from "./hooks/useToggle/useToggle.js";
-import { default as default75 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default76 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default77 } from "./hooks/useUpload/useUpload.js";
-import { default as default78 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default79 } from "./hooks/useUser/useUser.js";
-import { default as default80 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default81 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default82 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default83 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default84 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default85 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default86 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default87 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default88 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default89 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default90 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default91 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default92 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default93 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default94 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default95 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default96 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default97 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default98 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default99 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default100 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default101 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default102 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default103 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { useHttpErrorToast } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default63 } from "./hooks/useImage/useImage.js";
+import { default as default64 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default65 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default66 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default67 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default68 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default69 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default70 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default71 } from "./hooks/useTitle/useTitle.js";
+import { default as default72 } from "./hooks/useToast/useToast.js";
+import { default as default73 } from "./hooks/useToggle/useToggle.js";
+import { default as default74 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default75 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default76 } from "./hooks/useUpload/useUpload.js";
+import { default as default77 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default78 } from "./hooks/useUser/useUser.js";
+import { default as default79 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default80 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default81 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default82 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default83 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default84 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default85 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default86 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default87 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default88 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default89 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default90 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default91 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default92 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default93 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default94 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default95 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default96 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default97 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default98 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default99 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default100 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default101 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default102 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -136,11 +136,11 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default94 as AudioRecorder,
+  default93 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default89 as BlogPublic,
+  default88 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default37 as ButtonSkeleton,
@@ -150,7 +150,7 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default86 as ConfirmModal,
+  default85 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -160,10 +160,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default95 as Embed,
+  default94 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default98 as FileCard,
+  default97 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -171,8 +171,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default96 as ImageEditor,
-  default97 as ImagePicker,
+  default95 as ImageEditor,
+  default96 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -181,24 +181,24 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default99 as MediaLibrary,
+  default98 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default87 as OnboardingModal,
+  default86 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default88 as PublishModal,
+  default87 as PublishModal,
   default34 as Radio,
   ResourceModal,
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
-  default92 as ShareBlog,
-  default91 as ShareModal,
+  default91 as ShareBlog,
+  default90 as ShareModal,
   default45 as SortableTree,
   default39 as StackedGroup,
   default40 as Stepper,
@@ -213,13 +213,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default47 as TreeView,
-  default100 as VideoEmbed,
-  default101 as VideoRecorder,
+  default99 as VideoEmbed,
+  default100 as VideoRecorder,
   default48 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default102 as Workspace,
-  default103 as WorkspaceFolders,
+  default101 as Workspace,
+  default102 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -265,32 +265,32 @@ export {
   useEdificeTheme,
   default61 as useHasWorkflow,
   default62 as useHover,
-  default63 as useHttpErrorToast,
-  default64 as useImage,
-  default66 as useIsAdmc,
-  default65 as useIsAdml,
-  default67 as useIsAdmlcOrAdmc,
-  default68 as useKeyPress,
-  default69 as useLibraryUrl,
-  default70 as useMediaLibrary,
-  default71 as useScrollToTop,
-  default93 as useShareMutation,
-  default72 as useTitle,
-  default73 as useToast,
-  default74 as useToggle,
-  default75 as useTrapFocus,
-  default76 as useTrashedResource,
+  useHttpErrorToast,
+  default63 as useImage,
+  default65 as useIsAdmc,
+  default64 as useIsAdml,
+  default66 as useIsAdmlcOrAdmc,
+  default67 as useKeyPress,
+  default68 as useLibraryUrl,
+  default69 as useMediaLibrary,
+  default70 as useScrollToTop,
+  default92 as useShareMutation,
+  default71 as useTitle,
+  default72 as useToast,
+  default73 as useToggle,
+  default74 as useTrapFocus,
+  default75 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default90 as useUpdateMutation,
-  default77 as useUpload,
-  default78 as useUploadFiles,
-  default79 as useUser,
-  default80 as useWorkspaceFile,
-  default81 as useWorkspaceFolders,
-  default82 as useWorkspaceFoldersTree,
-  default83 as useWorkspaceSearch,
-  default84 as useXitiTrackPageLoad,
-  default85 as useZendeskGuide,
+  default89 as useUpdateMutation,
+  default76 as useUpload,
+  default77 as useUploadFiles,
+  default78 as useUser,
+  default79 as useWorkspaceFile,
+  default80 as useWorkspaceFolders,
+  default81 as useWorkspaceFoldersTree,
+  default82 as useWorkspaceSearch,
+  default83 as useXitiTrackPageLoad,
+  default84 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -11,8 +11,8 @@ import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
 import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
 import { InnerTabs } from "./innertabs/index.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
-import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import { useHttpErrorToast } from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
 import Modal from "../../../components/Modal/Modal.js";
 import { Tabs } from "../../../components/Tabs/components/Tabs.js";
 import Button from "../../../components/Button/Button.js";
@@ -78,13 +78,16 @@ const orderedTabs = [
     showLink,
     type,
     ...refModal.current
-  })), useHttpErrorToast({
+  }));
+  const {
+    t
+  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null);
+  useHttpErrorToast({
+    active: !!type,
     isDismissible: !0,
     duration: 1 / 0
   });
-  const {
-    t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null), availableTabs = {
+  const availableTabs = {
     workspace: {
       id: "workspace",
       icon: /* @__PURE__ */ jsx(SvgIconFolder, {}),

package/package.json

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