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

Comparing version 0.1.1 to 0.1.2-rc.1

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-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,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;
 //# 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-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 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;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-radio-group",
-  "version": "0.1.1",
+  "version": "0.1.2-rc.1",
   "license": "MIT",
@@ -26,3 +26,3 @@ "source": "src/index.ts",
     "@radix-ui/react-primitive": "0.1.1",
-    "@radix-ui/react-roving-focus": "0.1.1",
+    "@radix-ui/react-roving-focus": "0.1.2-rc.1",
     "@radix-ui/react-use-controllable-state": "0.1.0",
@@ -42,3 +42,4 @@ "@radix-ui/react-use-previous": "0.1.0",
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "0.1.1"
 }

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

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

Improved metrics

Total package byte prevSize

55383

increased by0.36%

Dependency changes

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

• - Removed@radix-ui/react-roving-focus@0.1.1(transitive)

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