@connectif/ui-components 2.2.0 → 2.3.0

package/dist/components/alert/Alert.theme.d.ts

@@ -1,2 +1,3 @@
-import { Components, Theme } from '@mui/material';
-export declare const alertTheme: Components<Theme>['MuiAlert'];
+import { Components } from '@mui/material';
+import type { CustomTheme } from '../../theme/CustomTheme';
+export declare const alertTheme: Components<CustomTheme>['MuiAlert'];

package/dist/components/alert/AlertTitle.theme.d.ts

@@ -1,2 +1,3 @@
-import { Components, Theme } from '@mui/material';
-export declare const alertTitleTheme: Components<Theme>['MuiAlertTitle'];
+import { Components } from '@mui/material';
+import type { CustomTheme } from '../../theme/CustomTheme';
+export declare const alertTitleTheme: Components<CustomTheme>['MuiAlertTitle'];

package/dist/components/button/Button.d.ts

@@ -120,7 +120,7 @@ export type ButtonProps = Pick<MuiButtonProps, 'id' | 'disabled' | 'onClick' | '
  * Button can be primary, secondary, outlined or text, and it can have an icon at the start or at the end.
  * It can be disabled.
  */
-declare const Button: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
+declare const Button: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "sx" | "onClick" | "className" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
     /**
      * The variant of the button.
      */

package/dist/components/button/ButtonWithActions.d.ts

@@ -29,7 +29,7 @@ export type ButtonWithActionsProps = ButtonProps & Pick<PopoverProps, 'anchorHor
  * A component that groups multiple buttons.
  * All supported children types of this component are: Button, IconButton, MenuButton or MenuIconButton.
  */
-declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
+declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "sx" | "onClick" | "className" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
     variant?: "contained" | "outlined" | "text";
     color?: "primary" | "inherit" | "white" | "warning";
     size?: "M" | "L" | "XL";
@@ -43,7 +43,7 @@ declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonP
     badgeLeft?: boolean;
     children?: React.ReactElement<"input">;
     link?: React.ElementType;
-} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
+} & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
     /**
      * The options to show in button submenu
      */

package/dist/components/button/IconButton.d.ts

@@ -53,7 +53,7 @@ export type IconButtonProps = Pick<MuiIconButtonProps, 'disabled' | 'onClick' |
      */
     shape?: 'default' | 'square';
 };
-declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
+declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "sx" | "onClick" | "className" | "id" | "onMouseDown" | "disabled"> & {
     /**
      * The identifier of the icon to display.
      */

package/dist/components/button/IconToggleButton.d.ts

@@ -17,7 +17,7 @@ export type IconToggleButtonProps = Pick<MuiToggleButtonProps, 'disabled' | 'onC
      */
     value?: string;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<MuiToggleButtonProps, "sx" | "disabled" | "onClick" | "selected"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<MuiToggleButtonProps, "sx" | "onClick" | "disabled" | "selected"> & {
     variant?: IconToggleButtonVariant;
     /**
      * The identifier of the icon to display at the start of the button.

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

@@ -29,7 +29,7 @@ export type MenuButtonProps = Omit<ButtonProps, 'children' | 'component'> & Pick
  * A component that displays a Button with a menu.
  * An invisible overlay is displayed on top of the page to close menu if clicked outside.
  */
-declare const MenuButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "component"> & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
+declare const MenuButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "component"> & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
     /**
      * The list of menu items to display.
      */

package/dist/components/button/MenuIconButton.d.ts

@@ -37,13 +37,13 @@ export type MenuIconButtonProps = IconButtonProps & Pick<PopoverProps, 'anchorHo
  * A component that displays an IconButton with a menu.
  * An invisible overlay is displayed on top of the page to close menu if clicked outside.
  */
-declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/material").IconButtonProps, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
+declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/material").IconButtonProps, "sx" | "onClick" | "className" | "id" | "onMouseDown" | "disabled"> & {
     iconId: import("..").IconId;
-    size?: "XXS" | "XS" | "S" | "M" | "L" | "XL" | "ML";
+    size?: "M" | "L" | "S" | "XL" | "XXS" | "XS" | "ML";
     'data-test'?: string;
     variant?: "contained" | "default" | "primary" | "outlined";
     shape?: "default" | "square";
-} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
+} & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
     /**
      * The list of menu items to display.
      */

package/dist/components/chip/Chip.d.ts

@@ -5,72 +5,7 @@ import { variants } from '../../theme/Typography';
 import { ChipProps as MuiChipProps } from '@mui/material/Chip';
 import { AvatarProps } from '../avatar';
 import { Link } from '@mui/material';
-declare const variantStyles: {
-    default: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    primary: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    success: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    error: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    warning: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    dark: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    darker: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    black: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-};
+type ChipVariant = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'dark' | 'darker' | 'black';
 declare const sizeStyles: {
     XS: {
         borderRadius: string;
@@ -951,7 +886,7 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
     /**
      * The variant to use.
      */
-    variant?: keyof typeof variantStyles;
+    variant?: ChipVariant;
     /**
      * The size of the chip.
      */
@@ -976,7 +911,7 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
  * A component that displays a chip containing simple text.
  * If chips doesn't fit in the available space, they will be truncated with ellipsis.
  */
-declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "id" | "sx" | "label" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
+declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "sx" | "onClick" | "id" | "onMouseEnter" | "onMouseLeave" | "label" | "onDelete"> & {
     /**
      * The icon to display
      */
@@ -1015,7 +950,7 @@ declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "id" | "s
     /**
      * The variant to use.
      */
-    variant?: keyof typeof variantStyles;
+    variant?: ChipVariant;
     /**
      * The size of the chip.
      */

package/dist/components/chip/MenuChip.d.ts

@@ -29,7 +29,7 @@ export type MenuChipProps = Omit<ChipProps, 'children' | 'component'> & Pick<Pop
  * A component that displays a Chip with a menu.
  * An invisible overlay is displayed on top of the page to close menu if clicked outside.
  */
-declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "children" | "component"> & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
+declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "children" | "component"> & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
     /**
      * The list of menu items to display.
      */

package/dist/components/icon/Icon.d.ts

@@ -10,7 +10,9 @@ export declare const iconSizes: {
     readonly XL: 48;
     readonly XXL: 72;
 };
-export type IconId = keyof typeof icons;
+export interface IconRegistry {
+}
+export type IconId = keyof typeof icons | keyof IconRegistry;
 export type IconProps = Pick<SvgIconProps, 'sx'> & {
     /**
      * The ID of the icon to display.

package/dist/components/icon/icons.d.ts

@@ -1955,3 +1955,6 @@ export declare const icons: {
     'database-export': string;
 };
 export declare const iconIds: string[];
+declare let customIcons: Record<string, string>;
+export declare function registerCustomIcons(newIcons: Record<string, string>): void;
+export { customIcons };

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

@@ -1,4 +1,4 @@
 export { default as Icon, iconSizes } from './Icon';
-export type { IconProps, IconId } from './Icon';
-export { iconIds } from './icons';
+export type { IconProps, IconId, IconRegistry } from './Icon';
+export { iconIds, registerCustomIcons } from './icons';
 export { default as StackedIcons, StackedIconsProps } from './StackedIcons';

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

@@ -30,7 +30,7 @@ export type DatePickerProps = Omit<TextFieldProps, 'value' | 'onChange' | 'type'
  * An input component which uses a vitamined TextField with a popover to allow user
  * to pick a Date (without time component)
  */
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength"> & {
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength" | "type"> & {
     /**
      * The value handled by this DatePicker
      */

package/dist/components/input/NumberField.d.ts

@@ -56,7 +56,7 @@ export type NumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'mult
  * The exposed `ref` property is the refference to the native &lt;input&gt; element,
  * typed as React.Ref&lt;HTMLInputElement&gt;
  */
-declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "value" | "multiline"> & {
+declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "value" | "multiline" | "type"> & {
     /**
      * The numeric value of this input.
      */

package/dist/components/input/PhoneField.d.ts

@@ -25,7 +25,7 @@ export type PhoneFieldProps = Omit<TextFieldProps, 'multiline' | 'onChange' | 'r
  * The exposed `ref` property is the refference to the native &lt;input&gt; element,
  * typed as React.Ref&lt;HTMLInputElement&gt;
  */
-declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "rows" | "multiline"> & {
+declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "multiline" | "rows" | "type"> & {
     /**
      * Called when the value changes
      */

package/dist/components/list/ListItemButton.d.ts

@@ -20,7 +20,7 @@ export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabI
     'data-test'?: string;
     buttonDataTest?: string;
 } & BaseListItemProps;
-declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "role" | "tabIndex" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
+declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "onClick" | "className" | "tabIndex" | "role" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
     /**
      * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
      */