@nvs-dynamic-form/react-core 1.2.1 → 1.2.3

package/dist/cjs/nvsDynamicForm/_style.css

@@ -0,0 +1,5 @@
+.df-button {
+  display: inline-flex;
+  margin-top: 8px;
+  padding: 0 4px;
+}

package/dist/cjs/nvsDynamicForm/_template.js

@@ -0,0 +1,104 @@
+"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 NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
+    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 createFieldItemClass = (screenSize) => {
+        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;
+    };
+    const createFormElement = (field) => {
+        const Field = formElements[field.fieldType]?.component;
+        return Field ? react_1.default.createElement(Field, { ...field }) : react_1.default.createElement(react_1.default.Fragment, null);
+    };
+    const createFormElements = (errors, touched) => {
+        return fields.map((field) => (react_1.default.createElement("div", { key: field.id, className: createFieldItemClass(field.screenSize ?? 12).join(" ") }, createFormElement({
+            ...field,
+            error: errors[field.id],
+            touched: touched[field.id],
+        }))));
+    };
+    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 createSubmitButton = () => {
+        const buttonClasses = ["df-button"];
+        submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
+        return (react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
+            react_1.default.createElement("div", { className: buttonClasses.join(" ") }, getSubmitButtonComponent())));
+    };
+    const createForm = (errors, touched) => (react_1.default.createElement(formik_1.Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
+        react_1.default.createElement("div", { className: "nvs-row" }, createFormElements(errors, touched)),
+        submitButtonVisible && createSubmitButton()));
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: defaultValues, validationSchema: validateSchema, onSubmit: async (values) => {
+            onSubmit && (await onSubmit(values));
+        } }, ({ errors, touched }) => createForm(errors, touched)));
+};
+exports.NvsDynamicForm = NvsDynamicForm;
+//# sourceMappingURL=_template.js.map

package/dist/cjs/nvsDynamicForm/_template.js.map

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

package/dist/cjs/{types/lib/nvsDynamicForm → nvsDynamicForm}/_type.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-import { FieldBase, SubmitButton } from "../types";
+import { FieldBase, SubmitButtonOptions } from "../types";
 export interface INvsDynamicForm {
     onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
-    submitButton: SubmitButton;
+    submitButton: {
+        component: React.FC<any>;
+        defaultOptions: SubmitButtonOptions;
+    };
     formElements: {
         [key: string]: {
             component: React.FC<any>;

package/dist/cjs/nvsDynamicForm/_type.js

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

package/dist/cjs/nvsDynamicForm/_type.js.map

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

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

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

package/dist/cjs/types/dynamic-object.type.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicObject = void 0;
+class DynamicObject {
+}
+exports.DynamicObject = DynamicObject;
+//# sourceMappingURL=dynamic-object.type.js.map

package/dist/cjs/types/dynamic-object.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-object.type.js","sourceRoot":"","sources":["../../../lib/types/dynamic-object.type.tsx"],"names":[],"mappings":";;;AAAA,MAAa,aAAa;CAEzB;AAFD,sCAEC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldBase = void 0;
+class FieldBase {
+    constructor(options, fieldDefaultValue) {
+        this.defaultValue = options.defaultValue ?? fieldDefaultValue;
+        this.id = options.id;
+        this.label = options.label;
+        this.fieldType = options.fieldType;
+        this.screenSize = options.screenSize ?? 12;
+        this.validate = options.validate;
+    }
+}
+exports.FieldBase = FieldBase;
+//# sourceMappingURL=form-field.type.js.map

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

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

package/dist/cjs/types/{lib/types/index.d.ts → index.d.ts}

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

package/dist/cjs/types/index.js

@@ -0,0 +1,21 @@
+"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("./form-field.type"), exports);
+__exportStar(require("./screen-size.type"), exports);
+__exportStar(require("./dynamic-object.type"), exports);
+__exportStar(require("./submit-button-options.type"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/types/screen-size.type.js

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

package/dist/cjs/types/screen-size.type.js.map

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

package/dist/cjs/types/submit-button-options.type.d.ts

@@ -0,0 +1,5 @@
+export declare class SubmitButtonOptions {
+    label: string;
+    isFullWidth: boolean;
+    position: "left" | "right" | "center";
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button-options.type.js","sourceRoot":"","sources":["../../../lib/types/submit-button-options.type.tsx"],"names":[],"mappings":";;;AAAA,MAAa,mBAAmB;CAI/B;AAJD,kDAIC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./nvsDynamicForm";
+export * from "./types";

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/nvsDynamicForm/_style.css

@@ -0,0 +1,5 @@
+.df-button {
+  display: inline-flex;
+  margin-top: 8px;
+  padding: 0 4px;
+}

package/dist/esm/nvsDynamicForm/_template.d.ts

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

package/dist/esm/nvsDynamicForm/_template.js

@@ -0,0 +1,77 @@
+import "nvs-flexgrid";
+import "./_style.css";
+import * as Yup from "yup";
+import { Form, Formik } from "formik";
+import React, { useEffect, useState } from "react";
+export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, submitButton, submitButtonVisible = true, submitButtonLabel = submitButton.defaultOptions.label, submitButtonIsFullWidth = submitButton.defaultOptions.isFullWidth, submitButtonPosition = submitButton.defaultOptions.position, }) => {
+    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 createFieldItemClass = (screenSize) => {
+        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;
+    };
+    const createFormElement = (field) => {
+        const Field = formElements[field.fieldType]?.component;
+        return Field ? React.createElement(Field, { ...field }) : React.createElement(React.Fragment, null);
+    };
+    const createFormElements = (errors, touched) => {
+        return fields.map((field) => (React.createElement("div", { key: field.id, className: createFieldItemClass(field.screenSize ?? 12).join(" ") }, createFormElement({
+            ...field,
+            error: errors[field.id],
+            touched: touched[field.id],
+        }))));
+    };
+    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 createSubmitButton = () => {
+        const buttonClasses = ["df-button"];
+        submitButtonIsFullWidth && buttonClasses.push("nvs-col-12");
+        return (React.createElement("div", { className: `nvs-row ${getButtonPositionClass(submitButtonPosition)}` },
+            React.createElement("div", { className: buttonClasses.join(" ") }, getSubmitButtonComponent())));
+    };
+    const createForm = (errors, touched) => (React.createElement(Form, { className: `nvs-container-fluid${formClass ? ` ${formClass}` : ""}` },
+        React.createElement("div", { className: "nvs-row" }, createFormElements(errors, touched)),
+        submitButtonVisible && createSubmitButton()));
+    return (React.createElement(Formik, { initialValues: defaultValues, validationSchema: validateSchema, onSubmit: async (values) => {
+            onSubmit && (await onSubmit(values));
+        } }, ({ errors, touched }) => createForm(errors, touched)));
+};
+//# sourceMappingURL=_template.js.map

package/dist/esm/nvsDynamicForm/_template.js.map

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

package/dist/esm/nvsDynamicForm/_type.d.ts

@@ -0,0 +1,20 @@
+import { FieldBase, SubmitButtonOptions } from "../types";
+export interface INvsDynamicForm {
+    onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
+    submitButton: {
+        component: React.FC<any>;
+        defaultOptions: SubmitButtonOptions;
+    };
+    formElements: {
+        [key: string]: {
+            component: React.FC<any>;
+            class: typeof FieldBase<any>;
+        };
+    };
+    fields: Array<FieldBase<unknown>>;
+    formClass?: string;
+    submitButtonVisible?: boolean;
+    submitButtonLabel?: string;
+    submitButtonPosition?: "left" | "center" | "right";
+    submitButtonIsFullWidth?: boolean;
+}

package/dist/esm/nvsDynamicForm/_type.js

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

package/dist/esm/nvsDynamicForm/_type.js.map

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

package/dist/esm/nvsDynamicForm/index.d.ts

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

package/dist/esm/nvsDynamicForm/index.js

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

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

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

package/dist/esm/types/dynamic-object.type.d.ts

@@ -0,0 +1,3 @@
+export declare class DynamicObject {
+    [key: string]: number | string | boolean | null;
+}

package/dist/esm/types/dynamic-object.type.js

@@ -0,0 +1,3 @@
+export class DynamicObject {
+}
+//# sourceMappingURL=dynamic-object.type.js.map

package/dist/esm/types/dynamic-object.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-object.type.js","sourceRoot":"","sources":["../../../lib/types/dynamic-object.type.tsx"],"names":[],"mappings":"AAAA,MAAM,OAAO,aAAa;CAEzB"}

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

@@ -0,0 +1,13 @@
+import * as Yup from "yup";
+import { IScreenSize, ScreenSizeType } from "./screen-size.type";
+export declare abstract class FieldBase<ValueType> {
+    id: string;
+    label: string;
+    fieldType?: string;
+    defaultValue?: 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

@@ -0,0 +1,11 @@
+export class FieldBase {
+    constructor(options, fieldDefaultValue) {
+        this.defaultValue = options.defaultValue ?? fieldDefaultValue;
+        this.id = options.id;
+        this.label = options.label;
+        this.fieldType = options.fieldType;
+        this.screenSize = options.screenSize ?? 12;
+        this.validate = options.validate;
+    }
+}
+//# sourceMappingURL=form-field.type.js.map

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

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

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

@@ -0,0 +1,4 @@
+export * from "./form-field.type";
+export * from "./screen-size.type";
+export * from "./dynamic-object.type";
+export * from "./submit-button-options.type";

package/dist/esm/types/index.js

@@ -0,0 +1,5 @@
+export * from "./form-field.type";
+export * from "./screen-size.type";
+export * from "./dynamic-object.type";
+export * from "./submit-button-options.type";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/types/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC"}

package/dist/esm/types/screen-size.type.d.ts

@@ -0,0 +1,6 @@
+export type ScreenSizeType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface IScreenSize {
+    desktop: ScreenSizeType;
+    mobile?: ScreenSizeType;
+    tablet?: ScreenSizeType;
+}

package/dist/esm/types/screen-size.type.js

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

package/dist/esm/types/screen-size.type.js.map

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

package/dist/esm/types/submit-button-options.type.d.ts

@@ -0,0 +1,5 @@
+export declare class SubmitButtonOptions {
+    label: string;
+    isFullWidth: boolean;
+    position: "left" | "right" | "center";
+}

package/dist/esm/types/submit-button-options.type.js

@@ -0,0 +1,3 @@
+export class SubmitButtonOptions {
+}
+//# sourceMappingURL=submit-button-options.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button-options.type.js","sourceRoot":"","sources":["../../../lib/types/submit-button-options.type.tsx"],"names":[],"mappings":"AAAA,MAAM,OAAO,mBAAmB;CAI/B"}

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@nvs-dynamic-form/react-core",
-  "version": "1.2.1",
+  "version": "1.2.3",
+  "types": "dist/cjs/index.d.ts",
   "main": "dist/cjs/index.js",
-  "types": "dist/index.d.ts",
+  "module": "dist/esm/index.js",
   "files": [
     "dist",
     "packages.json"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "copy-css": "cp ./lib/nvsDynamicForm/_style.css ./dist/cjs/nvsDynamicForm && cp ./lib/nvsDynamicForm/_style.css ./dist/esm/nvsDynamicForm",
+    "build": "rm -rf dist/ && prettier --write lib/** && npm run build:esm && npm run build:cjs && npm run copy-css",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "release": "standard-version"
@@ -39,10 +43,6 @@
   "license": "MIT",
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.0",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-essentials": "^8.1.3",
     "@storybook/addon-interactions": "^8.1.3",
     "@storybook/addon-links": "^8.1.3",
@@ -54,10 +54,6 @@
     "@storybook/test": "^8.1.3",
     "@types/react": "^18.3.3",
     "react": "^18.3.1",
-    "rollup": "^4.18.0",
-    "rollup-plugin-css-only": "^4.5.2",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
     "standard-version": "^9.5.0",
     "storybook": "^8.1.3",
     "tslib": "^2.6.2",

package/dist/cjs/assets/asset-BUMD2roC

@@ -1,8 +0,0 @@
-.nvs-container{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 576px){.nvs-container{max-width:540px}}@media(min-width: 768px){.nvs-container{max-width:720px}}@media(min-width: 992px){.nvs-container{max-width:960px}}@media(min-width: 1200px){.nvs-container{max-width:1140px}}@media(min-width: 1400px){.nvs-container{max-width:1320px}}.nvs-container-sm{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 576px){.nvs-container-sm{max-width:540px}}@media(min-width: 768px){.nvs-container-sm{max-width:720px}}@media(min-width: 992px){.nvs-container-sm{max-width:960px}}@media(min-width: 1200px){.nvs-container-sm{max-width:1140px}}@media(min-width: 1400px){.nvs-container-sm{max-width:1320px}}.nvs-container-md{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 768px){.nvs-container-md{max-width:720px}}@media(min-width: 992px){.nvs-container-md{max-width:960px}}@media(min-width: 1200px){.nvs-container-md{max-width:1140px}}@media(min-width: 1400px){.nvs-container-md{max-width:1320px}}.nvs-container-lg{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 992px){.nvs-container-lg{max-width:960px}}@media(min-width: 1200px){.nvs-container-lg{max-width:1140px}}@media(min-width: 1400px){.nvs-container-lg{max-width:1320px}}.nvs-container-xl{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 1200px){.nvs-container-xl{max-width:1140px}}@media(min-width: 1400px){.nvs-container-xl{max-width:1320px}}.nvs-container-xxl{width:100%;margin:0 auto;max-width:1320px}@media(min-width: 1400px){.nvs-container-xxl{max-width:1320px}}.nvs-container-fluid{width:100%;margin:0 auto;max-width:unset}.nvs-row{display:flex;flex-wrap:wrap;gap:8px 0}.nvs-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}@media(min-width: 0){.nvs-col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xs-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}@media(min-width: 576px){.nvs-col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-sm-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}@media(min-width: 768px){.nvs-col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-md-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-md-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-md-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-md-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}@media(min-width: 992px){.nvs-col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-lg-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}@media(min-width: 1200px){.nvs-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xl-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}@media(min-width: 1400px){.nvs-col-xxl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-3{flex:0 0 25%;max-width:25%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-6{flex:0 0 50%;max-width:50%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-9{flex:0 0 75%;max-width:75%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 4px;box-sizing:border-box}.nvs-col-xxl-12{flex:0 0 100%;max-width:100%;padding:0 4px;box-sizing:border-box}}.nvs-jc-start{justify-content:start}.nvs-jc-end{justify-content:end}.nvs-jc-center{justify-content:center}.nvs-jc-between{justify-content:between}.nvs-jc-around{justify-content:around}.nvs-jc-evenly{justify-content:evenly}@media(min-width: 0){.nvs-jc-xs-start{justify-content:start}.nvs-jc-xs-end{justify-content:end}.nvs-jc-xs-center{justify-content:center}.nvs-jc-xs-between{justify-content:between}.nvs-jc-xs-around{justify-content:around}.nvs-jc-xs-evenly{justify-content:evenly}}@media(min-width: 576px){.nvs-jc-sm-start{justify-content:start}.nvs-jc-sm-end{justify-content:end}.nvs-jc-sm-center{justify-content:center}.nvs-jc-sm-between{justify-content:between}.nvs-jc-sm-around{justify-content:around}.nvs-jc-sm-evenly{justify-content:evenly}}@media(min-width: 768px){.nvs-jc-md-start{justify-content:start}.nvs-jc-md-end{justify-content:end}.nvs-jc-md-center{justify-content:center}.nvs-jc-md-between{justify-content:between}.nvs-jc-md-around{justify-content:around}.nvs-jc-md-evenly{justify-content:evenly}}@media(min-width: 992px){.nvs-jc-lg-start{justify-content:start}.nvs-jc-lg-end{justify-content:end}.nvs-jc-lg-center{justify-content:center}.nvs-jc-lg-between{justify-content:between}.nvs-jc-lg-around{justify-content:around}.nvs-jc-lg-evenly{justify-content:evenly}}@media(min-width: 1200px){.nvs-jc-xl-start{justify-content:start}.nvs-jc-xl-end{justify-content:end}.nvs-jc-xl-center{justify-content:center}.nvs-jc-xl-between{justify-content:between}.nvs-jc-xl-around{justify-content:around}.nvs-jc-xl-evenly{justify-content:evenly}}@media(min-width: 1400px){.nvs-jc-xxl-start{justify-content:start}.nvs-jc-xxl-end{justify-content:end}.nvs-jc-xxl-center{justify-content:center}.nvs-jc-xxl-between{justify-content:between}.nvs-jc-xxl-around{justify-content:around}.nvs-jc-xxl-evenly{justify-content:evenly}}.nvs-ai-start{align-items:start}.nvs-ai-end{align-items:end}.nvs-ai-center{align-items:center}.nvs-ai-baseline{align-items:baseline}.nvs-ai-stretch{align-items:stretch}@media(min-width: 576px){.nvs-ai-sm-start{align-items:start}.nvs-ai-sm-end{align-items:end}.nvs-ai-sm-center{align-items:center}.nvs-ai-sm-baseline{align-items:baseline}.nvs-ai-sm-stretch{align-items:stretch}}@media(min-width: 768px){.nvs-ai-md-start{align-items:start}.nvs-ai-md-end{align-items:end}.nvs-ai-md-center{align-items:center}.nvs-ai-md-baseline{align-items:baseline}.nvs-ai-md-stretch{align-items:stretch}}@media(min-width: 992px){.nvs-ai-lg-start{align-items:start}.nvs-ai-lg-end{align-items:end}.nvs-ai-lg-center{align-items:center}.nvs-ai-lg-baseline{align-items:baseline}.nvs-ai-lg-stretch{align-items:stretch}}@media(min-width: 1200px){.nvs-ai-xl-start{align-items:start}.nvs-ai-xl-end{align-items:end}.nvs-ai-xl-center{align-items:center}.nvs-ai-xl-baseline{align-items:baseline}.nvs-ai-xl-stretch{align-items:stretch}}@media(min-width: 1400px){.nvs-ai-xxl-start{align-items:start}.nvs-ai-xxl-end{align-items:end}.nvs-ai-xxl-center{align-items:center}.nvs-ai-xxl-baseline{align-items:baseline}.nvs-ai-xxl-stretch{align-items:stretch}}.nvs-w-full{width:100%}.nvs-h-full{height:100%}/*# sourceMappingURL=main.css.map */
-
-.df-button {
-     display: inline-flex;
-     margin-top: 8px;
-     padding: 0 4px;
-}
-

package/dist/cjs/types/lib/types/submit-button.type.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare class SubmitButton {
-    component: React.FC<any>;
-    defaultOptions: SubmitButtonOptions;
-}
-export declare class SubmitButtonOptions {
-    label: string;
-    isFullWidth: boolean;
-    position: "left" | "right" | "center";
-}