@edifice.io/react 2.2.11-develop-pedago.20250707114038 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250707114038",
+  "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.20250707114038",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250707114038",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250707114038"
+    "@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.20250707114038",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250707114038"
+    "@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",