@connectif/ui-components 2.3.0 → 2.3.2

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, "sx" | "onClick" | "className" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
+declare const Button: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
     /**
      * 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, "sx" | "onClick" | "className" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
+declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
     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, "anchorHorizontalOrigin" | "horizontalAlign"> & {
+} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
     /**
      * 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, "sx" | "onClick" | "className" | "id" | "onMouseDown" | "disabled"> & {
+declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
     /**
      * 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" | "onClick" | "disabled" | "selected"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<MuiToggleButtonProps, "sx" | "disabled" | "onClick" | "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, "anchorHorizontalOrigin" | "horizontalAlign"> & {
+declare const MenuButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "component"> & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
     /**
      * 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, "sx" | "onClick" | "className" | "id" | "onMouseDown" | "disabled"> & {
+declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/material").IconButtonProps, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
     iconId: import("..").IconId;
-    size?: "M" | "L" | "S" | "XL" | "XXS" | "XS" | "ML";
+    size?: "XXS" | "XS" | "S" | "M" | "L" | "XL" | "ML";
     'data-test'?: string;
     variant?: "contained" | "default" | "primary" | "outlined";
     shape?: "default" | "square";
-} & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
+} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
     /**
      * The list of menu items to display.
      */

package/dist/components/card/EnhancedCardTitle.d.ts

@@ -25,6 +25,10 @@ export interface EnhancedCardTitleProps {
      * Size of the title. By default the size is determined according to parent EnhancedCard size.
      */
     size?: 'S' | 'M';
+    /**
+     * Padding around the title. Default is 'none'.
+     */
+    padding?: string;
     /**
      * Data test id. By default the dataTest of parent EnhancedCard is used to compose a dataTest string.
      */

package/dist/components/chart/DonutChart.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import './EchartsConfig';
 import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
+import { CallbackDataParams } from 'echarts/types/dist/shared';
 export type DonutChartProps = {
     /**
      * The css style to apply to the chart container.
@@ -69,11 +70,27 @@ export type DonutChartProps = {
              * The color for this data item.
              */
             color: string;
+            /**
+             * The opacity to apply in color. Value between 0 and 1.
+             */
+            opacity?: number;
         }[];
     }[];
+    /**
+     * To modify start angle
+     */
+    startAngle?: number;
+    /**
+     * Inner circle width. Values between 0 to 100.
+     */
+    innerWidth?: number;
+    /**
+     * Function used to set specified tooltip.
+     */
+    getTooltip?: (param: CallbackDataParams) => React.ReactNode;
 };
 /**
  * A donut chart component to display numeric data grouped by categories and series.
  */
-declare const DonutChart: ({ style, isLoading, series, tooltipEntryFormatter, onClick }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const DonutChart: ({ style, isLoading, series, startAngle, innerWidth, tooltipEntryFormatter, getTooltip, onClick }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
 export default DonutChart;

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

@@ -911,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, "sx" | "onClick" | "id" | "onMouseEnter" | "onMouseLeave" | "label" | "onDelete"> & {
+declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "label" | "id" | "sx" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
     /**
      * The icon to display
      */

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, "anchorHorizontalOrigin" | "horizontalAlign"> & {
+declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "children" | "component"> & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
     /**
      * The list of menu items to display.
      */

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SvgIconProps } from '@mui/material';
-import { icons } from './icons';
+import { IconId } from './icons';
+export { IconId } from './icons';
 export declare const iconSizes: {
     readonly XXS: 12;
     readonly XS: 16;
@@ -10,9 +11,6 @@ export declare const iconSizes: {
     readonly XL: 48;
     readonly XXL: 72;
 };
-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

@@ -1958,3 +1958,7 @@ export declare const iconIds: string[];
 declare let customIcons: Record<string, string>;
 export declare function registerCustomIcons(newIcons: Record<string, string>): void;
 export { customIcons };
+export interface IconRegistry {
+}
+export type IconId = keyof typeof icons | keyof IconRegistry;
+export declare function getIconPath(icon: IconId): string;

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

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

package/dist/components/info/InfoBox.d.ts

@@ -5,7 +5,7 @@ export type InfoBoxProps = {
     children: React.ReactNode;
     variant?: InfoBoxVariant;
     collapsedHeight?: number;
-    sx?: SxProps;
+    sx?: Omit<SxProps, 'position'>;
 };
 declare const InfoBox: React.FC<InfoBoxProps>;
 export default InfoBox;

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, "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength" | "type"> & {
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength"> & {
     /**
      * 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, "defaultValue" | "onChange" | "onScroll" | "value" | "multiline" | "type"> & {
+declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "value" | "defaultValue" | "multiline"> & {
     /**
      * 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, "defaultValue" | "onChange" | "onScroll" | "multiline" | "rows" | "type"> & {
+declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "rows" | "multiline"> & {
     /**
      * 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, "onClick" | "className" | "tabIndex" | "role" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
+declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "role" | "tabIndex" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
     /**
      * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
      */