@cgi-learning-hub/ui 1.3.4-dev.1736325125 → 1.3.4-dev.1736329661

package/dist/components/CustomTypography/CustomTypography.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("@mui/material"),s=require("react"),a=({children:t,tooltipProps:o,typographyProps:l})=>{const[n,u]=s.useState(!1),e=s.useRef(null);return s.useEffect(()=>{if(e.current){const{scrollWidth:c,clientWidth:p}=e.current;u(c>p)}},[e,t]),r.jsx(i.Tooltip,{disableHoverListener:!n,title:t,...o,children:r.jsx(i.Typography,{ref:e,...l,noWrap:!0,overflow:"hidden",textOverflow:"ellipsis",children:t})})};module.exports=a;
+"use strict";const n=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react"),x=({children:r,tooltipProps:c,typographyProps:l})=>{const[u,f]=t.useState(!1),e=t.useRef(null);return t.useEffect(()=>{const s=()=>{if(e.current){const{scrollWidth:p,clientWidth:a}=e.current;f(p>a)}},i=new ResizeObserver(()=>{s()});return e.current&&i.observe(e.current),s(),()=>{e.current&&i.unobserve(e.current)}},[]),n.jsx(o.Tooltip,{disableHoverListener:!u,title:r,...c,children:n.jsx(o.Typography,{ref:e,...l,noWrap:!0,overflow:"hidden",textOverflow:"ellipsis",children:r})})};module.exports=x;

package/dist/components/CustomTypography/CustomTypography.es.js

@@ -1,37 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Tooltip as n, Typography as u } from "@mui/material";
-import { useState as a, useRef as c, useEffect as d } from "react";
-const h = ({
-  children: t,
-  tooltipProps: r,
-  typographyProps: s
+import { Tooltip as p, Typography as a } from "@mui/material";
+import { useState as d, useRef as m, useEffect as v } from "react";
+const T = ({
+  children: r,
+  tooltipProps: i,
+  typographyProps: n
 }) => {
-  const [i, l] = a(!1), e = c(null);
-  return d(() => {
-    if (e.current) {
-      const { scrollWidth: f, clientWidth: p } = e.current;
-      l(f > p);
-    }
-  }, [e, t]), /* @__PURE__ */ o(
-    n,
+  const [l, c] = d(!1), e = m(null);
+  return v(() => {
+    const t = () => {
+      if (e.current) {
+        const { scrollWidth: u, clientWidth: f } = e.current;
+        c(u > f);
+      }
+    }, s = new ResizeObserver(() => {
+      t();
+    });
+    return e.current && s.observe(e.current), t(), () => {
+      e.current && s.unobserve(e.current);
+    };
+  }, []), /* @__PURE__ */ o(
+    p,
     {
-      disableHoverListener: !i,
-      title: t,
-      ...r,
+      disableHoverListener: !l,
+      title: r,
+      ...i,
       children: /* @__PURE__ */ o(
-        u,
+        a,
         {
           ref: e,
-          ...s,
+          ...n,
           noWrap: !0,
           overflow: "hidden",
           textOverflow: "ellipsis",
-          children: t
+          children: r
         }
       )
     }
   );
 };
 export {
-  h as default
+  T as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.3.4-dev.1736325125",
+  "version": "1.3.4-dev.1736329661",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",