@edifice.io/react 2.2.11-develop-pedago.20250707105307 → 2.2.11-develop-pedago.20250707120933

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

@@ -1,13 +1,24 @@
+import { ReactNode } from 'react';
 import { WorkspaceElement } from '@edifice.io/client';
 import { CardProps } from '../../../components';
 export interface FileCardProps extends CardProps {
     /**
      * WorkspaceElement
-     * */
+     */
     doc: WorkspaceElement;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
 }
 declare const FileCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FileCard;

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

@@ -18,11 +18,17 @@ const FileCard = ({
   className,
   onSelect,
   isFocused,
-  app
+  app,
+  customIcon,
+  customColor
 }) => {
-  var _a;
   const ref = useRef(null), type = DocumentHelper.getRole(doc);
   function getRoleMap(type2) {
+    if (customIcon !== void 0 || customColor !== void 0)
+      return {
+        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: customColor || "bg-gray-300"
+      };
     const roleMappings = {
       csv: {
         icon: ".CSV",
@@ -75,7 +81,7 @@ const FileCard = ({
     };
     return roleMappings[type2] || roleMappings.unknown;
   }
-  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = 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})`,
@@ -85,7 +91,7 @@ const FileCard = ({
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
+    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
     /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
       /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
       /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })

package/dist/modules/multimedia/FileCard/FileIcon.d.ts

@@ -1,6 +1,9 @@
 import { Role } from '@edifice.io/client';
 declare const FileIcon: ({ type, roleMap, }: {
     type: Role | "unknown";
-    roleMap?: Record<string, string | JSX.Element>;
+    roleMap?: {
+        icon: React.ReactNode | string;
+        color: string;
+    };
 }) => import("react/jsx-runtime").JSX.Element;
 export default FileIcon;

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

@@ -35,7 +35,9 @@ export type MediaLibraryType =
 /** Embedded websites */
  | 'embedder'
 /** Hyperlinks */
- | 'hyperlink';
+ | 'hyperlink'
+/** Studio mode for recording audio and video */
+ | 'studio';
 export interface MediaLibraryRef {
     /** Open the Media Library on given type. */
     show: (type: MediaLibraryType) => void;

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

@@ -56,6 +56,11 @@ const orderedTabs = [
   embedder: {
     title: "bbm.embed.modal.title",
     defaultTab: "iframe"
+  },
+  // Add studio type with video-capture as default tab
+  studio: {
+    title: "bbm.studio.modal.title",
+    defaultTab: "audio-capture"
   }
 }, MediaLibrary = /* @__PURE__ */ forwardRef(({
   appCode,
@@ -101,7 +106,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
       label: t("bbm.video"),
       content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
-      availableFor: ["video"],
+      availableFor: ["video", "studio"],
       isEnable: () => !!videoCaptureWorkflow
     },
     "audio-capture": {
@@ -109,7 +114,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
       label: t("bbm.audio"),
       content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
-      availableFor: ["audio"],
+      availableFor: ["audio", "studio"],
       isEnable: () => !!workspaceCreateWorkflow
     },
     "external-link": {

package/package.json

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