@sustaina/shared-ui 1.65.4 → 1.65.5

package/dist/index.mjs

@@ -6296,7 +6296,7 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       className: cn(
-        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance whitespace-pre-wrap",
         className
       ),
       ...props,
@@ -6742,6 +6742,7 @@ var Truncated = ({
   const [isTruncated, setIsTruncated] = React.useState(false);
   const [measureWidth, setMeasureWidth] = React.useState(0);
   const Comp = as;
+  const isStringChildren = typeof children === "string";
   const normalizedChildren = typeof children === "string" ? children.replace(/>/g, ">\u200B") : children;
   const lineClampLines = typeof ellipsis === "number" ? ellipsis : typeof ellipsis === "object" ? ellipsis?.lineClamp ?? 3 : null;
   const enableMeasure = Boolean(ellipsis) && !tooltipProps?.disabled;
@@ -6781,19 +6782,31 @@ var Truncated = ({
       overflow: "hidden"
     };
   }, [lineClampLines, style]);
-  const baseContent = /* @__PURE__ */ jsx(Comp, { ref: elementRef, className: cn(truncationClass, className), style: clampedStyle, children: /* @__PURE__ */ jsx(
-    EllipsisMeasure,
+  const contentWhitespaceClass = React.useMemo(() => {
+    if (!isStringChildren) return void 0;
+    return truncationClass === "truncate" ? "whitespace-pre" : "whitespace-pre-wrap";
+  }, [isStringChildren, truncationClass]);
+  const baseContent = /* @__PURE__ */ jsx(
+    Comp,
     {
-      enableMeasure,
-      text: normalizedChildren,
-      width: measureWidth,
-      rows: lineClampLines ?? 1,
-      expanded: false,
-      miscDeps: [truncationClass],
-      onEllipsis: setIsTruncated,
-      children: () => normalizedChildren
+      ref: elementRef,
+      className: cn(truncationClass, contentWhitespaceClass, className),
+      style: clampedStyle,
+      children: /* @__PURE__ */ jsx(
+        EllipsisMeasure,
+        {
+          enableMeasure,
+          text: normalizedChildren,
+          width: measureWidth,
+          rows: lineClampLines ?? 1,
+          expanded: false,
+          miscDeps: [truncationClass],
+          onEllipsis: setIsTruncated,
+          children: () => normalizedChildren
+        }
+      )
     }
-  ) });
+  );
   let tooltipContent = normalizedChildren;
   if (typeof ellipsis === "object") {
     tooltipContent = ellipsis?.content ?? normalizedChildren;
@@ -6821,6 +6834,7 @@ var Truncated = ({
             side: tooltipSide,
             className: cn(
               "text-white bg-sus-secondary-gray-10 max-w-xs sm:max-w-md wrap-break-word shadow-lg",
+              isStringChildren && "whitespace-pre-wrap",
               tooltipContentClassName
             ),
             arrowClassName: cn("bg-sus-secondary-gray-10 fill-sus-secondary-gray-10", tooltipArrowClassName),
@@ -8594,7 +8608,7 @@ var sanitizeInput = (val) => {
   if (/[%*~^]/.test(trimmed)) return "__INVALID_WILDCARD__";
   if (/[%><={}\\[\]"']/u.test(trimmed)) return "__INVALID_CHAR__";
   if (/\p{Cc}/u.test(val)) return "__INVALID_CONTROL_CHAR__";
-  return trimmed.replace(/\s+/g, " ");
+  return val;
 };
 var numericTypes = ["number"];
 var dateTypes = ["date", "datemonth"];
@@ -16240,7 +16254,10 @@ var DefaultHeader = ({
     "span",
     {
       ref: titleRef,
-      className: cn("text-lg font-semibold text-sus-green-1 truncate", classNames?.title),
+      className: cn(
+        "text-lg font-semibold text-sus-green-1 truncate whitespace-pre",
+        classNames?.title
+      ),
       children: title
     }
   ) : null;
@@ -16257,10 +16274,10 @@ var DefaultHeader = ({
         }
       ) : null,
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-        subtitle ? /* @__PURE__ */ jsx("span", { className: cn("text-xs text-gray-500", classNames?.subtitle), children: subtitle }) : null,
+        subtitle ? /* @__PURE__ */ jsx("span", { className: cn("text-xs text-gray-500 whitespace-pre-wrap", classNames?.subtitle), children: subtitle }) : null,
         textElement ? isTruncated ? /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: textElement }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: title })
+          /* @__PURE__ */ jsx(TooltipContent, { className: "whitespace-pre-wrap", children: title })
         ] }) : textElement : null
       ] })
     ] }),
@@ -17755,7 +17772,7 @@ var TruncatedMouseEnterDiv = ({
         ref: textRef,
         onMouseEnter: checkTruncation,
         onMouseLeave: () => setIsTruncated(false),
-        className: cn("truncate", className),
+        className: cn("truncate whitespace-pre", className),
         children: value
       }
     ) }),