@zag-js/dom-query - npm Package Compare versions

Comparing version 0.81.2 to 0.82.0

dist/index.d.ts

@@ -37,2 +37,3 @@ import { JSX, Nullable, MaybeFn } from '@zag-js/types';
 type MaybeElementOrFn = MaybeFn<MaybeElement$1>;
+type HTMLElementWithValue = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
 
@@ -64,8 +65,4 @@ declare function getBeforeInputValue(event: Pick<InputEvent, "currentTarget">): string;
 
-interface DescriptorOptions {
-    type?: "HTMLInputElement" | "HTMLTextAreaElement" | "HTMLSelectElement" | undefined;
-    property?: "value" | "checked" | undefined;
-}
-declare function setElementValue(el: HTMLElement, value: string, option?: DescriptorOptions): void;
-declare function setElementChecked(el: HTMLElement, checked: boolean): void;
+declare function setElementValue(el: HTMLElementWithValue, value: string, property?: "value" | "checked"): void;
+declare function setElementChecked(el: HTMLInputElement, checked: boolean): void;
 interface InputValueEventOptions {
@@ -75,3 +72,3 @@ value: string | number;
 }
-declare function dispatchInputValueEvent(el: HTMLElement | null, options: InputValueEventOptions): void;
+declare function dispatchInputValueEvent(el: HTMLElementWithValue | null, options: InputValueEventOptions): void;
 interface CheckedEventOptions {
@@ -81,6 +78,6 @@ checked: boolean;
 }
-declare function dispatchInputCheckedEvent(el: HTMLElement | null, options: CheckedEventOptions): void;
+declare function dispatchInputCheckedEvent(el: HTMLInputElement | null, options: CheckedEventOptions): void;
 interface TrackFormControlOptions {
     onFieldsetDisabledChange: (disabled: boolean) => void;
-    onFormReset: () => void;
+    onFormReset: VoidFunction;
 }
@@ -275,5 +272,3 @@ declare function trackFormControl(el: HTMLElement | null, options: TrackFormControlOptions): (() => void) | undefined;
     getById: <T_1 extends Element = HTMLElement>(ctx: ScopeContext, id: string) => T_1 | null;
-    setValue: <T_1 extends {
-        value: string;
-    }>(elem: T_1 | null, value: string | number | null | undefined) => void;
+    setValue: <T_1 extends HTMLElementWithValue>(elem: T_1 | null, value: string | number | null | undefined) => void;
 } & T;
@@ -280,0 +275,0 @@

dist/index.js

@@ -283,7 +283,15 @@ 'use strict';
 }
-function setElementValue(el, value, option = {}) {
-  const descriptor = getDescriptor(el, option);
-  descriptor.set?.call(el, value);
-  el.setAttribute("value", value);
+function getElementType(el) {
+  if (el.localName === "input") return "HTMLInputElement";
+  if (el.localName === "textarea") return "HTMLTextAreaElement";
+  if (el.localName === "select") return "HTMLSelectElement";
 }
+function setElementValue(el, value, property = "value") {
+  const type = getElementType(el);
+  if (type) {
+    const descriptor = getDescriptor(el, { type, property });
+    descriptor.set?.call(el, value);
+  }
+  el.setAttribute(property, value);
+}
 function setElementChecked(el, checked) {
@@ -890,5 +898,3 @@ const descriptor = getDescriptor(el, { type: "HTMLInputElement", property: "checked" });
       if (elem == null || value == null) return;
-      const valueAsString = value.toString();
-      if (elem.value === valueAsString) return;
-      elem.value = value.toString();
+      setElementValue(elem, value.toString());
     }
@@ -895,0 +901,0 @@ };

package.json

 {
   "name": "@zag-js/dom-query",
-  "version": "0.81.2",
+  "version": "0.82.0",
   "description": "The dom helper library for zag.js machines",
@@ -31,3 +31,3 @@ "keywords": [
   "dependencies": {
-    "@zag-js/types": "0.81.2"
+    "@zag-js/types": "0.82.0"
   },
@@ -34,0 +34,0 @@ "module": "dist/index.mjs",

No alert changes

Improved metrics

Total package byte prevSize

118219

0.26%

Lines of code

2571

0.27%

Dependency changes

• + Added

  @zag-js/types@0.82.0
  (transitive)

• - Removed

  @zag-js/types@0.81.2
  (transitive)

• Updated

  @zag-js/types@0.82.0