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

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

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

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

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

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

@@ -0,0 +1,61 @@
+import * as lodash from "lodash";
+import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "../../../types";
+import React, { useState } from "react";
+import { FieldArray } from "formik";
+import { GenerateFormContentUtils } from "../../services/generateFormContentUtils";
+export const ArrayField = ({ field: arrayField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent: ButtonComponent, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
+    const [addButtonOptions] = useState(new ArrayFieldAddButton(lodash.merge(addButtonDefaultOptions ?? {}, arrayField.addButtonOptions ?? {})));
+    const [removeButtonOptions] = useState(new ArrayFieldRemoveButton(lodash.merge(removeButtonDefaultOptions ?? {}, arrayField.removeButtonOptions ?? {})));
+    const generateFormContentUtils = new GenerateFormContentUtils({
+        containerComponent,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerVisible: containerVisible,
+        fields: arrayField.fields,
+        fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions,
+        fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions,
+    });
+    const createArrayItem = (name, index) => {
+        return arrayField.fields.map((field) => ({
+            ...field,
+            id: `${name}[${index}].${field.id}`,
+        }));
+    };
+    const getDefaultItem = () => {
+        return arrayField.fields.reduce((acc, field) => {
+            acc[field.id] = field.defaultValue;
+            return acc;
+        }, {});
+    };
+    const createArrayFields = (index) => {
+        return (React.createElement("div", { className: "df-array-field-content" },
+            React.createElement("div", { className: "nvs-container-fluid" },
+                React.createElement("div", { className: "nvs-row" }, generateFormContentUtils.createFormElements(createArrayItem(arrayField.id, index))))));
+    };
+    const createRemoveButton = (onRemoveItem) => {
+        return (React.createElement("div", { className: "nvs-col-12" },
+            React.createElement(ButtonComponent, { onClick: () => {
+                    onRemoveItem();
+                }, type: "button", ...removeButtonOptions.options }, removeButtonOptions.label)));
+    };
+    const createArrayItemRemoveButton = (onRemoveItem) => {
+        return (React.createElement("div", { className: "df-array-field-remove-button" }, generateFormContentUtils.createContentContainer(createRemoveButton(onRemoveItem))));
+    };
+    const createFieldArrayContent = (onRemoveItem, index) => {
+        return (React.createElement("div", { className: `df-array-field remove-button-${removeButtonOptions.position}`, key: index },
+            createArrayFields(index),
+            createArrayItemRemoveButton(() => onRemoveItem(index))));
+    };
+    const createAddButton = (onAddItem) => {
+        return (React.createElement("div", { className: "df-array-field-add-button" },
+            React.createElement(ButtonComponent, { onClick: () => onAddItem(getDefaultItem()), type: "button", ...addButtonOptions.options }, addButtonOptions.label)));
+    };
+    const createArrayItemAddButton = (onAddItem) => {
+        return generateFormContentUtils.createContentContainer(createAddButton(onAddItem));
+    };
+    return (React.createElement(FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (React.createElement(React.Fragment, null,
+        form.values[arrayField.id]?.map((_, index) => createFieldArrayContent(remove, index)),
+        createArrayItemAddButton(push)))));
+};
+//# sourceMappingURL=_template.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+export const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, }) => {
+    const getButtonPositionClass = (position) => {
+        const classes = {
+            left: "nvs-jc-start",
+            right: "nvs-jc-end",
+            center: "nvs-jc-center",
+        };
+        return classes[position];
+    };
+    const getSubmitButtonClasses = () => {
+        const buttonClasses = ["df-button"];
+        isFullWidth && buttonClasses.push("nvs-col-12");
+        return buttonClasses.join(" ");
+    };
+    return visible ? (React.createElement("div", { className: `nvs-container-fluid${containerClass ? ` ${containerClass}` : ""}` },
+        React.createElement("div", { className: `nvs-row ${getButtonPositionClass(position)}` },
+            React.createElement("div", { className: getSubmitButtonClasses() },
+                React.createElement(ButtonComponent, null, label))))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=_template.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+export const Container = ({ containerComponent: CustomContainer, options = {}, children, }) => {
+    return React.createElement(CustomContainer, { ...options }, children);
+};
+//# sourceMappingURL=_template.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { GenerateFormContentUtils } from "../../services/generateFormContentUtils";
+export const GroupField = ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, }) => {
+    const generateFormContentUtils = new GenerateFormContentUtils({
+        containerComponent,
+        formElements,
+        useContainersOutsideGroup,
+        useGroupContainer,
+        containerOptions: groupField.containerOptions,
+        containerVisible: containerVisible && groupField.containerVisible,
+        fields: groupField.fields.map((field) => {
+            field.id = `${groupField.id}.${field.id}`;
+            return field;
+        }),
+    });
+    const isContainerVisible = () => {
+        return groupField.containerVisible && useGroupContainer && containerVisible;
+    };
+    return isContainerVisible()
+        ? generateFormContentUtils.createFormContent()
+        : generateFormContentUtils.createFormElements(groupField.fields);
+};
+//# sourceMappingURL=_template.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,60 @@
+import * as Yup from "yup";
+import { ArrayField, GroupField } from "../../types";
+import { Form, FormikProvider, useFormik } from "formik";
+import React, { useEffect, useState } from "react";
+export const FormikForm = ({ children, fields, onSubmit, formClass, }) => {
+    const getFieldDefaultValue = (field) => {
+        let defaultValue;
+        if (field instanceof ArrayField)
+            defaultValue = field.defaultValues ?? [];
+        else if (field instanceof GroupField)
+            defaultValue = getFieldsDefaultValues(field.fields);
+        else
+            defaultValue = field.defaultValue;
+        return defaultValue;
+    };
+    const getFieldsDefaultValues = (fields) => {
+        return fields.reduce((acc, field) => {
+            acc[field.id] = getFieldDefaultValue(field);
+            return acc;
+        }, {});
+    };
+    const getFieldValidate = (field) => {
+        let validate;
+        if (field instanceof GroupField)
+            validate = createValidateSchema(field.fields);
+        else if (field instanceof ArrayField)
+            validate = createArrayValidateSchema(field.fields);
+        else if (field?.validate)
+            validate = field.validate;
+        return validate;
+    };
+    const createValidateSchema = (fields) => {
+        const validationSchema = fields.reduce((acc, field) => {
+            const validate = getFieldValidate(field);
+            if (validate)
+                acc[field.id] = validate;
+            return acc;
+        }, {});
+        return Yup.object(validationSchema);
+    };
+    const createArrayValidateSchema = (fields) => {
+        return Yup.array().of(createValidateSchema(fields));
+    };
+    const [defaultValues, setDefaultValues] = useState(getFieldsDefaultValues(fields));
+    const [validateSchema, setValidateSchema] = useState(createValidateSchema(fields));
+    useEffect(() => {
+        setDefaultValues(getFieldsDefaultValues(fields));
+        setValidateSchema(createValidateSchema(fields));
+    }, [fields]);
+    const formik = useFormik({
+        initialValues: defaultValues,
+        validationSchema: validateSchema,
+        onSubmit: async (values) => {
+            onSubmit && (await onSubmit(values));
+        },
+    });
+    return (React.createElement(FormikProvider, { value: formik },
+        React.createElement(Form, { className: formClass ? ` ${formClass}` : "" }, children)));
+};
+//# sourceMappingURL=_template.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { FieldType } from "../_type";
+import { ReactNode } from "react";
+export interface IFormikForm {
+    onSubmit?: ((values: unknown) => void) | ((values: unknown) => Promise<void>);
+    fields: Array<FieldType>;
+    children: ReactNode;
+    formClass?: string;
+}

package/dist/esm/nvs-dynamic-form/formikForm/_type.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { ArrayFieldAddButton } from "../../types";
+import { FieldType } from "../_type";
+import { IFormElement } from "../elements/field";
+import React from "react";
+import { ReactNode } from "react";
+export declare class GenerateFormContentUtils {
+    private readonly containerComponent;
+    private readonly formElements;
+    private readonly useContainersOutsideGroup;
+    private readonly useGroupContainer;
+    private readonly containerVisible;
+    private readonly fields;
+    private readonly containerOptions;
+    private readonly buttonComponent?;
+    private readonly fieldArrayAddButtonDefaultOptions;
+    private readonly fieldArrayRemoveButtonDefaultOptions;
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, }: {
+        containerComponent: React.FC<any>;
+        formElements: IFormElement;
+        useContainersOutsideGroup: boolean;
+        useGroupContainer: boolean;
+        containerVisible: boolean;
+        fields: Array<FieldType>;
+        buttonComponent?: React.FC<any>;
+        containerOptions?: {
+            [key: string]: any;
+        };
+        fieldArrayAddButtonDefaultOptions?: ArrayFieldAddButton;
+        fieldArrayRemoveButtonDefaultOptions?: ArrayFieldAddButton;
+    });
+    createContainer(content: ReactNode, containerProps: object): React.JSX.Element;
+    createFormContent(): React.JSX.Element;
+    createFormElements(fields: Array<FieldType>): JSX.Element[];
+    createContentContainer(formElements: ReactNode): React.JSX.Element;
+    private getSingleFields;
+    private getGroupFields;
+    private createSingleFieldsElements;
+    private createGroupFieldsElements;
+    private createSingleFieldElement;
+    private createGroupFieldElement;
+    private createArrayFieldElement;
+    private isSingleField;
+    private createFormGroup;
+}

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

@@ -0,0 +1,89 @@
+import { ArrayField, GroupField, } from "../../types";
+import { ArrayField as ArrayFieldElement } from "../elements/arrayField";
+import { Container } from "../elements/container";
+import { Field } from "../elements/field";
+import { GroupField as GroupFieldElement } from "../elements/groupField";
+import React from "react";
+export class GenerateFormContentUtils {
+    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, }) {
+        this.containerComponent = containerComponent;
+        this.formElements = formElements;
+        this.useContainersOutsideGroup = useContainersOutsideGroup;
+        this.useGroupContainer = useGroupContainer;
+        this.containerVisible = containerVisible;
+        this.fields = fields;
+        this.containerOptions = containerOptions ?? {};
+        this.buttonComponent = buttonComponent;
+        this.fieldArrayAddButtonDefaultOptions =
+            fieldArrayAddButtonDefaultOptions ?? {};
+        this.fieldArrayRemoveButtonDefaultOptions =
+            fieldArrayRemoveButtonDefaultOptions ?? {};
+    }
+    createContainer(content, containerProps) {
+        return (React.createElement(Container, { containerComponent: this.containerComponent, options: containerProps }, content));
+    }
+    createFormContent() {
+        const singleFields = this.createSingleFieldsElements();
+        const groupFields = this.createGroupFieldsElements();
+        let formContent;
+        if (this.containerVisible && this.useContainersOutsideGroup && singleFields)
+            formContent = (React.createElement(React.Fragment, null,
+                this.createContainer(singleFields, this.containerOptions),
+                groupFields));
+        else
+            formContent = this.createFormGroup(React.createElement(React.Fragment, null,
+                singleFields,
+                groupFields));
+        return formContent;
+    }
+    createFormElements(fields) {
+        const fieldsElements = [];
+        for (const field of fields) {
+            if (field instanceof GroupField)
+                fieldsElements.push(this.createGroupFieldElement(field));
+            else if (field instanceof ArrayField)
+                fieldsElements.push(this.createArrayFieldElement(field));
+            else
+                fieldsElements.push(this.createSingleFieldElement(field));
+        }
+        return fieldsElements;
+    }
+    createContentContainer(formElements) {
+        return (React.createElement("div", { className: "nvs-container-fluid" },
+            React.createElement("div", { className: "nvs-row" }, formElements)));
+    }
+    getSingleFields() {
+        return this.fields.filter((field) => this.isSingleField(field));
+    }
+    getGroupFields() {
+        return this.fields.filter((field) => !this.isSingleField(field));
+    }
+    createSingleFieldsElements() {
+        const singleFields = this.getSingleFields();
+        return (singleFields.length > 0 &&
+            this.createContentContainer(this.createFormElements(singleFields)));
+    }
+    createGroupFieldsElements() {
+        const groupFields = this.getGroupFields();
+        return groupFields.length > 0 && this.createFormElements(groupFields);
+    }
+    createSingleFieldElement(field) {
+        return (React.createElement(Field, { key: field.id, formElements: this.formElements, field: field }));
+    }
+    createGroupFieldElement(field) {
+        return (React.createElement(GroupFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible }));
+    }
+    createArrayFieldElement(field) {
+        return (React.createElement(ArrayFieldElement, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible, buttonComponent: this.buttonComponent, addButtonDefaultOptions: this.fieldArrayAddButtonDefaultOptions, removeButtonDefaultOptions: this.fieldArrayRemoveButtonDefaultOptions }));
+    }
+    isSingleField(field) {
+        return !(field instanceof GroupField &&
+            field.containerVisible &&
+            this.useGroupContainer &&
+            this.containerVisible);
+    }
+    createFormGroup(formContent) {
+        return React.createElement("div", { className: "df-form-group" }, formContent);
+    }
+}
+//# sourceMappingURL=generateFormContentUtils.js.map

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

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

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

@@ -0,0 +1,14 @@
+export declare class ArrayFieldButton {
+    label?: string;
+    options?: {
+        [key: string]: any;
+    };
+    constructor(options: ArrayFieldButton);
+}
+export declare class ArrayFieldRemoveButton extends ArrayFieldButton {
+    position?: "bottom" | "right";
+    constructor(options: ArrayFieldRemoveButton);
+}
+export declare class ArrayFieldAddButton extends ArrayFieldButton {
+    constructor(options: ArrayFieldRemoveButton);
+}

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

@@ -0,0 +1,20 @@
+export class ArrayFieldButton {
+    constructor(options) {
+        this.label = options.label;
+        this.options = options.options ?? {};
+    }
+}
+export class ArrayFieldRemoveButton extends ArrayFieldButton {
+    constructor(options) {
+        options.label = options.label ?? "-";
+        super(options);
+        this.position = options.position ?? "right";
+    }
+}
+export class ArrayFieldAddButton extends ArrayFieldButton {
+    constructor(options) {
+        options.label = options.label ?? "+";
+        super(options);
+    }
+}
+//# sourceMappingURL=array-field-action-button.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"array-field-action-button.type.js","sourceRoot":"","sources":["../../../lib/types/array-field-action-button.type.tsx"],"names":[],"mappings":"AAAA,MAAM,OAAO,gBAAgB;IAI3B,YAAY,OAAyB;QACnC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;IACvC,CAAC;CACF;AAED,MAAM,OAAO,sBAAuB,SAAQ,gBAAgB;IAG1D,YAAY,OAA+B;QACzC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC;IAC9C,CAAC;CACF;AAED,MAAM,OAAO,mBAAoB,SAAQ,gBAAgB;IACvD,YAAY,OAA+B;QACzC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;CACF"}

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

@@ -0,0 +1,13 @@
+import { ArrayFieldAddButton, ArrayFieldRemoveButton } from "./array-field-action-button.type";
+import { FieldBase } from "./field-base.type";
+export declare class ArrayField<ValueType = {
+    [key: string]: any;
+}> {
+    fieldType?: string;
+    id: string;
+    fields: Array<FieldBase<any>>;
+    addButtonOptions?: ArrayFieldAddButton;
+    removeButtonOptions?: ArrayFieldRemoveButton;
+    defaultValues?: Array<ValueType>;
+    constructor(options: ArrayField<ValueType>);
+}