@edifice.io/react 2.2.2-develop-b2school.20250404111401 → 2.2.2-develop-b2school.20250407165159

package/dist/components/Combobox/Combobox.d.ts

@@ -1,11 +1,11 @@
 import { ChangeEvent, ReactNode } from 'react';
 export interface ComboboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    onSearchResultsChange: (model: (string | number)[]) => void;
     onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     options: OptionListItemType[];
     value: string;
     isLoading: boolean;
     noResult: boolean;
+    onSearchResultsChange?: (model: (string | number)[]) => void;
     searchMinLength?: number;
     placeholder?: string;
     variant?: 'outline' | 'ghost';

package/dist/components/Combobox/Combobox.js

@@ -24,7 +24,7 @@ const Combobox = ({
     t
   } = useTranslation(), [localValue, setLocalValue] = useState([]);
   useEffect(() => {
-    onSearchResultsChange(localValue);
+    onSearchResultsChange == null || onSearchResultsChange(localValue);
   }, [localValue]);
   const handleOptionClick = (value2) => {
     setLocalValue([value2]);

package/dist/components/Combobox/ComboboxTrigger.js

@@ -20,7 +20,7 @@ const ComboboxTrigger = ({
     setVisible
   } = useDropdownContext(), containerProps = {
     ...triggerProps,
-    className: clsx("d-flex align-items-center flex-wrap combobox-trigger", renderInputGroup ? "input-group" : "", triggerProps.className),
+    className: clsx("d-flex combobox-trigger", renderInputGroup ? "input-group flex-nowrap align-items-start" : "flex-wrap align-items-center", triggerProps.className),
     onClick: (event) => {
       event.stopPropagation();
     }
@@ -33,13 +33,15 @@ const ComboboxTrigger = ({
       const input = event.target;
       setVisible(input.value.length >= searchMinLength || !!hasDefault), input.focus();
     }
-  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? " w-auto " : "");
+  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? "flex-fill w-auto " : "");
   return useEffect(() => {
     setVisible(value.length >= searchMinLength);
   }, [value, searchMinLength]), /* @__PURE__ */ jsxs(FormControl, { id: "search", ...containerProps, children: [
     !!renderInputGroup && /* @__PURE__ */ jsx("span", { className: "input-group-text pe-0" + classNameVariant, children: renderInputGroup }),
-    renderSelectedItems,
-    /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+    /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
+      renderSelectedItems,
+      /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+    ] })
   ] });
 };
 export {

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components';
 export * from './hooks';
 export * from './modules/modals';
+export * from './modules/multimedia';
 export * from './providers';
 export * from './types';
 export * from './utilities';

package/dist/index.js

@@ -72,15 +72,23 @@ import { default as default71 } from "./hooks/useWorkspaceFolders/useWorkspaceFo
 import { default as default72 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
 import { default as default73 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
 import { default as default74 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default75 } from "./modules/modals/AddAttachmentToWorkspaceModal/AddAttachmentToWorkspaceModal.js";
-import { default as default76 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default77 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default78 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default79 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default80 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default81 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default82 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default83 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default75 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default76 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default77 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default78 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default79 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default80 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default81 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default82 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default83 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default84 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default85 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default86 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default87 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default88 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default89 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default90 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default91 } 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";
@@ -97,6 +105,8 @@ import { TreeNode } from "./components/TreeView/TreeNode.js";
 import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
+import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
+import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -110,14 +120,14 @@ import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
-  default75 as AddAttachmentToWorkspaceModal,
   default3 as Alert,
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
+  default83 as AudioRecorder,
   default7 as Avatar,
   default8 as Badge,
-  default79 as BlogPublic,
+  default78 as BlogPublic,
   default9 as Breadcrumb,
   default10 as Button,
   default13 as Card,
@@ -126,7 +136,7 @@ export {
   default16 as ColorPickerItem,
   Column,
   default17 as Combobox,
-  default76 as ConfirmModal,
+  default75 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default18 as Dropdown,
@@ -136,36 +146,42 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
+  default84 as Embed,
   default20 as EmptyScreen,
+  ExternalLinker,
   default22 as FormControl,
   default21 as FormText,
   Grid,
   default23 as Heading,
   default11 as IconButton,
   default24 as Image,
+  default85 as ImageEditor,
+  default86 as ImagePicker,
   default25 as Input,
+  InternalLinker,
   default26 as Label,
   Layout,
   List,
   default27 as Loading,
   default28 as LoadingScreen,
   default29 as Logo,
+  default87 as MediaLibrary,
   Menu,
   MockedProvider,
   default30 as Modal,
-  default77 as OnboardingModal,
+  default76 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default78 as PublishModal,
+  default77 as PublishModal,
   default31 as Radio,
   ResourceModal,
   default32 as SearchBar,
   default12 as SearchButton,
   default33 as Select,
-  default82 as ShareBlog,
-  default81 as ShareModal,
+  default81 as ShareBlog,
+  default80 as ShareModal,
   default37 as SortableTree,
   default34 as Table,
   Tabs,
@@ -176,7 +192,11 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default39 as TreeView,
+  default88 as VideoEmbed,
+  default89 as VideoRecorder,
   default40 as VisuallyHidden,
+  default90 as Workspace,
+  default91 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -229,7 +249,7 @@ export {
   default59 as useLibraryUrl,
   default60 as useMediaLibrary,
   default61 as useScrollToTop,
-  default83 as useShareMutation,
+  default82 as useShareMutation,
   default62 as useTitle,
   default63 as useToast,
   default64 as useToggle,
@@ -237,7 +257,7 @@ export {
   default66 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default80 as useUpdateMutation,
+  default79 as useUpdateMutation,
   default67 as useUpload,
   default68 as useUploadFiles,
   default69 as useUser,

package/dist/modals.js

@@ -1,22 +1,20 @@
-import { default as default2 } from "./modules/modals/AddAttachmentToWorkspaceModal/AddAttachmentToWorkspaceModal.js";
-import { default as default3 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default4 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default5 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default6 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default7 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default8 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default9 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default10 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default2 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default3 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default4 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default5 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default6 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default7 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default8 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 export {
-  default2 as AddAttachmentToWorkspaceModal,
-  default6 as BlogPublic,
-  default3 as ConfirmModal,
-  default4 as OnboardingModal,
-  default5 as PublishModal,
+  default5 as BlogPublic,
+  default2 as ConfirmModal,
+  default3 as OnboardingModal,
+  default4 as PublishModal,
   ResourceModal,
-  default9 as ShareBlog,
-  default8 as ShareModal,
-  default10 as useShareMutation,
-  default7 as useUpdateMutation
+  default8 as ShareBlog,
+  default7 as ShareModal,
+  default9 as useShareMutation,
+  default6 as useUpdateMutation
 };

package/dist/modules/modals/index.d.ts

@@ -1,4 +1,3 @@
-export * from './AddAttachmentToWorkspaceModal';
 export * from './ConfirmModal';
 export * from './OnboardingModal';
 export * from './PublishModal';

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.d.ts

@@ -0,0 +1,8 @@
+interface WorkspaceFoldersProps {
+    /**
+     * Function called when a folder is selected
+     */
+    onFolderSelected: (folderId: string) => void;
+}
+export default function WorkspaceFolders({ onFolderSelected, }: WorkspaceFoldersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/{modals/AddAttachmentToWorkspaceModal/components/WorkspaceFoldersTree.js → multimedia/WorkspaceFolders/WorkspaceFolders.js}

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import useWorkspaceFolders from "../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import Tree from "../../../../components/Tree/components/Tree.js";
-function WorkspaceFoldersTree({
+import useWorkspaceFolders from "../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+function WorkspaceFolders({
   onFolderSelected
 }) {
   const {
@@ -12,9 +12,9 @@ function WorkspaceFoldersTree({
   } = useWorkspaceFolders();
   return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
     /* @__PURE__ */ jsx("p", { children: t("attachments.add.to.folder.modal.description") }),
-    /* @__PURE__ */ jsx("div", { className: "border border-gray-400 rounded", children: /* @__PURE__ */ jsx("div", { className: "p-12", children: /* @__PURE__ */ jsx(Tree, { nodes: folderTree, onTreeItemClick: onFolderSelected, shouldExpandAllNodes: !0 }) }) })
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-400 rounded", children: /* @__PURE__ */ jsx("div", { className: "p-12", children: /* @__PURE__ */ jsx(Tree, { nodes: folderTree, onTreeItemClick: onFolderSelected }) }) })
   ] });
 }
 export {
-  WorkspaceFoldersTree as default
+  WorkspaceFolders 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.2-develop-b2school.20250404111401",
+  "version": "2.2.2-develop-b2school.20250407165159",
   "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.2-develop-b2school.20250404111401",
-    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250404111401",
-    "@edifice.io/utilities": "2.2.2-develop-b2school.20250404111401"
+    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/utilities": "2.2.2-develop-b2school.20250407165159"
   },
   "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.2-develop-b2school.20250404111401",
-    "@edifice.io/config": "2.2.2-develop-b2school.20250404111401"
+    "@edifice.io/client": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/config": "2.2.2-develop-b2school.20250407165159"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/modules/modals/AddAttachmentToWorkspaceModal/AddAttachmentToWorkspaceModal.d.ts

@@ -1,20 +0,0 @@
-interface AddAttachmentToWorkspaceModalProps {
-    /**
-     * Modal id (useful when multiple modal on the same page)
-     */
-    id?: string;
-    /**
-     * Is Modal Open
-     */
-    isOpen?: boolean;
-    /**
-     * Function to call when success button proceed
-     */
-    onSuccess?: () => void;
-    /**
-     * Function to call when closing modal
-     */
-    onCancel?: () => void;
-}
-export default function AddAttachmentToWorkspaceModal({ id, isOpen, onSuccess, onCancel, }: AddAttachmentToWorkspaceModalProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/modals/AddAttachmentToWorkspaceModal/AddAttachmentToWorkspaceModal.js

@@ -1,31 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import WorkspaceFoldersTree from "./components/WorkspaceFoldersTree.js";
-import { useState, useEffect } from "react";
-import Modal from "../../../components/Modal/Modal.js";
-import Button from "../../../components/Button/Button.js";
-function AddAttachmentToWorkspaceModal({
-  id = "add-attachment-to-workspace-modal",
-  isOpen = !1,
-  onSuccess = () => ({}),
-  onCancel = () => ({})
-}) {
-  const {
-    t
-  } = useTranslation(), [selectedFolderId, setSelectedFolderId] = useState(), [disabled, setDisabled] = useState(!1), handleFolderSelected = (folderId) => {
-    setSelectedFolderId(folderId);
-  };
-  return useEffect(() => {
-    setDisabled(!selectedFolderId);
-  }, [selectedFolderId]), /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id, size: "md", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("attachments.add.to.folder.modal") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(WorkspaceFoldersTree, { onFolderSelected: handleFolderSelected }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, children: t("cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "submit", color: "primary", variant: "filled", onClick: onSuccess, disabled, children: t("add") })
-    ] })
-  ] });
-}
-export {
-  AddAttachmentToWorkspaceModal as default
-};

package/dist/modules/modals/AddAttachmentToWorkspaceModal/components/WorkspaceFoldersTree.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    onFolderSelected: (folderId: string) => void;
-};
-export default function WorkspaceFoldersTree({ onFolderSelected }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/modals/AddAttachmentToWorkspaceModal/index.d.ts

@@ -1 +0,0 @@
-export { default as AddAttachmentToWorkspaceModal } from './AddAttachmentToWorkspaceModal';