wimui 0.47.8 → 0.47.10

package/dist/components/form/PhoneInput/PhoneInput.js

@@ -70,16 +70,16 @@ var p = [
 		flag: "🇧🇷"
 	}
 ], m = a(({ value: a = "", onChange: m, countryCode: h = "US", onCountryChange: g, placeholder: _ = "000-0000-0000", disabled: v = !1, error: y, required: b = !1, label: x, layout: S = "vertical", className: C, fullWidth: w = !1, ...T }, E) => {
-	let D = `wim-phone-input-${s()}`, O = x ? `${D}-label` : void 0, k = y ? `${D}-error` : void 0, [A, j] = l(!1), M = c(null);
+	let D = `wim-phone-input-${s()}`, O = x ? `${D}-label` : void 0, k = x ? void 0 : "Select country", A = y ? `${D}-error` : void 0, [j, M] = l(!1), N = c(null);
 	o(() => {
 		let e = (e) => {
-			M.current && !M.current.contains(e.target) && j(!1);
+			N.current && !N.current.contains(e.target) && M(!1);
 		};
-		return A && document.addEventListener("mousedown", e), () => {
+		return j && document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [A]);
-	let N = p.find((e) => e.code === h) ?? p[0], P = (e) => {
+	}, [j]);
+	let P = p.find((e) => e.code === h) ?? p[0], F = (e) => {
 		m?.(e.target.value);
 	};
 	return /* @__PURE__ */ d(r, {
@@ -88,11 +88,11 @@ var p = [
 		htmlFor: D,
 		required: b,
 		error: y,
-		errorId: k,
+		errorId: A,
 		layout: S,
 		className: C,
 		children: /* @__PURE__ */ f("div", {
-			ref: M,
+			ref: N,
 			className: u("wim-phone-input", i.root, w && i.fullWidth, v && i.disabled, y && i.danger),
 			"data-testid": "phone-input-root",
 			...T,
@@ -102,43 +102,45 @@ var p = [
 					children: [/* @__PURE__ */ f("button", {
 						type: "button",
 						className: i.countryTrigger,
-						onClick: () => !v && j(!A),
+						onClick: () => !v && M(!j),
 						disabled: v,
 						"aria-haspopup": "listbox",
-						"aria-expanded": A,
+						"aria-expanded": j,
 						"aria-labelledby": O,
-						"aria-label": x ? void 0 : "Select country",
+						"aria-label": k,
 						children: [
 							/* @__PURE__ */ d("span", {
 								"aria-hidden": "true",
 								style: { fontSize: "1.2em" },
-								children: N.flag
+								children: P.flag
 							}),
-							/* @__PURE__ */ f("span", { children: ["+", N.dialCode] }),
+							/* @__PURE__ */ f("span", { children: ["+", P.dialCode] }),
 							/* @__PURE__ */ d(n, {
 								component: t,
 								size: "sm",
-								className: u(i.chevron, A && i.chevronOpen)
+								className: u(i.chevron, j && i.chevronOpen)
 							})
 						]
 					}), /* @__PURE__ */ d(e, {
-						show: A,
+						show: j,
 						preset: "fade",
 						className: i.dropdown,
 						children: /* @__PURE__ */ d("ul", {
 							className: i.countryList,
 							role: "listbox",
+							"aria-labelledby": x ? O : void 0,
+							"aria-label": k,
 							children: p.map((e) => /* @__PURE__ */ f("li", {
-								className: u(i.countryOption, N.code === e.code && i.selected),
+								className: u(i.countryOption, P.code === e.code && i.selected),
 								onClick: () => {
-									g?.(e.code), j(!1);
+									g?.(e.code), M(!1);
 								},
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), g?.(e.code), j(!1));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), g?.(e.code), M(!1));
 								},
 								tabIndex: 0,
 								role: "option",
-								"aria-selected": N.code === e.code,
+								"aria-selected": P.code === e.code,
 								children: [
 									/* @__PURE__ */ d("span", {
 										"aria-hidden": "true",
@@ -166,12 +168,12 @@ var p = [
 					ref: E,
 					type: "tel",
 					value: a,
-					onChange: P,
+					onChange: F,
 					placeholder: _,
 					disabled: v,
 					className: i.number,
 					"aria-invalid": !!y,
-					"aria-describedby": k
+					"aria-describedby": A
 				})
 			]
 		})

package/dist/components/form/TreeSelect/TreeSelect.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../../../hooks/useMergedRef.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../../data-display/TreeView/TreeView.cjs"),c=require("./tree-select.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?f(e.children):void 0}))}var p=(0,l.forwardRef)(({treeData:e=[],value:p,onChange:m,placeholder:h,label:g,error:_,required:v,layout:y,className:b,disabled:x=!1,multiple:S=!1,searchable:C=!1,defaultExpandedKeys:w=[],allowClear:T=!1,checkStrategy:E=`cascade`,id:D,width:O,fullWidth:k=!1,asChild:A=!1,children:ee,...te},ne)=>{let j=(0,l.useId)(),M=D||`wim-tree-select-${j}`,N=g?`${M}-label`:void 0,P=_?`${M}-error`:void 0,F=`${M}-trigger`,I=`${M}-dropdown`,[L,R]=(0,l.useState)(!1),[z,B]=(0,l.useState)(S?[]:``),V=(0,l.useRef)(null),H=(0,l.useRef)(null),U=p!==void 0,W=U?p:z;(0,l.useEffect)(()=>{let e=e=>{V.current&&!V.current.contains(e.target)&&R(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,l.useEffect)(()=>{if(L){let e=setTimeout(()=>{let e=V.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(V.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[L]);let G=()=>{if(!x){let e=!L;R(e),e||H.current?.focus()}},K=e=>{if(!x){if(!L){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),R(!0));return}e.key===`Escape`&&(e.preventDefault(),R(!1),H.current?.focus())}},q=(0,l.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),J=()=>{if(S){let e=Array.isArray(W)?W:[];return e.length===0?null:e.map(e=>q[e]?q[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=W;return e?q[e]?q[e].label:e:null}},Y=e=>{let t;S?t=e:(t=e[0]||``,R(!1),H.current?.focus()),U||B(t),m&&m(t)},X=()=>{if(x)return;let e=S?[]:``;U||B(e),m&&m(e)},re=(0,l.useMemo)(()=>f(e),[e]),Z=(0,l.useMemo)(()=>S?Array.isArray(W)?W:[]:W?[W]:[],[W,S]),Q=J(),{"aria-label":ie,"aria-labelledby":ae,"aria-describedby":oe,...se}=te,ce=typeof h==`string`?h:`Select`,le=A?t.Root:`div`,$=i.useMergedRef(V,ne);return(0,d.jsx)(o.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:N,errorId:P,className:(0,u.default)(c.default.container,b),children:(0,d.jsxs)(le,{className:(0,u.default)(`wim-tree-select`,c.default.root,k&&c.default.fullWidth),ref:$,...se,children:[(0,d.jsx)(t.Slottable,{children:ee}),(0,d.jsx)(a.InputBase,{disabled:x,allowClear:T,hasValue:!!Q,onClear:X,intent:_?`danger`:`default`,width:O,fullWidth:k,rightIcons:[{name:`ChevronDownIcon`,rotated:L,onClick:G}],className:(0,u.default)(L&&c.default.open),children:(0,d.jsx)(`div`,{id:F,className:(0,u.default)(c.default.trigger,x&&c.default.disabled),onClick:G,onKeyDown:K,tabIndex:x?-1:0,role:`combobox`,"aria-expanded":L,"aria-haspopup":`tree`,"aria-controls":L?I:void 0,"aria-disabled":x,"aria-labelledby":N||ae,"aria-label":g?void 0:ie||ce,"aria-describedby":P||oe,"aria-required":v,"aria-invalid":!!_,ref:H,children:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.value,!Q&&c.default.placeholder),children:Q||h})})}),(0,d.jsx)(n.Transition,{show:L&&!x,preset:`fade`,className:c.default.dropdown,children:(0,d.jsx)(`div`,{id:I,children:(0,d.jsx)(r.FocusTrap,{active:L,initialFocus:!1,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":N,children:(0,d.jsx)(s.TreeView,{multiSelect:S,defaultSelectedValues:Z,defaultCheckedValues:S?Z:[],nodes:re,onCheckedChange:Y,onSelectedChange:Y,checkable:S,checkStrategy:E,searchable:C,defaultExpandedValues:w,styles:{root:c.default.treeView,item:c.default.treeViewItem,search:c.default.treeViewSearch}})})})})})]})})});p.displayName=`TreeSelect`,exports.TreeSelect=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),ee=require("../../overlay/FocusTrap/FocusTrap.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),te=require("../../data-display/TreeView/TreeView.cjs"),o=require("./tree-select.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?u(e.children):void 0}))}var d=(0,s.forwardRef)(({treeData:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,multiple:b=!1,searchable:x=!1,defaultExpandedKeys:S=[],allowClear:C=!1,checkStrategy:w=`cascade`,id:T,width:E,fullWidth:D=!1,asChild:O=!1,children:ne,...re},ie)=>{let ae=(0,s.useId)(),k=T||`wim-tree-select-${ae}`,A=m?`${k}-label`:void 0,j=h?`${k}-error`:void 0,M=`${k}-trigger`,N=`${k}-dropdown`,[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(b?[]:``),R=(0,s.useRef)(null),z=(0,s.useRef)(null),B=d!==void 0,V=B?d:I;(0,s.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,s.useEffect)(()=>{if(P){let e=setTimeout(()=>{let e=R.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(R.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[P]);let H=()=>{if(!y){let e=!P;F(e),e||z.current?.focus()}},U=e=>{if(!y){if(!P){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),F(!0));return}e.key===`Escape`&&(e.preventDefault(),F(!1),z.current?.focus())}},W=(0,s.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),G=()=>{if(b){let e=Array.isArray(V)?V:[];return e.length===0?null:e.map(e=>W[e]?W[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=V;return e?W[e]?W[e].label:e:null}},K=e=>{let t;b?t=e:(t=e[0]||``,F(!1),z.current?.focus()),B||L(t),f&&f(t)},q=()=>{if(y)return;let e=b?[]:``;B||L(e),f&&f(e)},oe=(0,s.useMemo)(()=>u(e),[e]),J=(0,s.useMemo)(()=>b?Array.isArray(V)?V:[]:V?[V]:[],[V,b]),Y=G(),{"aria-label":X,"aria-labelledby":Z,"aria-describedby":se,...ce}=re,Q=typeof p==`string`?p:`Select`,le=O?t.Root:`div`,$=r.useMergedRef(R,ie);return(0,l.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:A,errorId:j,className:(0,c.default)(o.default.container,v),children:(0,l.jsxs)(le,{className:(0,c.default)(`wim-tree-select`,o.default.root,D&&o.default.fullWidth),ref:$,...ce,children:[(0,l.jsx)(t.Slottable,{children:ne}),(0,l.jsx)(i.InputBase,{disabled:y,allowClear:C,hasValue:!!Y,onClear:q,intent:h?`danger`:`default`,width:E,fullWidth:D,rightIcons:[{name:`ChevronDownIcon`,rotated:P,onClick:H}],className:(0,c.default)(P&&o.default.open),children:(0,l.jsx)(`div`,{id:M,className:(0,c.default)(o.default.trigger,y&&o.default.disabled),onClick:H,onKeyDown:U,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":P,"aria-haspopup":`tree`,"aria-controls":P?N:void 0,"aria-disabled":y,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,"aria-describedby":j||se,"aria-required":g,"aria-invalid":!!h,ref:z,children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,!Y&&o.default.placeholder),children:Y||p})})}),(0,l.jsx)(n.Transition,{show:P&&!y,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`div`,{id:N,children:(0,l.jsx)(ee.FocusTrap,{active:P,initialFocus:!1,children:(0,l.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,children:(0,l.jsx)(te.TreeView,{multiSelect:b,defaultSelectedValues:J,defaultCheckedValues:b?J:[],nodes:oe,onCheckedChange:K,onSelectedChange:K,checkable:b,checkStrategy:w,searchable:x,defaultExpandedValues:S,styles:{root:o.default.treeView,item:o.default.treeViewItem,search:o.default.treeViewSearch}})})})})})]})})});d.displayName=`TreeSelect`,exports.TreeSelect=d;

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -20,134 +20,135 @@ function g(e) {
 		children: e.children ? g(e.children) : void 0
 	}));
 }
-var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...N }, P) => {
-	let F = l(), I = ne || `wim-tree-select-${F}`, L = b ? `${I}-label` : void 0, R = x ? `${I}-error` : void 0, z = `${I}-trigger`, B = `${I}-dropdown`, [V, H] = f(!1), [U, W] = f(E ? [] : ""), G = d(null), K = d(null), q = _ !== void 0, J = q ? _ : U;
+var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...ae }, oe) => {
+	let se = l(), N = ne || `wim-tree-select-${se}`, P = b ? `${N}-label` : void 0, F = x ? `${N}-error` : void 0, I = `${N}-trigger`, L = `${N}-dropdown`, [R, z] = f(!1), [B, V] = f(E ? [] : ""), H = d(null), U = d(null), W = _ !== void 0, G = W ? _ : B;
 	c(() => {
 		let e = (e) => {
-			G.current && !G.current.contains(e.target) && H(!1);
+			H.current && !H.current.contains(e.target) && z(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), c(() => {
-		if (V) {
+		if (R) {
 			let e = setTimeout(() => {
-				let e = G.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
-				e ? e.focus() : (G.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
+				let e = H.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
+				e ? e.focus() : (H.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [V]);
-	let Y = () => {
+	}, [R]);
+	let K = () => {
 		if (!T) {
-			let e = !V;
-			H(e), e || K.current?.focus();
+			let e = !R;
+			z(e), e || U.current?.focus();
 		}
-	}, ae = (e) => {
+	}, ce = (e) => {
 		if (!T) {
-			if (!V) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), H(!0));
+			if (!R) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), z(!0));
 				return;
 			}
-			e.key === "Escape" && (e.preventDefault(), H(!1), K.current?.focus());
+			e.key === "Escape" && (e.preventDefault(), z(!1), U.current?.focus());
 		}
-	}, X = u(() => {
+	}, q = u(() => {
 		let e = {}, t = (n) => {
 			n.forEach((n) => {
 				e[n.value] = n, n.children && t(n.children);
 			});
 		};
 		return t(s), e;
-	}, [s]), oe = () => {
+	}, [s]), le = () => {
 		if (E) {
-			let e = Array.isArray(J) ? J : [];
-			return e.length === 0 ? null : e.map((e) => X[e] ? X[e].label : e).reduce((e, t) => [
+			let e = Array.isArray(G) ? G : [];
+			return e.length === 0 ? null : e.map((e) => q[e] ? q[e].label : e).reduce((e, t) => [
 				e,
 				", ",
 				t
 			]);
 		}
 		{
-			let e = J;
-			return e ? X[e] ? X[e].label : e : null;
+			let e = G;
+			return e ? q[e] ? q[e].label : e : null;
 		}
-	}, Z = (e) => {
+	}, J = (e) => {
 		let t;
-		E ? t = e : (t = e[0] || "", H(!1), K.current?.focus()), q || W(t), v && v(t);
-	}, se = () => {
+		E ? t = e : (t = e[0] || "", z(!1), U.current?.focus()), W || V(t), v && v(t);
+	}, ue = () => {
 		if (T) return;
 		let e = E ? [] : "";
-		q || W(e), v && v(e);
-	}, ce = u(() => g(s), [s]), Q = u(() => E ? Array.isArray(J) ? J : [] : J ? [J] : [], [J, E]), $ = oe(), { "aria-label": le, "aria-labelledby": ue, "aria-describedby": de, ...fe } = N, pe = typeof y == "string" ? y : "Select", me = M ? e : "div", he = r(G, P);
+		W || V(e), v && v(e);
+	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = r(H, oe);
 	return /* @__PURE__ */ m(a, {
 		label: b,
 		error: x,
 		required: S,
 		layout: C,
-		labelId: L,
-		errorId: R,
+		labelId: P,
+		errorId: F,
 		className: p(o.container, w),
 		children: /* @__PURE__ */ h(me, {
 			className: p("wim-tree-select", o.root, j && o.fullWidth),
 			ref: he,
-			...fe,
+			...pe,
 			children: [
 				/* @__PURE__ */ m(t, { children: ie }),
 				/* @__PURE__ */ m(i, {
 					disabled: T,
 					allowClear: k,
-					hasValue: !!$,
-					onClear: se,
+					hasValue: !!X,
+					onClear: ue,
 					intent: x ? "danger" : "default",
 					width: re,
 					fullWidth: j,
 					rightIcons: [{
 						name: "ChevronDownIcon",
-						rotated: V,
-						onClick: Y
+						rotated: R,
+						onClick: K
 					}],
-					className: p(V && o.open),
+					className: p(R && o.open),
 					children: /* @__PURE__ */ m("div", {
-						id: z,
+						id: I,
 						className: p(o.trigger, T && o.disabled),
-						onClick: Y,
-						onKeyDown: ae,
+						onClick: K,
+						onKeyDown: ce,
 						tabIndex: T ? -1 : 0,
 						role: "combobox",
-						"aria-expanded": V,
+						"aria-expanded": R,
 						"aria-haspopup": "tree",
-						"aria-controls": V ? B : void 0,
+						"aria-controls": R ? L : void 0,
 						"aria-disabled": T,
-						"aria-labelledby": L || ue,
-						"aria-label": b ? void 0 : le || pe,
-						"aria-describedby": R || de,
+						"aria-labelledby": P || Q,
+						"aria-label": b ? void 0 : Z || $,
+						"aria-describedby": F || fe,
 						"aria-required": S,
 						"aria-invalid": !!x,
-						ref: K,
+						ref: U,
 						children: /* @__PURE__ */ m("div", {
-							className: p(o.value, !$ && o.placeholder),
-							children: $ || y
+							className: p(o.value, !X && o.placeholder),
+							children: X || y
 						})
 					})
 				}),
 				/* @__PURE__ */ m(n, {
-					show: V && !T,
+					show: R && !T,
 					preset: "fade",
 					className: o.dropdown,
 					children: /* @__PURE__ */ m("div", {
-						id: B,
+						id: L,
 						children: /* @__PURE__ */ m(ee, {
-							active: V,
+							active: R,
 							initialFocus: !1,
 							children: /* @__PURE__ */ m("div", {
 								role: "dialog",
 								"aria-modal": "true",
-								"aria-labelledby": L,
+								"aria-labelledby": P || Q,
+								"aria-label": b ? void 0 : Z || $,
 								children: /* @__PURE__ */ m(te, {
 									multiSelect: E,
-									defaultSelectedValues: Q,
-									defaultCheckedValues: E ? Q : [],
-									nodes: ce,
-									onCheckedChange: Z,
-									onSelectedChange: Z,
+									defaultSelectedValues: Y,
+									defaultCheckedValues: E ? Y : [],
+									nodes: de,
+									onCheckedChange: J,
+									onSelectedChange: J,
 									checkable: E,
 									checkStrategy: A,
 									searchable: D,