@edifice.io/react 2.4.1 → 2.4.2-develop-pedago.20251106112812

package/dist/components/Input/Input.js

@@ -2,13 +2,14 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import clsx from "clsx";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const Input = /* @__PURE__ */ forwardRef(({
   noValidationIcon,
   placeholder,
   size = "md",
   type = "text",
   className,
-  showCounter,
+  showCounter = !1,
   autoComplete = "off",
   ...restProps
 }, ref) => {
@@ -18,7 +19,7 @@ const Input = /* @__PURE__ */ forwardRef(({
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.value) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
     "form-control": !isReadOnly,
     "form-control-lg": size === "lg",
     "form-control-sm": size === "sm",
@@ -33,14 +34,7 @@ const Input = /* @__PURE__ */ forwardRef(({
       var _a2;
       setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
     }, autoComplete }),
-    showCounter && !status && /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
-      "text-danger": currentLength === restProps.maxLength,
-      "text-gray-700": currentLength !== restProps.maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      restProps.maxLength
-    ] })
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/RadioCard/RadioCard.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import Radio from "../Radio/Radio.js";
+import Flex from "../Flex/Flex.js";
+const RadioCard = /* @__PURE__ */ forwardRef(({
+  selectedValue,
+  value,
+  onChange,
+  description,
+  label,
+  model = "",
+  groupName = "group",
+  ...restProps
+}, ref) => {
+  const isSelected = selectedValue === value, handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      const inputElement = event.currentTarget.querySelector('input[type="radio"]');
+      inputElement && inputElement.click();
+    }
+  };
+  return /* @__PURE__ */ jsxs("label", { ref, role: "button", tabIndex: 0, className: clsx("border py-24 border-2 rounded-3", isSelected && "border-secondary", !isSelected && "border-light", restProps.className), onKeyDown: handleKeyDown, ...restProps, children: [
+    /* @__PURE__ */ jsxs(Flex, { justify: "between", className: "px-24", children: [
+      /* @__PURE__ */ jsx("h4", { className: "mb-8", id: `radio-card-label-${value}`, children: label }),
+      /* @__PURE__ */ jsx(Radio, { model, name: groupName, value, checked: isSelected, onChange, "aria-labelledby": `radio-card-label-${value}` })
+    ] }),
+    description && /* @__PURE__ */ jsx("p", { id: `radio-card-description-${value}`, className: "px-24 text-gray-700 pe-32", children: description })
+  ] });
+});
+export {
+  RadioCard as default
+};

package/dist/components/Select/Select.d.ts

@@ -16,7 +16,11 @@ export interface OptionsType {
 }
 export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent'> {
     /**
-     * Default select label
+     * Controlled value
+     */
+    selectedValue?: OptionsType | string;
+    /**
+     * Default select label if no selected value (uncontrolled)
      */
     placeholderOption: string;
     /**
@@ -33,7 +37,7 @@ export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<Dropd
  * Select component is based on Dropdown Component. It extends `Dropdown` and `Dropdown.Trigger` props `block`, `overflow`, `icon`, `variant`, `size`, `disabled`
  */
 declare const Select: {
-    ({ icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Select;

package/dist/components/Select/Select.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import SelectTrigger from "./SelectTrigger.js";
 import Dropdown from "../Dropdown/Dropdown.js";
 const Select = ({
+  selectedValue,
   icon,
   options,
   overflow,
@@ -18,6 +19,8 @@ const Select = ({
     t
   } = useTranslation();
   useEffect(() => {
+    selectedValue !== void 0 && setLocalValue(selectedValue);
+  }, [selectedValue]), useEffect(() => {
     if (localValue) {
       const value = typeof localValue == "object" ? localValue.value : localValue;
       onValueChange == null || onValueChange(value);

package/dist/components/TextArea/TextArea.d.ts

@@ -25,6 +25,10 @@ export interface TextAreaProps extends Omit<React.ComponentPropsWithRef<'textare
      * Optional class for styling purpose
      */
     className?: string;
+    /**
+     * Show count of characters
+     */
+    showCounter?: boolean;
 }
 /**
  * TextArea Form Component

package/dist/components/TextArea/TextArea.js

@@ -1,21 +1,24 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
 import clsx from "clsx";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const TextArea = /* @__PURE__ */ forwardRef(({
   noValidationIcon,
   placeholder,
   size = "md",
   height = "md",
   className,
+  showCounter = !1,
   ...restProps
 }, ref) => {
+  var _a;
   const {
     id,
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), classes = clsx({
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
     "form-control": !isReadOnly,
     "form-control-lg": size === "lg",
     "form-control-sm": size === "sm",
@@ -27,7 +30,13 @@ const TextArea = /* @__PURE__ */ forwardRef(({
     "form-control-plaintext": isReadOnly,
     "no-validation-icon": noValidationIcon
   }, className);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("textarea", { ref, id, className: classes, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("textarea", { ref, id, className: classes, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
+      var _a2;
+      setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
+    } }),
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
+  ] });
 });
 export {
   TextArea as default

package/dist/components/TextCounter/TextCounter.d.ts

@@ -0,0 +1,15 @@
+export interface TextcounterProps {
+    /**
+     * The current number of characters in the text input
+     */
+    currentLength: number;
+    /**
+     * The maximum number of characters allowed in the text input
+     */
+    maxLength: number;
+}
+declare const Textcounter: {
+    ({ currentLength, maxLength }: TextcounterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Textcounter;

package/dist/components/TextCounter/TextCounter.js

@@ -0,0 +1,16 @@
+import { jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const Textcounter = ({
+  currentLength,
+  maxLength
+}) => /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
+  "text-danger": currentLength === maxLength,
+  "text-gray-700": currentLength !== maxLength
+}), children: [
+  currentLength,
+  " / ",
+  maxLength
+] });
+export {
+  Textcounter as default
+};

package/dist/components/TextCounter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextCounter';
+export * from './TextCounter';

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export * from './Modal';
 export * from './Popover';
 export * from './PreventPropagation';
 export * from './Radio';
+export * from './RadioCard';
 export * from './SearchBar';
 export * from './Select';
 export * from './Skeleton';

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

@@ -31,36 +31,37 @@ import { default as default31 } from "./components/Logo/Logo.js";
 import { default as default32 } from "./components/Modal/Modal.js";
 import { default as default33 } from "./components/PreventPropagation/PreventPropagation.js";
 import { default as default34 } from "./components/Radio/Radio.js";
-import { default as default35 } from "./components/SearchBar/SearchBar.js";
-import { default as default36 } from "./components/Select/Select.js";
-import { default as default37 } from "./components/Skeleton/ButtonSkeleton.js";
-import { default as default38 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default39 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default40 } from "./components/Stepper/Stepper.js";
-import { default as default41 } from "./components/Switch/Switch.js";
-import { default as default42 } from "./components/Table/components/Table.js";
-import { default as default43 } from "./components/TextArea/TextArea.js";
-import { default as default44 } from "./components/Tooltip/Tooltip.js";
+import { default as default35 } from "./components/RadioCard/RadioCard.js";
+import { default as default36 } from "./components/SearchBar/SearchBar.js";
+import { default as default37 } from "./components/Select/Select.js";
+import { default as default38 } from "./components/Skeleton/ButtonSkeleton.js";
+import { default as default39 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default40 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default41 } from "./components/Stepper/Stepper.js";
+import { default as default42 } from "./components/Switch/Switch.js";
+import { default as default43 } from "./components/Table/components/Table.js";
+import { default as default44 } from "./components/TextArea/TextArea.js";
+import { default as default45 } from "./components/Tooltip/Tooltip.js";
 import { DndTree } from "./components/Tree/components/DndTree.js";
-import { default as default45 } from "./components/Tree/components/SortableTree.js";
-import { default as default46 } from "./components/Tree/components/Tree.js";
-import { default as default47 } from "./components/TreeView/TreeView.js";
-import { default as default48 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default49 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default50 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default51 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default52 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default53 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default54 } from "./hooks/useConversation/useConversation.js";
-import { default as default55 } from "./hooks/useDate/useDate.js";
-import { default as default56 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default57 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default58 } from "./hooks/useDropdown/useDropdown.js";
-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 default46 } from "./components/Tree/components/SortableTree.js";
+import { default as default47 } from "./components/Tree/components/Tree.js";
+import { default as default48 } from "./components/TreeView/TreeView.js";
+import { default as default49 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default50 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default51 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default52 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default53 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default54 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default55 } from "./hooks/useConversation/useConversation.js";
+import { default as default56 } from "./hooks/useDate/useDate.js";
+import { default as default57 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default58 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default59 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default60 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default61 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default62 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default63 } from "./hooks/useHover/useHover.js";
+import { useHttpErrorToast } 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";
@@ -143,7 +144,7 @@ export {
   default89 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
-  default37 as ButtonSkeleton,
+  default38 as ButtonSkeleton,
   default14 as Card,
   default15 as Checkbox,
   default16 as ColorPicker,
@@ -193,29 +194,30 @@ export {
   default33 as PreventPropagation,
   default88 as PublishModal,
   default34 as Radio,
+  default35 as RadioCard,
   ResourceModal,
-  default35 as SearchBar,
+  default36 as SearchBar,
   default13 as SearchButton,
-  default36 as Select,
+  default37 as Select,
   default92 as ShareBlog,
   default91 as ShareModal,
-  default45 as SortableTree,
-  default39 as StackedGroup,
-  default40 as Stepper,
-  default41 as Switch,
-  default42 as Table,
+  default46 as SortableTree,
+  default40 as StackedGroup,
+  default41 as Stepper,
+  default42 as Switch,
+  default43 as Table,
   Tabs,
-  default43 as TextArea,
-  default38 as TextSkeleton,
+  default44 as TextArea,
+  default39 as TextSkeleton,
   Toolbar,
-  default44 as Tooltip,
-  default46 as Tree,
+  default45 as Tooltip,
+  default47 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default47 as TreeView,
+  default48 as TreeView,
   default100 as VideoEmbed,
   default101 as VideoRecorder,
-  default48 as VisuallyHidden,
+  default49 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
   default102 as Workspace,
@@ -247,25 +249,25 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default49 as useBookmark,
-  default50 as useBreakpoint,
-  default51 as useBrowserInfo,
-  default52 as useCantoo,
+  default50 as useBookmark,
+  default51 as useBreakpoint,
+  default52 as useBrowserInfo,
+  default53 as useCantoo,
   useCheckable,
-  default53 as useClickOutside,
-  default54 as useConversation,
-  default55 as useDate,
-  default56 as useDebounce,
-  default57 as useDirectory,
-  default58 as useDropdown,
-  default59 as useDropzone,
+  default54 as useClickOutside,
+  default55 as useConversation,
+  default56 as useDate,
+  default57 as useDebounce,
+  default58 as useDirectory,
+  default59 as useDropdown,
+  default60 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default60 as useEdificeIcons,
+  default61 as useEdificeIcons,
   useEdificeTheme,
-  default61 as useHasWorkflow,
-  default62 as useHover,
-  default63 as useHttpErrorToast,
+  default62 as useHasWorkflow,
+  default63 as useHover,
+  useHttpErrorToast,
   default64 as useImage,
   default66 as useIsAdmc,
   default65 as useIsAdml,

package/dist/modules/comments/components/Comment.js

@@ -69,7 +69,9 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
               ] })
             ] })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", children: content }),
+            /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", style: {
+              whiteSpace: "pre-line"
+            }, children: content }),
             type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
               !replyTo && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
               userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -4,7 +4,6 @@ import { odeServices } from "@edifice.io/client";
 import { createPortal } from "react-dom";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import { TextareaCounter } from "../../../components/TextArea/TextareaCounter.js";
 import ImagePicker from "../../multimedia/ImagePicker/ImagePicker.js";
 import { useThumb } from "./hooks/useThumb.js";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -67,7 +66,7 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
   } = useThumb({
     isUpdating,
     selectedResource: isUpdating ? resource : void 0
-  }), watchedDescription = watch("description"), onSubmit = async function(formData) {
+  }), onSubmit = async function(formData) {
     var _a2, _b2;
     try {
       const data = {
@@ -132,15 +131,14 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: ((_e = customT.placeholder) == null ? void 0 : _e.title) ?? t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength })
+              }), placeholder: ((_e = customT.placeholder) == null ? void 0 : _e.title) ?? t("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": !0, maxLength: inputMaxLength, showCounter: !0 })
             ] }),
             /* @__PURE__ */ jsxs(FormControl, { id: "description", isOptional: !0, children: [
               /* @__PURE__ */ jsx(Label, { children: customT.description ?? t("description") }),
               /* @__PURE__ */ jsx(TextArea, { defaultValue: (resource == null ? void 0 : resource.description) || "", ...register("description", {
                 required: !1,
                 maxLength: textareaMaxLength
-              }), placeholder: ((_f = customT.placeholder) == null ? void 0 : _f.description) ?? t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength }),
-              watchedDescription && /* @__PURE__ */ jsx(TextareaCounter, { content: watchedDescription, maxLength: textareaMaxLength })
+              }), placeholder: ((_f = customT.placeholder) == null ? void 0 : _f.description) ?? t("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: textareaMaxLength, showCounter: !0 })
             ] })
           ] })
         ] }),

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/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js

@@ -1,5 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import { useTranslation } from "react-i18next";
+import Alert from "../../../../components/Alert/Alert.js";
 import Dropzone from "../../../../components/Dropzone/Dropzone.js";
 import UploadFiles from "../../UploadFiles/UploadFiles.js";
 const acceptedTypes = (type) => {
@@ -18,6 +20,8 @@ const acceptedTypes = (type) => {
   return acceptedTypes2;
 }, Upload = () => {
   const {
+    t
+  } = useTranslation(), {
     type,
     visibility,
     multiple,
@@ -27,7 +31,10 @@ const acceptedTypes = (type) => {
   } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
     uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
   };
-  return /* @__PURE__ */ jsx("div", { className: "py-8 flex-grow-1", children: /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) }) });
+  return /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
+    multiple && /* @__PURE__ */ jsx(Alert, { type: "info", className: "flex-shrink-0 mb-16", children: t("bbm.upload.alert") }),
+    /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
+  ] });
 };
 export {
   Upload

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.4.1",
+  "version": "2.4.2-develop-pedago.20251106112812",
   "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/tiptap-extensions": "2.4.2-develop-pedago.20251106112812",
+    "@edifice.io/utilities": "2.4.2-develop-pedago.20251106112812",
+    "@edifice.io/bootstrap": "2.4.2-develop-pedago.20251106112812"
   },
   "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/client": "2.4.2-develop-pedago.20251106112812",
+    "@edifice.io/config": "2.4.2-develop-pedago.20251106112812"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/components/TextArea/TextareaCounter.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const TextareaCounter = ({
-  content,
-  maxLength
-}) => /* @__PURE__ */ jsx("p", { className: "small text-gray-700 p-2 text-end", children: content ? `${content.length} / ${maxLength}` : "" });
-export {
-  TextareaCounter
-};