@cgi-learning-hub/ui 1.11.1 → 1.12.0-dev.1771430232

package/dist/index.d.ts

@@ -11,8 +11,8 @@ 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 { BoxProps } from '@mui/material/Box';
+import { BoxProps as BoxProps_2 } from '@mui/material';
 import { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
 import { default as ButtonGroup } from '@mui/material/ButtonGroup';
 import { ButtonProps } from '@mui/material/Button';
@@ -27,12 +27,11 @@ import { default as Chip } from '@mui/material/Chip';
 import { CirclePickerProps } from 'react-color';
 import { default as CircularProgress } from '@mui/material/CircularProgress';
 import { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
-import { ClickAwayListenerProps } from '@mui/material';
+import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
 import { default as Collapse } from '@mui/material/Collapse';
-import { Color } from '@mui/material';
+import { Color } from '@mui/material/styles';
 import { default as Container } from '@mui/material/Container';
 import { DatePickerProps as DatePickerProps_2 } from '@mui/x-date-pickers/DatePicker';
-import { default as default_2 } from 'react';
 import { default as DialogActions } from '@mui/material/DialogActions';
 import { default as DialogContent } from '@mui/material/DialogContent';
 import { default as DialogContentText } from '@mui/material/DialogContentText';
@@ -57,6 +56,7 @@ import { default as IconButton } from '@mui/material/IconButton';
 import { ImgHTMLAttributes } from 'react';
 import { default as Input } from '@mui/material/Input';
 import { InputBaseProps } from '@mui/material/InputBase';
+import { InputHTMLAttributes } from 'react';
 import { default as InputLabel } from '@mui/material/InputLabel';
 import { JSX } from 'react/jsx-runtime';
 import { default as LinearProgress } from '@mui/material/LinearProgress';
@@ -84,7 +84,6 @@ import { default as Slide } from '@mui/material/Slide';
 import { default as Snackbar } from '@mui/material/Snackbar';
 import { default as Stack } from '@mui/material/Stack';
 import { StackProps } from '@mui/material/Stack';
-import { StackProps as StackProps_2 } from '@mui/material';
 import { default as Step } from '@mui/material/Step';
 import { default as StepButton } from '@mui/material/StepButton';
 import { default as StepLabel } from '@mui/material/StepLabel';
@@ -92,8 +91,9 @@ import { default as Stepper } from '@mui/material/Stepper';
 import { SVGAttributes } from 'react';
 import { default as SvgIcon } from '@mui/material/SvgIcon';
 import { SvgIconComponent } from '@mui/icons-material';
-import { SvgIconProps } from '@mui/material';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 import { default as Switch } from '@mui/material/Switch';
+import { SyntheticEvent } from 'react';
 import { default as Tab } from '@mui/material/Tab';
 import { default as TabContext } from '@mui/lab/TabContext';
 import { default as Table } from '@mui/material/Table';
@@ -118,8 +118,7 @@ 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';
-import { TypographyProps } from '@mui/material';
-import { TypographyProps as TypographyProps_2 } from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material/Typography';
 import { default as useMediaQuery } from '@mui/material/useMediaQuery';
 import { default as Zoom } from '@mui/material/Zoom';
 
@@ -131,7 +130,7 @@ export { AccordionDetails }
 
 export { AccordionSummary }
 
-export declare const ActionBar: React.FunctionComponent<ActionBarProps>;
+export declare const ActionBar: FC<ActionBarProps>;
 
 declare type ActionBarButton = {
     label: string;
@@ -150,7 +149,7 @@ declare type ActionBarProps = {
     };
 };
 
-export declare const Alert: React.FunctionComponent<AlertProps>;
+export declare const Alert: FC<AlertProps>;
 
 export declare type AlertProps = {
     title?: string;
@@ -172,7 +171,7 @@ export { Box }
 
 export { Breadcrumbs }
 
-export declare const Button: React.FunctionComponent<ButtonProps>;
+export declare const Button: FC<ButtonProps>;
 
 export { ButtonGroup }
 
@@ -245,7 +244,7 @@ export declare interface CustomTreeViewItemProps {
     children?: CustomTreeViewItem[];
 }
 
-export declare const DatePicker: React.FunctionComponent<DatePickerProps>;
+export declare const DatePicker: FC<DatePickerProps>;
 
 export declare type DatePickerProps = {
     adapterLocale?: string;
@@ -253,7 +252,7 @@ export declare type DatePickerProps = {
 
 export declare const DEFAULT_COLOR_OPTIONS: ColorOption[];
 
-export declare const Dialog: React.FunctionComponent<DialogProps>;
+export declare const Dialog: FC<DialogProps>;
 
 export { DialogActions }
 
@@ -271,7 +270,7 @@ export { Divider }
 
 export { Drawer }
 
-export declare const Dropzone: React.FunctionComponent<DropzoneProps>;
+export declare const Dropzone: FC<DropzoneProps>;
 
 export declare type DropzoneProps = {
     defaultLabel?: string;
@@ -283,8 +282,8 @@ export declare type DropzoneProps = {
 } & DropzoneProps_2;
 
 declare type DropZoneSlotProps = {
-    root?: StackProps_2;
-    input?: React.InputHTMLAttributes<HTMLInputElement>;
+    root?: StackProps;
+    input?: InputHTMLAttributes<HTMLInputElement>;
     icon?: SvgIconProps;
     label?: TypographyProps;
     information?: TypographyProps;
@@ -295,7 +294,7 @@ export declare const EllipsisWithTooltip: FC<EllipsisWithTooltipProps>;
 export declare type EllipsisWithTooltipProps = {
     children: ReactNode;
     slotProps?: {
-        text?: Omit<TypographyProps_2, "noWrap" | "overflow" | "textOverflow">;
+        text?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
         tooltip?: Omit<TooltipProps, "children" | "title">;
     };
     /**
@@ -305,10 +304,10 @@ export declare type EllipsisWithTooltipProps = {
     /**
      * @deprecated Use `slotProps.text` instead.
      */
-    typographyProps?: Omit<TypographyProps_2, "noWrap" | "overflow" | "textOverflow">;
+    typographyProps?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
 };
 
-export declare const EmptyState: React.FunctionComponent<EmptyStateProps>;
+export declare const EmptyState: FC<EmptyStateProps>;
 
 export declare type EmptyStateProps = ({
     image: ReactNode;
@@ -332,17 +331,17 @@ export declare type EmptyStateProps = ({
     slotProps?: {
         root?: StackProps;
         image?: ImgHTMLAttributes<HTMLImageElement>;
-        title?: TypographyProps_2;
-        description?: TypographyProps_2;
+        title?: TypographyProps;
+        description?: TypographyProps;
     };
     /**
      * @deprecated Use `slotProps.description` instead.
      */
-    descriptionProps?: TypographyProps_2;
+    descriptionProps?: TypographyProps;
     /**
      * @deprecated Use `slotProps.title` instead.
      */
-    titleProps?: TypographyProps_2;
+    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare interface ExtendedTreeItemProps extends TreeItemProps {
@@ -374,7 +373,7 @@ export declare interface FileListProps<T extends CustomFile> {
     onDownload?: (file: T) => void;
 }
 
-export declare const FolderCard: React.FunctionComponent<FolderCardProps>;
+export declare const FolderCard: FC<FolderCardProps>;
 
 export declare type FolderCardProps = {
     isSelected?: boolean;
@@ -403,7 +402,7 @@ export { Grid }
 
 export { Grow }
 
-export declare const Heading: React.FunctionComponent<HeadingProps>;
+export declare const Heading: FC<HeadingProps>;
 
 export declare type HeadingProps = {
     title: string;
@@ -412,7 +411,7 @@ export declare type HeadingProps = {
     slotProps?: {
         root?: StackProps;
         icon?: SvgIconProps;
-        text?: TypographyProps_2;
+        text?: TypographyProps;
     };
     iconSize?: number;
     /**
@@ -422,7 +421,7 @@ export declare type HeadingProps = {
     /**
      * @deprecated Use `slotProps.text` instead.
      */
-    titleProps?: TypographyProps_2;
+    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare type HexaColor = `#${string}`;
@@ -438,7 +437,7 @@ export { IconButton }
 
 export declare type IconType = ICON_TYPE | SvgIconComponent;
 
-export declare const ImagePicker: React.FunctionComponent<ImagePickerProps>;
+export declare const ImagePicker: FC<ImagePickerProps>;
 
 export declare type ImagePickerProps = {
     defaultLabel?: ReactNode;
@@ -480,18 +479,18 @@ export { ListItemText }
 
 export { ListSubheader }
 
-export declare const Loader: React.FunctionComponent<LoaderProps>;
+export declare const Loader: FC<LoaderProps>;
 
-export declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;
+export declare const LoaderBackdrop: FC<LoaderBackdropProps>;
 
 export declare type LoaderBackdropProps = {
     slotProps?: {
         backdrop?: Omit<BackdropProps, "open" | "children">;
-        loader?: BoxProps_2;
+        loader?: BoxProps;
     };
 };
 
-export declare type LoaderProps = BoxProps_2;
+export declare type LoaderProps = BoxProps;
 
 export { Menu }
 
@@ -505,7 +504,7 @@ export { Pagination }
 
 export { Paper }
 
-export declare const PasswordInput: default_2.FunctionComponent<PasswordInputProps>;
+export declare const PasswordInput: FC<PasswordInputProps>;
 
 export declare type PasswordInputProps = Omit<TextFieldProps, "variant" | "type">;
 
@@ -520,7 +519,7 @@ export declare type PropertyItem = {
     icon?: ReactNode;
 };
 
-export declare const QueryError: React.FunctionComponent<QueryErrorProps>;
+export declare const QueryError: FC<QueryErrorProps>;
 
 export declare type QueryErrorProps = {
     error: FetchBaseQueryError | SerializedError | undefined;
@@ -531,7 +530,7 @@ export { Radio }
 
 export { RadioGroup }
 
-export declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
+export declare const ResourceCard: FC<ResourceCardProps>;
 
 export declare type ResourceCardProps = {
     isSelected?: boolean;
@@ -543,15 +542,18 @@ export declare type ResourceCardProps = {
     infoIcons?: InfoItem[];
     size?: ResourceCardSize;
     width?: string;
+    maxWidth?: string;
     onClick?: () => void;
     hasNoButtonOnFocus?: boolean;
 };
 
 export declare type ResourceCardSize = "md" | "sm";
 
-export declare const SearchInput: React.FunctionComponent<SearchInputProps>;
+export declare const SearchInput: FC<SearchInputProps>;
 
-export declare type SearchInputProps = InputBaseProps & {};
+export declare type SearchInputProps = InputBaseProps & {
+    loading?: boolean;
+};
 
 export { Select }
 
@@ -638,7 +640,7 @@ export declare type TreeViewItemsReorderingAction = "reorder-above" | "reorder-b
 export declare interface TreeViewProps {
     items: CustomTreeViewItem[];
     selectedItemId: string;
-    handleSelectedItemChange: (event: React.SyntheticEvent | null, itemIds: string | null) => void;
+    handleSelectedItemChange: (event: SyntheticEvent | null, itemIds: string | null) => void;
     iconColor?: string;
     maxHeight?: string | number;
     hasNoIcons?: boolean;
@@ -651,6 +653,21 @@ export { useMediaQuery }
 
 export { Zoom }
 
+export declare const ZoomControl: FC<ZoomControlProps>;
+
+declare interface ZoomControlProps {
+    step?: number;
+    value: number;
+    onChange: (value: number) => void;
+    max?: number;
+    min?: number;
+    label?: string;
+    opacity?: number;
+    slotProps?: {
+        root?: BoxProps_2;
+    };
+}
+
 
 export * from "@mui/lab/TabContext";
 export * from "@mui/lab/TabList";