@radix-ui/react-collapsible - npm Package Compare versions

Comparing version 0.1.6-rc.12 to 0.1.6-rc.13

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,r,n=require("@radix-ui/react-id").useId,o=require("@radix-ui/react-presence").Presence,i=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-compose-refs").useComposedRefs,s=require("@radix-ui/react-use-layout-effect").useLayoutEffect,l=require("@radix-ui/react-use-controllable-state").useControllableState,c=require("@radix-ui/react-context").createContextScope,u=require("@radix-ui/primitive").composeEventHandlers,d=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),p=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[f,b]=c("Collapsible");exports.createCollapsibleScope=b;const[C,m]=f("Collapsible"),x=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:r,open:o,defaultOpen:a,disabled:s,onOpenChange:c,...u}=e,[f=!1,b]=l({prop:o,defaultProp:a,onChange:c});/*#__PURE__*/return d.createElement(C,{scope:r,disabled:s,contentId:n(),open:f,onOpenToggle:d.useCallback((()=>b((e=>!e))),[b])},/*#__PURE__*/d.createElement(i.div,p({"data-state":v(f),"data-disabled":s?"":void 0},u,{ref:t})))}));exports.Collapsible=x;const g=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:r,...n}=e,o=m("CollapsibleTrigger",r);/*#__PURE__*/return d.createElement(i.button,p({type:"button","aria-controls":o.contentId,"aria-expanded":o.open||!1,"data-state":v(o.open),"data-disabled":o.disabled?"":void 0,disabled:o.disabled},n,{ref:t,onClick:u(e.onClick,o.onOpenToggle)}))}));exports.CollapsibleTrigger=g;const y=/*#__PURE__*/d.forwardRef(((e,t)=>{const{forceMount:r,...n}=e,i=m("CollapsibleContent",e.__scopeCollapsible);/*#__PURE__*/return d.createElement(o,{present:r||i.open},(({present:e})=>/*#__PURE__*/d.createElement(h,p({},n,{ref:t,present:e}))))}));exports.CollapsibleContent=y;const h=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:r,present:n,children:o,...l}=e,c=m("CollapsibleContent",r),[u,f]=d.useState(n),b=d.useRef(null),C=a(t,b),x=d.useRef(0),g=x.current,y=d.useRef(0),h=y.current,R=c.open||u,_=d.useRef(R),q=d.useRef();return d.useEffect((()=>{const e=requestAnimationFrame((()=>_.current=!1));return()=>cancelAnimationFrame(e)}),[]),s((()=>{const e=b.current;if(e){q.current=q.current||{transitionDuration:e.style.transitionDuration,animationDuration:e.style.animationDuration},e.style.transitionDuration="0s",e.style.animationDuration="0s";const t=e.getBoundingClientRect();x.current=t.height,y.current=t.width,_.current||(e.style.transitionDuration=q.current.transitionDuration,e.style.animationDuration=q.current.animationDuration),f(n)}}),[c.open,n]),/*#__PURE__*/d.createElement(i.div,p({"data-state":v(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!R},l,{ref:C,style:{"--radix-collapsible-content-height":g?`${g}px`:void 0,"--radix-collapsible-content-width":h?`${h}px`:void 0,...e.style}}),R&&o)}));function v(e){return e?"open":"closed"}const R=x;exports.Root=R;const _=g;exports.Trigger=_;const q=y;exports.Content=q;
+var e,t,n,r=require("@radix-ui/react-id").useId,o=require("@radix-ui/react-presence").Presence,i=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-compose-refs").useComposedRefs,l=require("@radix-ui/react-use-layout-effect").useLayoutEffect,s=require("@radix-ui/react-use-controllable-state").useControllableState,c=require("@radix-ui/react-context").createContextScope,u=require("@radix-ui/primitive").composeEventHandlers,d=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e),p=(n=require("@babel/runtime/helpers/extends"))&&n.__esModule?n.default:n;const[f,b]=c("Collapsible");exports.createCollapsibleScope=b;const[m,C]=f("Collapsible"),x=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:n,open:o,defaultOpen:a,disabled:l,onOpenChange:c,...u}=e,[f=!1,b]=s({prop:o,defaultProp:a,onChange:c});/*#__PURE__*/return d.createElement(m,{scope:n,disabled:l,contentId:r(),open:f,onOpenToggle:d.useCallback((()=>b((e=>!e))),[b])},/*#__PURE__*/d.createElement(i.div,p({"data-state":v(f),"data-disabled":l?"":void 0},u,{ref:t})))}));exports.Collapsible=x;const g=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:n,...r}=e,o=C("CollapsibleTrigger",n);/*#__PURE__*/return d.createElement(i.button,p({type:"button","aria-controls":o.contentId,"aria-expanded":o.open||!1,"data-state":v(o.open),"data-disabled":o.disabled?"":void 0,disabled:o.disabled},r,{ref:t,onClick:u(e.onClick,o.onOpenToggle)}))}));exports.CollapsibleTrigger=g;const y=/*#__PURE__*/d.forwardRef(((e,t)=>{const{forceMount:n,...r}=e,i=C("CollapsibleContent",e.__scopeCollapsible);/*#__PURE__*/return d.createElement(o,{present:n||i.open},(({present:e})=>/*#__PURE__*/d.createElement(h,p({},r,{ref:t,present:e}))))}));exports.CollapsibleContent=y;const h=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeCollapsible:n,present:r,children:o,...s}=e,c=C("CollapsibleContent",n),[u,f]=d.useState(r),b=d.useRef(null),m=a(t,b),x=d.useRef(0),g=x.current,y=d.useRef(0),h=y.current,R=c.open||u,_=d.useRef(R),q=d.useRef();return d.useEffect((()=>{const e=requestAnimationFrame((()=>_.current=!1));return()=>cancelAnimationFrame(e)}),[]),l((()=>{const e=b.current;if(e){q.current=q.current||{transitionDuration:e.style.transitionDuration,animationDuration:e.style.animationDuration,animationFillMode:e.style.animationFillMode},e.style.transitionDuration="0s",e.style.animationDuration="0s",e.style.animationFillMode="none";const t=e.getBoundingClientRect();x.current=t.height,y.current=t.width,_.current||(e.style.transitionDuration=q.current.transitionDuration,e.style.animationDuration=q.current.animationDuration,e.style.animationFillMode=q.current.animationFillMode),f(r)}}),[c.open,r]),/*#__PURE__*/d.createElement(i.div,p({"data-state":v(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!R},s,{ref:m,style:{"--radix-collapsible-content-height":g?`${g}px`:void 0,"--radix-collapsible-content-width":h?`${h}px`:void 0,...e.style}}),R&&o)}));function v(e){return e?"open":"closed"}const R=x;exports.Root=R;const _=g;exports.Trigger=_;const q=y;exports.Content=q;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{useId as e}from"@radix-ui/react-id";import{Presence as t}from"@radix-ui/react-presence";import{Primitive as o}from"@radix-ui/react-primitive";import{useComposedRefs as r}from"@radix-ui/react-compose-refs";import{useLayoutEffect as n}from"@radix-ui/react-use-layout-effect";import{useControllableState as i}from"@radix-ui/react-use-controllable-state";import{createContextScope as a}from"@radix-ui/react-context";import{composeEventHandlers as l}from"@radix-ui/primitive";import*as s from"react";import c from"@babel/runtime/helpers/esm/extends";const[p,d]=a("Collapsible");export{d as createCollapsibleScope};const[u,m]=p("Collapsible");export const Collapsible=/*#__PURE__*/s.forwardRef(((t,r)=>{const{__scopeCollapsible:n,open:a,defaultOpen:l,disabled:p,onOpenChange:d,...m}=t,[f=!1,C]=i({prop:a,defaultProp:l,onChange:d});/*#__PURE__*/return s.createElement(u,{scope:n,disabled:p,contentId:e(),open:f,onOpenToggle:s.useCallback((()=>C((e=>!e))),[C])},/*#__PURE__*/s.createElement(o.div,c({"data-state":b(f),"data-disabled":p?"":void 0},m,{ref:r})))}));/*#__PURE__*/export const CollapsibleTrigger=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeCollapsible:r,...n}=e,i=m("CollapsibleTrigger",r);/*#__PURE__*/return s.createElement(o.button,c({type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":b(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled},n,{ref:t,onClick:l(e.onClick,i.onOpenToggle)}))}));/*#__PURE__*/export const CollapsibleContent=/*#__PURE__*/s.forwardRef(((e,o)=>{const{forceMount:r,...n}=e,i=m("CollapsibleContent",e.__scopeCollapsible);/*#__PURE__*/return s.createElement(t,{present:r||i.open},(({present:e})=>/*#__PURE__*/s.createElement(f,c({},n,{ref:o,present:e}))))}));/*#__PURE__*/const f=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeCollapsible:i,present:a,children:l,...p}=e,d=m("CollapsibleContent",i),[u,f]=s.useState(a),C=s.useRef(null),x=r(t,C),g=s.useRef(0),h=g.current,R=s.useRef(0),y=R.current,D=d.open||u,v=s.useRef(D),_=s.useRef();return s.useEffect((()=>{const e=requestAnimationFrame((()=>v.current=!1));return()=>cancelAnimationFrame(e)}),[]),n((()=>{const e=C.current;if(e){_.current=_.current||{transitionDuration:e.style.transitionDuration,animationDuration:e.style.animationDuration},e.style.transitionDuration="0s",e.style.animationDuration="0s";const t=e.getBoundingClientRect();g.current=t.height,R.current=t.width,v.current||(e.style.transitionDuration=_.current.transitionDuration,e.style.animationDuration=_.current.animationDuration),f(a)}}),[d.open,a]),/*#__PURE__*/s.createElement(o.div,c({"data-state":b(d.open),"data-disabled":d.disabled?"":void 0,id:d.contentId,hidden:!D},p,{ref:x,style:{"--radix-collapsible-content-height":h?`${h}px`:void 0,"--radix-collapsible-content-width":y?`${y}px`:void 0,...e.style}}),D&&l)}));function b(e){return e?"open":"closed"}export const Root=Collapsible;export const Trigger=CollapsibleTrigger;export const Content=CollapsibleContent;
+import{useId as e}from"@radix-ui/react-id";import{Presence as t}from"@radix-ui/react-presence";import{Primitive as o}from"@radix-ui/react-primitive";import{useComposedRefs as n}from"@radix-ui/react-compose-refs";import{useLayoutEffect as r}from"@radix-ui/react-use-layout-effect";import{useControllableState as i}from"@radix-ui/react-use-controllable-state";import{createContextScope as a}from"@radix-ui/react-context";import{composeEventHandlers as l}from"@radix-ui/primitive";import*as s from"react";import c from"@babel/runtime/helpers/esm/extends";const[p,d]=a("Collapsible");export{d as createCollapsibleScope};const[u,m]=p("Collapsible");export const Collapsible=/*#__PURE__*/s.forwardRef(((t,n)=>{const{__scopeCollapsible:r,open:a,defaultOpen:l,disabled:p,onOpenChange:d,...m}=t,[f=!1,C]=i({prop:a,defaultProp:l,onChange:d});/*#__PURE__*/return s.createElement(u,{scope:r,disabled:p,contentId:e(),open:f,onOpenToggle:s.useCallback((()=>C((e=>!e))),[C])},/*#__PURE__*/s.createElement(o.div,c({"data-state":b(f),"data-disabled":p?"":void 0},m,{ref:n})))}));/*#__PURE__*/export const CollapsibleTrigger=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeCollapsible:n,...r}=e,i=m("CollapsibleTrigger",n);/*#__PURE__*/return s.createElement(o.button,c({type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":b(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled},r,{ref:t,onClick:l(e.onClick,i.onOpenToggle)}))}));/*#__PURE__*/export const CollapsibleContent=/*#__PURE__*/s.forwardRef(((e,o)=>{const{forceMount:n,...r}=e,i=m("CollapsibleContent",e.__scopeCollapsible);/*#__PURE__*/return s.createElement(t,{present:n||i.open},(({present:e})=>/*#__PURE__*/s.createElement(f,c({},r,{ref:o,present:e}))))}));/*#__PURE__*/const f=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeCollapsible:i,present:a,children:l,...p}=e,d=m("CollapsibleContent",i),[u,f]=s.useState(a),C=s.useRef(null),x=n(t,C),g=s.useRef(0),y=g.current,h=s.useRef(0),R=h.current,D=d.open||u,v=s.useRef(D),_=s.useRef();return s.useEffect((()=>{const e=requestAnimationFrame((()=>v.current=!1));return()=>cancelAnimationFrame(e)}),[]),r((()=>{const e=C.current;if(e){_.current=_.current||{transitionDuration:e.style.transitionDuration,animationDuration:e.style.animationDuration,animationFillMode:e.style.animationFillMode},e.style.transitionDuration="0s",e.style.animationDuration="0s",e.style.animationFillMode="none";const t=e.getBoundingClientRect();g.current=t.height,h.current=t.width,v.current||(e.style.transitionDuration=_.current.transitionDuration,e.style.animationDuration=_.current.animationDuration,e.style.animationFillMode=_.current.animationFillMode),f(a)}}),[d.open,a]),/*#__PURE__*/s.createElement(o.div,c({"data-state":b(d.open),"data-disabled":d.disabled?"":void 0,id:d.contentId,hidden:!D},p,{ref:x,style:{"--radix-collapsible-content-height":y?`${y}px`:void 0,"--radix-collapsible-content-width":R?`${R}px`:void 0,...e.style}}),D&&l)}));function b(e){return e?"open":"closed"}export const Root=Collapsible;export const Trigger=CollapsibleTrigger;export const Content=CollapsibleContent;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-collapsible",
-  "version": "0.1.6-rc.12",
+  "version": "0.1.6-rc.13",
   "license": "MIT",
@@ -23,5 +23,5 @@ "source": "src/index.ts",
     "@radix-ui/react-context": "0.1.1",
-    "@radix-ui/react-id": "0.1.5-rc.12",
-    "@radix-ui/react-presence": "0.1.2-rc.4",
-    "@radix-ui/react-primitive": "0.1.4-rc.12",
+    "@radix-ui/react-id": "0.1.5-rc.13",
+    "@radix-ui/react-presence": "0.1.2-rc.5",
+    "@radix-ui/react-primitive": "0.1.4-rc.13",
     "@radix-ui/react-use-controllable-state": "0.1.0",
@@ -28,0 +28,0 @@ "@radix-ui/react-use-layout-effect": "0.1.0"

No alert changes

Improved metrics

Total package byte prevSize

37957

increased by2.36%

Lines of code

58

increased by1.75%

Dependency changes

• + Added@radix-ui/react-id@0.1.5-rc.13(transitive)

• + Added@radix-ui/react-presence@0.1.2-rc.5(transitive)

• + Added@radix-ui/react-primitive@0.1.4-rc.13(transitive)

• - Removed@radix-ui/react-id@0.1.5-rc.12(transitive)

• - Removed@radix-ui/react-presence@0.1.2-rc.4(transitive)

• - Removed@radix-ui/react-primitive@0.1.4-rc.12(transitive)

• Updated@radix-ui/react-id@0.1.5-rc.13

• Updated@radix-ui/react-presence@0.1.2-rc.5

• Updated@radix-ui/react-primitive@0.1.4-rc.13