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

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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"}

package/lib/nvs-dynamic-form/_stories.tsx

@@ -1,349 +0,0 @@
-import { INvsDynamicForm, NvsDynamicForm } from ".";
-import * as Yup from "yup";
-
-import React, { ChangeEvent } from "react";
-import { ArrayField, FieldBase, GroupField } from "../types";
-
-export default {
-  component: NvsDynamicForm,
-  title: "Nvs Dynamic Form",
-};
-
-const ButtonComponent = ({
-  children,
-  type = "submit",
-  onClick = () => {},
-}: {
-  children: string;
-  type: "submit" | "reset" | "button";
-  onClick?: () => void;
-}) => {
-  return (
-    <button onClick={onClick} style={{ width: "100%" }} type={type}>
-      {children}
-    </button>
-  );
-};
-
-const TextboxElement = ({ defaultValue, ...props }: TextboxField) => {
-  return (
-    <input style={{ width: "100%", boxSizing: "border-box" }} {...props} />
-  );
-};
-
-const Container = ({ children, ...props }) => {
-  return (
-    <div id="custom-container" className="nvs-container-fluid">
-      <div className="nvs-row">
-        <div className="nvs-col-12">
-          <h1>{props.title}</h1>
-        </div>
-        <div className="nvs-col-12">{children}</div>
-      </div>
-    </div>
-  );
-};
-
-class TextboxField extends FieldBase<string> {
-  override readonly fieldType? = "textbox";
-  type?: "email" | "number" | "password" | "tel" | "text" | "url";
-  placeholder?: string;
-
-  constructor(options: TextboxField) {
-    super(options, "");
-    this.type = options.type ?? "text";
-    this.placeholder = options.placeholder ?? "";
-  }
-}
-
-export const Default: { args: INvsDynamicForm; name: string } = {
-  name: "Simple Example",
-  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",
-        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",
-        placeholder: "Enter your last name",
-        validate: Yup.string().required(),
-        screenSize: {
-          desktop: 6,
-          mobile: 6,
-        },
-      }),
-      new TextboxField({
-        id: "emailAddress",
-        placeholder: "Enter your e-mail address",
-        screenSize: 12,
-        type: "email",
-      }),
-    ],
-  },
-};
-
-export const Group: { args: INvsDynamicForm; name: string } = {
-  name: "Group Example",
-  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: "contact",
-        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,
-          }),
-        ],
-      }),
-    ],
-  },
-};
-
-export const GroupAndContainer: { args: INvsDynamicForm; name: string } = {
-  name: "Container Example",
-  args: {
-    onSubmit: (values) => {
-      alert(JSON.stringify(values));
-    },
-    container: Container,
-    containerVisible: true,
-    useGroupContainer: true,
-    useContainersOutsideGroup: true,
-    containerOptions: {
-      title: "Personal Information",
-    },
-    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: "contact",
-        containerVisible: true,
-        containerOptions: {
-          title: "Contact Information",
-        },
-        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: "location",
-        containerVisible: false,
-        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,
-          }),
-        ],
-      }),
-    ],
-  },
-};
-
-export const FieldArray: { args: INvsDynamicForm; name: string } = {
-  name: "Field Array Example",
-  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",
-        placeholder: "Enter your first name",
-        defaultValue: "ismet",
-        validate: Yup.string().required(),
-        screenSize: {
-          desktop: 6,
-          mobile: 6,
-        },
-      }),
-      new TextboxField({
-        id: "lastName",
-        placeholder: "Enter your last name",
-        screenSize: {
-          desktop: 6,
-          mobile: 6,
-        },
-      }),
-      new ArrayField({
-        id: "addresses",
-        label: "Addresses",
-        addButtonOptions: {
-          label: "Add Address",
-        },
-        defaultValues: [
-          { cityName: "İzmir", districtName: "Göztepe" },
-          { cityName: "İstanbul", districtName: "Kadıköy" },
-        ],
-        validate: Yup.array().min(2).max(3),
-        fields: [
-          new TextboxField({
-            id: "cityName",
-            label: "City Name",
-            placeholder: "Enter your city name",
-            screenSize: 6,
-            validate: Yup.string().required(),
-          }),
-          new TextboxField({
-            id: "districtName",
-            label: "district Name",
-            placeholder: "Enter your district name",
-            screenSize: 6,
-          }),
-        ],
-      }),
-    ],
-  },
-};