@bolttech/form-engine-core 0.0.1-beta.2 → 0.0.1-beta.3

package/index.esm.js

@@ -3281,6 +3281,36 @@ class FormCore {
       });
     });
   }
+  /**
+   * Adds a field onto the form instance regardless there is a schema or not
+   *
+   * @param fieldSchema
+   */
+  addField(fieldSchema) {
+    var _a;
+    if (this.fields.has(fieldSchema.name)) {
+      throw new Error(`field name ${fieldSchema.name} already defined`);
+    }
+    const mapper = this.mappers.find(mapEl => mapEl.componentName === fieldSchema.component);
+    if (!mapper) throw new Error(`mapper not found for ${fieldSchema.component}, add it to the mappers configuration`);
+    this.fields.set(fieldSchema.name, new FormField({
+      schemaComponent: fieldSchema,
+      mapper,
+      children: fieldSchema.children ? fieldSchema.children.map(el => el.name) : [],
+      validateVisibility: this.validateVisibility.bind(this),
+      resetValue: this.resetValue.bind(this),
+      initialValue: (_a = this.initialValues) === null || _a === void 0 ? void 0 : _a[fieldSchema.name],
+      templateSubject$: this.templateSubject$,
+      apiResponseSubject$: this.apiResponseSubject$,
+      dataSubject$: this.dataSubject$,
+      config: this.config
+    }));
+    this.subscribeTemplates();
+    this.refreshTemplates({
+      event: 'ON_FIELDS',
+      key: fieldSchema.name
+    });
+  }
   /**
    * Serializes the schema structure to create form fields.
    *
@@ -3454,6 +3484,25 @@ class FormGroup {
   constructor() {
     this.forms = new Map();
   }
+  /**
+   * Creates an empty form with given index
+   *
+   * @param {string} options.index
+   * @param {TMapper<unknown>} options.mappers
+   */
+  createFormWithIndex({
+    index,
+    mappers
+  }) {
+    const formInstance = new FormCore({
+      index,
+      mappers
+    });
+    this.addForm({
+      key: index,
+      formInstance
+    });
+  }
   /**
    * Adds a form instance to the form group.
    *
@@ -3496,6 +3545,20 @@ class FormGroup {
     (_a = this.forms.get(key)) === null || _a === void 0 ? void 0 : _a.destroy();
     this.forms.delete(key);
   }
+  /**
+   * removes a field given a form and field index
+   *
+   * @param {string} options.formIndex
+   * @param {string} options.fieldIndex
+   */
+  removeField({
+    formIndex,
+    fieldIndex
+  }) {
+    var _a, _b, _c;
+    (_b = (_a = this.forms.get(formIndex)) === null || _a === void 0 ? void 0 : _a.fields.get(fieldIndex)) === null || _b === void 0 ? void 0 : _b.destroyField();
+    (_c = this.forms.get(formIndex)) === null || _c === void 0 ? void 0 : _c.fields.delete(fieldIndex);
+  }
   /**
    * Checks if the specified key already exists in the form group.
    *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/managers/field.d.ts

@@ -11,7 +11,7 @@ declare class FormField {
     name: string;
     component: string;
     path?: string;
-    children: string[];
+    children?: string[];
     validations?: TEvent<TValidationMethods>;
     visibilityConditions?: TVisibility[];
     resetValues?: TResetValueMethods[];
@@ -80,7 +80,7 @@ declare class FormField {
         schemaComponent: IComponentSchema;
         config?: TSchemaFormConfig;
         path?: string;
-        children: string[];
+        children?: string[];
         validateVisibility: (payload: {
             event: TEvents;
             key: string;

package/src/managers/form.d.ts

@@ -183,6 +183,12 @@ declare class FormCore {
         event: TEvents;
         key: string;
     }): void;
+    /**
+     * Adds a field onto the form instance regardless there is a schema or not
+     *
+     * @param fieldSchema
+     */
+    addField(fieldSchema: IComponentSchema): void;
     /**
      * Serializes the schema structure to create form fields.
      *

package/src/managers/formGroup.d.ts

@@ -1,5 +1,6 @@
 import { TFormValues } from '../types/form';
-import { TFormCore } from './form';
+import { TMapper } from '../types/mapper';
+import { FormCore, TFormCore } from './form';
 /**
  * Represents a group that manages multiple forms.
  */
@@ -9,6 +10,16 @@ declare class FormGroup {
      * Creates an instance of FormGroup.
      */
     constructor();
+    /**
+     * Creates an empty form with given index
+     *
+     * @param {string} options.index
+     * @param {TMapper<unknown>} options.mappers
+     */
+    createFormWithIndex({ index, mappers, }: {
+        index: string;
+        mappers: TMapper<unknown>[];
+    }): void;
     /**
      * Adds a form instance to the form group.
      *
@@ -29,7 +40,7 @@ declare class FormGroup {
      */
     getForm({ key }: {
         key: string;
-    }): import("./form").FormCore | undefined;
+    }): FormCore | undefined;
     /**
      * Removes a form instance from the form group.
      *
@@ -39,6 +50,16 @@ declare class FormGroup {
     removeForm({ key }: {
         key: string;
     }): void;
+    /**
+     * removes a field given a form and field index
+     *
+     * @param {string} options.formIndex
+     * @param {string} options.fieldIndex
+     */
+    removeField({ formIndex, fieldIndex }: {
+        formIndex: string;
+        fieldIndex: string;
+    }): void;
     /**
      * Checks if the specified key already exists in the form group.
      *