@cgi-learning-hub/ui 1.13.0-dev.1775748095 → 1.13.0

package/dist/index.cjs.js

@@ -58650,7 +58650,9 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {}
+  slotProps = {},
+  tooltipProps,
+  typographyProps
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = React.useState(false);
   const textRef = React.useRef(null);
@@ -58679,7 +58681,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip,
+      ...slotProps.tooltip ?? tooltipProps,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         Typography,
         {
@@ -58688,7 +58690,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text,
+          ...slotProps.text ?? typographyProps,
           children
         }
       )
@@ -58703,6 +58705,9 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
+  imageProps,
+  descriptionProps,
+  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -58714,9 +58719,32 @@ const EmptyState = ({
       ...otherProps,
       ...slotProps.root,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageSrc, height: "100%", ...slotProps.image }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", mt: 3, ...slotProps.title, children: title }),
-        description ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { color: "textSecondary", mt: 2, ...slotProps.description, children: description }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: imageSrc,
+            height: "100%",
+            ...slotProps.image ?? imageProps
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Typography,
+          {
+            variant: "h2",
+            mt: 3,
+            ...slotProps.title ?? titleProps,
+            children: title
+          }
+        ),
+        description ? /* @__PURE__ */ jsxRuntime.jsx(
+          Typography,
+          {
+            color: "textSecondary",
+            mt: 2,
+            ...slotProps.description ?? descriptionProps,
+            children: description
+          }
+        ) : null,
         footer ? /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -59201,6 +59229,8 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
+  iconProps,
+  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -59222,10 +59252,18 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon
+            ...slotProps.icon ?? iconProps
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Typography,
+          {
+            component: "h3",
+            variant: "h2",
+            ...slotProps.text ?? titleProps,
+            children: title
+          }
+        )
       ]
     }
   );

package/dist/index.d.ts

@@ -298,15 +298,31 @@ export declare type EllipsisWithTooltipProps = {
         text?: Omit<TypographyProps, "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, "noWrap" | "overflow" | "textOverflow">;
 };
 
 export declare const EmptyState: FC<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;
@@ -319,6 +335,14 @@ export declare type EmptyStateProps = ({
         title?: TypographyProps;
         description?: TypographyProps;
     };
+    /**
+     * @deprecated Use `slotProps.description` instead.
+     */
+    descriptionProps?: TypographyProps;
+    /**
+     * @deprecated Use `slotProps.title` instead.
+     */
+    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare interface ExtendedTreeItemProps extends TreeItemProps {
@@ -391,6 +415,14 @@ export declare type HeadingProps = {
         text?: TypographyProps;
     };
     iconSize?: number;
+    /**
+     * @deprecated Use `slotProps.icon` instead.
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * @deprecated Use `slotProps.text` instead.
+     */
+    titleProps?: TypographyProps;
 } & StackProps;
 
 export declare type HexaColor = `#${string}`;

package/dist/index.es.js

@@ -58633,7 +58633,9 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {}
+  slotProps = {},
+  tooltipProps,
+  typographyProps
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = useState(false);
   const textRef = useRef(null);
@@ -58662,7 +58664,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip,
+      ...slotProps.tooltip ?? tooltipProps,
       children: /* @__PURE__ */ jsx(
         Typography,
         {
@@ -58671,7 +58673,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text,
+          ...slotProps.text ?? typographyProps,
           children
         }
       )
@@ -58686,6 +58688,9 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
+  imageProps,
+  descriptionProps,
+  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -58697,9 +58702,32 @@ const EmptyState = ({
       ...otherProps,
       ...slotProps.root,
       children: [
-        /* @__PURE__ */ jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsx("img", { src: imageSrc, height: "100%", ...slotProps.image }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "h2", mt: 3, ...slotProps.title, children: title }),
-        description ? /* @__PURE__ */ jsx(Typography, { color: "textSecondary", mt: 2, ...slotProps.description, children: description }) : null,
+        /* @__PURE__ */ jsx(Box, { height: imageHeight, width: "auto", children: image ?? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: imageSrc,
+            height: "100%",
+            ...slotProps.image ?? imageProps
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h2",
+            mt: 3,
+            ...slotProps.title ?? titleProps,
+            children: title
+          }
+        ),
+        description ? /* @__PURE__ */ jsx(
+          Typography,
+          {
+            color: "textSecondary",
+            mt: 2,
+            ...slotProps.description ?? descriptionProps,
+            children: description
+          }
+        ) : null,
         footer ? /* @__PURE__ */ jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -59184,6 +59212,8 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
+  iconProps,
+  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -59205,10 +59235,18 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon
+            ...slotProps.icon ?? iconProps
           }
         ) : null,
-        /* @__PURE__ */ jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            component: "h3",
+            variant: "h2",
+            ...slotProps.text ?? titleProps,
+            children: title
+          }
+        )
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.13.0-dev.1775748095",
+  "version": "1.13.0",
   "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
   "keywords": [
     "cgi-learning-hub",