@selectwin/kit 0.1.214 → 0.1.215

package/dist/SelectTooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { SelectPlacement } from './positioning';
-export declare function SelectTooltip({ content, children, placement, delay, openOnClick, disabled, }: {
+export declare function SelectTooltip({ content, children, placement, delay, openOnClick, disabled, focusable, }: {
     content: ReactNode;
     children: ReactNode;
     placement?: SelectPlacement;
@@ -12,4 +12,6 @@ export declare function SelectTooltip({ content, children, placement, delay, ope
     /** Não abre (0.1.188): o gatilho já mostra o mesmo conteúdo noutro lugar (ex.: o painel de páginas do trilho aberto
      *  ao lado do ícone). O embrulho continua no lugar, então o gatilho não remonta nem perde o foco. */
     disabled?: boolean;
+    /** 0.1.215: o embrulho recebe o foco (o filho não é focável): o Tab chega na dica, e ela abre no foco do teclado. */
+    focusable?: boolean;
 }): import("react").JSX.Element;

package/dist/SelectTooltip.js

@@ -14,77 +14,78 @@ function f(e) {
 		return !0;
 	}
 }
-function p({ content: p, children: m, placement: h = "top", delay: g = 250, openOnClick: _ = !1, disabled: v = !1 }) {
-	let [y, b] = o(!1), [x, S] = o(!1), [C, w] = o(!1), T = !v && (x || y && !C), E = a(null), D = a(null), O = a(null), [k, A] = o(null), j = r(), M = () => {
-		d() && (O.current && clearTimeout(O.current), O.current = setTimeout(() => b(!0), g));
-	}, N = () => {
-		O.current && clearTimeout(O.current), b(!1), w(!1);
+function p({ content: p, children: m, placement: h = "top", delay: g = 250, openOnClick: _ = !1, disabled: v = !1, focusable: y = !1 }) {
+	let [b, x] = o(!1), [S, C] = o(!1), [w, T] = o(!1), E = !v && (S || b && !w), D = a(null), O = a(null), k = a(null), [A, j] = o(null), M = r(), N = () => {
+		d() && (k.current && clearTimeout(k.current), k.current = setTimeout(() => x(!0), g));
 	}, P = () => {
-		_ && (O.current && clearTimeout(O.current), T ? (S(!1), b(!1), w(!0)) : S(!0));
+		k.current && clearTimeout(k.current), x(!1), T(!1);
+	}, F = () => {
+		_ && (k.current && clearTimeout(k.current), E ? (C(!1), x(!1), T(!0)) : C(!0));
 	};
 	n(() => () => {
-		O.current && clearTimeout(O.current);
+		k.current && clearTimeout(k.current);
 	}, []);
-	let F = t(() => {
+	let I = t(() => {
 		var t;
-		let n = ((t = E.current) == null ? void 0 : t.firstElementChild) ?? E.current, r = D.current;
+		let n = ((t = D.current) == null ? void 0 : t.firstElementChild) ?? D.current, r = O.current;
 		if (!n || !r) return;
 		let i = e(n.getBoundingClientRect(), {
 			width: r.offsetWidth,
 			height: r.offsetHeight
 		}, h, 6);
-		A({
+		j({
 			top: i.top,
 			left: i.left
 		});
 	}, [h]);
 	return i(() => {
-		if (!T) {
-			A(null);
+		if (!E) {
+			j(null);
 			return;
 		}
-		F();
-	}, [T, F]), n(() => {
-		if (!T) return;
-		let e = () => F();
+		I();
+	}, [E, I]), n(() => {
+		if (!E) return;
+		let e = () => I();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [T, F]), n(() => {
-		if (!T) return;
+	}, [E, I]), n(() => {
+		if (!E) return;
 		let e = (e) => {
-			e.key === "Escape" && (S(!1), b(!1));
+			e.key === "Escape" && (C(!1), x(!1));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [T]), n(() => {
-		if (!x) return;
+	}, [E]), n(() => {
+		if (!S) return;
 		let e = (e) => {
 			var t, n;
 			let r = e.target;
-			(t = E.current) != null && t.contains(r) || (n = D.current) != null && n.contains(r) || (S(!1), b(!1));
+			(t = D.current) != null && t.contains(r) || (n = O.current) != null && n.contains(r) || (C(!1), x(!1));
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-	}, [x]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	}, [S]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 		className: "select-tip__trigger",
-		ref: E,
-		onMouseEnter: M,
-		onMouseLeave: N,
+		ref: D,
+		onMouseEnter: N,
+		onMouseLeave: P,
 		onFocusCapture: (e) => {
-			f(e.target) && b(!0);
+			f(e.target) && x(!0);
 		},
-		onBlurCapture: N,
-		onClick: _ ? P : void 0,
-		"aria-describedby": T ? j : void 0,
+		onBlurCapture: P,
+		onClick: _ ? F : void 0,
+		tabIndex: y ? 0 : void 0,
+		"aria-describedby": E ? M : void 0,
 		children: m
-	}), T && u(/* @__PURE__ */ c("div", {
-		ref: D,
-		id: j,
+	}), E && u(/* @__PURE__ */ c("div", {
+		ref: O,
+		id: M,
 		role: "tooltip",
-		className: `select select-tip${x ? " select-tip--pinned" : ""}`,
-		style: k ? {
+		className: `select select-tip${S ? " select-tip--pinned" : ""}`,
+		style: A ? {
 			position: "fixed",
-			top: k.top,
-			left: k.left
+			top: A.top,
+			left: A.left
 		} : {
 			position: "fixed",
 			top: 0,