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

package/lib/nvs-dynamic-form/services/generateFormContentUtils.tsx

@@ -1,196 +0,0 @@
-import {
-  ArrayField,
-  ArrayFieldAddButton,
-  FieldBase,
-  GroupField,
-  LabelOptions,
-} from "../../types";
-
-import { ArrayField as ArrayFieldElement } from "../components/arrayField";
-import { Container } from "../components/container";
-import { Field } from "../components/field";
-import { FieldType } from "../_type";
-import { GroupField as GroupFieldElement } from "../components/groupField";
-import { IFormElement } from "../components/field";
-import React from "react";
-import { ReactNode } from "react";
-
-export class GenerateFormContentUtils {
-  private readonly containerComponent: React.FC<any>;
-  private readonly formElements: IFormElement;
-  private readonly useContainersOutsideGroup: boolean;
-  private readonly useGroupContainer: boolean;
-  private readonly containerVisible: boolean;
-  private readonly fields: Array<FieldType>;
-  private readonly containerOptions: { [key: string]: any };
-  private readonly buttonComponent?: React.FC<any>;
-  private readonly fieldArrayAddButtonDefaultOptions: ArrayFieldAddButton;
-  private readonly fieldArrayRemoveButtonDefaultOptions: ArrayFieldAddButton;
-  private readonly labelDefaultOptions: LabelOptions;
-
-  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;
-  }) {
-    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: ReactNode, containerProps: object) {
-    return (
-      <Container
-        containerComponent={this.containerComponent}
-        options={containerProps}
-      >
-        {content}
-      </Container>
-    );
-  }
-
-  createFormContent() {
-    const singleFields = this.createSingleFieldsElements();
-    const groupFields = this.createGroupFieldsElements();
-
-    let formContent;
-    if (this.containerVisible && this.useContainersOutsideGroup && singleFields)
-      formContent = (
-        <>
-          {this.createContainer(singleFields, this.containerOptions)}
-          {groupFields}
-        </>
-      );
-    else
-      formContent = this.createFormGroup(
-        <>
-          {singleFields}
-          {groupFields}
-        </>,
-      );
-
-    return formContent;
-  }
-
-  createFormElements(fields: Array<FieldType>): JSX.Element[] {
-    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: ReactNode) {
-    return (
-      <div className="nvs-container-fluid">
-        <div className="nvs-row">{formElements}</div>
-      </div>
-    );
-  }
-
-  private getSingleFields() {
-    return this.fields.filter((field) => this.isSingleField(field));
-  }
-
-  private getGroupFields() {
-    return this.fields.filter((field) => !this.isSingleField(field));
-  }
-
-  private createSingleFieldsElements() {
-    const singleFields = this.getSingleFields();
-    return (
-      singleFields.length > 0 &&
-      this.createContentContainer(this.createFormElements(singleFields))
-    );
-  }
-
-  private createGroupFieldsElements() {
-    const groupFields = this.getGroupFields();
-    return groupFields.length > 0 && this.createFormElements(groupFields);
-  }
-
-  private createSingleFieldElement(field: FieldBase<unknown>) {
-    return (
-      <Field key={field.id} formElements={this.formElements} field={field} />
-    );
-  }
-
-  private createGroupFieldElement(field: GroupField) {
-    return (
-      <GroupFieldElement
-        key={field.id}
-        formElements={this.formElements}
-        field={field}
-        containerComponent={this.containerComponent}
-        useContainersOutsideGroup={this.useContainersOutsideGroup}
-        useGroupContainer={this.useGroupContainer}
-        containerVisible={this.containerVisible}
-      />
-    );
-  }
-
-  private createArrayFieldElement(field: ArrayField) {
-    return (
-      <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}
-      />
-    );
-  }
-
-  private isSingleField(field: FieldType) {
-    return !(
-      field instanceof GroupField &&
-      field.containerVisible &&
-      this.useGroupContainer &&
-      this.containerVisible
-    );
-  }
-
-  private createFormGroup(formContent: ReactNode) {
-    return <div className="df-form-group">{formContent}</div>;
-  }
-}