@radix-ui/react-radio-group - npm Package Compare versions

Comparing version 0.1.2-rc.2 to 0.1.2-rc.3

dist/index.d.ts

@@ -24,4 +24,4 @@ import * as React from "react";
     name?: string;
+    required: boolean;
     value?: string;
-    required: boolean;
     onValueChange(value: string): void;
@@ -28,0 +28,0 @@ };

dist/index.js

@@ -1,2 +0,2 @@
-var e,r=require("@radix-ui/react-presence").Presence,t=require("@radix-ui/react-use-previous").usePrevious,o=require("@radix-ui/react-use-size").useSize,a=require("@radix-ui/react-use-controllable-state").useControllableState,i=require("@radix-ui/react-roving-focus"),n=m({},i),c=i.createRovingFocusGroupScope,u=require("@radix-ui/react-primitive").Primitive,d=require("@radix-ui/react-context").createContextScope,l=require("@radix-ui/react-compose-refs").useComposedRefs,s=require("@radix-ui/react-label").useLabelContext,p=require("@radix-ui/primitive").composeEventHandlers,b=m({},require("react")),f=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function m(e,r){return Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e}const[v,R]=d("Radio"),[h,x]=v("Radio"),k=/*#__PURE__*/b.forwardRef(((e,r)=>{const{__scopeRadio:t,"aria-labelledby":o,name:a,checked:i=!1,required:n,disabled:c,value:d="on",onCheck:m,...v}=e,[R,x]=b.useState(null),k=l(r,(e=>x(e))),E=s(R),y=o||E,_=b.useRef(!1),g=!R||Boolean(R.closest("form"));/*#__PURE__*/return b.createElement(h,{scope:t,checked:i,disabled:c},/*#__PURE__*/b.createElement(u.button,f({type:"button",role:"radio","aria-checked":i,"aria-labelledby":y,"data-state":C(i),"data-disabled":c?"":void 0,disabled:c,value:d},v,{ref:k,onClick:p(e.onClick,(e=>{i||null==m||m(),g&&(_.current=e.isPropagationStopped(),_.current||e.stopPropagation())}))})),g&&/*#__PURE__*/b.createElement(q,{control:R,bubbles:!_.current,name:a,value:d,checked:i,required:n,disabled:c,style:{transform:"translateX(-100%)"}}))})),E=/*#__PURE__*/b.forwardRef(((e,t)=>{const{__scopeRadio:o,forceMount:a,...i}=e,n=x("RadioIndicator",o);/*#__PURE__*/return b.createElement(r,{present:a||n.checked},/*#__PURE__*/b.createElement(u.span,f({"data-state":C(n.checked),"data-disabled":n.disabled?"":void 0},i,{ref:t})))})),q=e=>{const{control:r,checked:a,bubbles:i=!0,...n}=e,c=b.useRef(null),u=t(a),d=o(r);return b.useEffect((()=>{const e=c.current,r=window.HTMLInputElement.prototype,t=Object.getOwnPropertyDescriptor(r,"checked").set;if(u!==a&&t){const r=new Event("click",{bubbles:i});t.call(e,a),e.dispatchEvent(r)}}),[u,a,i]),/*#__PURE__*/b.createElement("input",f({type:"radio","aria-hidden":!0,defaultChecked:a},n,{tabIndex:-1,ref:c,style:{...e.style,...d,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function C(e){return e?"checked":"unchecked"}const[y,_]=d("RadioGroup",[c,R]);exports.createRadioGroupScope=_;const g=c(),G=R(),[w,I]=y("RadioGroup"),P=/*#__PURE__*/b.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,name:o,"aria-labelledby":i,defaultValue:c,value:d,required:l=!1,orientation:p,dir:m="ltr",loop:v=!0,onValueChange:R,...h}=e,x=s(),k=i||x,E=g(t),[q,C]=a({prop:d,defaultProp:c,onChange:R});/*#__PURE__*/return b.createElement(w,{scope:t,name:o,value:q,required:l,onValueChange:C},/*#__PURE__*/b.createElement(n.Root,f({asChild:!0},E,{orientation:p,dir:m,loop:v}),/*#__PURE__*/b.createElement(u.div,f({role:"radiogroup","aria-orientation":p,"aria-labelledby":k,dir:m},h,{ref:r}))))}));exports.RadioGroup=P;const S=/*#__PURE__*/b.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,disabled:o,...a}=e,i=I("RadioGroupItem",t),c=g(t),u=G(t),d=b.useRef(null),s=l(r,d),m=i.value===a.value;/*#__PURE__*/return b.createElement(n.Item,f({asChild:!0},c,{focusable:!o,active:m}),/*#__PURE__*/b.createElement(k,f({disabled:o,required:i.required,checked:m},u,a,{name:i.name,ref:s,onCheck:()=>i.onValueChange(a.value),onFocus:p(a.onFocus,(()=>{var e;void 0!==i.value&&(null===(e=d.current)||void 0===e||e.click())}))})))}));exports.RadioGroupItem=S;const M=/*#__PURE__*/b.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,...o}=e,a=G(t);/*#__PURE__*/return b.createElement(E,f({},a,o,{ref:r}))}));exports.RadioGroupIndicator=M;const O=P;exports.Root=O;const V=S;exports.Item=V;const j=M;exports.Indicator=j;
+var e,r=require("@radix-ui/react-presence").Presence,t=require("@radix-ui/react-use-previous").usePrevious,o=require("@radix-ui/react-use-size").useSize,a=require("@radix-ui/react-use-controllable-state").useControllableState,n=require("@radix-ui/react-roving-focus"),i=m({},n),c=n.createRovingFocusGroupScope,u=require("@radix-ui/react-primitive").Primitive,d=require("@radix-ui/react-context").createContextScope,s=require("@radix-ui/react-compose-refs").useComposedRefs,l=require("@radix-ui/react-label").useLabelContext,p=require("@radix-ui/primitive").composeEventHandlers,f=m({},require("react")),b=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function m(e,r){return Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e}const[v,R]=d("Radio"),[h,k]=v("Radio"),E=/*#__PURE__*/f.forwardRef(((e,r)=>{const{__scopeRadio:t,"aria-labelledby":o,name:a,checked:n=!1,required:i,disabled:c,value:d="on",onCheck:m,...v}=e,[R,k]=f.useState(null),E=s(r,(e=>k(e))),x=l(R),w=o||x,C=f.useRef(!1),_=!R||Boolean(R.closest("form"));/*#__PURE__*/return f.createElement(h,{scope:t,checked:n,disabled:c},/*#__PURE__*/f.createElement(u.button,b({type:"button",role:"radio","aria-checked":n,"aria-labelledby":w,"data-state":q(n),"data-disabled":c?"":void 0,disabled:c,value:d},v,{ref:E,onClick:p(e.onClick,(e=>{n||null==m||m(),_&&(C.current=e.isPropagationStopped(),C.current||e.stopPropagation())}))})),_&&/*#__PURE__*/f.createElement(y,{control:R,bubbles:!C.current,name:a,value:d,checked:n,required:i,disabled:c,style:{transform:"translateX(-100%)"}}))})),x=/*#__PURE__*/f.forwardRef(((e,t)=>{const{__scopeRadio:o,forceMount:a,...n}=e,i=k("RadioIndicator",o);/*#__PURE__*/return f.createElement(r,{present:a||i.checked},/*#__PURE__*/f.createElement(u.span,b({"data-state":q(i.checked),"data-disabled":i.disabled?"":void 0},n,{ref:t})))})),y=e=>{const{control:r,checked:a,bubbles:n=!0,...i}=e,c=f.useRef(null),u=t(a),d=o(r);return f.useEffect((()=>{const e=c.current,r=window.HTMLInputElement.prototype,t=Object.getOwnPropertyDescriptor(r,"checked").set;if(u!==a&&t){const r=new Event("click",{bubbles:n});t.call(e,a),e.dispatchEvent(r)}}),[u,a,n]),/*#__PURE__*/f.createElement("input",b({type:"radio","aria-hidden":!0,defaultChecked:a},i,{tabIndex:-1,ref:c,style:{...e.style,...d,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function q(e){return e?"checked":"unchecked"}const w=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],[C,_]=d("RadioGroup",[c,R]);exports.createRadioGroupScope=_;const g=c(),G=R(),[I,P]=C("RadioGroup"),L=/*#__PURE__*/f.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,name:o,"aria-labelledby":n,defaultValue:c,value:d,required:s=!1,orientation:p,dir:m="ltr",loop:v=!0,onValueChange:R,...h}=e,k=l(),E=n||k,x=g(t),[y,q]=a({prop:d,defaultProp:c,onChange:R});/*#__PURE__*/return f.createElement(I,{scope:t,name:o,required:s,value:y,onValueChange:q},/*#__PURE__*/f.createElement(i.Root,b({asChild:!0},x,{orientation:p,dir:m,loop:v}),/*#__PURE__*/f.createElement(u.div,b({role:"radiogroup","aria-orientation":p,"aria-labelledby":E,dir:m},h,{ref:r}))))}));exports.RadioGroup=L;const S=/*#__PURE__*/f.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,disabled:o,...a}=e,n=P("RadioGroupItem",t),c=g(t),u=G(t),d=f.useRef(null),l=s(r,d),m=n.value===a.value,v=f.useRef(!1);return f.useEffect((()=>{const e=e=>{w.includes(e.key)&&(v.current=!0)},r=()=>v.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",r),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",r)}}),[]),/*#__PURE__*/f.createElement(i.Item,b({asChild:!0},c,{focusable:!o,active:m}),/*#__PURE__*/f.createElement(E,b({disabled:o,required:n.required,checked:m},u,a,{name:n.name,ref:l,onCheck:()=>n.onValueChange(a.value),onFocus:p(a.onFocus,(()=>{var e;v.current&&(null===(e=d.current)||void 0===e||e.click())}))})))}));exports.RadioGroupItem=S;const A=/*#__PURE__*/f.forwardRef(((e,r)=>{const{__scopeRadioGroup:t,...o}=e,a=G(t);/*#__PURE__*/return f.createElement(x,b({},a,o,{ref:r}))}));exports.RadioGroupIndicator=A;const M=L;exports.Root=M;const O=S;exports.Item=O;const V=A;exports.Indicator=V;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{Presence as e}from"@radix-ui/react-presence";import{usePrevious as r}from"@radix-ui/react-use-previous";import{useSize as o}from"@radix-ui/react-use-size";import{useControllableState as t}from"@radix-ui/react-use-controllable-state";import*as a from"@radix-ui/react-roving-focus";import{createRovingFocusGroupScope as i}from"@radix-ui/react-roving-focus";import{Primitive as n}from"@radix-ui/react-primitive";import{createContextScope as c}from"@radix-ui/react-context";import{useComposedRefs as d}from"@radix-ui/react-compose-refs";import{useLabelContext as l}from"@radix-ui/react-label";import{composeEventHandlers as u}from"@radix-ui/primitive";import*as s from"react";import p from"@babel/runtime/helpers/esm/extends";const[m,f]=c("Radio"),[b,R]=m("Radio"),v=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadio:o,"aria-labelledby":t,name:a,checked:i=!1,required:c,disabled:m,value:f="on",onCheck:R,...v}=e,[h,E]=s.useState(null),y=d(r,(e=>E(e))),G=l(h),g=t||G,C=s.useRef(!1),I=!h||Boolean(h.closest("form"));/*#__PURE__*/return s.createElement(b,{scope:o,checked:i,disabled:m},/*#__PURE__*/s.createElement(n.button,p({type:"button",role:"radio","aria-checked":i,"aria-labelledby":g,"data-state":k(i),"data-disabled":m?"":void 0,disabled:m,value:f},v,{ref:y,onClick:u(e.onClick,(e=>{i||null==R||R(),I&&(C.current=e.isPropagationStopped(),C.current||e.stopPropagation())}))})),I&&/*#__PURE__*/s.createElement(x,{control:h,bubbles:!C.current,name:a,value:f,checked:i,required:c,disabled:m,style:{transform:"translateX(-100%)"}}))})),h=/*#__PURE__*/s.forwardRef(((r,o)=>{const{__scopeRadio:t,forceMount:a,...i}=r,c=R("RadioIndicator",t);/*#__PURE__*/return s.createElement(e,{present:a||c.checked},/*#__PURE__*/s.createElement(n.span,p({"data-state":k(c.checked),"data-disabled":c.disabled?"":void 0},i,{ref:o})))})),x=e=>{const{control:t,checked:a,bubbles:i=!0,...n}=e,c=s.useRef(null),d=r(a),l=o(t);return s.useEffect((()=>{const e=c.current,r=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor(r,"checked").set;if(d!==a&&o){const r=new Event("click",{bubbles:i});o.call(e,a),e.dispatchEvent(r)}}),[d,a,i]),/*#__PURE__*/s.createElement("input",p({type:"radio","aria-hidden":!0,defaultChecked:a},n,{tabIndex:-1,ref:c,style:{...e.style,...l,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function k(e){return e?"checked":"unchecked"}const[E,y]=c("RadioGroup",[i,f]);export{y as createRadioGroupScope};const G=i(),g=f(),[C,I]=E("RadioGroup");export const RadioGroup=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,name:i,"aria-labelledby":c,defaultValue:d,value:u,required:m=!1,orientation:f,dir:b="ltr",loop:R=!0,onValueChange:v,...h}=e,x=l(),k=c||x,E=G(o),[y,g]=t({prop:u,defaultProp:d,onChange:v});/*#__PURE__*/return s.createElement(C,{scope:o,name:i,value:y,required:m,onValueChange:g},/*#__PURE__*/s.createElement(a.Root,p({asChild:!0},E,{orientation:f,dir:b,loop:R}),/*#__PURE__*/s.createElement(n.div,p({role:"radiogroup","aria-orientation":f,"aria-labelledby":k,dir:b},h,{ref:r}))))}));/*#__PURE__*/export const RadioGroupItem=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,disabled:t,...i}=e,n=I("RadioGroupItem",o),c=G(o),l=g(o),m=s.useRef(null),f=d(r,m),b=n.value===i.value;/*#__PURE__*/return s.createElement(a.Item,p({asChild:!0},c,{focusable:!t,active:b}),/*#__PURE__*/s.createElement(v,p({disabled:t,required:n.required,checked:b},l,i,{name:n.name,ref:f,onCheck:()=>n.onValueChange(i.value),onFocus:u(i.onFocus,(()=>{var e;void 0!==n.value&&(null===(e=m.current)||void 0===e||e.click())}))})))}));/*#__PURE__*/export const RadioGroupIndicator=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,...t}=e,a=g(o);/*#__PURE__*/return s.createElement(h,p({},a,t,{ref:r}))}));/*#__PURE__*/export const Root=RadioGroup;export const Item=RadioGroupItem;export const Indicator=RadioGroupIndicator;
+import{Presence as e}from"@radix-ui/react-presence";import{usePrevious as r}from"@radix-ui/react-use-previous";import{useSize as o}from"@radix-ui/react-use-size";import{useControllableState as t}from"@radix-ui/react-use-controllable-state";import*as a from"@radix-ui/react-roving-focus";import{createRovingFocusGroupScope as n}from"@radix-ui/react-roving-focus";import{Primitive as i}from"@radix-ui/react-primitive";import{createContextScope as c}from"@radix-ui/react-context";import{useComposedRefs as d}from"@radix-ui/react-compose-refs";import{useLabelContext as u}from"@radix-ui/react-label";import{composeEventHandlers as l}from"@radix-ui/primitive";import*as s from"react";import p from"@babel/runtime/helpers/esm/extends";const[m,f]=c("Radio"),[b,R]=m("Radio"),v=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadio:o,"aria-labelledby":t,name:a,checked:n=!1,required:c,disabled:m,value:f="on",onCheck:R,...v}=e,[h,x]=s.useState(null),y=d(r,(e=>x(e))),w=u(h),g=t||w,G=s.useRef(!1),C=!h||Boolean(h.closest("form"));/*#__PURE__*/return s.createElement(b,{scope:o,checked:n,disabled:m},/*#__PURE__*/s.createElement(i.button,p({type:"button",role:"radio","aria-checked":n,"aria-labelledby":g,"data-state":E(n),"data-disabled":m?"":void 0,disabled:m,value:f},v,{ref:y,onClick:l(e.onClick,(e=>{n||null==R||R(),C&&(G.current=e.isPropagationStopped(),G.current||e.stopPropagation())}))})),C&&/*#__PURE__*/s.createElement(k,{control:h,bubbles:!G.current,name:a,value:f,checked:n,required:c,disabled:m,style:{transform:"translateX(-100%)"}}))})),h=/*#__PURE__*/s.forwardRef(((r,o)=>{const{__scopeRadio:t,forceMount:a,...n}=r,c=R("RadioIndicator",t);/*#__PURE__*/return s.createElement(e,{present:a||c.checked},/*#__PURE__*/s.createElement(i.span,p({"data-state":E(c.checked),"data-disabled":c.disabled?"":void 0},n,{ref:o})))})),k=e=>{const{control:t,checked:a,bubbles:n=!0,...i}=e,c=s.useRef(null),d=r(a),u=o(t);return s.useEffect((()=>{const e=c.current,r=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor(r,"checked").set;if(d!==a&&o){const r=new Event("click",{bubbles:n});o.call(e,a),e.dispatchEvent(r)}}),[d,a,n]),/*#__PURE__*/s.createElement("input",p({type:"radio","aria-hidden":!0,defaultChecked:a},i,{tabIndex:-1,ref:c,style:{...e.style,...u,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function E(e){return e?"checked":"unchecked"}const x=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],[y,w]=c("RadioGroup",[n,f]);export{w as createRadioGroupScope};const g=n(),G=f(),[C,I]=y("RadioGroup");export const RadioGroup=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,name:n,"aria-labelledby":c,defaultValue:d,value:l,required:m=!1,orientation:f,dir:b="ltr",loop:R=!0,onValueChange:v,...h}=e,k=u(),E=c||k,x=g(o),[y,w]=t({prop:l,defaultProp:d,onChange:v});/*#__PURE__*/return s.createElement(C,{scope:o,name:n,required:m,value:y,onValueChange:w},/*#__PURE__*/s.createElement(a.Root,p({asChild:!0},x,{orientation:f,dir:b,loop:R}),/*#__PURE__*/s.createElement(i.div,p({role:"radiogroup","aria-orientation":f,"aria-labelledby":E,dir:b},h,{ref:r}))))}));/*#__PURE__*/export const RadioGroupItem=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,disabled:t,...n}=e,i=I("RadioGroupItem",o),c=g(o),u=G(o),m=s.useRef(null),f=d(r,m),b=i.value===n.value,R=s.useRef(!1);return s.useEffect((()=>{const e=e=>{x.includes(e.key)&&(R.current=!0)},r=()=>R.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",r),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",r)}}),[]),/*#__PURE__*/s.createElement(a.Item,p({asChild:!0},c,{focusable:!t,active:b}),/*#__PURE__*/s.createElement(v,p({disabled:t,required:i.required,checked:b},u,n,{name:i.name,ref:f,onCheck:()=>i.onValueChange(n.value),onFocus:l(n.onFocus,(()=>{var e;R.current&&(null===(e=m.current)||void 0===e||e.click())}))})))}));/*#__PURE__*/export const RadioGroupIndicator=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeRadioGroup:o,...t}=e,a=G(o);/*#__PURE__*/return s.createElement(h,p({},a,t,{ref:r}))}));/*#__PURE__*/export const Root=RadioGroup;export const Item=RadioGroupItem;export const Indicator=RadioGroupIndicator;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-radio-group",
-  "version": "0.1.2-rc.2",
+  "version": "0.1.2-rc.3",
   "license": "MIT",
@@ -26,3 +26,3 @@ "source": "src/index.ts",
     "@radix-ui/react-primitive": "0.1.1",
-    "@radix-ui/react-roving-focus": "0.1.2-rc.2",
+    "@radix-ui/react-roving-focus": "0.1.2-rc.3",
     "@radix-ui/react-use-controllable-state": "0.1.0",
@@ -29,0 +29,0 @@ "@radix-ui/react-use-previous": "0.1.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

58280

increased by5.23%

Lines of code

89

increased by3.49%

Dependency changes

• + Added@radix-ui/react-roving-focus@0.1.2-rc.3(transitive)

• - Removed@radix-ui/react-roving-focus@0.1.2-rc.2(transitive)

• Updated@radix-ui/react-roving-focus@0.1.2-rc.3