@nvs-dynamic-form/react-core 2.3.1 → 2.4.1

package/lib/nvs-dynamic-form/stories/fields/groupField/nested.stories.tsx

@@ -0,0 +1,103 @@
+import * as Yup from "yup";
+
+import {
+  ButtonComponent,
+  TextboxElement,
+  TextboxField,
+} from "../../components";
+import { INvsDynamicForm, NvsDynamicForm } from "../../..";
+
+import { ChangeEvent } from "react";
+import { GroupField } from "../../../../types";
+
+export default {
+  component: NvsDynamicForm,
+  title: "Group Field",
+};
+
+export const NestedGroup: { args: INvsDynamicForm; name: string } = {
+  name: "Nested Group",
+  args: {
+    onSubmit: (values) => {
+      alert(JSON.stringify(values));
+    },
+    submitButtonIsFullWidth: false,
+    submitButtonLabel: "Save",
+    submitButtonVisible: true,
+    submitButtonPosition: "right",
+    submitButtonDefaultOptions: {
+      label: "Save",
+      isFullWidth: true,
+      position: "right",
+    },
+    buttonComponent: ButtonComponent,
+    formElements: {
+      textbox: {
+        component: TextboxElement,
+        class: TextboxField,
+      },
+    },
+    fields: [
+      new TextboxField({
+        id: "firstName",
+        label: "First Name",
+        placeholder: "Enter your first name",
+        defaultValue: "ismet",
+        validate: Yup.string().required(),
+        onChange: (event) => {
+          console.log((event as ChangeEvent<HTMLInputElement>).target.value);
+        },
+        screenSize: {
+          desktop: 6,
+          mobile: 6,
+        },
+      }),
+      new TextboxField({
+        id: "lastName",
+        label: "Last Name",
+        placeholder: "Enter your last name",
+        validate: Yup.string().required(),
+        screenSize: {
+          desktop: 6,
+          mobile: 6,
+        },
+      }),
+      new GroupField({
+        id: "contactInfo",
+        fields: [
+          new TextboxField({
+            id: "emailAddress",
+            label: "E-mail Address",
+            placeholder: "Enter your e-mail address",
+            screenSize: 6,
+            type: "email",
+            defaultValue: "info@ismetkizgin.com",
+          }),
+          new TextboxField({
+            id: "phoneNumber",
+            label: "Phone Number",
+            placeholder: "Enter your phone number",
+            screenSize: 6,
+          }),
+          new GroupField({
+            id: "address",
+            fields: [
+              new TextboxField({
+                id: "cityName",
+                label: "City Name",
+                placeholder: "Enter your city name",
+                screenSize: 6,
+              }),
+              new TextboxField({
+                id: "districtName",
+                label: "District Name",
+                placeholder: "Enter your district name",
+                screenSize: 6,
+              }),
+            ],
+          }),
+        ],
+      }),
+    ],
+  },
+};

package/lib/types/array-field.type.tsx

@@ -5,19 +5,21 @@ import {
   ArrayFieldRemoveButton,
 } from "./array-field-action-button.type";
 
-import { FieldBase } from "./field-base.type";
+import { FieldType } from "../nvs-dynamic-form";
 import { LabelOptions } from "./label-options.type";
 
 export class ArrayField<ValueType = { [key: string]: any }> {
   fieldType?: string = "fieldArray";
   id!: string;
-  fields: Array<FieldBase<any>>;
+  fields: Array<FieldType>;
   addButtonOptions?: ArrayFieldAddButton;
   removeButtonOptions?: ArrayFieldRemoveButton;
   defaultValues?: Array<ValueType>;
   label?: string;
   labelOptions?: LabelOptions;
   validate?: Yup.ArraySchema<any, any>;
+  containerVisible?: boolean;
+  containerOptions?: Record<string, any>;
 
   constructor(options: ArrayField<ValueType>) {
     this.id = options.id;
@@ -28,5 +30,7 @@ export class ArrayField<ValueType = { [key: string]: any }> {
     this.label = options.label;
     this.labelOptions = options.labelOptions ?? {};
     this.validate = options.validate ?? Yup.array();
+    this.containerVisible = options.containerVisible ?? false;
+    this.containerOptions = options.containerOptions ?? {};
   }
 }

package/lib/types/group-field.type.tsx

@@ -1,15 +1,19 @@
-import { FieldBase } from "./field-base.type";
+import { FieldType } from "../nvs-dynamic-form";
 
 export class GroupField {
   id!: string;
-  fields: Array<FieldBase<unknown>>;
+  fields: Array<FieldType>;
   containerVisible?: boolean;
-  containerOptions?: { [key: string]: any };
+  containerOptions?: Record<string, any>;
+  useContainersOutsideGroup?: boolean;
+  useGroupContainer?: boolean;
 
   constructor(options: GroupField) {
     this.id = options.id;
     this.fields = options.fields ?? [];
     this.containerVisible = options.containerVisible ?? false;
+    this.useContainersOutsideGroup = options.useContainersOutsideGroup ?? false;
+    this.useGroupContainer = options.useGroupContainer ?? false;
     this.containerOptions = options.containerOptions ?? {};
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvs-dynamic-form/react-core",
-  "version": "2.3.1",
+  "version": "2.4.1",
   "types": "dist/cjs/index.d.ts",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -1,46 +0,0 @@
-import { ArrayFieldAddButton, LabelOptions } from "../../types";
-import { FieldType } from "../_type";
-import { IFormElement } from "../components/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;
-    private readonly labelDefaultOptions;
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
-        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;
-        labelDefaultOptions?: LabelOptions;
-    });
-    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/cjs/nvs-dynamic-form/services/generateFormContentUtils.js

@@ -1,97 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenerateFormContentUtils = void 0;
-const types_1 = require("../../types");
-const arrayField_1 = require("../components/arrayField");
-const container_1 = require("../components/container");
-const field_1 = require("../components/field");
-const groupField_1 = require("../components/groupField");
-const react_1 = __importDefault(require("react"));
-class GenerateFormContentUtils {
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
-        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 ?? {};
-        this.labelDefaultOptions = labelDefaultOptions ?? {};
-    }
-    createContainer(content, containerProps) {
-        return (react_1.default.createElement(container_1.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_1.default.createElement(react_1.default.Fragment, null,
-                this.createContainer(singleFields, this.containerOptions),
-                groupFields));
-        else
-            formContent = this.createFormGroup(react_1.default.createElement(react_1.default.Fragment, null,
-                singleFields,
-                groupFields));
-        return formContent;
-    }
-    createFormElements(fields) {
-        const fieldsElements = [];
-        for (const field of fields) {
-            if (field instanceof types_1.GroupField)
-                fieldsElements.push(this.createGroupFieldElement(field));
-            else if (field instanceof types_1.ArrayField)
-                fieldsElements.push(this.createArrayFieldElement(field));
-            else
-                fieldsElements.push(this.createSingleFieldElement(field));
-        }
-        return fieldsElements;
-    }
-    createContentContainer(formElements) {
-        return (react_1.default.createElement("div", { className: "nvs-container-fluid" },
-            react_1.default.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_1.default.createElement(field_1.Field, { key: field.id, formElements: this.formElements, field: field }));
-    }
-    createGroupFieldElement(field) {
-        return (react_1.default.createElement(groupField_1.GroupField, { key: field.id, formElements: this.formElements, field: field, containerComponent: this.containerComponent, useContainersOutsideGroup: this.useContainersOutsideGroup, useGroupContainer: this.useGroupContainer, containerVisible: this.containerVisible }));
-    }
-    createArrayFieldElement(field) {
-        return (react_1.default.createElement(arrayField_1.ArrayField, { 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, labelDefaultOptions: this.labelDefaultOptions }));
-    }
-    isSingleField(field) {
-        return !(field instanceof types_1.GroupField &&
-            field.containerVisible &&
-            this.useGroupContainer &&
-            this.containerVisible);
-    }
-    createFormGroup(formContent) {
-        return react_1.default.createElement("div", { className: "df-form-group" }, formContent);
-    }
-}
-exports.GenerateFormContentUtils = GenerateFormContentUtils;
-//# sourceMappingURL=generateFormContentUtils.js.map

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

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

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

@@ -1,46 +0,0 @@
-import { ArrayFieldAddButton, LabelOptions } from "../../types";
-import { FieldType } from "../_type";
-import { IFormElement } from "../components/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;
-    private readonly labelDefaultOptions;
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }: {
-        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;
-        labelDefaultOptions?: LabelOptions;
-    });
-    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

@@ -1,90 +0,0 @@
-import { ArrayField, GroupField, } from "../../types";
-import { ArrayField as ArrayFieldElement } from "../components/arrayField";
-import { Container } from "../components/container";
-import { Field } from "../components/field";
-import { GroupField as GroupFieldElement } from "../components/groupField";
-import React from "react";
-export class GenerateFormContentUtils {
-    constructor({ containerComponent, formElements, useContainersOutsideGroup, useGroupContainer, containerVisible, fields, containerOptions, buttonComponent, fieldArrayAddButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions, labelDefaultOptions, }) {
-        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 ?? {};
-        this.labelDefaultOptions = labelDefaultOptions ?? {};
-    }
-    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, labelDefaultOptions: this.labelDefaultOptions }));
-    }
-    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

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