wimui 0.58.1 → 0.60.0

package/dist/components/form/ImageCropper/ImageCropper.js

@@ -6,75 +6,75 @@ import { Button as r } from "../Button/Button.js";
 import { formNs as i } from "../../../i18n/generated/form.js";
 import { Slider as a } from "../Slider/Slider.js";
 import { IconButton as o } from "../IconButton/IconButton.js";
-import { Dialog as s, DialogClose as c, DialogContent as l, DialogDescription as u, DialogFooter as ee, DialogHeader as d, DialogTitle as te } from "../../overlay/Dialog/Dialog.js";
-import { cropImage as f, resolveCropDetail as p } from "./cropImage.js";
-import m from "./image-cropper.module.js";
-import h, { useCallback as g, useEffect as _, useId as v, useRef as y, useState as b } from "react";
-import x from "classnames";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Dialog as s, DialogClose as c, DialogContent as l, DialogDescription as u, DialogFooter as d, DialogHeader as ee, DialogTitle as f } from "../../overlay/Dialog/Dialog.js";
+import { cropImage as p, resolveCropDetail as m } from "./cropImage.js";
+import h from "./image-cropper.module.js";
+import g, { useCallback as _, useEffect as v, useId as y, useRef as b, useState as x } from "react";
+import S from "classnames";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/form/ImageCropper/ImageCropper.tsx
-var w = 10, T = 50, E = h.forwardRef(({ src: h, aspectRatio: E = 1, circular: ne = !1, onCrop: re, showRotation: ie = !0, showZoom: ae = !0, showApplyButton: oe = !0, applyLabel: D, onApply: O, onCropError: k, maxOutputSize: A, outputType: j = "image/png", outputQuality: M = .92, crossOrigin: N, className: P, ...F }, I) => {
-	let { t: L } = e([i, t]), [R, z] = b(1), [B, V] = b(0), [H, U] = b({
+var T = 10, E = 50, D = g.forwardRef(({ src: g, aspectRatio: D = 1, circular: te = !1, onCrop: ne, showRotation: re = !0, showZoom: ie = !0, showApplyButton: ae = !0, applyLabel: oe, onApply: O, onCropError: k, maxOutputSize: A, outputType: j = "image/png", outputQuality: M = .92, crossOrigin: N, className: P, ...F }, I) => {
+	let L = F.role ?? (F["aria-label"] || F["aria-labelledby"] ? "group" : void 0), { t: R } = e([i, t]), [z, B] = x(1), [V, H] = x(0), [U, W] = x({
 		x: 0,
 		y: 0
-	}), [W, G] = b(!1), [K, q] = b({
+	}), [G, K] = x(!1), [q, se] = x({
 		x: 0,
 		y: 0
-	}), [se, J] = b(!1), Y = y(null), ce = y(null), X = y(null), Z = v();
-	_(() => {
-		U({
+	}), [ce, J] = x(!1), Y = b(null), le = b(null), X = b(null), Z = y();
+	v(() => {
+		W({
 			x: 0,
 			y: 0
-		}), z(1), V(0);
-	}, [h]);
-	let le = (e) => {
-		(e.pointerType !== "mouse" || e.button === 0) && (G(!0), q({
-			x: e.clientX - H.x,
-			y: e.clientY - H.y
+		}), B(1), H(0);
+	}, [g]);
+	let ue = (e) => {
+		(e.pointerType !== "mouse" || e.button === 0) && (K(!0), se({
+			x: e.clientX - U.x,
+			y: e.clientY - U.y
 		}));
-	}, Q = g((e) => {
-		W && U({
-			x: e.clientX - K.x,
-			y: e.clientY - K.y
+	}, Q = _((e) => {
+		G && W({
+			x: e.clientX - q.x,
+			y: e.clientY - q.y
 		});
-	}, [W, K]), $ = g(() => {
-		G(!1);
+	}, [G, q]), $ = _(() => {
+		K(!1);
 	}, []);
-	_(() => {
-		if (W) return window.addEventListener("pointermove", Q), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $), () => {
+	v(() => {
+		if (G) return window.addEventListener("pointermove", Q), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $), () => {
 			window.removeEventListener("pointermove", Q), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
 		};
 	}, [
-		W,
+		G,
 		Q,
 		$
 	]);
-	let ue = (e) => {
-		let t = e.shiftKey ? T : w, n = {
+	let de = (e) => {
+		let t = e.shiftKey ? E : T, n = {
 			ArrowLeft: [-t, 0],
 			ArrowRight: [t, 0],
 			ArrowUp: [0, -t],
 			ArrowDown: [0, t]
 		}[e.key];
-		n ? (e.preventDefault(), U((e) => ({
+		n ? (e.preventDefault(), W((e) => ({
 			x: e.x + n[0],
 			y: e.y + n[1]
-		}))) : e.key === "Home" && (e.preventDefault(), U({
+		}))) : e.key === "Home" && (e.preventDefault(), W({
 			x: 0,
 			y: 0
 		}));
-	}, de = () => {
-		V((e) => (e + 90) % 360);
 	}, fe = () => {
-		J(!0);
+		H((e) => (e + 90) % 360);
 	}, pe = () => {
+		J(!0);
+	}, me = () => {
 		let e = Y.current, t = X.current;
 		if (J(!1), !e || !t) return;
 		let n = {
-			x: H.x,
-			y: H.y,
-			zoom: R,
-			rotation: B,
+			x: U.x,
+			y: U.y,
+			zoom: z,
+			rotation: V,
 			frameWidth: t.clientWidth,
 			frameHeight: t.clientHeight,
 			layoutWidth: e.offsetWidth,
@@ -84,119 +84,121 @@ var w = 10, T = 50, E = h.forwardRef(({ src: h, aspectRatio: E = 1, circular: ne
 			maxOutputSize: A
 		};
 		try {
-			let { dataUrl: t, detail: r } = f(e, n, j, M);
-			re?.(t, r), O?.(t, r);
+			let { dataUrl: t, detail: r } = p(e, n, j, M);
+			ne?.(t, r), O?.(t, r);
 		} catch (e) {
-			k?.(e instanceof Error ? e : Error(String(e)), p(n).detail);
+			k?.(e instanceof Error ? e : Error(String(e)), m(n).detail);
 		}
 	};
-	return h ? /* @__PURE__ */ C("div", {
+	return g ? /* @__PURE__ */ w("div", {
 		ref: I,
-		className: x("wim-image-cropper", m.root, P),
+		role: L,
+		className: S("wim-image-cropper", h.root, P),
 		...F,
 		children: [
-			/* @__PURE__ */ C("div", {
-				ref: ce,
-				className: m.viewer,
-				onPointerDown: le,
-				onKeyDown: ue,
+			/* @__PURE__ */ w("div", {
+				ref: le,
+				className: h.viewer,
+				onPointerDown: ue,
+				onKeyDown: de,
 				role: "application",
 				tabIndex: 0,
-				"aria-label": L("image_cropper.position_label"),
+				"aria-label": R("image_cropper.position_label"),
 				"aria-describedby": Z,
 				children: [
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ C(n, {
 						id: Z,
-						children: L("image_cropper.position_hint")
+						children: R("image_cropper.position_hint")
 					}),
-					/* @__PURE__ */ S("div", {
-						className: m.imageContainer,
-						children: /* @__PURE__ */ S("img", {
+					/* @__PURE__ */ C("div", {
+						className: h.imageContainer,
+						children: /* @__PURE__ */ C("img", {
 							ref: Y,
-							src: h,
-							alt: L("a11y.crop_target"),
+							src: g,
+							alt: R("a11y.crop_target"),
 							crossOrigin: N,
-							className: m.image,
-							style: { transform: `translate(${H.x}px, ${H.y}px) rotate(${B}deg) scale(${R})` },
+							className: h.image,
+							style: { transform: `translate(${U.x}px, ${U.y}px) rotate(${V}deg) scale(${z})` },
 							draggable: !1
 						})
 					}),
-					/* @__PURE__ */ S("div", {
-						className: m.overlay,
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C("div", {
+						className: h.overlay,
+						children: /* @__PURE__ */ C("div", {
 							ref: X,
-							className: x(m.cropArea, { [m.circular]: ne }),
-							style: { aspectRatio: E }
+							className: S(h.cropArea, { [h.circular]: te }),
+							style: { aspectRatio: D }
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
-				className: m.controls,
+			/* @__PURE__ */ w("div", {
+				className: h.controls,
 				children: [
-					ae && /* @__PURE__ */ S("div", {
-						className: m.zoomControl,
-						children: /* @__PURE__ */ S(a, {
+					ie && /* @__PURE__ */ C("div", {
+						className: h.zoomControl,
+						children: /* @__PURE__ */ C(a, {
 							min: 1,
 							max: 3,
 							step: .1,
-							value: R,
-							onChange: (e) => z(e),
-							label: L("image_cropper.zoom"),
-							styles: { root: m.zoomSlider }
+							value: z,
+							onChange: (e) => B(e),
+							label: R("image_cropper.zoom"),
+							styles: { root: h.zoomSlider }
 						})
 					}),
-					ie && /* @__PURE__ */ S("div", {
-						className: m.rotationControl,
-						children: /* @__PURE__ */ S(o, {
+					re && /* @__PURE__ */ C("div", {
+						className: h.rotationControl,
+						children: /* @__PURE__ */ C(o, {
 							iconName: "RefreshIcon",
-							onClick: de,
-							"aria-label": L("image_cropper.rotate"),
+							onClick: fe,
+							"aria-label": R("image_cropper.rotate"),
 							variant: "outline",
 							size: "sm"
 						})
 					}),
-					oe && /* @__PURE__ */ S("div", {
-						className: m.applyControl,
-						children: /* @__PURE__ */ S(r, {
-							onClick: fe,
+					ae && /* @__PURE__ */ C("div", {
+						className: h.applyControl,
+						children: /* @__PURE__ */ C(r, {
+							onClick: pe,
 							size: "sm",
 							variant: "solid",
-							children: D || L("image_cropper.apply")
+							children: oe || R("image_cropper.apply")
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ S(s, {
-				open: se,
+			/* @__PURE__ */ C(s, {
+				open: ce,
 				onOpenChange: J,
-				children: /* @__PURE__ */ C(l, { children: [
-					/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(te, { children: L("image_cropper.confirm_title") }) }),
-					/* @__PURE__ */ S(u, { children: L("image_cropper.confirm_message") }),
-					/* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(c, {
+				children: /* @__PURE__ */ w(l, { children: [
+					/* @__PURE__ */ C(ee, { children: /* @__PURE__ */ C(f, { children: R("image_cropper.confirm_title") }) }),
+					/* @__PURE__ */ C(u, { children: R("image_cropper.confirm_message") }),
+					/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(c, {
 						asChild: !0,
-						children: /* @__PURE__ */ S(r, {
+						children: /* @__PURE__ */ C(r, {
 							variant: "ghost",
-							children: L("image_cropper.cancel")
+							children: R("image_cropper.cancel")
 						})
-					}), /* @__PURE__ */ S(r, {
-						onClick: pe,
+					}), /* @__PURE__ */ C(r, {
+						onClick: me,
 						variant: "solid",
-						children: L("image_cropper.confirm")
+						children: R("image_cropper.confirm")
 					})] })
 				] })
 			})
 		]
-	}) : /* @__PURE__ */ S("div", {
+	}) : /* @__PURE__ */ C("div", {
 		ref: I,
-		className: x("wim-image-cropper", m.root, m.empty, P),
+		role: L,
+		className: S("wim-image-cropper", h.root, h.empty, P),
 		...F,
-		children: /* @__PURE__ */ S("div", {
-			className: m.emptyContent,
-			children: L("image_cropper.no_image")
+		children: /* @__PURE__ */ C("div", {
+			className: h.emptyContent,
+			children: R("image_cropper.no_image")
 		})
 	});
 });
-E.displayName = "ImageCropper";
+D.displayName = "ImageCropper";
 //#endregion
-export { E as ImageCropper };
+export { D as ImageCropper };

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

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

@@ -68,6 +68,12 @@ export interface QueryBuilderProps {
      * Labels for internationalization
      */
     labels?: QueryBuilderLabels;
+    /** Accessible name for the query builder region. Takes precedence over `labels.regionAriaLabel`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the query builder region. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the query builder region. */
+    "aria-describedby"?: string;
 }
 /**
  * 演算子の語彙。**利用者が `QueryRule.operator` に渡すのは `value`（記号）**で、
@@ -167,5 +173,5 @@ export type QueryOperator = (typeof DEFAULT_OPERATORS)[QueryFieldType][number]["
 /**
  * 複雑な検索条件をネスト状に組み立てるためのクエリビルダーコンポーネント。
  */
-export declare const QueryBuilder: ({ fields, query, defaultQuery, onChange, maxDepth, className, id: customId, labels, }: QueryBuilderProps) => React.JSX.Element;
+export declare const QueryBuilder: ({ fields, query, defaultQuery, onChange, maxDepth, className, id: customId, labels, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: QueryBuilderProps) => React.JSX.Element;
 export {};