@zag-js/toggle-group - npm Package Compare versions

Comparing version 0.0.0-dev-20230908110019 to 0.0.0-dev-20230908141548

dist/index.js

@@ -330,3 +330,3 @@ "use strict";
   change(ctx) {
-    ctx.onChange?.({ value: ctx.value });
+    ctx.onChange?.({ value: Array.from(ctx.value) });
   }
@@ -336,2 +336,4 @@ };
   value(ctx, value) {
+    if ((0, import_utils2.isEqual)(ctx.value, value))
+      return;
     ctx.value = value;
@@ -338,0 +340,0 @@ invoke.change(ctx);

package.json

 {
   "name": "@zag-js/toggle-group",
-  "version": "0.0.0-dev-20230908110019",
+  "version": "0.0.0-dev-20230908141548",
   "description": "Core logic for the toggle widget implemented as a state machine",
@@ -30,8 +30,8 @@ "keywords": [
   "dependencies": {
-    "@zag-js/anatomy": "0.0.0-dev-20230908110019",
-    "@zag-js/dom-query": "0.0.0-dev-20230908110019",
-    "@zag-js/dom-event": "0.0.0-dev-20230908110019",
-    "@zag-js/utils": "0.0.0-dev-20230908110019",
-    "@zag-js/core": "0.0.0-dev-20230908110019",
-    "@zag-js/types": "0.0.0-dev-20230908110019"
+    "@zag-js/anatomy": "0.0.0-dev-20230908141548",
+    "@zag-js/dom-query": "0.0.0-dev-20230908141548",
+    "@zag-js/dom-event": "0.0.0-dev-20230908141548",
+    "@zag-js/utils": "0.0.0-dev-20230908141548",
+    "@zag-js/core": "0.0.0-dev-20230908141548",
+    "@zag-js/types": "0.0.0-dev-20230908141548"
   },
@@ -38,0 +38,0 @@ "devDependencies": {

src/toggle-group.machine.ts

 import { createMachine, guards } from "@zag-js/core"
 import { raf } from "@zag-js/dom-query"
-import { add, compact, remove } from "@zag-js/utils"
+import { add, compact, isEqual, remove } from "@zag-js/utils"
 import { dom } from "./toggle-group.dom"
@@ -162,3 +162,3 @@ import type { MachineContext, MachineState, UserDefinedContext } from "./toggle-group.types"
   change(ctx: MachineContext) {
-    ctx.onChange?.({ value: ctx.value })
+    ctx.onChange?.({ value: Array.from(ctx.value) })
   },
@@ -169,2 +169,3 @@ }
   value(ctx: MachineContext, value: string[]) {
+    if (isEqual(ctx.value, value)) return
     ctx.value = value
@@ -171,0 +172,0 @@ invoke.change(ctx)

No alert changes

Improved metrics

Total package byte prevSize

76207

increased by0.59%

Lines of code

1136

increased by0.44%

Dependency changes

• + Added@zag-js/anatomy@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/core@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/dom-event@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/dom-query@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/store@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/text-selection@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/types@0.0.0-dev-20230908141548(transitive)

• + Added@zag-js/utils@0.0.0-dev-20230908141548(transitive)

• - Removed@zag-js/anatomy@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/core@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/dom-event@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/dom-query@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/store@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/text-selection@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/types@0.0.0-dev-20230908110019(transitive)

• - Removed@zag-js/utils@0.0.0-dev-20230908110019(transitive)

• Updated@zag-js/anatomy@0.0.0-dev-20230908141548

• Updated@zag-js/core@0.0.0-dev-20230908141548

• Updated@zag-js/dom-event@0.0.0-dev-20230908141548

• Updated@zag-js/dom-query@0.0.0-dev-20230908141548

• Updated@zag-js/types@0.0.0-dev-20230908141548

• Updated@zag-js/utils@0.0.0-dev-20230908141548