@cgi-learning-hub/ui 1.13.0-dev.1775747511 → 1.13.0-dev.1777304242

package/dist/index.cjs.js

@@ -58650,9 +58650,7 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {},
-  tooltipProps,
-  typographyProps
+  slotProps = {}
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = React.useState(false);
   const textRef = React.useRef(null);
@@ -58681,7 +58679,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip ?? tooltipProps,
+      ...slotProps.tooltip,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         Typography,
         {
@@ -58690,7 +58688,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text ?? typographyProps,
+          ...slotProps.text,
           children
         }
       )
@@ -58705,9 +58703,6 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
-  imageProps,
-  descriptionProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -58719,32 +58714,9 @@ 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 ?? 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,
+        /* @__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,
         footer ? /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -58921,7 +58893,7 @@ const FileListItem = ({
                 alignItems: "flex-start",
                 minWidth: "0",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(EllipsisWithTooltip, { typographyProps: { variant: "body1" }, children: file.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx(EllipsisWithTooltip, { slotProps: { text: { variant: "body1" } }, children: file.name }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     Stack,
                     {
@@ -59204,16 +59176,26 @@ const FolderCard = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               EllipsisWithTooltip,
               {
-                typographyProps: titleTypographyProps,
-                tooltipProps: { placement: "bottom", arrow: true },
+                slotProps: {
+                  text: titleTypographyProps,
+                  tooltip: {
+                    placement: "bottom",
+                    arrow: true
+                  }
+                },
                 children: title
               }
             ),
             subtitle && /* @__PURE__ */ jsxRuntime.jsx(
               EllipsisWithTooltip,
               {
-                typographyProps: subtitleTypographyProps,
-                tooltipProps: { placement: "bottom", arrow: true },
+                slotProps: {
+                  text: subtitleTypographyProps,
+                  tooltip: {
+                    placement: "bottom",
+                    arrow: true
+                  }
+                },
                 children: subtitle
               }
             )
@@ -59229,8 +59211,6 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
-  iconProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -59252,18 +59232,10 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon ?? iconProps
+            ...slotProps.icon
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Typography,
-          {
-            component: "h3",
-            variant: "h2",
-            ...slotProps.text ?? titleProps,
-            children: title
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
       ]
     }
   );
@@ -60511,8 +60483,16 @@ const ResourceCard = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             EllipsisWithTooltip,
             {
-              typographyProps: { variant: "h4", component: "p" },
-              tooltipProps: { placement: "bottom", arrow: true },
+              slotProps: {
+                text: {
+                  component: "p",
+                  variant: "h4"
+                },
+                tooltip: {
+                  placement: "bottom",
+                  arrow: true
+                }
+              },
               children: title
             }
           ),
@@ -69464,7 +69444,9 @@ function CustomTreeItem(props) {
             EllipsisWithTooltip,
             {
               ...getLabelProps(),
-              typographyProps: labelStyle2
+              slotProps: {
+                text: labelStyle2
+              }
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: arrowContainerStyle, children: status.expandable && (status.expanded ? /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowRightRoundedIcon, { fontSize: "small" })) })

package/dist/index.d.ts

@@ -298,31 +298,15 @@ 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;
@@ -335,14 +319,6 @@ 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 {
@@ -415,14 +391,6 @@ 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,9 +58633,7 @@ const Dropzone = ({
 };
 const EllipsisWithTooltip = ({
   children,
-  slotProps = {},
-  tooltipProps,
-  typographyProps
+  slotProps = {}
 }) => {
   const [isTextEllipsized, setIsTextEllipsized] = useState(false);
   const textRef = useRef(null);
@@ -58664,7 +58662,7 @@ const EllipsisWithTooltip = ({
     {
       disableHoverListener: !isTextEllipsized,
       title: children,
-      ...slotProps.tooltip ?? tooltipProps,
+      ...slotProps.tooltip,
       children: /* @__PURE__ */ jsx(
         Typography,
         {
@@ -58673,7 +58671,7 @@ const EllipsisWithTooltip = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           maxWidth: "100%",
-          ...slotProps.text ?? typographyProps,
+          ...slotProps.text,
           children
         }
       )
@@ -58688,9 +58686,6 @@ const EmptyState = ({
   footer,
   imageHeight = 200,
   slotProps = {},
-  imageProps,
-  descriptionProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -58702,32 +58697,9 @@ const EmptyState = ({
       ...otherProps,
       ...slotProps.root,
       children: [
-        /* @__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,
+        /* @__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,
         footer ? /* @__PURE__ */ jsx(Box, { mt: 3, children: footer }) : null
       ]
     }
@@ -58904,7 +58876,7 @@ const FileListItem = ({
                 alignItems: "flex-start",
                 minWidth: "0",
                 children: [
-                  /* @__PURE__ */ jsx(EllipsisWithTooltip, { typographyProps: { variant: "body1" }, children: file.name }),
+                  /* @__PURE__ */ jsx(EllipsisWithTooltip, { slotProps: { text: { variant: "body1" } }, children: file.name }),
                   /* @__PURE__ */ jsxs(
                     Stack,
                     {
@@ -59187,16 +59159,26 @@ const FolderCard = ({
             /* @__PURE__ */ jsx(
               EllipsisWithTooltip,
               {
-                typographyProps: titleTypographyProps,
-                tooltipProps: { placement: "bottom", arrow: true },
+                slotProps: {
+                  text: titleTypographyProps,
+                  tooltip: {
+                    placement: "bottom",
+                    arrow: true
+                  }
+                },
                 children: title
               }
             ),
             subtitle && /* @__PURE__ */ jsx(
               EllipsisWithTooltip,
               {
-                typographyProps: subtitleTypographyProps,
-                tooltipProps: { placement: "bottom", arrow: true },
+                slotProps: {
+                  text: subtitleTypographyProps,
+                  tooltip: {
+                    placement: "bottom",
+                    arrow: true
+                  }
+                },
                 children: subtitle
               }
             )
@@ -59212,8 +59194,6 @@ const Heading = ({
   iconColor,
   iconSize = 28,
   slotProps = {},
-  iconProps,
-  titleProps,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -59235,18 +59215,10 @@ const Heading = ({
               color: iconColor?.[500],
               backgroundColor: iconColor?.[50]
             },
-            ...slotProps.icon ?? iconProps
+            ...slotProps.icon
           }
         ) : null,
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            component: "h3",
-            variant: "h2",
-            ...slotProps.text ?? titleProps,
-            children: title
-          }
-        )
+        /* @__PURE__ */ jsx(Typography, { component: "h3", variant: "h2", ...slotProps.text, children: title })
       ]
     }
   );
@@ -60494,8 +60466,16 @@ const ResourceCard = ({
           /* @__PURE__ */ jsx(
             EllipsisWithTooltip,
             {
-              typographyProps: { variant: "h4", component: "p" },
-              tooltipProps: { placement: "bottom", arrow: true },
+              slotProps: {
+                text: {
+                  component: "p",
+                  variant: "h4"
+                },
+                tooltip: {
+                  placement: "bottom",
+                  arrow: true
+                }
+              },
               children: title
             }
           ),
@@ -69447,7 +69427,9 @@ function CustomTreeItem(props) {
             EllipsisWithTooltip,
             {
               ...getLabelProps(),
-              typographyProps: labelStyle2
+              slotProps: {
+                text: labelStyle2
+              }
             }
           ),
           /* @__PURE__ */ jsx(Box, { sx: arrowContainerStyle, children: status.expandable && (status.expanded ? /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(KeyboardArrowRightRoundedIcon, { fontSize: "small" })) })

package/package.json

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