@edifice.io/react 2.5.5-develop-b2school.20260112173549 → 2.5.5-develop-pedago.20260113163234

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { UserProfile } from '@edifice.io/client';
+import { IWebApp, UserProfile } from '@edifice.io/client';
 export type BadgeRef = HTMLSpanElement;
 /** Badge variant : notification */
 export type NotificationBadgeVariant = {
@@ -29,12 +29,15 @@ export type 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.
+ * 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.
  */
 export type BetaBadgeVariant = {
     type: 'beta';
-    color?: string;
+    app?: IWebApp;
 };
 export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {

package/dist/components/Badge/Badge.js

@@ -1,6 +1,7 @@
 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 = {
@@ -10,17 +11,19 @@ const Badge = /* @__PURE__ */ forwardRef(({
   children,
   ...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__ */ 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: [
+  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: [
     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/Combobox/Combobox.js

@@ -51,7 +51,7 @@ const ComboboxComponent = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, handleSearchInputKeyUp: (event) => {
       onSearchInputKeyUp == null || onSearchInputKeyUp(event);
     }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: renderContent() })
   ] });
 }), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger

package/dist/components/Combobox/ComboboxTrigger.js

@@ -48,7 +48,7 @@ const ComboboxTrigger = ({
     !!renderInputGroup && /* @__PURE__ */ jsx("label", { className: "input-group-text pe-0" + classNameVariant, htmlFor: triggerProps.id, children: renderInputGroup }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
       renderSelectedItems,
-      /* @__PURE__ */ jsx(Input, { "data-testid": "combobox-search-input", ...inputProps, className: classNameInput, onFocus, onBlur, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+      /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, onFocus, onBlur, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
     ] })
   ] });
 };

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -8,10 +8,7 @@ const SegmentedControl = /* @__PURE__ */ forwardRef(({
   ...htmlProps
 }, ref) => {
   const antProps = {
-    options: options.map((option) => ({
-      ...option,
-      label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
-    })),
+    options,
     value,
     onChange,
     ref,

package/dist/components/index.d.ts

@@ -12,7 +12,6 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
-export * from './DatePicker';
 export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';

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

@@ -3,6 +3,7 @@ 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,6 +78,10 @@ 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];
   }
@@ -85,6 +89,7 @@ function useEdificeIcons() {
     getIconClass,
     getBackgroundIconClass,
     getBackgroundLightIconClass,
+    getBorderIconClass,
     getIconCode,
     getWidgetIconClass,
     isIconUrl

package/dist/icons.js

@@ -135,46 +135,45 @@ import { default as default135 } from "./modules/icons/components/IconSplitCells
 import { default as default136 } from "./modules/icons/components/IconSquareRoot.js";
 import { default as default137 } from "./modules/icons/components/IconStarFull.js";
 import { default as default138 } from "./modules/icons/components/IconStar.js";
-import { default as default139 } from "./modules/icons/components/IconSubmitToValidate.js";
-import { default as default140 } from "./modules/icons/components/IconSubscript.js";
-import { default as default141 } from "./modules/icons/components/IconSuccessFill.js";
-import { default as default142 } from "./modules/icons/components/IconSuccessOutline.js";
-import { default as default143 } from "./modules/icons/components/IconSuperscript.js";
-import { default as default144 } from "./modules/icons/components/IconTable.js";
-import { default as default145 } from "./modules/icons/components/IconTextBold.js";
-import { default as default146 } from "./modules/icons/components/IconTextColor.js";
-import { default as default147 } from "./modules/icons/components/IconTextHighlight.js";
-import { default as default148 } from "./modules/icons/components/IconTextItalic.js";
-import { default as default149 } from "./modules/icons/components/IconTextPage.js";
-import { default as default150 } from "./modules/icons/components/IconTextSize.js";
-import { default as default151 } from "./modules/icons/components/IconTextToSpeechOff.js";
-import { default as default152 } from "./modules/icons/components/IconTextToSpeech.js";
-import { default as default153 } from "./modules/icons/components/IconTextTypo.js";
-import { default as default154 } from "./modules/icons/components/IconTextUnderline.js";
-import { default as default155 } from "./modules/icons/components/IconTextVanilla.js";
-import { default as default156 } from "./modules/icons/components/IconThumbDown.js";
-import { default as default157 } from "./modules/icons/components/IconThumbUp.js";
-import { default as default158 } from "./modules/icons/components/IconToolCenter.js";
-import { default as default159 } from "./modules/icons/components/IconTool.js";
-import { default as default160 } from "./modules/icons/components/IconTrendingUp.js";
-import { default as default161 } from "./modules/icons/components/IconUndoAll.js";
-import { default as default162 } from "./modules/icons/components/IconUndoSlashed.js";
-import { default as default163 } from "./modules/icons/components/IconUndo.js";
-import { default as default164 } from "./modules/icons/components/IconUnion.js";
-import { default as default165 } from "./modules/icons/components/IconUnlink.js";
-import { default as default166 } from "./modules/icons/components/IconUnlock.js";
-import { default as default167 } from "./modules/icons/components/IconUnreadMail.js";
-import { default as default168 } from "./modules/icons/components/IconUpload.js";
-import { default as default169 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default170 } from "./modules/icons/components/IconUser.js";
-import { default as default171 } from "./modules/icons/components/IconUsers.js";
-import { default as default172 } from "./modules/icons/components/IconVideo.js";
-import { default as default173 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default174 } from "./modules/icons/components/IconViewList.js";
-import { default as default175 } from "./modules/icons/components/IconWand.js";
-import { default as default176 } from "./modules/icons/components/IconWrite.js";
-import { default as default177 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default178 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default139 } from "./modules/icons/components/IconSubscript.js";
+import { default as default140 } from "./modules/icons/components/IconSuccessFill.js";
+import { default as default141 } from "./modules/icons/components/IconSuccessOutline.js";
+import { default as default142 } from "./modules/icons/components/IconSuperscript.js";
+import { default as default143 } from "./modules/icons/components/IconTable.js";
+import { default as default144 } from "./modules/icons/components/IconTextBold.js";
+import { default as default145 } from "./modules/icons/components/IconTextColor.js";
+import { default as default146 } from "./modules/icons/components/IconTextHighlight.js";
+import { default as default147 } from "./modules/icons/components/IconTextItalic.js";
+import { default as default148 } from "./modules/icons/components/IconTextPage.js";
+import { default as default149 } from "./modules/icons/components/IconTextSize.js";
+import { default as default150 } from "./modules/icons/components/IconTextToSpeechOff.js";
+import { default as default151 } from "./modules/icons/components/IconTextToSpeech.js";
+import { default as default152 } from "./modules/icons/components/IconTextTypo.js";
+import { default as default153 } from "./modules/icons/components/IconTextUnderline.js";
+import { default as default154 } from "./modules/icons/components/IconTextVanilla.js";
+import { default as default155 } from "./modules/icons/components/IconThumbDown.js";
+import { default as default156 } from "./modules/icons/components/IconThumbUp.js";
+import { default as default157 } from "./modules/icons/components/IconToolCenter.js";
+import { default as default158 } from "./modules/icons/components/IconTool.js";
+import { default as default159 } from "./modules/icons/components/IconTrendingUp.js";
+import { default as default160 } from "./modules/icons/components/IconUndoAll.js";
+import { default as default161 } from "./modules/icons/components/IconUndoSlashed.js";
+import { default as default162 } from "./modules/icons/components/IconUndo.js";
+import { default as default163 } from "./modules/icons/components/IconUnion.js";
+import { default as default164 } from "./modules/icons/components/IconUnlink.js";
+import { default as default165 } from "./modules/icons/components/IconUnlock.js";
+import { default as default166 } from "./modules/icons/components/IconUnreadMail.js";
+import { default as default167 } from "./modules/icons/components/IconUpload.js";
+import { default as default168 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default169 } from "./modules/icons/components/IconUser.js";
+import { default as default170 } from "./modules/icons/components/IconUsers.js";
+import { default as default171 } from "./modules/icons/components/IconVideo.js";
+import { default as default172 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default173 } from "./modules/icons/components/IconViewList.js";
+import { default as default174 } from "./modules/icons/components/IconWand.js";
+import { default as default175 } from "./modules/icons/components/IconWrite.js";
+import { default as default176 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default177 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -313,44 +312,43 @@ export {
   default136 as IconSquareRoot,
   default138 as IconStar,
   default137 as IconStarFull,
-  default139 as IconSubmitToValidate,
-  default140 as IconSubscript,
-  default141 as IconSuccessFill,
-  default142 as IconSuccessOutline,
-  default143 as IconSuperscript,
-  default144 as IconTable,
-  default145 as IconTextBold,
-  default146 as IconTextColor,
-  default147 as IconTextHighlight,
-  default148 as IconTextItalic,
-  default149 as IconTextPage,
-  default150 as IconTextSize,
-  default152 as IconTextToSpeech,
-  default151 as IconTextToSpeechOff,
-  default153 as IconTextTypo,
-  default154 as IconTextUnderline,
-  default155 as IconTextVanilla,
-  default156 as IconThumbDown,
-  default157 as IconThumbUp,
-  default159 as IconTool,
-  default158 as IconToolCenter,
-  default160 as IconTrendingUp,
-  default163 as IconUndo,
-  default161 as IconUndoAll,
-  default162 as IconUndoSlashed,
-  default164 as IconUnion,
-  default165 as IconUnlink,
-  default166 as IconUnlock,
-  default167 as IconUnreadMail,
-  default168 as IconUpload,
-  default170 as IconUser,
-  default169 as IconUserSearch,
-  default171 as IconUsers,
-  default172 as IconVideo,
-  default173 as IconViewCalendar,
-  default174 as IconViewList,
-  default175 as IconWand,
-  default176 as IconWrite,
-  default177 as IconZoomIn,
-  default178 as IconZoomOut
+  default139 as IconSubscript,
+  default140 as IconSuccessFill,
+  default141 as IconSuccessOutline,
+  default142 as IconSuperscript,
+  default143 as IconTable,
+  default144 as IconTextBold,
+  default145 as IconTextColor,
+  default146 as IconTextHighlight,
+  default147 as IconTextItalic,
+  default148 as IconTextPage,
+  default149 as IconTextSize,
+  default151 as IconTextToSpeech,
+  default150 as IconTextToSpeechOff,
+  default152 as IconTextTypo,
+  default153 as IconTextUnderline,
+  default154 as IconTextVanilla,
+  default155 as IconThumbDown,
+  default156 as IconThumbUp,
+  default158 as IconTool,
+  default157 as IconToolCenter,
+  default159 as IconTrendingUp,
+  default162 as IconUndo,
+  default160 as IconUndoAll,
+  default161 as IconUndoSlashed,
+  default163 as IconUnion,
+  default164 as IconUnlink,
+  default165 as IconUnlock,
+  default166 as IconUnreadMail,
+  default167 as IconUpload,
+  default169 as IconUser,
+  default168 as IconUserSearch,
+  default170 as IconUsers,
+  default171 as IconVideo,
+  default172 as IconViewCalendar,
+  default173 as IconViewList,
+  default174 as IconWand,
+  default175 as IconWrite,
+  default176 as IconZoomIn,
+  default177 as IconZoomOut
 };