form-payload 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/readme.md +35 -33
- package/src/libs/constants/constants.d.ts +2 -0
- package/src/libs/constants/constants.js +2 -0
- package/src/libs/constants/value-as-array-custom-control-types.constant.d.ts +2 -0
- package/src/libs/constants/value-as-array-custom-control-types.constant.d.ts.map +1 -0
- package/src/libs/constants/value-as-array-custom-control-types.constant.js +8 -0
- package/src/libs/constants/value-as-array-identifier.constant.d.ts +2 -0
- package/src/libs/constants/value-as-array-identifier.constant.d.ts.map +1 -0
- package/src/libs/constants/value-as-array-identifier.constant.js +3 -0
- package/src/libs/maps/{element-name-to-element-instance.map.d.ts → banned-element-name-to-element-instance.map.d.ts} +1 -1
- package/src/libs/maps/banned-element-name-to-element-instance.map.d.ts.map +1 -0
- package/src/libs/maps/maps.d.ts +1 -1
- package/src/libs/maps/maps.js +1 -1
- package/src/packages/get-form-control-payload/get-form-control-payload.d.ts +2 -9
- package/src/packages/get-form-control-payload/get-form-control-payload.d.ts.map +1 -1
- package/src/packages/get-form-control-payload/get-form-control-payload.js +6 -39
- package/src/packages/get-form-control-payload/helpers/check-has-value-as-array/check-has-value-as-array.helper.d.ts +8 -0
- package/src/packages/get-form-control-payload/helpers/check-has-value-as-array/check-has-value-as-array.helper.d.ts.map +1 -0
- package/src/packages/get-form-control-payload/helpers/check-has-value-as-array/check-has-value-as-array.helper.js +21 -0
- package/src/packages/get-form-control-payload/helpers/check-is-refer-to-another-node/check-is-refer-to-another-node.helper.d.ts +2 -2
- package/src/packages/get-form-control-payload/helpers/check-is-refer-to-another-node/check-is-refer-to-another-node.helper.d.ts.map +1 -1
- package/src/packages/get-form-control-payload/helpers/check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js +2 -2
- package/src/packages/get-form-control-payload/helpers/get-checkbox-value/get-checkbox-value.helper.d.ts +2 -2
- package/src/packages/get-form-control-payload/helpers/get-checkbox-value/get-checkbox-value.helper.d.ts.map +1 -1
- package/src/packages/get-form-control-payload/helpers/get-checkbox-value/get-checkbox-value.helper.js +9 -1
- package/src/packages/get-form-control-payload/helpers/get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.d.ts +8 -0
- package/src/packages/get-form-control-payload/helpers/get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.d.ts.map +1 -0
- package/src/packages/get-form-control-payload/helpers/get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.js +13 -0
- package/src/packages/get-form-control-payload/helpers/get-fieldset-value/get-fieldset-value.helper.d.ts +14 -0
- package/src/packages/get-form-control-payload/helpers/get-fieldset-value/get-fieldset-value.helper.d.ts.map +1 -0
- package/src/packages/get-form-control-payload/helpers/get-fieldset-value/get-fieldset-value.helper.js +27 -0
- package/src/packages/get-form-control-payload/helpers/get-form-controls-payload/get-form-controls-payload.d.ts +14 -0
- package/src/packages/get-form-control-payload/helpers/get-form-controls-payload/get-form-controls-payload.d.ts.map +1 -0
- package/src/packages/get-form-control-payload/helpers/get-form-controls-payload/get-form-controls-payload.js +64 -0
- package/src/packages/get-form-control-payload/helpers/helpers.d.ts +4 -0
- package/src/packages/get-form-control-payload/helpers/helpers.js +4 -0
- package/src/packages/get-form-payload/get-form-payload.d.ts.map +1 -1
- package/src/packages/get-form-payload/get-form-payload.js +5 -2
- package/src/libs/maps/element-name-to-element-instance.map.d.ts.map +0 -1
- /package/src/libs/maps/{element-name-to-element-instance.map.js → banned-element-name-to-element-instance.map.js} +0 -0
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -63,36 +63,38 @@ PS. _The library works perfectly with any framework. Just use a valid [HTMLFormE
|
|
|
63
63
|
|
|
64
64
|
## Value Correspondence Table
|
|
65
65
|
|
|
66
|
-
| HTMLElement | Attributes
|
|
67
|
-
| ------------------------------------------------------------------------------------------- |
|
|
68
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="text"`
|
|
69
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="password"`
|
|
70
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="search"`
|
|
71
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="url"`
|
|
72
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="tel"`
|
|
73
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="color"`
|
|
74
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="radio"`
|
|
75
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="hidden"`
|
|
76
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="email"`
|
|
77
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="email"` and `multiple`
|
|
78
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="number"`
|
|
79
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="range"`
|
|
80
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="checkbox"`
|
|
81
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
82
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
83
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
84
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
85
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
86
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
87
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="file"`
|
|
88
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
89
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
90
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
91
|
-
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="
|
|
92
|
-
| [
|
|
93
|
-
| [
|
|
94
|
-
| [HTMLSelectElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement) |
|
|
95
|
-
| [
|
|
96
|
-
| [
|
|
97
|
-
| [
|
|
98
|
-
| [
|
|
66
|
+
| HTMLElement | Attributes | Included | Return Value |
|
|
67
|
+
| ------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------------------------------------------------------------------------------------------- |
|
|
68
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="text"` | ✅ | `string` |
|
|
69
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="password"` | ✅ | `string` |
|
|
70
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="search"` | ✅ | `string` |
|
|
71
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="url"` | ✅ | `string` |
|
|
72
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="tel"` | ✅ | `string` |
|
|
73
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="color"` | ✅ | `string` |
|
|
74
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="radio"` | ✅ | `string` |
|
|
75
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="hidden"` | ✅ | `string` |
|
|
76
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="email"` | ✅ | `string` |
|
|
77
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="email"` and `multiple` | ✅ | `Array<string>` |
|
|
78
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="number"` | ✅ | `number` |
|
|
79
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="range"` | ✅ | `number` |
|
|
80
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="checkbox"` | ✅ | `boolean` |
|
|
81
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="checkbox"` and `[]` in `name` (Ex. `name="fruits[]"`) | ✅ | `Array<string>` |
|
|
82
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="date"` | ✅ | [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
|
|
83
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="time"` | ✅ | [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
|
|
84
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="month"` | ✅ | [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
|
|
85
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="week"` | ✅ | [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
|
|
86
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="datetime-local"` | ✅ | [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
|
|
87
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="file"` | ✅ | [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File) or `null` |
|
|
88
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="file"` and `multiple` | ✅ | <code>Array<[File](https://developer.mozilla.org/en-US/docs/Web/API/File)></code> |
|
|
89
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="button"` | ❌ | – |
|
|
90
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="submit"` | ❌ | – |
|
|
91
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="reset"` | ❌ | – |
|
|
92
|
+
| [HTMLInputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement) | `type="image"` | ❌ | – |
|
|
93
|
+
| [HTMLTextAreaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextareaElement) | – | ✅ | `string` |
|
|
94
|
+
| [HTMLSelectElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement) | – | ✅ | `string` |
|
|
95
|
+
| [HTMLSelectElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement) | `multiple` | ✅ | `Array<string>` |
|
|
96
|
+
| [HTMLOutputElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLOutputElement) | – | ✅ | `string` |
|
|
97
|
+
| [HTMLFieldsetElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFieldsetElement) | – | ✅ | `Object<name: string, value: unknown>` (recursive values of nested elements) |
|
|
98
|
+
| [HTMLFieldsetElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFieldsetElement) | `[]` in `name` (Ex. `name="shops[]"`) | ✅ | `Array<Object<name: string, value: unknown>>` (recursive values of nested elements) |
|
|
99
|
+
| [HTMLButtonElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement) | – | ❌ | – |
|
|
100
|
+
| [HTMLObjectElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement) | – | ❌ | – |
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { BANNED_CONTROL_TYPES } from "./banned-control-types.constant.js";
|
|
2
|
+
export { VALUE_AS_ARRAY_CUSTOM_CONTROL_TYPES } from "./value-as-array-custom-control-types.constant.js";
|
|
3
|
+
export { VALUE_AS_ARRAY_IDENTIFIER } from "./value-as-array-identifier.constant.js";
|
|
2
4
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"value-as-array-custom-control-types.constant.d.ts","sourceRoot":"","sources":["../../../../src/libs/constants/value-as-array-custom-control-types.constant.js"],"names":[],"mappings":"AAEA,8EAGE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"value-as-array-identifier.constant.d.ts","sourceRoot":"","sources":["../../../../src/libs/constants/value-as-array-identifier.constant.js"],"names":[],"mappings":"AAAA,6CAAuC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banned-element-name-to-element-instance.map.d.ts","sourceRoot":"","sources":["../../../../src/libs/maps/banned-element-name-to-element-instance.map.js"],"names":[],"mappings":""}
|
package/src/libs/maps/maps.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { bannedElementNameToElementInstance } from "./element-name-to-element-instance.map.js";
|
|
1
|
+
export { bannedElementNameToElementInstance } from "./banned-element-name-to-element-instance.map.js";
|
|
2
2
|
//# sourceMappingURL=maps.d.ts.map
|
package/src/libs/maps/maps.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { bannedElementNameToElementInstance } from './element-name-to-element-instance.map.js';
|
|
1
|
+
export { bannedElementNameToElementInstance } from './banned-element-name-to-element-instance.map.js';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { getFormControlsPayload } from "./helpers/helpers.js";
|
|
2
2
|
export type HTMLFormOperationalControlElement = import('../../libs/types/types.js').HTMLFormOperationalControlElement;
|
|
3
|
+
/** @typedef {import('../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
3
4
|
/**
|
|
4
5
|
* @template {unknown} T
|
|
5
6
|
* @param {HTMLFormOperationalControlElement} controlNode
|
|
@@ -7,12 +8,4 @@ export type HTMLFormOperationalControlElement = import('../../libs/types/types.j
|
|
|
7
8
|
* @throws {FormPayloadError}
|
|
8
9
|
*/
|
|
9
10
|
export function getFormControlPayload<T extends unknown>(controlNode: HTMLFormOperationalControlElement): T;
|
|
10
|
-
/** @typedef {import('../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
11
|
-
/** @typedef {import('../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
12
|
-
/**
|
|
13
|
-
* @template {Record<string, unknown>} T
|
|
14
|
-
* @param {...HTMLFormControlElement} controlElements
|
|
15
|
-
* @returns {T}
|
|
16
|
-
*/
|
|
17
|
-
export function getFormControlsPayload<T extends Record<string, unknown>>(...controlElements: HTMLFormControlElement[]): T;
|
|
18
11
|
//# sourceMappingURL=get-form-control-payload.d.ts.map
|
|
@@ -1 +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":"
|
|
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,sEAJW,iCAAiC,KAgG3C"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { ControlType } from '../../libs/enums/enums.js';
|
|
2
2
|
import { FormPayloadError } from '../../libs/exceptions/exceptions.js';
|
|
3
3
|
import {
|
|
4
|
-
checkIsReferToAnotherNode,
|
|
5
|
-
getAllowedElements,
|
|
6
4
|
getCheckboxValue,
|
|
7
5
|
getDatetimeLocalValue,
|
|
6
|
+
getFieldsetValue,
|
|
8
7
|
getFormControlValue,
|
|
9
8
|
getInputDateValue,
|
|
10
9
|
getInputEmailValue,
|
|
@@ -13,38 +12,8 @@ import {
|
|
|
13
12
|
getMultiSelectValues,
|
|
14
13
|
} from './helpers/helpers.js';
|
|
15
14
|
|
|
16
|
-
/** @typedef {import('../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
17
15
|
/** @typedef {import('../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
18
16
|
|
|
19
|
-
/**
|
|
20
|
-
* @template {Record<string, unknown>} T
|
|
21
|
-
* @param {...HTMLFormControlElement} controlElements
|
|
22
|
-
* @returns {T}
|
|
23
|
-
*/
|
|
24
|
-
const getFormControlsPayload = (...controlElements) => {
|
|
25
|
-
const allowedElements = getAllowedElements(controlElements);
|
|
26
|
-
|
|
27
|
-
let elementsValues = /** @type {T} */ ({});
|
|
28
|
-
|
|
29
|
-
for (const element of allowedElements) {
|
|
30
|
-
const isReferToAnotherNode = checkIsReferToAnotherNode(
|
|
31
|
-
element,
|
|
32
|
-
...allowedElements,
|
|
33
|
-
);
|
|
34
|
-
|
|
35
|
-
if (isReferToAnotherNode) {
|
|
36
|
-
continue;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
elementsValues = {
|
|
40
|
-
...elementsValues,
|
|
41
|
-
[element.name]: getFormControlPayload(element),
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
return elementsValues;
|
|
46
|
-
};
|
|
47
|
-
|
|
48
17
|
/**
|
|
49
18
|
* @template {unknown} T
|
|
50
19
|
* @param {HTMLFormOperationalControlElement} controlNode
|
|
@@ -131,13 +100,10 @@ const getFormControlPayload = (controlNode) => {
|
|
|
131
100
|
);
|
|
132
101
|
}
|
|
133
102
|
case ControlType.FIELDSET: {
|
|
134
|
-
const elements = [
|
|
135
|
-
.../** @type {HTMLFieldSetElement} */ (controlNode).elements,
|
|
136
|
-
];
|
|
137
|
-
|
|
138
103
|
return /** @type {T} */ (
|
|
139
|
-
|
|
140
|
-
|
|
104
|
+
getFieldsetValue(
|
|
105
|
+
getFormControlPayload,
|
|
106
|
+
/** @type {HTMLFieldSetElement} */ (controlNode),
|
|
141
107
|
)
|
|
142
108
|
);
|
|
143
109
|
}
|
|
@@ -148,4 +114,5 @@ const getFormControlPayload = (controlNode) => {
|
|
|
148
114
|
});
|
|
149
115
|
};
|
|
150
116
|
|
|
151
|
-
export {
|
|
117
|
+
export { getFormControlsPayload } from './helpers/helpers.js';
|
|
118
|
+
export { getFormControlPayload };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
|
|
2
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
3
|
+
/**
|
|
4
|
+
* @param {HTMLFormOperationalControlElement} element
|
|
5
|
+
* @returns {boolean}
|
|
6
|
+
*/
|
|
7
|
+
export function checkHasValueAsArray(element: HTMLFormOperationalControlElement): boolean;
|
|
8
|
+
//# sourceMappingURL=check-has-value-as-array.helper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"check-has-value-as-array.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/check-has-value-as-array/check-has-value-as-array.helper.js"],"names":[],"mappings":"gDAKc,OAAO,iCAAiC,EAAE,iCAAiC;AAAzF,+HAA+H;AAE/H;;;GAGG;AACH,8CAHW,iCAAiC,GAC/B,OAAO,CASnB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
VALUE_AS_ARRAY_CUSTOM_CONTROL_TYPES,
|
|
3
|
+
VALUE_AS_ARRAY_IDENTIFIER,
|
|
4
|
+
} from '../../../../libs/constants/constants.js';
|
|
5
|
+
|
|
6
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* @param {HTMLFormOperationalControlElement} element
|
|
10
|
+
* @returns {boolean}
|
|
11
|
+
*/
|
|
12
|
+
const checkHasValueAsArray = (element) => {
|
|
13
|
+
return (
|
|
14
|
+
element.name.endsWith(VALUE_AS_ARRAY_IDENTIFIER) &&
|
|
15
|
+
/** @type {readonly string[]} */ (
|
|
16
|
+
VALUE_AS_ARRAY_CUSTOM_CONTROL_TYPES
|
|
17
|
+
).includes(element.type)
|
|
18
|
+
);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { checkHasValueAsArray };
|
|
@@ -3,8 +3,8 @@ export type HTMLFormOperationalControlElement = import('../../../../libs/types/t
|
|
|
3
3
|
/**
|
|
4
4
|
* @template {HTMLFormOperationalControlElement} T
|
|
5
5
|
* @param {T} currentNode
|
|
6
|
-
* @param {
|
|
6
|
+
* @param {T[]} checkNodes
|
|
7
7
|
* @returns {boolean}
|
|
8
8
|
*/
|
|
9
|
-
export function checkIsReferToAnotherNode<T extends import("../../../../libs/types/html-form-operational-control-element.type.js").HTMLFormOperationalControlElement>(currentNode: T,
|
|
9
|
+
export function checkIsReferToAnotherNode<T extends import("../../../../libs/types/html-form-operational-control-element.type.js").HTMLFormOperationalControlElement>(currentNode: T, checkNodes: T[]): boolean;
|
|
10
10
|
//# sourceMappingURL=check-is-refer-to-another-node.helper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"check-is-refer-to-another-node.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js"],"names":[],"mappings":"gDAAc,OAAO,iCAAiC,EAAE,iCAAiC;AAAzF,+HAA+H;AAE/H;;;;;GAKG;AACH,
|
|
1
|
+
{"version":3,"file":"check-is-refer-to-another-node.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js"],"names":[],"mappings":"gDAAc,OAAO,iCAAiC,EAAE,iCAAiC;AAAzF,+HAA+H;AAE/H;;;;;GAKG;AACH,wMAFa,OAAO,CAenB"}
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
/**
|
|
4
4
|
* @template {HTMLFormOperationalControlElement} T
|
|
5
5
|
* @param {T} currentNode
|
|
6
|
-
* @param {
|
|
6
|
+
* @param {T[]} checkNodes
|
|
7
7
|
* @returns {boolean}
|
|
8
8
|
*/
|
|
9
|
-
const checkIsReferToAnotherNode = (currentNode,
|
|
9
|
+
const checkIsReferToAnotherNode = (currentNode, checkNodes) => {
|
|
10
10
|
return checkNodes.some((checkNode) => {
|
|
11
11
|
const hasElements =
|
|
12
12
|
'elements' in checkNode && checkNode.elements.length > 0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @param {HTMLInputElement} element
|
|
3
|
-
* @returns {boolean}
|
|
3
|
+
* @returns {boolean | string[]}
|
|
4
4
|
*/
|
|
5
|
-
export function getCheckboxValue(element: HTMLInputElement): boolean;
|
|
5
|
+
export function getCheckboxValue(element: HTMLInputElement): boolean | string[];
|
|
6
6
|
//# sourceMappingURL=get-checkbox-value.helper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-checkbox-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/get-checkbox-value/get-checkbox-value.helper.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-checkbox-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/get-checkbox-value/get-checkbox-value.helper.js"],"names":[],"mappings":"AAEA;;;GAGG;AACH,0CAHW,gBAAgB,GACd,OAAO,GAAG,MAAM,EAAE,CAU9B"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../libs/constants/constants.js';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* @param {HTMLInputElement} element
|
|
3
|
-
* @returns {boolean}
|
|
5
|
+
* @returns {boolean | string[]}
|
|
4
6
|
*/
|
|
5
7
|
const getCheckboxValue = (element) => {
|
|
8
|
+
const hasArrayValue = element.name.endsWith(VALUE_AS_ARRAY_IDENTIFIER);
|
|
9
|
+
|
|
10
|
+
if (hasArrayValue) {
|
|
11
|
+
return element.checked ? [element.value] : [];
|
|
12
|
+
}
|
|
13
|
+
|
|
6
14
|
return element.checked;
|
|
7
15
|
};
|
|
8
16
|
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
|
|
2
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
3
|
+
/**
|
|
4
|
+
* @param {HTMLFormOperationalControlElement} element
|
|
5
|
+
* @returns {string}
|
|
6
|
+
*/
|
|
7
|
+
export function getCleanedValueAsArrayControlName(element: HTMLFormOperationalControlElement): string;
|
|
8
|
+
//# sourceMappingURL=get-cleaned-value-as-array-control-name.helper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-cleaned-value-as-array-control-name.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.js"],"names":[],"mappings":"gDAEc,OAAO,iCAAiC,EAAE,iCAAiC;AAAzF,+HAA+H;AAE/H;;;GAGG;AACH,2DAHW,iCAAiC,GAC/B,MAAM,CAIlB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../libs/constants/constants.js';
|
|
2
|
+
|
|
3
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* @param {HTMLFormOperationalControlElement} element
|
|
7
|
+
* @returns {string}
|
|
8
|
+
*/
|
|
9
|
+
const getCleanedValueAsArrayControlName = (element) => {
|
|
10
|
+
return element.name.replace(VALUE_AS_ARRAY_IDENTIFIER, '');
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { getCleanedValueAsArrayControlName };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
|
|
2
|
+
export type HTMLFormControlElement = import('../../../../libs/types/types.js').HTMLFormControlElement;
|
|
3
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
4
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
5
|
+
/**
|
|
6
|
+
* @template {Record<string, unknown>} T
|
|
7
|
+
* @param {<T extends unknown>(
|
|
8
|
+
* element: HTMLFormOperationalControlElement,
|
|
9
|
+
* ) => T} getFormControlPayloadCallback
|
|
10
|
+
* @param {HTMLFieldSetElement} element
|
|
11
|
+
* @returns {T | [T]}
|
|
12
|
+
*/
|
|
13
|
+
export function getFieldsetValue<T extends Record<string, unknown>>(getFormControlPayloadCallback: <T_1 extends unknown>(element: HTMLFormOperationalControlElement) => T_1, element: HTMLFieldSetElement): T | [T];
|
|
14
|
+
//# sourceMappingURL=get-fieldset-value.helper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-fieldset-value.helper.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/get-fieldset-value/get-fieldset-value.helper.js"],"names":[],"mappings":"gDAGc,OAAO,iCAAiC,EAAE,iCAAiC;qCAC3E,OAAO,iCAAiC,EAAE,sBAAsB;AAD9E,+HAA+H;AAC/H,yGAAyG;AAEzG;;;;;;;GAOG;AACH,kIALa,iCAAiC,mBAEnC,mBAAmB,WAa7B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { VALUE_AS_ARRAY_IDENTIFIER } from '../../../../libs/constants/constants.js';
|
|
2
|
+
import { getFormControlsPayload } from '../get-form-controls-payload/get-form-controls-payload.js';
|
|
3
|
+
|
|
4
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
5
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* @template {Record<string, unknown>} T
|
|
9
|
+
* @param {<T extends unknown>(
|
|
10
|
+
* element: HTMLFormOperationalControlElement,
|
|
11
|
+
* ) => T} getFormControlPayloadCallback
|
|
12
|
+
* @param {HTMLFieldSetElement} element
|
|
13
|
+
* @returns {T | [T]}
|
|
14
|
+
*/
|
|
15
|
+
const getFieldsetValue = (getFormControlPayloadCallback, element) => {
|
|
16
|
+
const elements = [.../** @type {HTMLFieldSetElement} */ (element).elements];
|
|
17
|
+
const fieldsetValue = getFormControlsPayload(
|
|
18
|
+
getFormControlPayloadCallback,
|
|
19
|
+
.../** @type {HTMLFormControlElement[]} */ (elements),
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
const hasArrayValue = element.name.endsWith(VALUE_AS_ARRAY_IDENTIFIER);
|
|
23
|
+
|
|
24
|
+
return /** @type {T} */ (hasArrayValue ? [fieldsetValue] : fieldsetValue);
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { getFieldsetValue };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type HTMLFormOperationalControlElement = import('../../../../libs/types/types.js').HTMLFormOperationalControlElement;
|
|
2
|
+
export type HTMLFormControlElement = import('../../../../libs/types/types.js').HTMLFormControlElement;
|
|
3
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
4
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
5
|
+
/**
|
|
6
|
+
* @template {Record<string, unknown>} T
|
|
7
|
+
* @param {<T extends unknown>(
|
|
8
|
+
* element: HTMLFormOperationalControlElement,
|
|
9
|
+
* ) => T} getFormControlPayloadCallback
|
|
10
|
+
* @param {...HTMLFormControlElement} controlElements
|
|
11
|
+
* @returns {T}
|
|
12
|
+
*/
|
|
13
|
+
export function getFormControlsPayload<T extends Record<string, unknown>>(getFormControlPayloadCallback: <T_1 extends unknown>(element: HTMLFormOperationalControlElement) => T_1, ...controlElements: HTMLFormControlElement[]): T;
|
|
14
|
+
//# sourceMappingURL=get-form-controls-payload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-form-controls-payload.d.ts","sourceRoot":"","sources":["../../../../../../src/packages/get-form-control-payload/helpers/get-form-controls-payload/get-form-controls-payload.js"],"names":[],"mappings":"gDAKc,OAAO,iCAAiC,EAAE,iCAAiC;qCAC3E,OAAO,iCAAiC,EAAE,sBAAsB;AAD9E,+HAA+H;AAC/H,yGAAyG;AAEzG;;;;;;;GAOG;AACH,wIALa,iCAAiC,8BAEhC,sBAAsB,OAgDnC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { checkHasValueAsArray } from '../check-has-value-as-array/check-has-value-as-array.helper.js';
|
|
2
|
+
import { checkIsReferToAnotherNode } from '../check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js';
|
|
3
|
+
import { getAllowedElements } from '../get-allowed-elements/get-allowed-elements.helper.js';
|
|
4
|
+
import { getCleanedValueAsArrayControlName } from '../get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.js';
|
|
5
|
+
|
|
6
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormOperationalControlElement} HTMLFormOperationalControlElement */
|
|
7
|
+
/** @typedef {import('../../../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* @template {Record<string, unknown>} T
|
|
11
|
+
* @param {<T extends unknown>(
|
|
12
|
+
* element: HTMLFormOperationalControlElement,
|
|
13
|
+
* ) => T} getFormControlPayloadCallback
|
|
14
|
+
* @param {...HTMLFormControlElement} controlElements
|
|
15
|
+
* @returns {T}
|
|
16
|
+
*/
|
|
17
|
+
const getFormControlsPayload = (
|
|
18
|
+
getFormControlPayloadCallback,
|
|
19
|
+
...controlElements
|
|
20
|
+
) => {
|
|
21
|
+
const allowedElements = getAllowedElements(controlElements);
|
|
22
|
+
|
|
23
|
+
const elementsValues = /** @type {T} */ ({});
|
|
24
|
+
|
|
25
|
+
for (const element of allowedElements) {
|
|
26
|
+
const isReferToAnotherNode = checkIsReferToAnotherNode(
|
|
27
|
+
element,
|
|
28
|
+
allowedElements,
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
if (isReferToAnotherNode) {
|
|
32
|
+
continue;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
const hasValueAsArray = checkHasValueAsArray(element);
|
|
36
|
+
|
|
37
|
+
if (hasValueAsArray) {
|
|
38
|
+
const key = /** @type {keyof T} */ (
|
|
39
|
+
getCleanedValueAsArrayControlName(element)
|
|
40
|
+
);
|
|
41
|
+
const value = /** @type {T[keyof T]} */ ([
|
|
42
|
+
.../** @type {unknown[]} */ (elementsValues[key] ?? []),
|
|
43
|
+
.../** @type {unknown[]} */ (
|
|
44
|
+
getFormControlPayloadCallback(element)
|
|
45
|
+
),
|
|
46
|
+
]);
|
|
47
|
+
|
|
48
|
+
elementsValues[key] = value;
|
|
49
|
+
|
|
50
|
+
continue;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
const key = /** @type {keyof T} */ (element.name);
|
|
54
|
+
const value = /** @type {T[keyof T]} */ (
|
|
55
|
+
getFormControlPayloadCallback(element)
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
elementsValues[key] = value;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
return elementsValues;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
export { getFormControlsPayload };
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
export { checkHasValueAsArray } from "./check-has-value-as-array/check-has-value-as-array.helper.js";
|
|
1
2
|
export { checkIsReferToAnotherNode } from "./check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js";
|
|
2
3
|
export { getAllowedElements } from "./get-allowed-elements/get-allowed-elements.helper.js";
|
|
3
4
|
export { getCheckboxValue } from "./get-checkbox-value/get-checkbox-value.helper.js";
|
|
5
|
+
export { getCleanedValueAsArrayControlName } from "./get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.js";
|
|
4
6
|
export { getFormControlValue } from "./get-control-value/get-control-value.helper.js";
|
|
5
7
|
export { getDatetimeLocalValue } from "./get-datatime-local-value/get-datatime-local-value.helper.js";
|
|
8
|
+
export { getFieldsetValue } from "./get-fieldset-value/get-fieldset-value.helper.js";
|
|
9
|
+
export { getFormControlsPayload } from "./get-form-controls-payload/get-form-controls-payload.js";
|
|
6
10
|
export { getInputDateValue } from "./get-input-date-value/get-input-date-value.helper.js";
|
|
7
11
|
export { getInputEmailValue } from "./get-input-email-value/get-input-email-value.helper.js";
|
|
8
12
|
export { getInputFileValue } from "./get-input-file-value/get-input-file-value.helper.js";
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
export { checkHasValueAsArray } from './check-has-value-as-array/check-has-value-as-array.helper.js';
|
|
1
2
|
export { checkIsReferToAnotherNode } from './check-is-refer-to-another-node/check-is-refer-to-another-node.helper.js';
|
|
2
3
|
export { getAllowedElements } from './get-allowed-elements/get-allowed-elements.helper.js';
|
|
3
4
|
export { getCheckboxValue } from './get-checkbox-value/get-checkbox-value.helper.js';
|
|
5
|
+
export { getCleanedValueAsArrayControlName } from './get-cleaned-value-as-array-control-name/get-cleaned-value-as-array-control-name.helper.js';
|
|
4
6
|
export { getFormControlValue } from './get-control-value/get-control-value.helper.js';
|
|
5
7
|
export { getDatetimeLocalValue } from './get-datatime-local-value/get-datatime-local-value.helper.js';
|
|
8
|
+
export { getFieldsetValue } from './get-fieldset-value/get-fieldset-value.helper.js';
|
|
9
|
+
export { getFormControlsPayload } from './get-form-controls-payload/get-form-controls-payload.js';
|
|
6
10
|
export { getInputDateValue } from './get-input-date-value/get-input-date-value.helper.js';
|
|
7
11
|
export { getInputEmailValue } from './get-input-email-value/get-input-email-value.helper.js';
|
|
8
12
|
export { getInputFileValue } from './get-input-file-value/get-input-file-value.helper.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-form-payload.d.ts","sourceRoot":"","sources":["../../../../src/packages/get-form-payload/get-form-payload.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-form-payload.d.ts","sourceRoot":"","sources":["../../../../src/packages/get-form-payload/get-form-payload.js"],"names":[],"mappings":"qCAKc,OAAO,2BAA2B,EAAE,sBAAsB;AAAxE,mGAAmG;AAEnG;;;;GAIG;AACH,4EAHW,eAAe,KASzB"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
getFormControlPayload,
|
|
3
|
+
getFormControlsPayload,
|
|
4
|
+
} from '../get-form-control-payload/get-form-control-payload.js';
|
|
2
5
|
|
|
3
6
|
/** @typedef {import('../../libs/types/types.js').HTMLFormControlElement} HTMLFormControlElement */
|
|
4
7
|
|
|
@@ -12,7 +15,7 @@ const getFormPayload = (formNode) => {
|
|
|
12
15
|
...formNode.elements,
|
|
13
16
|
]);
|
|
14
17
|
|
|
15
|
-
return getFormControlsPayload(...elements);
|
|
18
|
+
return getFormControlsPayload(getFormControlPayload, ...elements);
|
|
16
19
|
};
|
|
17
20
|
|
|
18
21
|
export { getFormPayload };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"element-name-to-element-instance.map.d.ts","sourceRoot":"","sources":["../../../../src/libs/maps/element-name-to-element-instance.map.js"],"names":[],"mappings":""}
|
|
File without changes
|