@edifice.io/react 2.5.6 → 2.5.8

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
+}
+export {
+  commonjsGlobal,
+  getDefaultExportFromCjs
+};

package/dist/_virtual/common.js

@@ -0,0 +1,4 @@
+var common = {};
+export {
+  common as __exports
+};

package/dist/_virtual/de_DE.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE2.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE3.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE4.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE5.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/de_DE6.js

@@ -0,0 +1,4 @@
+var de_DE = {};
+export {
+  de_DE as __exports
+};

package/dist/_virtual/defineProperty.js

@@ -0,0 +1,4 @@
+var defineProperty = { exports: {} };
+export {
+  defineProperty as __module
+};

package/dist/_virtual/es_ES.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES2.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES3.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES4.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES5.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/es_ES6.js

@@ -0,0 +1,4 @@
+var es_ES = {};
+export {
+  es_ES as __exports
+};

package/dist/_virtual/fr_FR.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR2.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR3.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR4.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR5.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/fr_FR6.js

@@ -0,0 +1,4 @@
+var fr_FR = {};
+export {
+  fr_FR as __exports
+};

package/dist/_virtual/interopRequireDefault.js

@@ -0,0 +1,4 @@
+var interopRequireDefault = { exports: {} };
+export {
+  interopRequireDefault as __module
+};

package/dist/_virtual/it_IT.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT2.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT3.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT4.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT5.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/it_IT6.js

@@ -0,0 +1,4 @@
+var it_IT = {};
+export {
+  it_IT as __exports
+};

package/dist/_virtual/localeData.js

@@ -0,0 +1,4 @@
+var localeData = { exports: {} };
+export {
+  localeData as __module
+};

package/dist/_virtual/objectSpread2.js

@@ -0,0 +1,4 @@
+var objectSpread2 = { exports: {} };
+export {
+  objectSpread2 as __module
+};

package/dist/_virtual/pt_PT.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT2.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT3.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT4.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT5.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/pt_PT6.js

@@ -0,0 +1,4 @@
+var pt_PT = {};
+export {
+  pt_PT as __exports
+};

package/dist/_virtual/toPrimitive.js

@@ -0,0 +1,4 @@
+var toPrimitive = { exports: {} };
+export {
+  toPrimitive as __module
+};

package/dist/_virtual/toPropertyKey.js

@@ -0,0 +1,4 @@
+var toPropertyKey = { exports: {} };
+export {
+  toPropertyKey as __module
+};

package/dist/_virtual/typeof.js

@@ -0,0 +1,4 @@
+var _typeof = { exports: {} };
+export {
+  _typeof as __module
+};

package/dist/_virtual/weekday.js

@@ -0,0 +1,4 @@
+var weekday = { exports: {} };
+export {
+  weekday as __module
+};

package/dist/components/AppIcon/index.d.ts

@@ -1 +1,2 @@
+export * from './AppIcon';
 export { default as AppIcon } from './AppIcon';

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/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, { children: renderContent() })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-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, { ...inputProps, className: classNameInput, onFocus, onBlur, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+      /* @__PURE__ */ jsx(Input, { "data-testid": "combobox-search-input", ...inputProps, className: classNameInput, onFocus, onBlur, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
     ] })
   ] });
 };

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { DatePicker as DatePicker$1 } from "antd";
+import dayjs from "dayjs";
+import localeData from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/localeData.js";
+import weekday from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/weekday.js";
+import { forwardRef } from "react";
+import "dayjs/locale/de.js";
+import "dayjs/locale/es.js";
+import "dayjs/locale/fr.js";
+import "dayjs/locale/it.js";
+import "dayjs/locale/pt.js";
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+const DatePicker = /* @__PURE__ */ forwardRef(({
+  value,
+  onChange,
+  dateFormat = "DD / MM / YYYY",
+  minDate,
+  maxDate
+}, ref) => {
+  const handleChange = (date) => {
+    onChange == null || onChange(date ? date.toDate() : void 0);
+  }, antProps = {
+    value: value ? dayjs(value) : void 0,
+    onChange: handleChange,
+    format: dateFormat,
+    minDate: minDate ? dayjs(minDate) : void 0,
+    maxDate: maxDate ? dayjs(maxDate) : void 0,
+    ref
+  };
+  return /* @__PURE__ */ jsx(DatePicker$1, { ...antProps });
+});
+export {
+  DatePicker as default
+};

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

@@ -0,0 +1,2 @@
+export { default as DatePicker } from './DatePicker';
+export * from './DatePicker';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+/**
+ * A divider component that renders a horizontal or vertical line to separate content.
+ *
+ * @param props - The component props
+ * @param props.children - Content to be displayed inside the divider
+ * @param props.vertical - Whether the divider is vertical. Defaults to false
+ * @param props.className - Optional CSS class name for additional styling of the divider
+ * @default 'border-gray-500'
+ * @param props.style - Optional inline styles for the divider
+ *
+ * @returns A React component that renders a divider with the specified properties
+ *
+ * @example
+ * ```tsx
+ * // Basic horizontal divider
+ * <Divider />
+ *
+ * // Divider with text content
+ * <Divider>Section Title</Divider>
+ *
+ * // Vertical divider
+ * <Divider vertical />
+ *
+ * // Custom colored divider
+ * <Divider className="border-red-500" />
+ * ```
+ */
+declare const Divider: {
+    ({ children, vertical, className, style, }: {
+        children?: ReactNode;
+        vertical?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Divider;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Divider as Divider$1 } from "antd";
+const Divider = ({
+  children,
+  vertical = !1,
+  className = "border-gray-500",
+  style
+}) => /* @__PURE__ */ jsx(Divider$1, { plain: !0, children, type: vertical ? "vertical" : "horizontal", className, orientation: "center", style });
+export {
+  Divider as default
+};

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider';
+export { default as Divider } from './Divider';

package/dist/components/Flex/Flex.js

@@ -13,7 +13,7 @@ const Flex = /* @__PURE__ */ forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
+  const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap === "reverse" ? "wrap-reverse" : wrap}`, className);
   return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
 });
 export {

package/dist/components/Menu/components/MenuButton.d.ts

@@ -1,5 +1,7 @@
 import { ButtonProps } from '../../Button';
 export type MenuButtonProps = Pick<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'onClick'> & {
     selected: boolean;
+    className?: string;
+    size?: 'md' | 'lg';
 };
 export declare const MenuButton: (props: Partial<MenuButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/components/MenuButton.js

@@ -8,13 +8,22 @@ const MenuButton = (props) => {
     leftIcon,
     rightIcon,
     onClick,
-    children
+    children,
+    className,
+    size
   } = props, {
     childProps
   } = useMenuContext();
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100", {
-    selected
-  }), leftIcon, rightIcon, onClick, ...childProps, children });
+  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100 overflow-hidden", {
+    selected,
+    "menu-button-lg": size === "lg"
+  }, className), leftIcon, rightIcon, onClick, ...childProps, style: size === "lg" ? {
+    height: "auto"
+  } : void 0, children: /* @__PURE__ */ jsx("div", { className: clsx("text-truncate w-100 text-start", {
+    "text-truncate-2 text-start ms-0": size === "lg"
+  }), style: {
+    overflowWrap: "break-word"
+  }, children }) });
 };
 export {
   MenuButton

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Simple option for SegmentedControl
+ */
+export interface SegmentedOption {
+    /**
+     * Option label
+     */
+    label: string;
+    /**
+     * Option value
+     */
+    value: string;
+}
+/**
+ * SegmentedControl 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 SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /**
+     * Segmented control options
+     */
+    options: SegmentedOption[];
+    /**
+     * Selected value
+     */
+    value?: string;
+    /**
+     * Callback called when value changes
+     */
+    onChange?: (value: string) => void;
+}
+/**
+ * SegmentedControl component
+ *
+ * Segmented control component for selecting between multiple options.
+ *
+ * **Note:** This component uses Ant Design's Segmented component internally.
+ * Only the props defined in SegmentedControlProps are allowed to prevent
+ * dependency on Ant Design-specific features. To replace the implementation,
+ * modify the component body below.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl
+ *   options={[
+ *     { label: 'List', value: 'list' },
+ *     { label: 'Kanban', value: 'kanban' },
+ *     { label: 'Table', value: 'table' }
+ *   ]}
+ *   value={value}
+ *   onChange={(val) => setValue(val)}
+ * />
+ * ```
+ */
+declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SegmentedControl;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Segmented } from "antd";
+const SegmentedControl = /* @__PURE__ */ forwardRef(({
+  options,
+  value,
+  onChange,
+  ...htmlProps
+}, ref) => {
+  const antProps = {
+    options: options.map((option) => ({
+      ...option,
+      label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
+    })),
+    value,
+    onChange,
+    ref,
+    ...htmlProps
+  };
+  return /* @__PURE__ */ jsx(Segmented, { ...antProps });
+});
+export {
+  SegmentedControl as default
+};

package/dist/components/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SegmentedControl } from './SegmentedControl';
+export * from './SegmentedControl';

package/dist/components/Select/Select.d.ts

@@ -14,7 +14,7 @@ export interface OptionsType {
      */
     icon?: JSX.Element;
 }
-export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent'> {
+export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent' | 'defaultValue'> {
     /**
      * Controlled value
      */
@@ -31,13 +31,17 @@ export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<Dropd
      * Callback to get value
      */
     onValueChange?: (option: OptionsType | string) => void;
+    /**
+     * Default value
+     */
+    defaultValue?: string;
 }
 /**
  *
  * Select component is based on Dropdown Component. It extends `Dropdown` and `Dropdown.Trigger` props `block`, `overflow`, `icon`, `variant`, `size`, `disabled`
  */
 declare const Select: {
-    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValue, icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, defaultValue, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Select;

package/dist/components/Select/Select.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import SelectTrigger from "./SelectTrigger.js";
 import Dropdown from "../Dropdown/Dropdown.js";
+import SelectTrigger from "./SelectTrigger.js";
 const Select = ({
   selectedValue,
   icon,
@@ -13,7 +13,8 @@ const Select = ({
   size,
   disabled,
   placeholderOption,
-  onValueChange
+  onValueChange,
+  defaultValue
 }) => {
   const [localValue, setLocalValue] = useState(), {
     t
@@ -25,10 +26,15 @@ const Select = ({
       const value = typeof localValue == "object" ? localValue.value : localValue;
       onValueChange == null || onValueChange(value);
     }
-  }, [localValue]);
+  }, [localValue]), useEffect(() => {
+    if (defaultValue) {
+      const foundOption = options.find((option) => (typeof option == "object" ? option.value : option) === defaultValue);
+      foundOption !== void 0 && setLocalValue(foundOption);
+    }
+  }, []);
   const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
   return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: t(label || placeholderOption), variant, size, disabled }),
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: /* @__PURE__ */ jsx("span", { className: "text-truncate", children: t(label || placeholderOption) }), variant, size, disabled }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
       const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
       return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);

package/dist/components/index.d.ts

@@ -12,6 +12,8 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
+export * from './DatePicker';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
@@ -34,6 +36,7 @@ export * from './PreventPropagation';
 export * from './Radio';
 export * from './RadioCard';
 export * from './SearchBar';
+export * from './SegmentedControl';
 export * from './Select';
 export * from './Skeleton';
 export * from './StackedGroup';