@edifice.io/react 2.5.5-develop.20251222161838 → 2.5.5-develop.20260112150307

package/dist/components/Badge/Badge.d.ts

@@ -26,7 +26,17 @@ export type ChipBadgeVariant = {
 export type LinkBadgeVariant = {
     type: 'link';
 };
-export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant;
+/**
+ * Badge variant : beta.
+ * Beta Badge is used to indicate that a feature is in beta phase.
+ * The color prop allows to customize the badge color to match the app color.
+ * Defaults to black if not provided.
+ */
+export type BetaBadgeVariant = {
+    type: 'beta';
+    color?: string;
+};
+export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
@@ -35,6 +45,7 @@ export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     variant?: BadgeVariants;
     /**
      * Text or icon (or whatever) to render as children elements.
+     * Defaults to 'BÊTA' for beta variant.
      */
     children?: ReactNode;
     /**

package/dist/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 const Badge = /* @__PURE__ */ forwardRef(({
@@ -11,7 +11,20 @@ const Badge = /* @__PURE__ */ forwardRef(({
   ...restProps
 }, ref) => {
   const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", className);
-  return /* @__PURE__ */ jsx("span", { ref, className: classes, ...restProps, children: variant.type === "chip" ? /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }) : children });
+  return /* @__PURE__ */ jsxs("span", { ref, className: classes, style: (() => {
+    if (variant.type !== "beta") return;
+    const color = variant.color ?? "#000000";
+    return {
+      borderColor: color,
+      color,
+      backgroundColor: `${color}10`
+      // the 2 last hexadecimal numbers are for opacity
+    };
+  })(), ...restProps, children: [
+    variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
+    variant.type === "beta" && (children ?? "BÊTA"),
+    variant.type !== "chip" && variant.type !== "beta" && children
+  ] });
 });
 export {
   Badge as default

package/dist/hooks/useDropzone/useDropzone.d.ts

@@ -17,7 +17,7 @@ declare const useDropzone: (props?: {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
+    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => Promise<void>;
     /** Replace a file in the `files` list. */
     replaceFileAt: (index: number, file: File) => void;
     /** Remove a file from the `files` list. */
@@ -25,7 +25,7 @@ declare const useDropzone: (props?: {
     /** Add a file to the `files` list. */
     addFile: (file: File) => void;
     /** Add many files to the `files` list. */
-    addFiles: (files: File[]) => void;
+    addFiles: (files: File[]) => Promise<void>;
     /** Empty the `files` list. */
     cleanFiles: () => void;
     /** Callback to attach to your `input[type=file]` HTMLElement. */

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,4 +1,5 @@
 import { useState, useRef } from "react";
+import heic2any from "heic2any";
 const useDropzone = (props) => {
   const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
     addFiles([file]);
@@ -23,15 +24,29 @@ const useDropzone = (props) => {
       });
     }
     return filteredFiles;
-  }, addFiles = (files2) => {
-    let filesToAdd = files2.sort((a, b) => b.lastModified - a.lastModified).map((file) => (
+  }, addFiles = async (files2) => {
+    let filesToAdd = (await convertHEICImages(files2)).sort((a, b) => b.lastModified - a.lastModified).map((file) => (
       // #WB-3377: Remove special characters from the file name. (it can cause issues with vertx which replace it or remove it)
       new File([file], file.name.replace(/[!:,;="']/g, ""), {
         type: file.type
       })
     ));
     filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, cleanFiles = () => {
+  }, convertHEICImages = async (files2) => Promise.all(files2.map(async (file) => {
+    if (file.type === "image/heic" || file.type === "image/heif")
+      try {
+        const converted = await heic2any({
+          blob: file,
+          toType: "image/jpeg"
+        });
+        return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
+          type: "image/jpeg"
+        });
+      } catch (error) {
+        return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
+      }
+    return file;
+  })), cleanFiles = () => {
     setFiles([]);
   }, handleOnChange = (event) => {
     const files2 = event.target.files;
@@ -53,11 +68,11 @@ const useDropzone = (props) => {
     /** Callback to attach to your drop zone (any HTMLElement). */
     handleDragLeave,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: (event) => {
+    handleDrop: async (event) => {
       var _a;
       handleDragLeave(event);
       const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      files2 && (addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
+      files2 && (await addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
     },
     /** Replace a file in the `files` list. */
     replaceFileAt,

package/dist/index.js

@@ -102,10 +102,12 @@ import { default as default100 } from "./modules/multimedia/ImageEditor/componen
 import { default as default101 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default102 } from "./modules/multimedia/FileCard/FileCard.js";
 import { default as default103 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default104 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default105 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default106 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default107 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default104 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default105 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default106 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default107 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default108 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default109 } 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";
@@ -124,6 +126,7 @@ 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 { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
@@ -225,13 +228,16 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default50 as TreeView,
-  default104 as VideoEmbed,
-  default105 as VideoRecorder,
+  Upload,
+  default105 as UploadCard,
+  default104 as UploadFiles,
+  default106 as VideoEmbed,
+  default107 as VideoRecorder,
   default51 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default106 as Workspace,
-  default107 as WorkspaceFolders,
+  default108 as Workspace,
+  default109 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,

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

@@ -1,3 +1,5 @@
 export { default as MediaLibrary } from './MediaLibrary';
 export * from './MediaLibrary';
+export * from './innertabs/Upload';
+export * from '../UploadFiles';
 export type { InternalLinkTabResult } from './innertabs/InternalLink';

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

@@ -14,7 +14,7 @@ const acceptedTypes = (type) => {
       acceptedTypes2.push("video/*");
       break;
     case "image":
-      acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif");
+      acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif"), acceptedTypes2.push("image/heic");
       break;
   }
   return acceptedTypes2;

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

@@ -5,6 +5,7 @@ export * from './ImagePicker';
 export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
+export * from './UploadCard';
 export * from './VideoEmbed';
 export * from './VideoRecorder';
 export * from './Workspace';

package/dist/multimedia.js

@@ -4,12 +4,15 @@ import { default as default4 } from "./modules/multimedia/ImageEditor/components
 import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default6 } from "./modules/multimedia/FileCard/FileCard.js";
 import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default8 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default9 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default10 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default11 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default8 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default9 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default10 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default11 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default12 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default13 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
+import { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
@@ -19,8 +22,11 @@ export {
   default5 as ImagePicker,
   InternalLinker,
   default7 as MediaLibrary,
-  default8 as VideoEmbed,
-  default9 as VideoRecorder,
-  default10 as Workspace,
-  default11 as WorkspaceFolders
+  Upload,
+  default9 as UploadCard,
+  default8 as UploadFiles,
+  default10 as VideoEmbed,
+  default11 as VideoRecorder,
+  default12 as Workspace,
+  default13 as WorkspaceFolders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.5-develop.20251222161838",
+  "version": "2.5.5-develop.20260112150307",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -123,6 +123,7 @@
     "clsx": "^2.1.1",
     "dayjs": "1.11.10",
     "emoji-picker-react": "4.5.2",
+    "heic2any": "0.0.4",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
@@ -133,9 +134,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.5.5-develop.20251222161838",
-    "@edifice.io/tiptap-extensions": "2.5.5-develop.20251222161838",
-    "@edifice.io/utilities": "2.5.5-develop.20251222161838"
+    "@edifice.io/bootstrap": "2.5.5-develop.20260112150307",
+    "@edifice.io/tiptap-extensions": "2.5.5-develop.20260112150307",
+    "@edifice.io/utilities": "2.5.5-develop.20260112150307"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -166,8 +167,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.5-develop.20251222161838",
-    "@edifice.io/config": "2.5.5-develop.20251222161838"
+    "@edifice.io/client": "2.5.5-develop.20260112150307",
+    "@edifice.io/config": "2.5.5-develop.20260112150307"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",