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

Comparing version 0.0.16 to 0.0.17

dist/index.d.ts

@@ -9,5 +9,4 @@ import * as React from "react";
     checked?: boolean;
-    defaultChecked?: boolean;
     required?: InputDOMProps['required'];
-    onCheckedChange?: InputDOMProps['onChange'];
+    onCheck?(): void;
 }>;
@@ -22,7 +21,7 @@ type RadioPrimitive = Polymorphic.ForwardRefComponent<typeof RADIO_DEFAULT_TAG, RadioOwnProps>;
     required?: React.ComponentProps<typeof Radio>['required'];
-    onValueChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?(value: string): void;
 }>;
 export type RadioGroupPrimitive = Polymorphic.ForwardRefComponent<typeof RADIO_GROUP_DEFAULT_TAG, RadioGroupOwnProps>;
 export const RadioGroup: RadioGroupPrimitive;
-type RadioGroupItemOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof Radio>, {
+type RadioGroupItemOwnProps = Polymorphic.Merge<Omit<Polymorphic.OwnProps<typeof Radio>, 'onCheck'>, {
     value: string;
@@ -29,0 +28,0 @@ name?: never;

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,a,t=require("@radix-ui/react-presence").Presence,o=require("@radix-ui/react-use-controllable-state").useControllableState,i=require("@radix-ui/react-use-callback-ref").useCallbackRef,n=require("@radix-ui/react-slot").Slot,d=require("@radix-ui/react-roving-focus"),l=d.RovingFocusGroup,u=d.RovingFocusItem,c=require("@radix-ui/react-primitive"),s=c.extendPrimitive,p=c.Primitive,f=require("@radix-ui/react-context").createContext,b=require("@radix-ui/react-compose-refs").useComposedRefs,m=require("@radix-ui/react-label").useLabelContext,v=require("@radix-ui/primitive").composeEventHandlers,h=(e={},r=require("react"),Object.keys(r).forEach((function(a){"default"!==a&&"__esModule"!==a&&Object.defineProperty(e,a,{enumerable:!0,get:function(){return r[a]}})})),e),k=(a=require("@babel/runtime/helpers/extends"))&&a.__esModule?a.default:a;const x="button",[C,R]=f("Radio"),q=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:a=x,"aria-labelledby":t,name:i,checked:n,defaultChecked:d,required:l,disabled:u,value:c="on",onCheckedChange:s,...f}=e,R=h.useRef(null),[q,g]=h.useState(null),E=b(r,(e=>g(e))),I=m(q),G=t||I,[P=!1,F]=o({prop:n,defaultProp:d});/*#__PURE__*/return h.createElement(h.Fragment,null,/*#__PURE__*/h.createElement("input",{ref:R,type:"radio",name:i,checked:P,required:l,disabled:u,value:c,style:{display:"none"},onChange:v(s,(e=>{F(e.target.checked)}))}),/*#__PURE__*/h.createElement(C,{checked:P,disabled:u},/*#__PURE__*/h.createElement(p,k({type:"button",role:"radio","aria-checked":P,"aria-labelledby":G,"data-state":y(P),"data-disabled":u?"":void 0,disabled:u,value:c},f,{as:a,ref:E,onClick:v(e.onClick,(()=>{var e;return null===(e=R.current)||void 0===e?void 0:e.click()}),{checkForDefaultPrevented:!1})}))))})),g="span",E=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:a=g,forceMount:o,...i}=e,n=R("RadioIndicator");/*#__PURE__*/return h.createElement(t,{present:o||n.checked},/*#__PURE__*/h.createElement(p,k({"data-state":y(n.checked),"data-disabled":n.disabled?"":void 0},i,{as:a,ref:r})))}));function y(e){return e?"checked":"unchecked"}const I="div",[G,P]=f("RadioGroup"),F=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:a=I,name:t,"aria-labelledby":n,defaultValue:d,value:u,required:c,orientation:s,dir:p="ltr",loop:f=!0,onValueChange:b,...x}=e,C=m(),R=n||C,q=i(b),[g,E]=o({prop:u,defaultProp:d});/*#__PURE__*/return h.createElement(G,{name:t,value:g,required:c,onValueChange:h.useCallback(v(q,(e=>E(e.target.value))),[q])},/*#__PURE__*/h.createElement(l,k({role:"radiogroup","aria-labelledby":R,orientation:s,dir:p,loop:f},x,{as:a,ref:r})))}));exports.RadioGroup=F;const w=/*#__PURE__*/h.forwardRef(((e,r)=>{const{disabled:a,...t}=e,o=P("RadioGroupItem"),i=h.useRef(null),d=b(r,i),l=o.value===t.value;/*#__PURE__*/return h.createElement(u,{as:n,focusable:!a,active:l},/*#__PURE__*/h.createElement(q,k({disabled:a,required:o.required,checked:l},t,{name:o.name,ref:d,onCheckedChange:v(e.onCheckedChange,o.onValueChange),onFocus:v(t.onFocus,(()=>{var e;void 0!==o.value&&(null===(e=i.current)||void 0===e||e.click())}))})))}));exports.RadioGroupItem=w;const V=s(E,{displayName:"RadioGroupIndicator"});exports.RadioGroupIndicator=V;const _=F;exports.Root=_;const M=w;exports.Item=M;const S=V;exports.Indicator=S;
+var e,r,t,a=require("@radix-ui/react-presence").Presence,o=require("@radix-ui/react-use-previous").usePrevious,i=require("@radix-ui/react-use-size").useSize,n=require("@radix-ui/react-use-controllable-state").useControllableState,u=require("@radix-ui/react-slot").Slot,c=require("@radix-ui/react-roving-focus"),l=c.RovingFocusGroup,d=c.RovingFocusItem,s=require("@radix-ui/react-primitive"),p=s.extendPrimitive,b=s.Primitive,f=require("@radix-ui/react-context").createContext,m=require("@radix-ui/react-compose-refs").useComposedRefs,v=require("@radix-ui/react-label").useLabelContext,x=require("@radix-ui/primitive").composeEventHandlers,h=(e={},r=require("react"),Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e),k=(t=require("@babel/runtime/helpers/extends"))&&t.__esModule?t.default:t;const q="button",[R,E]=f("Radio"),y=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:t=q,"aria-labelledby":a,name:o,checked:i=!1,required:n,disabled:u,value:c="on",onCheck:l,...d}=e,[s,p]=h.useState(null),f=m(r,(e=>p(e))),E=v(s),y=a||E,g=h.useRef(!1),C=!s||Boolean(s.closest("form"));/*#__PURE__*/return h.createElement(R,{checked:i,disabled:u},/*#__PURE__*/h.createElement(b,k({type:"button",role:"radio","aria-checked":i,"aria-labelledby":y,"data-state":P(i),"data-disabled":u?"":void 0,disabled:u,value:c},d,{as:t,ref:f,onClick:x(e.onClick,(e=>{i||null==l||l(),C&&(g.current=e.isPropagationStopped(),g.current||e.stopPropagation())}))})),C&&/*#__PURE__*/h.createElement(I,{control:s,bubbles:!g.current,name:o,value:c,checked:i,required:n,disabled:u,style:{transform:"translateX(-100%)"}}))})),g="span",C=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:t=g,forceMount:o,...i}=e,n=E("RadioIndicator");/*#__PURE__*/return h.createElement(a,{present:o||n.checked},/*#__PURE__*/h.createElement(b,k({"data-state":P(n.checked),"data-disabled":n.disabled?"":void 0},i,{as:t,ref:r})))})),I=e=>{const{control:r,checked:t,bubbles:a=!0,...n}=e,u=h.useRef(null),c=o(t),l=i(r);return h.useEffect((()=>{const e=u.current,r=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor(r,"checked").set;if(c!==t&&o){const r=new Event("click",{bubbles:a});o.call(e,t),e.dispatchEvent(r)}}),[c,t,a]),/*#__PURE__*/h.createElement("input",k({type:"radio",defaultChecked:t},n,{tabIndex:-1,ref:u,style:{...e.style,...l,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function P(e){return e?"checked":"unchecked"}const w="div",[G,S]=f("RadioGroup"),F=/*#__PURE__*/h.forwardRef(((e,r)=>{const{as:t=w,name:a,"aria-labelledby":o,defaultValue:i,value:u,required:c,orientation:d,dir:s="ltr",loop:p=!0,onValueChange:b,...f}=e,m=v(),x=o||m,[q,R]=n({prop:u,defaultProp:i,onChange:b});/*#__PURE__*/return h.createElement(G,{name:a,value:q,required:c,onValueChange:R},/*#__PURE__*/h.createElement(l,k({role:"radiogroup","aria-labelledby":x,orientation:d,dir:s,loop:p},f,{as:t,ref:r})))}));exports.RadioGroup=F;const M=/*#__PURE__*/h.forwardRef(((e,r)=>{const{disabled:t,...a}=e,o=S("RadioGroupItem"),i=h.useRef(null),n=m(r,i),c=o.value===a.value;/*#__PURE__*/return h.createElement(d,{as:u,focusable:!t,active:c},/*#__PURE__*/h.createElement(y,k({disabled:t,required:o.required,checked:c},a,{name:o.name,ref:n,onCheck:()=>o.onValueChange(a.value),onFocus:x(a.onFocus,(()=>{var e;void 0!==o.value&&(null===(e=i.current)||void 0===e||e.click())}))})))}));exports.RadioGroupItem=M;const O=p(C,{displayName:"RadioGroupIndicator"});exports.RadioGroupIndicator=O;const V=F;exports.Root=V;const _=M;exports.Item=_;const j=O;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{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{useCallbackRef as a}from"@radix-ui/react-use-callback-ref";import{Slot as o}from"@radix-ui/react-slot";import{RovingFocusGroup as t,RovingFocusItem as i}from"@radix-ui/react-roving-focus";import{extendPrimitive as d,Primitive as n}from"@radix-ui/react-primitive";import{createContext as l}from"@radix-ui/react-context";import{useComposedRefs as c}from"@radix-ui/react-compose-refs";import{useLabelContext as u}from"@radix-ui/react-label";import{composeEventHandlers as s}from"@radix-ui/primitive";import*as m from"react";import p from"@babel/runtime/helpers/esm/extends";const f="button",[b,h]=l("Radio"),v=/*#__PURE__*/m.forwardRef(((e,a)=>{const{as:o=f,"aria-labelledby":t,name:i,checked:d,defaultChecked:l,required:h,disabled:v,value:k="on",onCheckedChange:x,...C}=e,g=m.useRef(null),[E,y]=m.useState(null),G=c(a,(e=>y(e))),I=u(E),q=t||I,[w=!1,F]=r({prop:d,defaultProp:l});/*#__PURE__*/return m.createElement(m.Fragment,null,/*#__PURE__*/m.createElement("input",{ref:g,type:"radio",name:i,checked:w,required:h,disabled:v,value:k,style:{display:"none"},onChange:s(x,(e=>{F(e.target.checked)}))}),/*#__PURE__*/m.createElement(b,{checked:w,disabled:v},/*#__PURE__*/m.createElement(n,p({type:"button",role:"radio","aria-checked":w,"aria-labelledby":q,"data-state":R(w),"data-disabled":v?"":void 0,disabled:v,value:k},C,{as:o,ref:G,onClick:s(e.onClick,(()=>{var e;return null===(e=g.current)||void 0===e?void 0:e.click()}),{checkForDefaultPrevented:!1})}))))})),k="span",x=/*#__PURE__*/m.forwardRef(((r,a)=>{const{as:o=k,forceMount:t,...i}=r,d=h("RadioIndicator");/*#__PURE__*/return m.createElement(e,{present:t||d.checked},/*#__PURE__*/m.createElement(n,p({"data-state":R(d.checked),"data-disabled":d.disabled?"":void 0},i,{as:o,ref:a})))}));function R(e){return e?"checked":"unchecked"}const C="div",[g,E]=l("RadioGroup");export const RadioGroup=/*#__PURE__*/m.forwardRef(((e,o)=>{const{as:i=C,name:d,"aria-labelledby":n,defaultValue:l,value:c,required:f,orientation:b,dir:h="ltr",loop:v=!0,onValueChange:k,...x}=e,R=u(),E=n||R,y=a(k),[G,I]=r({prop:c,defaultProp:l});/*#__PURE__*/return m.createElement(g,{name:d,value:G,required:f,onValueChange:m.useCallback(s(y,(e=>I(e.target.value))),[y])},/*#__PURE__*/m.createElement(t,p({role:"radiogroup","aria-labelledby":E,orientation:b,dir:h,loop:v},x,{as:i,ref:o})))}));/*#__PURE__*/export const RadioGroupItem=/*#__PURE__*/m.forwardRef(((e,r)=>{const{disabled:a,...t}=e,d=E("RadioGroupItem"),n=m.useRef(null),l=c(r,n),u=d.value===t.value;/*#__PURE__*/return m.createElement(i,{as:o,focusable:!a,active:u},/*#__PURE__*/m.createElement(v,p({disabled:a,required:d.required,checked:u},t,{name:d.name,ref:l,onCheckedChange:s(e.onCheckedChange,d.onValueChange),onFocus:s(t.onFocus,(()=>{var e;void 0!==d.value&&(null===(e=n.current)||void 0===e||e.click())}))})))}));/*#__PURE__*/export const RadioGroupIndicator=d(x,{displayName:"RadioGroupIndicator"});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 t}from"@radix-ui/react-use-size";import{useControllableState as o}from"@radix-ui/react-use-controllable-state";import{Slot as a}from"@radix-ui/react-slot";import{RovingFocusGroup as i,RovingFocusItem as n}from"@radix-ui/react-roving-focus";import{extendPrimitive as c,Primitive as d}from"@radix-ui/react-primitive";import{createContext as l}from"@radix-ui/react-context";import{useComposedRefs as u}from"@radix-ui/react-compose-refs";import{useLabelContext as s}from"@radix-ui/react-label";import{composeEventHandlers as p}from"@radix-ui/primitive";import*as m from"react";import f from"@babel/runtime/helpers/esm/extends";const b="button",[v,h]=l("Radio"),x=/*#__PURE__*/m.forwardRef(((e,r)=>{const{as:t=b,"aria-labelledby":o,name:a,checked:i=!1,required:n,disabled:c,value:l="on",onCheck:h,...x}=e,[R,k]=m.useState(null),I=u(r,(e=>k(e))),g=s(R),C=o||g,G=m.useRef(!1),w=!R||Boolean(R.closest("form"));/*#__PURE__*/return m.createElement(v,{checked:i,disabled:c},/*#__PURE__*/m.createElement(d,f({type:"button",role:"radio","aria-checked":i,"aria-labelledby":C,"data-state":y(i),"data-disabled":c?"":void 0,disabled:c,value:l},x,{as:t,ref:I,onClick:p(e.onClick,(e=>{i||null==h||h(),w&&(G.current=e.isPropagationStopped(),G.current||e.stopPropagation())}))})),w&&/*#__PURE__*/m.createElement(E,{control:R,bubbles:!G.current,name:a,value:l,checked:i,required:n,disabled:c,style:{transform:"translateX(-100%)"}}))})),R="span",k=/*#__PURE__*/m.forwardRef(((r,t)=>{const{as:o=R,forceMount:a,...i}=r,n=h("RadioIndicator");/*#__PURE__*/return m.createElement(e,{present:a||n.checked},/*#__PURE__*/m.createElement(d,f({"data-state":y(n.checked),"data-disabled":n.disabled?"":void 0},i,{as:o,ref:t})))})),E=e=>{const{control:o,checked:a,bubbles:i=!0,...n}=e,c=m.useRef(null),d=r(a),l=t(o);return m.useEffect((()=>{const e=c.current,r=window.HTMLInputElement.prototype,t=Object.getOwnPropertyDescriptor(r,"checked").set;if(d!==a&&t){const r=new Event("click",{bubbles:i});t.call(e,a),e.dispatchEvent(r)}}),[d,a,i]),/*#__PURE__*/m.createElement("input",f({type:"radio",defaultChecked:a},n,{tabIndex:-1,ref:c,style:{...e.style,...l,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function y(e){return e?"checked":"unchecked"}const I="div",[g,C]=l("RadioGroup");export const RadioGroup=/*#__PURE__*/m.forwardRef(((e,r)=>{const{as:t=I,name:a,"aria-labelledby":n,defaultValue:c,value:d,required:l,orientation:u,dir:p="ltr",loop:b=!0,onValueChange:v,...h}=e,x=s(),R=n||x,[k,E]=o({prop:d,defaultProp:c,onChange:v});/*#__PURE__*/return m.createElement(g,{name:a,value:k,required:l,onValueChange:E},/*#__PURE__*/m.createElement(i,f({role:"radiogroup","aria-labelledby":R,orientation:u,dir:p,loop:b},h,{as:t,ref:r})))}));/*#__PURE__*/export const RadioGroupItem=/*#__PURE__*/m.forwardRef(((e,r)=>{const{disabled:t,...o}=e,i=C("RadioGroupItem"),c=m.useRef(null),d=u(r,c),l=i.value===o.value;/*#__PURE__*/return m.createElement(n,{as:a,focusable:!t,active:l},/*#__PURE__*/m.createElement(x,f({disabled:t,required:i.required,checked:l},o,{name:i.name,ref:d,onCheck:()=>i.onValueChange(o.value),onFocus:p(o.onFocus,(()=>{var e;void 0!==i.value&&(null===(e=c.current)||void 0===e||e.click())}))})))}));/*#__PURE__*/export const RadioGroupIndicator=c(k,{displayName:"RadioGroupIndicator"});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.0.16",
+  "version": "0.0.17",
   "license": "MIT",
@@ -24,10 +24,12 @@ "source": "src/index.ts",
     "@radix-ui/react-context": "0.0.5",
-    "@radix-ui/react-label": "0.0.13",
-    "@radix-ui/react-polymorphic": "0.0.11",
+    "@radix-ui/react-label": "0.0.14",
+    "@radix-ui/react-polymorphic": "0.0.12",
     "@radix-ui/react-presence": "0.0.14",
-    "@radix-ui/react-primitive": "0.0.13",
-    "@radix-ui/react-roving-focus": "0.0.13",
-    "@radix-ui/react-slot": "0.0.10",
+    "@radix-ui/react-primitive": "0.0.14",
+    "@radix-ui/react-roving-focus": "0.0.14",
+    "@radix-ui/react-slot": "0.0.11",
     "@radix-ui/react-use-callback-ref": "0.0.5",
-    "@radix-ui/react-use-controllable-state": "0.0.6"
+    "@radix-ui/react-use-controllable-state": "0.0.6",
+    "@radix-ui/react-use-previous": "0.0.5",
+    "@radix-ui/react-use-size": "0.0.6"
   },
@@ -34,0 +36,0 @@ "peerDependencies": {

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

47900

increased by11.14%

Lines of code

64

increased by1.59%

Worsened metrics

Dependency count

15

increased by15.38%

Dependency changes

• + Added@radix-ui/react-use-previous@0.0.5

• + Added@radix-ui/react-use-size@0.0.6

• + Added@radix-ui/react-collection@0.0.13(transitive)

• + Added@radix-ui/react-label@0.0.14(transitive)

• + Added@radix-ui/react-polymorphic@0.0.12(transitive)

• + Added@radix-ui/react-primitive@0.0.14(transitive)

• + Added@radix-ui/react-roving-focus@0.0.14(transitive)

• + Added@radix-ui/react-slot@0.0.11(transitive)

• + Added@radix-ui/react-use-previous@0.0.5(transitive)

• + Added@radix-ui/react-use-size@0.0.6(transitive)

• - Removed@radix-ui/react-collection@0.0.12(transitive)

• - Removed@radix-ui/react-label@0.0.13(transitive)

• - Removed@radix-ui/react-polymorphic@0.0.11(transitive)

• - Removed@radix-ui/react-primitive@0.0.13(transitive)

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

• - Removed@radix-ui/react-slot@0.0.10(transitive)

• Updated@radix-ui/react-label@0.0.14

• Updated@radix-ui/react-polymorphic@0.0.12

• Updated@radix-ui/react-primitive@0.0.14

• Updated@radix-ui/react-roving-focus@0.0.14

• Updated@radix-ui/react-slot@0.0.11