@edifice.io/react 2.4.2 → 2.5.0-develop-b2school.20251110143752

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/index.js

@@ -31,76 +31,77 @@ 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 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 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 { 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 { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -136,21 +137,21 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default93 as AudioRecorder,
+  default94 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default88 as BlogPublic,
+  default89 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
-  default37 as ButtonSkeleton,
+  default38 as ButtonSkeleton,
   default14 as Card,
   default15 as Checkbox,
   default16 as ColorPicker,
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default85 as ConfirmModal,
+  default86 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -160,10 +161,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default94 as Embed,
+  default95 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default97 as FileCard,
+  default98 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -171,8 +172,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default95 as ImageEditor,
-  default96 as ImagePicker,
+  default96 as ImageEditor,
+  default97 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -181,45 +182,46 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default98 as MediaLibrary,
+  default99 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default86 as OnboardingModal,
+  default87 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default87 as PublishModal,
+  default88 as PublishModal,
   default34 as Radio,
+  default35 as RadioCard,
   ResourceModal,
-  default35 as SearchBar,
+  default36 as SearchBar,
   default13 as SearchButton,
-  default36 as Select,
-  default91 as ShareBlog,
-  default90 as ShareModal,
-  default45 as SortableTree,
-  default39 as StackedGroup,
-  default40 as Stepper,
-  default41 as Switch,
-  default42 as Table,
+  default37 as Select,
+  default92 as ShareBlog,
+  default91 as ShareModal,
+  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,
-  default99 as VideoEmbed,
-  default100 as VideoRecorder,
-  default48 as VisuallyHidden,
+  default48 as TreeView,
+  default100 as VideoEmbed,
+  default101 as VideoRecorder,
+  default49 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default101 as Workspace,
-  default102 as WorkspaceFolders,
+  default102 as Workspace,
+  default103 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -247,50 +249,50 @@ 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,
+  default62 as useHasWorkflow,
+  default63 as useHover,
   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,
+  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,
   useTreeSortable,
   useTreeView,
-  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,
+  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,
   wrapTreeNode
 };

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/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.2",
+  "version": "2.5.0-develop-b2school.20251110143752",
   "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.2",
-    "@edifice.io/tiptap-extensions": "2.4.2",
-    "@edifice.io/utilities": "2.4.2"
+    "@edifice.io/bootstrap": "2.5.0-develop-b2school.20251110143752",
+    "@edifice.io/tiptap-extensions": "2.5.0-develop-b2school.20251110143752",
+    "@edifice.io/utilities": "2.5.0-develop-b2school.20251110143752"
   },
   "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/config": "2.4.2",
-    "@edifice.io/client": "2.4.2"
+    "@edifice.io/client": "2.5.0-develop-b2school.20251110143752",
+    "@edifice.io/config": "2.5.0-develop-b2school.20251110143752"
   },
   "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
-};