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

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

@@ -43,3 +43,8 @@
   width: 100%;
   padding: 0 4px;
 }
+
+.df-array-field-label {
+  font-size: 16px;
+  font-weight: 500;
+}

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

@@ -2,4 +2,4 @@ import "nvs-flexgrid";
 import "./_style.css";
 import { INvsDynamicForm } from "./_type";
 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;
+export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;

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

@@ -10,7 +10,7 @@ const button_1 = require("./elements/button");
 const formikForm_1 = require("./formikForm");
 const generateFormContentUtils_1 = require("./services/generateFormContentUtils");
 const react_1 = __importDefault(require("react"));
-const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, }) => {
+const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
     const generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
         containerComponent: container,
         formElements,
@@ -20,6 +20,8 @@ const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, b
         fields,
         containerOptions,
         buttonComponent,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
     });
     const formikForm = (react_1.default.createElement(formikForm_1.FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
         generateFormContentUtils.createFormContent(),

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

@@ -1 +1 @@
-{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":";;;;;;AAAA,wBAAsB;AACtB,wBAAsB;AAEtB,8CAA2C;AAC3C,6CAA0C;AAC1C,kFAA+E;AAE/E,kDAA0B;AAEnB,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,8DAAG,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,mDAAwB,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,8BAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QACjE,wBAAwB,CAAC,iBAAiB,EAAE;QAC7C,8BAAC,eAAM,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;AA9CW,QAAA,cAAc,kBA8CzB"}
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":";;;;;;AAAA,wBAAsB;AACtB,wBAAsB;AAEtB,8CAA2C;AAC3C,6CAA0C;AAC1C,kFAA+E;AAE/E,kDAA0B;AAEnB,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,8DAAG,QAAQ,CAAI,EAC7C,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,GAAG,KAAK,EACjC,iBAAiB,GAAG,KAAK,EACzB,uBAAuB,EACvB,0BAA0B,GACV,EAAE,EAAE;IACpB,MAAM,wBAAwB,GAAG,IAAI,mDAAwB,CAAC;QAC5D,kBAAkB,EAAE,SAAS;QAC7B,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,gBAAgB;QAChB,MAAM;QACN,gBAAgB;QAChB,eAAe;QACf,iCAAiC,EAAE,uBAAuB;QAC1D,oCAAoC,EAAE,0BAA0B;KACjE,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CACjB,8BAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QACjE,wBAAwB,CAAC,iBAAiB,EAAE;QAC7C,8BAAC,eAAM,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;AAlDW,QAAA,cAAc,kBAkDzB"}

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

@@ -1,8 +1,7 @@
-import { ArrayField, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
-import { IButton } from "./elements/button/_type";
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions, LabelOptions } from "../types";
 import { IField } from "./elements/field";
 export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
-export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
+export interface INvsDynamicForm extends Omit<IField, "field"> {
     onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
     fields: Array<FieldType>;
     formClass?: string;
@@ -13,10 +12,14 @@ export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
     containerVisible?: boolean;
     useContainersOutsideGroup?: boolean;
     useGroupContainer?: boolean;
+    buttonComponent: React.FC<any>;
     submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
     submitButtonVisible?: boolean;
     submitButtonLabel?: string;
     submitButtonPosition?: "left" | "center" | "right";
     submitButtonIsFullWidth?: boolean;
     submitButtonContainerClass?: string;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+    labelDefaultOptions?: LabelOptions;
 }

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

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

package/dist/cjs/nvs-dynamic-form/elements/arrayField/_template.js

@@ -1,13 +1,38 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.ArrayField = void 0;
+const lodash = __importStar(require("lodash"));
+const types_1 = require("../../../types");
+const react_1 = __importStar(require("react"));
 const formik_1 = require("formik");
 const generateFormContentUtils_1 = require("../../services/generateFormContentUtils");
-const react_1 = __importDefault(require("react"));
-const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, }) => {
+const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, labelDefaultOptions, }) => {
+    const [addButtonOptions] = (0, react_1.useState)(new types_1.ArrayFieldAddButton(lodash.merge(addButtonDefaultOptions ?? {}, arrayField.addButtonOptions ?? {})));
+    const [removeButtonOptions] = (0, react_1.useState)(new types_1.ArrayFieldRemoveButton(lodash.merge(removeButtonDefaultOptions ?? {}, arrayField.removeButtonOptions ?? {})));
+    const [labelOptions] = (0, react_1.useState)(new types_1.LabelOptions(lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {})));
     const generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
         containerComponent,
         formElements,
@@ -15,6 +40,8 @@ const ArrayField = ({ field: arrayField, formElements, containerComponent, conta
         useGroupContainer,
         containerVisible: containerVisible,
         fields: arrayField.fields,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
     });
     const createArrayItem = (name, index) => {
         return arrayField.fields.map((field) => ({
@@ -37,24 +64,29 @@ const ArrayField = ({ field: arrayField, formElements, containerComponent, conta
         return (react_1.default.createElement("div", { className: "nvs-col-12" },
             react_1.default.createElement(ButtonComponent, { onClick: () => {
                     onRemoveItem();
-                }, type: "button" }, arrayField.removeButtonOptions?.label)));
+                }, type: "button", ...removeButtonOptions.options }, removeButtonOptions.label)));
     };
     const createArrayItemRemoveButton = (onRemoveItem) => {
         return (react_1.default.createElement("div", { className: "df-array-field-remove-button" }, generateFormContentUtils.createContentContainer(createRemoveButton(onRemoveItem))));
     };
     const createFieldArrayContent = (onRemoveItem, index) => {
-        return (react_1.default.createElement("div", { className: `df-array-field remove-button-${arrayField.removeButtonOptions?.position}`, key: index },
+        return (react_1.default.createElement("div", { className: `df-array-field remove-button-${removeButtonOptions.position}`, key: index },
             createArrayFields(index),
             createArrayItemRemoveButton(() => onRemoveItem(index))));
     };
     const createAddButton = (onAddItem) => {
         return (react_1.default.createElement("div", { className: "df-array-field-add-button" },
-            react_1.default.createElement(ButtonComponent, { onClick: () => onAddItem(getDefaultItem()), type: "button" }, arrayField.addButtonOptions?.label)));
+            react_1.default.createElement(ButtonComponent, { onClick: () => onAddItem(getDefaultItem()), type: "button", ...addButtonOptions.options }, addButtonOptions.label)));
     };
     const createArrayItemAddButton = (onAddItem) => {
         return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
     };
+    const createArrayFieldLabel = () => {
+        return generateFormContentUtils.createContentContainer(react_1.default.createElement("div", { className: "nvs-col-12" },
+            react_1.default.createElement("label", { className: `df-array-field-label ${labelOptions.class}` }, arrayField.label)));
+    };
     return (react_1.default.createElement(formik_1.FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (react_1.default.createElement(react_1.default.Fragment, null,
+        arrayField.label && createArrayFieldLabel(),
         form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
         createArrayItemAddButton(push)))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/arrayField/_template.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;AAEjC,0CAIwB;AACxB,+CAAwC;AAExC,mCAAoC;AACpC,sFAAmF;AAG5E,MAAM,UAAU,GAA0B,CAAC,EAChD,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,EAAE,eAAe,EAChC,uBAAuB,EACvB,0BAA0B,EAC1B,mBAAmB,GACP,EAAE,EAAE;IAChB,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EACjC,IAAI,2BAAmB,CACrB,MAAM,CAAC,KAAK,CACV,uBAAuB,IAAI,EAAE,EAC7B,UAAU,CAAC,gBAAgB,IAAI,EAAE,CAClC,CACF,CACF,CAAC;IACF,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACpC,IAAI,8BAAsB,CACxB,MAAM,CAAC,KAAK,CACV,0BAA0B,IAAI,EAAE,EAChC,UAAU,CAAC,mBAAmB,IAAI,EAAE,CACrC,CACF,CACF,CAAC;IACF,MAAM,CAAC,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAC7B,IAAI,oBAAY,CACd,MAAM,CAAC,KAAK,CAAC,mBAAmB,IAAI,EAAE,EAAE,UAAU,CAAC,YAAY,IAAI,EAAE,CAAC,CACvE,CACF,CAAC;IACF,MAAM,wBAAwB,GAAG,IAAI,mDAAwB,CAAC;QAC5D,kBAAkB;QAClB,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,gBAAgB,EAAE,gBAAgB;QAClC,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,iCAAiC,EAAE,uBAAuB;QAC1D,oCAAoC,EAAE,0BAA0B;KACjE,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;QACtD,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACvC,GAAG,KAAK;YACR,EAAE,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,EAAE;SACpC,CAAC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAA2B,EAAE,KAAK,EAAE,EAAE;YACrE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;YACnC,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,OAAO,CACL,uCAAK,SAAS,EAAC,wBAAwB;YACrC,uCAAK,SAAS,EAAC,qBAAqB;gBAClC,uCAAK,SAAS,EAAC,SAAS,IACrB,wBAAwB,CAAC,kBAAkB,CAC1C,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CACtC,CACG,CACF,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,YAAsB,EAAE,EAAE;QACpD,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;YACzB,8BAAC,eAAe,IACd,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,EAAE,CAAC;gBACjB,CAAC,EACD,IAAI,EAAC,QAAQ,KACT,mBAAmB,CAAC,OAAO,IAE9B,mBAAmB,CAAC,KAAK,CACV,CACd,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,YAAsB,EAAE,EAAE;QAC7D,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B,IAC1C,wBAAwB,CAAC,sBAAsB,CAC9C,kBAAkB,CAAC,YAAY,CAAC,CACjC,CACG,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAC9B,YAAqC,EACrC,KAAa,EACb,EAAE;QACF,OAAO,CACL,uCACE,SAAS,EAAE,gCAAgC,mBAAmB,CAAC,QAAQ,EAAE,EACzE,GAAG,EAAE,KAAK;YAET,iBAAiB,CAAC,KAAK,CAAC;YACxB,2BAA2B,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CACnD,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,SAAmB,EAAE,EAAE;QAC9C,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;YACxC,8BAAC,eAAe,IACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,EAC1C,IAAI,EAAC,QAAQ,KACT,gBAAgB,CAAC,OAAO,IAE3B,gBAAgB,CAAC,KAAK,CACP,CACd,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,SAAmB,EAAE,EAAE;QACvD,OAAO,wBAAwB,CAAC,sBAAsB,CACpD,eAAe,CAAC,SAAS,CAAC,CAC3B,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,OAAO,wBAAwB,CAAC,sBAAsB,CACpD,uCAAK,SAAS,EAAC,YAAY;YACzB,yCAAO,SAAS,EAAE,wBAAwB,YAAY,CAAC,KAAK,EAAE,IAC3D,UAAU,CAAC,KAAK,CACX,CACJ,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAU,IAAC,IAAI,EAAE,UAAU,CAAC,EAAE,IAC5B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC3B;QACG,UAAU,CAAC,KAAK,IAAI,qBAAqB,EAAE;QAC3C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE,CACzD,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,CACvC;QACA,wBAAwB,CAAC,IAAI,CAAC,CAC9B,CACJ,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AA5JW,QAAA,UAAU,cA4JrB"}

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

@@ -1,4 +1,4 @@
-import { ArrayField } from "../../../types";
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions } from "../../../types";
 import { IField } from "../field";
 export interface IArrayField extends IField {
     field: ArrayField;
@@ -7,4 +7,7 @@ export interface IArrayField extends IField {
     containerVisible: boolean;
     useContainersOutsideGroup: boolean;
     useGroupContainer: boolean;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+    labelDefaultOptions?: LabelOptions;
 }

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

@@ -1,3 +1,4 @@
+import { ArrayFieldAddButton, LabelOptions } from "../../types";
 import { FieldType } from "../_type";
 import { IFormElement } from "../elements/field";
 import React from "react";
@@ -11,7 +12,10 @@ export declare class GenerateFormContentUtils {
     private readonly fields;
     private readonly containerOptions;
     private readonly buttonComponent?;
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, }: {
+    private readonly fieldArrayAddButtonDefaultOptions;
+    private readonly fieldArrayRemoveButtonDefaultOptions;
+    private readonly labelDefaultOptions;
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
         containerComponent: React.FC<any>;
         formElements: IFormElement;
         useContainersOutsideGroup: boolean;
@@ -22,6 +26,9 @@ export declare class GenerateFormContentUtils {
         containerOptions?: {
             [key: string]: any;
         };
+        fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
+        fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
+        labelDefaultOptions?: LabelOptions;
     });
     createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
     createFormContent(): React.JSX.Element;

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

@@ -11,15 +11,20 @@ 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, }) {
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
         this.containerComponent = containerComponent;
         this.formElements = formElements;
         this.useContainersOutsideGroup = useContainersOutsideGroup;
         this.useGroupContainer = useGroupContainer;
         this.containerVisible = containerVisible;
         this.fields = fields;
-        this.containerOptions = containerOptions || {};
+        this.containerOptions = containerOptions ?? {};
         this.buttonComponent = buttonComponent;
+        this.fieldArrayAddButtonDefaultOptions =
+            fieldArrayAddButtonDefaultOptions ?? {};
+        this.fieldArrayRemoveButtonDefaultOptions =
+            fieldArrayRemoveButtonDefaultOptions ?? {};
+        this.labelDefaultOptions = labelDefaultOptions ?? {};
     }
     createContainer(content, containerProps) {
         return (react_1.default.createElement(container_1.Container, { containerComponent: this.containerComponent, options: containerProps }, content));
@@ -76,7 +81,7 @@ class GenerateFormContentUtils {
         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 }));
+        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 }));
     }
     isSingleField(field) {
         return !(field instanceof types_1.GroupField &&

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

@@ -1 +1 @@
-{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAMqB;AAErB,uDAAyE;AACzE,qDAAkD;AAClD,6CAA0C;AAE1C,uDAAyE;AAEzE,kDAA0B;AAG1B,MAAa,wBAAwB;IAanC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,iCAAiC,EACjC,oCAAoC,EACpC,mBAAmB,GAapB;QACC,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;QAC3D,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,IAAI,EAAE,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,iCAAiC;YACpC,iCAAiC,IAAI,EAAE,CAAC;QAC1C,IAAI,CAAC,oCAAoC;YACvC,oCAAoC,IAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,IAAI,EAAE,CAAC;IACvD,CAAC;IAED,eAAe,CAAC,OAAkB,EAAE,cAAsB;QACxD,OAAO,CACL,8BAAC,qBAAS,IACR,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,OAAO,EAAE,cAAc,IAEtB,OAAO,CACE,CACb,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACvD,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAErD,IAAI,WAAW,CAAC;QAChB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,yBAAyB,IAAI,YAAY;YACzE,WAAW,GAAG,CACZ;gBACG,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;gBACzD,WAAW,CACX,CACJ,CAAC;;YAEF,WAAW,GAAG,IAAI,CAAC,eAAe,CAChC;gBACG,YAAY;gBACZ,WAAW,CACX,CACJ,CAAC;QAEJ,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,kBAAkB,CAAC,MAAwB;QACzC,MAAM,cAAc,GAAG,EAAE,CAAC;QAC1B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,KAAK,YAAY,kBAAU;gBAC7B,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;iBACtD,IAAI,KAAK,YAAY,kBAAU;gBAClC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;;gBACtD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,sBAAsB,CAAC,YAAuB;QAC5C,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;YAClC,uCAAK,SAAS,EAAC,SAAS,IAAE,YAAY,CAAO,CACzC,CACP,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,CAAC;IAEO,0BAA0B;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,OAAO,CACL,YAAY,CAAC,MAAM,GAAG,CAAC;YACvB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CACnE,CAAC;IACJ,CAAC;IAEO,yBAAyB;QAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;IAEO,wBAAwB,CAAC,KAAyB;QACxD,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,GAAI,CACxE,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAAC,KAAiB;QAC/C,OAAO,CACL,8BAAC,uBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,GACvC,CACH,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAAC,KAAiB;QAC/C,OAAO,CACL,8BAAC,uBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,eAAe,EAAE,IAAI,CAAC,eAAgB,EACtC,uBAAuB,EAAE,IAAI,CAAC,iCAAiC,EAC/D,0BAA0B,EAAE,IAAI,CAAC,oCAAoC,EACrE,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,GAC7C,CACH,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,KAAgB;QACpC,OAAO,CAAC,CACN,KAAK,YAAY,kBAAU;YAC3B,KAAK,CAAC,gBAAgB;YACtB,IAAI,CAAC,iBAAiB;YACtB,IAAI,CAAC,gBAAgB,CACtB,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,WAAsB;QAC5C,OAAO,uCAAK,SAAS,EAAC,eAAe,IAAE,WAAW,CAAO,CAAC;IAC5D,CAAC;CACF;AAlLD,4DAkLC"}

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

@@ -1,5 +1,6 @@
 import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
 import { FieldBase } from "./field-base.type";
+import { LabelOptions } from "./label-options.type";
 export declare class ArrayField<ValueType = {
     [key: string]: any;
 }> {
@@ -9,5 +10,7 @@ export declare class ArrayField<ValueType = {
     addButtonOptions?: ArrayFieldAddButton;
     removeButtonOptions?: ArrayFieldRemoveButton;
     defaultValues?: Array<ValueType>;
+    label?: string;
+    labelOptions?: LabelOptions;
     constructor(options: ArrayField<ValueType>);
 }

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

@@ -1,15 +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.addButtonOptions = options.addButtonOptions ?? {};
+        this.removeButtonOptions = options.removeButtonOptions ?? {};
         this.defaultValues = options.defaultValues ?? [];
+        this.label = options.label;
+        this.labelOptions = options.labelOptions ?? {};
     }
 }
 exports.ArrayField = ArrayField;

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

@@ -1 +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"}
+{"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.d.ts

@@ -4,3 +4,5 @@ export * from "./dynamic-object.type";
 export * from "./submit-button-default-options.type";
 export * from "./group-field.type";
 export * from "./array-field.type";
+export * from "./array-field-action-button.type";
+export * from "./label-options.type";

package/dist/cjs/types/index.js

@@ -20,4 +20,6 @@ __exportStar(require("./dynamic-object.type"), exports);
 __exportStar(require("./submit-button-default-options.type"), exports);
 __exportStar(require("./group-field.type"), exports);
 __exportStar(require("./array-field.type"), exports);
+__exportStar(require("./array-field-action-button.type"), exports);
+__exportStar(require("./label-options.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,uEAAqD;AACrD,qDAAmC;AACnC,qDAAmC"}
+{"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"}

package/dist/cjs/types/label-options.type.d.ts

@@ -0,0 +1,4 @@
+export declare class LabelOptions {
+    class?: string;
+    constructor(options: LabelOptions);
+}

package/dist/cjs/types/label-options.type.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelOptions = void 0;
+class LabelOptions {
+    constructor(options) {
+        this.class = options.class ?? "";
+    }
+}
+exports.LabelOptions = LabelOptions;
+//# sourceMappingURL=label-options.type.js.map

package/dist/cjs/types/label-options.type.js.map

@@ -0,0 +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"}

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

@@ -43,3 +43,8 @@
   width: 100%;
   padding: 0 4px;
 }
+
+.df-array-field-label {
+  font-size: 16px;
+  font-weight: 500;
+}

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

@@ -2,4 +2,4 @@ import "nvs-flexgrid";
 import "./_style.css";
 import { INvsDynamicForm } from "./_type";
 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;
+export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;

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

@@ -4,7 +4,7 @@ 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, }) => {
+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, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
     const generateFormContentUtils = new GenerateFormContentUtils({
         containerComponent: container,
         formElements,
@@ -14,6 +14,8 @@ export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formC
         fields,
         containerOptions,
         buttonComponent,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
     });
     const formikForm = (React.createElement(FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
         generateFormContentUtils.createFormContent(),

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":"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"}
+{"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,EACzB,uBAAuB,EACvB,0BAA0B,GACV,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;QACf,iCAAiC,EAAE,uBAAuB;QAC1D,oCAAoC,EAAE,0BAA0B;KACjE,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,7 @@
-import { ArrayField, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
-import { IButton } from "./elements/button/_type";
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions, LabelOptions } from "../types";
 import { IField } from "./elements/field";
 export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
-export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
+export interface INvsDynamicForm extends Omit<IField, "field"> {
     onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
     fields: Array<FieldType>;
     formClass?: string;
@@ -13,10 +12,14 @@ export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
     containerVisible?: boolean;
     useContainersOutsideGroup?: boolean;
     useGroupContainer?: boolean;
+    buttonComponent: React.FC<any>;
     submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
     submitButtonVisible?: boolean;
     submitButtonLabel?: string;
     submitButtonPosition?: "left" | "center" | "right";
     submitButtonIsFullWidth?: boolean;
     submitButtonContainerClass?: string;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+    labelDefaultOptions?: LabelOptions;
 }

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

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

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

@@ -1,7 +1,12 @@
+import * as lodash from "lodash";
+import { ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions, } from "../../../types";
+import React, { useState } from "react";
 import { FieldArray } from "formik";
 import { GenerateFormContentUtils } from "../../services/generateFormContentUtils";
-import React from "react";
-export const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, }) => {
+export const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, labelDefaultOptions, }) => {
+    const [addButtonOptions] = useState(new ArrayFieldAddButton(lodash.merge(addButtonDefaultOptions ?? {}, arrayField.addButtonOptions ?? {})));
+    const [removeButtonOptions] = useState(new ArrayFieldRemoveButton(lodash.merge(removeButtonDefaultOptions ?? {}, arrayField.removeButtonOptions ?? {})));
+    const [labelOptions] = useState(new LabelOptions(lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {})));
     const generateFormContentUtils = new GenerateFormContentUtils({
         containerComponent,
         formElements,
@@ -9,6 +14,8 @@ export const ArrayField = ({ field: arrayField, formElements, containerComponent
         useGroupContainer,
         containerVisible: containerVisible,
         fields: arrayField.fields,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
     });
     const createArrayItem = (name, index) => {
         return arrayField.fields.map((field) => ({
@@ -31,24 +38,29 @@ export const ArrayField = ({ field: arrayField, formElements, containerComponent
         return (React.createElement("div", { className: "nvs-col-12" },
             React.createElement(ButtonComponent, { onClick: () => {
                     onRemoveItem();
-                }, type: "button" }, arrayField.removeButtonOptions?.label)));
+                }, type: "button", ...removeButtonOptions.options }, removeButtonOptions.label)));
     };
     const createArrayItemRemoveButton = (onRemoveItem) => {
         return (React.createElement("div", { className: "df-array-field-remove-button" }, generateFormContentUtils.createContentContainer(createRemoveButton(onRemoveItem))));
     };
     const createFieldArrayContent = (onRemoveItem, index) => {
-        return (React.createElement("div", { className: `df-array-field remove-button-${arrayField.removeButtonOptions?.position}`, key: index },
+        return (React.createElement("div", { className: `df-array-field remove-button-${removeButtonOptions.position}`, key: index },
             createArrayFields(index),
             createArrayItemRemoveButton(() => onRemoveItem(index))));
     };
     const createAddButton = (onAddItem) => {
         return (React.createElement("div", { className: "df-array-field-add-button" },
-            React.createElement(ButtonComponent, { onClick: () => onAddItem(getDefaultItem()), type: "button" }, arrayField.addButtonOptions?.label)));
+            React.createElement(ButtonComponent, { onClick: () => onAddItem(getDefaultItem()), type: "button", ...addButtonOptions.options }, addButtonOptions.label)));
     };
     const createArrayItemAddButton = (onAddItem) => {
         return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
     };
+    const createArrayFieldLabel = () => {
+        return generateFormContentUtils.createContentContainer(React.createElement("div", { className: "nvs-col-12" },
+            React.createElement("label", { className: `df-array-field-label ${labelOptions.class}` }, arrayField.label)));
+    };
     return (React.createElement(FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (React.createElement(React.Fragment, null,
+        arrayField.label && createArrayFieldLabel(),
         form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
         createArrayItemAddButton(push)))));
 };

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

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

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

@@ -1,4 +1,4 @@
-import { ArrayField } from "../../../types";
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, LabelOptions } from "../../../types";
 import { IField } from "../field";
 export interface IArrayField extends IField {
     field: ArrayField;
@@ -7,4 +7,7 @@ export interface IArrayField extends IField {
     containerVisible: boolean;
     useContainersOutsideGroup: boolean;
     useGroupContainer: boolean;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+    labelDefaultOptions?: LabelOptions;
 }

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

@@ -1,3 +1,4 @@
+import { ArrayFieldAddButton, LabelOptions } from "../../types";
 import { FieldType } from "../_type";
 import { IFormElement } from "../elements/field";
 import React from "react";
@@ -11,7 +12,10 @@ export declare class GenerateFormContentUtils {
     private readonly fields;
     private readonly containerOptions;
     private readonly buttonComponent?;
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, }: {
+    private readonly fieldArrayAddButtonDefaultOptions;
+    private readonly fieldArrayRemoveButtonDefaultOptions;
+    private readonly labelDefaultOptions;
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
         containerComponent: React.FC<any>;
         formElements: IFormElement;
         useContainersOutsideGroup: boolean;
@@ -22,6 +26,9 @@ export declare class GenerateFormContentUtils {
         containerOptions?: {
             [key: string]: any;
         };
+        fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
+        fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
+        labelDefaultOptions?: LabelOptions;
     });
     createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
     createFormContent(): React.JSX.Element;

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

@@ -1,19 +1,24 @@
-import { ArrayField, GroupField } from "../../types";
+import { ArrayField, GroupField, } from "../../types";
 import { ArrayField as ArrayFieldElement } from "../elements/arrayField";
 import { Container } from "../elements/container";
 import { Field } from "../elements/field";
 import { GroupField as GroupFieldElement } from "../elements/groupField";
 import React from "react";
 export class GenerateFormContentUtils {
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, }) {
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
         this.containerComponent = containerComponent;
         this.formElements = formElements;
         this.useContainersOutsideGroup = useContainersOutsideGroup;
         this.useGroupContainer = useGroupContainer;
         this.containerVisible = containerVisible;
         this.fields = fields;
-        this.containerOptions = containerOptions || {};
+        this.containerOptions = containerOptions ?? {};
         this.buttonComponent = buttonComponent;
+        this.fieldArrayAddButtonDefaultOptions =
+            fieldArrayAddButtonDefaultOptions ?? {};
+        this.fieldArrayRemoveButtonDefaultOptions =
+            fieldArrayRemoveButtonDefaultOptions ?? {};
+        this.labelDefaultOptions = labelDefaultOptions ?? {};
     }
     createContainer(content, containerProps) {
         return (React.createElement(Container, { containerComponent: this.containerComponent, options: containerProps }, content));
@@ -70,7 +75,7 @@ export class GenerateFormContentUtils {
         return (React.createElement(GroupFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible }));
     }
     createArrayFieldElement(field) {
-        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 }));
+        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 }));
     }
     isSingleField(field) {
         return !(field instanceof GroupField &&

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

@@ -1 +1 @@
-{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,OAAO,wBAAwB;IAUnC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,eAAe,GAUhB;QACC,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;QAC3D,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,IAAI,EAAE,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IAED,eAAe,CAAC,OAAkB,EAAE,cAAsB;QACxD,OAAO,CACL,oBAAC,SAAS,IACR,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,OAAO,EAAE,cAAc,IAEtB,OAAO,CACE,CACb,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACvD,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAErD,IAAI,WAAW,CAAC;QAChB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,yBAAyB,IAAI,YAAY;YACzE,WAAW,GAAG,CACZ;gBACG,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;gBACzD,WAAW,CACX,CACJ,CAAC;;YAEF,WAAW,GAAG,IAAI,CAAC,eAAe,CAChC;gBACG,YAAY;gBACZ,WAAW,CACX,CACJ,CAAC;QAEJ,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,kBAAkB,CAAC,MAAwB;QACzC,MAAM,cAAc,GAAG,EAAE,CAAC;QAC1B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,KAAK,YAAY,UAAU;gBAC7B,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;iBACtD,IAAI,KAAK,YAAY,UAAU;gBAClC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;;gBACtD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,sBAAsB,CAAC,YAAuB;QAC5C,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;YAClC,6BAAK,SAAS,EAAC,SAAS,IAAE,YAAY,CAAO,CACzC,CACP,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,CAAC;IAEO,0BAA0B;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,OAAO,CACL,YAAY,CAAC,MAAM,GAAG,CAAC;YACvB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CACnE,CAAC;IACJ,CAAC;IAEO,yBAAyB;QAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;IAEO,wBAAwB,CAAC,KAAyB;QACxD,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,GAAI,CACxE,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAAC,KAAiB;QAC/C,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,GACvC,CACH,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAAC,KAAiB;QAC/C,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,eAAe,EAAE,IAAI,CAAC,eAAgB,GACtC,CACH,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,KAAgB;QACpC,OAAO,CAAC,CACN,KAAK,YAAY,UAAU;YAC3B,KAAK,CAAC,gBAAgB;YACtB,IAAI,CAAC,iBAAiB;YACtB,IAAI,CAAC,gBAAgB,CACtB,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,WAAsB;QAC5C,OAAO,6BAAK,SAAS,EAAC,eAAe,IAAE,WAAW,CAAO,CAAC;IAC5D,CAAC;CACF"}
+{"version":3,"file":"generateFormContentUtils.js","sourceRoot":"","sources":["../../../../lib/nvs-dynamic-form/services/generateFormContentUtils.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
 import { FieldBase } from "./field-base.type";
+import { LabelOptions } from "./label-options.type";
 export declare class ArrayField<ValueType = {
     [key: string]: any;
 }> {
@@ -9,5 +10,7 @@ export declare class ArrayField<ValueType = {
     addButtonOptions?: ArrayFieldAddButton;
     removeButtonOptions?: ArrayFieldRemoveButton;
     defaultValues?: Array<ValueType>;
+    label?: string;
+    labelOptions?: LabelOptions;
     constructor(options: ArrayField<ValueType>);
 }

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

@@ -1,12 +1,13 @@
-import { ArrayFieldAddButton, ArrayFieldRemoveButton, } from "./array-field-action-button.type";
 export class ArrayField {
     constructor(options) {
         this.fieldType = "fieldArray";
         this.id = options.id;
         this.fields = options.fields ?? [];
-        this.addButtonOptions = new ArrayFieldAddButton(options.addButtonOptions ?? {});
-        this.removeButtonOptions = new ArrayFieldRemoveButton(options.removeButtonOptions ?? {});
+        this.addButtonOptions = options.addButtonOptions ?? {};
+        this.removeButtonOptions = options.removeButtonOptions ?? {};
         this.defaultValues = options.defaultValues ?? [];
+        this.label = options.label;
+        this.labelOptions = options.labelOptions ?? {};
     }
 }
 //# sourceMappingURL=array-field.type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"array-field.type.js","sourceRoot":"","sources":["../../../lib/types/array-field.type.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,kCAAkC,CAAC;AAI1C,MAAM,OAAO,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,mBAAmB,CAC7C,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAC/B,CAAC;QACF,IAAI,CAAC,mBAAmB,GAAG,IAAI,sBAAsB,CACnD,OAAO,CAAC,mBAAmB,IAAI,EAAE,CAClC,CAAC;QACF,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;IACnD,CAAC;CACF"}
+{"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.d.ts

@@ -4,3 +4,5 @@ export * from "./dynamic-object.type";
 export * from "./submit-button-default-options.type";
 export * from "./group-field.type";
 export * from "./array-field.type";
+export * from "./array-field-action-button.type";
+export * from "./label-options.type";

package/dist/esm/types/index.js

@@ -4,4 +4,6 @@ export * from "./dynamic-object.type";
 export * from "./submit-button-default-options.type";
 export * from "./group-field.type";
 export * from "./array-field.type";
+export * from "./array-field-action-button.type";
+export * from "./label-options.type";
 //# sourceMappingURL=index.js.map

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

@@ -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"}
+{"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"}

package/dist/esm/types/label-options.type.d.ts

@@ -0,0 +1,4 @@
+export declare class LabelOptions {
+    class?: string;
+    constructor(options: LabelOptions);
+}

package/dist/esm/types/label-options.type.js

@@ -0,0 +1,6 @@
+export class LabelOptions {
+    constructor(options) {
+        this.class = options.class ?? "";
+    }
+}
+//# sourceMappingURL=label-options.type.js.map

package/dist/esm/types/label-options.type.js.map

@@ -0,0 +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"}

package/lib/nvs-dynamic-form/_stories.tsx

@@ -323,12 +323,9 @@ export const FieldArray: { args: INvsDynamicForm; name: string } = {
       }),
       new ArrayField({
         id: "addresses",
-        removeButtonOptions: {
-          label: "-",
-          position: "right",
-        },
+        label: "Addresses",
         addButtonOptions: {
-          label: "+",
+          label: "Add Address",
         },
         defaultValues: [
           { cityName: "İzmir", districtName: "Göztepe" },

package/lib/nvs-dynamic-form/_style.css

@@ -43,3 +43,8 @@
   width: 100%;
   padding: 0 4px;
 }
+
+.df-array-field-label {
+  font-size: 16px;
+  font-weight: 500;
+}

package/lib/nvs-dynamic-form/_template.tsx

@@ -24,6 +24,8 @@ export const NvsDynamicForm = ({
   containerOptions = {},
   useContainersOutsideGroup = false,
   useGroupContainer = false,
+  addButtonDefaultOptions,
+  removeButtonDefaultOptions,
 }: INvsDynamicForm) => {
   const generateFormContentUtils = new GenerateFormContentUtils({
     containerComponent: container,
@@ -34,6 +36,8 @@ export const NvsDynamicForm = ({
     fields,
     containerOptions,
     buttonComponent,
+    fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+    fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
   });
 
   const formikForm = (

package/lib/nvs-dynamic-form/_type.tsx

@@ -1,16 +1,18 @@
 import {
   ArrayField,
+  ArrayFieldAddButton,
+  ArrayFieldRemoveButton,
   FieldBase,
   GroupField,
   ISubmitButtonDefaultOptions,
+  LabelOptions,
 } from "../types";
 
-import { IButton } from "./elements/button/_type";
 import { IField } from "./elements/field";
 
 export type FieldType = FieldBase<any> | GroupField | ArrayField<any>;
 
-export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
+export interface INvsDynamicForm extends Omit<IField, "field"> {
   onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
   fields: Array<FieldType>;
   formClass?: string;
@@ -19,10 +21,14 @@ export interface INvsDynamicForm extends IButton, Omit<IField, "field"> {
   containerVisible?: boolean;
   useContainersOutsideGroup?: boolean;
   useGroupContainer?: boolean;
+  buttonComponent: React.FC<any>;
   submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
   submitButtonVisible?: boolean;
   submitButtonLabel?: string;
   submitButtonPosition?: "left" | "center" | "right";
   submitButtonIsFullWidth?: boolean;
   submitButtonContainerClass?: string;
+  addButtonDefaultOptions?: ArrayFieldAddButton;
+  removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+  labelDefaultOptions?: LabelOptions;
 }

package/lib/nvs-dynamic-form/elements/arrayField/_template.tsx

@@ -1,7 +1,15 @@
+import * as lodash from "lodash";
+
+import {
+  ArrayFieldAddButton,
+  ArrayFieldRemoveButton,
+  LabelOptions,
+} from "../../../types";
+import React, { useState } from "react";
+
 import { FieldArray } from "formik";
 import { GenerateFormContentUtils } from "../../services/generateFormContentUtils";
 import { IArrayField } from "./_type";
-import React from "react";
 
 export const ArrayField: React.FC<IArrayField> = ({
   field: arrayField,
@@ -11,7 +19,31 @@ export const ArrayField: React.FC<IArrayField> = ({
   useContainersOutsideGroup,
   useGroupContainer,
   buttonComponent: ButtonComponent,
-}) => {
+  addButtonDefaultOptions,
+  removeButtonDefaultOptions,
+  labelDefaultOptions,
+}: IArrayField) => {
+  const [addButtonOptions] = useState(
+    new ArrayFieldAddButton(
+      lodash.merge(
+        addButtonDefaultOptions ?? {},
+        arrayField.addButtonOptions ?? {},
+      ),
+    ),
+  );
+  const [removeButtonOptions] = useState(
+    new ArrayFieldRemoveButton(
+      lodash.merge(
+        removeButtonDefaultOptions ?? {},
+        arrayField.removeButtonOptions ?? {},
+      ),
+    ),
+  );
+  const [labelOptions] = useState(
+    new LabelOptions(
+      lodash.merge(labelDefaultOptions ?? {}, arrayField.labelOptions ?? {}),
+    ),
+  );
   const generateFormContentUtils = new GenerateFormContentUtils({
     containerComponent,
     formElements,
@@ -19,6 +51,8 @@ export const ArrayField: React.FC<IArrayField> = ({
     useGroupContainer,
     containerVisible: containerVisible,
     fields: arrayField.fields,
+    fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+    fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
   });
 
   const createArrayItem = (name: string, index: number) => {
@@ -57,8 +91,9 @@ export const ArrayField: React.FC<IArrayField> = ({
             onRemoveItem();
           }}
           type="button"
+          {...removeButtonOptions.options}
         >
-          {arrayField.removeButtonOptions?.label}
+          {removeButtonOptions.label}
         </ButtonComponent>
       </div>
     );
@@ -80,7 +115,7 @@ export const ArrayField: React.FC<IArrayField> = ({
   ) => {
     return (
       <div
-        className={`df-array-field remove-button-${arrayField.removeButtonOptions?.position}`}
+        className={`df-array-field remove-button-${removeButtonOptions.position}`}
         key={index}
       >
         {createArrayFields(index)}
@@ -95,8 +130,9 @@ export const ArrayField: React.FC<IArrayField> = ({
         <ButtonComponent
           onClick={() => onAddItem(getDefaultItem())}
           type="button"
+          {...addButtonOptions.options}
         >
-          {arrayField.addButtonOptions?.label}
+          {addButtonOptions.label}
         </ButtonComponent>
       </div>
     );
@@ -108,10 +144,21 @@ export const ArrayField: React.FC<IArrayField> = ({
     );
   };
 
+  const createArrayFieldLabel = () => {
+    return generateFormContentUtils.createContentContainer(
+      <div className="nvs-col-12">
+        <label className={`df-array-field-label ${labelOptions.class}`}>
+          {arrayField.label}
+        </label>
+      </div>,
+    );
+  };
+
   return (
     <FieldArray name={arrayField.id}>
       {({ push, remove, form }) => (
         <>
+          {arrayField.label && createArrayFieldLabel()}
           {form.values[arrayField.id]?.map((_: any, index: number) =>
             createFieldArrayContent(remove, index),
           )}

package/lib/nvs-dynamic-form/elements/arrayField/_type.tsx

@@ -1,4 +1,10 @@
-import { ArrayField } from "../../../types";
+import {
+  ArrayField,
+  ArrayFieldAddButton,
+  ArrayFieldRemoveButton,
+  LabelOptions,
+} from "../../../types";
+
 import { IField } from "../field";
 
 export interface IArrayField extends IField {
@@ -8,4 +14,7 @@ export interface IArrayField extends IField {
   containerVisible: boolean;
   useContainersOutsideGroup: boolean;
   useGroupContainer: boolean;
+  addButtonDefaultOptions?: ArrayFieldAddButton;
+  removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+  labelDefaultOptions?: LabelOptions;
 }

package/lib/nvs-dynamic-form/services/generateFormContentUtils.tsx

@@ -1,4 +1,10 @@
-import { ArrayField, FieldBase, GroupField } from "../../types";
+import {
+  ArrayField,
+  ArrayFieldAddButton,
+  FieldBase,
+  GroupField,
+  LabelOptions,
+} from "../../types";
 
 import { ArrayField as ArrayFieldElement } from "../elements/arrayField";
 import { Container } from "../elements/container";
@@ -18,6 +24,9 @@ export class GenerateFormContentUtils {
   private readonly fields: Array<FieldType>;
   private readonly containerOptions: { [key: string]: any };
   private readonly buttonComponent?: React.FC<any>;
+  private readonly fieldArrayAddButtonDefaultOptions: ArrayFieldAddButton;
+  private readonly fieldArrayRemoveButtonDefaultOptions: ArrayFieldAddButton;
+  private readonly labelDefaultOptions: LabelOptions;
 
   constructor({
     containerComponent,
@@ -28,6 +37,9 @@ export class GenerateFormContentUtils {
     fields,
     containerOptions,
     buttonComponent,
+    fieldArrayAddButtonDefaultOptions,
+    fieldArrayRemoveButtonDefaultOptions,
+    labelDefaultOptions,
   }: {
     containerComponent: React.FC<any>;
     formElements: IFormElement;
@@ -37,6 +49,9 @@ export class GenerateFormContentUtils {
     fields: Array<FieldType>;
     buttonComponent?: React.FC<any>;
     containerOptions?: { [key: string]: any };
+    fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
+    fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
+    labelDefaultOptions?: LabelOptions;
   }) {
     this.containerComponent = containerComponent;
     this.formElements = formElements;
@@ -44,8 +59,13 @@ export class GenerateFormContentUtils {
     this.useGroupContainer = useGroupContainer;
     this.containerVisible = containerVisible;
     this.fields = fields;
-    this.containerOptions = containerOptions || {};
+    this.containerOptions = containerOptions ?? {};
     this.buttonComponent = buttonComponent;
+    this.fieldArrayAddButtonDefaultOptions =
+      fieldArrayAddButtonDefaultOptions ?? {};
+    this.fieldArrayRemoveButtonDefaultOptions =
+      fieldArrayRemoveButtonDefaultOptions ?? {};
+    this.labelDefaultOptions = labelDefaultOptions ?? {};
   }
 
   createContainer(content: ReactNode, containerProps: object) {
@@ -154,6 +174,9 @@ export class GenerateFormContentUtils {
         useGroupContainer={this.useGroupContainer}
         containerVisible={this.containerVisible}
         buttonComponent={this.buttonComponent!}
+        addButtonDefaultOptions={this.fieldArrayAddButtonDefaultOptions}
+        removeButtonDefaultOptions={this.fieldArrayRemoveButtonDefaultOptions}
+        labelDefaultOptions={this.labelDefaultOptions}
       />
     );
   }

package/lib/types/array-field.type.tsx

@@ -4,6 +4,7 @@ import {
 } from "./array-field-action-button.type";
 
 import { FieldBase } from "./field-base.type";
+import { LabelOptions } from "./label-options.type";
 
 export class ArrayField<ValueType = { [key: string]: any }> {
   fieldType?: string = "fieldArray";
@@ -12,16 +13,16 @@ export class ArrayField<ValueType = { [key: string]: any }> {
   addButtonOptions?: ArrayFieldAddButton;
   removeButtonOptions?: ArrayFieldRemoveButton;
   defaultValues?: Array<ValueType>;
+  label?: string;
+  labelOptions?: LabelOptions;
 
   constructor(options: ArrayField<ValueType>) {
     this.id = options.id;
     this.fields = options.fields ?? [];
-    this.addButtonOptions = new ArrayFieldAddButton(
-      options.addButtonOptions ?? {},
-    );
-    this.removeButtonOptions = new ArrayFieldRemoveButton(
-      options.removeButtonOptions ?? {},
-    );
+    this.addButtonOptions = options.addButtonOptions ?? {};
+    this.removeButtonOptions = options.removeButtonOptions ?? {};
     this.defaultValues = options.defaultValues ?? [];
+    this.label = options.label;
+    this.labelOptions = options.labelOptions ?? {};
   }
 }

package/lib/types/index.tsx

@@ -4,3 +4,5 @@ export * from "./dynamic-object.type";
 export * from "./submit-button-default-options.type";
 export * from "./group-field.type";
 export * from "./array-field.type";
+export * from "./array-field-action-button.type";
+export * from "./label-options.type";

package/lib/types/label-options.type.tsx

@@ -0,0 +1,7 @@
+export class LabelOptions {
+  class?: string;
+
+  constructor(options: LabelOptions) {
+    this.class = options.class ?? "";
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvs-dynamic-form/react-core",
-  "version": "2.0.0",
+  "version": "2.2.1",
   "types": "dist/cjs/index.d.ts",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",