@nvs-dynamic-form/react-core 1.5.0 → 2.0.0

package/dist/cjs/nvs-dynamic-form/formikForm/_template.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormikForm = void 0;
+const Yup = __importStar(require("yup"));
+const types_1 = require("../../types");
+const formik_1 = require("formik");
+const react_1 = __importStar(require("react"));
+const FormikForm = ({ children, fields, onSubmit, formClass, }) => {
+    const getFieldDefaultValue = (field) => {
+        let defaultValue;
+        if (field instanceof types_1.ArrayField)
+            defaultValue = field.defaultValues ?? [];
+        else if (field instanceof types_1.GroupField)
+            defaultValue = getFieldsDefaultValues(field.fields);
+        else
+            defaultValue = field.defaultValue;
+        return defaultValue;
+    };
+    const getFieldsDefaultValues = (fields) => {
+        return fields.reduce((acc, field) => {
+            acc[field.id] = getFieldDefaultValue(field);
+            return acc;
+        }, {});
+    };
+    const getFieldValidate = (field) => {
+        let validate;
+        if (field instanceof types_1.GroupField)
+            validate = createValidateSchema(field.fields);
+        else if (field instanceof types_1.ArrayField)
+            validate = createArrayValidateSchema(field.fields);
+        else if (field?.validate)
+            validate = field.validate;
+        return validate;
+    };
+    const createValidateSchema = (fields) => {
+        const validationSchema = fields.reduce((acc, field) => {
+            const validate = getFieldValidate(field);
+            if (validate)
+                acc[field.id] = validate;
+            return acc;
+        }, {});
+        return Yup.object(validationSchema);
+    };
+    const createArrayValidateSchema = (fields) => {
+        return Yup.array().of(createValidateSchema(fields));
+    };
+    const [defaultValues, setDefaultValues] = (0, react_1.useState)(getFieldsDefaultValues(fields));
+    const [validateSchema, setValidateSchema] = (0, react_1.useState)(createValidateSchema(fields));
+    (0, react_1.useEffect)(() => {
+        setDefaultValues(getFieldsDefaultValues(fields));
+        setValidateSchema(createValidateSchema(fields));
+    }, [fields]);
+    const formik = (0, formik_1.useFormik)({
+        initialValues: defaultValues,
+        validationSchema: validateSchema,
+        onSubmit: async (values) => {
+            onSubmit && (await onSubmit(values));
+        },
+    });
+    return (react_1.default.createElement(formik_1.FormikProvider, { value: formik },
+        react_1.default.createElement(formik_1.Form, { className: formClass ? ` ${formClass}` : "" }, children)));
+};
+exports.FormikForm = FormikForm;
+//# sourceMappingURL=_template.js.map

package/dist/cjs/nvs-dynamic-form/formikForm/_template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/formikForm/_template.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/nvs-dynamic-form/formikForm/_type.d.ts

@@ -0,0 +1,8 @@
+import { FieldType } from "../_type";
+import { ReactNode } from "react";
+export interface IFormikForm {
+    onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
+    fields: Array<FieldType>;
+    children: ReactNode;
+    formClass?: string;
+}

package/dist/cjs/nvs-dynamic-form/formikForm/_type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=_type.js.map

package/dist/cjs/nvs-dynamic-form/formikForm/_type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_type.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/formikForm/_type.tsx"],"names":[],"mappings":""}

package/dist/cjs/nvs-dynamic-form/formikForm/index.d.ts

@@ -0,0 +1 @@
+export * from "./_template";

package/dist/cjs/nvs-dynamic-form/formikForm/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./_template"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/nvs-dynamic-form/formikForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/formikForm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}

package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.d.ts

@@ -0,0 +1,39 @@
+import { FieldType } from "../_type";
+import { IFormElement } from "../elements/field";
+import React from "react";
+import { ReactNode } from "react";
+export declare class GenerateFormContentUtils {
+    private readonly containerComponent;
+    private readonly formElements;
+    private readonly useContainersOutsideGroup;
+    private readonly useGroupContainer;
+    private readonly containerVisible;
+    private readonly fields;
+    private readonly containerOptions;
+    private readonly buttonComponent?;
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, }: {
+        containerComponent: React.FC<any>;
+        formElements: IFormElement;
+        useContainersOutsideGroup: boolean;
+        useGroupContainer: boolean;
+        containerVisible: boolean;
+        fields: Array<FieldType>;
+        buttonComponent?: React.FC<any>;
+        containerOptions?: {
+            [key: string]: any;
+        };
+    });
+    createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
+    createFormContent(): React.JSX.Element;
+    createFormElements(fields: Array<FieldType>): JSX.Element[];
+    createContentContainer(formElements: ReactNode): React.JSX.Element;
+    private getSingleFields;
+    private getGroupFields;
+    private createSingleFieldsElements;
+    private createGroupFieldsElements;
+    private createSingleFieldElement;
+    private createGroupFieldElement;
+    private createArrayFieldElement;
+    private isSingleField;
+    private createFormGroup;
+}

package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenerateFormContentUtils = void 0;
+const types_1 = require("../../types");
+const arrayField_1 = require("../elements/arrayField");
+const container_1 = require("../elements/container");
+const field_1 = require("../elements/field");
+const groupField_1 = require("../elements/groupField");
+const react_1 = __importDefault(require("react"));
+class GenerateFormContentUtils {
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, }) {
+        this.containerComponent = containerComponent;
+        this.formElements = formElements;
+        this.useContainersOutsideGroup = useContainersOutsideGroup;
+        this.useGroupContainer = useGroupContainer;
+        this.containerVisible = containerVisible;
+        this.fields = fields;
+        this.containerOptions = containerOptions || {};
+        this.buttonComponent = buttonComponent;
+    }
+    createContainer(content, containerProps) {
+        return (react_1.default.createElement(container_1.Container, { containerComponent: this.containerComponent, options: containerProps }, content));
+    }
+    createFormContent() {
+        const singleFields = this.createSingleFieldsElements();
+        const groupFields = this.createGroupFieldsElements();
+        let formContent;
+        if (this.containerVisible && this.useContainersOutsideGroup && singleFields)
+            formContent = (react_1.default.createElement(react_1.default.Fragment, null,
+                this.createContainer(singleFields, this.containerOptions),
+                groupFields));
+        else
+            formContent = this.createFormGroup(react_1.default.createElement(react_1.default.Fragment, null,
+                singleFields,
+                groupFields));
+        return formContent;
+    }
+    createFormElements(fields) {
+        const fieldsElements = [];
+        for (const field of fields) {
+            if (field instanceof types_1.GroupField)
+                fieldsElements.push(this.createGroupFieldElement(field));
+            else if (field instanceof types_1.ArrayField)
+                fieldsElements.push(this.createArrayFieldElement(field));
+            else
+                fieldsElements.push(this.createSingleFieldElement(field));
+        }
+        return fieldsElements;
+    }
+    createContentContainer(formElements) {
+        return (react_1.default.createElement("div", { className: "nvs-container-fluid" },
+            react_1.default.createElement("div", { className: "nvs-row" }, formElements)));
+    }
+    getSingleFields() {
+        return this.fields.filter((field) => this.isSingleField(field));
+    }
+    getGroupFields() {
+        return this.fields.filter((field) => !this.isSingleField(field));
+    }
+    createSingleFieldsElements() {
+        const singleFields = this.getSingleFields();
+        return (singleFields.length > 0 &&
+            this.createContentContainer(this.createFormElements(singleFields)));
+    }
+    createGroupFieldsElements() {
+        const groupFields = this.getGroupFields();
+        return groupFields.length > 0 && this.createFormElements(groupFields);
+    }
+    createSingleFieldElement(field) {
+        return (react_1.default.createElement(field_1.Field, { key: field.id, formElements: this.formElements, field: field }));
+    }
+    createGroupFieldElement(field) {
+        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 }));
+    }
+    createArrayFieldElement(field) {
+        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 }));
+    }
+    isSingleField(field) {
+        return !(field instanceof types_1.GroupField &&
+            field.containerVisible &&
+            this.useGroupContainer &&
+            this.containerVisible);
+    }
+    createFormGroup(formContent) {
+        return react_1.default.createElement("div", { className: "df-form-group" }, formContent);
+    }
+}
+exports.GenerateFormContentUtils = GenerateFormContentUtils;
+//# sourceMappingURL=generateFormContentUtils.js.map

package/dist/cjs/nvs-dynamic-form/services/generateFormContentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/types/array-field-action-button.type.d.ts

@@ -0,0 +1,14 @@
+export declare class ArrayFieldButton {
+    label?: string;
+    options?: {
+        [key: string]: any;
+    };
+    constructor(options: ArrayFieldButton);
+}
+export declare class ArrayFieldRemoveButton extends ArrayFieldButton {
+    position?: "bottom" | "right";
+    constructor(options: ArrayFieldRemoveButton);
+}
+export declare class ArrayFieldAddButton extends ArrayFieldButton {
+    constructor(options: ArrayFieldRemoveButton);
+}

package/dist/cjs/types/array-field-action-button.type.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayFieldAddButton = exports.ArrayFieldRemoveButton = exports.ArrayFieldButton = void 0;
+class ArrayFieldButton {
+    constructor(options) {
+        this.label = options.label;
+        this.options = options.options ?? {};
+    }
+}
+exports.ArrayFieldButton = ArrayFieldButton;
+class ArrayFieldRemoveButton extends ArrayFieldButton {
+    constructor(options) {
+        options.label = options.label ?? "-";
+        super(options);
+        this.position = options.position ?? "right";
+    }
+}
+exports.ArrayFieldRemoveButton = ArrayFieldRemoveButton;
+class ArrayFieldAddButton extends ArrayFieldButton {
+    constructor(options) {
+        options.label = options.label ?? "+";
+        super(options);
+    }
+}
+exports.ArrayFieldAddButton = ArrayFieldAddButton;
+//# sourceMappingURL=array-field-action-button.type.js.map

package/dist/cjs/types/array-field-action-button.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-field-action-button.type.js","sourceRoot":"","sources":["../../../lib/types/array-field-action-button.type.tsx"],"names":[],"mappings":";;;AAAA,MAAa,gBAAgB;IAI3B,YAAY,OAAyB;QACnC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;CACF;AARD,4CAQC;AAED,MAAa,sBAAuB,SAAQ,gBAAgB;IAG1D,YAAY,OAA+B;QACzC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC;IAC9C,CAAC;CACF;AARD,wDAQC;AAED,MAAa,mBAAoB,SAAQ,gBAAgB;IACvD,YAAY,OAA+B;QACzC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;CACF;AALD,kDAKC"}

package/dist/cjs/types/array-field.type.d.ts

@@ -0,0 +1,13 @@
+import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
+import { FieldBase } from "./field-base.type";
+export declare class ArrayField<ValueType = {
+    [key: string]: any;
+}> {
+    fieldType?: string;
+    id: string;
+    fields: Array<FieldBase<any>>;
+    addButtonOptions?: ArrayFieldAddButton;
+    removeButtonOptions?: ArrayFieldRemoveButton;
+    defaultValues?: Array<ValueType>;
+    constructor(options: ArrayField<ValueType>);
+}

package/dist/cjs/types/array-field.type.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayField = void 0;
+const array_field_action_button_type_1 = require("./array-field-action-button.type");
+class ArrayField {
+    constructor(options) {
+        this.fieldType = "fieldArray";
+        this.id = options.id;
+        this.fields = options.fields ?? [];
+        this.addButtonOptions = new array_field_action_button_type_1.ArrayFieldAddButton(options.addButtonOptions ?? {});
+        this.removeButtonOptions = new array_field_action_button_type_1.ArrayFieldRemoveButton(options.removeButtonOptions ?? {});
+        this.defaultValues = options.defaultValues ?? [];
+    }
+}
+exports.ArrayField = ArrayField;
+//# sourceMappingURL=array-field.type.js.map

package/dist/cjs/types/array-field.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":";;;AAAA,qFAG0C;AAI1C,MAAa,UAAU;IAQrB,YAAY,OAA8B;QAP1C,cAAS,GAAY,YAAY,CAAC;QAQhC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,IAAI,oDAAmB,CAC7C,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAC/B,CAAC;QACF,IAAI,CAAC,mBAAmB,GAAG,IAAI,uDAAsB,CACnD,OAAO,CAAC,mBAAmB,IAAI,EAAE,CAClC,CAAC;QACF,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;IACnD,CAAC;CACF;AAnBD,gCAmBC"}

package/dist/cjs/types/{form-field.type.js → field-base.type.js}

@@ -14,4 +14,4 @@ class FieldBase {
     }
 }
 exports.FieldBase = FieldBase;
-//# sourceMappingURL=form-field.type.js.map
+//# sourceMappingURL=field-base.type.js.map

package/dist/cjs/types/{form-field.type.js.map → field-base.type.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field.type.js","sourceRoot":"","sources":["../../../lib/types/form-field.type.tsx"],"names":[],"mappings":";;;AAKA,MAAsB,SAAS;IAW7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC/B,CAAC;CACF;AArBD,8BAqBC"}
+{"version":3,"file":"field-base.type.js","sourceRoot":"","sources":["../../../lib/types/field-base.type.tsx"],"names":[],"mappings":";;;AAKA,MAAsB,SAAS;IAW7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC/B,CAAC;CACF;AArBD,8BAqBC"}

package/dist/cjs/types/group-field.type.d.ts

@@ -0,0 +1,10 @@
+import { FieldBase } from "./field-base.type";
+export declare class GroupField {
+    id: string;
+    fields: Array<FieldBase<unknown>>;
+    containerVisible?: boolean;
+    containerOptions?: {
+        [key: string]: any;
+    };
+    constructor(options: GroupField);
+}

package/dist/cjs/types/group-field.type.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupField = void 0;
+class GroupField {
+    constructor(options) {
+        this.id = options.id;
+        this.fields = options.fields ?? [];
+        this.containerVisible = options.containerVisible ?? false;
+        this.containerOptions = options.containerOptions ?? {};
+    }
+}
+exports.GroupField = GroupField;
+//# sourceMappingURL=group-field.type.js.map

package/dist/cjs/types/group-field.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-field.type.js","sourceRoot":"","sources":["../../../lib/types/group-field.type.tsx"],"names":[],"mappings":";;;AAEA,MAAa,UAAU;IAMrB,YAAY,OAAmB;QAC7B,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,KAAK,CAAC;QAC1D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAAC;IACzD,CAAC;CACF;AAZD,gCAYC"}

package/dist/cjs/types/index.d.ts

@@ -1,4 +1,6 @@
-export * from "./form-field.type";
+export * from "./field-base.type";
 export * from "./screen-size.type";
 export * from "./dynamic-object.type";
-export * from "./submit-button-options.type";
+export * from "./submit-button-default-options.type";
+export * from "./group-field.type";
+export * from "./array-field.type";

package/dist/cjs/types/index.js

@@ -14,8 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./form-field.type"), exports);
+__exportStar(require("./field-base.type"), exports);
 __exportStar(require("./screen-size.type"), exports);
 __exportStar(require("./dynamic-object.type"), exports);
-__exportStar(require("./submit-button-options.type"), exports);
+__exportStar(require("./submit-button-default-options.type"), exports);
+__exportStar(require("./group-field.type"), exports);
+__exportStar(require("./array-field.type"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,qDAAmC;AACnC,wDAAsC;AACtC,+DAA6C"}
+{"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"}

package/dist/cjs/types/{submit-button-options.type.d.ts → submit-button-default-options.type.d.ts}

@@ -1,4 +1,4 @@
-export declare class SubmitButtonOptions {
+export interface ISubmitButtonDefaultOptions {
     label: string;
     isFullWidth: boolean;
     position: "left" | "right" | "center";

package/dist/cjs/types/submit-button-default-options.type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=submit-button-default-options.type.js.map

package/dist/cjs/types/submit-button-default-options.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button-default-options.type.js","sourceRoot":"","sources":["../../../lib/types/submit-button-default-options.type.tsx"],"names":[],"mappings":""}

package/dist/esm/nvs-dynamic-form/_style.css

@@ -3,3 +3,43 @@
   margin-top: 8px;
   padding: 0 4px;
 }
+
+.df-form-group {
+  gap: 8px;
+  display: flex;
+  flex-direction: column;
+}
+
+.df-array-field {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+}
+
+.df-array-field-content {
+  flex-grow: 1;
+}
+
+.df-array-field-remove-button {
+  flex-shrink: 0;
+}
+
+.df-array-field.remove-button-bottom {
+  flex-direction: column;
+}
+
+.df-array-field.remove-button-bottom .df-array-field-content {
+  width: 100%;
+  margin-right: 0;
+  margin-bottom: 8px;
+}
+
+.df-array-field.remove-button-bottom .df-array-field-remove-button {
+  width: 100%;
+}
+
+.df-array-field-add-button {
+  width: 100%;
+  padding: 0 4px;
+}

package/dist/esm/nvs-dynamic-form/_template.d.ts

@@ -1,5 +1,5 @@
 import "nvs-flexgrid";
 import "./_style.css";
-import React from "react";
 import { INvsDynamicForm } from "./_type";
-export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }: INvsDynamicForm) => React.JSX.Element;
+import React from "react";
+export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, }: INvsDynamicForm) => React.JSX.Element;

package/dist/esm/nvs-dynamic-form/_template.js

@@ -1,45 +1,25 @@
 import "nvs-flexgrid";
 import "./_style.css";
-import * as Yup from "yup";
-import { Form, FormikProvider, useFormik } from "formik";
-import React, { useEffect, useState } from "react";
-import { Field } from "./elements/field";
-import { SubmitButton } from "./elements/submit-button";
-export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }) => {
-    const getDefaultValues = () => {
-        return fields.reduce((acc, field) => {
-            acc[field.id] = field.defaultValue;
-            return acc;
-        }, {});
-    };
-    const getValidateSchema = () => {
-        const validationSchema = fields.reduce((acc, field) => {
-            if (field?.validate) {
-                acc[field.id] = field.validate;
-            }
-            return acc;
-        }, {});
-        return Yup.object(validationSchema);
-    };
-    const [defaultValues, setDefaultValues] = useState(getDefaultValues());
-    const [validateSchema, setValidateSchema] = useState(getValidateSchema());
-    useEffect(() => {
-        setDefaultValues(getDefaultValues());
-        setValidateSchema(getValidateSchema());
-    }, [fields]);
-    const createFormElements = () => {
-        return fields.map((field) => (React.createElement(Field, { key: field.id, formElements: formElements, field: field })));
-    };
-    const createForm = () => (React.createElement(Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
-        React.createElement("div", { className: "nvs-row" }, createFormElements()),
-        React.createElement(SubmitButton, { submitButton: submitButton, submitButtonVisible: submitButtonVisible, submitButtonLabel: submitButtonLabel, submitButtonIsFullWidth: submitButtonIsFullWidth, submitButtonPosition: submitButtonPosition })));
-    const formik = useFormik({
-        initialValues: defaultValues,
-        validationSchema: validateSchema,
-        onSubmit: async (values) => {
-            onSubmit && (await onSubmit(values));
-        },
+import { Button } from "./elements/button";
+import { FormikForm } from "./formikForm";
+import { GenerateFormContentUtils } from "./services/generateFormContentUtils";
+import React from "react";
+export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => React.createElement(React.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, }) => {
+    const generateFormContentUtils = new GenerateFormContentUtils({
+        containerComponent: container,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerVisible,
+        fields,
+        containerOptions,
+        buttonComponent,
     });
-    return React.createElement(FormikProvider, { value: formik }, createForm());
+    const formikForm = (React.createElement(FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
+        generateFormContentUtils.createFormContent(),
+        React.createElement(Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass })));
+    return containerVisible && !useContainersOutsideGroup
+        ? generateFormContentUtils.createContainer(formikForm, containerOptions)
+        : formikForm;
 };
 //# sourceMappingURL=_template.js.map

package/dist/esm/nvs-dynamic-form/_template.js.map

@@ -1 +1 @@
-{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,MAAM,GAAG,EAAE,EACX,SAAS,EACT,eAAe,EACf,0BAA0B,EAC1B,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,0BAA0B,CAAC,KAAK,EACpD,uBAAuB,GAAG,0BAA0B,CAAC,WAAW,EAChE,oBAAoB,GAAG,0BAA0B,CAAC,QAAQ,EAC1D,0BAA0B,EAC1B,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,0CAAG,QAAQ,CAAI,EAC7C,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,GAAG,KAAK,EACjC,iBAAiB,GAAG,KAAK,GACT,EAAE,EAAE;IACpB,MAAM,wBAAwB,GAAG,IAAI,wBAAwB,CAAC;QAC5D,kBAAkB,EAAE,SAAS;QAC7B,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,gBAAgB;QAChB,MAAM;QACN,gBAAgB;QAChB,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CACjB,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QACjE,wBAAwB,CAAC,iBAAiB,EAAE;QAC7C,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,iBAAiB,EACxB,WAAW,EAAE,uBAAuB,EACpC,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,0BAA0B,GAC1C,CACS,CACd,CAAC;IAEF,OAAO,gBAAgB,IAAI,CAAC,yBAAyB;QACnD,CAAC,CAAC,wBAAwB,CAAC,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC;QACxE,CAAC,CAAC,UAAU,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/nvs-dynamic-form/_type.d.ts

@@ -1,8 +1,22 @@
-import { FieldBase } from "../types";
+import { ArrayField, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
+import { IButton } from "./elements/button/_type";
 import { IField } from "./elements/field";
-import { ISubmitButton } from "./elements/submit-button/_type";
-export interface INvsDynamicForm extends ISubmitButton, Omit<IField, "field"> {
+export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
+export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
     onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
-    fields: Array<FieldBase<unknown>>;
+    fields: Array<FieldType>;
     formClass?: string;
+    container?: React.FC<any>;
+    containerOptions?: {
+        [key: string]: any;
+    };
+    containerVisible?: boolean;
+    useContainersOutsideGroup?: boolean;
+    useGroupContainer?: boolean;
+    submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
+    submitButtonVisible?: boolean;
+    submitButtonLabel?: string;
+    submitButtonPosition?: "left" | "center" | "right";
+    submitButtonIsFullWidth?: boolean;
+    submitButtonContainerClass?: string;
 }

package/dist/esm/nvs-dynamic-form/elements/arrayField/_template.d.ts

@@ -0,0 +1,3 @@
+import { IArrayField } from "./_type";
+import React from "react";
+export declare const ArrayField: React.FC<IArrayField>;