@spark-ui/collapsible - npm Package Compare versions

Comparing version 7.2.0 to 7.2.1

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [7.2.1](https://github.com/adevinta/spark/compare/v7.2.0...v7.2.1) (2024-11-26)
+
+### Bug Fixes
+
+- use useEvent to all callbacks to ensure they are memoized correctly ([89a9c10](https://github.com/adevinta/spark/commit/89a9c1051c2753dc0999ee9c85b967ee5db49091))
+
 # [7.2.0](https://github.com/adevinta/spark/compare/v7.1.1...v7.2.0) (2024-11-26)
@@ -8,0 +14,0 @@

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),p=require("@spark-ui/slot"),T=require("@zag-js/collapsible"),i=require("@zag-js/react"),q=require("class-variance-authority");function x(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=x(T),h=o.createContext(null),y=o.forwardRef(({asChild:e=!1,children:n,defaultOpen:t=!1,disabled:a=!1,onOpenChange:l,open:r,ids:s,...d},c)=>{const b={"open.controlled":r!==void 0,open:t||r,disabled:a,id:o.useId(),ids:s},O={...b,onOpenChange(j){l?.(j.open)},open:r,disabled:a},[v,N]=i.useMachine(f.machine(b),{context:O}),g=f.connect(v,N,i.normalizeProps),w=e?p.Slot:"div",S=i.mergeProps(g.getRootProps(),d);return o.createElement(h.Provider,{value:g},o.createElement(w,{"data-spark-component":"collapsible",ref:c,...S},n))});y.displayName="Collapsible";const P=()=>{const e=o.useContext(h);if(!e)throw Error("useCollapsibleContext must be used within a Collapsible provider");return e},u=o.forwardRef(({asChild:e=!1,className:n,children:t,...a},l)=>{const{getContentProps:r}=P(),s=e?p.Slot:"div",d=r(),c=i.mergeProps(d,{className:q.cx("overflow-hidden","motion-reduce:!animate-none","[&[hidden]]:hidden","data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out",n),...a});return o.createElement(s,{ref:l,"data-spark-component":"collapsible-content",...c},t)});u.displayName="Collapsible.Content";const m=o.forwardRef(({asChild:e=!1,children:n,...t},a)=>{const l=P(),r=e?p.Slot:"button",s=i.mergeProps(l.getTriggerProps(),t);return o.createElement(r,{ref:a,"data-spark-component":"collapsible-trigger",...s},n)});m.displayName="Collapsible.Trigger";const C=Object.assign(y,{Trigger:m,Content:u});C.displayName="Collapsible",m.displayName="Collapsible.Trigger",u.displayName="Collapsible.Content",exports.Collapsible=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),q=require("@spark-ui/internal-utils"),p=require("@spark-ui/slot"),E=require("@zag-js/collapsible"),i=require("@zag-js/react"),T=require("class-variance-authority");function x(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=x(E),h=o.createContext(null),y=o.forwardRef(({asChild:e=!1,children:n,defaultOpen:t=!1,disabled:r=!1,onOpenChange:l,open:a,ids:s,...d},c)=>{const m={"open.controlled":a!==void 0,open:t||a,disabled:r,id:o.useId(),ids:s},v={...m,onOpenChange:q.useEvent(j=>{l?.(j.open)},{sync:!0}),open:a,disabled:r},[O,N]=i.useMachine(f.machine(m),{context:v}),b=f.connect(O,N,i.normalizeProps),w=e?p.Slot:"div",S=i.mergeProps(b.getRootProps(),d);return o.createElement(h.Provider,{value:b},o.createElement(w,{"data-spark-component":"collapsible",ref:c,...S},n))});y.displayName="Collapsible";const P=()=>{const e=o.useContext(h);if(!e)throw Error("useCollapsibleContext must be used within a Collapsible provider");return e},u=o.forwardRef(({asChild:e=!1,className:n,children:t,...r},l)=>{const{getContentProps:a}=P(),s=e?p.Slot:"div",d=a(),c=i.mergeProps(d,{className:T.cx("overflow-hidden","motion-reduce:!animate-none","[&[hidden]]:hidden","data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out",n),...r});return o.createElement(s,{ref:l,"data-spark-component":"collapsible-content",...c},t)});u.displayName="Collapsible.Content";const g=o.forwardRef(({asChild:e=!1,children:n,...t},r)=>{const l=P(),a=e?p.Slot:"button",s=i.mergeProps(l.getTriggerProps(),t);return o.createElement(a,{ref:r,"data-spark-component":"collapsible-trigger",...s},n)});g.displayName="Collapsible.Trigger";const C=Object.assign(y,{Trigger:g,Content:u});C.displayName="Collapsible",g.displayName="Collapsible.Trigger",u.displayName="Collapsible.Content",exports.Collapsible=C;

package.json

 {
   "name": "@spark-ui/collapsible",
-  "version": "7.2.0",
+  "version": "7.2.1",
   "description": "An interactive component which expands/collapses a panel.",
@@ -48,7 +48,8 @@ "publishConfig": {
   "dependencies": {
-    "@spark-ui/slot": "^7.2.0",
+    "@spark-ui/internal-utils": "^7.2.1",
+    "@spark-ui/slot": "^7.2.1",
     "@zag-js/collapsible": "0.73.1",
     "@zag-js/react": "0.73.1"
   },
-  "gitHead": "819bc8f1d05c1fdd206165218e12b1bfa62376f7"
+  "gitHead": "583684d816dab05a1969bc3778112b1351e92bf2"
 }

No alert changes

Improved metrics

Total package byte prevSize

32375

increased by1.4%

Lines of code

282

increased by0.71%

Worsened metrics

Dependency count

9

increased by12.5%

Dependency changes

• + Added@spark-ui/internal-utils@^7.2.1

• + Added@spark-ui/internal-utils@7.3.7(transitive)

• + Added@spark-ui/tailwind-plugins@9.0.4(transitive)

• + Added@spark-ui/theme-utils@9.0.4(transitive)

• - Removed@spark-ui/tailwind-plugins@9.0.8(transitive)

• - Removed@spark-ui/theme-utils@9.0.8(transitive)

• Updated@spark-ui/slot@^7.2.1