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

package/dist/cjs/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/cjs/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, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;

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

@@ -1,72 +1,34 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NvsDynamicForm = void 0;
 require("nvs-flexgrid");
 require("./_style.css");
-const Yup = __importStar(require("yup"));
-const formik_1 = require("formik");
-const react_1 = __importStar(require("react"));
-const field_1 = require("./elements/field");
-const submit_button_1 = require("./elements/submit-button");
-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] = (0, react_1.useState)(getDefaultValues());
-    const [validateSchema, setValidateSchema] = (0, react_1.useState)(getValidateSchema());
-    (0, react_1.useEffect)(() => {
-        setDefaultValues(getDefaultValues());
-        setValidateSchema(getValidateSchema());
-    }, [fields]);
-    const createFormElements = () => {
-        return fields.map((field) => (react_1.default.createElement(field_1.Field, { key: field.id, formElements: formElements, field: field })));
-    };
-    const createForm = () => (react_1.default.createElement(formik_1.Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
-        react_1.default.createElement("div", { className: "nvs-row" }, createFormElements()),
-        react_1.default.createElement(submit_button_1.SubmitButton, { submitButton: submitButton, submitButtonVisible: submitButtonVisible, submitButtonLabel: submitButtonLabel, submitButtonIsFullWidth: submitButtonIsFullWidth, submitButtonPosition: submitButtonPosition })));
-    const formik = (0, formik_1.useFormik)({
-        initialValues: defaultValues,
-        validationSchema: validateSchema,
-        onSubmit: async (values) => {
-            onSubmit && (await onSubmit(values));
-        },
+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, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
+    const generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
+        containerComponent: container,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerVisible,
+        fields,
+        containerOptions,
+        buttonComponent,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
     });
-    return react_1.default.createElement(formik_1.FormikProvider, { value: formik }, createForm());
+    const formikForm = (react_1.default.createElement(formikForm_1.FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
+        generateFormContentUtils.createFormContent(),
+        react_1.default.createElement(button_1.Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass })));
+    return containerVisible && !useContainersOutsideGroup
+        ? generateFormContentUtils.createContainer(formikForm, containerOptions)
+        : formikForm;
 };
 exports.NvsDynamicForm = NvsDynamicForm;
 //# sourceMappingURL=_template.js.map

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":"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"}
+{"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,24 @@
-import { FieldBase } from "../types";
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton, FieldBase, GroupField, ISubmitButtonDefaultOptions } from "../types";
 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 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;
+    buttonComponent: React.FC<any>;
+    submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
+    submitButtonVisible?: boolean;
+    submitButtonLabel?: string;
+    submitButtonPosition?: "left" | "center" | "right";
+    submitButtonIsFullWidth?: boolean;
+    submitButtonContainerClass?: string;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
 }

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,88 @@
+"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.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 ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
+    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 generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
+        containerComponent,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerVisible: containerVisible,
+        fields: arrayField.fields,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
+    });
+    const createArrayItem = (name, index) => {
+        return arrayField.fields.map((field) => ({
+            ...field,
+            id: `${name}[${index}].${field.id}`,
+        }));
+    };
+    const getDefaultItem = () => {
+        return arrayField.fields.reduce((acc, field) => {
+            acc[field.id] = field.defaultValue;
+            return acc;
+        }, {});
+    };
+    const createArrayFields = (index) => {
+        return (react_1.default.createElement("div", { className: "df-array-field-content" },
+            react_1.default.createElement("div", { className: "nvs-container-fluid" },
+                react_1.default.createElement("div", { className: "nvs-row" }, generateFormContentUtils.createFormElements(createArrayItem(arrayField.id, index))))));
+    };
+    const createRemoveButton = (onRemoveItem) => {
+        return (react_1.default.createElement("div", { className: "nvs-col-12" },
+            react_1.default.createElement(ButtonComponent, { onClick: () => {
+                    onRemoveItem();
+                }, 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-${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", ...addButtonOptions.options }, addButtonOptions.label)));
+    };
+    const createArrayItemAddButton = (onAddItem) => {
+        return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
+    };
+    return (react_1.default.createElement(formik_1.FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (react_1.default.createElement(react_1.default.Fragment, null,
+        form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
+        createArrayItemAddButton(push)))));
+};
+exports.ArrayField = ArrayField;
+//# sourceMappingURL=_template.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { ArrayField, ArrayFieldAddButton, ArrayFieldRemoveButton } from "../../../types";
+import { IField } from "../field";
+export interface IArrayField extends IField {
+    field: ArrayField;
+    buttonComponent: React.FC<any>;
+    containerComponent: React.FC<any>;
+    containerVisible: boolean;
+    useContainersOutsideGroup: boolean;
+    useGroupContainer: boolean;
+    addButtonDefaultOptions?: ArrayFieldAddButton;
+    removeButtonDefaultOptions?: ArrayFieldRemoveButton;
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { IButton } from "./_type";
+import React from "react";
+export declare const Button: ({ buttonComponent: ButtonComponent, visible, label, position, isFullWidth, containerClass, }: IButton) => React.JSX.Element;

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

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, }) => {
+    const getButtonPositionClass = (position) => {
+        const classes = {
+            left: "nvs-jc-start",
+            right: "nvs-jc-end",
+            center: "nvs-jc-center",
+        };
+        return classes[position];
+    };
+    const getSubmitButtonClasses = () => {
+        const buttonClasses = ["df-button"];
+        isFullWidth && buttonClasses.push("nvs-col-12");
+        return buttonClasses.join(" ");
+    };
+    return visible ? (react_1.default.createElement("div", { className: `nvs-container-fluid${containerClass ? ` ${containerClass}` : ""}` },
+        react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(position)}` },
+            react_1.default.createElement("div", { className: getSubmitButtonClasses() },
+                react_1.default.createElement(ButtonComponent, null, label))))) : (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.Button = Button;
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/button/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,MAAM,GAAG,CAAC,EACrB,eAAe,EAAE,eAAe,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,cAAc,GACN,EAAE,EAAE;IACZ,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,eAAe;SACxB,CAAC;QACF,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,aAAa,GAAG,CAAC,WAAW,CAAC,CAAC;QAEpC,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEhD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uCACE,SAAS,EAAE,sBAAsB,cAAc,CAAC,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAE7E,uCAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,QAAQ,CAAC,EAAE;YAC3D,uCAAK,SAAS,EAAE,sBAAsB,EAAE;gBACtC,8BAAC,eAAe,QAAE,KAAK,CAAmB,CACtC,CACF,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,MAAM,UAsCjB"}

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

@@ -0,0 +1,8 @@
+export interface IButton {
+    buttonComponent: React.FC<any>;
+    visible?: boolean;
+    label?: string;
+    position?: "left" | "center" | "right";
+    isFullWidth?: boolean;
+    containerClass?: string;
+}

package/dist/cjs/nvs-dynamic-form/elements/button/_type.js

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

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

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

package/dist/cjs/nvs-dynamic-form/elements/button/index.js

@@ -0,0 +1,19 @@
+"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);
+__exportStar(require("./_type"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { IContainer } from "./_type";
+import React from "react";
+export declare const Container: ({ containerComponent: CustomContainer, options, children, }: IContainer) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const react_1 = __importDefault(require("react"));
+const Container = ({ containerComponent: CustomContainer, options = {}, children, }) => {
+    return react_1.default.createElement(CustomContainer, { ...options }, children);
+};
+exports.Container = Container;
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/container/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,SAAS,GAAG,CAAC,EACxB,kBAAkB,EAAE,eAAe,EACnC,OAAO,GAAG,EAAE,EACZ,QAAQ,GACG,EAAE,EAAE;IACf,OAAO,8BAAC,eAAe,OAAK,OAAO,IAAG,QAAQ,CAAmB,CAAC;AACpE,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface IContainer {
+    containerComponent: React.FC<any>;
+    options?: {
+        [key: string]: any;
+    };
+    children?: ReactNode;
+}

package/dist/cjs/nvs-dynamic-form/elements/container/_type.js

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

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

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

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

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

package/dist/cjs/nvs-dynamic-form/elements/container/index.js

@@ -0,0 +1,19 @@
+"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("./_type"), exports);
+__exportStar(require("./_template"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +1,11 @@
 import { FieldBase } from "../../../types";
+export interface IFormElement {
+    [key: string]: {
+        component: React.FC<any>;
+        class: typeof FieldBase<any>;
+    };
+}
 export interface IField {
     field: FieldBase<unknown>;
-    formElements: {
-        [key: string]: {
-            component: React.FC<any>;
-            class: typeof FieldBase<any>;
-        };
-    };
+    formElements: IFormElement;
 }

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

@@ -0,0 +1,2 @@
+import { IGroupField } from "./_type";
+export declare const GroupField: ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, }: IGroupField) => import("react").JSX.Element | JSX.Element[];

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupField = void 0;
+const generateFormContentUtils_1 = require("../../services/generateFormContentUtils");
+const GroupField = ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, }) => {
+    const generateFormContentUtils = new generateFormContentUtils_1.GenerateFormContentUtils({
+        containerComponent,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerOptions: groupField.containerOptions,
+        containerVisible: containerVisible && groupField.containerVisible,
+        fields: groupField.fields.map((field) => {
+            field.id = `${groupField.id}.${field.id}`;
+            return field;
+        }),
+    });
+    const isContainerVisible = () => {
+        return groupField.containerVisible && useGroupContainer && containerVisible;
+    };
+    return isContainerVisible()
+        ? generateFormContentUtils.createFormContent()
+        : generateFormContentUtils.createFormElements(groupField.fields);
+};
+exports.GroupField = GroupField;
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/groupField/_template.tsx"],"names":[],"mappings":";;;AAAA,sFAAmF;AAG5E,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,GACL,EAAE,EAAE;IAChB,MAAM,wBAAwB,GAAG,IAAI,mDAAwB,CAAC;QAC5D,kBAAkB;QAClB,YAAY;QACZ,yBAAyB;QACzB,iBAAiB;QACjB,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;QAC7C,gBAAgB,EAAE,gBAAgB,IAAI,UAAU,CAAC,gBAAiB;QAClE,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACtC,KAAK,CAAC,EAAE,GAAG,GAAG,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;KACH,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,gBAAgB,IAAI,iBAAiB,IAAI,gBAAgB,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,kBAAkB,EAAE;QACzB,CAAC,CAAC,wBAAwB,CAAC,iBAAiB,EAAE;QAC9C,CAAC,CAAC,wBAAwB,CAAC,kBAAkB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC,CAAC;AA5BW,QAAA,UAAU,cA4BrB"}

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

@@ -0,0 +1,9 @@
+import { GroupField } from "../../../types";
+import { IField } from "../field";
+export interface IGroupField extends IField {
+    field: GroupField;
+    containerComponent: React.FC<any>;
+    containerVisible: boolean;
+    useContainersOutsideGroup: boolean;
+    useGroupContainer: boolean;
+}

package/dist/cjs/nvs-dynamic-form/elements/groupField/_type.js

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

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

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

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

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

package/dist/cjs/nvs-dynamic-form/elements/groupField/index.js

@@ -0,0 +1,19 @@
+"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("./_type"), exports);
+__exportStar(require("./_template"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { IFormikForm } from "./_type";
+export declare const FormikForm: ({ children, fields, onSubmit, formClass, }: IFormikForm) => React.JSX.Element;