@box-kite/react 2.2.6 → 2.2.8

package/components/radioGroup.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../behavior.cjs"),t=require("../identity.cjs"),n=require("./flex.cjs"),r=require("./semantics.cjs"),i=require("./radioButton.cjs");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null);function c(e){return[...e?.querySelectorAll(`input[type="radio"]`)??[]].filter(e=>!e.disabled)}function l(e){return e===`ArrowDown`||e===`ArrowRight`?1:e===`ArrowUp`||e===`ArrowLeft`?-1:0}function u(i){let{label:u,name:d,value:f,defaultValue:p,onValueChange:m,onChange:h,orientation:g=`vertical`,children:_,props:v,...y}=i,b=t.t(`radiogroup`),x=(0,a.useRef)(null),S=(0,a.useRef)(`click`),C=e.a((e,t)=>{m?.(e,t),h?.(e,t)}),[w,T]=e.i({value:f,defaultValue:p,onChange:C}),E=e.a(e=>{let t=l(e.key);if(t===0||e.defaultPrevented)return;let n=c(x.current),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let i=n[(r+t+n.length)%n.length];i!==n[r]&&(S.current=`keyboard`,i.focus(),i.click(),S.current=`click`)}),D=`${b}-label`,O=u!=null,k=(0,a.useMemo)(()=>({name:d??b,value:w,select:(e,t)=>T(e,{reason:S.current,event:t})}),[b,d,w,T]);return(0,o.jsx)(s.Provider,{value:k,children:(0,o.jsxs)(n.default,{ref:x,component:`radioGroup`,variant:{horizontal:g===`horizontal`},...y,props:{role:`radiogroup`,"aria-labelledby":O?D:void 0,...v,onKeyDown:E},children:[O&&(0,o.jsx)(r.Span,{component:`radioGroup.label`,id:D,children:u}),_]})})}function d(t){let n=(0,a.useContext)(s),{value:r,...c}=t,l=e.a(e=>n?.select(r,e));return n?(0,o.jsx)(i.default,{name:n.name,value:r,checked:n.value===r,onChange:l,...c}):(0,o.jsx)(i.default,{value:r,...c})}d.displayName=`RadioGroup.Item`;var f=u;f.Item=d,f.displayName=`RadioGroup`,exports.default=f;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../behavior.cjs"),t=require("../identity.cjs"),n=require("../reporting.cjs"),r=require("./flex.cjs"),i=require("./semantics.cjs"),a=require("./radioButton.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.createContext)(null);function l(e){return[...e?.querySelectorAll(`input[type="radio"]`)??[]].filter(e=>!e.disabled)}function u(e){return e===`ArrowDown`||e===`ArrowRight`?1:e===`ArrowUp`||e===`ArrowLeft`?-1:0}function d(a){let{label:d,name:f,value:p,defaultValue:m,onValueChange:h,onChange:g,orientation:_=`vertical`,children:v,props:y,...b}=a,x=t.t(`radiogroup`),S=(0,o.useRef)(null),C=(0,o.useRef)(`click`),w=e.a((e,t)=>{h?.(e,t),g?.(e,t)}),[T,E]=n.a({value:p,defaultValue:m,onChange:w,interaction:{component:`radioGroup`,type:`valueChange`}}),D=e.a(e=>{let t=u(e.key);if(t===0||e.defaultPrevented)return;let n=l(S.current),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let i=n[(r+t+n.length)%n.length];i!==n[r]&&(C.current=`keyboard`,i.focus(),i.click(),C.current=`click`)}),O=`${x}-label`,k=d!=null,A=(0,o.useMemo)(()=>({name:f??x,value:T,select:(e,t)=>E(e,{reason:C.current,event:t})}),[x,f,T,E]);return(0,s.jsx)(c.Provider,{value:A,children:(0,s.jsxs)(r.default,{ref:S,component:`radioGroup`,variant:{horizontal:_===`horizontal`},...b,props:{role:`radiogroup`,"aria-labelledby":k?O:void 0,...y,onKeyDown:D},children:[k&&(0,s.jsx)(i.Span,{component:`radioGroup.label`,id:O,children:d}),v]})})}function f(t){let n=(0,o.useContext)(c),{value:r,...i}=t,l=e.a(e=>n?.select(r,e));return n?(0,s.jsx)(a.default,{name:n.name,value:r,checked:n.value===r,onChange:l,...i}):(0,s.jsx)(a.default,{value:r,...i})}f.displayName=`RadioGroup.Item`;var p=d;p.Item=f,p.displayName=`RadioGroup`,exports.default=p;

package/components/radioGroup.mjs

@@ -1,6 +1,7 @@
 "use client";
-import { a as e, i as t } from "../behavior.mjs";
-import { t as n } from "../identity.mjs";
+import { a as e } from "../behavior.mjs";
+import { t } from "../identity.mjs";
+import { a as n } from "../reporting.mjs";
 import r from "./flex.mjs";
 import { Span as i } from "./semantics.mjs";
 import a from "./radioButton.mjs";
@@ -15,12 +16,16 @@ function m(e) {
 	return e === "ArrowDown" || e === "ArrowRight" ? 1 : e === "ArrowUp" || e === "ArrowLeft" ? -1 : 0;
 }
 function h(a) {
-	let { label: o, name: s, value: h, defaultValue: g, onValueChange: _, onChange: v, orientation: y = "vertical", children: b, props: x, ...S } = a, C = n("radiogroup"), w = l(null), T = l("click"), E = e((e, t) => {
+	let { label: o, name: s, value: h, defaultValue: g, onValueChange: _, onChange: v, orientation: y = "vertical", children: b, props: x, ...S } = a, C = t("radiogroup"), w = l(null), T = l("click"), E = e((e, t) => {
 		_?.(e, t), v?.(e, t);
-	}), [D, O] = t({
+	}), [D, O] = n({
 		value: h,
 		defaultValue: g,
-		onChange: E
+		onChange: E,
+		interaction: {
+			component: "radioGroup",
+			type: "valueChange"
+		}
 	}), k = e((e) => {
 		let t = m(e.key);
 		if (t === 0 || e.defaultPrevented) return;