@stemy/ngx-dynamic-form 19.9.39 → 19.9.41

package/fesm2022/stemy-ngx-dynamic-form.mjs

@@ -16,8 +16,13 @@ import { FormlySelectModule } from '@ngx-formly/core/select';
 
 // --- Basic frm constants ---
 const FORM_ROOT_ID = "__root";
+function formSchemaNotFound(name) {
+    console.warn(`Schema with name "${name}" not found.`);
+    return [];
+}
 // --- Module Configuration ---
 const DEFAULT_NUMERIC_STEP = new InjectionToken("DEFAULT_NUMERIC_STEP");
+const FORM_SCHEMA_NOT_FOUND = new InjectionToken("FORM_SCHEMA_NOT_FOUND");
 
 function customizeFormField(...providers) {
     const factory = cachedFactory(providers);
@@ -337,7 +342,6 @@ function isFieldHidden(field) {
 const MIN_INPUT_NUM = -1999999999;
 const MAX_INPUT_NUM = 1999999999;
 const EDITOR_TYPES = ["php", "json", "html", "css", "scss"];
-const CUSTOM_INPUT_TYPES = ["checkbox", "textarea", "wysiwyg", "date", "password"];
 
 function validationMessage(errorKey) {
     const key = `form.error.${errorKey}`;
@@ -611,6 +615,12 @@ class ConfigForSchemaWrap {
         const res = await ForbiddenZone.run("customizer", () => this.fieldCustomizer(field, this.forCustomizer(), this.injector, property, schema));
         return !res ? [field] : handleConfigs(res);
     }
+    options(opts) {
+        return new ConfigForSchemaWrap({
+            ...this.opts,
+            ...opts
+        }, this.mode, this.injector, this.schema);
+    }
     forCustomizer() {
         return new ConfigForSchemaWrap(this.opts, "customizer", this.injector, this.schema);
     }
@@ -618,7 +628,7 @@ class ConfigForSchemaWrap {
         return new ConfigForSchemaWrap(this.opts, this.mode, this.injector, schema);
     }
 }
-async function toWrapOptions(customizeOrOptions, injector, schema, errorMsg) {
+function toWrapOptions(customizeOrOptions, injector, schema, errorMsg) {
     if (errorMsg && ForbiddenZone.isForbidden("customizer")) {
         throw new Error(errorMsg);
     }
@@ -671,6 +681,7 @@ function getFormValidationErrors(controls, parentPath = "") {
     });
     return errors;
 }
+const CUSTOM_INPUT_TYPES = ["checkbox", "textarea", "wysiwyg", "date", "password"];
 
 class DynamicFormBuilderService {
     constructor(injector, events, universal, api, rootElement, languages, defaultNumericStep) {
@@ -685,7 +696,7 @@ class DynamicFormBuilderService {
         this.events.languageChanged.subscribe(value => lang.next(value));
         this.language = lang;
     }
-    resolveFormFields(type, parent, options) {
+    resolveFormFields(type, parent, options, fieldSet) {
         const target = type || { prototype: null };
         const prototype = target.prototype || target;
         const fields = ReflectUtils.getMetadata("dynamicFormFields", prototype) || new Set();
@@ -695,6 +706,7 @@ class DynamicFormBuilderService {
             const builder = ReflectUtils.getMetadata("dynamicFormField", prototype, key);
             const field = builder(this, parent, options);
             if (field) {
+                field.fieldSet = field.fieldSet || fieldSet;
                 result.push(field);
             }
         }
@@ -1619,11 +1631,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [{ type: i2.OpenApiService }, { type: i0.Injector }, { type: DynamicFormBuilderService }] });
 
 class DynamicFormService {
-    constructor(fs, fb, injector, api) {
+    constructor(fs, fb, injector, schemaNotFound) {
         this.fs = fs;
         this.fb = fb;
         this.injector = injector;
-        this.api = api;
+        this.schemaNotFound = schemaNotFound;
     }
     async getFormFieldsForSchema(name, customizeOrOptions) {
         const group = await this.getFormFieldGroupBySchemaName(name, customizeOrOptions, "getFormFieldsForSchema");
@@ -1634,26 +1646,23 @@ class DynamicFormService {
     }
     async getFormFieldGroupBySchemaName(name, customizeOrOptions, restrictedMethod) {
         const schema = await this.fs.getSchema(name);
-        if (!schema) {
-            console.warn(`Schema with name "${name}" not found.`);
-            return {
-                id: FORM_ROOT_ID,
-                path: "",
-                wrappers: ["form-group"],
-                fieldGroup: [],
-                props: {},
-                hooks: {},
-                expressions: {}
-            };
-        }
         const wrapOptions = await toWrapOptions(customizeOrOptions, this.injector, schema, `"DynamicFormService.${restrictedMethod}" is called from a customizer, which is not allowed. Please use DynamicFormSchemaService instead!`);
-        const config = await this.fb.createFormGroup(null, parent => {
-            return this.fs.getFormFieldsForSchema(schema, parent, wrapOptions);
-        }, {
+        const rootData = {
             label: "",
             hidden: false,
             className: "dynamic-form-root-group"
-        }, null, wrapOptions);
+        };
+        let config;
+        if (!schema) {
+            config = await this.fb.createFormGroup(null, async (parent) => {
+                return this.schemaNotFound(name, parent, wrapOptions, this.injector);
+            }, rootData, null, wrapOptions);
+        }
+        else {
+            config = await this.fb.createFormGroup(null, parent => {
+                return this.fs.getFormFieldsForSchema(schema, parent, wrapOptions);
+            }, rootData, null, wrapOptions);
+        }
         const fields = config.fieldGroup || [];
         const fieldGroup = [...fields];
         config.id = FORM_ROOT_ID;
@@ -1774,14 +1783,14 @@ class DynamicFormService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, deps: [{ token: DynamicFormSchemaService }, { token: DynamicFormBuilderService }, { token: i0.Injector }, { token: API_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, deps: [{ token: DynamicFormSchemaService }, { token: DynamicFormBuilderService }, { token: i0.Injector }, { token: FORM_SCHEMA_NOT_FOUND }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: DynamicFormSchemaService }, { type: DynamicFormBuilderService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: [API_SERVICE]
+                    args: [FORM_SCHEMA_NOT_FOUND]
                 }] }] });
 
 const templateTypes = ["control", "label", "input", "prefix", "suffix"];
@@ -2492,6 +2501,10 @@ class NgxDynamicFormModule {
             {
                 provide: DEFAULT_NUMERIC_STEP,
                 useValue: (config?.defaultNumericStep ?? 1)
+            },
+            {
+                provide: FORM_SCHEMA_NOT_FOUND,
+                useValue: (config?.schemaNotFound ?? formSchemaNotFound)
             }
         ];
     }
@@ -2564,5 +2577,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DEFAULT_NUMERIC_STEP, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormDateComponent, DynamicFormEditorComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormPasswordComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormStaticComponent, DynamicFormTemplateDirective, DynamicFormTemplatePipe, DynamicFormTemplateService, DynamicFormTranslationComponent, DynamicFormUploadComponent, DynamicFormWysiwygComponent, EDITOR_TYPES, FORM_ROOT_ID, FormArray, FormDate, FormFieldSet, FormGroup, FormInput, FormSelect, FormSerializable, FormStatic, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, RichTranslationModel, TranslationModel, addFieldValidators, arrayLengthValidation, clearFieldArray, controlStatus, controlValues, convertToNumber, customizeFormField, emailValidation, enumValidation, equalsValidation, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, isFieldHidden, isFieldVisible, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDefault, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldMinDate, setFieldProp, setFieldProps, setFieldSerialize, setFieldValue, translationValidation };
+export { AsyncSubmitDirective, DEFAULT_NUMERIC_STEP, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormDateComponent, DynamicFormEditorComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormPasswordComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormStaticComponent, DynamicFormTemplateDirective, DynamicFormTemplatePipe, DynamicFormTemplateService, DynamicFormTranslationComponent, DynamicFormUploadComponent, DynamicFormWysiwygComponent, EDITOR_TYPES, FORM_ROOT_ID, FORM_SCHEMA_NOT_FOUND, FormArray, FormDate, FormFieldSet, FormGroup, FormInput, FormSelect, FormSerializable, FormStatic, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, RichTranslationModel, TranslationModel, addFieldValidators, arrayLengthValidation, clearFieldArray, controlStatus, controlValues, convertToNumber, customizeFormField, emailValidation, enumValidation, equalsValidation, formSchemaNotFound, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, isFieldHidden, isFieldVisible, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDefault, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldMinDate, setFieldProp, setFieldProps, setFieldSerialize, setFieldValue, translationValidation };
 //# sourceMappingURL=stemy-ngx-dynamic-form.mjs.map