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

Comparing version 0.1.4 to 0.1.5

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,n,r=require("@radix-ui/react-id").useId,o=require("@radix-ui/react-presence").Presence,a=require("@radix-ui/react-primitive").Primitive,i=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,d=require("@radix-ui/primitive").composeEventHandlers,u=(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[C,x]=f("Collapsible"),m=/*#__PURE__*/u.forwardRef(((e,t)=>{const{__scopeCollapsible:n,open:o,defaultOpen:i,disabled:s,onOpenChange:c,...d}=e,[f=!1,b]=l({prop:o,defaultProp:i,onChange:c});/*#__PURE__*/return u.createElement(C,{scope:n,disabled:s,contentId:r(),open:f,onOpenToggle:u.useCallback((()=>b((e=>!e))),[b])},/*#__PURE__*/u.createElement(a.div,p({"data-state":y(f),"data-disabled":s?"":void 0},d,{ref:t})))}));exports.Collapsible=m;const g=/*#__PURE__*/u.forwardRef(((e,t)=>{const{__scopeCollapsible:n,...r}=e,o=x("CollapsibleTrigger",n);/*#__PURE__*/return u.createElement(a.button,p({"aria-controls":o.contentId,"aria-expanded":o.open||!1,"data-state":y(o.open),"data-disabled":o.disabled?"":void 0,disabled:o.disabled},r,{ref:t,onClick:d(e.onClick,o.onOpenToggle)}))}));exports.CollapsibleTrigger=g;const v=/*#__PURE__*/u.forwardRef(((e,t)=>{const{forceMount:n,...r}=e,a=x("CollapsibleContent",e.__scopeCollapsible);/*#__PURE__*/return u.createElement(o,{present:n||a.open},(({present:e})=>/*#__PURE__*/u.createElement(h,p({},r,{ref:t,present:e}))))}));exports.CollapsibleContent=v;const h=/*#__PURE__*/u.forwardRef(((e,t)=>{const{__scopeCollapsible:n,present:r,children:o,...l}=e,c=x("CollapsibleContent",n),[d,f]=u.useState(r),b=u.useRef(null),C=i(t,b),m=u.useRef(0),g=m.current,v=u.useRef(0),h=v.current,_=c.open||d,q=u.useRef(_);return u.useEffect((()=>{const e=requestAnimationFrame((()=>q.current=!1));return()=>cancelAnimationFrame(e)}),[]),s((()=>{const e=b.current;if(e){const t=e.style.transition,n=e.style.animation;e.style.transition="none",e.style.animation="none";const o=e.getBoundingClientRect();m.current=o.height,v.current=o.width,e.style.transition=t,e.style.animation=n,f(r)}}),[c.open,r]),/*#__PURE__*/u.createElement(a.div,p({"data-state":y(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!_},l,{ref:C,style:{"--radix-collapsible-content-height":g?`${g}px`:void 0,"--radix-collapsible-content-width":h?`${h}px`:void 0,animation:q.current?"none":void 0,...e.style}}),_&&o)}));function y(e){return e?"open":"closed"}const _=m;exports.Root=_;const q=g;exports.Trigger=q;const R=v;exports.Content=R;
+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":y(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({"aria-controls":o.contentId,"aria-expanded":o.open||!1,"data-state":y(o.open),"data-disabled":o.disabled?"":void 0,disabled:o.disabled},n,{ref:t,onClick:u(e.onClick,o.onOpenToggle)}))}));exports.CollapsibleTrigger=g;const h=/*#__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(v,p({},n,{ref:t,present:e}))))}));exports.CollapsibleContent=h;const v=/*#__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,h=d.useRef(0),v=h.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,h.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":y(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":v?`${v}px`:void 0,...e.style}}),R&&o)}));function y(e){return e?"open":"closed"}const R=x;exports.Root=R;const _=g;exports.Trigger=_;const q=h;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 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({"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),h=g.current,v=s.useRef(0),R=v.current,y=d.open||u,_=s.useRef(y);return s.useEffect((()=>{const e=requestAnimationFrame((()=>_.current=!1));return()=>cancelAnimationFrame(e)}),[]),r((()=>{const e=C.current;if(e){const t=e.style.transition,o=e.style.animation;e.style.transition="none",e.style.animation="none";const n=e.getBoundingClientRect();g.current=n.height,v.current=n.width,e.style.transition=t,e.style.animation=o,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:!y},p,{ref:x,style:{"--radix-collapsible-content-height":h?`${h}px`:void 0,"--radix-collapsible-content-width":R?`${R}px`:void 0,animation:_.current?"none":void 0,...e.style}}),y&&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 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({"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),D=R.current,v=d.open||u,y=s.useRef(v),_=s.useRef();return s.useEffect((()=>{const e=requestAnimationFrame((()=>y.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,y.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:!v},p,{ref:x,style:{"--radix-collapsible-content-height":h?`${h}px`:void 0,"--radix-collapsible-content-width":D?`${D}px`:void 0,...e.style}}),v&&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.4",
+  "version": "0.1.5",
   "license": "MIT",
@@ -23,5 +23,5 @@ "source": "src/index.ts",
     "@radix-ui/react-context": "0.1.1",
-    "@radix-ui/react-id": "0.1.3",
+    "@radix-ui/react-id": "0.1.4",
     "@radix-ui/react-presence": "0.1.1",
-    "@radix-ui/react-primitive": "0.1.2",
+    "@radix-ui/react-primitive": "0.1.3",
     "@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

36912

increased by1.98%

Lines of code

57

increased by1.79%

Dependency changes

• + Added@radix-ui/react-id@0.1.4(transitive)

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

• - Removed@radix-ui/react-id@0.1.3(transitive)

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

• Updated@radix-ui/react-id@0.1.4

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