@destyler/toggle 0.1.0 → 0.2.0-beta.5

package/dist/{index.js → index.mjs}

@@ -15,8 +15,7 @@ const dom = createScope({
 	getItemId: (ctx, value) => ctx.ids?.item?.(value) ?? `toggle:${ctx.id}:${value}`,
 	getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
 	getElements: (ctx) => {
-		const ownerId = CSS.escape(dom.getRootId(ctx));
-		const selector = `[data-ownedby='${ownerId}']:not([data-disabled])`;
+		const selector = `[data-ownedby='${CSS.escape(dom.getRootId(ctx))}']:not([data-disabled])`;
 		return queryAll(dom.getRootEl(ctx), selector);
 	},
 	getFirstEl: (ctx) => first(dom.getElements(ctx)),
@@ -67,8 +66,7 @@ function connect(state, send, normalize) {
 				},
 				onFocus(event) {
 					if (disabled) return;
-					const evt = event.nativeEvent || event;
-					if (!isSelfTarget(evt) || !!state.context.isClickFocus || state.context.isTabbingBackward) return;
+					if (!isSelfTarget(event.nativeEvent || event) || !!state.context.isClickFocus || state.context.isTabbingBackward) return;
 					send("ROOT.FOCUS");
 				},
 				onBlur() {
@@ -116,7 +114,7 @@ function connect(state, send, normalize) {
 					if (event.defaultPrevented) return;
 					if (!isSelfTarget(event)) return;
 					if (itemState.disabled) return;
-					const keyMap = {
+					const exec = {
 						Tab(event$1) {
 							const isShiftTab = event$1.shiftKey;
 							send({
@@ -148,8 +146,7 @@ function connect(state, send, normalize) {
 							if (!rovingFocus) return;
 							send("TOGGLE.FOCUS_LAST");
 						}
-					};
-					const exec = keyMap[getEventKey(event)];
+					}[getEventKey(event)];
 					if (exec) {
 						exec(event);
 						if (event.key !== "Tab") event.preventDefault();
@@ -172,7 +169,6 @@ const set = { value(ctx, value) {
 	invoke.change(ctx);
 } };
 function machine(userContext) {
-	const ctx = compact(userContext);
 	return createMachine({
 		id: "toggle-group",
 		initial: "idle",
@@ -182,13 +178,13 @@ function machine(userContext) {
 			orientation: "horizontal",
 			rovingFocus: true,
 			loopFocus: true,
-			...ctx,
+			...compact(userContext),
 			focusedId: null,
 			isTabbingBackward: false,
 			isClickFocus: false,
 			isWithinToolbar: false
 		},
-		computed: { currentLoopFocus: (ctx$1) => ctx$1.loopFocus && !ctx$1.isWithinToolbar },
+		computed: { currentLoopFocus: (ctx) => ctx.loopFocus && !ctx.isWithinToolbar },
 		entry: ["checkIfWithinToolbar"],
 		on: {
 			"VALUE.SET": { actions: ["setValue"] },
@@ -225,59 +221,58 @@ function machine(userContext) {
 		}
 	}, {
 		guards: {
-			isClickFocus: (ctx$1) => ctx$1.isClickFocus,
-			isTabbingBackward: (ctx$1) => ctx$1.isTabbingBackward
+			isClickFocus: (ctx) => ctx.isClickFocus,
+			isTabbingBackward: (ctx) => ctx.isTabbingBackward
 		},
 		actions: {
-			setIsTabbingBackward(ctx$1) {
-				ctx$1.isTabbingBackward = true;
+			setIsTabbingBackward(ctx) {
+				ctx.isTabbingBackward = true;
 			},
-			clearIsTabbingBackward(ctx$1) {
-				ctx$1.isTabbingBackward = false;
+			clearIsTabbingBackward(ctx) {
+				ctx.isTabbingBackward = false;
 			},
-			setClickFocus(ctx$1) {
-				ctx$1.isClickFocus = true;
+			setClickFocus(ctx) {
+				ctx.isClickFocus = true;
 			},
-			clearClickFocus(ctx$1) {
-				ctx$1.isClickFocus = false;
+			clearClickFocus(ctx) {
+				ctx.isClickFocus = false;
 			},
-			checkIfWithinToolbar(ctx$1) {
-				const closestToolbar = dom.getRootEl(ctx$1)?.closest("[role=toolbar]");
-				ctx$1.isWithinToolbar = !!closestToolbar;
+			checkIfWithinToolbar(ctx) {
+				ctx.isWithinToolbar = !!dom.getRootEl(ctx)?.closest("[role=toolbar]");
 			},
-			setFocusedId(ctx$1, evt) {
-				ctx$1.focusedId = evt.id;
+			setFocusedId(ctx, evt) {
+				ctx.focusedId = evt.id;
 			},
-			clearFocusedId(ctx$1) {
-				ctx$1.focusedId = null;
+			clearFocusedId(ctx) {
+				ctx.focusedId = null;
 			},
-			setValue(ctx$1, evt) {
+			setValue(ctx, evt) {
 				if (!evt.value) return;
-				let next = Array.from(ctx$1.value);
-				if (ctx$1.multiple) next = next.includes(evt.value) ? remove(next, evt.value) : add(next, evt.value);
-				else next = isEqual(ctx$1.value, [evt.value]) ? [] : [evt.value];
-				set.value(ctx$1, next);
+				let next = Array.from(ctx.value);
+				if (ctx.multiple) next = next.includes(evt.value) ? remove(next, evt.value) : add(next, evt.value);
+				else next = isEqual(ctx.value, [evt.value]) ? [] : [evt.value];
+				set.value(ctx, next);
 			},
-			focusNextToggle(ctx$1) {
+			focusNextToggle(ctx) {
 				raf(() => {
-					if (!ctx$1.focusedId) return;
-					dom.getNextEl(ctx$1, ctx$1.focusedId)?.focus({ preventScroll: true });
+					if (!ctx.focusedId) return;
+					dom.getNextEl(ctx, ctx.focusedId)?.focus({ preventScroll: true });
 				});
 			},
-			focusPrevToggle(ctx$1) {
+			focusPrevToggle(ctx) {
 				raf(() => {
-					if (!ctx$1.focusedId) return;
-					dom.getPrevEl(ctx$1, ctx$1.focusedId)?.focus({ preventScroll: true });
+					if (!ctx.focusedId) return;
+					dom.getPrevEl(ctx, ctx.focusedId)?.focus({ preventScroll: true });
 				});
 			},
-			focusFirstToggle(ctx$1) {
+			focusFirstToggle(ctx) {
 				raf(() => {
-					dom.getFirstEl(ctx$1)?.focus({ preventScroll: true });
+					dom.getFirstEl(ctx)?.focus({ preventScroll: true });
 				});
 			},
-			focusLastToggle(ctx$1) {
+			focusLastToggle(ctx) {
 				raf(() => {
-					dom.getLastEl(ctx$1)?.focus({ preventScroll: true });
+					dom.getLastEl(ctx)?.focus({ preventScroll: true });
 				});
 			}
 		}

package/package.json

@@ -1,26 +1,35 @@
 {
   "name": "@destyler/toggle",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0-beta.5",
   "description": "A two-state button that can be either on or off.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
+  "homepage": "https://github.com/destyler/destyler",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/destyler/destyler.git",
+    "directory": "packages/components/toggle"
+  },
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.mjs"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.mts",
   "files": [
     "*.d.ts",
     "dist"
   ],
   "dependencies": {
-    "@destyler/anatomy": "0.1.0",
-    "@destyler/dom": "0.1.0",
-    "@destyler/utils": "0.1.0",
-    "@destyler/xstate": "0.1.0",
-    "@destyler/types": "0.1.0"
+    "@destyler/anatomy": "0.2.0-beta.5",
+    "@destyler/types": "0.2.0-beta.5",
+    "@destyler/dom": "0.2.0-beta.5",
+    "@destyler/utils": "0.2.0-beta.5",
+    "@destyler/xstate": "0.2.0-beta.5"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",