@iress-oss/ids-components 6.4.4 → 6.4.6

package/.ai/components/icon.md

@@ -46,6 +46,10 @@ For more simpler applications, or if you need to customise the icon provider ind
 
 > **Note:** If you are already using `IressProvider` or `IressShadow`, you do not need to add `IressIconProvider` separately — it is already included.
 
+With automatic loading, icons remain hidden while their font is loading or if
+the download fails. Their space is reserved so icon names do not appear as text
+or overlap nearby content.
+
 ```tsx
 const [showMoreIcons, setShowMoreIcons] = useState(false);
     const [showEvenMore, setShowEvenMore] = useState(false);

package/dist/components/Icon/hooks/useDynamicFontSubsetting.js

@@ -29,16 +29,15 @@ var o = (e, t, n) => {
 		C,
 		h
 	]), T = n((e) => {
-		t(`[useDynamicFontSubsetting] Failed to load font "${p}" for icons: ${e.join(", ")}. Icons will render as text after timeout.`), setTimeout(() => {
-			S(e);
-		}, 3e3);
-	}, [S, p]), E = n((e, t) => {
-		"fonts" in document ? (document.fonts.check(`24px "${p}"`) ? Promise.resolve() : document.fonts.load(`24px "${p}"`)).then(() => w(e, t)).catch(() => T(t)) : setTimeout(() => S(t), 1e3);
+		t(`[useDynamicFontSubsetting] Failed to load font "${p}" for icons: ${e.join(", ")}. Icons will remain hidden until the font loads.`);
+	}, [p]), E = n((e, t) => {
+		"fonts" in document && document.fonts.load(`24px "${p}"`).then((n) => {
+			n.length > 0 && w(e, t);
+		}).catch(() => T(t));
 	}, [
 		p,
 		w,
-		T,
-		S
+		T
 	]);
 	return r(() => () => {
 		document.querySelectorAll(`link[data-${f}="${x.current}"]`).forEach((e) => e.parentNode?.removeChild(e));

package/dist/components/Popover/components/PopoverContent.js

@@ -54,22 +54,22 @@ var g = ({ children: t, displayMode: n, id: r, observerTarget: a, style: s, virt
 };
 g.displayName = "PopoverContentInner";
 var _ = ({ container: e, ...n }) => {
-	let i = r(), { container: a } = u(), o = e === void 0 ? a : e, [c, l] = m();
+	let i = r(), { container: a } = u(), o = n.displayMode === "inline" ? void 0 : a, c = e === void 0 ? o : e, [l, f] = m();
 	return d(() => {
-		if (!o) {
-			l(void 0);
+		if (!c) {
+			f(void 0);
 			return;
 		}
-		let e = "current" in o ? o.current ?? void 0 : o ?? void 0;
-		l(e);
-	}, [o]), o ? /* @__PURE__ */ h(t, {
+		let e = "current" in c ? c.current ?? void 0 : c ?? void 0;
+		f(e);
+	}, [c]), c ? /* @__PURE__ */ h(t, {
 		id: i,
 		children: /* @__PURE__ */ h(s, {
-			root: o,
+			root: c,
 			preserveTabOrder: !0,
 			children: /* @__PURE__ */ h(g, {
 				...n,
-				observerTarget: c
+				observerTarget: l
 			})
 		})
 	}) : /* @__PURE__ */ h(t, {

package/dist/components/TabSet/TabSet.js

@@ -11,22 +11,30 @@ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 var g = (e) => {
 	let [t, n] = f({}), r = d({}), i = c(a), o = d(null);
 	return u(() => {
-		let e = i?.hover;
-		if (e && o.current) {
-			let t = o.current.parentElement;
-			if (t) {
+		let e = i?.hover, t = o.current?.parentElement, a = () => {
+			if (e && t) {
 				let i = t.getBoundingClientRect(), a = e.getBoundingClientRect(), o = {
 					opacity: 1,
 					left: `${a.left - i.left + t.scrollLeft}px`,
 					width: `${a.width}px`
 				};
 				n(o), r.current = o;
-			}
-		} else n({
-			...r.current,
-			opacity: 0
-		});
-	}, [i?.hover]), /* @__PURE__ */ m("div", {
+			} else n({
+				...r.current,
+				opacity: 0
+			});
+		};
+		a();
+		let s;
+		if (e && t && typeof ResizeObserver < "u") {
+			s = new ResizeObserver(a);
+			let e = s;
+			e.observe(t), t.querySelectorAll("[role=\"tab\"]").forEach((t) => e.observe(t));
+		}
+		return () => {
+			s?.disconnect();
+		};
+	}, [i?.hover, i?.layoutVersion]), /* @__PURE__ */ m("div", {
 		...e,
 		ref: o,
 		style: t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-components",
-  "version": "6.4.4",
+  "version": "6.4.6",
   "description": "Iress React Component Library",
   "license": "Apache-2.0",
   "type": "module",