@edifice.io/react 2.5.2-develop-pedago.20251201132016 → 2.5.2-develop.20251201160304

package/dist/modules/editor/components/Renderer/MediaRenderer.js

@@ -18,7 +18,7 @@ const MediaRenderer = (props) => {
     startVerticalResize,
     stopVerticalResize,
     isVerticalResizeActive
-  } = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
+  } = useResizeMedia(props, resizableMedia), width = node.attrs.width || 560, height = node.attrs.height || Math.round(width * 9 / 16), alignContent = (textalign) => {
     switch (textalign) {
       case "center":
       case "justify":
@@ -66,7 +66,7 @@ const MediaRenderer = (props) => {
         case "iframe":
           return /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "iframe-node-view" }),
-            /* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, allowFullScreen: node.attrs.allowfullscreen ?? !0 })
+            /* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width, height, allowFullScreen: node.attrs.allowfullscreen ?? !0 })
           ] });
         default:
           return null;

package/dist/modules/editor/hooks/useResizeMedia.js

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from "react";
-const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
-  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), readCurrentPixelWidth = () => {
+const MIN_WIDTH = 80, useResizeMedia = (props, refResizable, forcedAspectRatio) => {
+  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidth = (width) => width < MIN_WIDTH, readCurrentPixelWidth = () => {
     const el = refResizable.current;
     if (!el) return 0;
     const rect = el.getBoundingClientRect();
@@ -22,7 +22,7 @@ const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
   }, []);
   const clampWidth = (w) => {
     let width = w;
-    return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), Math.round(width);
+    return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), limitWidth(width) && (width = MIN_WIDTH), Math.round(width);
   }, onVerticalResize = (direction, diff) => {
     const currWidth = readCurrentPixelWidth();
     if (!currWidth) return;

package/dist/modules/multimedia/FileCard/FileCard.js

@@ -82,7 +82,7 @@ const FileCard = ({
     };
     return roleMappings[type2] || roleMappings.unknown;
   }
-  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = doc.eType === "resource" ? doc.thumbnail : type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
     ref
   }), imageStyles = hasThumbnail && {
     backgroundImage: `url(${mediaSrc})`,

package/dist/modules/multimedia/FileCard/FileIcon.js

@@ -5,7 +5,7 @@ const FileIcon = ({
   type,
   roleMap
 }) => {
-  const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute rounded-circle top-50 start-50 translate-middle", {
+  const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
     "p-12 rounded-circle shadow": hasShadow
   }, roleMap == null ? void 0 : roleMap.color);
   return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -111,10 +111,7 @@ const InternalLinker = ({
   }, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
       showApplicationSelector && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
-        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: /* @__PURE__ */ jsxs("span", { className: "d-md-inline d-sm-none", children: [
-          " ",
-          t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose")
-        ] }), variant: "ghost", size: "md" }),
+        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
         /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })

package/package.json

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