@zag-js/tabs 0.2.1 → 0.2.2

package/dist/index.d.ts

@@ -99,6 +99,7 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     focusedValue: string | null;
     previousValues: string[];
     setValue(value: string): void;
+    clearValue(): void;
     rootProps: T["element"];
     triggerGroupProps: T["element"];
     getTriggerProps(props: TabProps): T["button"];

package/dist/index.js

@@ -279,6 +279,9 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
+    clearValue() {
+      send({ type: "CLEAR_VALUE" });
+    },
     rootProps: normalize.element({
       "data-part": "root",
       id: dom.getRootId(state.context),
@@ -447,8 +450,8 @@ function machine(userContext) {
         SET_VALUE: {
           actions: "setValue"
         },
-        DELETE: {
-          actions: "deleteValue"
+        CLEAR_VALUE: {
+          actions: "clearValue"
         }
       },
       states: {
@@ -536,6 +539,9 @@ function machine(userContext) {
         setValue(ctx2, evt) {
           ctx2.value = evt.value;
         },
+        clearValue(ctx2) {
+          ctx2.value = null;
+        },
         invokeOnDelete(ctx2, evt) {
           var _a;
           (_a = ctx2.onDelete) == null ? void 0 : _a.call(ctx2, { value: evt.value });
@@ -592,8 +598,7 @@ function machine(userContext) {
         },
         setPrevSelectedTabs(ctx2) {
           if (ctx2.value != null) {
-            const newSelected = Array.from(ctx2.previousValues).concat(ctx2.value);
-            ctx2.previousValues = Array.from(new Set(newSelected));
+            ctx2.previousValues = pushUnique(Array.from(ctx2.previousValues), ctx2.value);
           }
         },
         setContentTabIndex(ctx2) {
@@ -613,6 +618,15 @@ function machine(userContext) {
     }
   );
 }
+function pushUnique(arr, value) {
+  const newArr = arr.slice();
+  const index = newArr.indexOf(value);
+  if (index > -1) {
+    newArr.splice(index, 1);
+  }
+  newArr.push(value);
+  return newArr;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   connect,

package/dist/index.mjs

@@ -252,6 +252,9 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
+    clearValue() {
+      send({ type: "CLEAR_VALUE" });
+    },
     rootProps: normalize.element({
       "data-part": "root",
       id: dom.getRootId(state.context),
@@ -420,8 +423,8 @@ function machine(userContext) {
         SET_VALUE: {
           actions: "setValue"
         },
-        DELETE: {
-          actions: "deleteValue"
+        CLEAR_VALUE: {
+          actions: "clearValue"
         }
       },
       states: {
@@ -509,6 +512,9 @@ function machine(userContext) {
         setValue(ctx2, evt) {
           ctx2.value = evt.value;
         },
+        clearValue(ctx2) {
+          ctx2.value = null;
+        },
         invokeOnDelete(ctx2, evt) {
           var _a;
           (_a = ctx2.onDelete) == null ? void 0 : _a.call(ctx2, { value: evt.value });
@@ -565,8 +571,7 @@ function machine(userContext) {
         },
         setPrevSelectedTabs(ctx2) {
           if (ctx2.value != null) {
-            const newSelected = Array.from(ctx2.previousValues).concat(ctx2.value);
-            ctx2.previousValues = Array.from(new Set(newSelected));
+            ctx2.previousValues = pushUnique(Array.from(ctx2.previousValues), ctx2.value);
           }
         },
         setContentTabIndex(ctx2) {
@@ -586,6 +591,15 @@ function machine(userContext) {
     }
   );
 }
+function pushUnique(arr, value) {
+  const newArr = arr.slice();
+  const index = newArr.indexOf(value);
+  if (index > -1) {
+    newArr.splice(index, 1);
+  }
+  newArr.push(value);
+  return newArr;
+}
 export {
   connect,
   machine

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tabs",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Core logic for the tabs widget implemented as a state machine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,12 +29,12 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.2.1",
-    "@zag-js/types": "0.3.0"
+    "@zag-js/core": "0.2.2",
+    "@zag-js/types": "0.3.1"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.2.0",
-    "@zag-js/utils": "0.3.0"
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",