@cgi-learning-hub/ui 1.10.0 → 1.11.0-dev.1764841886

package/dist/index.d.ts

@@ -8,10 +8,13 @@ import { default as AppBar } from '@mui/material/AppBar';
 import { default as Autocomplete } from '@mui/material/Autocomplete';
 import { default as Avatar } from '@mui/material/Avatar';
 import { default as Backdrop } from '@mui/material/Backdrop';
+import { BackdropProps } from '@mui/material/Backdrop';
 import { default as Badge } from '@mui/material/Badge';
 import { default as Box } from '@mui/material/Box';
 import { BoxProps } from '@mui/material';
+import { BoxProps as BoxProps_2 } from '@mui/material/Box';
 import { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
+import { default as ButtonGroup } from '@mui/material/ButtonGroup';
 import { ButtonProps } from '@mui/material/Button';
 import { default as Card } from '@mui/material/Card';
 import { default as CardActionArea } from '@mui/material/CardActionArea';
@@ -111,7 +114,7 @@ import { default as ToggleButton } from '@mui/material/ToggleButton';
 import { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';
 import { default as Toolbar } from '@mui/material/Toolbar';
 import { default as Tooltip } from '@mui/material/Tooltip';
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '@mui/material/Tooltip';
 import { TreeItemProps } from '@mui/x-tree-view/TreeItem';
 import { TreeViewBaseItem } from '@mui/x-tree-view/models/items';
 import { default as Typography } from '@mui/material/Typography';
@@ -171,23 +174,7 @@ export { Breadcrumbs }
 
 export declare const Button: React.FunctionComponent<ButtonProps>;
 
-export declare const ButtonGroup: <T extends readonly ButtonItem<string>[]>({ viewMode, buttonList, onChange, colorVariant, size, orientation, }: ButtonGroupProps<T>) => JSX.Element;
-
-export declare interface ButtonGroupProps<T extends readonly ButtonItem<string>[]> {
-    onChange: (value: T[number]["value"]) => void;
-    viewMode: T[number]["value"];
-    buttonList: T;
-    colorVariant?: ColorVariant;
-    size?: "small" | "medium" | "large";
-    orientation?: "horizontal" | "vertical";
-}
-
-export declare interface ButtonItem<T extends string = string> {
-    value: T;
-    icon: ReactNode;
-    text?: string;
-    disabled?: boolean;
-}
+export { ButtonGroup }
 
 export { ButtonProps }
 
@@ -235,8 +222,6 @@ export declare type ColorPickerSlotProps = {
     circlePickerBox?: BoxProps;
 };
 
-export declare type ColorVariant = "primary" | "secondary";
-
 export { Container }
 
 export declare interface CustomFile {
@@ -308,28 +293,55 @@ declare type DropZoneSlotProps = {
 export declare const EllipsisWithTooltip: FC<EllipsisWithTooltipProps>;
 
 export declare type EllipsisWithTooltipProps = {
-    tooltipProps?: Omit<TooltipProps, "children" | "title">;
-    typographyProps?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
     children: ReactNode;
+    slotProps?: {
+        text?: Omit<TypographyProps_2, "noWrap" | "overflow" | "textOverflow">;
+        tooltip?: Omit<TooltipProps, "children" | "title">;
+    };
+    /**
+     * @deprecated Use `slotProps.tooltip` instead.
+     */
+    tooltipProps?: Omit<TooltipProps, "children" | "title">;
+    /**
+     * @deprecated Use `slotProps.text` instead.
+     */
+    typographyProps?: Omit<TypographyProps_2, "noWrap" | "overflow" | "textOverflow">;
 };
 
 export declare const EmptyState: React.FunctionComponent<EmptyStateProps>;
 
 export declare type EmptyStateProps = ({
     image: ReactNode;
+    /**
+     * @deprecated Use `slotProps.image` instead.
+     */
     imageProps?: never;
     imageSrc?: never;
 } | {
     image?: never;
+    /**
+     * @deprecated Use `slotProps.image` instead.
+     */
     imageProps?: ImgHTMLAttributes<HTMLImageElement>;
     imageSrc: string;
 }) & {
     imageHeight?: string | number;
     title: string;
     description?: string;
-    descriptionProps?: TypographyProps_2;
     footer?: ReactNode;
-    svgProps?: React.SVGAttributes<SVGSVGElement>;
+    slotProps?: {
+        root?: StackProps;
+        image?: ImgHTMLAttributes<HTMLImageElement>;
+        title?: TypographyProps_2;
+        description?: TypographyProps_2;
+    };
+    /**
+     * @deprecated Use `slotProps.description` instead.
+     */
+    descriptionProps?: TypographyProps_2;
+    /**
+     * @deprecated Use `slotProps.title` instead.
+     */
     titleProps?: TypographyProps_2;
 } & StackProps;
 
@@ -397,8 +409,19 @@ export declare type HeadingProps = {
     title: string;
     IconComponent?: SvgIconComponent;
     iconColor?: Color;
-    iconProps?: SvgIconProps;
+    slotProps?: {
+        root?: StackProps;
+        icon?: SvgIconProps;
+        text?: TypographyProps_2;
+    };
     iconSize?: number;
+    /**
+     * @deprecated Use `slotProps.icon` instead.
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * @deprecated Use `slotProps.text` instead.
+     */
     titleProps?: TypographyProps_2;
 } & StackProps;
 
@@ -425,6 +448,7 @@ export declare type ImagePickerProps = {
     width?: string;
     height?: string;
     initialFile?: string | File;
+    disabled?: boolean;
 } & DropzoneProps_2;
 
 export declare type InfoItem = {
@@ -460,9 +484,14 @@ export declare const Loader: React.FunctionComponent<LoaderProps>;
 
 export declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;
 
-export declare type LoaderBackdropProps = {};
+export declare type LoaderBackdropProps = {
+    slotProps?: {
+        backdrop?: Omit<BackdropProps, "open" | "children">;
+        loader?: BoxProps_2;
+    };
+};
 
-export declare type LoaderProps = {};
+export declare type LoaderProps = BoxProps_2;
 
 export { Menu }
 
@@ -547,14 +576,6 @@ export declare interface StyledSwatchBoxProps {
     backgroundColor?: string;
 }
 
-export declare interface StyledToggleButtonGroupProps {
-    colorvariant: ColorVariant;
-}
-
-export declare interface StyledToggleButtonProps {
-    colorvariant: ColorVariant;
-}
-
 export { SvgIcon }
 
 export declare type SwatchProps = {
@@ -646,6 +667,7 @@ export * from "@mui/material/Backdrop";
 export * from "@mui/material/Badge";
 export * from "@mui/material/Box";
 export * from "@mui/material/Breadcrumbs";
+export * from "@mui/material/ButtonGroup";
 export * from "@mui/material/Card";
 export * from "@mui/material/CardActionArea";
 export * from "@mui/material/CardActions";