@nvs-dynamic-form/react-core 2.1.0 → 2.2.1
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/dist/cjs/nvs-dynamic-form/_style.css +5 -0
- package/dist/cjs/nvs-dynamic-form/_type.d.ts +2 -1
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js +7 -1
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/elements/arrayField/_type.d.ts +2 -1
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.d.ts +4 -2
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js +3 -2
- package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -1
- package/dist/cjs/types/array-field.type.d.ts +3 -0
- package/dist/cjs/types/array-field.type.js +2 -0
- package/dist/cjs/types/array-field.type.js.map +1 -1
- package/dist/cjs/types/index.d.ts +1 -0
- package/dist/cjs/types/index.js +1 -0
- package/dist/cjs/types/index.js.map +1 -1
- package/dist/cjs/types/label-options.type.d.ts +4 -0
- package/dist/cjs/types/label-options.type.js +10 -0
- package/dist/cjs/types/label-options.type.js.map +1 -0
- package/dist/esm/nvs-dynamic-form/_style.css +5 -0
- package/dist/esm/nvs-dynamic-form/_type.d.ts +2 -1
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js +8 -2
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/elements/arrayField/_type.d.ts +2 -1
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.d.ts +4 -2
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js +3 -2
- package/dist/esm/nvs-dynamic-form/services/generateFormContentUtils.js.map +1 -1
- package/dist/esm/types/array-field.type.d.ts +3 -0
- package/dist/esm/types/array-field.type.js +2 -0
- package/dist/esm/types/array-field.type.js.map +1 -1
- package/dist/esm/types/index.d.ts +1 -0
- package/dist/esm/types/index.js +1 -0
- package/dist/esm/types/index.js.map +1 -1
- package/dist/esm/types/label-options.type.d.ts +4 -0
- package/dist/esm/types/label-options.type.js +6 -0
- package/dist/esm/types/label-options.type.js.map +1 -0
- package/lib/nvs-dynamic-form/_stories.tsx +1 -3
- package/lib/nvs-dynamic-form/_style.css +5 -0
- package/lib/nvs-dynamic-form/_type.tsx +2 -0
- package/lib/nvs-dynamic-form/elements/arrayField/_template.tsx +22 -1
- package/lib/nvs-dynamic-form/elements/arrayField/_type.tsx +2 -0
- package/lib/nvs-dynamic-form/services/generateFormContentUtils.tsx +6 -0
- package/lib/types/array-field.type.tsx +5 -0
- package/lib/types/index.tsx +1 -0
- package/lib/types/label-options.type.tsx +7 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
|
|
1
|
+
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions, LabelOptions } from "../types";
|
|
2
2
|
import { IField } from "./elements/field";
|
|
3
3
|
export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
|
|
4
4
|
export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
@@ -21,4 +21,5 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
21
21
|
submitButtonContainerClass?: string;
|
|
22
22
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
23
23
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
24
|
+
labelDefaultOptions?: LabelOptions;
|
|
24
25
|
}
|
|
@@ -29,9 +29,10 @@ const types_1 = require("../../../types");
|
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const formik_1 = require("formik");
|
|
31
31
|
const generateFormContentUtils_1 = require("../../services/generateFormContentUtils");
|
|
32
|
-
const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
32
|
+
const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, labelDefaultOptions, }) => {
|
|
33
33
|
const [addButtonOptions] = (0, react_1.useState)(new types_1.ArrayFieldAddButton(lodash.merge(addButtonDefaultOptions ?? {}, arrayField.addButtonOptions ?? {})));
|
|
34
34
|
const [removeButtonOptions] = (0, react_1.useState)(new types_1.ArrayFieldRemoveButton(lodash.merge(removeButtonDefaultOptions ?? {}, arrayField.removeButtonOptions ?? {})));
|
|
35
|
+
const [labelOptions] = (0, react_1.useState)(new types_1.LabelOptions(lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {})));
|
|
35
36
|
const generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
|
|
36
37
|
containerComponent,
|
|
37
38
|
formElements,
|
|
@@ -80,7 +81,12 @@ const ArrayField = ({ field: arrayField, formElements, containerComponent, conta
|
|
|
80
81
|
const createArrayItemAddButton = (onAddItem) => {
|
|
81
82
|
return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
|
|
82
83
|
};
|
|
84
|
+
const createArrayFieldLabel = () => {
|
|
85
|
+
return generateFormContentUtils.createContentContainer(react_1.default.createElement("div", { className: "nvs-col-12" },
|
|
86
|
+
react_1.default.createElement("label", { className: `df-array-field-label ${labelOptions.class}` }, arrayField.label)));
|
|
87
|
+
};
|
|
83
88
|
return (react_1.default.createElement(formik_1.FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
89
|
+
arrayField.label && createArrayFieldLabel(),
|
|
84
90
|
form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
|
|
85
91
|
createArrayItemAddButton(push)))));
|
|
86
92
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;AAEjC,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton } from "../../../types";
|
|
1
|
+
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions } from "../../../types";
|
|
2
2
|
import { IField } from "../field";
|
|
3
3
|
export interface IArrayField extends IField {
|
|
4
4
|
field: ArrayField;
|
|
@@ -9,4 +9,5 @@ export interface IArrayField extends IField {
|
|
|
9
9
|
useGroupContainer: boolean;
|
|
10
10
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
11
11
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
12
|
+
labelDefaultOptions?: LabelOptions;
|
|
12
13
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayFieldAddButton } from "../../types";
|
|
1
|
+
import { ArrayFieldAddButton, LabelOptions } from "../../types";
|
|
2
2
|
import { FieldType } from "../_type";
|
|
3
3
|
import { IFormElement } from "../elements/field";
|
|
4
4
|
import React from "react";
|
|
@@ -14,7 +14,8 @@ export declare class GenerateFormContentUtils {
|
|
|
14
14
|
private readonly buttonComponent?;
|
|
15
15
|
private readonly fieldArrayAddButtonDefaultOptions;
|
|
16
16
|
private readonly fieldArrayRemoveButtonDefaultOptions;
|
|
17
|
-
|
|
17
|
+
private readonly labelDefaultOptions;
|
|
18
|
+
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
|
|
18
19
|
containerComponent: React.FC<any>;
|
|
19
20
|
formElements: IFormElement;
|
|
20
21
|
useContainersOutsideGroup: boolean;
|
|
@@ -27,6 +28,7 @@ export declare class GenerateFormContentUtils {
|
|
|
27
28
|
};
|
|
28
29
|
fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
|
|
29
30
|
fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
|
|
31
|
+
labelDefaultOptions?: LabelOptions;
|
|
30
32
|
});
|
|
31
33
|
createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
|
|
32
34
|
createFormContent(): React.JSX.Element;
|
|
@@ -11,7 +11,7 @@ const field_1 = require("../elements/field");
|
|
|
11
11
|
const groupField_1 = require("../elements/groupField");
|
|
12
12
|
const react_1 = __importDefault(require("react"));
|
|
13
13
|
class GenerateFormContentUtils {
|
|
14
|
-
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, }) {
|
|
14
|
+
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
|
|
15
15
|
this.containerComponent = containerComponent;
|
|
16
16
|
this.formElements = formElements;
|
|
17
17
|
this.useContainersOutsideGroup = useContainersOutsideGroup;
|
|
@@ -24,6 +24,7 @@ class GenerateFormContentUtils {
|
|
|
24
24
|
fieldArrayAddButtonDefaultOptions ?? {};
|
|
25
25
|
this.fieldArrayRemoveButtonDefaultOptions =
|
|
26
26
|
fieldArrayRemoveButtonDefaultOptions ?? {};
|
|
27
|
+
this.labelDefaultOptions = labelDefaultOptions ?? {};
|
|
27
28
|
}
|
|
28
29
|
createContainer(content, containerProps) {
|
|
29
30
|
return (react_1.default.createElement(container_1.Container, { containerComponent: this.containerComponent, options: containerProps }, content));
|
|
@@ -80,7 +81,7 @@ class GenerateFormContentUtils {
|
|
|
80
81
|
return (react_1.default.createElement(groupField_1.GroupField, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible }));
|
|
81
82
|
}
|
|
82
83
|
createArrayFieldElement(field) {
|
|
83
|
-
return (react_1.default.createElement(arrayField_1.ArrayField, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible, buttonComponent: this.buttonComponent, addButtonDefaultOptions: this.fieldArrayAddButtonDefaultOptions, removeButtonDefaultOptions: this.fieldArrayRemoveButtonDefaultOptions }));
|
|
84
|
+
return (react_1.default.createElement(arrayField_1.ArrayField, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible, buttonComponent: this.buttonComponent, addButtonDefaultOptions: this.fieldArrayAddButtonDefaultOptions, removeButtonDefaultOptions: this.fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions: this.labelDefaultOptions }));
|
|
84
85
|
}
|
|
85
86
|
isSingleField(field) {
|
|
86
87
|
return !(field instanceof types_1.GroupField &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
|
|
2
2
|
import { FieldBase } from "./field-base.type";
|
|
3
|
+
import { LabelOptions } from "./label-options.type";
|
|
3
4
|
export declare class ArrayField<ValueType = {
|
|
4
5
|
[key: string]: any;
|
|
5
6
|
}> {
|
|
@@ -9,5 +10,7 @@ export declare class ArrayField<ValueType = {
|
|
|
9
10
|
addButtonOptions?: ArrayFieldAddButton;
|
|
10
11
|
removeButtonOptions?: ArrayFieldRemoveButton;
|
|
11
12
|
defaultValues?: Array<ValueType>;
|
|
13
|
+
label?: string;
|
|
14
|
+
labelOptions?: LabelOptions;
|
|
12
15
|
constructor(options: ArrayField<ValueType>);
|
|
13
16
|
}
|
|
@@ -9,6 +9,8 @@ class ArrayField {
|
|
|
9
9
|
this.addButtonOptions = options.addButtonOptions ?? {};
|
|
10
10
|
this.removeButtonOptions = options.removeButtonOptions ?? {};
|
|
11
11
|
this.defaultValues = options.defaultValues ?? [];
|
|
12
|
+
this.label = options.label;
|
|
13
|
+
this.labelOptions = options.labelOptions ?? {};
|
|
12
14
|
}
|
|
13
15
|
}
|
|
14
16
|
exports.ArrayField = ArrayField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":";;;AAQA,MAAa,UAAU;IAUrB,YAAY,OAA8B;QAT1C,cAAS,GAAY,YAAY,CAAC;QAUhC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAAC;QACvD,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,IAAI,EAAE,CAAC;QAC7D,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACjD,CAAC;CACF;AAnBD,gCAmBC"}
|
package/dist/cjs/types/index.js
CHANGED
|
@@ -21,4 +21,5 @@ __exportStar(require("./submit-button-default-options.type"), exports);
|
|
|
21
21
|
__exportStar(require("./group-field.type"), exports);
|
|
22
22
|
__exportStar(require("./array-field.type"), exports);
|
|
23
23
|
__exportStar(require("./array-field-action-button.type"), exports);
|
|
24
|
+
__exportStar(require("./label-options.type"), exports);
|
|
24
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,qDAAmC;AACnC,wDAAsC;AACtC,uEAAqD;AACrD,qDAAmC;AACnC,qDAAmC;AACnC,mEAAiD"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,qDAAmC;AACnC,wDAAsC;AACtC,uEAAqD;AACrD,qDAAmC;AACnC,qDAAmC;AACnC,mEAAiD;AACjD,uDAAqC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LabelOptions = void 0;
|
|
4
|
+
class LabelOptions {
|
|
5
|
+
constructor(options) {
|
|
6
|
+
this.class = options.class ?? "";
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
exports.LabelOptions = LabelOptions;
|
|
10
|
+
//# sourceMappingURL=label-options.type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-options.type.js","sourceRoot":"","sources":["../../../lib/types/label-options.type.tsx"],"names":[],"mappings":";;;AAAA,MAAa,YAAY;IAGvB,YAAY,OAAqB;QAC/B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;IACnC,CAAC;CACF;AAND,oCAMC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
|
|
1
|
+
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions, LabelOptions } from "../types";
|
|
2
2
|
import { IField } from "./elements/field";
|
|
3
3
|
export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
|
|
4
4
|
export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
@@ -21,4 +21,5 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
21
21
|
submitButtonContainerClass?: string;
|
|
22
22
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
23
23
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
24
|
+
labelDefaultOptions?: LabelOptions;
|
|
24
25
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as lodash from "lodash";
|
|
2
|
-
import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "../../../types";
|
|
2
|
+
import { ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions, } from "../../../types";
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { FieldArray } from "formik";
|
|
5
5
|
import { GenerateFormContentUtils } from "../../services/generateFormContentUtils";
|
|
6
|
-
export const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
6
|
+
export const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, labelDefaultOptions, }) => {
|
|
7
7
|
const [addButtonOptions] = useState(new ArrayFieldAddButton(lodash.merge(addButtonDefaultOptions ?? {}, arrayField.addButtonOptions ?? {})));
|
|
8
8
|
const [removeButtonOptions] = useState(new ArrayFieldRemoveButton(lodash.merge(removeButtonDefaultOptions ?? {}, arrayField.removeButtonOptions ?? {})));
|
|
9
|
+
const [labelOptions] = useState(new LabelOptions(lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {})));
|
|
9
10
|
const generateFormContentUtils = new GenerateFormContentUtils({
|
|
10
11
|
containerComponent,
|
|
11
12
|
formElements,
|
|
@@ -54,7 +55,12 @@ export const ArrayField = ({ field: arrayField, formElements, containerComponent
|
|
|
54
55
|
const createArrayItemAddButton = (onAddItem) => {
|
|
55
56
|
return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
|
|
56
57
|
};
|
|
58
|
+
const createArrayFieldLabel = () => {
|
|
59
|
+
return generateFormContentUtils.createContentContainer(React.createElement("div", { className: "nvs-col-12" },
|
|
60
|
+
React.createElement("label", { className: `df-array-field-label ${labelOptions.class}` }, arrayField.label)));
|
|
61
|
+
};
|
|
57
62
|
return (React.createElement(FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (React.createElement(React.Fragment, null,
|
|
63
|
+
arrayField.label && createArrayFieldLabel(),
|
|
58
64
|
form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
|
|
59
65
|
createArrayItemAddButton(push)))));
|
|
60
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEjC,OAAO,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton } from "../../../types";
|
|
1
|
+
import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions } from "../../../types";
|
|
2
2
|
import { IField } from "../field";
|
|
3
3
|
export interface IArrayField extends IField {
|
|
4
4
|
field: ArrayField;
|
|
@@ -9,4 +9,5 @@ export interface IArrayField extends IField {
|
|
|
9
9
|
useGroupContainer: boolean;
|
|
10
10
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
11
11
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
12
|
+
labelDefaultOptions?: LabelOptions;
|
|
12
13
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayFieldAddButton } from "../../types";
|
|
1
|
+
import { ArrayFieldAddButton, LabelOptions } from "../../types";
|
|
2
2
|
import { FieldType } from "../_type";
|
|
3
3
|
import { IFormElement } from "../elements/field";
|
|
4
4
|
import React from "react";
|
|
@@ -14,7 +14,8 @@ export declare class GenerateFormContentUtils {
|
|
|
14
14
|
private readonly buttonComponent?;
|
|
15
15
|
private readonly fieldArrayAddButtonDefaultOptions;
|
|
16
16
|
private readonly fieldArrayRemoveButtonDefaultOptions;
|
|
17
|
-
|
|
17
|
+
private readonly labelDefaultOptions;
|
|
18
|
+
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
|
|
18
19
|
containerComponent: React.FC<any>;
|
|
19
20
|
formElements: IFormElement;
|
|
20
21
|
useContainersOutsideGroup: boolean;
|
|
@@ -27,6 +28,7 @@ export declare class GenerateFormContentUtils {
|
|
|
27
28
|
};
|
|
28
29
|
fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
|
|
29
30
|
fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
|
|
31
|
+
labelDefaultOptions?: LabelOptions;
|
|
30
32
|
});
|
|
31
33
|
createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
|
|
32
34
|
createFormContent(): React.JSX.Element;
|
|
@@ -5,7 +5,7 @@ import { Field } from "../elements/field";
|
|
|
5
5
|
import { GroupField as GroupFieldElement } from "../elements/groupField";
|
|
6
6
|
import React from "react";
|
|
7
7
|
export class GenerateFormContentUtils {
|
|
8
|
-
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, }) {
|
|
8
|
+
constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
|
|
9
9
|
this.containerComponent = containerComponent;
|
|
10
10
|
this.formElements = formElements;
|
|
11
11
|
this.useContainersOutsideGroup = useContainersOutsideGroup;
|
|
@@ -18,6 +18,7 @@ export class GenerateFormContentUtils {
|
|
|
18
18
|
fieldArrayAddButtonDefaultOptions ?? {};
|
|
19
19
|
this.fieldArrayRemoveButtonDefaultOptions =
|
|
20
20
|
fieldArrayRemoveButtonDefaultOptions ?? {};
|
|
21
|
+
this.labelDefaultOptions = labelDefaultOptions ?? {};
|
|
21
22
|
}
|
|
22
23
|
createContainer(content, containerProps) {
|
|
23
24
|
return (React.createElement(Container, { containerComponent: this.containerComponent, options: containerProps }, content));
|
|
@@ -74,7 +75,7 @@ export class GenerateFormContentUtils {
|
|
|
74
75
|
return (React.createElement(GroupFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible }));
|
|
75
76
|
}
|
|
76
77
|
createArrayFieldElement(field) {
|
|
77
|
-
return (React.createElement(ArrayFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible, buttonComponent: this.buttonComponent, addButtonDefaultOptions: this.fieldArrayAddButtonDefaultOptions, removeButtonDefaultOptions: this.fieldArrayRemoveButtonDefaultOptions }));
|
|
78
|
+
return (React.createElement(ArrayFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible, buttonComponent: this.buttonComponent, addButtonDefaultOptions: this.fieldArrayAddButtonDefaultOptions, removeButtonDefaultOptions: this.fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions: this.labelDefaultOptions }));
|
|
78
79
|
}
|
|
79
80
|
isSingleField(field) {
|
|
80
81
|
return !(field instanceof GroupField &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAGV,UAAU,
|
|
1
|
+
{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
|
|
2
2
|
import { FieldBase } from "./field-base.type";
|
|
3
|
+
import { LabelOptions } from "./label-options.type";
|
|
3
4
|
export declare class ArrayField<ValueType = {
|
|
4
5
|
[key: string]: any;
|
|
5
6
|
}> {
|
|
@@ -9,5 +10,7 @@ export declare class ArrayField<ValueType = {
|
|
|
9
10
|
addButtonOptions?: ArrayFieldAddButton;
|
|
10
11
|
removeButtonOptions?: ArrayFieldRemoveButton;
|
|
11
12
|
defaultValues?: Array<ValueType>;
|
|
13
|
+
label?: string;
|
|
14
|
+
labelOptions?: LabelOptions;
|
|
12
15
|
constructor(options: ArrayField<ValueType>);
|
|
13
16
|
}
|
|
@@ -6,6 +6,8 @@ export class ArrayField {
|
|
|
6
6
|
this.addButtonOptions = options.addButtonOptions ?? {};
|
|
7
7
|
this.removeButtonOptions = options.removeButtonOptions ?? {};
|
|
8
8
|
this.defaultValues = options.defaultValues ?? [];
|
|
9
|
+
this.label = options.label;
|
|
10
|
+
this.labelOptions = options.labelOptions ?? {};
|
|
9
11
|
}
|
|
10
12
|
}
|
|
11
13
|
//# sourceMappingURL=array-field.type.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":"AAQA,MAAM,OAAO,UAAU;IAUrB,YAAY,OAA8B;QAT1C,cAAS,GAAY,YAAY,CAAC;QAUhC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAAC;QACvD,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,IAAI,EAAE,CAAC;QAC7D,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACjD,CAAC;CACF"}
|
package/dist/esm/types/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sCAAsC,CAAC;AACrD,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sCAAsC,CAAC;AACrD,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-options.type.js","sourceRoot":"","sources":["../../../lib/types/label-options.type.tsx"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;IAGvB,YAAY,OAAqB;QAC/B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;IACnC,CAAC;CACF"}
|
|
@@ -298,9 +298,6 @@ export const FieldArray: { args: INvsDynamicForm; name: string } = {
|
|
|
298
298
|
class: TextboxField,
|
|
299
299
|
},
|
|
300
300
|
},
|
|
301
|
-
addButtonDefaultOptions: {
|
|
302
|
-
label: "ismet",
|
|
303
|
-
},
|
|
304
301
|
fields: [
|
|
305
302
|
new TextboxField({
|
|
306
303
|
id: "firstName",
|
|
@@ -326,6 +323,7 @@ export const FieldArray: { args: INvsDynamicForm; name: string } = {
|
|
|
326
323
|
}),
|
|
327
324
|
new ArrayField({
|
|
328
325
|
id: "addresses",
|
|
326
|
+
label: "Addresses",
|
|
329
327
|
addButtonOptions: {
|
|
330
328
|
label: "Add Address",
|
|
331
329
|
},
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
FieldBase,
|
|
6
6
|
GroupField,
|
|
7
7
|
ISubmitButtonDefaultOptions,
|
|
8
|
+
LabelOptions,
|
|
8
9
|
} from "../types";
|
|
9
10
|
|
|
10
11
|
import { IField } from "./elements/field";
|
|
@@ -29,4 +30,5 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
29
30
|
submitButtonContainerClass?: string;
|
|
30
31
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
31
32
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
33
|
+
labelDefaultOptions?: LabelOptions;
|
|
32
34
|
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import * as lodash from "lodash";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
ArrayFieldAddButton,
|
|
5
|
+
ArrayFieldRemoveButton,
|
|
6
|
+
LabelOptions,
|
|
7
|
+
} from "../../../types";
|
|
4
8
|
import React, { useState } from "react";
|
|
5
9
|
|
|
6
10
|
import { FieldArray } from "formik";
|
|
@@ -17,6 +21,7 @@ export const ArrayField: React.FC<IArrayField> = ({
|
|
|
17
21
|
buttonComponent: ButtonComponent,
|
|
18
22
|
addButtonDefaultOptions,
|
|
19
23
|
removeButtonDefaultOptions,
|
|
24
|
+
labelDefaultOptions,
|
|
20
25
|
}: IArrayField) => {
|
|
21
26
|
const [addButtonOptions] = useState(
|
|
22
27
|
new ArrayFieldAddButton(
|
|
@@ -34,6 +39,11 @@ export const ArrayField: React.FC<IArrayField> = ({
|
|
|
34
39
|
),
|
|
35
40
|
),
|
|
36
41
|
);
|
|
42
|
+
const [labelOptions] = useState(
|
|
43
|
+
new LabelOptions(
|
|
44
|
+
lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {}),
|
|
45
|
+
),
|
|
46
|
+
);
|
|
37
47
|
const generateFormContentUtils = new GenerateFormContentUtils({
|
|
38
48
|
containerComponent,
|
|
39
49
|
formElements,
|
|
@@ -134,10 +144,21 @@ export const ArrayField: React.FC<IArrayField> = ({
|
|
|
134
144
|
);
|
|
135
145
|
};
|
|
136
146
|
|
|
147
|
+
const createArrayFieldLabel = () => {
|
|
148
|
+
return generateFormContentUtils.createContentContainer(
|
|
149
|
+
<div className="nvs-col-12">
|
|
150
|
+
<label className={`df-array-field-label ${labelOptions.class}`}>
|
|
151
|
+
{arrayField.label}
|
|
152
|
+
</label>
|
|
153
|
+
</div>,
|
|
154
|
+
);
|
|
155
|
+
};
|
|
156
|
+
|
|
137
157
|
return (
|
|
138
158
|
<FieldArray name={arrayField.id}>
|
|
139
159
|
{({ push, remove, form }) => (
|
|
140
160
|
<>
|
|
161
|
+
{arrayField.label && createArrayFieldLabel()}
|
|
141
162
|
{form.values[arrayField.id]?.map((_: any, index: number) =>
|
|
142
163
|
createFieldArrayContent(remove, index),
|
|
143
164
|
)}
|
|
@@ -2,6 +2,7 @@ import {
|
|
|
2
2
|
ArrayField,
|
|
3
3
|
ArrayFieldAddButton,
|
|
4
4
|
ArrayFieldRemoveButton,
|
|
5
|
+
LabelOptions,
|
|
5
6
|
} from "../../../types";
|
|
6
7
|
|
|
7
8
|
import { IField } from "../field";
|
|
@@ -15,4 +16,5 @@ export interface IArrayField extends IField {
|
|
|
15
16
|
useGroupContainer: boolean;
|
|
16
17
|
addButtonDefaultOptions?: ArrayFieldAddButton;
|
|
17
18
|
removeButtonDefaultOptions?: ArrayFieldRemoveButton;
|
|
19
|
+
labelDefaultOptions?: LabelOptions;
|
|
18
20
|
}
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
ArrayFieldAddButton,
|
|
4
4
|
FieldBase,
|
|
5
5
|
GroupField,
|
|
6
|
+
LabelOptions,
|
|
6
7
|
} from "../../types";
|
|
7
8
|
|
|
8
9
|
import { ArrayField as ArrayFieldElement } from "../elements/arrayField";
|
|
@@ -25,6 +26,7 @@ export class GenerateFormContentUtils {
|
|
|
25
26
|
private readonly buttonComponent?: React.FC<any>;
|
|
26
27
|
private readonly fieldArrayAddButtonDefaultOptions: ArrayFieldAddButton;
|
|
27
28
|
private readonly fieldArrayRemoveButtonDefaultOptions: ArrayFieldAddButton;
|
|
29
|
+
private readonly labelDefaultOptions: LabelOptions;
|
|
28
30
|
|
|
29
31
|
constructor({
|
|
30
32
|
containerComponent,
|
|
@@ -37,6 +39,7 @@ export class GenerateFormContentUtils {
|
|
|
37
39
|
buttonComponent,
|
|
38
40
|
fieldArrayAddButtonDefaultOptions,
|
|
39
41
|
fieldArrayRemoveButtonDefaultOptions,
|
|
42
|
+
labelDefaultOptions,
|
|
40
43
|
}: {
|
|
41
44
|
containerComponent: React.FC<any>;
|
|
42
45
|
formElements: IFormElement;
|
|
@@ -48,6 +51,7 @@ export class GenerateFormContentUtils {
|
|
|
48
51
|
containerOptions?: { [key: string]: any };
|
|
49
52
|
fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
|
|
50
53
|
fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
|
|
54
|
+
labelDefaultOptions?: LabelOptions;
|
|
51
55
|
}) {
|
|
52
56
|
this.containerComponent = containerComponent;
|
|
53
57
|
this.formElements = formElements;
|
|
@@ -61,6 +65,7 @@ export class GenerateFormContentUtils {
|
|
|
61
65
|
fieldArrayAddButtonDefaultOptions ?? {};
|
|
62
66
|
this.fieldArrayRemoveButtonDefaultOptions =
|
|
63
67
|
fieldArrayRemoveButtonDefaultOptions ?? {};
|
|
68
|
+
this.labelDefaultOptions = labelDefaultOptions ?? {};
|
|
64
69
|
}
|
|
65
70
|
|
|
66
71
|
createContainer(content: ReactNode, containerProps: object) {
|
|
@@ -171,6 +176,7 @@ export class GenerateFormContentUtils {
|
|
|
171
176
|
buttonComponent={this.buttonComponent!}
|
|
172
177
|
addButtonDefaultOptions={this.fieldArrayAddButtonDefaultOptions}
|
|
173
178
|
removeButtonDefaultOptions={this.fieldArrayRemoveButtonDefaultOptions}
|
|
179
|
+
labelDefaultOptions={this.labelDefaultOptions}
|
|
174
180
|
/>
|
|
175
181
|
);
|
|
176
182
|
}
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
} from "./array-field-action-button.type";
|
|
5
5
|
|
|
6
6
|
import { FieldBase } from "./field-base.type";
|
|
7
|
+
import { LabelOptions } from "./label-options.type";
|
|
7
8
|
|
|
8
9
|
export class ArrayField<ValueType = { [key: string]: any }> {
|
|
9
10
|
fieldType?: string = "fieldArray";
|
|
@@ -12,6 +13,8 @@ export class ArrayField<ValueType = { [key: string]: any }> {
|
|
|
12
13
|
addButtonOptions?: ArrayFieldAddButton;
|
|
13
14
|
removeButtonOptions?: ArrayFieldRemoveButton;
|
|
14
15
|
defaultValues?: Array<ValueType>;
|
|
16
|
+
label?: string;
|
|
17
|
+
labelOptions?: LabelOptions;
|
|
15
18
|
|
|
16
19
|
constructor(options: ArrayField<ValueType>) {
|
|
17
20
|
this.id = options.id;
|
|
@@ -19,5 +22,7 @@ export class ArrayField<ValueType = { [key: string]: any }> {
|
|
|
19
22
|
this.addButtonOptions = options.addButtonOptions ?? {};
|
|
20
23
|
this.removeButtonOptions = options.removeButtonOptions ?? {};
|
|
21
24
|
this.defaultValues = options.defaultValues ?? [];
|
|
25
|
+
this.label = options.label;
|
|
26
|
+
this.labelOptions = options.labelOptions ?? {};
|
|
22
27
|
}
|
|
23
28
|
}
|
package/lib/types/index.tsx
CHANGED