form-payload 1.7.0 → 1.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "form-payload",
-	"version": "1.7.0",
+	"version": "1.7.2",
 	"description": "Gets form-payload via form.elements",
 	"keywords": [
 		"form",
@@ -28,15 +28,19 @@
 		"node": ">=10"
 	},
 	"scripts": {
-		"postinstall": "npx simple-git-hooks",
-		"ci:format": "prettier --write \"**/*.{json,md,yml,js}\"",
+		"_prettier": "prettier \"**/*.{json,md,yml,js}\"",
+		"git:hook:precommit": "lint-staged",
+		"git:hook:commit": "npx @commitlint/cli --edit",
 		"ci:lint:fs": "ls-lint",
 		"ci:lint:editor": "editorconfig-checker",
-		"ci:lint:format": "prettier --check \"**/*.{json,md,yml,js}\"",
+		"ci:lint:trash": "knip --config knip.config.js",
+		"ci:lint:format": "npm run _prettier -- --check",
 		"ci:lint:js": "eslint \"**/*.js\"",
 		"ci:lint:type": "tsc --noEmit",
-		"ci:lint": "npm run ci:lint:fs && npm run ci:lint:editor && npm run ci:lint:format && npm run ci:lint:js && npm run ci:lint:type",
+		"ci:lint": "npm run ci:lint:fs && npm run ci:lint:editor && npm run ci:lint:trash && npm run ci:lint:format && npm run ci:lint:js && npm run ci:lint:type",
 		"ci:test": "node --import jsdom-global/register.js --test",
+		"ci:format": "npm run _prettier -- --write",
+		"ci:prepare": "simple-git-hooks",
 		"build:clean": "rm -rf dist",
 		"build:dist": "tsc -p tsconfig.build.json",
 		"build:cp": "cp -r src readme.md package.json LICENSE dist",
@@ -46,20 +50,27 @@
 	"devDependencies": {
 		"@commitlint/cli": "18.4.3",
 		"@commitlint/config-conventional": "18.4.3",
+		"@commitlint/types": "18.4.3",
+		"@eslint/js": "8.56.0",
 		"@ls-lint/ls-lint": "2.2.2",
 		"@testing-library/dom": "9.3.3",
 		"@types/eslint": "8.44.8",
 		"@types/lint-staged": "13.2.2",
+		"@typescript-eslint/eslint-plugin": "6.14.0",
+		"@typescript-eslint/parser": "6.14.0",
 		"editorconfig-checker": "5.1.2",
 		"eslint": "8.55.0",
+		"eslint-import-resolver-typescript": "3.6.1",
 		"eslint-plugin-import": "2.29.0",
 		"eslint-plugin-jsdoc": "46.9.0",
 		"eslint-plugin-perfectionist": "2.5.0",
 		"eslint-plugin-simple-import-sort": "10.0.0",
 		"eslint-plugin-sonarjs": "0.23.0",
 		"eslint-plugin-unicorn": "49.0.0",
+		"globals": "13.24.0",
 		"jsdom": "23.0.1",
 		"jsdom-global": "3.0.2",
+		"knip": "3.8.1",
 		"lint-staged": "15.2.0",
 		"prettier": "3.1.0",
 		"prettier-plugin-jsdoc": "1.1.1",
@@ -67,8 +78,8 @@
 		"typescript": "5.3.2"
 	},
 	"simple-git-hooks": {
-		"pre-commit": "npx lint-staged",
-		"commit-msg": "npx commitlint --edit $1"
+		"pre-commit": "npm run git:hook:precommit",
+		"commit-msg": "npm run git:hook:commit"
 	},
 	"types": "./src/index.d.ts"
 }

package/readme.md

@@ -13,7 +13,7 @@ npm install form-payload
 
 ## Demo
 
-The library works perfectly with any framework. Just use a valid [HTMLFormElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement) and [form elements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements). The same applies to validations and any other libraries. Create your own wrappers on top of the functions exported by **form-payload** library.
+The library works perfectly with any framework. Just use a valid [HTMLFormElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement) and [form elements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements). If you want to add validation or any other functionality, create wrappers on top of the exported functions from the **form-payload** library.
 
 - [Pure JavaScript](https://stackblitz.com/edit/form-payload-javascript?file=index.js)
 - [TypeScript + Validation](https://stackblitz.com/edit/form-payload-typescript?file=index.ts,get-form-payload.ts)
@@ -55,6 +55,7 @@ The library works perfectly with any framework. Just use a valid [HTMLFormElemen
 
     // ✅ ideal
     const file = getFormControlPayload(evt.target);
+    // => File or null
   });
 
   mailingFormNode.addEventListener('input', (evt) => {

package/src/libs/enums/control-element-type.enum.d.ts

@@ -5,9 +5,9 @@ export namespace ControlElementType {
     let URL: "url";
     let TEL: "tel";
     let COLOR: "color";
-    let RADIO: "radio";
     let HIDDEN: "hidden";
     let EMAIL: "email";
+    let RADIO: "radio";
     let NUMBER: "number";
     let RANGE: "range";
     let CHECKBOX: "checkbox";

package/src/libs/enums/control-element-type.enum.js

@@ -5,11 +5,12 @@ const ControlElementType = /** @type {const} */ ({
 	URL: 'url',
 	TEL: 'tel',
 	COLOR: 'color',
-	RADIO: 'radio',
 	HIDDEN: 'hidden',
 
 	EMAIL: 'email',
 
+	RADIO: 'radio',
+
 	NUMBER: 'number',
 	RANGE: 'range',
 

package/src/libs/helpers/check-is-one-of/check-is-one-of.helper.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @template {unknown} T
+ * @param {unknown} value
+ * @param {...T} validValues
+ * @returns {value is validValues[number]}
+ */
+export function checkIsOnOf<T extends unknown>(value: unknown, ...validValues: T[]): value is T;
+//# sourceMappingURL=check-is-one-of.helper.d.ts.map

package/src/libs/helpers/check-is-one-of/check-is-one-of.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-is-one-of.helper.d.ts","sourceRoot":"","sources":["../../../../../src/libs/helpers/check-is-one-of/check-is-one-of.helper.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,sDAJW,OAAO,mCAMjB"}

package/src/libs/helpers/check-is-one-of/check-is-one-of.helper.js

@@ -0,0 +1,11 @@
+/**
+ * @template {unknown} T
+ * @param {unknown} value
+ * @param {...T} validValues
+ * @returns {value is validValues[number]}
+ */
+const checkIsOnOf = (value, ...validValues) => {
+	return /** @type {unknown[]} */ (validValues).includes(value);
+};
+
+export { checkIsOnOf };

package/src/libs/helpers/helpers.d.ts

@@ -0,0 +1,2 @@
+export { checkIsOnOf } from "./check-is-one-of/check-is-one-of.helper.js";
+//# sourceMappingURL=helpers.d.ts.map

package/src/libs/helpers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/libs/helpers/helpers.js"],"names":[],"mappings":""}

package/src/libs/helpers/helpers.js

@@ -0,0 +1 @@
+export { checkIsOnOf } from './check-is-one-of/check-is-one-of.helper.js';

package/src/libs/types/html-form-control-element.type.d.ts

@@ -1,4 +1,9 @@
-export type HTMLFormNonOperationalControlElement = import('./html-form-non-operational-control-element.type.js').HTMLFormNonOperationalControlElement;
-export type HTMLFormOperationalControlElement = import('./html-form-operational-control-element.type.js').HTMLFormOperationalControlElement;
 export type HTMLFormControlElement = HTMLFormNonOperationalControlElement | HTMLFormOperationalControlElement;
+/**
+ * @typedef {HTMLFormNonOperationalControlElement
+ * 	| HTMLFormOperationalControlElement}
+ */
+export let HTMLFormControlElement: any;
+import { HTMLFormNonOperationalControlElement } from './html-form-non-operational-control-element.type.js';
+import { HTMLFormOperationalControlElement } from './html-form-operational-control-element.type.js';
 //# sourceMappingURL=html-form-control-element.type.d.ts.map

package/src/libs/types/html-form-control-element.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-form-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-control-element.type.js"],"names":[],"mappings":"mDAAc,OAAO,qDAAqD,EAAE,oCAAoC;gDAClG,OAAO,iDAAiD,EAAE,iCAAiC;qCAG5F,oCAAoC,GAC3C,iCAAiC"}
+{"version":3,"file":"html-form-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-control-element.type.js"],"names":[],"mappings":"qCAIa,oCAAoC,GAC3C,iCAAiC;AAFvC;;;GAGG;AACH,uCAA2B;qDAP0B,qDAAqD;kDACxD,iDAAiD"}

package/src/libs/types/html-form-control-element.type.js

@@ -1,9 +1,10 @@
-/** @typedef {import('./html-form-non-operational-control-element.type.js').HTMLFormNonOperationalControlElement} HTMLFormNonOperationalControlElement */
-/** @typedef {import('./html-form-operational-control-element.type.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
+import { HTMLFormNonOperationalControlElement } from './html-form-non-operational-control-element.type.js';
+import { HTMLFormOperationalControlElement } from './html-form-operational-control-element.type.js';
 
 /**
  * @typedef {HTMLFormNonOperationalControlElement
- * 	| HTMLFormOperationalControlElement} HTMLFormControlElement
+ * 	| HTMLFormOperationalControlElement}
  */
+let HTMLFormControlElement;
 
-export {};
+export { HTMLFormControlElement };

package/src/libs/types/html-form-non-operational-control-element.type.d.ts

@@ -1,2 +1,4 @@
 export type HTMLFormNonOperationalControlElement = HTMLButtonElement | HTMLObjectElement;
+/** @typedef {HTMLButtonElement | HTMLObjectElement} */
+export let HTMLFormNonOperationalControlElement: any;
 //# sourceMappingURL=html-form-non-operational-control-element.type.d.ts.map

package/src/libs/types/html-form-non-operational-control-element.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-form-non-operational-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-non-operational-control-element.type.js"],"names":[],"mappings":"mDAAc,iBAAiB,GAAG,iBAAiB"}
+{"version":3,"file":"html-form-non-operational-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-non-operational-control-element.type.js"],"names":[],"mappings":"mDAAc,iBAAiB,GAAG,iBAAiB;AAAnD,uDAAuD;AACvD,qDAAyC"}

package/src/libs/types/html-form-non-operational-control-element.type.js

@@ -1,3 +1,4 @@
-/** @typedef {HTMLButtonElement | HTMLObjectElement} HTMLFormNonOperationalControlElement */
+/** @typedef {HTMLButtonElement | HTMLObjectElement} */
+let HTMLFormNonOperationalControlElement;
 
-export {};
+export { HTMLFormNonOperationalControlElement };

package/src/libs/types/html-form-operational-control-element.type.d.ts

@@ -1,2 +1,10 @@
 export type HTMLFormOperationalControlElement = HTMLInputElement | HTMLSelectElement | HTMLOutputElement | HTMLFieldSetElement | HTMLTextAreaElement;
+/**
+ * @typedef {HTMLInputElement
+ * 	| HTMLSelectElement
+ * 	| HTMLOutputElement
+ * 	| HTMLFieldSetElement
+ * 	| HTMLTextAreaElement}
+ */
+export let HTMLFormOperationalControlElement: any;
 //# sourceMappingURL=html-form-operational-control-element.type.d.ts.map

package/src/libs/types/html-form-operational-control-element.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-form-operational-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-operational-control-element.type.js"],"names":[],"mappings":"gDACa,gBAAgB,GACvB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,mBAAmB"}
+{"version":3,"file":"html-form-operational-control-element.type.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/html-form-operational-control-element.type.js"],"names":[],"mappings":"gDACa,gBAAgB,GACvB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,mBAAmB;AALzB;;;;;;GAMG;AACH,kDAAsC"}

package/src/libs/types/html-form-operational-control-element.type.js

@@ -3,7 +3,8 @@
  * 	| HTMLSelectElement
  * 	| HTMLOutputElement
  * 	| HTMLFieldSetElement
- * 	| HTMLTextAreaElement} HTMLFormOperationalControlElement
+ * 	| HTMLTextAreaElement}
  */
+let HTMLFormOperationalControlElement;
 
-export {};
+export { HTMLFormOperationalControlElement };

package/src/libs/types/types.d.ts

@@ -1,4 +1,3 @@
-export type HTMLFormNonOperationalControlElement = import('./html-form-non-operational-control-element.type.js').HTMLFormNonOperationalControlElement;
-export type HTMLFormOperationalControlElement = import('./html-form-operational-control-element.type.js').HTMLFormOperationalControlElement;
-export type HTMLFormControlElement = import('./html-form-control-element.type.js').HTMLFormControlElement;
+export { HTMLFormControlElement } from "./html-form-control-element.type.js";
+export { HTMLFormOperationalControlElement } from "./html-form-operational-control-element.type.js";
 //# sourceMappingURL=types.d.ts.map

package/src/libs/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/types.js"],"names":[],"mappings":"mDAAc,OAAO,qDAAqD,EAAE,oCAAoC;gDAClG,OAAO,iDAAiD,EAAE,iCAAiC;qCAC3F,OAAO,qCAAqC,EAAE,sBAAsB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/libs/types/types.js"],"names":[],"mappings":""}

package/src/libs/types/types.js

@@ -1,5 +1,2 @@
-/** @typedef {import('./html-form-non-operational-control-element.type.js').HTMLFormNonOperationalControlElement} HTMLFormNonOperationalControlElement */
-/** @typedef {import('./html-form-operational-control-element.type.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
-/** @typedef {import('./html-form-control-element.type.js').HTMLFormControlElement} HTMLFormControlElement */
-
-export {};
+export { HTMLFormControlElement } from './html-form-control-element.type.js';
+export { HTMLFormOperationalControlElement } from './html-form-operational-control-element.type.js';

package/src/packages/get-form-control-payload/get-form-control-payload.d.ts

@@ -1,6 +1,4 @@
-export { getFormControlElementsPayload } from "./helpers/helpers.js";
-export type HTMLFormOperationalControlElement = import('../../libs/types/types.js').HTMLFormOperationalControlElement;
-/** @typedef {import('../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
+export { getFormControlElementsPayload } from "./libs/helpers/helpers.js";
 /**
  * @template {unknown} T
  * @param {HTMLFormOperationalControlElement} controlElement
@@ -8,4 +6,5 @@ export type HTMLFormOperationalControlElement = import('../../libs/types/types.j
  * @throws {FormPayloadError}
  */
 export function getFormControlPayload<T extends unknown>(controlElement: HTMLFormOperationalControlElement): T;
+import { HTMLFormOperationalControlElement } from '../../libs/types/types.js';
 //# sourceMappingURL=get-form-control-payload.d.ts.map

package/src/packages/get-form-control-payload/get-form-control-payload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-form-control-payload.d.ts","sourceRoot":"","sources":["../../../../src/packages/get-form-control-payload/get-form-control-payload.js"],"names":[],"mappings":";gDAcc,OAAO,2BAA2B,EAAE,iCAAiC;AAAnF,yHAAyH;AAEzH;;;;;GAKG;AACH,yEAJW,iCAAiC,KAsG3C"}
+{"version":3,"file":"get-form-control-payload.d.ts","sourceRoot":"","sources":["../../../../src/packages/get-form-control-payload/get-form-control-payload.js"],"names":[],"mappings":";AAgBA;;;;;GAKG;AACH,yEAJW,iCAAiC,KA4G3C;kDA5HiD,2BAA2B"}

package/src/packages/get-form-control-payload/get-form-control-payload.js

@@ -1,5 +1,6 @@
 import { ControlElementType } from '../../libs/enums/enums.js';
 import { FormPayloadError } from '../../libs/exceptions/exceptions.js';
+import { HTMLFormOperationalControlElement } from '../../libs/types/types.js';
 import {
 	getCheckboxControlElementValue,
 	getControlElementValue,
@@ -10,9 +11,8 @@ import {
 	getFileControlElementValue,
 	getMultiselectControlElementValue,
 	getNumericControlElementValue,
-} from './helpers/helpers.js';
-
-/** @typedef {import('../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
+	getRadioControlElementValue,
+} from './libs/helpers/helpers.js';
 
 /**
  * @template {unknown} T
@@ -36,7 +36,6 @@ const getFormControlPayload = (controlElement) => {
 		case ControlElementType.URL:
 		case ControlElementType.TEL:
 		case ControlElementType.COLOR:
-		case ControlElementType.RADIO:
 		case ControlElementType.HIDDEN:
 		case ControlElementType.TEXTAREA:
 		case ControlElementType.SELECT_ONE:
@@ -59,6 +58,13 @@ const getFormControlPayload = (controlElement) => {
 				)
 			);
 		}
+		case ControlElementType.RADIO: {
+			return /** @type {T} */ (
+				getRadioControlElementValue(
+					/** @type {HTMLInputElement} */ (controlElement),
+				)
+			);
+		}
 		case ControlElementType.NUMBER:
 		case ControlElementType.RANGE: {
 			return /** @type {T} */ (
@@ -120,5 +126,5 @@ const getFormControlPayload = (controlElement) => {
 	});
 };
 
-export { getFormControlElementsPayload } from './helpers/helpers.js';
+export { getFormControlElementsPayload } from './libs/helpers/helpers.js';
 export { getFormControlPayload };

package/src/packages/get-form-control-payload/libs/helpers/check-has-value-as-array/check-has-value-as-array.helper.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @param {HTMLFormOperationalControlElement} element
+ * @returns {boolean}
+ */
+export function checkHasValueAsArray(element: HTMLFormOperationalControlElement): boolean;
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
+//# sourceMappingURL=check-has-value-as-array.helper.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/check-has-value-as-array/check-has-value-as-array.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-has-value-as-array.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/check-has-value-as-array/check-has-value-as-array.helper.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,8CAHW,iCAAiC,GAC/B,OAAO,CAYnB;kDAhBiD,oCAAoC"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/check-has-value-as-array/check-has-value-as-array.helper.js

@@ -1,9 +1,8 @@
 import {
 	VALUE_AS_ARRAY_CUSTOM_CONTROL_ELEMENT_TYPES,
 	VALUE_AS_ARRAY_IDENTIFIER,
-} from '../../../../libs/constants/constants.js';
-
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
+} from '../../../../../libs/constants/constants.js';
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
 
 /**
  * @param {HTMLFormOperationalControlElement} element

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/check-is-refer-to-another-element/check-is-refer-to-another-element.helper.d.ts

@@ -1,9 +1,8 @@
-export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
 /**
  * @param {HTMLFormOperationalControlElement} currentElement
  * @param {HTMLFormOperationalControlElement[]} checkedElements
  * @returns {boolean}
  */
 export function checkIsReferToAnotherElement(currentElement: HTMLFormOperationalControlElement, checkedElements: HTMLFormOperationalControlElement[]): boolean;
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
 //# sourceMappingURL=check-is-refer-to-another-element.helper.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/check-is-refer-to-another-element/check-is-refer-to-another-element.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-is-refer-to-another-element.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/check-is-refer-to-another-element/check-is-refer-to-another-element.helper.js"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,6DAJW,iCAAiC,mBACjC,iCAAiC,EAAE,GACjC,OAAO,CAenB;kDApBiD,oCAAoC"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/check-is-refer-to-another-element/check-is-refer-to-another-element.helper.js

@@ -1,4 +1,4 @@
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
 
 /**
  * @param {HTMLFormOperationalControlElement} currentElement

package/src/packages/get-form-control-payload/libs/helpers/get-checkbox-control-element-value/get-checkbox-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-checkbox-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-checkbox-control-element-value/get-checkbox-control-element-value.helper.js"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wDAHW,gBAAgB,GACd,OAAO,GAAG,MAAM,EAAE,CAU9B"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-checkbox-control-element-value/get-checkbox-control-element-value.helper.js

@@ -1,4 +1,4 @@
-import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../libs/constants/constants.js';
+import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../../libs/constants/constants.js';
 
 /**
  * @param {HTMLInputElement} element

package/src/packages/get-form-control-payload/libs/helpers/get-control-element-value/get-control-element-value.helper.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @param {HTMLInputElement
+ * 	| HTMLOutputElement
+ * 	| HTMLTextAreaElement
+ * 	| HTMLSelectElement
+ * 	| RadioNodeList} element
+ * @returns {string}
+ */
+export function getControlElementValue(element: HTMLInputElement | HTMLOutputElement | HTMLTextAreaElement | HTMLSelectElement | RadioNodeList): string;
+//# sourceMappingURL=get-control-element-value.helper.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/get-control-element-value/get-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-control-element-value/get-control-element-value.helper.js"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,gDAPW,gBAAgB,GACrB,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,aAAa,GACN,MAAM,CAIlB"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-control-element-value/get-control-element-value.helper.js

@@ -2,7 +2,8 @@
  * @param {HTMLInputElement
  * 	| HTMLOutputElement
  * 	| HTMLTextAreaElement
- * 	| HTMLSelectElement} element
+ * 	| HTMLSelectElement
+ * 	| RadioNodeList} element
  * @returns {string}
  */
 const getControlElementValue = (element) => {

package/src/packages/get-form-control-payload/libs/helpers/get-datatime-local-control-element-value/get-datatime-local-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-datatime-local-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-datatime-local-control-element-value/get-datatime-local-control-element-value.helper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,4DAHW,gBAAgB,GACd,IAAI,CAIhB"}

package/src/packages/get-form-control-payload/libs/helpers/get-date-control-element-value/get-date-value-control-element.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-date-value-control-element.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-date-control-element-value/get-date-value-control-element.helper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oDAHW,gBAAgB,GACd,IAAI,GAAG,IAAI,CAIvB"}

package/src/packages/get-form-control-payload/libs/helpers/get-email-control-element-value/get-email-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-email-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-email-control-element-value/get-email-control-element-value.helper.js"],"names":[],"mappings":"AAIA;;;GAGG;AACH,qDAHW,gBAAgB,GACd,MAAM,GAAG,MAAM,EAAE,CAW7B"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-email-control-element-value/get-email-control-element-value.helper.js

@@ -1,6 +1,6 @@
 import { getControlElementValue } from '../get-control-element-value/get-control-element-value.helper.js';
 
-const EMAIL_SEPARATOR = ',';
+const EMAIL_SEPARATOR = /** @type {const} */ (',');
 
 /**
  * @param {HTMLInputElement} element

package/src/packages/get-form-control-payload/libs/helpers/get-fieldset-control-element-value/get-fieldset-control-element-value.helper.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @template {Record<string, unknown>} T
+ * @param {(element: HTMLFormOperationalControlElement) => unknown} getFormControlElementPayloadCallback
+ * @param {HTMLFieldSetElement} element
+ * @returns {T | [T]}
+ */
+export function getFieldsetControlElementValue<T extends Record<string, unknown>>(getFormControlElementPayloadCallback: (element: HTMLFormOperationalControlElement) => unknown, element: HTMLFieldSetElement): T | [T];
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
+//# sourceMappingURL=get-fieldset-control-element-value.helper.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/get-fieldset-control-element-value/get-fieldset-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-fieldset-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-fieldset-control-element-value/get-fieldset-control-element-value.helper.js"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,kIAJqB,iCAAiC,KAAK,OAAO,WACvD,mBAAmB,WAe7B;kDArBiD,oCAAoC"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-fieldset-control-element-value/get-fieldset-control-element-value.helper.js

@@ -1,14 +1,10 @@
-import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../libs/constants/constants.js';
+import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../../libs/constants/constants.js';
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
 import { getFormControlElementsPayload } from '../get-form-control-elements-payload/get-form-control-elements-payload.js';
 
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
-
 /**
  * @template {Record<string, unknown>} T
- * @param {<T extends unknown>(
- * 	element: HTMLFormOperationalControlElement,
- * ) => T} getFormControlElementPayloadCallback
+ * @param {(element: HTMLFormOperationalControlElement) => unknown} getFormControlElementPayloadCallback
  * @param {HTMLFieldSetElement} element
  * @returns {T | [T]}
  */
@@ -16,10 +12,9 @@ const getFieldsetControlElementValue = (
 	getFormControlElementPayloadCallback,
 	element,
 ) => {
-	const elements = [.../** @type {HTMLFieldSetElement} */ (element).elements];
 	const fieldsetValue = getFormControlElementsPayload(
 		getFormControlElementPayloadCallback,
-		.../** @type {HTMLFormControlElement[]} */ (elements),
+		element.elements,
 	);
 
 	const hasArrayValue = element.name.endsWith(VALUE_AS_ARRAY_IDENTIFIER);

package/src/packages/get-form-control-payload/libs/helpers/get-file-control-element-value/get-file-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-file-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-file-control-element-value/get-file-control-element-value.helper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oDAHW,gBAAgB,GACd,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAWhC"}

package/src/packages/get-form-control-payload/libs/helpers/get-form-control-elements-payload/get-form-control-elements-payload.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @template {Record<string, unknown>} T
+ * @param {(element: HTMLFormOperationalControlElement) => unknown} getFormControlElementPayloadCallback
+ * @param {HTMLFormControlsCollection} elements
+ * @returns {T}
+ */
+export function getFormControlElementsPayload<T extends Record<string, unknown>>(getFormControlElementPayloadCallback: (element: HTMLFormOperationalControlElement) => unknown, elements: HTMLFormControlsCollection): T;
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
+//# sourceMappingURL=get-form-control-elements-payload.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/get-form-control-elements-payload/get-form-control-elements-payload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-form-control-elements-payload.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-form-control-elements-payload/get-form-control-elements-payload.js"],"names":[],"mappings":"AAYA;;;;;GAKG;AACH,iIAJqB,iCAAiC,KAAK,OAAO,YACvD,0BAA0B,KAqFpC;kDA/FM,oCAAoC"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-form-control-elements-payload/get-form-control-elements-payload.js

@@ -1,23 +1,29 @@
+import { ControlElementType } from '../../../../../libs/enums/enums.js';
+import { checkIsOnOf } from '../../../../../libs/helpers/helpers.js';
+import {
+	HTMLFormControlElement,
+	HTMLFormOperationalControlElement,
+} from '../../../../../libs/types/types.js';
 import { checkHasValueAsArray } from '../check-has-value-as-array/check-has-value-as-array.helper.js';
 import { checkIsReferToAnotherElement } from '../check-is-refer-to-another-element/check-is-refer-to-another-element.helper.js';
+import { getControlElementValue } from '../get-control-element-value/get-control-element-value.helper.js';
 import { getOperationalControlElements } from '../get-operational-control-elements/get-operational-control-elements.helper.js';
 import { normalizeValueAsArrayControlElementName } from '../normalize-value-as-array-control-element-name/normalize-value-as-array-control-element-name.helper.js';
 
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
-/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
-
 /**
  * @template {Record<string, unknown>} T
- * @param {<T extends unknown>(
- * 	element: HTMLFormOperationalControlElement,
- * ) => T} getFormControlElementPayloadCallback
- * @param {...HTMLFormControlElement} controlElements
+ * @param {(element: HTMLFormOperationalControlElement) => unknown} getFormControlElementPayloadCallback
+ * @param {HTMLFormControlsCollection} elements
  * @returns {T}
  */
 const getFormControlElementsPayload = (
 	getFormControlElementPayloadCallback,
-	...controlElements
+	elements,
 ) => {
+	const controlElements = /** @type {HTMLFormControlElement[]} */ ([
+		...elements,
+	]);
+
 	const operationalControlElements =
 		getOperationalControlElements(controlElements);
 
@@ -33,6 +39,34 @@ const getFormControlElementsPayload = (
 			continue;
 		}
 
+		const isRadioNodeList = checkIsOnOf(
+			operationalControlElement.type,
+			ControlElementType.RADIO,
+		);
+
+		if (isRadioNodeList) {
+			const hasValue = Boolean(
+				elementsValues[operationalControlElement.name],
+			);
+
+			if (!hasValue) {
+				const key = /** @type {keyof T} */ (
+					operationalControlElement.name
+				);
+				const value = /** @type {T[keyof T]} */ (
+					getControlElementValue(
+						/** @type {RadioNodeList} */ (
+							elements.namedItem(operationalControlElement.name)
+						),
+					)
+				);
+
+				elementsValues[key] = value;
+			}
+
+			continue;
+		}
+
 		const hasValueAsArray = checkHasValueAsArray(operationalControlElement);
 
 		if (hasValueAsArray) {

package/src/packages/get-form-control-payload/libs/helpers/get-multiselect-control-type-value/get-multiselect-control-type-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-multiselect-control-type-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-multiselect-control-type-value/get-multiselect-control-type-value.helper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,2DAHW,iBAAiB,GACf,MAAM,EAAE,CAIpB"}

package/src/packages/get-form-control-payload/libs/helpers/get-numeric-control-element-value/get-numeric-control-element-value.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-numeric-control-element-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-numeric-control-element-value/get-numeric-control-element-value.helper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,uDAHW,gBAAgB,GACd,MAAM,CAIlB"}

package/src/packages/get-form-control-payload/{helpers → libs/helpers}/get-operational-control-elements/get-operational-control-elements.helper.d.ts

@@ -1,8 +1,8 @@
-export type HTMLFormControlElement = import('../../../../libs/types/types.js').HTMLFormControlElement;
-export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
 /**
  * @param {HTMLFormControlElement[]} elements
  * @returns {HTMLFormOperationalControlElement[]}
  */
 export function getOperationalControlElements(elements: HTMLFormControlElement[]): HTMLFormOperationalControlElement[];
+import { HTMLFormControlElement } from '../../../../../libs/types/types.js';
+import { HTMLFormOperationalControlElement } from '../../../../../libs/types/types.js';
 //# sourceMappingURL=get-operational-control-elements.helper.d.ts.map

package/src/packages/get-form-control-payload/libs/helpers/get-operational-control-elements/get-operational-control-elements.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-operational-control-elements.helper.d.ts","sourceRoot":"","sources":["../../../../../../../src/packages/get-form-control-payload/libs/helpers/get-operational-control-elements/get-operational-control-elements.helper.js"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,wDAHW,sBAAsB,EAAE,GACtB,iCAAiC,EAAE,CAgB/C;uCA/BM,oCAAoC;kDAApC,oCAAoC"}