Created new setFormFieldValue method that replaces the `selectInput…

…Element` one.

helpers/index.ts

@@ -14,6 +14,7 @@ export { queryElement } from './queryElement';
 export { removeChildElements } from './removeChildElements';
 export { removeSpaces } from './removeSpaces';
 export { selectInputElement } from './selectInputElement';
+export { setFormFieldValue } from './setFormFieldValue';
 export { simulateEvent } from './simulateEvent';
 export { throwError } from './throwError';
 export { wait } from './wait';

helpers/selectInputElement.ts

@@ -1,6 +1,9 @@
 import { simulateEvent } from './simulateEvent';
 
 /**
+ * **DEPRECATED: Please use the new `setFormFieldValue` method instead.**
+ *
+ *
  * Selects a custom radio or checkbox element
  * @param element Element to select
  * @param select - Defaults to true. If set to false, the input element will be unselected.

helpers/setFormFieldValue.ts

@@ -0,0 +1,32 @@
+import { simulateEvent } from '.';
+
+import type { FormField } from '..';
+
+/**
+ * Sets a value to a FormField element and emits `click`, `input` and `change` Events.
+ *
+ * @param element The FormField to update.
+ * @param value `boolean` for Checkboxes and Radios, `string` for the rest.
+ */
+export const setFormFieldValue = (element: FormField, value: string | boolean): void => {
+  const { type } = element;
+
+  if (typeof value === 'boolean') {
+    if (
+      !(element instanceof HTMLInputElement) ||
+      (type !== 'radio' && type !== 'checkbox') ||
+      (type === 'checkbox' && value === false) ||
+      value === element.checked
+    )
+      return;
+
+    element.checked = value;
+  } else {
+    if (type === 'radio' || type === 'checkbox' || element.value === value) return;
+
+    element.value = value;
+  }
+
+  // Emit DOM events
+  simulateEvent(element, ['click', 'input', 'change']);
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/ts-utils",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Typescript utils for custom Webflow projects.",
   "main": "index.ts",
   "module": "index.ts",