@vectramindnpm/unified-design-system 0.2.0 → 0.2.2

package/dist/index.d.cts

@@ -363,7 +363,9 @@ declare function getIconColorProps(colorName: IconColor, hoverColorName?: IconCo
 };
 
 interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconVariants> {
-    name: string;
+    /** The icon-font class rendered as the button's content. Only required when `children`
+     * isn't passed - if `children` is given, it's rendered instead and `name` goes unused. */
+    name?: string;
     color?: IconColor;
     hoverColor?: IconColor;
     bgColor?: string;

package/dist/index.d.ts

@@ -363,7 +363,9 @@ declare function getIconColorProps(colorName: IconColor, hoverColorName?: IconCo
 };
 
 interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconVariants> {
-    name: string;
+    /** The icon-font class rendered as the button's content. Only required when `children`
+     * isn't passed - if `children` is given, it's rendered instead and `name` goes unused. */
+    name?: string;
     color?: IconColor;
     hoverColor?: IconColor;
     bgColor?: string;

package/dist/index.js

@@ -2213,8 +2213,17 @@ var ScrollToFieldError = () => {
       const errorKeys = Object.keys(errors);
       if (errorKeys.length === 0) return;
       const firstErrorKey = errorKeys[0];
-      const el = document.querySelector(`[name="${firstErrorKey}"]`) || document.getElementById(firstErrorKey);
-      if (!el) return;
+      const rawEl = document.querySelector(`[name="${firstErrorKey}"]`) || document.getElementById(firstErrorKey);
+      if (!rawEl) return;
+      const isRenderedEl = (node) => node.offsetParent !== null || node === document.body;
+      let el = rawEl;
+      if (!isRenderedEl(rawEl)) {
+        let ancestor = rawEl.parentElement;
+        while (ancestor && !isRenderedEl(ancestor)) {
+          ancestor = ancestor.parentElement;
+        }
+        if (ancestor) el = ancestor;
+      }
       const scrollable = el.closest(".edit-panel__body") || el.closest(".dept-modal__panel-backdrop") || el.closest(".dept-modal__backdrop") || el.closest("[class*='overflow-y-auto']");
       if (scrollable && scrollable.id !== "scroll") {
         const elRect = el.getBoundingClientRect();
@@ -2829,7 +2838,7 @@ import * as React27 from "react";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var CARD_TEXT_LIMIT = 20;
 var TruncatedText = ({ text, maxLength, className, viewMode = "grid" /* GRID */ }) => {
-  maxLength = viewMode === "list" /* LIST */ ? maxLength : CARD_TEXT_LIMIT;
+  maxLength = maxLength ? maxLength : viewMode === "list" /* LIST */ ? void 0 : CARD_TEXT_LIMIT;
   if (maxLength === void 0) {
     return /* @__PURE__ */ jsx27(TruncatedTextByWidth, { text, className });
   }
@@ -2837,7 +2846,7 @@ var TruncatedText = ({ text, maxLength, className, viewMode = "grid" /* GRID */
     return /* @__PURE__ */ jsx27("span", { className: cn("cursor-default", className), children: text || "" });
   }
   return /* @__PURE__ */ jsxs17(Tooltip, { children: [
-    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17("span", { children: [
+    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17("span", { className: cn("block w-full truncate", className), children: [
       text.slice(0, maxLength),
       "\u2026"
     ] }) }),
@@ -2869,7 +2878,7 @@ var TruncatedTextByWidth = ({ text, className }) => {
   }
   const textSpan = /* @__PURE__ */ jsx27("span", { ref, className: cn("block w-full truncate", className), children: text });
   return /* @__PURE__ */ jsxs17(Tooltip, { children: [
-    /* @__PURE__ */ jsx27(TooltipTrigger, { className: "min-w-0 w-full", children: textSpan }),
+    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, className: "min-w-0 w-full", children: textSpan }),
     isOverflowing && /* @__PURE__ */ jsx27(
       TooltipContent,
       {