@sealcode/sealgen 0.3.2 → 0.4.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/@types/forms/controls/checkboxed-list-input.d.ts +5 -6
- package/@types/forms/controls/dropdown.d.ts +5 -6
- package/@types/forms/controls/editable-collection-subset.d.ts +6 -6
- package/@types/forms/controls/form-control.d.ts +3 -4
- package/@types/forms/controls/form-field-control.d.ts +9 -8
- package/@types/forms/controls/frame.d.ts +2 -2
- package/@types/forms/controls/simple-input.d.ts +5 -5
- package/@types/forms/field.d.ts +47 -16
- package/@types/forms/fields/checkboxed-list.d.ts +16 -0
- package/@types/forms/fields/collection-field.d.ts +11 -0
- package/@types/forms/fields/field.d.ts +38 -0
- package/@types/forms/fields/number.d.ts +13 -0
- package/@types/forms/fields/pick-from-list.d.ts +16 -0
- package/@types/forms/fields/simple-form-field.d.ts +7 -0
- package/@types/forms/form-fields-list.d.ts +1 -1
- package/@types/forms/form.d.ts +23 -28
- package/@types/forms/simple-form-field.d.ts +6 -0
- package/@types/forms/validator.d.ts +0 -3
- package/@types/index.d.ts +5 -4
- package/@types/make-hidden-inputs.d.ts +4 -0
- package/@types/page/list.d.ts +23 -42
- package/@types/page/mountable.d.ts +36 -0
- package/@types/page/page.d.ts +9 -16
- package/@types/page/props-parser.d.ts +5 -10
- package/lib/forms/controls/checkboxed-list-input.js +10 -17
- package/lib/forms/controls/checkboxed-list-input.js.map +1 -1
- package/lib/forms/controls/dropdown.js +16 -20
- package/lib/forms/controls/dropdown.js.map +1 -1
- package/lib/forms/controls/editable-collection-subset.js +33 -35
- package/lib/forms/controls/editable-collection-subset.js.map +1 -1
- package/lib/forms/controls/form-control.js.map +1 -1
- package/lib/forms/controls/form-field-control.js +2 -11
- package/lib/forms/controls/form-field-control.js.map +1 -1
- package/lib/forms/controls/simple-input.js +16 -22
- package/lib/forms/controls/simple-input.js.map +1 -1
- package/lib/forms/field.js +96 -20
- package/lib/forms/field.js.map +1 -1
- package/lib/forms/fields/checkboxed-list.js +43 -0
- package/lib/forms/fields/checkboxed-list.js.map +1 -0
- package/lib/forms/fields/collection-field.js +28 -0
- package/lib/forms/fields/collection-field.js.map +1 -0
- package/lib/forms/fields/field.js +66 -0
- package/lib/forms/fields/field.js.map +1 -0
- package/lib/forms/fields/number.js +45 -0
- package/lib/forms/fields/number.js.map +1 -0
- package/lib/forms/fields/pick-from-list.js +34 -0
- package/lib/forms/fields/pick-from-list.js.map +1 -0
- package/lib/forms/fields/simple-form-field.js +18 -0
- package/lib/forms/fields/simple-form-field.js.map +1 -0
- package/lib/forms/form.js +47 -96
- package/lib/forms/form.js.map +1 -1
- package/lib/forms/simple-form-field.js +18 -0
- package/lib/forms/simple-form-field.js.map +1 -0
- package/lib/forms/validator.js +0 -10
- package/lib/forms/validator.js.map +1 -1
- package/lib/generate-routes.js +1 -0
- package/lib/generate-routes.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/make-hidden-inputs.js +17 -0
- package/lib/make-hidden-inputs.js.map +1 -0
- package/lib/page/list.js +64 -79
- package/lib/page/list.js.map +1 -1
- package/lib/page/mountable.js +56 -0
- package/lib/page/mountable.js.map +1 -0
- package/lib/page/page.js +11 -1
- package/lib/page/page.js.map +1 -1
- package/lib/page/props-parser.js +4 -47
- package/lib/page/props-parser.js.map +1 -1
- package/lib/templates/form.js +32 -17
- package/lib/templates/form.js.map +1 -1
- package/lib/templates/list.js +30 -20
- package/lib/templates/list.js.map +1 -1
- package/package.json +3 -3
- package/src/forms/controls/checkboxed-list-input.ts +12 -23
- package/src/forms/controls/dropdown.ts +27 -32
- package/src/forms/controls/editable-collection-subset.ts +57 -54
- package/src/forms/controls/form-control.ts +5 -6
- package/src/forms/controls/form-field-control.ts +13 -29
- package/src/forms/controls/frame.ts +2 -2
- package/src/forms/controls/simple-input.ts +26 -23
- package/src/forms/fields/checkboxed-list.ts +61 -0
- package/src/forms/fields/collection-field.ts +54 -0
- package/src/forms/fields/field.ts +106 -0
- package/src/forms/fields/number.ts +53 -0
- package/src/forms/fields/pick-from-list.ts +49 -0
- package/src/forms/fields/simple-form-field.ts +20 -0
- package/src/forms/form.ts +94 -162
- package/src/generate-routes.ts +1 -0
- package/src/index.ts +5 -4
- package/src/make-hidden-inputs.ts +22 -0
- package/src/page/list.ts +113 -126
- package/src/page/mountable.ts +105 -0
- package/src/page/page.ts +20 -11
- package/src/page/props-parser.ts +9 -67
- package/src/templates/form.ts +32 -17
- package/src/templates/list.ts +30 -20
- package/src/forms/controls.ts +0 -0
- package/src/forms/field.ts +0 -119
- package/src/forms/form-fields-list.ts +0 -7
- package/src/forms/validator.ts +0 -10
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
import { Shape } from "@sealcode/ts-predicates";
|
|
2
1
|
import { BaseContext } from "koa";
|
|
2
|
+
import { FormData, FormDataValue } from "..";
|
|
3
3
|
import { BasePageProps } from "./list";
|
|
4
4
|
export declare type EncodedProps = Record<string, unknown>;
|
|
5
|
-
export declare abstract class PagePropsParser<PropsType
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
abstract decode(ctx: BaseContext): PropsType;
|
|
9
|
-
abstract encode(props: PropsType): EncodedProps;
|
|
5
|
+
export declare abstract class PagePropsParser<PropsType> {
|
|
6
|
+
abstract decode(ctx: BaseContext): Record<string, FormDataValue>;
|
|
7
|
+
abstract encode(props: Record<string, FormData>): EncodedProps;
|
|
10
8
|
abstract getHTMLInputName(prop_name: string): string;
|
|
11
|
-
constructor(propsShape: Shape, defaultValues: Partial<PropsType>);
|
|
12
9
|
overwriteProp(ctx: BaseContext, new_props: Partial<PropsType>): EncodedProps;
|
|
13
|
-
makeHiddenInputs(values: PropsType, fields_to_skip: string[]): string;
|
|
14
|
-
getDefaultValue<Key extends keyof PropsType>(key: Key): PropsType[Key] | undefined;
|
|
15
10
|
}
|
|
16
11
|
export declare class AllQueryParams<PropsType extends BasePageProps> extends PagePropsParser<PropsType> {
|
|
17
|
-
decode(ctx: BaseContext):
|
|
12
|
+
decode(ctx: BaseContext): Record<string, FormDataValue>;
|
|
18
13
|
encode(props: PropsType): Record<string, unknown>;
|
|
19
14
|
getHTMLInputName(prop_name: string): string;
|
|
20
15
|
}
|
|
@@ -3,38 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.CheckboxedListInput = void 0;
|
|
4
4
|
const ts_predicates_1 = require("@sealcode/ts-predicates");
|
|
5
5
|
const tempstream_1 = require("tempstream");
|
|
6
|
-
const form_fields_list_1 = require("../form-fields-list");
|
|
7
6
|
const controls_1 = require("./controls");
|
|
8
7
|
class CheckboxedListInput extends controls_1.FormFieldControl {
|
|
9
|
-
constructor(
|
|
10
|
-
super([
|
|
11
|
-
this.
|
|
8
|
+
constructor(field, options = { label: field.name }) {
|
|
9
|
+
super([field]);
|
|
10
|
+
this.field = field;
|
|
12
11
|
this.options = options;
|
|
13
12
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
async _render(ctx, fields, data) {
|
|
18
|
-
// safe to disable this as isValidFieldName takes care of checking if the field is of this type
|
|
19
|
-
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
20
|
-
const field = form_fields_list_1.FormFieldsList.getField(fields, this.fieldname);
|
|
21
|
-
const pickedValues = data.values[field.name] || "";
|
|
13
|
+
async render(ctx, data) {
|
|
14
|
+
const { parsed: pickedValues } = await this.field.getValue(ctx, data);
|
|
22
15
|
if (!ts_predicates_1.is(pickedValues, ts_predicates_1.predicates.array(ts_predicates_1.predicates.string))) {
|
|
23
16
|
throw new Error("picked values is not an array of strings");
|
|
24
17
|
}
|
|
25
18
|
const [options, isVisible] = await Promise.all([
|
|
26
|
-
field.generateOptions(ctx),
|
|
27
|
-
field.isVisible(ctx),
|
|
19
|
+
this.field.generateOptions(ctx),
|
|
20
|
+
this.field.isVisible(ctx),
|
|
28
21
|
]);
|
|
29
22
|
return tempstream_1.tempstream /* HTML */ `${isVisible
|
|
30
23
|
? Object.entries(options).map(([value, text]) => /* HTML */ `<div>
|
|
31
24
|
<input
|
|
32
25
|
type="checkbox"
|
|
33
|
-
id="${field.name}.${value}"
|
|
34
|
-
name="${field.name}.${value}"
|
|
26
|
+
id="${this.field.name}.${value}"
|
|
27
|
+
name="${this.field.name}.${value}"
|
|
35
28
|
${pickedValues.includes(value) ? "checked" : ""}
|
|
36
29
|
/>
|
|
37
|
-
<label for="${field.name}.${value}">${text}</label>
|
|
30
|
+
<label for="${this.field.name}.${value}">${text}</label>
|
|
38
31
|
</div>`)
|
|
39
32
|
: ""}`;
|
|
40
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxed-list-input.js","sourceRoot":"","sources":["../../../src/forms/controls/checkboxed-list-input.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;AAEzD,2CAAwC;AAGxC,
|
|
1
|
+
{"version":3,"file":"checkboxed-list-input.js","sourceRoot":"","sources":["../../../src/forms/controls/checkboxed-list-input.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;AAEzD,2CAAwC;AAGxC,yCAA8C;AAE9C,MAAa,mBAAoB,SAAQ,2BAAgB;IACxD,YACQ,KAAyB,EACzB,UAA6B,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;QAEzD,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAAoB;QACzB,YAAO,GAAP,OAAO,CAA2C;IAG1D,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAgB,EAAE,IAAmC;QACjE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtE,IAAI,CAAC,kBAAE,CAAC,YAAY,EAAE,0BAAU,CAAC,KAAK,CAAC,0BAAU,CAAC,MAAM,CAAC,CAAC,EAAE;YAC3D,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC5D;QACD,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;SACzB,CAAC,CAAC;QACH,OAAO,uBAAU,CAAA,UAAU,CAAC,GAAG,SAAS;YACvC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAC3B,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC;;;aAGtB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;eACtB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;SAC9B,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;oBAElC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,KAAK,IAAI;YACzC,CACN;YACH,CAAC,CAAC,EAAE,EAAE,CAAC;IACT,CAAC;CACD;AA/BD,kDA+BC"}
|
|
@@ -2,37 +2,33 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Dropdown = void 0;
|
|
4
4
|
const tempstream_1 = require("tempstream");
|
|
5
|
-
const field_1 = require("../field");
|
|
6
|
-
const form_fields_list_1 = require("../form-fields-list");
|
|
7
5
|
const controls_1 = require("./controls");
|
|
8
6
|
class Dropdown extends controls_1.FormFieldControl {
|
|
9
|
-
constructor(
|
|
10
|
-
label:
|
|
7
|
+
constructor(field, options = {
|
|
8
|
+
label: field.name,
|
|
11
9
|
autosubmit: false,
|
|
12
10
|
autocomplete: true,
|
|
13
11
|
}) {
|
|
14
|
-
super([
|
|
15
|
-
this.
|
|
12
|
+
super([field]);
|
|
13
|
+
this.field = field;
|
|
16
14
|
this.options = options;
|
|
17
15
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// safe to disable this as isValidFieldName takes care of checking if the field is of this type
|
|
24
|
-
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
25
|
-
const field = form_fields_list_1.FormFieldsList.getField(fields, this.fieldname);
|
|
26
|
-
const picked_value = data.values[field.name] || "";
|
|
27
|
-
const id = field.name;
|
|
28
|
-
return tempstream_1.tempstream /* HTML */ `<label for="${id}">${this.options.label}</label
|
|
16
|
+
async render(ctx, data) {
|
|
17
|
+
const { parsed: picked_value } = await this.field.getValue(ctx, data);
|
|
18
|
+
const id = this.field.name;
|
|
19
|
+
return tempstream_1.tempstream /* HTML */ `<label for="${id}"
|
|
20
|
+
>${this.options.label}</label
|
|
29
21
|
><select
|
|
30
|
-
name="${this.
|
|
22
|
+
name="${this.field.name}"
|
|
31
23
|
id="${id}"
|
|
32
|
-
${this.options.autosubmit
|
|
24
|
+
${this.options.autosubmit
|
|
25
|
+
? `onchange='this.form.submit()'`
|
|
26
|
+
: ""}
|
|
33
27
|
${!this.options.autocomplete ? `autocomplete="off"` : ""}
|
|
34
28
|
>
|
|
35
|
-
${Promise.resolve(field.generateOptions(ctx)).then((options) => Object.entries(options).map(([value, text]) => `<option value="${value}" ${(value || "") == picked_value
|
|
29
|
+
${Promise.resolve(this.field.generateOptions(ctx)).then((options) => Object.entries(options).map(([value, text]) => `<option value="${value}" ${(value || "") == picked_value
|
|
30
|
+
? "selected"
|
|
31
|
+
: ""}>${text}</option>`))}
|
|
36
32
|
</select>`;
|
|
37
33
|
}
|
|
38
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/forms/controls/dropdown.ts"],"names":[],"mappings":";;;AACA,2CAAwC;
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/forms/controls/dropdown.ts"],"names":[],"mappings":";;;AACA,2CAAwC;AAGxC,yCAA8C;AAE9C,MAAa,QAAS,SAAQ,2BAAgB;IAC7C,YACQ,KAAwB,EACxB,UAIH;QACH,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,IAAI;KAClB;QAED,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAXR,UAAK,GAAL,KAAK,CAAmB;QACxB,YAAO,GAAP,OAAO,CAQb;IAGF,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAgB,EAChB,IAAmC;QAEnC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,OAAO,uBAAU,CAAA,UAAU,CAAC,eAAe,EAAE;OACxC,IAAI,CAAC,OAAO,CAAC,KAAK;;YAEb,IAAI,CAAC,KAAK,CAAC,IAAI;UACjB,EAAE;MACN,IAAI,CAAC,OAAO,CAAC,UAAU;YACxB,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,EAAE;MACH,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;;MAEtD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACtD,CAAC,OAAO,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAC1B,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CACjB,kBAAkB,KAAK,KACtB,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,YAAY;YAC5B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,EACJ,IAAI,IAAI,WAAW,CACpB,CACF;aACQ,CAAC;IACb,CAAC;CACD;AA7CD,4BA6CC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.EditableCollectionSubset = void 0;
|
|
4
4
|
const tempstream_1 = require("tempstream");
|
|
5
|
-
const form_fields_list_1 = require("../form-fields-list");
|
|
6
5
|
const controls_1 = require("./controls");
|
|
7
6
|
/**
|
|
8
7
|
* This control has own forms in it so if you want to use it you
|
|
@@ -12,52 +11,51 @@ const controls_1 = require("./controls");
|
|
|
12
11
|
* this control for reference.
|
|
13
12
|
*/
|
|
14
13
|
class EditableCollectionSubset extends controls_1.FormFieldControl {
|
|
15
|
-
constructor(
|
|
16
|
-
super([
|
|
17
|
-
this.
|
|
14
|
+
constructor(field, actionname, listLabel, selectLabel) {
|
|
15
|
+
super([field]);
|
|
16
|
+
this.field = field;
|
|
18
17
|
this.actionname = actionname;
|
|
19
18
|
this.listLabel = listLabel;
|
|
20
19
|
this.selectLabel = selectLabel;
|
|
21
20
|
this.role = "input";
|
|
22
21
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
26
|
-
const field = form_fields_list_1.FormFieldsList.getField(fields, this.fieldname);
|
|
27
|
-
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
28
|
-
const values = data.values[this.fieldname];
|
|
22
|
+
async render(ctx, data) {
|
|
23
|
+
const { parsed: values } = await this.field.getValue(ctx, data);
|
|
29
24
|
return tempstream_1.tempstream /* HTML */ `<div>
|
|
30
25
|
<ul>
|
|
31
|
-
${Promise.resolve(field.generateOptions(ctx)).then((options) => Object.entries(options)
|
|
32
|
-
.filter(([value]) => values.includes(value))
|
|
26
|
+
${Promise.resolve(this.field.generateOptions(ctx)).then((options) => Object.entries(options)
|
|
27
|
+
.filter(([value]) => (values || []).includes(value))
|
|
33
28
|
.map(([value, text]) => /* HTML */ `
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
29
|
+
<li>
|
|
30
|
+
<form
|
|
31
|
+
method="POST"
|
|
32
|
+
action="${ctx.path}"
|
|
33
|
+
>
|
|
34
|
+
<span>${text}</span>
|
|
35
|
+
<input
|
|
36
|
+
type="hidden"
|
|
37
|
+
name="${this.field.name}"
|
|
38
|
+
value="${value}"
|
|
39
|
+
/>
|
|
40
|
+
<input
|
|
41
|
+
type="hidden"
|
|
42
|
+
name="${this.actionname}"
|
|
43
|
+
value="list"
|
|
44
|
+
/>
|
|
45
|
+
<input
|
|
46
|
+
type="submit"
|
|
47
|
+
${this.listLabel
|
|
50
48
|
? `value="${this.listLabel}"`
|
|
51
49
|
: ""}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
50
|
+
/>
|
|
51
|
+
</form>
|
|
52
|
+
</li>
|
|
53
|
+
`))}
|
|
56
54
|
</ul>
|
|
57
55
|
<form method="POST" action="${ctx.path}">
|
|
58
|
-
<select name="${this.
|
|
59
|
-
${Promise.resolve(field.generateOptions(ctx)).then((options) => Object.entries(options)
|
|
60
|
-
.filter(([value]) => !values.includes(value))
|
|
56
|
+
<select name="${this.field.name}">
|
|
57
|
+
${Promise.resolve(this.field.generateOptions(ctx)).then((options) => Object.entries(options)
|
|
58
|
+
.filter(([value]) => !(values || []).includes(value))
|
|
61
59
|
.map(([value, text]) => `<option value="${value}">${text}</option>`))}
|
|
62
60
|
</select>
|
|
63
61
|
<input type="hidden" name="${this.actionname}" value="select" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editable-collection-subset.js","sourceRoot":"","sources":["../../../src/forms/controls/editable-collection-subset.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"editable-collection-subset.js","sourceRoot":"","sources":["../../../src/forms/controls/editable-collection-subset.ts"],"names":[],"mappings":";;;AACA,2CAAyD;AAGzD,yCAA8C;AAE9C;;;;;;GAMG;AACH,MAAa,wBAAyB,SAAQ,2BAAgB;IAC7D,YACQ,KAAwB,EACxB,UAAkB,EAClB,SAAkB,EAClB,WAAoB;QAE3B,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QALR,UAAK,GAAL,KAAK,CAAmB;QACxB,eAAU,GAAV,UAAU,CAAQ;QAClB,cAAS,GAAT,SAAS,CAAS;QAClB,gBAAW,GAAX,WAAW,CAAS;QA0E5B,SAAI,GAAU,OAAO,CAAC;IAvEtB,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAgB,EAChB,IAAmC;QAEnC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAEhE,OAAO,uBAAU,CAAA,UAAU,CAAC;;MAExB,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACtD,CAAC,OAAO,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;aACrB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CACnB,CAAC,MAAM,IAAK,EAAe,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAC5C;aACA,GAAG,CACH,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC;;;;qBAIjB,GAAG,CAAC,IAAI;;mBAEV,IAAI;;;oBAGH,IAAI,CAAC,KAAK,CAAC,IAAI;qBACd,KAAK;;;;oBAIN,IAAI,CAAC,UAAU;;;;;cAKrB,IAAI,CAAC,SAAS;YACf,CAAC,CAAC,UAAU,IAAI,CAAC,SAAS,GAAG;YAC7B,CAAC,CAAC,EAAE;;;;SAIR,CACD,CACH;;iCAE4B,GAAG,CAAC,IAAI;oBACrB,IAAI,CAAC,KAAK,CAAC,IAAI;OAC5B,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACtD,CAAC,OAAO,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;aACrB,MAAM,CACN,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CACX,CAAC,CAAC,MAAM,IAAK,EAAe,CAAC,CAAC,QAAQ,CACrC,KAAK,CACL,CACF;aACA,GAAG,CACH,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CACjB,kBAAkB,KAAK,KAAK,IAAI,WAAW,CAC5C,CACH;;iCAE2B,IAAI,CAAC,UAAU;;;OAGzC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE;;;SAGnD,CAAC;IACT,CAAC;CAED;AAhFD,4DAgFC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/forms/controls/form-control.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/forms/controls/form-control.ts"],"names":[],"mappings":";;;AAIA,MAAsB,WAAW;CAOhC;AAPD,kCAOC"}
|
|
@@ -3,20 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FormFieldControl = void 0;
|
|
4
4
|
const form_control_1 = require("./form-control");
|
|
5
5
|
class FormFieldControl extends form_control_1.FormControl {
|
|
6
|
-
constructor(
|
|
6
|
+
constructor(fields) {
|
|
7
7
|
super();
|
|
8
|
-
this.
|
|
8
|
+
this.fields = fields;
|
|
9
9
|
this.role = "input";
|
|
10
10
|
}
|
|
11
|
-
areFieldNamesValid(fields) {
|
|
12
|
-
return this.fieldnames.every((fieldname) => fields.some((f) => f.name == fieldname));
|
|
13
|
-
}
|
|
14
|
-
render(ctx, fields, data) {
|
|
15
|
-
if (!this.areFieldNamesValid(fields)) {
|
|
16
|
-
throw new Error(`Invalid field names given to form control: "${this.fieldnames.join(", ")}". Allowed fields are: ${fields.map((f) => f.name).join(", ")}`);
|
|
17
|
-
}
|
|
18
|
-
return this._render(ctx, fields, data);
|
|
19
|
-
}
|
|
20
11
|
}
|
|
21
12
|
exports.FormFieldControl = FormFieldControl;
|
|
22
13
|
//# sourceMappingURL=form-field-control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field-control.js","sourceRoot":"","sources":["../../../src/forms/controls/form-field-control.ts"],"names":[],"mappings":";;;AAIA,iDAA6C;
|
|
1
|
+
{"version":3,"file":"form-field-control.js","sourceRoot":"","sources":["../../../src/forms/controls/form-field-control.ts"],"names":[],"mappings":";;;AAIA,iDAA6C;AAQ7C,MAAsB,gBAAiB,SAAQ,0BAAW;IAEzD,YAAmB,MAAmB;QACrC,KAAK,EAAE,CAAC;QADU,WAAM,GAAN,MAAM,CAAa;QADtC,SAAI,GAAU,OAAO,CAAC;IAGtB,CAAC;CAMD;AAVD,4CAUC"}
|
|
@@ -1,48 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SimpleInput = void 0;
|
|
4
|
-
const form_fields_list_1 = require("../form-fields-list");
|
|
5
4
|
const controls_1 = require("./controls");
|
|
6
5
|
class SimpleInput extends controls_1.FormFieldControl {
|
|
7
|
-
constructor(
|
|
8
|
-
super([
|
|
9
|
-
this.
|
|
6
|
+
constructor(field, options = {}) {
|
|
7
|
+
super([field]);
|
|
8
|
+
this.field = field;
|
|
10
9
|
this.options = options;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
throw new Error("wrong field name");
|
|
16
|
-
}
|
|
17
|
-
const id = this.options.id || field.name;
|
|
18
|
-
const label = this.options.label || field.name;
|
|
11
|
+
async render(ctx, data) {
|
|
12
|
+
const id = this.options.id || this.field.name;
|
|
13
|
+
const label = this.options.label || this.field.name;
|
|
19
14
|
const type = this.options.type || "text";
|
|
20
15
|
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
21
|
-
const
|
|
16
|
+
const { parsed, raw, valid, message } = await this.field.getValue(ctx, data);
|
|
22
17
|
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
23
|
-
const raw_value = data.raw_values[field.name];
|
|
24
18
|
const placeholder = this.options.placeholder || type;
|
|
25
19
|
const readonly = this.options.readonly || false;
|
|
26
|
-
const required = field.required;
|
|
27
|
-
const error = data.errors[field.name];
|
|
20
|
+
const required = this.field.required;
|
|
28
21
|
return /* HTML */ `<div class="input">
|
|
29
22
|
<label for="${id}">${label}</label>
|
|
30
23
|
<input
|
|
31
24
|
id="${id}"
|
|
32
25
|
type="${type}"
|
|
33
|
-
name="${field.name}"
|
|
34
|
-
value="${
|
|
35
|
-
?
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
26
|
+
name="${this.field.name}"
|
|
27
|
+
value="${!valid && raw
|
|
28
|
+
? raw.toString()
|
|
29
|
+
: parsed !== undefined && parsed !== null
|
|
30
|
+
? // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
|
|
31
|
+
parsed?.toString() || ""
|
|
32
|
+
: ""}"
|
|
39
33
|
placeholder="${placeholder}"
|
|
40
34
|
${readonly ? "readonly" : ""}
|
|
41
35
|
${required ? "required" : ""}
|
|
42
36
|
${!this.options.autocomplete ? `autocomplete="off"` : ""}
|
|
43
37
|
${this.options.step ? `step="${this.options.step}"` : ""}
|
|
44
38
|
/>
|
|
45
|
-
${
|
|
39
|
+
${~valid ? `<div class="input__error">${message}</div>` : ""}
|
|
46
40
|
</div>`;
|
|
47
41
|
}
|
|
48
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-input.js","sourceRoot":"","sources":["../../../src/forms/controls/simple-input.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"simple-input.js","sourceRoot":"","sources":["../../../src/forms/controls/simple-input.ts"],"names":[],"mappings":";;;AAKA,yCAA8C;AAE9C,MAAa,WAAY,SAAQ,2BAAgB;IAChD,YACQ,KAAgB,EAChB,UAsBH,EAAE;QAEN,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAzBR,UAAK,GAAL,KAAK,CAAW;QAChB,YAAO,GAAP,OAAO,CAsBR;IAGP,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAgB,EAChB,IAAmC;QAEnC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC;QACzC,yEAAyE;QACzE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChE,GAAG,EACH,IAAI,CACJ,CAAC;QACF,yEAAyE;QACzE,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC;QACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;QAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAErC,OAAO,UAAU,CAAC;iBACH,EAAE,KAAK,KAAK;;UAEnB,EAAE;YACA,IAAI;YACJ,IAAI,CAAC,KAAK,CAAC,IAAI;aACd,CAAC,KAAK,IAAI,GAAG;YACrB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;YAChB,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI;gBACzC,CAAC,CAAC,iLAAiL;oBAC/K,MAAc,EAAE,QAAQ,EAAa,IAAI,EAAE;gBAC/C,CAAC,CAAC,EAAE;mBACU,WAAW;MACxB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;MAC1B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;MAC1B,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;MACtD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;;KAEvD,CAAC,KAAK,CAAC,CAAC,CAAC,6BAA6B,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;SACtD,CAAC;IACT,CAAC;CACD;AApED,kCAoEC"}
|
package/lib/forms/field.js
CHANGED
|
@@ -3,49 +3,83 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.NumberField = exports.ChekboxedListField = exports.PickFromListField = exports.FormField = void 0;
|
|
4
4
|
const ts_predicates_1 = require("@sealcode/ts-predicates");
|
|
5
5
|
class FormField {
|
|
6
|
-
constructor(
|
|
7
|
-
valid: true,
|
|
8
|
-
message: "",
|
|
9
|
-
})) {
|
|
10
|
-
this.name = name;
|
|
6
|
+
constructor(required = false) {
|
|
11
7
|
this.required = required;
|
|
12
|
-
|
|
8
|
+
}
|
|
9
|
+
init(fieldname) {
|
|
10
|
+
this.name = fieldname;
|
|
13
11
|
}
|
|
14
12
|
async _validate(ctx, value) {
|
|
15
|
-
if (this.required &&
|
|
13
|
+
if (this.required &&
|
|
14
|
+
(value === "" || value === null || value === undefined)) {
|
|
16
15
|
return { valid: false, message: "This field is required" };
|
|
17
16
|
}
|
|
18
|
-
return this.
|
|
17
|
+
return this.isValueValid(ctx, value);
|
|
19
18
|
}
|
|
20
|
-
|
|
21
|
-
return "";
|
|
19
|
+
async isValueValid(ctx, value) {
|
|
20
|
+
return { valid: true, message: "" };
|
|
21
|
+
}
|
|
22
|
+
async getValue(ctx, all_form_values) {
|
|
23
|
+
if (Object.keys(all_form_values).length === 0) {
|
|
24
|
+
// don't validate on virgin form
|
|
25
|
+
return {
|
|
26
|
+
parsed: this.getEmptyValue(),
|
|
27
|
+
valid: true,
|
|
28
|
+
message: "",
|
|
29
|
+
raw: "",
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
const raw = all_form_values[this.name];
|
|
33
|
+
const { parsable, parsed_value, error: parse_error, } = await this.parse(raw);
|
|
34
|
+
if (!parsable) {
|
|
35
|
+
return {
|
|
36
|
+
valid: false,
|
|
37
|
+
parsed: this.getEmptyValue(),
|
|
38
|
+
raw,
|
|
39
|
+
message: parse_error || "Error",
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
const { valid, message } = await this._validate(ctx, parsed_value);
|
|
43
|
+
return {
|
|
44
|
+
parsed: parsed_value,
|
|
45
|
+
valid,
|
|
46
|
+
message,
|
|
47
|
+
raw: all_form_values[this.name],
|
|
48
|
+
};
|
|
22
49
|
}
|
|
23
50
|
}
|
|
24
51
|
exports.FormField = FormField;
|
|
25
|
-
class PickFromListField extends
|
|
26
|
-
constructor(
|
|
27
|
-
super(
|
|
28
|
-
this.name = name;
|
|
52
|
+
class PickFromListField extends SimpleFormField {
|
|
53
|
+
constructor(required = false, generateOptions, customValidation = (ctx, value, instance) => instance.valueInList(ctx, value)) {
|
|
54
|
+
super(required);
|
|
29
55
|
this.required = required;
|
|
30
56
|
this.generateOptions = generateOptions;
|
|
31
57
|
this.customValidation = customValidation;
|
|
32
58
|
}
|
|
59
|
+
isValueValid(ctx, value) {
|
|
60
|
+
return this.customValidation(ctx, value, this);
|
|
61
|
+
}
|
|
33
62
|
async valueInList(ctx, value) {
|
|
34
63
|
const options = await this.generateOptions(ctx);
|
|
35
64
|
if (!ts_predicates_1.is(value, ts_predicates_1.predicates.string)) {
|
|
36
65
|
return { valid: false, message: "not a string" };
|
|
37
66
|
}
|
|
38
67
|
if (!Object.keys(options).includes(value)) {
|
|
39
|
-
return {
|
|
68
|
+
return {
|
|
69
|
+
valid: false,
|
|
70
|
+
message: `"${value}" is not one of the options`,
|
|
71
|
+
};
|
|
40
72
|
}
|
|
41
73
|
return { valid: true, message: "" };
|
|
42
74
|
}
|
|
75
|
+
getEmptyValue() {
|
|
76
|
+
return "";
|
|
77
|
+
}
|
|
43
78
|
}
|
|
44
79
|
exports.PickFromListField = PickFromListField;
|
|
45
80
|
class ChekboxedListField extends FormField {
|
|
46
|
-
constructor(
|
|
47
|
-
super(
|
|
48
|
-
this.name = name;
|
|
81
|
+
constructor(required = false, generateOptions, isVisible = () => Promise.resolve(true)) {
|
|
82
|
+
super(required);
|
|
49
83
|
this.required = required;
|
|
50
84
|
this.generateOptions = generateOptions;
|
|
51
85
|
this.isVisible = isVisible;
|
|
@@ -59,11 +93,31 @@ class ChekboxedListField extends FormField {
|
|
|
59
93
|
}
|
|
60
94
|
return { valid: true, message: "" };
|
|
61
95
|
}
|
|
96
|
+
async parse(raw_value) {
|
|
97
|
+
if (ts_predicates_1.is(raw_value, ts_predicates_1.predicates.object)) {
|
|
98
|
+
return {
|
|
99
|
+
parsable: true,
|
|
100
|
+
parsed_value: Object.fromEntries(Object.entries(raw_value).filter(([, value]) => value === "on")),
|
|
101
|
+
error: null,
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
return {
|
|
106
|
+
parsed_value: null,
|
|
107
|
+
parsable: false,
|
|
108
|
+
error: "Expected an object",
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
getEmptyValue() {
|
|
113
|
+
return {};
|
|
114
|
+
}
|
|
62
115
|
}
|
|
63
116
|
exports.ChekboxedListField = ChekboxedListField;
|
|
64
117
|
class NumberField extends FormField {
|
|
65
|
-
constructor(
|
|
66
|
-
super(
|
|
118
|
+
constructor(required = false, default_value) {
|
|
119
|
+
super(required);
|
|
120
|
+
this.default_value = default_value;
|
|
67
121
|
}
|
|
68
122
|
async isValueValid(_, value) {
|
|
69
123
|
if ((ts_predicates_1.is(value, ts_predicates_1.predicates.string) &&
|
|
@@ -75,6 +129,28 @@ class NumberField extends FormField {
|
|
|
75
129
|
}
|
|
76
130
|
return { valid: false, message: "Proszę wprowadzić liczbę" };
|
|
77
131
|
}
|
|
132
|
+
async parse(value) {
|
|
133
|
+
if ((ts_predicates_1.is(value, ts_predicates_1.predicates.string) &&
|
|
134
|
+
!isNaN(parseFloat(value)) &&
|
|
135
|
+
parseFloat(value).toString() == value.trim()) ||
|
|
136
|
+
ts_predicates_1.is(value, ts_predicates_1.predicates.number)) {
|
|
137
|
+
return {
|
|
138
|
+
parsable: true,
|
|
139
|
+
parsed_value: parseFloat(value.toString()),
|
|
140
|
+
error: null,
|
|
141
|
+
};
|
|
142
|
+
}
|
|
143
|
+
else {
|
|
144
|
+
return {
|
|
145
|
+
parsable: false,
|
|
146
|
+
parsed_value: null,
|
|
147
|
+
error: "Please enter a number",
|
|
148
|
+
};
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
getEmptyValue() {
|
|
152
|
+
return this.default_value;
|
|
153
|
+
}
|
|
78
154
|
}
|
|
79
155
|
exports.NumberField = NumberField;
|
|
80
156
|
//# sourceMappingURL=field.js.map
|
package/lib/forms/field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/forms/field.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;
|
|
1
|
+
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/forms/field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChekboxedListField = void 0;
|
|
4
|
+
const ts_predicates_1 = require("@sealcode/ts-predicates");
|
|
5
|
+
const field_1 = require("./field");
|
|
6
|
+
class ChekboxedListField extends field_1.FormField {
|
|
7
|
+
constructor(required = false, generateOptions, isVisible = () => Promise.resolve(true)) {
|
|
8
|
+
super(required);
|
|
9
|
+
this.required = required;
|
|
10
|
+
this.generateOptions = generateOptions;
|
|
11
|
+
this.isVisible = isVisible;
|
|
12
|
+
}
|
|
13
|
+
async isValueValid(_, value) {
|
|
14
|
+
if (ts_predicates_1.is(value, ts_predicates_1.predicates.string)) {
|
|
15
|
+
return { valid: false, message: "you need an array" };
|
|
16
|
+
}
|
|
17
|
+
if (ts_predicates_1.is(value, ts_predicates_1.predicates.null)) {
|
|
18
|
+
return { valid: false, message: "you need an array" };
|
|
19
|
+
}
|
|
20
|
+
return { valid: true, message: "" };
|
|
21
|
+
}
|
|
22
|
+
async parse(_, raw_value) {
|
|
23
|
+
if (ts_predicates_1.is(raw_value, ts_predicates_1.predicates.object)) {
|
|
24
|
+
return {
|
|
25
|
+
parsable: true,
|
|
26
|
+
parsed_value: Object.fromEntries(Object.entries(raw_value).filter(([, value]) => value === "on")),
|
|
27
|
+
error: null,
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
return {
|
|
32
|
+
parsed_value: null,
|
|
33
|
+
parsable: false,
|
|
34
|
+
error: "Expected an object",
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
getEmptyValue() {
|
|
39
|
+
return {};
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
exports.ChekboxedListField = ChekboxedListField;
|
|
43
|
+
//# sourceMappingURL=checkboxed-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkboxed-list.js","sourceRoot":"","sources":["../../../src/forms/fields/checkboxed-list.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;AAGzD,mCAIiB;AAEjB,MAAa,kBAAmB,SAAQ,iBAA+B;IACtE,YACQ,WAAoB,KAAK,EACzB,eAEuD,EACvD,YAAoD,GAAG,EAAE,CAC/D,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;QAEtB,KAAK,CAAC,QAAQ,CAAC,CAAC;QAPT,aAAQ,GAAR,QAAQ,CAAiB;QACzB,oBAAe,GAAf,eAAe,CAEwC;QACvD,cAAS,GAAT,SAAS,CACM;IAGvB,CAAC;IAEM,KAAK,CAAC,YAAY,CACxB,CAAc,EACd,KAAc;QAEd,IAAI,kBAAE,CAAC,KAAK,EAAE,0BAAU,CAAC,MAAM,CAAC,EAAE;YACjC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;SACtD;QACD,IAAI,kBAAE,CAAC,KAAK,EAAE,0BAAU,CAAC,IAAI,CAAC,EAAE;YAC/B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;SACtD;QACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IACrC,CAAC;IAED,KAAK,CAAC,KAAK,CACV,CAAc,EACd,SAAwB;QAExB,IAAI,kBAAE,CAAC,SAAS,EAAE,0BAAU,CAAC,MAAM,CAAC,EAAE;YACrC,OAAO;gBACN,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE,MAAM,CAAC,WAAW,CAC/B,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAC/B,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAC7B,CACuB;gBACzB,KAAK,EAAE,IAAI;aACX,CAAC;SACF;aAAM;YACN,OAAO;gBACN,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,oBAAoB;aAC3B,CAAC;SACF;IACF,CAAC;IAEM,aAAa;QACnB,OAAO,EAAE,CAAC;IACX,CAAC;CACD;AAnDD,gDAmDC"}
|