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

Comparing version 0.1.5 to 0.1.6-rc.1

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,o=require("@radix-ui/react-use-controllable-state").useControllableState,t=require("@radix-ui/react-toggle").Toggle,a=require("@radix-ui/react-roving-focus"),l=(e={},r=a,Object.keys(r).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return r[o]}})})),e),n=a.createRovingFocusGroupScope,u=require("@radix-ui/react-primitive").Primitive,c=require("@radix-ui/react-context").createContextScope,i=p(require("react")),s=p(require("@babel/runtime/helpers/extends"));function p(e){return e&&e.__esModule?e.default:e}const[g,d]=c("ToggleGroup",[n]);exports.createToggleGroupScope=d;const f=n(),m=/*#__PURE__*/i.forwardRef(((e,r)=>{const{type:o,...t}=e;if("single"===o){const e=t;/*#__PURE__*/return i.createElement(T,s({},e,{ref:r}))}if("multiple"===o){const e=t;/*#__PURE__*/return i.createElement(_,s({},e,{ref:r}))}throw new Error("Missing prop `type` expected on `ToggleGroup`")}));exports.ToggleGroup=m;const[v,G]=g("ToggleGroup"),T=/*#__PURE__*/i.forwardRef(((e,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[u,c]=o({prop:t,defaultProp:a,onChange:l});/*#__PURE__*/return i.createElement(v,{scope:e.__scopeToggleGroup,type:"single",value:u?[u]:[],onItemActivate:c,onItemDeactivate:i.useCallback((()=>c("")),[c])},/*#__PURE__*/i.createElement(x,s({},n,{ref:r})))})),_=/*#__PURE__*/i.forwardRef(((e,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[u=[],c]=o({prop:t,defaultProp:a,onChange:l}),p=i.useCallback((e=>c(((r=[])=>[...r,e]))),[c]),g=i.useCallback((e=>c(((r=[])=>r.filter((r=>r!==e))))),[c]);/*#__PURE__*/return i.createElement(v,{scope:e.__scopeToggleGroup,type:"multiple",value:u,onItemActivate:p,onItemDeactivate:g},/*#__PURE__*/i.createElement(x,s({},n,{ref:r})))})),[b,E]=g("ToggleGroup"),x=/*#__PURE__*/i.forwardRef(((e,r)=>{const{__scopeToggleGroup:o,disabled:t=!1,rovingFocus:a=!0,orientation:n,dir:c="ltr",loop:p=!0,...g}=e,d=f(o),m={role:"group",dir:c,...g};/*#__PURE__*/return i.createElement(b,{scope:o,rovingFocus:a,disabled:t},a?/*#__PURE__*/i.createElement(l.Root,s({asChild:!0},d,{orientation:n,dir:c,loop:p}),/*#__PURE__*/i.createElement(u.div,s({},m,{ref:r}))):/*#__PURE__*/i.createElement(u.div,s({},m,{ref:r})))})),C=/*#__PURE__*/i.forwardRef(((e,r)=>{const o=G("ToggleGroupItem",e.__scopeToggleGroup),t=E("ToggleGroupItem",e.__scopeToggleGroup),a=f(e.__scopeToggleGroup),n=o.value.includes(e.value),u=t.disabled||e.disabled,c={...e,pressed:n,disabled:u},p=i.useRef(null);return t.rovingFocus?/*#__PURE__*/i.createElement(l.Item,s({asChild:!0},a,{focusable:!u,active:n,ref:p}),/*#__PURE__*/i.createElement(I,s({},c,{ref:r}))):/*#__PURE__*/i.createElement(I,s({},c,{ref:r}))}));exports.ToggleGroupItem=C;const I=/*#__PURE__*/i.forwardRef(((e,r)=>{const{__scopeToggleGroup:o,value:a,...l}=e,n=G("ToggleGroupItem",o),u={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},c="single"===n.type?u:void 0;/*#__PURE__*/return i.createElement(t,s({},c,l,{ref:r,onPressedChange:e=>{e?n.onItemActivate(a):n.onItemDeactivate(a)}}))})),h=m;exports.Root=h;const R=C;exports.Item=R;
+var e,r,o=require("@radix-ui/react-direction").useDirection,t=require("@radix-ui/react-use-controllable-state").useControllableState,a=require("@radix-ui/react-toggle").Toggle,l=require("@radix-ui/react-roving-focus"),n=(e={},r=l,Object.keys(r).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return r[o]}})})),e),u=l.createRovingFocusGroupScope,c=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-context").createContextScope,s=g(require("react")),p=g(require("@babel/runtime/helpers/extends"));function g(e){return e&&e.__esModule?e.default:e}const[d,f]=i("ToggleGroup",[u]);exports.createToggleGroupScope=f;const m=u(),v=/*#__PURE__*/s.forwardRef(((e,r)=>{const{type:o,...t}=e;if("single"===o){const e=t;/*#__PURE__*/return s.createElement(_,p({},e,{ref:r}))}if("multiple"===o){const e=t;/*#__PURE__*/return s.createElement(b,p({},e,{ref:r}))}throw new Error("Missing prop `type` expected on `ToggleGroup`")}));exports.ToggleGroup=v;const[G,T]=d("ToggleGroup"),_=/*#__PURE__*/s.forwardRef(((e,r)=>{const{value:o,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[u,c]=t({prop:o,defaultProp:a,onChange:l});/*#__PURE__*/return s.createElement(G,{scope:e.__scopeToggleGroup,type:"single",value:u?[u]:[],onItemActivate:c,onItemDeactivate:s.useCallback((()=>c("")),[c])},/*#__PURE__*/s.createElement(C,p({},n,{ref:r})))})),b=/*#__PURE__*/s.forwardRef(((e,r)=>{const{value:o,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[u=[],c]=t({prop:o,defaultProp:a,onChange:l}),i=s.useCallback((e=>c(((r=[])=>[...r,e]))),[c]),g=s.useCallback((e=>c(((r=[])=>r.filter((r=>r!==e))))),[c]);/*#__PURE__*/return s.createElement(G,{scope:e.__scopeToggleGroup,type:"multiple",value:u,onItemActivate:i,onItemDeactivate:g},/*#__PURE__*/s.createElement(C,p({},n,{ref:r})))})),[E,x]=d("ToggleGroup"),C=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeToggleGroup:t,disabled:a=!1,rovingFocus:l=!0,orientation:u,dir:i,loop:g=!0,...d}=e,f=m(t),v=o(i),G={role:"group",dir:v,...d};/*#__PURE__*/return s.createElement(E,{scope:t,rovingFocus:l,disabled:a},l?/*#__PURE__*/s.createElement(n.Root,p({asChild:!0},f,{orientation:u,dir:v,loop:g}),/*#__PURE__*/s.createElement(c.div,p({},G,{ref:r}))):/*#__PURE__*/s.createElement(c.div,p({},G,{ref:r})))})),I=/*#__PURE__*/s.forwardRef(((e,r)=>{const o=T("ToggleGroupItem",e.__scopeToggleGroup),t=x("ToggleGroupItem",e.__scopeToggleGroup),a=m(e.__scopeToggleGroup),l=o.value.includes(e.value),u=t.disabled||e.disabled,c={...e,pressed:l,disabled:u},i=s.useRef(null);return t.rovingFocus?/*#__PURE__*/s.createElement(n.Item,p({asChild:!0},a,{focusable:!u,active:l,ref:i}),/*#__PURE__*/s.createElement(h,p({},c,{ref:r}))):/*#__PURE__*/s.createElement(h,p({},c,{ref:r}))}));exports.ToggleGroupItem=I;const h=/*#__PURE__*/s.forwardRef(((e,r)=>{const{__scopeToggleGroup:o,value:t,...l}=e,n=T("ToggleGroupItem",o),u={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},c="single"===n.type?u:void 0;/*#__PURE__*/return s.createElement(a,p({},c,l,{ref:r,onPressedChange:e=>{e?n.onItemActivate(t):n.onItemDeactivate(t)}}))})),R=v;exports.Root=R;const q=I;exports.Item=q;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{useControllableState as e}from"@radix-ui/react-use-controllable-state";import{Toggle as o}from"@radix-ui/react-toggle";import*as r from"@radix-ui/react-roving-focus";import{createRovingFocusGroupScope as t}from"@radix-ui/react-roving-focus";import{Primitive as a}from"@radix-ui/react-primitive";import{createContextScope as l}from"@radix-ui/react-context";import n from"react";import c from"@babel/runtime/helpers/esm/extends";const[i,p]=l("ToggleGroup",[t]);export{p as createToggleGroupScope};const s=t();export const ToggleGroup=/*#__PURE__*/n.forwardRef(((e,o)=>{const{type:r,...t}=e;if("single"===r){const e=t;/*#__PURE__*/return n.createElement(m,c({},e,{ref:o}))}if("multiple"===r){const e=t;/*#__PURE__*/return n.createElement(d,c({},e,{ref:o}))}throw new Error("Missing prop `type` expected on `ToggleGroup`")}));/*#__PURE__*/const[u,g]=i("ToggleGroup"),m=/*#__PURE__*/n.forwardRef(((o,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...i}=o,[p,s]=e({prop:t,defaultProp:a,onChange:l});/*#__PURE__*/return n.createElement(u,{scope:o.__scopeToggleGroup,type:"single",value:p?[p]:[],onItemActivate:s,onItemDeactivate:n.useCallback((()=>s("")),[s])},/*#__PURE__*/n.createElement(G,c({},i,{ref:r})))})),d=/*#__PURE__*/n.forwardRef(((o,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...i}=o,[p=[],s]=e({prop:t,defaultProp:a,onChange:l}),g=n.useCallback((e=>s(((o=[])=>[...o,e]))),[s]),m=n.useCallback((e=>s(((o=[])=>o.filter((o=>o!==e))))),[s]);/*#__PURE__*/return n.createElement(u,{scope:o.__scopeToggleGroup,type:"multiple",value:p,onItemActivate:g,onItemDeactivate:m},/*#__PURE__*/n.createElement(G,c({},i,{ref:r})))})),[f,v]=i("ToggleGroup"),G=/*#__PURE__*/n.forwardRef(((e,o)=>{const{__scopeToggleGroup:t,disabled:l=!1,rovingFocus:i=!0,orientation:p,dir:u="ltr",loop:g=!0,...m}=e,d=s(t),v={role:"group",dir:u,...m};/*#__PURE__*/return n.createElement(f,{scope:t,rovingFocus:i,disabled:l},i?/*#__PURE__*/n.createElement(r.Root,c({asChild:!0},d,{orientation:p,dir:u,loop:g}),/*#__PURE__*/n.createElement(a.div,c({},v,{ref:o}))):/*#__PURE__*/n.createElement(a.div,c({},v,{ref:o})))}));export const ToggleGroupItem=/*#__PURE__*/n.forwardRef(((e,o)=>{const t=g("ToggleGroupItem",e.__scopeToggleGroup),a=v("ToggleGroupItem",e.__scopeToggleGroup),l=s(e.__scopeToggleGroup),i=t.value.includes(e.value),p=a.disabled||e.disabled,u={...e,pressed:i,disabled:p},m=n.useRef(null);return a.rovingFocus?/*#__PURE__*/n.createElement(r.Item,c({asChild:!0},l,{focusable:!p,active:i,ref:m}),/*#__PURE__*/n.createElement(T,c({},u,{ref:o}))):/*#__PURE__*/n.createElement(T,c({},u,{ref:o}))}));/*#__PURE__*/const T=/*#__PURE__*/n.forwardRef(((e,r)=>{const{__scopeToggleGroup:t,value:a,...l}=e,i=g("ToggleGroupItem",t),p={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},s="single"===i.type?p:void 0;/*#__PURE__*/return n.createElement(o,c({},s,l,{ref:r,onPressedChange:e=>{e?i.onItemActivate(a):i.onItemDeactivate(a)}}))}));export const Root=ToggleGroup;export const Item=ToggleGroupItem;
+import{useDirection as e}from"@radix-ui/react-direction";import{useControllableState as o}from"@radix-ui/react-use-controllable-state";import{Toggle as r}from"@radix-ui/react-toggle";import*as t from"@radix-ui/react-roving-focus";import{createRovingFocusGroupScope as a}from"@radix-ui/react-roving-focus";import{Primitive as l}from"@radix-ui/react-primitive";import{createContextScope as n}from"@radix-ui/react-context";import i from"react";import c from"@babel/runtime/helpers/esm/extends";const[p,u]=n("ToggleGroup",[a]);export{u as createToggleGroupScope};const s=a();export const ToggleGroup=/*#__PURE__*/i.forwardRef(((e,o)=>{const{type:r,...t}=e;if("single"===r){const e=t;/*#__PURE__*/return i.createElement(d,c({},e,{ref:o}))}if("multiple"===r){const e=t;/*#__PURE__*/return i.createElement(f,c({},e,{ref:o}))}throw new Error("Missing prop `type` expected on `ToggleGroup`")}));/*#__PURE__*/const[g,m]=p("ToggleGroup"),d=/*#__PURE__*/i.forwardRef(((e,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[p,u]=o({prop:t,defaultProp:a,onChange:l});/*#__PURE__*/return i.createElement(g,{scope:e.__scopeToggleGroup,type:"single",value:p?[p]:[],onItemActivate:u,onItemDeactivate:i.useCallback((()=>u("")),[u])},/*#__PURE__*/i.createElement(T,c({},n,{ref:r})))})),f=/*#__PURE__*/i.forwardRef(((e,r)=>{const{value:t,defaultValue:a,onValueChange:l=(()=>{}),...n}=e,[p=[],u]=o({prop:t,defaultProp:a,onChange:l}),s=i.useCallback((e=>u(((o=[])=>[...o,e]))),[u]),m=i.useCallback((e=>u(((o=[])=>o.filter((o=>o!==e))))),[u]);/*#__PURE__*/return i.createElement(g,{scope:e.__scopeToggleGroup,type:"multiple",value:p,onItemActivate:s,onItemDeactivate:m},/*#__PURE__*/i.createElement(T,c({},n,{ref:r})))})),[v,G]=p("ToggleGroup"),T=/*#__PURE__*/i.forwardRef(((o,r)=>{const{__scopeToggleGroup:a,disabled:n=!1,rovingFocus:p=!0,orientation:u,dir:g,loop:m=!0,...d}=o,f=s(a),G=e(g),T={role:"group",dir:G,...d};/*#__PURE__*/return i.createElement(v,{scope:a,rovingFocus:p,disabled:n},p?/*#__PURE__*/i.createElement(t.Root,c({asChild:!0},f,{orientation:u,dir:G,loop:m}),/*#__PURE__*/i.createElement(l.div,c({},T,{ref:r}))):/*#__PURE__*/i.createElement(l.div,c({},T,{ref:r})))}));export const ToggleGroupItem=/*#__PURE__*/i.forwardRef(((e,o)=>{const r=m("ToggleGroupItem",e.__scopeToggleGroup),a=G("ToggleGroupItem",e.__scopeToggleGroup),l=s(e.__scopeToggleGroup),n=r.value.includes(e.value),p=a.disabled||e.disabled,u={...e,pressed:n,disabled:p},g=i.useRef(null);return a.rovingFocus?/*#__PURE__*/i.createElement(t.Item,c({asChild:!0},l,{focusable:!p,active:n,ref:g}),/*#__PURE__*/i.createElement(x,c({},u,{ref:o}))):/*#__PURE__*/i.createElement(x,c({},u,{ref:o}))}));/*#__PURE__*/const x=/*#__PURE__*/i.forwardRef(((e,o)=>{const{__scopeToggleGroup:t,value:a,...l}=e,n=m("ToggleGroupItem",t),p={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},u="single"===n.type?p:void 0;/*#__PURE__*/return i.createElement(r,c({},u,l,{ref:o,onPressedChange:e=>{e?n.onItemActivate(a):n.onItemDeactivate(a)}}))}));export const Root=ToggleGroup;export const Item=ToggleGroupItem;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-toggle-group",
-  "version": "0.1.5",
+  "version": "0.1.6-rc.1",
   "license": "MIT",
@@ -22,4 +22,5 @@ "source": "src/index.ts",
     "@radix-ui/react-context": "0.1.1",
+    "@radix-ui/react-direction": "0.1.0-rc.1",
     "@radix-ui/react-primitive": "0.1.4",
-    "@radix-ui/react-roving-focus": "0.1.5",
+    "@radix-ui/react-roving-focus": "0.1.6-rc.1",
     "@radix-ui/react-toggle": "0.1.4",
@@ -38,3 +39,4 @@ "@radix-ui/react-use-controllable-state": "0.1.0"
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "0.1.5"
 }

No alert changes

Improved metrics

Total package byte prevSize

44833

1.13%

Worsened metrics

Dependency count

9

12.5%

Dependency changes

• + Added

  @radix-ui/react-direction@0.1.0-rc.1

• + Added

  @radix-ui/react-direction@0.1.0-rc.1
  (transitive)

• + Added

  @radix-ui/react-roving-focus@0.1.6-rc.1
  (transitive)

• - Removed

  @radix-ui/react-roving-focus@0.1.5
  (transitive)

• Updated

  @radix-ui/react-roving-focus@0.1.6-rc.1