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

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 React from "react";
+import { IField } from "./_type";
+export declare const Field: ({ formElements, field: { fieldType, screenSize, defaultValue, onBlur, onChange, ...fieldProps }, }: IField) => React.JSX.Element;

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

@@ -0,0 +1,40 @@
+"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, onBlur, onChange, ...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 onChangeHandler = (event) => {
+        onChange && onChange(event);
+        formikField.onChange(event);
+    };
+    const onBlurHandler = (event) => {
+        onBlur && onBlur(event);
+        formikField.onBlur(event);
+    };
+    const Field = formElements[fieldType]?.component;
+    return Field ? (react_1.default.createElement("div", { key: fieldProps.id, className: createFieldItemClass() },
+        react_1.default.createElement(Field, { ...fieldProps, ...formikField, onChange: onChangeHandler, onBlur: onBlurHandler, 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":";;;;;;AAAA,kDAAuD;AAGvD,mCAAkC;AAE3B,MAAM,KAAK,GAAG,CAAC,EACpB,YAAY,EACZ,KAAK,EAAE,EACL,SAAS,EACT,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACd,GACM,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,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC7C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC1C,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACxB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,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,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,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;AAnDW,QAAA,KAAK,SAmDhB"}

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

@@ -1,13 +1,15 @@
 import * as Yup from "yup";
+import { ChangeEvent, FocusEvent } from "react";
 import { IScreenSize, ScreenSizeType } from "./screen-size.type";
-export declare abstract class FieldBase<ValueType> {
+export declare abstract class FieldBase<ValueType, HtmlElement = any> {
     id: string;
-    label: string;
+    label?: string;
     fieldType?: string;
     defaultValue?: ValueType;
     screenSize?: ScreenSizeType | IScreenSize;
     validate?: Yup.AnySchema;
     error?: string;
-    touched?: boolean;
+    onChange?: (event: ChangeEvent<HtmlElement>) => void;
+    onBlur?: (event: FocusEvent<HtmlElement>) => void;
     constructor(options: FieldBase<ValueType>, fieldDefaultValue?: ValueType);
 }

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

@@ -9,6 +9,8 @@ class FieldBase {
         this.fieldType = options.fieldType;
         this.screenSize = options.screenSize ?? 12;
         this.validate = options.validate;
+        this.onChange = options.onChange;
+        this.onBlur = options.onBlur;
     }
 }
 exports.FieldBase = FieldBase;

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":";;;AAKA,MAAsB,SAAS;IAW7B,YAAY,OAA6B,EAAE,iBAA6B;QACtE,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,iBAAiB,CAAC;QAC9D,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC/B,CAAC;CACF;AArBD,8BAqBC"}

package/dist/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 React from "react";
+import { IField } from "./_type";
+export declare const Field: ({ formElements, field: { fieldType, screenSize, defaultValue, onBlur, onChange, ...fieldProps }, }: IField) => React.JSX.Element;

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { useField } from "formik";
+export const Field = ({ formElements, field: { fieldType, screenSize = 12, defaultValue, onBlur, onChange, ...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 onChangeHandler = (event) => {
+        onChange && onChange(event);
+        formikField.onChange(event);
+    };
+    const onBlurHandler = (event) => {
+        onBlur && onBlur(event);
+        formikField.onBlur(event);
+    };
+    const Field = formElements[fieldType]?.component;
+    return Field ? (React.createElement("div", { key: fieldProps.id, className: createFieldItemClass() },
+        React.createElement(Field, { ...fieldProps, ...formikField, onChange: onChangeHandler, onBlur: onBlurHandler, 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":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,YAAY,EACZ,KAAK,EAAE,EACL,SAAS,EACT,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACd,GACM,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,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC7C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC1C,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACxB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,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,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,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

@@ -1,13 +1,15 @@
 import * as Yup from "yup";
+import { ChangeEvent, FocusEvent } from "react";
 import { IScreenSize, ScreenSizeType } from "./screen-size.type";
-export declare abstract class FieldBase<ValueType> {
+export declare abstract class FieldBase<ValueType, HtmlElement = any> {
     id: string;
-    label: string;
+    label?: string;
     fieldType?: string;
     defaultValue?: ValueType;
     screenSize?: ScreenSizeType | IScreenSize;
     validate?: Yup.AnySchema;
     error?: string;
-    touched?: boolean;
+    onChange?: (event: ChangeEvent<HtmlElement>) => void;
+    onBlur?: (event: FocusEvent<HtmlElement>) => void;
     constructor(options: FieldBase<ValueType>, fieldDefaultValue?: ValueType);
 }

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

@@ -6,6 +6,8 @@ export class FieldBase {
         this.fieldType = options.fieldType;
         this.screenSize = options.screenSize ?? 12;
         this.validate = options.validate;
+        this.onChange = options.onChange;
+        this.onBlur = options.onBlur;
     }
 }
 //# sourceMappingURL=form-field.type.js.map