wimui 0.49.0 → 0.50.1

package/dist/components/data-display/Carousel/Carousel.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("../../../icon/chevron-left.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./carousel.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l={slideLabel:e=>`Slide ${e}`,prevSlide:`Previous slide`,nextSlide:`Next slide`,goToSlide:e=>`Go to slide ${e}`},u=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,d=(0,o.forwardRef)(({children:e,autoPlay:d=!1,interval:f=5e3,showIndicators:p=!0,showControls:m=!0,controlsPlacement:h=`overlay`,loop:g=!0,slidesToShow:_=1,aspectRatio:v,objectFit:y=`cover`,labels:b,className:x,asChild:S,...C},w)=>{let T=S?t.Root:`div`,E={...l,...b},D=(0,o.useMemo)(()=>o.default.Children.toArray(e),[e]),O=D.length,[k,A]=(0,o.useState)(typeof window<`u`?window.innerWidth:0),[j,M]=(0,o.useState)(g?O:0),[N,P]=(0,o.useState)(!1),[F,I]=(0,o.useState)(!1),L=u(_,k),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=(0,o.useRef)(null),V=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=()=>A(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let H=(0,o.useMemo)(()=>!g||O===0?D:[...D,...D,...D],[D,g,O]),U=(0,o.useCallback)(()=>{if(!N){if(!g){M(e=>Math.min(e+1,O-L));return}P(!0),M(e=>e+1)}},[N,g,O,L]),W=(0,o.useCallback)(()=>{if(!N){if(!g){M(e=>Math.max(e-1,0));return}P(!0),M(e=>e-1)}},[N,g]),G=e=>{N||(g?(P(!0),M(e+O)):M(e))},K=()=>{g&&(P(!1),j>=O*2?M(j-O):j<O&&M(j+O))};(0,o.useEffect)(()=>(d&&!F&&O>L&&(R.current=window.setInterval(U,f)),()=>{R.current&&window.clearInterval(R.current)}),[d,f,U,O,L,F]);let q=e=>{e.key===`ArrowLeft`?W():e.key===`ArrowRight`&&U()},J=e=>{B.current=e.targetTouches[0].clientX},Y=e=>{V.current=e.targetTouches[0].clientX},X=()=>{if(!B.current||!V.current)return;let e=B.current-V.current;e>50?U():e<-50&&W(),B.current=null,V.current=null};if(O===0)return null;let Z=100/L,Q=-j*Z;return(0,c.jsxs)(T,{ref:w,className:(0,s.default)(`wim-carousel`,a.default.root,h===`outside`&&a.default.controlsOutside,x),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onFocus:()=>I(!0),onBlur:()=>I(!1),onKeyDown:q,tabIndex:0,role:`region`,"aria-roledescription":`carousel`,...C,children:[(0,c.jsx)(`div`,{className:a.default.viewport,children:(0,c.jsx)(`div`,{ref:z,className:(0,s.default)(a.default.track,N&&a.default.transition),style:{transform:`translateX(${Q}%)`},onTransitionEnd:K,onTouchStart:J,onTouchMove:Y,onTouchEnd:X,children:H.map((e,t)=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.item,v&&a.default.hasAspectRatio),style:{flex:`0 0 ${Z}%`,width:`${Z}%`,...v?{aspectRatio:v,"--wim-carousel-object-fit":y}:{}},role:`group`,"aria-roledescription":`slide`,"aria-label":E.slideLabel(t%O+1),children:e},t))})}),m&&O>L&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`button`,{className:(0,s.default)(a.default.control,a.default.prev),onClick:W,"aria-label":E.prevSlide,disabled:!g&&j===0,tabIndex:-1,children:(0,c.jsx)(i.Icon,{component:n.default,size:`md`})}),(0,c.jsx)(`button`,{className:(0,s.default)(a.default.control,a.default.next),onClick:U,"aria-label":E.nextSlide,disabled:!g&&j>=O-L,tabIndex:-1,children:(0,c.jsx)(i.Icon,{component:r.default,size:`md`})})]}),p&&O>1&&(0,c.jsx)(`div`,{className:a.default.indicators,children:D.map((e,t)=>{let n=g?j%O===t:j===t;return(0,c.jsx)(`button`,{className:(0,s.default)(a.default.indicator,n&&a.default.active),onClick:()=>G(t),"aria-label":E.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]})});d.displayName=`Carousel`,exports.Carousel=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/chevron-left.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./carousel.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");var u=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,d=(0,s.forwardRef)(({children:e,autoPlay:d=!1,interval:f=5e3,showIndicators:p=!0,showControls:m=!0,controlsPlacement:h=`overlay`,loop:g=!0,slidesToShow:_=1,aspectRatio:v,objectFit:y=`cover`,labels:b,className:x,asChild:S,...C},w)=>{let T=S?t.Root:`div`,{t:E}=n.useWimTranslation(`components`),D={slideLabel:e=>E(`carousel.slide`,{number:e}),prevSlide:E(`carousel.prev_slide`),nextSlide:E(`carousel.next_slide`),goToSlide:e=>E(`carousel.go_to_slide`,{number:e}),...b},O=(0,s.useMemo)(()=>s.default.Children.toArray(e),[e]),k=O.length,[A,j]=(0,s.useState)(typeof window<`u`?window.innerWidth:0),[M,N]=(0,s.useState)(g?k:0),[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(!1),R=u(_,A),z=(0,s.useRef)(null),B=(0,s.useRef)(null),V=(0,s.useRef)(null),H=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=()=>j(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let U=(0,s.useMemo)(()=>!g||k===0?O:[...O,...O,...O],[O,g,k]),W=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.min(e+1,k-R));return}F(!0),N(e=>e+1)}},[P,g,k,R]),G=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.max(e-1,0));return}F(!0),N(e=>e-1)}},[P,g]),K=e=>{P||(g?(F(!0),N(e+k)):N(e))},q=()=>{g&&(F(!1),M>=k*2?N(M-k):M<k&&N(M+k))};(0,s.useEffect)(()=>(d&&!I&&k>R&&(z.current=window.setInterval(W,f)),()=>{z.current&&window.clearInterval(z.current)}),[d,f,W,k,R,I]);let J=e=>{e.key===`ArrowLeft`?G():e.key===`ArrowRight`&&W()},Y=e=>{V.current=e.targetTouches[0].clientX},X=e=>{H.current=e.targetTouches[0].clientX},Z=()=>{if(!V.current||!H.current)return;let e=V.current-H.current;e>50?W():e<-50&&G(),V.current=null,H.current=null};if(k===0)return null;let Q=100/R,$=-M*Q;return(0,l.jsxs)(T,{ref:w,className:(0,c.default)(`wim-carousel`,o.default.root,h===`outside`&&o.default.controlsOutside,x),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),onFocus:()=>L(!0),onBlur:()=>L(!1),onKeyDown:J,tabIndex:0,role:`region`,"aria-roledescription":`carousel`,...C,children:[(0,l.jsx)(`div`,{className:o.default.viewport,children:(0,l.jsx)(`div`,{ref:B,className:(0,c.default)(o.default.track,P&&o.default.transition),style:{transform:`translateX(${$}%)`},onTransitionEnd:q,onTouchStart:Y,onTouchMove:X,onTouchEnd:Z,children:U.map((e,t)=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.item,v&&o.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,...v?{aspectRatio:v,"--wim-carousel-object-fit":y}:{}},role:`group`,"aria-roledescription":`slide`,"aria-label":D.slideLabel(t%k+1),children:e},t))})}),m&&k>R&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.prev),onClick:G,"aria-label":D.prevSlide,disabled:!g&&M===0,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:r.default,size:`md`})}),(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.next),onClick:W,"aria-label":D.nextSlide,disabled:!g&&M>=k-R,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:i.default,size:`md`})})]}),p&&k>1&&(0,l.jsx)(`div`,{className:o.default.indicators,children:O.map((e,t)=>{let n=g?M%k===t:M===t;return(0,l.jsx)(`button`,{className:(0,c.default)(o.default.indicator,n&&o.default.active),onClick:()=>K(t),"aria-label":D.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]})});d.displayName=`Carousel`,exports.Carousel=d;

package/dist/components/data-display/Carousel/Carousel.js

@@ -1,109 +1,108 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import t from "../../../icon/chevron-left.js";
-import n from "../../../icon/chevron-right.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import i from "./carousel.module.js";
-import a, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
+import n from "../../../icon/chevron-left.js";
+import r from "../../../icon/chevron-right.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./carousel.module.js";
+import ee, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import f from "classnames";
-import { Fragment as ee, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/data-display/Carousel/Carousel.tsx
-var h = {
-	slideLabel: (e) => `Slide ${e}`,
-	prevSlide: "Previous slide",
-	nextSlide: "Next slide",
-	goToSlide: (e) => `Go to slide ${e}`
-}, g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, _ = o(({ children: o, autoPlay: _ = !1, interval: v = 5e3, showIndicators: y = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
-	let j = O ? e : "div", M = {
-		...h,
+var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, _ = o(({ children: o, autoPlay: _ = !1, interval: v = 5e3, showIndicators: y = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
+	let j = O ? e : "div", { t: M } = t("components"), N = {
+		slideLabel: (e) => M("carousel.slide", { number: e }),
+		prevSlide: M("carousel.prev_slide"),
+		nextSlide: M("carousel.next_slide"),
+		goToSlide: (e) => M("carousel.go_to_slide", { number: e }),
 		...E
-	}, N = l(() => a.Children.toArray(o), [o]), P = N.length, [F, I] = d(typeof window < "u" ? window.innerWidth : 0), [L, R] = d(S ? P : 0), [z, B] = d(!1), [V, H] = d(!1), U = g(C, F), W = u(null), G = u(null), K = u(null), q = u(null);
+	}, P = l(() => ee.Children.toArray(o), [o]), F = P.length, [I, L] = d(typeof window < "u" ? window.innerWidth : 0), [R, z] = d(S ? F : 0), [B, V] = d(!1), [H, U] = d(!1), W = g(C, I), G = u(null), K = u(null), q = u(null), J = u(null);
 	c(() => {
-		let e = () => I(window.innerWidth);
+		let e = () => L(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let J = l(() => !S || P === 0 ? N : [
-		...N,
-		...N,
-		...N
+	let Y = l(() => !S || F === 0 ? P : [
+		...P,
+		...P,
+		...P
 	], [
-		N,
+		P,
 		S,
-		P
-	]), Y = s(() => {
-		if (!z) {
+		F
+	]), X = s(() => {
+		if (!B) {
 			if (!S) {
-				R((e) => Math.min(e + 1, P - U));
+				z((e) => Math.min(e + 1, F - W));
 				return;
 			}
-			B(!0), R((e) => e + 1);
+			V(!0), z((e) => e + 1);
 		}
 	}, [
-		z,
+		B,
 		S,
-		P,
-		U
-	]), X = s(() => {
-		if (!z) {
+		F,
+		W
+	]), Z = s(() => {
+		if (!B) {
 			if (!S) {
-				R((e) => Math.max(e - 1, 0));
+				z((e) => Math.max(e - 1, 0));
 				return;
 			}
-			B(!0), R((e) => e - 1);
+			V(!0), z((e) => e - 1);
 		}
-	}, [z, S]), Z = (e) => {
-		z || (S ? (B(!0), R(e + P)) : R(e));
-	}, Q = () => {
-		S && (B(!1), L >= P * 2 ? R(L - P) : L < P && R(L + P));
+	}, [B, S]), Q = (e) => {
+		B || (S ? (V(!0), z(e + F)) : z(e));
+	}, te = () => {
+		S && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
 	};
-	c(() => (_ && !V && P > U && (W.current = window.setInterval(Y, v)), () => {
-		W.current && window.clearInterval(W.current);
+	c(() => (_ && !H && F > W && (G.current = window.setInterval(X, v)), () => {
+		G.current && window.clearInterval(G.current);
 	}), [
 		_,
 		v,
-		Y,
-		P,
-		U,
-		V
+		X,
+		F,
+		W,
+		H
 	]);
-	let te = (e) => {
-		e.key === "ArrowLeft" ? X() : e.key === "ArrowRight" && Y();
-	}, ne = (e) => {
-		K.current = e.targetTouches[0].clientX;
+	let ne = (e) => {
+		e.key === "ArrowLeft" ? Z() : e.key === "ArrowRight" && X();
 	}, re = (e) => {
 		q.current = e.targetTouches[0].clientX;
-	}, ie = () => {
-		if (!K.current || !q.current) return;
-		let e = K.current - q.current;
-		e > 50 ? Y() : e < -50 && X(), K.current = null, q.current = null;
+	}, ie = (e) => {
+		J.current = e.targetTouches[0].clientX;
+	}, ae = () => {
+		if (!q.current || !J.current) return;
+		let e = q.current - J.current;
+		e > 50 ? X() : e < -50 && Z(), q.current = null, J.current = null;
 	};
-	if (P === 0) return null;
-	let $ = 100 / U, ae = -L * $;
-	return /* @__PURE__ */ m(j, {
+	if (F === 0) return null;
+	let $ = 100 / W, oe = -R * $;
+	return /* @__PURE__ */ h(j, {
 		ref: A,
-		className: f("wim-carousel", i.root, x === "outside" && i.controlsOutside, D),
-		onMouseEnter: () => H(!0),
-		onMouseLeave: () => H(!1),
-		onFocus: () => H(!0),
-		onBlur: () => H(!1),
-		onKeyDown: te,
+		className: f("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
+		onMouseEnter: () => U(!0),
+		onMouseLeave: () => U(!1),
+		onFocus: () => U(!0),
+		onBlur: () => U(!1),
+		onKeyDown: ne,
 		tabIndex: 0,
 		role: "region",
 		"aria-roledescription": "carousel",
 		...k,
 		children: [
-			/* @__PURE__ */ p("div", {
-				className: i.viewport,
-				children: /* @__PURE__ */ p("div", {
-					ref: G,
-					className: f(i.track, z && i.transition),
-					style: { transform: `translateX(${ae}%)` },
-					onTransitionEnd: Q,
-					onTouchStart: ne,
-					onTouchMove: re,
-					onTouchEnd: ie,
-					children: J.map((e, t) => /* @__PURE__ */ p("div", {
-						className: f(i.item, w && i.hasAspectRatio),
+			/* @__PURE__ */ m("div", {
+				className: a.viewport,
+				children: /* @__PURE__ */ m("div", {
+					ref: K,
+					className: f(a.track, B && a.transition),
+					style: { transform: `translateX(${oe}%)` },
+					onTransitionEnd: te,
+					onTouchStart: re,
+					onTouchMove: ie,
+					onTouchEnd: ae,
+					children: Y.map((e, t) => /* @__PURE__ */ m("div", {
+						className: f(a.item, w && a.hasAspectRatio),
 						style: {
 							flex: `0 0 ${$}%`,
 							width: `${$}%`,
@@ -114,40 +113,40 @@ var h = {
 						},
 						role: "group",
 						"aria-roledescription": "slide",
-						"aria-label": M.slideLabel(t % P + 1),
+						"aria-label": N.slideLabel(t % F + 1),
 						children: e
 					}, t))
 				})
 			}),
-			b && P > U && /* @__PURE__ */ m(ee, { children: [/* @__PURE__ */ p("button", {
-				className: f(i.control, i.prev),
-				onClick: X,
-				"aria-label": M.prevSlide,
-				disabled: !S && L === 0,
+			b && F > W && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+				className: f(a.control, a.prev),
+				onClick: Z,
+				"aria-label": N.prevSlide,
+				disabled: !S && R === 0,
 				tabIndex: -1,
-				children: /* @__PURE__ */ p(r, {
-					component: t,
+				children: /* @__PURE__ */ m(i, {
+					component: n,
 					size: "md"
 				})
-			}), /* @__PURE__ */ p("button", {
-				className: f(i.control, i.next),
-				onClick: Y,
-				"aria-label": M.nextSlide,
-				disabled: !S && L >= P - U,
+			}), /* @__PURE__ */ m("button", {
+				className: f(a.control, a.next),
+				onClick: X,
+				"aria-label": N.nextSlide,
+				disabled: !S && R >= F - W,
 				tabIndex: -1,
-				children: /* @__PURE__ */ p(r, {
-					component: n,
+				children: /* @__PURE__ */ m(i, {
+					component: r,
 					size: "md"
 				})
 			})] }),
-			y && P > 1 && /* @__PURE__ */ p("div", {
-				className: i.indicators,
-				children: N.map((e, t) => {
-					let n = S ? L % P === t : L === t;
-					return /* @__PURE__ */ p("button", {
-						className: f(i.indicator, n && i.active),
-						onClick: () => Z(t),
-						"aria-label": M.goToSlide(t + 1),
+			y && F > 1 && /* @__PURE__ */ m("div", {
+				className: a.indicators,
+				children: P.map((e, t) => {
+					let n = S ? R % F === t : R === t;
+					return /* @__PURE__ */ m("button", {
+						className: f(a.indicator, n && a.active),
+						onClick: () => Q(t),
+						"aria-label": N.goToSlide(t + 1),
 						"aria-current": n ? "true" : "false"
 					}, t);
 				})

package/dist/components/data-display/TreeView/TreeView.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../VirtualList/VirtualList.cjs"),o=require("./tree-view.module.cjs"),s=require("./useTreeViewItemExpansion.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`TreeView components must be used within a TreeView`);return e},p=40,m=100;function h(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function g(e,t,n,r=0){let i=[];for(let a of e){let e=h(a.label),o=!n||e.toLowerCase().includes(n.toLowerCase()),s=n&&a.children?_(a.children,n):!1;if(n&&!o&&!s)continue;i.push({...a,depth:r,hasChildren:!!(a.children&&a.children.length>0)});let c=t.includes(a.value)||!!n&&s;a.children&&a.children.length>0&&c&&i.push(...g(a.children,t,n,r+1))}return i}function _(e,t){return e.some(e=>h(e.label).toLowerCase().includes(t.toLowerCase())||(e.children?_(e.children,t):!1))}function v(e,t){for(let n of e){if(n.value===t){let e=[],t=n=>{for(let r of n)e.push(r.value),r.children&&t(r.children)};return n.children&&t(n.children),e}if(n.children){let e=v(n.children,t);if(e!==null)return e}}return null}function y(e,t,n=[]){for(let r of e){if(r.value===t)return n;if(r.children){let e=y(r.children,t,[...n,r.value]);if(e!==null)return e}}return null}function b(e,t){let n=[],r=new Set(t);function i(e){if(!e.children?.length)return r.has(e.value)?`checked`:`unchecked`;let t=e.children.map(i),a=t.every(e=>e===`checked`),o=t.some(e=>e!==`unchecked`);return a?(r.add(e.value),`checked`):o?(n.push(e.value),`indeterminate`):`unchecked`}for(let t of e)i(t);return{indeterminateValues:n,effectiveCheckedSet:r}}var x=({children:e,nodes:s,className:f,multiSelect:_=!1,checkable:x=!1,checkStrategy:S=`cascade`,searchable:C=!1,defaultExpandedValues:w=[],defaultSelectedValues:T=[],defaultCheckedValues:ee=[],onCheckedChange:E,onSelectedChange:D,width:O,virtualThreshold:k=m,labels:A={},labelId:j,styles:M})=>{let{t:N}=t.useWimTranslation(`components`),{searchPlaceholder:P,searchAriaLabel:F=N(`treeview.search_aria`),expandLabel:I=e=>N(`treeview.expand`,{label:e}),collapseLabel:L=e=>N(`treeview.collapse`,{label:e})}=A,[R,z]=(0,c.useState)(w),[B,V]=(0,c.useState)(T),[H,U]=(0,c.useState)(ee),[W,te]=(0,c.useState)(``),[G,K]=(0,c.useState)(T[0]||null),q=c.default.useRef(null),{indeterminateValues:J,effectiveCheckedSet:Y}=(0,c.useMemo)(()=>!s||S!==`cascade`?{indeterminateValues:[],effectiveCheckedSet:new Set(H)}:b(s,new Set(H)),[s,S,H]),X=(0,c.useCallback)(e=>{z(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),Z=(0,c.useCallback)(e=>{if(_)V(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return D?.(n),n});else{let t=[e];V(t),D?.(t)}},[_,D]),Q=(0,c.useCallback)(e=>{U(t=>{let n;if(!s)return n=t.includes(e)?t.filter(t=>t!==e):[...t,e],E?.(n),n;if(S===`cascade`){let{indeterminateValues:r}=b(s,new Set(t)),i=t.includes(e)&&!r.includes(e),a=[e,...v(s,e)??[]];n=i?t.filter(e=>!a.includes(e)):[...t,...a.filter(e=>!t.includes(e))];let{indeterminateValues:o,effectiveCheckedSet:c}=b(s,new Set(n));E?.([...c].filter(e=>!o.includes(e)))}else{if(t.includes(e))n=t.filter(t=>t!==e);else{let r=y(s,e)??[],i=v(s,e)??[],a=new Set([...r,...i]);n=[...t.filter(e=>!a.has(e)),e]}E?.(n)}return n})},[S,s,E]),ne=(0,c.useMemo)(()=>({expandedValues:R,selectedValues:B,checkedValues:H,indeterminateValues:J,focusedValue:G,toggleExpand:X,select:Z,toggleCheck:Q,setFocusedValue:K,containerRef:q,multiSelect:_,checkable:x,checkStrategy:S,searchQuery:W,labels:{expandLabel:I,collapseLabel:L}}),[R,B,H,J,G,X,Z,Q,_,x,S,W,I,L]),$=(0,c.useMemo)(()=>s?g(s,R,W):[],[s,R,W]),re=!!s&&$.length>=k,ie=(0,c.useCallback)((e,t,n)=>{switch(e.key){case`Enter`:case` `:e.preventDefault(),Z(t.value),x&&Q(t.value);break;case`ArrowDown`:e.preventDefault(),n<$.length-1&&K($[n+1].value);break;case`ArrowUp`:e.preventDefault(),n>0&&K($[n-1].value);break;case`Home`:e.preventDefault(),$.length>0&&K($[0].value);break;case`End`:e.preventDefault(),$.length>0&&K($[$.length-1].value);break;case`ArrowRight`:e.preventDefault(),t.hasChildren&&!R.includes(t.value)?X(t.value):t.hasChildren&&n<$.length-1&&K($[n+1].value);break;case`ArrowLeft`:if(e.preventDefault(),t.hasChildren&&R.includes(t.value))X(t.value);else for(let e=n-1;e>=0;e--)if($[e].depth<t.depth){K($[e].value);break}}},[$,R,Z,x,Q,X]),ae=(0,c.useCallback)((e,t)=>{let a=B.includes(e.value),s=Y.has(e.value),c=J.includes(e.value),d=R.includes(e.value),f=G===e.value,p=h(e.label);return(0,u.jsx)(`div`,{className:(0,l.default)(o.default.item,a&&o.default.selected,e.disabled&&o.default.disabled,M?.item),role:`treeitem`,"aria-expanded":e.hasChildren?d:void 0,"aria-selected":a,"aria-disabled":e.disabled,"aria-setsize":$.length,"aria-posinset":t+1,"aria-level":e.depth+1,"data-value":e.value,tabIndex:f?0:-1,onClick:t=>{t.stopPropagation(),K(e.value),e.disabled||(_&&x?Q(e.value):Z(e.value))},onKeyDown:n=>{n.stopPropagation(),ie(n,e,t)},onFocus:t=>{t.stopPropagation(),K(e.value)},style:{paddingLeft:e.depth*20},children:(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.labelContainer,M?.labelContainer),active:a,disabled:e.disabled,icon:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.iconWrapper,M?.iconWrapper),children:[e.hasChildren?(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,d&&o.default.expanded,M?.expandBtn),onClick:t=>{t.stopPropagation(),e.disabled||X(e.value)},disabled:e.disabled,"aria-label":d?L(p):I(p),tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}):(0,u.jsx)(`span`,{className:o.default.spacer}),x&&(0,u.jsx)(`input`,{type:`checkbox`,className:(0,l.default)(o.default.checkbox,M?.checkbox),checked:s&&!c,ref:e=>{e&&(e.indeterminate=c)},onChange:t=>{t.stopPropagation(),e.disabled||Q(e.value)},disabled:e.disabled,onClick:e=>e.stopPropagation(),"aria-label":p,tabIndex:-1}),e.icon&&(0,u.jsx)(`span`,{className:(0,l.default)(o.default.icon,M?.icon),children:e.icon})]}),children:e.label})},e.value)},[B,Y,J,R,G,$.length,_,x,Z,Q,X,ie,I,L,M]);return(0,u.jsx)(d.Provider,{value:ne,children:(0,u.jsxs)(`div`,{ref:q,"data-testid":`tree-view-root`,className:(0,l.default)(`wim-tree-view`,o.default.root,!!s&&o.default.dataDriven,f,M?.root),role:`tree`,"aria-label":A.treeAriaLabel,"aria-labelledby":A.treeAriaLabel?void 0:j,style:{width:O,maxWidth:`100%`},tabIndex:G?-1:0,onFocus:e=>{e.target===q.current&&(s?G?K(G):$.length>0&&K($[0].value):G?(q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus():(q.current?.querySelector(`[role="treeitem"]`))?.focus())},children:[C&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.search,M?.search),children:(0,u.jsx)(`input`,{type:`text`,"data-testid":`tree-view-search-input`,className:(0,l.default)(o.default.searchInput,M?.searchInput),placeholder:P,value:W,onChange:e=>te(e.target.value),"aria-label":F})}),s?re?(0,u.jsx)(a.VirtualList,{items:$,itemHeight:p,height:400,renderItem:ae,itemRole:`none`,role:`presentation`}):$.map((e,t)=>ae(e,t)):e]})})},S=({value:e,label:t,icon:a,children:d,className:p,disabled:m=!1})=>{let{expandedValues:g,selectedValues:_,checkedValues:v,indeterminateValues:y,focusedValue:b,toggleExpand:x,select:C,toggleCheck:w,setFocusedValue:T,containerRef:ee,multiSelect:E,checkable:D,searchQuery:O}=f(),k=c.default.useId(),A=`wim-tree-view-item-checkbox-${k}`,j=`wim-tree-view-item-label-${k}`,M=h(t),N=!O||M.toLowerCase().includes(O.toLowerCase()),P=c.default.useMemo(()=>{if(!O||!d)return!1;let e=t=>c.default.Children.toArray(t).some(t=>{if(!c.default.isValidElement(t)||t.type!==S)return!1;let n=t.props,r=n.label;return h(r).toLowerCase().includes(O.toLowerCase())?!0:n.children?e(n.children):!1});return e(d)},[d,O]),F=!!O&&P,I=g.includes(e)||F,L=_.includes(e),R=v.includes(e),z=y.includes(e),B=!!c.default.Children.count(d),{shouldRender:V,isVisualExpanded:H,handleTransitionEnd:U}=s.useTreeViewItemExpansion(I);return O&&!N&&!P?null:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.item,L&&o.default.selected,m&&o.default.disabled,p),role:`treeitem`,"aria-expanded":B?I:void 0,"aria-selected":L,"aria-disabled":m,"data-value":e,onClick:t=>{t.stopPropagation(),T(e),m||(E&&D?w(e):C(e))},onKeyDown:t=>{if(m)return;t.stopPropagation();let n=Array.from(ee.current?.querySelectorAll(`[role="treeitem"]:not([aria-disabled="true"])`)||[]),r=n.indexOf(t.currentTarget);switch(t.key){case`Enter`:case` `:t.preventDefault(),C(e),D&&w(e);break;case`ArrowDown`:t.preventDefault(),r<n.length-1&&n[r+1].focus();break;case`ArrowUp`:t.preventDefault(),r>0&&n[r-1].focus();break;case`Home`:t.preventDefault(),n.length>0&&n[0].focus();break;case`End`:t.preventDefault(),n.length>0&&n[n.length-1].focus();break;case`ArrowRight`:B&&(I?(t.preventDefault(),r<n.length-1&&n[r+1].focus()):(t.preventDefault(),x(e)));break;case`ArrowLeft`:if(B&&I)t.preventDefault(),x(e);else{t.preventDefault();let e=t.currentTarget.parentElement?.closest(`[role="treeitem"]`);e&&e.focus()}}},onFocus:t=>{t.stopPropagation(),T(e)},tabIndex:b===e?0:-1,children:[(0,u.jsx)(i.BaseListItem,{id:j,className:o.default.labelContainer,active:L,disabled:m,icon:(0,u.jsxs)(`div`,{className:o.default.iconWrapper,children:[B&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,I&&o.default.expanded),onClick:t=>{t.stopPropagation(),!m&&B&&x(e)},disabled:m,"aria-label":I?`Collapse ${typeof t==`string`?t:``}`:`Expand ${typeof t==`string`?t:``}`,tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}),!B&&(0,u.jsx)(`span`,{className:o.default.spacer}),D&&(0,u.jsx)(`input`,{id:A,type:`checkbox`,className:o.default.checkbox,checked:R&&!z,ref:e=>{e&&(e.indeterminate=z)},onChange:t=>{t.stopPropagation(),m||w(e)},disabled:m,onClick:e=>e.stopPropagation(),"aria-labelledby":j,tabIndex:-1}),a&&(0,u.jsx)(`span`,{className:o.default.icon,children:a})]}),children:t}),B&&V&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.children,H&&o.default.expanded),onTransitionEnd:U,style:{gridTemplateRows:H?`1fr`:`0fr`},children:(0,u.jsx)(`div`,{className:o.default.childrenInner,role:`group`,children:d})})]})};x.displayName=`TreeView`,S.displayName=`TreeView.Item`;var C=x;C.Item=S,exports.TreeView=C,exports.default=C,exports.TreeViewItem=S;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../VirtualList/VirtualList.cjs"),o=require("./tree-view.module.cjs"),s=require("./useTreeViewItemExpansion.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`TreeView components must be used within a TreeView`);return e},p=40,m=100;function h(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function g(e,t,n,r=0){let i=[];for(let a of e){let e=h(a.label),o=!n||e.toLowerCase().includes(n.toLowerCase()),s=n&&a.children?_(a.children,n):!1;if(n&&!o&&!s)continue;i.push({...a,depth:r,hasChildren:!!(a.children&&a.children.length>0)});let c=t.includes(a.value)||!!n&&s;a.children&&a.children.length>0&&c&&i.push(...g(a.children,t,n,r+1))}return i}function _(e,t){return e.some(e=>h(e.label).toLowerCase().includes(t.toLowerCase())||(e.children?_(e.children,t):!1))}function v(e,t){for(let n of e){if(n.value===t){let e=[],t=n=>{for(let r of n)e.push(r.value),r.children&&t(r.children)};return n.children&&t(n.children),e}if(n.children){let e=v(n.children,t);if(e!==null)return e}}return null}function y(e,t,n=[]){for(let r of e){if(r.value===t)return n;if(r.children){let e=y(r.children,t,[...n,r.value]);if(e!==null)return e}}return null}function b(e,t){let n=[],r=new Set(t);function i(e){if(!e.children?.length)return r.has(e.value)?`checked`:`unchecked`;let t=e.children.map(i),a=t.every(e=>e===`checked`),o=t.some(e=>e!==`unchecked`);return a?(r.add(e.value),`checked`):o?(n.push(e.value),`indeterminate`):`unchecked`}for(let t of e)i(t);return{indeterminateValues:n,effectiveCheckedSet:r}}var x=({children:e,nodes:s,className:f,multiSelect:_=!1,checkable:x=!1,checkStrategy:S=`cascade`,searchable:C=!1,defaultExpandedValues:w=[],defaultSelectedValues:T=[],defaultCheckedValues:ee=[],onCheckedChange:E,onSelectedChange:D,width:O,virtualThreshold:k=m,labels:A={},labelId:j,styles:M})=>{let{t:N}=t.useWimTranslation(`components`),{searchPlaceholder:P,searchAriaLabel:F=N(`treeview.search_aria`),expandLabel:I=e=>N(`treeview.expand`,{label:e}),collapseLabel:L=e=>N(`treeview.collapse`,{label:e})}=A,[R,z]=(0,c.useState)(w),[B,V]=(0,c.useState)(T),[H,U]=(0,c.useState)(ee),[W,te]=(0,c.useState)(``),[G,K]=(0,c.useState)(T[0]||null),q=c.default.useRef(null),{indeterminateValues:J,effectiveCheckedSet:Y}=(0,c.useMemo)(()=>!s||S!==`cascade`?{indeterminateValues:[],effectiveCheckedSet:new Set(H)}:b(s,new Set(H)),[s,S,H]),X=(0,c.useCallback)(e=>{z(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),Z=(0,c.useCallback)(e=>{if(_)V(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return D?.(n),n});else{let t=[e];V(t),D?.(t)}},[_,D]),Q=(0,c.useCallback)(e=>{U(t=>{let n;if(!s)return n=t.includes(e)?t.filter(t=>t!==e):[...t,e],E?.(n),n;if(S===`cascade`){let{indeterminateValues:r}=b(s,new Set(t)),i=t.includes(e)&&!r.includes(e),a=[e,...v(s,e)??[]];n=i?t.filter(e=>!a.includes(e)):[...t,...a.filter(e=>!t.includes(e))];let{indeterminateValues:o,effectiveCheckedSet:c}=b(s,new Set(n));E?.([...c].filter(e=>!o.includes(e)))}else{if(t.includes(e))n=t.filter(t=>t!==e);else{let r=y(s,e)??[],i=v(s,e)??[],a=new Set([...r,...i]);n=[...t.filter(e=>!a.has(e)),e]}E?.(n)}return n})},[S,s,E]),ne=(0,c.useMemo)(()=>({expandedValues:R,selectedValues:B,checkedValues:H,indeterminateValues:J,focusedValue:G,toggleExpand:X,select:Z,toggleCheck:Q,setFocusedValue:K,containerRef:q,multiSelect:_,checkable:x,checkStrategy:S,searchQuery:W,labels:{expandLabel:I,collapseLabel:L}}),[R,B,H,J,G,X,Z,Q,_,x,S,W,I,L]),$=(0,c.useMemo)(()=>s?g(s,R,W):[],[s,R,W]),re=!!s&&$.length>=k,ie=(0,c.useCallback)((e,t,n)=>{switch(e.key){case`Enter`:case` `:e.preventDefault(),Z(t.value),x&&Q(t.value);break;case`ArrowDown`:e.preventDefault(),n<$.length-1&&K($[n+1].value);break;case`ArrowUp`:e.preventDefault(),n>0&&K($[n-1].value);break;case`Home`:e.preventDefault(),$.length>0&&K($[0].value);break;case`End`:e.preventDefault(),$.length>0&&K($[$.length-1].value);break;case`ArrowRight`:e.preventDefault(),t.hasChildren&&!R.includes(t.value)?X(t.value):t.hasChildren&&n<$.length-1&&K($[n+1].value);break;case`ArrowLeft`:if(e.preventDefault(),t.hasChildren&&R.includes(t.value))X(t.value);else for(let e=n-1;e>=0;e--)if($[e].depth<t.depth){K($[e].value);break}}},[$,R,Z,x,Q,X]),ae=(0,c.useCallback)((e,t)=>{let a=B.includes(e.value),s=Y.has(e.value),c=J.includes(e.value),d=R.includes(e.value),f=G===e.value,p=h(e.label);return(0,u.jsx)(`div`,{className:(0,l.default)(o.default.item,a&&o.default.selected,e.disabled&&o.default.disabled,M?.item),role:`treeitem`,"aria-expanded":e.hasChildren?d:void 0,"aria-selected":a,"aria-disabled":e.disabled,"aria-setsize":$.length,"aria-posinset":t+1,"aria-level":e.depth+1,"data-value":e.value,tabIndex:f?0:-1,onClick:t=>{t.stopPropagation(),K(e.value),e.disabled||(_&&x?Q(e.value):Z(e.value))},onKeyDown:n=>{n.key!==`Tab`&&n.stopPropagation(),ie(n,e,t)},onFocus:t=>{t.stopPropagation(),K(e.value)},style:{paddingLeft:e.depth*20},children:(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.labelContainer,M?.labelContainer),active:a,disabled:e.disabled,icon:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.iconWrapper,M?.iconWrapper),children:[e.hasChildren?(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,d&&o.default.expanded,M?.expandBtn),onClick:t=>{t.stopPropagation(),e.disabled||X(e.value)},disabled:e.disabled,"aria-label":d?L(p):I(p),tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}):(0,u.jsx)(`span`,{className:o.default.spacer}),x&&(0,u.jsx)(`input`,{type:`checkbox`,className:(0,l.default)(o.default.checkbox,M?.checkbox),checked:s&&!c,ref:e=>{e&&(e.indeterminate=c)},onChange:t=>{t.stopPropagation(),e.disabled||Q(e.value)},disabled:e.disabled,onClick:e=>e.stopPropagation(),"aria-label":p,tabIndex:-1}),e.icon&&(0,u.jsx)(`span`,{className:(0,l.default)(o.default.icon,M?.icon),children:e.icon})]}),children:e.label})},e.value)},[B,Y,J,R,G,$.length,_,x,Z,Q,X,ie,I,L,M]);return(0,u.jsx)(d.Provider,{value:ne,children:(0,u.jsxs)(`div`,{ref:q,"data-testid":`tree-view-root`,className:(0,l.default)(`wim-tree-view`,o.default.root,!!s&&o.default.dataDriven,f,M?.root),role:`tree`,"aria-label":A.treeAriaLabel,"aria-labelledby":A.treeAriaLabel?void 0:j,style:{width:O,maxWidth:`100%`},tabIndex:G?-1:0,onFocus:e=>{e.target===q.current&&(s?G?K(G):$.length>0&&K($[0].value):G?(q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus():(q.current?.querySelector(`[role="treeitem"]`))?.focus())},children:[C&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.search,M?.search),children:(0,u.jsx)(`input`,{type:`text`,"data-testid":`tree-view-search-input`,className:(0,l.default)(o.default.searchInput,M?.searchInput),placeholder:P,value:W,onChange:e=>te(e.target.value),"aria-label":F})}),s?re?(0,u.jsx)(a.VirtualList,{items:$,itemHeight:p,height:400,renderItem:ae,itemRole:`none`,role:`presentation`}):$.map((e,t)=>ae(e,t)):e]})})},S=({value:e,label:t,icon:a,children:d,className:p,disabled:m=!1})=>{let{expandedValues:g,selectedValues:_,checkedValues:v,indeterminateValues:y,focusedValue:b,toggleExpand:x,select:C,toggleCheck:w,setFocusedValue:T,containerRef:ee,multiSelect:E,checkable:D,searchQuery:O}=f(),k=c.default.useId(),A=`wim-tree-view-item-checkbox-${k}`,j=`wim-tree-view-item-label-${k}`,M=h(t),N=!O||M.toLowerCase().includes(O.toLowerCase()),P=c.default.useMemo(()=>{if(!O||!d)return!1;let e=t=>c.default.Children.toArray(t).some(t=>{if(!c.default.isValidElement(t)||t.type!==S)return!1;let n=t.props,r=n.label;return h(r).toLowerCase().includes(O.toLowerCase())?!0:n.children?e(n.children):!1});return e(d)},[d,O]),F=!!O&&P,I=g.includes(e)||F,L=_.includes(e),R=v.includes(e),z=y.includes(e),B=!!c.default.Children.count(d),{shouldRender:V,isVisualExpanded:H,handleTransitionEnd:U}=s.useTreeViewItemExpansion(I);return O&&!N&&!P?null:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.item,L&&o.default.selected,m&&o.default.disabled,p),role:`treeitem`,"aria-expanded":B?I:void 0,"aria-selected":L,"aria-disabled":m,"data-value":e,onClick:t=>{t.stopPropagation(),T(e),m||(E&&D?w(e):C(e))},onKeyDown:t=>{if(m)return;t.key!==`Tab`&&t.stopPropagation();let n=Array.from(ee.current?.querySelectorAll(`[role="treeitem"]:not([aria-disabled="true"])`)||[]),r=n.indexOf(t.currentTarget);switch(t.key){case`Enter`:case` `:t.preventDefault(),C(e),D&&w(e);break;case`ArrowDown`:t.preventDefault(),r<n.length-1&&n[r+1].focus();break;case`ArrowUp`:t.preventDefault(),r>0&&n[r-1].focus();break;case`Home`:t.preventDefault(),n.length>0&&n[0].focus();break;case`End`:t.preventDefault(),n.length>0&&n[n.length-1].focus();break;case`ArrowRight`:B&&(I?(t.preventDefault(),r<n.length-1&&n[r+1].focus()):(t.preventDefault(),x(e)));break;case`ArrowLeft`:if(B&&I)t.preventDefault(),x(e);else{t.preventDefault();let e=t.currentTarget.parentElement?.closest(`[role="treeitem"]`);e&&e.focus()}}},onFocus:t=>{t.stopPropagation(),T(e)},tabIndex:b===e?0:-1,children:[(0,u.jsx)(i.BaseListItem,{id:j,className:o.default.labelContainer,active:L,disabled:m,icon:(0,u.jsxs)(`div`,{className:o.default.iconWrapper,children:[B&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,I&&o.default.expanded),onClick:t=>{t.stopPropagation(),!m&&B&&x(e)},disabled:m,"aria-label":I?`Collapse ${typeof t==`string`?t:``}`:`Expand ${typeof t==`string`?t:``}`,tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}),!B&&(0,u.jsx)(`span`,{className:o.default.spacer}),D&&(0,u.jsx)(`input`,{id:A,type:`checkbox`,className:o.default.checkbox,checked:R&&!z,ref:e=>{e&&(e.indeterminate=z)},onChange:t=>{t.stopPropagation(),m||w(e)},disabled:m,onClick:e=>e.stopPropagation(),"aria-labelledby":j,tabIndex:-1}),a&&(0,u.jsx)(`span`,{className:o.default.icon,children:a})]}),children:t}),B&&V&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.children,H&&o.default.expanded),onTransitionEnd:U,style:{gridTemplateRows:H?`1fr`:`0fr`},children:(0,u.jsx)(`div`,{className:o.default.childrenInner,role:`group`,children:d})})]})};x.displayName=`TreeView`,S.displayName=`TreeView.Item`;var C=x;C.Item=S,exports.TreeView=C,exports.default=C,exports.TreeViewItem=S;

package/dist/components/data-display/TreeView/TreeView.js

@@ -205,7 +205,7 @@ var T = ({ children: o, nodes: c, className: u, multiSelect: _ = !1, checkable:
 				t.stopPropagation(), q(e.value), e.disabled || (_ && x ? Q(e.value) : Z(e.value));
 			},
 			onKeyDown: (t) => {
-				t.stopPropagation(), ce(t, e, i);
+				t.key !== "Tab" && t.stopPropagation(), ce(t, e, i);
 			},
 			onFocus: (t) => {
 				t.stopPropagation(), q(e.value);
@@ -333,7 +333,7 @@ var T = ({ children: o, nodes: c, className: u, multiSelect: _ = !1, checkable:
 		},
 		onKeyDown: (t) => {
 			if (d) return;
-			t.stopPropagation();
+			t.key !== "Tab" && t.stopPropagation();
 			let n = Array.from(T.current?.querySelectorAll("[role=\"treeitem\"]:not([aria-disabled=\"true\"])") || []), r = n.indexOf(t.currentTarget);
 			switch (t.key) {
 				case "Enter":

package/dist/components/form/PhoneInput/PhoneInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./phone-input.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");var u=[{code:`US`,name:`United States`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,name:`Japan`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,name:`United Kingdom`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,name:`Australia`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,name:`Germany`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,name:`France`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,name:`China`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,name:`South Korea`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,name:`India`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,name:`Brazil`,dialCode:`55`,flag:`🇧🇷`}],d=(0,s.forwardRef)(({value:e=``,onChange:d,countryCode:f=`US`,onCountryChange:p,placeholder:m=`000-0000-0000`,disabled:h=!1,error:g,required:_=!1,label:v,layout:y=`vertical`,className:b,fullWidth:x=!1,...S},C)=>{let w=`wim-phone-input-${(0,s.useId)()}`,T=v?`${w}-label`:void 0,{t:E}=t.useWimTranslation(`form`),D=E(`phone.select_country`),O=`${w}-countries`,k=e=>`${w}-country-${e}`,A=g?`${w}-error`:void 0,[j,M]=(0,s.useState)(!1),[N,P]=(0,s.useState)(-1),F=(0,s.useRef)(null),I=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=e=>{F.current&&!F.current.contains(e.target)&&M(!1)};return j&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[j]);let L=u.find(e=>e.code===f)??u[0],R=e=>{d?.(e.target.value)},z=u.length-1,B=e=>{let t=u.findIndex(e=>e.code===L.code);P(e??Math.max(t,0)),M(!0)},V=e=>{let t=u[e];t&&(p?.(t.code),M(!1))},H=e=>{if(!h)switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!j)B();else{let t=e.key===`ArrowDown`?1:-1;P(e=>(e+t+u.length)%u.length)}break;case`Home`:case`End`:e.preventDefault(),j?P(e.key===`Home`?0:z):B(e.key===`Home`?0:z);break;case`Enter`:case` `:e.preventDefault(),j?V(N):B();break;case`Escape`:j&&(e.preventDefault(),M(!1));break;case`Tab`:M(!1)}};return(0,s.useEffect)(()=>{j&&N>=0&&(I.current?.querySelectorAll(`[role="option"]`)?.[N])?.scrollIntoView?.({block:`nearest`})},[N,j]),(0,l.jsx)(a.FieldTemplate,{label:v,labelId:T,htmlFor:w,required:_,error:g,errorId:A,layout:y,className:b,children:(0,l.jsxs)(`div`,{ref:F,className:(0,c.default)(`wim-phone-input`,o.default.root,x&&o.default.fullWidth,h&&o.default.disabled,g&&o.default.danger),"data-testid":`phone-input-root`,...S,children:[(0,l.jsxs)(`div`,{className:o.default.countryWrapper,children:[(0,l.jsxs)(`button`,{type:`button`,role:`combobox`,className:o.default.countryTrigger,onClick:()=>{h||(j?M(!1):B())},onKeyDown:H,onKeyUp:e=>{e.key===` `&&e.preventDefault()},disabled:h,"aria-haspopup":`listbox`,"aria-expanded":j,"aria-controls":j?O:void 0,"aria-activedescendant":j&&N>=0?k(N):void 0,"aria-label":D,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:L.flag}),(0,l.jsxs)(`span`,{children:[`+`,L.dialCode]}),(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,j&&o.default.chevronOpen)})]}),(0,l.jsx)(n.Transition,{show:j,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`ul`,{ref:I,id:O,className:o.default.countryList,role:`listbox`,"aria-label":D,tabIndex:-1,onMouseDown:e=>e.preventDefault(),children:u.map((e,t)=>(0,l.jsxs)(`li`,{id:k(t),className:(0,c.default)(o.default.countryOption,t===N&&o.default.active,L.code===e.code&&o.default.selected),onMouseEnter:()=>P(t),onClick:()=>V(t),role:`option`,"aria-selected":L.code===e.code,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,l.jsx)(`span`,{className:o.default.countryName,children:e.name}),(0,l.jsxs)(`span`,{className:o.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,l.jsx)(`div`,{className:o.default.divider,"aria-hidden":`true`}),(0,l.jsx)(`input`,{id:w,ref:C,type:`tel`,value:e,onChange:R,placeholder:m,disabled:h,className:o.default.number,"aria-invalid":!!g,"aria-describedby":A})]})})});d.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=u,exports.PhoneInput=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./phone-input.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");var u=[{code:`US`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,dialCode:`55`,flag:`🇧🇷`}],d=(0,s.forwardRef)(({value:e=``,onChange:d,countryCode:f=`US`,onCountryChange:p,placeholder:m=`000-0000-0000`,disabled:h=!1,error:g,required:_=!1,label:v,layout:y=`vertical`,className:b,fullWidth:x=!1,...S},C)=>{let w=`wim-phone-input-${(0,s.useId)()}`,T=v?`${w}-label`:void 0,{t:E}=t.useWimTranslation(`form`),D=E(`phone.select_country`),O=`${w}-countries`,k=e=>`${w}-country-${e}`,A=g?`${w}-error`:void 0,[j,M]=(0,s.useState)(!1),[N,P]=(0,s.useState)(-1),F=(0,s.useRef)(null),I=(0,s.useRef)(null),L=(0,s.useRef)({text:``,timer:null});(0,s.useEffect)(()=>{let e=e=>{F.current&&!F.current.contains(e.target)&&M(!1)};return j&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[j]);let R=u.find(e=>e.code===f)??u[0],z=e=>{d?.(e.target.value)},B=u.length-1,V=e=>{let t=u.findIndex(e=>e.code===R.code);P(e??Math.max(t,0)),M(!0)},H=e=>{let t=u[e];t&&(p?.(t.code),M(!1))},U=e=>E(`phone.countries.${e.code}`),W=(e,t)=>{let n=e.toLowerCase().replace(/^\+/,``);if(n===``)return-1;let r=/^[0-9]+$/.test(n),i=(e,t)=>r?e.dialCode.startsWith(t):U(e).toLowerCase().startsWith(t),a=!r&&n.length>1&&n.split(``).every(e=>e===n[0]),o=a?n[0]:n,s=a||n.length===1?t+1:t;for(let e=0;e<u.length;e++){let t=(Math.max(s,0)+e)%u.length;if(i(u[t],o))return t}return-1},G=e=>{let t=L.current;t.timer&&clearTimeout(t.timer),t.text+=e,t.timer=setTimeout(()=>{t.text=``,t.timer=null},500);let n=W(t.text,j?N:-1);n<0||(j?P(n):V(n))},K=e=>{if(!h)switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!j)V();else{let t=e.key===`ArrowDown`?1:-1;P(e=>(e+t+u.length)%u.length)}break;case`Home`:case`End`:e.preventDefault(),j?P(e.key===`Home`?0:B):V(e.key===`Home`?0:B);break;case`Enter`:case` `:e.preventDefault(),e.key===` `&&L.current.text!==``?G(` `):j?H(N):V();break;case`Escape`:j&&(e.preventDefault(),M(!1));break;case`Tab`:M(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(e.preventDefault(),G(e.key))}};return(0,s.useEffect)(()=>{let e=L.current;return()=>{e.timer&&clearTimeout(e.timer)}},[]),(0,s.useEffect)(()=>{j&&N>=0&&(I.current?.querySelectorAll(`[role="option"]`)?.[N])?.scrollIntoView?.({block:`nearest`})},[N,j]),(0,l.jsx)(a.FieldTemplate,{label:v,labelId:T,htmlFor:w,required:_,error:g,errorId:A,layout:y,className:b,children:(0,l.jsxs)(`div`,{ref:F,className:(0,c.default)(`wim-phone-input`,o.default.root,x&&o.default.fullWidth,h&&o.default.disabled,g&&o.default.danger),"data-testid":`phone-input-root`,...S,children:[(0,l.jsxs)(`div`,{className:o.default.countryWrapper,children:[(0,l.jsxs)(`button`,{type:`button`,role:`combobox`,className:o.default.countryTrigger,onClick:()=>{h||(j?M(!1):V())},onKeyDown:K,onKeyUp:e=>{e.key===` `&&e.preventDefault()},disabled:h,"aria-haspopup":`listbox`,"aria-expanded":j,"aria-controls":j?O:void 0,"aria-activedescendant":j&&N>=0?k(N):void 0,"aria-label":D,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:R.flag}),(0,l.jsxs)(`span`,{children:[`+`,R.dialCode]}),(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,j&&o.default.chevronOpen)})]}),(0,l.jsx)(n.Transition,{show:j,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`ul`,{ref:I,id:O,className:o.default.countryList,role:`listbox`,"aria-label":D,tabIndex:-1,onMouseDown:e=>e.preventDefault(),children:u.map((e,t)=>(0,l.jsxs)(`li`,{id:k(t),className:(0,c.default)(o.default.countryOption,t===N&&o.default.active,R.code===e.code&&o.default.selected),onMouseEnter:()=>P(t),onClick:()=>H(t),role:`option`,"aria-selected":R.code===e.code,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,l.jsx)(`span`,{className:o.default.countryName,children:U(e)}),(0,l.jsxs)(`span`,{className:o.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,l.jsx)(`div`,{className:o.default.divider,"aria-hidden":`true`}),(0,l.jsx)(`input`,{id:w,ref:C,type:`tel`,value:e,onChange:z,placeholder:m,disabled:h,className:o.default.number,"aria-invalid":!!g,"aria-describedby":A})]})})});d.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=u,exports.PhoneInput=d;

package/dist/components/form/PhoneInput/PhoneInput.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
+type CountryCode = "US" | "JP" | "GB" | "AU" | "DE" | "FR" | "CN" | "KR" | "IN" | "BR";
 interface Country {
-    code: string;
-    name: string;
+    code: CountryCode;
     dialCode: string;
     flag: string;
 }

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

@@ -12,66 +12,59 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = [
 	{
 		code: "US",
-		name: "United States",
 		dialCode: "1",
 		flag: "🇺🇸"
 	},
 	{
 		code: "JP",
-		name: "Japan",
 		dialCode: "81",
 		flag: "🇯🇵"
 	},
 	{
 		code: "GB",
-		name: "United Kingdom",
 		dialCode: "44",
 		flag: "🇬🇧"
 	},
 	{
 		code: "AU",
-		name: "Australia",
 		dialCode: "61",
 		flag: "🇦🇺"
 	},
 	{
 		code: "DE",
-		name: "Germany",
 		dialCode: "49",
 		flag: "🇩🇪"
 	},
 	{
 		code: "FR",
-		name: "France",
 		dialCode: "33",
 		flag: "🇫🇷"
 	},
 	{
 		code: "CN",
-		name: "China",
 		dialCode: "86",
 		flag: "🇨🇳"
 	},
 	{
 		code: "KR",
-		name: "South Korea",
 		dialCode: "82",
 		flag: "🇰🇷"
 	},
 	{
 		code: "IN",
-		name: "India",
 		dialCode: "91",
 		flag: "🇮🇳"
 	},
 	{
 		code: "BR",
-		name: "Brazil",
 		dialCode: "55",
 		flag: "🇧🇷"
 	}
 ], h = o(({ value: o = "", onChange: h, countryCode: g = "US", onCountryChange: _, placeholder: v = "000-0000-0000", disabled: y = !1, error: b, required: x = !1, label: S, layout: C = "vertical", className: w, fullWidth: T = !1, ...E }, D) => {
-	let O = `wim-phone-input-${c()}`, k = S ? `${O}-label` : void 0, { t: A } = e("form"), j = A("phone.select_country"), M = `${O}-countries`, N = (e) => `${O}-country-${e}`, P = b ? `${O}-error` : void 0, [F, I] = u(!1), [L, R] = u(-1), z = l(null), B = l(null);
+	let O = `wim-phone-input-${c()}`, k = S ? `${O}-label` : void 0, { t: A } = e("form"), j = A("phone.select_country"), M = `${O}-countries`, N = (e) => `${O}-country-${e}`, P = b ? `${O}-error` : void 0, [F, I] = u(!1), [L, R] = u(-1), z = l(null), B = l(null), V = l({
+		text: "",
+		timer: null
+	});
 	s(() => {
 		let e = (e) => {
 			z.current && !z.current.contains(e.target) && I(!1);
@@ -80,19 +73,35 @@ var m = [
 			document.removeEventListener("mousedown", e);
 		};
 	}, [F]);
-	let V = m.find((e) => e.code === g) ?? m[0], H = (e) => {
+	let H = m.find((e) => e.code === g) ?? m[0], U = (e) => {
 		h?.(e.target.value);
-	}, U = m.length - 1, W = (e) => {
-		let t = m.findIndex((e) => e.code === V.code);
+	}, W = m.length - 1, G = (e) => {
+		let t = m.findIndex((e) => e.code === H.code);
 		R(e ?? Math.max(t, 0)), I(!0);
-	}, G = (e) => {
+	}, K = (e) => {
 		let t = m[e];
 		t && (_?.(t.code), I(!1));
-	}, K = (e) => {
+	}, q = (e) => A(`phone.countries.${e.code}`), J = (e, t) => {
+		let n = e.toLowerCase().replace(/^\+/, "");
+		if (n === "") return -1;
+		let r = /^[0-9]+$/.test(n), i = (e, t) => r ? e.dialCode.startsWith(t) : q(e).toLowerCase().startsWith(t), a = !r && n.length > 1 && n.split("").every((e) => e === n[0]), o = a ? n[0] : n, s = a || n.length === 1 ? t + 1 : t;
+		for (let e = 0; e < m.length; e++) {
+			let t = (Math.max(s, 0) + e) % m.length;
+			if (i(m[t], o)) return t;
+		}
+		return -1;
+	}, Y = (e) => {
+		let t = V.current;
+		t.timer && clearTimeout(t.timer), t.text += e, t.timer = setTimeout(() => {
+			t.text = "", t.timer = null;
+		}, 500);
+		let n = J(t.text, F ? L : -1);
+		n < 0 || (F ? R(n) : G(n));
+	}, X = (e) => {
 		if (!y) switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp":
-				if (e.preventDefault(), !F) W();
+				if (e.preventDefault(), !F) G();
 				else {
 					let t = e.key === "ArrowDown" ? 1 : -1;
 					R((e) => (e + t + m.length) % m.length);
@@ -100,19 +109,27 @@ var m = [
 				break;
 			case "Home":
 			case "End":
-				e.preventDefault(), F ? R(e.key === "Home" ? 0 : U) : W(e.key === "Home" ? 0 : U);
+				e.preventDefault(), F ? R(e.key === "Home" ? 0 : W) : G(e.key === "Home" ? 0 : W);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), F ? G(L) : W();
+				e.preventDefault(), e.key === " " && V.current.text !== "" ? Y(" ") : F ? K(L) : G();
 				break;
 			case "Escape":
 				F && (e.preventDefault(), I(!1));
 				break;
-			case "Tab": I(!1);
+			case "Tab":
+				I(!1);
+				break;
+			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), Y(e.key));
 		}
 	};
 	return s(() => {
+		let e = V.current;
+		return () => {
+			e.timer && clearTimeout(e.timer);
+		};
+	}, []), s(() => {
 		F && L >= 0 && (B.current?.querySelectorAll("[role=\"option\"]")?.[L])?.scrollIntoView?.({ block: "nearest" });
 	}, [L, F]), /* @__PURE__ */ f(i, {
 		label: S,
@@ -136,9 +153,9 @@ var m = [
 						role: "combobox",
 						className: a.countryTrigger,
 						onClick: () => {
-							y || (F ? I(!1) : W());
+							y || (F ? I(!1) : G());
 						},
-						onKeyDown: K,
+						onKeyDown: X,
 						onKeyUp: (e) => {
 							e.key === " " && e.preventDefault();
 						},
@@ -152,9 +169,9 @@ var m = [
 							/* @__PURE__ */ f("span", {
 								"aria-hidden": "true",
 								style: { fontSize: "1.2em" },
-								children: V.flag
+								children: H.flag
 							}),
-							/* @__PURE__ */ p("span", { children: ["+", V.dialCode] }),
+							/* @__PURE__ */ p("span", { children: ["+", H.dialCode] }),
 							/* @__PURE__ */ f(r, {
 								component: n,
 								size: "sm",
@@ -175,11 +192,11 @@ var m = [
 							onMouseDown: (e) => e.preventDefault(),
 							children: m.map((e, t) => /* @__PURE__ */ p("li", {
 								id: N(t),
-								className: d(a.countryOption, t === L && a.active, V.code === e.code && a.selected),
+								className: d(a.countryOption, t === L && a.active, H.code === e.code && a.selected),
 								onMouseEnter: () => R(t),
-								onClick: () => G(t),
+								onClick: () => K(t),
 								role: "option",
-								"aria-selected": V.code === e.code,
+								"aria-selected": H.code === e.code,
 								children: [
 									/* @__PURE__ */ f("span", {
 										"aria-hidden": "true",
@@ -187,7 +204,7 @@ var m = [
 									}),
 									/* @__PURE__ */ f("span", {
 										className: a.countryName,
-										children: e.name
+										children: q(e)
 									}),
 									/* @__PURE__ */ p("span", {
 										className: a.countryCode,
@@ -207,7 +224,7 @@ var m = [
 					ref: D,
 					type: "tel",
 					value: o,
-					onChange: H,
+					onChange: U,
 					placeholder: v,
 					disabled: y,
 					className: a.number,

package/dist/components/form/QueryBuilder/QueryBuilder.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../Input/Input.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("../NumberInput/NumberInput.cjs"),o=require("../SegmentedControl/SegmentedControl.cjs"),s=require("../Select/Select.cjs"),c=require("../Switch/Switch.cjs"),l=require("../IconButton/IconButton.cjs"),u=require("./querybuilder.module.cjs"),d=require("./warn-unknown-operator.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=0,g=()=>typeof window<`u`&&window.__VRT__?(h+=1,`vrt-id-${h}`):Math.random().toString(36).substring(2,11),_={string:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Contains`,value:`contains`,key:`contains`},{label:`Starts with`,value:`starts_with`,key:`starts_with`},{label:`Ends with`,value:`ends_with`,key:`ends_with`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],number:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Greater than`,value:`>`,key:`greater_than`},{label:`Less than`,value:`<`,key:`less_than`},{label:`Greater than or equal`,value:`>=`,key:`greater_than_or_equal`},{label:`Less than or equal`,value:`<=`,key:`less_than_or_equal`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],date:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`After`,value:`>`,key:`after`},{label:`Before`,value:`<`,key:`before`},{label:`After or on`,value:`>=`,key:`after_or_on`},{label:`Before or on`,value:`<=`,key:`before_or_on`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}],boolean:[{label:`Equals`,value:`=`,key:`equal`},{label:`Does not equal`,value:`!=`,key:`not_equal`},{label:`Is null`,value:`is_null`,key:`is_null`},{label:`Is not null`,value:`is_not_null`,key:`is_not_null`}]},v=({fields:e,query:h,defaultQuery:v,onChange:y,maxDepth:b=3,className:x,id:S,labels:C={}})=>{let{t:w}=t.useWimTranslation(`components`),{ruleAdded:T=w(`query.builder.rule_added`),groupAdded:E=w(`query.builder.group_added`),removed:D=w(`query.builder.removed`),ruleAriaLabel:O=w(`query.builder.rule`),fieldAriaLabel:k=w(`query.builder.field`),operatorAriaLabel:A=w(`query.builder.operator`),valueAriaLabel:j=w(`query.builder.value`),trueLabel:M=w(`query.builder.true`),falseLabel:N=w(`query.builder.false`),removeRuleAriaLabel:P=w(`query.builder.remove_rule`),removeGroupAriaLabel:F=w(`query.builder.remove_group`),addRuleLabel:I=w(`query.builder.add_rule`),addGroupLabel:L=w(`query.builder.add_group`),regionAriaLabel:R=w(`query.builder.region_label`),combinatorAriaLabel:z=w(`query.builder.combinator`),operators:B={}}=C,V=(0,f.useId)(),H=S||`wim-qb-${V}`,U=(0,f.useRef)(null),[W,G]=(0,f.useState)(v||{id:g(),combinator:`and`,not:!1,rules:[]}),K=h===void 0?W:h,q=(0,f.useCallback)(e=>{U.current&&(U.current.textContent=``,setTimeout(()=>{U.current&&(U.current.textContent=e)},50))},[]),J=(0,f.useCallback)(e=>{h===void 0&&G(e),y?.(e)},[h,y]),Y=(e,t)=>{let n=r=>r.id===e?{...r,...t}:{...r,rules:r.rules.map(r=>r.id===e?{...r,...t}:`rules`in r?n(r):r)};J(n(K))},X=t=>{let n=e[0],r={id:g(),field:n?.name||``,operator:`=`,value:n?.type!==`boolean`&&``},i=e=>e.id===t?{...e,rules:[...e.rules,r]}:{...e,rules:e.rules.map(e=>`rules`in e?i(e):e)};J(i(K)),q(T)},Z=e=>{let t={id:g(),combinator:`and`,not:!1,rules:[]},n=r=>r.id===e?{...r,rules:[...r.rules,t]}:{...r,rules:r.rules.map(e=>`rules`in e?n(e):e)};J(n(K)),q(E)},Q=e=>{let t=n=>({...n,rules:n.rules.filter(t=>t.id!==e).map(e=>`rules`in e?t(e):e)});J(t(K)),q(D)},$=(e,t,r)=>{let i=`${e.combinator.toUpperCase()} group`;return(0,m.jsxs)(`div`,{role:`group`,"aria-label":i,className:(0,p.default)(u.default.group,t>0&&u.default.nested,r&&u.default.excluded),children:[(0,m.jsxs)(`div`,{className:u.default.groupHeader,children:[(0,m.jsxs)(`div`,{className:u.default.groupHeaderLeft,children:[(0,m.jsx)(o.SegmentedControl,{size:`md`,options:[{label:`AND`,value:`and`},{label:`OR`,value:`or`}],value:e.combinator,onChange:t=>Y(e.id,{combinator:t}),"aria-label":z,styles:{root:u.default.segmentedControl,item:u.default.segmentedControlItem,slider:u.default.segmentedControlSlider}}),(0,m.jsx)(c.Switch,{size:`md`,checked:e.not,onChange:t=>Y(e.id,{not:t.target.checked}),children:`NOT`})]}),t>0&&(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":F,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(e.id),className:u.default.removeGroup})]}),(0,m.jsx)(`div`,{className:u.default.ruleList,children:e.rules.map(e=>`rules`in e?$(e,t+1,r):ee(e))}),(0,m.jsxs)(`div`,{className:u.default.groupActions,children:[(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>X(e.id),children:I}),t<b&&(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>Z(e.id),children:L})]})]},e.id)},ee=t=>{let n=e.find(e=>e.name===t.field)?.type||`string`,o=_[n].map(e=>({...e,label:B[e.key]||e.label})),c=n=>{let r=e.find(e=>e.name===n);Y(t.id,{field:n,operator:`=`,value:r?.type!==`boolean`&&``})};o.some(e=>e.value===t.operator)||d.warnUnknownOperator(t.operator,n,o.map(e=>e.value));let f=t.operator===`is_null`||t.operator===`is_not_null`;return(0,m.jsx)(`div`,{className:u.default.rule,role:`group`,"aria-label":O,children:(0,m.jsxs)(`div`,{className:u.default.ruleFields,children:[(0,m.jsx)(s.Select,{className:u.default.field,options:e.map(e=>({label:e.label,value:e.name})),value:t.field,onChange:c,"aria-label":k,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),(0,m.jsx)(s.Select,{className:u.default.operator,options:o.map(e=>({label:e.label,value:e.value})),value:t.operator,onChange:e=>Y(t.id,{operator:e}),"aria-label":A,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),!f&&(0,m.jsx)(`div`,{className:u.default.value,children:n===`number`?(0,m.jsx)(a.NumberInput,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j}):n===`date`?(0,m.jsx)(i.DatePicker,{value:typeof t.value==`string`||typeof t.value==`number`?new Date(t.value):void 0,onChange:e=>Y(t.id,{value:e?e.toISOString():``}),"aria-label":j}):n===`boolean`?(0,m.jsx)(s.Select,{options:[{label:M,value:`true`},{label:N,value:`false`}],value:String(t.value),onChange:e=>Y(t.id,{value:e===`true`}),"aria-label":j,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}):(0,m.jsx)(r.Input,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j,styles:{root:u.default.inputBase}})}),(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":P,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(t.id),className:u.default.removeRule})]})},t.id)};return(0,m.jsxs)(`div`,{id:H,role:`region`,"aria-label":R,className:(0,p.default)(`wim-query-builder`,u.default.root,x),children:[(0,m.jsx)(`div`,{ref:U,"aria-live":`polite`,"aria-atomic":`true`,className:u.default.srOnly}),$(K,0,!1)]})};exports.QueryBuilder=v;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../Input/Input.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("../NumberInput/NumberInput.cjs"),o=require("../SegmentedControl/SegmentedControl.cjs"),s=require("../Select/Select.cjs"),c=require("../Switch/Switch.cjs"),l=require("../IconButton/IconButton.cjs"),u=require("./querybuilder.module.cjs"),d=require("./warn-unknown-operator.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=0,g=()=>typeof window<`u`&&window.__VRT__?(h+=1,`vrt-id-${h}`):Math.random().toString(36).substring(2,11),_={string:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`contains`,key:`contains`},{value:`starts_with`,key:`starts_with`},{value:`ends_with`,key:`ends_with`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],number:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`greater_than`},{value:`<`,key:`less_than`},{value:`>=`,key:`greater_than_or_equal`},{value:`<=`,key:`less_than_or_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],date:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`after`},{value:`<`,key:`before`},{value:`>=`,key:`after_or_on`},{value:`<=`,key:`before_or_on`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],boolean:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}]},v=({fields:e,query:h,defaultQuery:v,onChange:y,maxDepth:b=3,className:x,id:S,labels:C={}})=>{let{t:w}=t.useWimTranslation(`components`),{ruleAdded:T=w(`query.builder.rule_added`),groupAdded:E=w(`query.builder.group_added`),removed:D=w(`query.builder.removed`),ruleAriaLabel:O=w(`query.builder.rule`),fieldAriaLabel:k=w(`query.builder.field`),operatorAriaLabel:A=w(`query.builder.operator`),valueAriaLabel:j=w(`query.builder.value`),trueLabel:M=w(`query.builder.true`),falseLabel:N=w(`query.builder.false`),removeRuleAriaLabel:P=w(`query.builder.remove_rule`),removeGroupAriaLabel:F=w(`query.builder.remove_group`),addRuleLabel:I=w(`query.builder.add_rule`),addGroupLabel:L=w(`query.builder.add_group`),regionAriaLabel:R=w(`query.builder.region_label`),combinatorAriaLabel:z=w(`query.builder.combinator`),operators:B={}}=C,V=(0,f.useId)(),H=S||`wim-qb-${V}`,U=(0,f.useRef)(null),[W,G]=(0,f.useState)(v||{id:g(),combinator:`and`,not:!1,rules:[]}),K=h===void 0?W:h,q=(0,f.useCallback)(e=>{U.current&&(U.current.textContent=``,setTimeout(()=>{U.current&&(U.current.textContent=e)},50))},[]),J=(0,f.useCallback)(e=>{h===void 0&&G(e),y?.(e)},[h,y]),Y=(e,t)=>{let n=r=>r.id===e?{...r,...t}:{...r,rules:r.rules.map(r=>r.id===e?{...r,...t}:`rules`in r?n(r):r)};J(n(K))},X=t=>{let n=e[0],r={id:g(),field:n?.name||``,operator:`=`,value:n?.type!==`boolean`&&``},i=e=>e.id===t?{...e,rules:[...e.rules,r]}:{...e,rules:e.rules.map(e=>`rules`in e?i(e):e)};J(i(K)),q(T)},Z=e=>{let t={id:g(),combinator:`and`,not:!1,rules:[]},n=r=>r.id===e?{...r,rules:[...r.rules,t]}:{...r,rules:r.rules.map(e=>`rules`in e?n(e):e)};J(n(K)),q(E)},Q=e=>{let t=n=>({...n,rules:n.rules.filter(t=>t.id!==e).map(e=>`rules`in e?t(e):e)});J(t(K)),q(D)},$=(e,t,r)=>{let i=`${e.combinator.toUpperCase()} group`;return(0,m.jsxs)(`div`,{role:`group`,"aria-label":i,className:(0,p.default)(u.default.group,t>0&&u.default.nested,r&&u.default.excluded),children:[(0,m.jsxs)(`div`,{className:u.default.groupHeader,children:[(0,m.jsxs)(`div`,{className:u.default.groupHeaderLeft,children:[(0,m.jsx)(o.SegmentedControl,{size:`md`,options:[{label:`AND`,value:`and`},{label:`OR`,value:`or`}],value:e.combinator,onChange:t=>Y(e.id,{combinator:t}),"aria-label":z,styles:{root:u.default.segmentedControl,item:u.default.segmentedControlItem,slider:u.default.segmentedControlSlider}}),(0,m.jsx)(c.Switch,{size:`md`,checked:e.not,onChange:t=>Y(e.id,{not:t.target.checked}),children:`NOT`})]}),t>0&&(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":F,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(e.id),className:u.default.removeGroup})]}),(0,m.jsx)(`div`,{className:u.default.ruleList,children:e.rules.map(e=>`rules`in e?$(e,t+1,r):ee(e))}),(0,m.jsxs)(`div`,{className:u.default.groupActions,children:[(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>X(e.id),children:I}),t<b&&(0,m.jsx)(n.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>Z(e.id),children:L})]})]},e.id)},ee=t=>{let n=e.find(e=>e.name===t.field)?.type||`string`,o=_[n].map(e=>({...e,label:B[e.key]||w(`query.builder.operators.${e.key}`)})),c=n=>{let r=e.find(e=>e.name===n);Y(t.id,{field:n,operator:`=`,value:r?.type!==`boolean`&&``})};o.some(e=>e.value===t.operator)||d.warnUnknownOperator(t.operator,n,o.map(e=>e.value));let f=t.operator===`is_null`||t.operator===`is_not_null`;return(0,m.jsx)(`div`,{className:u.default.rule,role:`group`,"aria-label":O,children:(0,m.jsxs)(`div`,{className:u.default.ruleFields,children:[(0,m.jsx)(s.Select,{className:u.default.field,options:e.map(e=>({label:e.label,value:e.name})),value:t.field,onChange:c,"aria-label":k,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),(0,m.jsx)(s.Select,{className:u.default.operator,options:o.map(e=>({label:e.label,value:e.value})),value:t.operator,onChange:e=>Y(t.id,{operator:e}),"aria-label":A,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}),!f&&(0,m.jsx)(`div`,{className:u.default.value,children:n===`number`?(0,m.jsx)(a.NumberInput,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j}):n===`date`?(0,m.jsx)(i.DatePicker,{value:typeof t.value==`string`||typeof t.value==`number`?new Date(t.value):void 0,onChange:e=>Y(t.id,{value:e?e.toISOString():``}),"aria-label":j}):n===`boolean`?(0,m.jsx)(s.Select,{options:[{label:M,value:`true`},{label:N,value:`false`}],value:String(t.value),onChange:e=>Y(t.id,{value:e===`true`}),"aria-label":j,fullWidth:!0,styles:{root:u.default.select,trigger:u.default.selectTrigger,inputBase:{root:u.default.inputBase}}}):(0,m.jsx)(r.Input,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j,styles:{root:u.default.inputBase}})}),(0,m.jsx)(l.IconButton,{iconName:`TrashIcon`,"aria-label":P,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(t.id),className:u.default.removeRule})]})},t.id)};return(0,m.jsxs)(`div`,{id:H,role:`region`,"aria-label":R,className:(0,p.default)(`wim-query-builder`,u.default.root,x),children:[(0,m.jsx)(`div`,{ref:U,"aria-live":`polite`,"aria-atomic":`true`,className:u.default.srOnly}),$(K,0,!1)]})};exports.QueryBuilder=v;