@destyler/checkbox 0.1.0 → 0.2.0-beta.5

package/dist/{index.d.ts → index.d.mts}

@@ -156,4 +156,4 @@ declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Mac
 declare const props: ("value" | "ids" | "disabled" | "invalid" | "required" | "checked" | "readOnly" | "onCheckedChange" | "name" | "form" | "dir" | "id" | "getRootNode")[];
 declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "value" | "ids" | "disabled" | "invalid" | "required" | "checked" | "readOnly" | "onCheckedChange" | "name" | "form" | "dir" | "id" | "getRootNode">];
 //#endregion
-export { type MachineApi as Api, type CheckedChangeDetails, type CheckedState, type UserDefinedContext as Context, type ElementIds, type Service, anatomy, connect, machine, props, splitProps };
+export { type MachineApi as Api, type CheckedChangeDetails, type CheckedState, type UserDefinedContext as Context, type ElementIds, type MachineState, type Service, type State, anatomy, connect, machine, props, splitProps };

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

@@ -81,8 +81,7 @@ function connect(state, send, normalize) {
 					});
 				},
 				onClick(event) {
-					const target = getEventTarget(event);
-					if (target === dom.getHiddenInputEl(state.context)) event.stopPropagation();
+					if (getEventTarget(event) === dom.getHiddenInputEl(state.context)) event.stopPropagation();
 				}
 			});
 		},
@@ -125,12 +124,11 @@ function connect(state, send, normalize) {
 				"value": state.context.value,
 				"style": visuallyHiddenStyle,
 				onFocus() {
-					const focusVisible$1 = isFocusVisible();
 					send({
 						type: "CONTEXT.SET",
 						context: {
 							focused: true,
-							focusVisible: focusVisible$1
+							focusVisible: isFocusVisible()
 						}
 					});
 				},
@@ -178,7 +176,6 @@ const set = { checked: (ctx, checked) => {
 	invoke.change(ctx);
 } };
 function machine(userContext) {
-	const ctx = compact(userContext);
 	return createMachine({
 		id: "checkbox",
 		initial: "ready",
@@ -186,7 +183,7 @@ function machine(userContext) {
 			checked: false,
 			value: "on",
 			disabled: false,
-			...ctx,
+			...compact(userContext),
 			fieldsetDisabled: false,
 			focusVisible: false
 		},
@@ -211,33 +208,33 @@ function machine(userContext) {
 			"CONTEXT.SET": { actions: ["setContext"] }
 		},
 		computed: {
-			isIndeterminate: (ctx$1) => isIndeterminate(ctx$1.checked),
-			isChecked: (ctx$1) => isChecked(ctx$1.checked),
-			isDisabled: (ctx$1) => !!ctx$1.disabled || ctx$1.fieldsetDisabled
+			isIndeterminate: (ctx) => isIndeterminate(ctx.checked),
+			isChecked: (ctx) => isChecked(ctx.checked),
+			isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled
 		},
 		states: { ready: {} }
 	}, {
 		guards: { isTrusted: (_ctx, evt) => !!evt.isTrusted },
 		activities: {
-			trackPressEvent(ctx$1) {
-				if (ctx$1.isDisabled) return;
+			trackPressEvent(ctx) {
+				if (ctx.isDisabled) return;
 				return trackPress({
-					pointerNode: dom.getRootEl(ctx$1),
-					keyboardNode: dom.getHiddenInputEl(ctx$1),
+					pointerNode: dom.getRootEl(ctx),
+					keyboardNode: dom.getHiddenInputEl(ctx),
 					isValidKey: (event) => event.key === " ",
-					onPress: () => ctx$1.active = false,
-					onPressStart: () => ctx$1.active = true,
-					onPressEnd: () => ctx$1.active = false
+					onPress: () => ctx.active = false,
+					onPressStart: () => ctx.active = true,
+					onPressEnd: () => ctx.active = false
 				});
 			},
-			trackFocusVisible(ctx$1) {
-				if (ctx$1.isDisabled) return;
-				return trackFocusVisible({ root: dom.getRootNode(ctx$1) });
+			trackFocusVisible(ctx) {
+				if (ctx.isDisabled) return;
+				return trackFocusVisible({ root: dom.getRootNode(ctx) });
 			},
-			trackFormControlState(ctx$1, _evt, { send, initialContext }) {
-				return trackFormControl(dom.getHiddenInputEl(ctx$1), {
+			trackFormControlState(ctx, _evt, { send, initialContext }) {
+				return trackFormControl(dom.getHiddenInputEl(ctx), {
 					onFieldsetDisabledChange(disabled) {
-						ctx$1.fieldsetDisabled = disabled;
+						ctx.fieldsetDisabled = disabled;
 					},
 					onFormReset() {
 						send({
@@ -249,31 +246,30 @@ function machine(userContext) {
 			}
 		},
 		actions: {
-			setContext(ctx$1, evt) {
-				Object.assign(ctx$1, evt.context);
+			setContext(ctx, evt) {
+				Object.assign(ctx, evt.context);
 			},
-			syncInputElement(ctx$1) {
-				const inputEl = dom.getHiddenInputEl(ctx$1);
+			syncInputElement(ctx) {
+				const inputEl = dom.getHiddenInputEl(ctx);
 				if (!inputEl) return;
-				setElementChecked(inputEl, ctx$1.isChecked);
-				inputEl.indeterminate = ctx$1.isIndeterminate;
+				setElementChecked(inputEl, ctx.isChecked);
+				inputEl.indeterminate = ctx.isIndeterminate;
 			},
-			removeFocusIfNeeded(ctx$1) {
-				if (ctx$1.disabled && ctx$1.focused) {
-					ctx$1.focused = false;
-					ctx$1.focusVisible = false;
+			removeFocusIfNeeded(ctx) {
+				if (ctx.disabled && ctx.focused) {
+					ctx.focused = false;
+					ctx.focusVisible = false;
 				}
 			},
-			setChecked(ctx$1, evt) {
-				set.checked(ctx$1, evt.checked);
+			setChecked(ctx, evt) {
+				set.checked(ctx, evt.checked);
 			},
-			toggleChecked(ctx$1) {
-				const checked = isIndeterminate(ctx$1.checked) ? true : !ctx$1.checked;
-				set.checked(ctx$1, checked);
+			toggleChecked(ctx) {
+				const checked = isIndeterminate(ctx.checked) ? true : !ctx.checked;
+				set.checked(ctx, checked);
 			},
-			dispatchChangeEvent(ctx$1) {
-				const inputEl = dom.getHiddenInputEl(ctx$1);
-				dispatchInputCheckedEvent(inputEl, { checked: isChecked(ctx$1.checked) });
+			dispatchChangeEvent(ctx) {
+				dispatchInputCheckedEvent(dom.getHiddenInputEl(ctx), { checked: isChecked(ctx.checked) });
 			}
 		}
 	});

package/package.json

@@ -1,27 +1,36 @@
 {
   "name": "@destyler/checkbox",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0-beta.5",
   "description": "a control that allows the user to toggle between checked and not checked.",
   "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/checkbox"
+  },
   "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/types": "0.1.0",
-    "@destyler/dom": "0.1.0",
-    "@destyler/utils": "0.1.0",
-    "@destyler/xstate": "0.1.0",
-    "@destyler/focus-visible": "0.1.0"
+    "@destyler/anatomy": "0.2.0-beta.5",
+    "@destyler/dom": "0.2.0-beta.5",
+    "@destyler/focus-visible": "0.2.0-beta.5",
+    "@destyler/utils": "0.2.0-beta.5",
+    "@destyler/xstate": "0.2.0-beta.5",
+    "@destyler/types": "0.2.0-beta.5"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",