@nvs-dynamic-form/react-core 1.2.4 → 1.3.1

package/dist/cjs/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./nvsDynamicForm";
+export * from "./nvs-dynamic-form";
 export * from "./types";

package/dist/cjs/index.js

@@ -14,6 +14,6 @@ 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("./nvsDynamicForm"), exports);
+__exportStar(require("./nvs-dynamic-form"), exports);
 __exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,0CAAwB"}

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

@@ -0,0 +1,72 @@
+"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.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));
+        },
+    });
+    return react_1.default.createElement(formik_1.FormikProvider, { value: formik }, createForm());
+};
+exports.NvsDynamicForm = NvsDynamicForm;
+//# sourceMappingURL=_template.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { FieldBase } from "../types";
+import { IField } from "./elements/field";
+import { ISubmitButton } from "./elements/submit-button/_type";
+export interface INvsDynamicForm extends ISubmitButton, Omit<IField, "field"> {
+    onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
+    fields: Array<FieldBase<unknown>>;
+    formClass?: string;
+}

package/dist/cjs/{nvsDynamicForm → nvs-dynamic-form}/_type.js.map

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

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

@@ -0,0 +1,3 @@
+import { IField } from "./_type";
+import React from "react";
+export declare const Field: ({ formElements, field: { fieldType, screenSize, defaultValue, ...fieldProps }, }: IField) => React.JSX.Element;

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = void 0;
+const react_1 = __importDefault(require("react"));
+const formik_1 = require("formik");
+const Field = ({ formElements, field: { fieldType, screenSize = 12, defaultValue, ...fieldProps }, }) => {
+    const [formikField, meta] = (0, formik_1.useField)({
+        id: fieldProps.id,
+        name: fieldProps.id,
+    });
+    const createFieldItemClass = () => {
+        const className = [];
+        if (typeof screenSize == "number")
+            className.push("nvs-col-" + screenSize);
+        else {
+            className.push("nvs-col-md-" + screenSize?.desktop);
+            if (screenSize?.tablet)
+                className.push("nvs-col-sm-" + screenSize.tablet);
+            if (screenSize?.mobile)
+                className.push("nvs-col-xs-" + screenSize.mobile);
+        }
+        return className.join(" ");
+    };
+    const Field = formElements[fieldType]?.component;
+    return Field ? (react_1.default.createElement("div", { key: fieldProps.id, className: createFieldItemClass() },
+        react_1.default.createElement(Field, { ...fieldProps, ...formikField, error: meta.error && meta.touched ? meta.error : undefined }))) : (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.Field = Field;
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/field/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mCAAkC;AAE3B,MAAM,KAAK,GAAG,CAAC,EACpB,YAAY,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAC3D,EAAE,EAAE;IACX,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACnC,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,IAAI,EAAE,UAAU,CAAC,EAAE;KACpB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,GAAW,EAAE;QACxC,MAAM,SAAS,GAAkB,EAAE,CAAC;QACpC,IAAI,OAAO,UAAU,IAAI,QAAQ;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;aACtE,CAAC;YACJ,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,UAAU,EAAE,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1E,IAAI,UAAU,EAAE,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAC5E,CAAC;QACD,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,YAAY,CAAC,SAAU,CAAC,EAAE,SAAS,CAAC;IAClD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uCAAK,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;QACxD,8BAAC,KAAK,OACA,UAAU,KACV,WAAW,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAC1D,CACE,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,KAAK,SAgChB"}

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

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

package/dist/cjs/nvs-dynamic-form/elements/field/_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/field/_type.js.map

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

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

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

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

@@ -0,0 +1,3 @@
+import { ISubmitButton } from "./_type";
+import React from "react";
+export declare const SubmitButton: ({ submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }: ISubmitButton) => React.JSX.Element;

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubmitButton = void 0;
+const react_1 = __importDefault(require("react"));
+const SubmitButton = ({ submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
+    const getSubmitButtonComponent = () => {
+        const SubmitButton = submitButton.component;
+        return react_1.default.createElement(SubmitButton, null, submitButtonLabel);
+    };
+    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"];
+        submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
+        return buttonClasses.join(" ");
+    };
+    return submitButtonVisible ? (react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
+        react_1.default.createElement("div", { className: getSubmitButtonClasses() }, getSubmitButtonComponent()))) : (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.SubmitButton = SubmitButton;
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,KAAK,EACrD,uBAAuB,GAAG,YAAY,CAAC,cAAc,CAAC,WAAW,EACjE,oBAAoB,GAAG,YAAY,CAAC,cAAc,CAAC,QAAQ,GAC7C,EAAE,EAAE;IAClB,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC;QAC5C,OAAO,8BAAC,YAAY,QAAE,iBAAiB,CAAgB,CAAC;IAC1D,CAAC,CAAC;IAEF,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,uBAAuB,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5D,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,uCAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,oBAAoB,CAAC,EAAE;QACvE,uCAAK,SAAS,EAAE,sBAAsB,EAAE,IACrC,wBAAwB,EAAE,CACvB,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}

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

@@ -0,0 +1,11 @@
+import { SubmitButtonOptions } from "../../../types";
+export interface ISubmitButton {
+    submitButton: {
+        component: React.FC<any>;
+        defaultOptions: SubmitButtonOptions;
+    };
+    submitButtonVisible?: boolean;
+    submitButtonLabel?: string;
+    submitButtonPosition?: "left" | "center" | "right";
+    submitButtonIsFullWidth?: boolean;
+}

package/dist/cjs/nvs-dynamic-form/elements/submit-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/submit-button/_type.js.map

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

package/dist/cjs/nvs-dynamic-form/elements/submit-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/submit-button/index.js.map

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

package/dist/cjs/nvs-dynamic-form/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/index.js.map

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

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

@@ -8,6 +8,5 @@ export declare abstract class FieldBase<ValueType> {
     screenSize?: ScreenSizeType | IScreenSize;
     validate?: Yup.AnySchema;
     error?: string;
-    touched?: boolean;
     constructor(options: FieldBase<ValueType>, fieldDefaultValue?: ValueType);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.type.js","sourceRoot":"","sources":["../../../lib/types/form-field.type.tsx"],"names":[],"mappings":";;;AAIA,MAAsB,SAAS;IAU7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnC,CAAC;CACF;AAlBD,8BAkBC"}
+{"version":3,"file":"form-field.type.js","sourceRoot":"","sources":["../../../lib/types/form-field.type.tsx"],"names":[],"mappings":";;;AAIA,MAAsB,SAAS;IAS7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnC,CAAC;CACF;AAjBD,8BAiBC"}

package/dist/esm/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./nvsDynamicForm";
+export * from "./nvs-dynamic-form";
 export * from "./types";

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export * from "./nvsDynamicForm";
+export * from "./nvs-dynamic-form";
 export * from "./types";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,45 @@
+import "nvs-flexgrid";
+import "./_style.css";
+import * as Yup from "yup";
+import { Form, FormikProvider, useFormik } from "formik";
+import React, { useEffect, useState } from "react";
+import { Field } from "./elements/field";
+import { SubmitButton } from "./elements/submit-button";
+export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }) => {
+    const getDefaultValues = () => {
+        return fields.reduce((acc, field) => {
+            acc[field.id] = field.defaultValue;
+            return acc;
+        }, {});
+    };
+    const getValidateSchema = () => {
+        const validationSchema = fields.reduce((acc, field) => {
+            if (field?.validate) {
+                acc[field.id] = field.validate;
+            }
+            return acc;
+        }, {});
+        return Yup.object(validationSchema);
+    };
+    const [defaultValues, setDefaultValues] = useState(getDefaultValues());
+    const [validateSchema, setValidateSchema] = useState(getValidateSchema());
+    useEffect(() => {
+        setDefaultValues(getDefaultValues());
+        setValidateSchema(getValidateSchema());
+    }, [fields]);
+    const createFormElements = () => {
+        return fields.map((field) => (React.createElement(Field, { key: field.id, formElements: formElements, field: field })));
+    };
+    const createForm = () => (React.createElement(Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
+        React.createElement("div", { className: "nvs-row" }, createFormElements()),
+        React.createElement(SubmitButton, { submitButton: submitButton, submitButtonVisible: submitButtonVisible, submitButtonLabel: submitButtonLabel, submitButtonIsFullWidth: submitButtonIsFullWidth, submitButtonPosition: submitButtonPosition })));
+    const formik = useFormik({
+        initialValues: defaultValues,
+        validationSchema: validateSchema,
+        onSubmit: async (values) => {
+            onSubmit && (await onSubmit(values));
+        },
+    });
+    return React.createElement(FormikProvider, { value: formik }, createForm());
+};
+//# sourceMappingURL=_template.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { FieldBase } from "../types";
+import { IField } from "./elements/field";
+import { ISubmitButton } from "./elements/submit-button/_type";
+export interface INvsDynamicForm extends ISubmitButton, Omit<IField, "field"> {
+    onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
+    fields: Array<FieldBase<unknown>>;
+    formClass?: string;
+}

package/dist/esm/{nvsDynamicForm → nvs-dynamic-form}/_type.js.map

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

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

@@ -0,0 +1,3 @@
+import { IField } from "./_type";
+import React from "react";
+export declare const Field: ({ formElements, field: { fieldType, screenSize, defaultValue, ...fieldProps }, }: IField) => React.JSX.Element;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { useField } from "formik";
+export const Field = ({ formElements, field: { fieldType, screenSize = 12, defaultValue, ...fieldProps }, }) => {
+    const [formikField, meta] = useField({
+        id: fieldProps.id,
+        name: fieldProps.id,
+    });
+    const createFieldItemClass = () => {
+        const className = [];
+        if (typeof screenSize == "number")
+            className.push("nvs-col-" + screenSize);
+        else {
+            className.push("nvs-col-md-" + screenSize?.desktop);
+            if (screenSize?.tablet)
+                className.push("nvs-col-sm-" + screenSize.tablet);
+            if (screenSize?.mobile)
+                className.push("nvs-col-xs-" + screenSize.mobile);
+        }
+        return className.join(" ");
+    };
+    const Field = formElements[fieldType]?.component;
+    return Field ? (React.createElement("div", { key: fieldProps.id, className: createFieldItemClass() },
+        React.createElement(Field, { ...fieldProps, ...formikField, error: meta.error && meta.touched ? meta.error : undefined }))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/field/_template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,YAAY,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAC3D,EAAE,EAAE;IACX,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC;QACnC,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,IAAI,EAAE,UAAU,CAAC,EAAE;KACpB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,GAAW,EAAE;QACxC,MAAM,SAAS,GAAkB,EAAE,CAAC;QACpC,IAAI,OAAO,UAAU,IAAI,QAAQ;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;aACtE,CAAC;YACJ,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,UAAU,EAAE,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1E,IAAI,UAAU,EAAE,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAC5E,CAAC;QACD,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,YAAY,CAAC,SAAU,CAAC,EAAE,SAAS,CAAC;IAClD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,6BAAK,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;QACxD,oBAAC,KAAK,OACA,UAAU,KACV,WAAW,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAC1D,CACE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/esm/nvs-dynamic-form/elements/field/_type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_type.js.map

package/dist/esm/nvs-dynamic-form/elements/field/_type.js.map

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

package/dist/esm/nvs-dynamic-form/elements/field/index.d.ts

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

package/dist/esm/nvs-dynamic-form/elements/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/field/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ISubmitButton } from "./_type";
+import React from "react";
+export declare const SubmitButton: ({ submitButton, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, }: ISubmitButton) => React.JSX.Element;

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

@@ -0,0 +1,23 @@
+import React from "react";
+export const SubmitButton = ({ submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
+    const getSubmitButtonComponent = () => {
+        const SubmitButton = submitButton.component;
+        return React.createElement(SubmitButton, null, submitButtonLabel);
+    };
+    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"];
+        submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
+        return buttonClasses.join(" ");
+    };
+    return submitButtonVisible ? (React.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
+        React.createElement("div", { className: getSubmitButtonClasses() }, getSubmitButtonComponent()))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=_template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/elements/submit-button/_template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,KAAK,EACrD,uBAAuB,GAAG,YAAY,CAAC,cAAc,CAAC,WAAW,EACjE,oBAAoB,GAAG,YAAY,CAAC,cAAc,CAAC,QAAQ,GAC7C,EAAE,EAAE;IAClB,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC;QAC5C,OAAO,oBAAC,YAAY,QAAE,iBAAiB,CAAgB,CAAC;IAC1D,CAAC,CAAC;IAEF,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,uBAAuB,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5D,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,6BAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,oBAAoB,CAAC,EAAE;QACvE,6BAAK,SAAS,EAAE,sBAAsB,EAAE,IACrC,wBAAwB,EAAE,CACvB,CACF,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SubmitButtonOptions } from "../../../types";
+export interface ISubmitButton {
+    submitButton: {
+        component: React.FC<any>;
+        defaultOptions: SubmitButtonOptions;
+    };
+    submitButtonVisible?: boolean;
+    submitButtonLabel?: string;
+    submitButtonPosition?: "left" | "center" | "right";
+    submitButtonIsFullWidth?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_type.js.map

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

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

package/dist/esm/nvs-dynamic-form/elements/submit-button/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from "./_template";
+export * from "./_type";
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from "./_template";
+export * from "./_type";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

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

@@ -8,6 +8,5 @@ export declare abstract class FieldBase<ValueType> {
     screenSize?: ScreenSizeType | IScreenSize;
     validate?: Yup.AnySchema;
     error?: string;
-    touched?: boolean;
     constructor(options: FieldBase<ValueType>, fieldDefaultValue?: ValueType);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.type.js","sourceRoot":"","sources":["../../../lib/types/form-field.type.tsx"],"names":[],"mappings":"AAIA,MAAM,OAAgB,SAAS;IAU7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnC,CAAC;CACF"}
+{"version":3,"file":"form-field.type.js","sourceRoot":"","sources":["../../../lib/types/form-field.type.tsx"],"names":[],"mappings":"AAIA,MAAM,OAAgB,SAAS;IAS7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnC,CAAC;CACF"}

package/lib/index.tsx

@@ -1,2 +1,2 @@
-export * from "./nvsDynamicForm";
+export * from "./nvs-dynamic-form";
 export * from "./types";

package/lib/{nvsDynamicForm → nvs-dynamic-form}/_stories.tsx

@@ -1,7 +1,6 @@
-import { INvsDynamicForm, NvsDynamicForm } from "./";
+import { INvsDynamicForm, NvsDynamicForm } from ".";
 import * as Yup from "yup";
 
-import { Field } from "formik";
 import React from "react";
 import { FieldBase } from "../types";
 
@@ -19,14 +18,7 @@ const ButtonComponent = ({ children }: { children: string }) => {
 };
 
 const TextboxElement = (opt: TextboxField) => {
-  return (
-    <Field
-      style={{ width: "100%", boxSizing: "border-box" }}
-      id={opt.id}
-      name={opt.id}
-      placeholder={opt.label}
-    />
-  );
+  return <input style={{ width: "100%", boxSizing: "border-box" }} {...opt} />;
 };
 
 class TextboxField extends FieldBase<string> {
@@ -68,23 +60,26 @@ export const Default: { args: INvsDynamicForm } = {
       new TextboxField({
         id: "firstName",
         label: "First Name",
+        placeholder: "Enter your first name",
         defaultValue: "ismet",
+        validate: Yup.string().required(),
         screenSize: {
           desktop: 6,
         },
-        validate: Yup.string().required(),
       }),
       new TextboxField({
         id: "lastName",
         label: "Last Name",
+        placeholder: "Enter your last name",
+        validate: Yup.string().required(),
         screenSize: {
           desktop: 6,
         },
-        validate: Yup.string().required(),
       }),
       new TextboxField({
         id: "emailAddress",
         label: "E-mail Address",
+        placeholder: "Enter your e-mail address",
         screenSize: 12,
         type: "email",
       }),