@sustaina/shared-ui 1.28.0 → 1.29.1

package/dist/index.mjs

@@ -5273,7 +5273,8 @@ var getDialogTemplates = ({ setOpen = () => {
     title: "error.session_expired.title",
     description: "error.session_expired.description",
     confirmText: "error.session_expired.confirm_text",
-    showCancel: false
+    showCancel: false,
+    persistent: true
   },
   "error.user_not_found": {
     variant: "error",
@@ -5400,9 +5401,17 @@ var getDialogTemplates = ({ setOpen = () => {
 var useDialogAlertStore = create((set, get) => ({
   open: false,
   dialogProps: {},
-  setOpen: (data) => set({ open: data }),
+  setOpen: (open) => {
+    if (!open && get().isExclusive) {
+      get().setIsExclusive(false);
+    }
+    set({ open });
+  },
   setDialogProps: (data) => set({ dialogProps: data }),
   openDialogAlert: (payload) => {
+    if (get().isExclusive) {
+      return;
+    }
     let templateVal;
     if (payload?.template) {
       templateVal = getDialogTemplates({ setOpen: get().setOpen })[payload.template];
@@ -5413,10 +5422,13 @@ var useDialogAlertStore = create((set, get) => ({
     }
     get().setDialogProps({ ...templateVal, ...payload?.props });
     get().setOpen(true);
+    get().setIsExclusive(payload?.isExclusive ?? false);
   },
   closeDialogAlert: () => {
     set({ open: false });
-  }
+  },
+  isExclusive: false,
+  setIsExclusive: (isExclusive) => set({ isExclusive })
 }));
 var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
   const open = useDialogAlertStore((state) => state.open);
@@ -5446,16 +5458,16 @@ var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
 var openDialogAlert = useDialogAlertStore.getState().openDialogAlert;
 var closeDialogAlert = useDialogAlertStore.getState().closeDialogAlert;
 var openErrorDialogAlert = (error) => {
-  if (error instanceof Error) {
-    openDialogAlert({ template: "error.something_went_wrong", props: { description: error.message } });
-  } else if (error.isAxiosError) {
+  if (error.isAxiosError) {
     let template = "error.something_went_wrong";
+    let props = void 0;
     switch (error.response?.status) {
       case 400:
         template = "error.invalid_incomplete_data";
         break;
       case 401:
         template = "error.session_expired";
+        props = { confirmText: void 0 };
         break;
       case 403:
         template = "error.permission_denied";
@@ -5470,7 +5482,9 @@ var openErrorDialogAlert = (error) => {
         template = "error.api_db_error";
         break;
     }
-    openDialogAlert({ template });
+    openDialogAlert({ template, props });
+  } else if (error instanceof Error) {
+    openDialogAlert({ template: "error.something_went_wrong", props: { description: error.message } });
   } else {
     openDialogAlert({ template: "error.something_went_wrong" });
   }
@@ -9770,27 +9784,51 @@ var CropperModal = ({
     }
   );
 };
-var Truncated = ({ children, className, ellipsis = true, as = "p", style }) => {
+var Truncated = ({
+  children,
+  className,
+  ellipsis = true,
+  as = "p",
+  style,
+  tooltipProps,
+  tooltipContentProps
+}) => {
   const elementRef = useRef(null);
   const [open, setOpen] = useState(false);
   const [isTruncated, setIsTruncated] = useState(false);
   const Comp = as;
   const normalizedChildren = typeof children === "string" ? children.replace(/>/g, ">\u200B") : children;
+  const lineClampLines = typeof ellipsis === "number" ? ellipsis : typeof ellipsis === "object" ? ellipsis?.lineClamp ?? 3 : null;
   useEffect(() => {
     const el = elementRef.current;
     if (!el) return;
-    const checkTruncate = debounce(() => {
-      const overflowX = el.scrollWidth > el.clientWidth;
-      const overflowY = el.scrollHeight > el.clientHeight;
-      setIsTruncated(overflowX || overflowY);
-    }, 300);
-    const resizeObserver = new ResizeObserver(checkTruncate);
+    const measure = () => {
+      if (!ellipsis) {
+        setIsTruncated(false);
+        return;
+      }
+      const rect = el.getBoundingClientRect();
+      const width = el.clientWidth || el.offsetWidth || rect.width;
+      const height = el.clientHeight || el.offsetHeight || rect.height;
+      if (!width || !height) {
+        setIsTruncated(false);
+        return;
+      }
+      const epsilon = 1;
+      const overflowWidth = el.scrollWidth - width > epsilon;
+      const overflowHeight = el.scrollHeight - height > epsilon;
+      setIsTruncated(overflowWidth || overflowHeight);
+    };
+    const resizeObserver = new ResizeObserver(() => requestAnimationFrame(measure));
     resizeObserver.observe(el);
+    const mutationObserver = new MutationObserver(() => measure());
+    mutationObserver.observe(el, { childList: true, subtree: true, characterData: true });
+    requestAnimationFrame(measure);
     return () => {
       resizeObserver.disconnect();
+      mutationObserver.disconnect();
     };
-  }, []);
-  const lineClampLines = typeof ellipsis === "number" ? ellipsis : typeof ellipsis === "object" ? ellipsis.lineClamp ?? 3 : null;
+  }, [children, ellipsis, lineClampLines]);
   const truncationClass = useMemo(() => {
     if (!ellipsis) return "";
     if (typeof ellipsis === "number") return `line-clamp-${ellipsis}`;
@@ -9809,14 +9847,20 @@ var Truncated = ({ children, className, ellipsis = true, as = "p", style }) => {
   }, [lineClampLines, style]);
   const baseContent = /* @__PURE__ */ jsx(Comp, { ref: elementRef, className: cn(truncationClass, className), style: clampedStyle, children: normalizedChildren });
   let tooltipContent = normalizedChildren;
-  let tooltipSide = "top";
   if (typeof ellipsis === "object") {
     tooltipContent = ellipsis?.content ?? normalizedChildren;
-    tooltipSide = ellipsis?.side ?? "top";
   }
+  const {
+    className: tooltipContentClassName,
+    arrowClassName: tooltipArrowClassName,
+    side: tooltipContentSide,
+    ...tooltipContentRest
+  } = tooltipContentProps ?? {};
+  const tooltipSide = (typeof ellipsis === "object" ? ellipsis?.side : void 0) ?? tooltipContentSide ?? "top";
   return /* @__PURE__ */ jsxs(
     Tooltip2,
     {
+      ...tooltipProps,
       open,
       onOpenChange: (open2) => {
         setOpen(isTruncated && open2);
@@ -9827,8 +9871,12 @@ var Truncated = ({ children, className, ellipsis = true, as = "p", style }) => {
           TooltipContent2,
           {
             side: tooltipSide,
-            className: cn("text-white bg-[#8B8B8B] max-w-md wrap-break-word shadow-lg"),
-            arrowClassName: "bg-[#8B8B8B] fill-[#8B8B8B]",
+            className: cn(
+              "text-white bg-[#8B8B8B] max-w-xs sm:max-w-md wrap-break-word shadow-lg",
+              tooltipContentClassName
+            ),
+            arrowClassName: cn("bg-[#8B8B8B] fill-[#8B8B8B]", tooltipArrowClassName),
+            ...tooltipContentRest,
             children: tooltipContent
           }
         )