@stemy/ngx-dynamic-form 19.7.6 → 19.7.7

package/ngx-dynamic-form/common-types.d.ts

@@ -3,7 +3,7 @@ import { AbstractControl, FormControl, FormGroup } from "@angular/forms";
 import { Observable } from "rxjs";
 import { ConfigOption, FormlyFieldConfig, FormlyFieldProps } from "@ngx-formly/core";
 import { FormlySelectOption } from "@ngx-formly/core/select";
-import { IAsyncMessage, OpenApiSchema, OpenApiSchemaProperty, HttpRequestOptions, MaybeArray, MaybePromise, UploadData, ResolveFactory } from "@stemy/ngx-utils";
+import { IAsyncMessage, OpenApiSchema, OpenApiSchemaProperty, HttpRequestOptions, MaybeArray, MaybePromise, UploadData, ResolveFactory, UnorderedListStyle } from "@stemy/ngx-utils";
 export declare const FORM_ROOT_ID = "__root";
 export type DynamicFormStatus = "VALID" | "INVALID" | "PENDING" | "DISABLED" | "LOADING";
 export type DynamicFormUpdateOn = "change" | "blur" | "submit";
@@ -116,6 +116,14 @@ export interface FormFieldProps extends FormlyFieldProps {
      * Specifies whether all the items can be removed from the array type component.
      */
     clearItems?: boolean;
+    /**
+     * Defines what properties should we display in static type component
+     */
+    properties?: string[];
+    /**
+     * Defines what style should we use in static type component
+     */
+    style?: UnorderedListStyle;
     /**
      * Specifies that the file upload component value is stored inline, so instead of an API call, the file Blob is inserted into the field value.
      */
@@ -217,6 +225,9 @@ export interface IDynamicForm {
     readonly onSubmit: OutputRef<IDynamicForm>;
     readonly onChanges: OutputRef<FormFieldChangeEvent>;
     reset(): void;
+    serialize(validate?: boolean): Promise<any>;
+    getField(path: string): FormFieldConfig;
+    getControl(path: string): AbstractControl;
 }
 type FormFieldValidatorFn<T> = ((control: AbstractControl, field?: FormlyFieldConfig) => T) & {
     validatorName?: string;
@@ -287,10 +298,14 @@ export type FormFieldData = Pick<FormFieldProps, "label" | "description" | "hide
      */
     validators?: Validators | ValidatorFn[];
 };
-export type FormInputData = FormFieldData & Pick<FormFieldProps, "type" | "pattern" | "placeholder" | "step" | "min" | "max" | "minLength" | "maxLength" | "autocomplete" | "suffix" | "indeterminate" | "cols" | "rows">;
+export type FormInputData = FormFieldData & Pick<FormFieldProps, "type" | "pattern" | "placeholder" | "step" | "minLength" | "maxLength" | "autocomplete" | "suffix" | "indeterminate" | "cols" | "rows"> & {
+    min?: number | Date;
+    max?: number | Date;
+};
 export type FormSelectData = FormFieldData & Pick<FormFieldProps, "multiple" | "strict" | "type" | "allowEmpty" | "groupBy" | "invert"> & {
     options?: ResolveFactory<FormSelectOptionsFactory> | FormSelectOptionsFactory;
 };
+export type FormStaticData = FormFieldData & Pick<FormFieldProps, "properties" | "style">;
 export type FormUploadData = FormFieldData & Pick<FormFieldProps, "inline" | "multiple" | "accept" | "url" | "maxSize" | "uploadOptions" | "createUploadData" | "multi" | "asFile" | "uploadUrl">;
 export type FormGroupData = FormFieldData & Pick<FormFieldProps, "useTabs">;
 export type FormArrayData = FormFieldData & Pick<FormFieldProps, "useTabs" | "tabsLabel" | "insertItem" | "cloneItem" | "moveItem" | "removeItem" | "addItem" | "clearItems">;

package/ngx-dynamic-form/components/dynamic-form/dynamic-form.component.d.ts

@@ -1,11 +1,13 @@
-import { FormGroup } from "@angular/forms";
+import { AbstractControl, FormGroup } from "@angular/forms";
 import { Subject } from "rxjs";
 import { FormlyFormOptions } from "@ngx-formly/core";
 import { EventsService } from "@stemy/ngx-utils";
-import { FormFieldChangeEvent, FormFieldConfig, FormFieldLabelCustomizer, IDynamicForm } from "../../common-types";
+import { FormFieldChangeEvent, FormFieldConfig, FormFieldLabelCustomizer, FormSerializeResult, IDynamicForm } from "../../common-types";
 import { DynamicFormBuilderService } from "../../services/dynamic-form-builder.service";
+import { DynamicFormService } from "../../services/dynamic-form.service";
 import * as i0 from "@angular/core";
 export declare class DynamicFormComponent implements IDynamicForm {
+    readonly forms: DynamicFormService;
     protected readonly builder: DynamicFormBuilderService;
     protected readonly events: EventsService;
     protected readonly languages: import("@stemy/ngx-utils").ILanguageService;
@@ -25,9 +27,12 @@ export declare class DynamicFormComponent implements IDynamicForm {
     readonly onSubmit: import("@angular/core").OutputEmitterRef<IDynamicForm>;
     readonly onChanges: import("@angular/core").OutputRef<FormFieldChangeEvent>;
     readonly options: FormlyFormOptions;
-    constructor();
+    constructor(forms: DynamicFormService);
     submit(): void;
     reset(): void;
+    serialize(validate?: boolean): Promise<FormSerializeResult>;
+    getField(path: string): FormFieldConfig;
+    getControl(path: string): AbstractControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "dynamic-form", never, { "labelPrefix": { "alias": "labelPrefix"; "required": false; "isSignal": true; }; "labelCustomizer": { "alias": "labelCustomizer"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "useTabs": { "alias": "useTabs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onChanges": "onChanges"; }, never, ["*"], false, never>;
 }

package/ngx-dynamic-form/components/dynamic-form-static/dynamic-form-static.component.d.ts

@@ -0,0 +1,6 @@
+import { DynamicFieldType } from "../base/dynamic-field-type";
+import * as i0 from "@angular/core";
+export declare class DynamicFormStaticComponent extends DynamicFieldType {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormStaticComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormStaticComponent, "dynamic-form-chips", never, {}, {}, never, never, false, never>;
+}

package/ngx-dynamic-form/components/dynamic-form-wysiwyg/dynamic-form-wysiwyg.component.d.ts

@@ -0,0 +1,6 @@
+import { DynamicFieldType } from "../base/dynamic-field-type";
+import * as i0 from "@angular/core";
+export declare class DynamicFormWysiwygComponent extends DynamicFieldType {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormWysiwygComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormWysiwygComponent, "dynamic-form-wysiwyg", never, {}, {}, never, never, false, never>;
+}

package/ngx-dynamic-form/ngx-dynamic-form.module.d.ts

@@ -5,22 +5,24 @@ import * as i1 from "./components/base/dynamic-field-type";
 import * as i2 from "./components/dynamic-form/dynamic-form.component";
 import * as i3 from "./components/dynamic-form-array/dynamic-form-array.component";
 import * as i4 from "./components/dynamic-form-chips/dynamic-form-chips.component";
-import * as i5 from "./components/dynamic-form-upload/dynamic-form-upload.component";
-import * as i6 from "./components/dynamic-form-alert/dynamic-form-alert.component";
-import * as i7 from "./components/dynamic-form-field/dynamic-form-field.component";
-import * as i8 from "./components/dynamic-form-fieldset/dynamic-form-fieldset.component";
-import * as i9 from "./components/dynamic-form-group/dynamic-form-group.component";
-import * as i10 from "./directives/async-submit.directive";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/forms";
-import * as i13 from "@stemy/ngx-utils";
-import * as i14 from "@ngx-formly/core";
-import * as i15 from "@ngx-formly/core/select";
+import * as i5 from "./components/dynamic-form-static/dynamic-form-static.component";
+import * as i6 from "./components/dynamic-form-upload/dynamic-form-upload.component";
+import * as i7 from "./components/dynamic-form-wysiwyg/dynamic-form-wysiwyg.component";
+import * as i8 from "./components/dynamic-form-alert/dynamic-form-alert.component";
+import * as i9 from "./components/dynamic-form-field/dynamic-form-field.component";
+import * as i10 from "./components/dynamic-form-fieldset/dynamic-form-fieldset.component";
+import * as i11 from "./components/dynamic-form-group/dynamic-form-group.component";
+import * as i12 from "./directives/async-submit.directive";
+import * as i13 from "@angular/common";
+import * as i14 from "@angular/forms";
+import * as i15 from "@stemy/ngx-utils";
+import * as i16 from "@ngx-formly/core";
+import * as i17 from "@ngx-formly/core/select";
 export declare class NgxDynamicFormModule {
     private static getProviders;
     static forRoot(config?: IDynamicFormModuleConfig): ModuleWithProviders<NgxDynamicFormModule>;
     static provideForms(config?: IDynamicFormModuleConfig): EnvironmentProviders;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxDynamicFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDynamicFormModule, [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormUploadComponent, typeof i6.DynamicFormAlertComponent, typeof i7.DynamicFormFieldComponent, typeof i8.DynamicFormFieldsetComponent, typeof i9.DynamicFormGroupComponent, typeof i10.AsyncSubmitDirective], [typeof i11.CommonModule, typeof i12.FormsModule, typeof i12.ReactiveFormsModule, typeof i13.NgxUtilsModule, typeof i14.FormlyModule, typeof i15.FormlySelectModule], [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormUploadComponent, typeof i6.DynamicFormAlertComponent, typeof i7.DynamicFormFieldComponent, typeof i8.DynamicFormFieldsetComponent, typeof i9.DynamicFormGroupComponent, typeof i10.AsyncSubmitDirective, typeof i12.FormsModule, typeof i12.ReactiveFormsModule, typeof i13.NgxUtilsModule, typeof i14.FormlyModule, typeof i15.FormlySelectModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDynamicFormModule, [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormStaticComponent, typeof i6.DynamicFormUploadComponent, typeof i7.DynamicFormWysiwygComponent, typeof i8.DynamicFormAlertComponent, typeof i9.DynamicFormFieldComponent, typeof i10.DynamicFormFieldsetComponent, typeof i11.DynamicFormGroupComponent, typeof i12.AsyncSubmitDirective], [typeof i13.CommonModule, typeof i14.FormsModule, typeof i14.ReactiveFormsModule, typeof i15.NgxUtilsModule, typeof i16.FormlyModule, typeof i17.FormlySelectModule], [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormStaticComponent, typeof i6.DynamicFormUploadComponent, typeof i7.DynamicFormWysiwygComponent, typeof i8.DynamicFormAlertComponent, typeof i9.DynamicFormFieldComponent, typeof i10.DynamicFormFieldsetComponent, typeof i11.DynamicFormGroupComponent, typeof i12.AsyncSubmitDirective, typeof i14.FormsModule, typeof i14.ReactiveFormsModule, typeof i15.NgxUtilsModule, typeof i16.FormlyModule, typeof i17.FormlySelectModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxDynamicFormModule>;
 }

package/ngx-dynamic-form/services/dynamic-form-builder.service.d.ts

@@ -1,7 +1,7 @@
 import { Injector, Type } from "@angular/core";
 import { Observable } from "rxjs";
 import { EventsService, IApiService, ILanguageService } from "@stemy/ngx-utils";
-import { FormArrayData, FormBuilderOptions, FormFieldConfig, FormFieldData, FormFieldProps, FormGroupData, FormInputData, FormSelectData, FormSelectOption, FormUploadData } from "../common-types";
+import { FormArrayData, FormBuilderOptions, FormFieldConfig, FormFieldData, FormFieldProps, FormGroupData, FormInputData, FormSelectData, FormSelectOption, FormStaticData, FormUploadData } from "../common-types";
 import * as i0 from "@angular/core";
 export type FormFieldBuilder = (fb: DynamicFormBuilderService, parent: FormFieldConfig, options: FormBuilderOptions) => Partial<FormFieldConfig>;
 export declare class DynamicFormBuilderService {
@@ -17,6 +17,7 @@ export declare class DynamicFormBuilderService {
     createFieldSets(fields: FormFieldConfig[], parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig[];
     createFormInput(key: string, data: FormInputData, parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig;
     createFormSelect(key: string, data: FormSelectData, parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig;
+    createFormStatic(key: string, data: FormStaticData, parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig;
     createFormUpload(key: string, data: FormUploadData, parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig;
     createFormGroup(key: string, fields: (parent: FormFieldConfig) => FormFieldConfig[], data: FormGroupData, parent: FormFieldConfig, options: FormBuilderOptions): FormFieldConfig;
     createFormGroup(key: string, fields: (parent: FormFieldConfig) => Promise<FormFieldConfig[]>, data: FormGroupData, parent: FormFieldConfig, options: FormBuilderOptions): Promise<FormFieldConfig>;

package/ngx-dynamic-form/utils/decorators.d.ts

@@ -1,10 +1,11 @@
-import { FormArrayData, FormFieldSerializer, FormGroupData, FormInputData, FormSelectData, FormUploadData } from "../common-types";
+import { FormArrayData, FormFieldSerializer, FormGroupData, FormInputData, FormSelectData, FormStaticData, FormUploadData } from "../common-types";
 import { Type } from "@angular/core";
 export declare function FormSerializable(serializer?: FormFieldSerializer): PropertyDecorator;
 export declare function FormInput(data?: FormInputData): PropertyDecorator;
 export declare function FormSelect(data?: FormSelectData): PropertyDecorator;
 export declare function FormUpload(data?: FormUploadData): PropertyDecorator;
 export declare function FormFile(data?: FormUploadData): PropertyDecorator;
+export declare function FormStatic(data?: FormStaticData): PropertyDecorator;
 export declare function FormGroup(data?: FormGroupData): PropertyDecorator;
 export declare function FormArray(itemType: string | FormInputData | Type<any>, data?: FormArrayData): PropertyDecorator;
 export declare function FormModel(data?: FormGroupData): PropertyDecorator;

package/ngx-dynamic-form/utils/misc.d.ts

@@ -22,10 +22,16 @@ export declare function controlStatus(control: AbstractControl, timeout?: number
 export declare function convertToDateFormat(value: any, format: string): any;
 /**
  * Convert value to date object with format (date, date-time)
- * @param value Value to convert to date string
+ * @param value Value to convert to date
  * @param format Expected date format (date, date-time)
  */
 export declare function convertToDate(value: any, format: string): any;
+/**
+ * Convert potential number value to an actual number
+ * @param value Value to convert to number
+ * @param defaultVal Default value if original is not a number
+ */
+export declare function convertToNumber(value: any, defaultVal?: number): any;
 export declare function getFieldByPath(field: FormFieldConfig, path: string): FormFieldConfig | null;
 export declare function getFieldsByPredicate(field: FormFieldConfig, cb: (field: FormFieldConfig) => boolean): FormFieldConfig[];
 export declare function getFieldsByKey(field: FormFieldConfig, key: FormFieldKey): FormFieldConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stemy/ngx-dynamic-form",
-  "version": "19.7.6",
+  "version": "19.7.7",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-dynamic-form.git",
@@ -22,7 +22,7 @@
     "ngx-device-detector": "^9.0.0",
     "@floating-ui/dom": "^1.7.1",
     "json5": "^2.2.3",
-    "@stemy/ngx-utils": ">=19.7.16",
+    "@stemy/ngx-utils": ">=19.7.30",
     "@ngx-formly/core": "^7.0.0",
     "ngx-mask": "^19.0.7",
     "@angular/material": "^19.2.18"

package/public_api.d.ts

@@ -1,8 +1,8 @@
-export { FORM_ROOT_ID, FormFieldKey, FormFieldLabelCustomizer, FormBuilderOptions, FormFieldArrayItemsAction, FormFieldProps, FormFieldSerializer, FormHookFn, FormHookConfig, FormFieldExpression, FormFieldExpressions, FormFieldConfig, FormFieldType, FormFieldChangeEvent, FormSerializeResult, FormSelectOption, FormSelectOptions, FormSelectOptionsFactory, FormFieldConditionFn, FormFieldCondition, IDynamicForm, ValidationMessageFn, ValidatorFn, ValidatorExpression, Validators, AsyncValidatorFn, AsyncValidatorExpression, AsyncValidators, AllValidationErrors, FormFieldCustom, FormFieldData, FormInputData, FormSelectData, FormUploadData, FormGroupData, FormArrayData, AsyncSubmitMode, AsyncSubmitMethod, FormFieldCustomizer, ConfigForSchemaOptions, DynamicFormStatus, DynamicFormUpdateOn, IDynamicFormModuleConfig, } from "./ngx-dynamic-form/common-types";
+export { FORM_ROOT_ID, FormFieldKey, FormFieldLabelCustomizer, FormBuilderOptions, FormFieldArrayItemsAction, FormFieldProps, FormFieldSerializer, FormHookFn, FormHookConfig, FormFieldExpression, FormFieldExpressions, FormFieldConfig, FormFieldType, FormFieldChangeEvent, FormSerializeResult, FormSelectOption, FormSelectOptions, FormSelectOptionsFactory, FormFieldConditionFn, FormFieldCondition, IDynamicForm, ValidationMessageFn, ValidatorFn, ValidatorExpression, Validators, AsyncValidatorFn, AsyncValidatorExpression, AsyncValidators, AllValidationErrors, FormFieldCustom, FormFieldData, FormInputData, FormSelectData, FormStaticData, FormUploadData, FormGroupData, FormArrayData, AsyncSubmitMode, AsyncSubmitMethod, FormFieldCustomizer, ConfigForSchemaOptions, DynamicFormStatus, DynamicFormUpdateOn, IDynamicFormModuleConfig, } from "./ngx-dynamic-form/common-types";
 export { IFormFieldCustomizer, customizeFormField } from "./ngx-dynamic-form/utils/customizer";
-export { FormSerializable, FormInput, FormSelect, FormUpload, FormFile, FormGroup, FormArray, FormModel } from "./ngx-dynamic-form/utils/decorators";
+export { FormSerializable, FormInput, FormSelect, FormStatic, FormUpload, FormFile, FormGroup, FormArray, FormModel } from "./ngx-dynamic-form/utils/decorators";
 export { addFieldValidators, removeFieldValidators, jsonValidation, requiredValidation, translationValidation, phoneValidation, emailValidation, arrayLengthValidation, minLengthValidation, maxLengthValidation, minValueValidation, maxValueValidation } from "./ngx-dynamic-form/utils/validation";
-export { replaceSpecialChars, controlValues, controlStatus, convertToDateFormat, convertToDate, getFieldByPath, getFieldsByPredicate, getFieldsByKey, getSelectOptions, replaceFieldArray, clearFieldArray, insertToFieldArray, removeFromFieldArray, setFieldDefault, setFieldProps, setFieldProp, setFieldHidden, setFieldDisabled, setFieldHooks, MIN_INPUT_NUM, MAX_INPUT_NUM, EDITOR_FORMATS } from "./ngx-dynamic-form/utils/misc";
+export { replaceSpecialChars, controlValues, controlStatus, convertToDateFormat, convertToDate, convertToNumber, getFieldByPath, getFieldsByPredicate, getFieldsByKey, getSelectOptions, replaceFieldArray, clearFieldArray, insertToFieldArray, removeFromFieldArray, setFieldDefault, setFieldProps, setFieldProp, setFieldHidden, setFieldDisabled, setFieldHooks, MIN_INPUT_NUM, MAX_INPUT_NUM, EDITOR_FORMATS } from "./ngx-dynamic-form/utils/misc";
 export { DynamicFormBuilderService } from "./ngx-dynamic-form/services/dynamic-form-builder.service";
 export { DynamicFormSchemaService } from "./ngx-dynamic-form/services/dynamic-form-schema.service";
 export { DynamicFormService } from "./ngx-dynamic-form/services/dynamic-form.service";
@@ -11,7 +11,9 @@ export { DynamicFieldType } from "./ngx-dynamic-form/components/base/dynamic-fie
 export { DynamicFormComponent } from "./ngx-dynamic-form/components/dynamic-form/dynamic-form.component";
 export { DynamicFormArrayComponent } from "./ngx-dynamic-form/components/dynamic-form-array/dynamic-form-array.component";
 export { DynamicFormChipsComponent } from "./ngx-dynamic-form/components/dynamic-form-chips/dynamic-form-chips.component";
+export { DynamicFormStaticComponent } from "./ngx-dynamic-form/components/dynamic-form-static/dynamic-form-static.component";
 export { DynamicFormUploadComponent } from "./ngx-dynamic-form/components/dynamic-form-upload/dynamic-form-upload.component";
+export { DynamicFormWysiwygComponent } from "./ngx-dynamic-form/components/dynamic-form-wysiwyg/dynamic-form-wysiwyg.component";
 export { DynamicFormAlertComponent } from "./ngx-dynamic-form/components/dynamic-form-alert/dynamic-form-alert.component";
 export { DynamicFormFieldComponent } from "./ngx-dynamic-form/components/dynamic-form-field/dynamic-form-field.component";
 export { DynamicFormFieldsetComponent } from "./ngx-dynamic-form/components/dynamic-form-fieldset/dynamic-form-fieldset.component";