@zag-js/tabs 0.2.0 → 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"];
@@ -110,6 +111,6 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     indicatorProps: T["element"];
 };
 
-declare function machine(ctx: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
 export { UserDefinedContext as Context, connect, machine };

package/dist/index.js

@@ -194,6 +194,15 @@ function prevById(v, id, loop = true) {
 // ../../utilities/core/dist/index.mjs
 var first = (v) => v[0];
 var last = (v) => v[v.length - 1];
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
+  );
+}
 
 // src/tabs.dom.ts
 var dom = defineDomHelpers({
@@ -270,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),
@@ -405,7 +417,8 @@ function connect(state, send, normalize) {
 // src/tabs.machine.ts
 var import_core = require("@zag-js/core");
 var { not } = import_core.guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return (0, import_core.createMachine)(
     {
       initial: "unknown",
@@ -437,8 +450,8 @@ function machine(ctx) {
         SET_VALUE: {
           actions: "setValue"
         },
-        DELETE: {
-          actions: "deleteValue"
+        CLEAR_VALUE: {
+          actions: "clearValue"
         }
       },
       states: {
@@ -526,6 +539,9 @@ function machine(ctx) {
         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 });
@@ -582,8 +598,7 @@ function machine(ctx) {
         },
         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) {
@@ -603,6 +618,15 @@ function machine(ctx) {
     }
   );
 }
+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

@@ -167,6 +167,15 @@ function prevById(v, id, loop = true) {
 // ../../utilities/core/dist/index.mjs
 var first = (v) => v[0];
 var last = (v) => v[v.length - 1];
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
+  );
+}
 
 // src/tabs.dom.ts
 var dom = defineDomHelpers({
@@ -243,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),
@@ -378,7 +390,8 @@ function connect(state, send, normalize) {
 // src/tabs.machine.ts
 import { createMachine, guards } from "@zag-js/core";
 var { not } = guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return createMachine(
     {
       initial: "unknown",
@@ -410,8 +423,8 @@ function machine(ctx) {
         SET_VALUE: {
           actions: "setValue"
         },
-        DELETE: {
-          actions: "deleteValue"
+        CLEAR_VALUE: {
+          actions: "clearValue"
         }
       },
       states: {
@@ -499,6 +512,9 @@ function machine(ctx) {
         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 });
@@ -555,8 +571,7 @@ function machine(ctx) {
         },
         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) {
@@ -576,6 +591,15 @@ function machine(ctx) {
     }
   );
 }
+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.0",
+  "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.0",
-    "@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.2.0"
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",