@edifice.io/react 2.5.5-develop-pedago.20260115154750 → 2.5.5-develop-b2school.20260116160825

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IWebApp, UserProfile } from '@edifice.io/client';
+import { UserProfile } from '@edifice.io/client';
 export type BadgeRef = HTMLSpanElement;
 /** Badge variant : notification */
 export type NotificationBadgeVariant = {
@@ -29,15 +29,12 @@ export type LinkBadgeVariant = {
 /**
  * Badge variant : beta.
  * Beta Badge is used to indicate that a feature is in beta phase.
- * Beta Badge has a fixed text 'BÊTA' unless children is provided.
- * If app is provided, the color of the Beta Badge is derived from the application colors.
- * Example:
- * <Badge variant={{ type: 'beta', app: myApp }} />
- * where myApp is of type IWebApp.
+ * 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';
-    app?: IWebApp;
+    color?: string;
 };
 export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {

package/dist/components/Badge/Badge.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
 const Badge = /* @__PURE__ */ forwardRef(({
   className,
   variant = {
@@ -11,19 +10,17 @@ const Badge = /* @__PURE__ */ forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  const {
-    getIconClass,
-    getBackgroundLightIconClass,
-    getBorderIconClass
-  } = useEdificeIcons();
-  let badgeColorClassName = "";
-  if (variant.type === "beta" && variant.app) {
-    const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
-    badgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
-  }
-  console.log(badgeColorClassName);
-  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", variant.type === "beta" && badgeColorClassName, className);
-  return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
+  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__ */ 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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,57 @@
+/**
+ * DatePicker component props
+ *
+ * Minimal interface that only exposes what is necessary.
+ * Ant Design implementation is hidden and no Ant Design-specific props are exposed.
+ * Standard HTML div attributes are supported (passed through to the underlying DOM element).
+ */
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     * Selected date values
+     * @default today's date is setted by ant design if no value is provided
+     */
+    value?: Date;
+    /**
+     * Callback called when date changes
+     */
+    onChange?: (date?: Date) => void;
+    /**
+     * Date format to display in the picker
+     * @default 'DD / MM / YYYY'
+     */
+    dateFormat?: string;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+}
+/**
+ * Type for DatePicker ref
+ */
+/**
+ * DatePicker component
+ *
+ * Date picker component for selecting a date.
+ *
+ * **Note:** This component uses Ant Design's DatePicker component internally.
+ * Only the props defined in DatePickerProps are allowed to prevent
+ * dependency on Ant Design-specific features. To replace the implementation,
+ * modify the component body below.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker
+ *   value={date}
+ *   onChange={(date) => setDate(date)}
+ *   dateFormat="YYYY-MM-DD"
+ *   minDate={new Date(today.setDate(today.getDate() - 2))}
+ *   maxDate={new Date(today.setDate(today.getDate() + 3))}
+ * />
+ * ```
+ */
+declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLElement>>;
+export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -16,7 +16,8 @@ const DatePicker = /* @__PURE__ */ forwardRef(({
   onChange,
   dateFormat = "DD / MM / YYYY",
   minDate,
-  maxDate
+  maxDate,
+  ...htmlProps
 }, ref) => {
   const handleChange = (date) => {
     onChange == null || onChange(date ? date.toDate() : void 0);
@@ -26,9 +27,11 @@ const DatePicker = /* @__PURE__ */ forwardRef(({
     format: dateFormat,
     minDate: minDate ? dayjs(minDate) : void 0,
     maxDate: maxDate ? dayjs(maxDate) : void 0,
-    ref
+    ref,
+    // Cast necessary because AntDatePicker expects a specific type, but our API exposes only HTMLElement to avoid dependency on Ant Design-specific features.
+    ...htmlProps
   };
-  return /* @__PURE__ */ jsx(DatePicker$1, { ...antProps });
+  return /* @__PURE__ */ jsx(DatePicker$1, { ...antProps, getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body });
 });
 export {
   DatePicker as default

package/dist/components/Modal/Modal.d.ts

@@ -5,6 +5,10 @@ export interface ModalProps {
      * Modal id (useful when multiple modal on the same page)
      */
     id: string;
+    /**
+     * Modal testid
+     */
+    ['data-testid']?: string;
     /**
      * Is Modal Open
      */

package/dist/components/Modal/Modal.js

@@ -10,17 +10,18 @@ import ModalSubtitle from "./ModalSubtitle.js";
 import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
 import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
 import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
-const Root = /* @__PURE__ */ forwardRef((props, ref) => {
-  const {
-    id,
-    isOpen,
-    onModalClose,
-    size = "md",
-    viewport = !1,
-    scrollable = !1,
-    focusId,
-    children
-  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
+const Root = /* @__PURE__ */ forwardRef(({
+  id,
+  isOpen,
+  onModalClose,
+  size = "md",
+  viewport = !1,
+  scrollable = !1,
+  focusId,
+  children,
+  ...otherDivProps
+}, ref) => {
+  const ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
   useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
     if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
       const elem = document.getElementById(focusId);
@@ -54,7 +55,7 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
     }
   });
   return /* @__PURE__ */ jsx(ModalContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: (node) => {
+    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, ...otherDivProps, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: (node) => {
       modalRef.current = node, isOpen2 && (trapRef.current = node);
     }, className: dialogClasses, children: /* @__PURE__ */ jsx("div", { className: "modal-content", children }) }) }),
     isOpen2 && /* @__PURE__ */ jsx(animated.div, { className: "modal-backdrop fade show", style: {

package/dist/components/index.d.ts

@@ -29,7 +29,6 @@ export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
 export * from './Logo';
-export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
 export * from './Popover';

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,5 +1,5 @@
 import { useState, useRef } from "react";
-import heic2any from "heic2any";
+import { HEIC_MIME_TYPES } from "../../utilities/mime-types/mime-types-utils.js";
 const useDropzone = (props) => {
   const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
     addFiles([file]);
@@ -32,21 +32,26 @@ const useDropzone = (props) => {
       })
     ));
     filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, 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 = () => {
+  }, convertHEICImages = async (files2) => {
+    if (files2 === null || files2.length === 0)
+      return [];
+    let heic2any;
+    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heic2any = (await import("heic2any")).default), Promise.all(files2.map(async (file) => {
+      if (HEIC_MIME_TYPES.includes(file.type) && heic2any)
+        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;

package/dist/hooks/useEdificeIcons/useEdificeIcons.d.ts

@@ -3,7 +3,6 @@ export default function useEdificeIcons(): {
     getIconClass: (app: IWebApp | string) => string;
     getBackgroundIconClass: (app: IWebApp | string) => string;
     getBackgroundLightIconClass: (app: IWebApp | string) => string;
-    getBorderIconClass: (app: IWebApp | string) => string;
     getIconCode: (app: IWebApp | string | undefined) => string;
     getWidgetIconClass: (widget: IWidget) => string;
     isIconUrl: (icon: string) => string | boolean;

package/dist/hooks/useEdificeIcons/useEdificeIcons.js

@@ -78,10 +78,6 @@ function useEdificeIcons() {
     const appCode = getIconCode(app);
     return appCode ? `bg-light-${appCode}` : "bg-light-placeholder";
   }
-  function getBorderIconClass(app) {
-    const appCode = getIconCode(app);
-    return appCode ? `border-app-${appCode}` : "border-app-placeholder";
-  }
   function getWidgetIconClass(widget) {
     return iconOfWidget[widget.platformConf.name];
   }
@@ -89,7 +85,6 @@ function useEdificeIcons() {
     getIconClass,
     getBackgroundIconClass,
     getBackgroundLightIconClass,
-    getBorderIconClass,
     getIconCode,
     getWidgetIconClass,
     isIconUrl