@stemy/ngx-dynamic-form 19.9.33 → 19.9.35

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 { DiscriminatorFn, HttpRequestOptions, IAsyncMessage, MaybeArray, MaybePromise, OpenApiSchema, OpenApiSchemaProperty, RequireAtLeastOne, ResolveFactory, UnorderedListStyle, UploadData } from "@stemy/ngx-utils";
+import { DiscriminatorFn, IAsyncMessage, MaybeArray, MaybePromise, OpenApiSchema, OpenApiSchemaProperty, RequireAtLeastOne, 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";
@@ -70,7 +70,9 @@ export interface FormFieldProps extends FormlyFieldProps {
      */
     multiple?: boolean;
     /**
-     * Specifies that the input balue does not have to be in the options of chips component if false (default: true)
+     * If false, then:
+     *   - in chips component, the value does not have to ba in the options,
+     *   - in datepicker component it does not have to be an actual date, it could be any string
      */
     strict?: boolean;
     /**
@@ -129,7 +131,11 @@ export interface FormFieldProps extends FormlyFieldProps {
     /**
      * An array of weekdays to be disabled in calendar
      */
-    daysDisabled?: number[];
+    disabledDays?: number[];
+    /**
+     * An array of dates to be disabled in calendar
+     */
+    disabledDates?: ReadonlyArray<string | Date>;
     /**
      * 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.
      */
@@ -146,14 +152,6 @@ export interface FormFieldProps extends FormlyFieldProps {
      * Specifies the url the upload component uses for uploading assets
      */
     uploadUrl?: string;
-    maxSize?: number;
-    uploadOptions?: HttpRequestOptions;
-    createUploadData?: (file: File) => UploadData | Promise<UploadData>;
-    /**
-     * Old upload props
-     */
-    multi?: boolean;
-    asFile?: boolean;
     /**
      * Angular material specific props
      */
@@ -424,7 +422,7 @@ export type FormFieldData = Pick<FormFieldProps, "label" | "labelAlign" | "descr
      */
     validators?: Validators | ReadonlyArray<ValidatorFactory>;
 };
-export type FormInputData = FormFieldData & Pick<FormFieldProps, "type" | "pattern" | "placeholder" | "step" | "minLength" | "maxLength" | "autocomplete" | "suffix" | "indeterminate" | "cols" | "rows" | "daysDisabled"> & {
+export type FormInputData = FormFieldData & Pick<FormFieldProps, "type" | "pattern" | "placeholder" | "step" | "minLength" | "maxLength" | "autocomplete" | "suffix" | "indeterminate" | "cols" | "rows"> & {
     min?: number | Date;
     max?: number | Date;
 };
@@ -432,7 +430,11 @@ export type FormSelectData = FormFieldData & Pick<FormFieldProps, "multiple" | "
     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 FormDateData = FormFieldData & Pick<FormFieldProps, "disabledDays" | "disabledDates" | "strict"> & {
+    min?: string | Date;
+    max?: string | Date;
+};
+export type FormUploadData = FormFieldData & Pick<FormFieldProps, "inline" | "multiple" | "accept" | "url" | "uploadUrl">;
 export type FormGroupData = FormFieldData & Pick<FormFieldProps, "useTabs"> & {
     /**
      * Use this field as a field set instead of a keyed form group

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

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

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

@@ -5,29 +5,30 @@ 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-editor/dynamic-form-editor.component";
-import * as i6 from "./components/dynamic-form-password/dynamic-form-password.component";
-import * as i7 from "./components/dynamic-form-static/dynamic-form-static.component";
-import * as i8 from "./components/dynamic-form-translation/dynamic-form-translation.component";
-import * as i9 from "./components/dynamic-form-upload/dynamic-form-upload.component";
-import * as i10 from "./components/dynamic-form-wysiwyg/dynamic-form-wysiwyg.component";
-import * as i11 from "./components/dynamic-form-alert/dynamic-form-alert.component";
-import * as i12 from "./components/dynamic-form-field/dynamic-form-field.component";
-import * as i13 from "./components/dynamic-form-fieldset/dynamic-form-fieldset.component";
-import * as i14 from "./components/dynamic-form-group/dynamic-form-group.component";
-import * as i15 from "./directives/async-submit.directive";
-import * as i16 from "./directives/dynamic-form-template.directive";
-import * as i17 from "./pipes/dynamic-form-template.pipe";
-import * as i18 from "@angular/common";
-import * as i19 from "@angular/forms";
-import * as i20 from "@stemy/ngx-utils";
-import * as i21 from "@ngx-formly/core";
-import * as i22 from "@ngx-formly/core/select";
+import * as i5 from "./components/dynamic-form-date/dynamic-form-date.component";
+import * as i6 from "./components/dynamic-form-editor/dynamic-form-editor.component";
+import * as i7 from "./components/dynamic-form-password/dynamic-form-password.component";
+import * as i8 from "./components/dynamic-form-static/dynamic-form-static.component";
+import * as i9 from "./components/dynamic-form-translation/dynamic-form-translation.component";
+import * as i10 from "./components/dynamic-form-upload/dynamic-form-upload.component";
+import * as i11 from "./components/dynamic-form-wysiwyg/dynamic-form-wysiwyg.component";
+import * as i12 from "./components/dynamic-form-alert/dynamic-form-alert.component";
+import * as i13 from "./components/dynamic-form-field/dynamic-form-field.component";
+import * as i14 from "./components/dynamic-form-fieldset/dynamic-form-fieldset.component";
+import * as i15 from "./components/dynamic-form-group/dynamic-form-group.component";
+import * as i16 from "./directives/async-submit.directive";
+import * as i17 from "./directives/dynamic-form-template.directive";
+import * as i18 from "./pipes/dynamic-form-template.pipe";
+import * as i19 from "@angular/common";
+import * as i20 from "@angular/forms";
+import * as i21 from "@stemy/ngx-utils";
+import * as i22 from "@ngx-formly/core";
+import * as i23 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.DynamicFormEditorComponent, typeof i6.DynamicFormPasswordComponent, typeof i7.DynamicFormStaticComponent, typeof i8.DynamicFormTranslationComponent, typeof i9.DynamicFormUploadComponent, typeof i10.DynamicFormWysiwygComponent, typeof i11.DynamicFormAlertComponent, typeof i12.DynamicFormFieldComponent, typeof i13.DynamicFormFieldsetComponent, typeof i14.DynamicFormGroupComponent, typeof i15.AsyncSubmitDirective, typeof i16.DynamicFormTemplateDirective, typeof i17.DynamicFormTemplatePipe], [typeof i18.CommonModule, typeof i19.FormsModule, typeof i19.ReactiveFormsModule, typeof i20.NgxUtilsModule, typeof i21.FormlyModule, typeof i22.FormlySelectModule], [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormEditorComponent, typeof i6.DynamicFormPasswordComponent, typeof i7.DynamicFormStaticComponent, typeof i8.DynamicFormTranslationComponent, typeof i9.DynamicFormUploadComponent, typeof i10.DynamicFormWysiwygComponent, typeof i11.DynamicFormAlertComponent, typeof i12.DynamicFormFieldComponent, typeof i13.DynamicFormFieldsetComponent, typeof i14.DynamicFormGroupComponent, typeof i15.AsyncSubmitDirective, typeof i16.DynamicFormTemplateDirective, typeof i17.DynamicFormTemplatePipe, typeof i19.FormsModule, typeof i19.ReactiveFormsModule, typeof i20.NgxUtilsModule, typeof i21.FormlyModule, typeof i22.FormlySelectModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDynamicFormModule, [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormDateComponent, typeof i6.DynamicFormEditorComponent, typeof i7.DynamicFormPasswordComponent, typeof i8.DynamicFormStaticComponent, typeof i9.DynamicFormTranslationComponent, typeof i10.DynamicFormUploadComponent, typeof i11.DynamicFormWysiwygComponent, typeof i12.DynamicFormAlertComponent, typeof i13.DynamicFormFieldComponent, typeof i14.DynamicFormFieldsetComponent, typeof i15.DynamicFormGroupComponent, typeof i16.AsyncSubmitDirective, typeof i17.DynamicFormTemplateDirective, typeof i18.DynamicFormTemplatePipe], [typeof i19.CommonModule, typeof i20.FormsModule, typeof i20.ReactiveFormsModule, typeof i21.NgxUtilsModule, typeof i22.FormlyModule, typeof i23.FormlySelectModule], [typeof i1.DynamicFieldType, typeof i2.DynamicFormComponent, typeof i3.DynamicFormArrayComponent, typeof i4.DynamicFormChipsComponent, typeof i5.DynamicFormDateComponent, typeof i6.DynamicFormEditorComponent, typeof i7.DynamicFormPasswordComponent, typeof i8.DynamicFormStaticComponent, typeof i9.DynamicFormTranslationComponent, typeof i10.DynamicFormUploadComponent, typeof i11.DynamicFormWysiwygComponent, typeof i12.DynamicFormAlertComponent, typeof i13.DynamicFormFieldComponent, typeof i14.DynamicFormFieldsetComponent, typeof i15.DynamicFormGroupComponent, typeof i16.AsyncSubmitDirective, typeof i17.DynamicFormTemplateDirective, typeof i18.DynamicFormTemplatePipe, typeof i20.FormsModule, typeof i20.ReactiveFormsModule, typeof i21.NgxUtilsModule, typeof i22.FormlyModule, typeof i23.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, FormFieldSerializer, FormFieldSetData, FormGroupData, FormInputData, FormSelectData, FormSelectOption, FormSerializerData, FormStaticData, FormUploadData } from "../common-types";
+import { FormArrayData, FormBuilderOptions, FormDateData, FormFieldConfig, FormFieldData, FormFieldProps, FormFieldSerializer, FormFieldSetData, FormGroupData, FormInputData, FormSelectData, FormSelectOption, FormSerializerData, 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 {
@@ -20,6 +20,7 @@ export declare class DynamicFormBuilderService {
     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;
+    createFormDate(key: string, data: FormDateData, 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/services/dynamic-form-schema.service.d.ts

@@ -24,7 +24,7 @@ export declare class DynamicFormSchemaService {
     protected getFormInputConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
     protected getFormTextareaConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
     protected getFormEditorConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
-    protected getFormDatepickerConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
+    protected getFormDateConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
     protected getFormSelectConfig($enum: string[], property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
     protected getFormUploadConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;
     protected getFormCheckboxConfig(property: OpenApiSchemaProperty, options: ConfigForSchemaWrapOptions, parent: FormFieldConfig): FormFieldConfig;

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

@@ -1,7 +1,8 @@
 import { Type } from "@angular/core";
-import { FormArrayData, FormFieldSerializer, FormFieldSetData, FormGroupData, FormInputData, FormSelectData, FormSerializerData, FormStaticData, FormUploadData } from "../common-types";
+import { FormArrayData, FormDateData, FormFieldSerializer, FormFieldSetData, FormGroupData, FormInputData, FormSelectData, FormSerializerData, FormStaticData, FormUploadData } from "../common-types";
 export declare function FormInput(data?: FormInputData): PropertyDecorator;
 export declare function FormSelect(data?: FormSelectData): PropertyDecorator;
+export declare function FormDate(data?: FormDateData): PropertyDecorator;
 export declare function FormUpload(data?: FormUploadData): PropertyDecorator;
 export declare function FormStatic(data?: FormStaticData): PropertyDecorator;
 export declare function FormGroup(data?: FormGroupData): PropertyDecorator;

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

@@ -14,18 +14,6 @@ export declare function controlValues(control: AbstractControl, timeout?: number
  * @param timeout Additional timeout
  */
 export declare function controlStatus(control: AbstractControl, timeout?: number): Observable<DynamicFormStatus>;
-/**
- * Convert value to a string with corrected date format (date, date-time)
- * @param value Value to convert to date string
- * @param format Expected date format (date, date-time)
- */
-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
- * @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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@stemy/ngx-dynamic-form",
-  "version": "19.9.33",
+  "version": "19.9.35",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-dynamic-form.git",
   "author": "stemy <balazs.stemler@metrix.co.hu>",
   "peerDependencies": {
-    "@stemy/ngx-utils": ">=19.9.38",
+    "@stemy/ngx-utils": ">=19.9.46",
     "@ngx-formly/core": "^7.1.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, FormFieldLookup, FormFieldType, FormFieldChangeEvent, FormSerializeResult, FormSelectOption, FormSelectOptions, FormSelectOptionsFactory, FormFieldConditionFn, FormFieldCondition, IDynamicForm, ValidationMessageFn, ValidatorFn, ValidatorFactory, ValidatorExpression, Validators, AsyncValidatorFn, AsyncValidatorExpression, AsyncValidators, AllValidationErrors, FormFieldCustom, FormFieldData, FormInputData, FormSelectData, FormStaticData, FormUploadData, FormGroupData, FormArrayData, FormSerializerData, FormFieldSetData, AsyncSubmitMode, AsyncSubmitMethod, FormTemplateType, FormFieldCustomizer, ConfigForSchemaOptions, DynamicFormStatus, DynamicFormUpdateOn, DEFAULT_NUMERIC_STEP, IDynamicFormModuleConfig, } from "./ngx-dynamic-form/common-types";
+export { FORM_ROOT_ID, FormFieldKey, FormFieldLabelCustomizer, FormBuilderOptions, FormFieldArrayItemsAction, FormFieldProps, FormFieldSerializer, FormHookFn, FormHookConfig, FormFieldExpression, FormFieldExpressions, FormFieldConfig, FormFieldLookup, FormFieldType, FormFieldChangeEvent, FormSerializeResult, FormSelectOption, FormSelectOptions, FormSelectOptionsFactory, FormFieldConditionFn, FormFieldCondition, IDynamicForm, ValidationMessageFn, ValidatorFn, ValidatorFactory, ValidatorExpression, Validators, AsyncValidatorFn, AsyncValidatorExpression, AsyncValidators, AllValidationErrors, FormFieldCustom, FormFieldData, FormInputData, FormSelectData, FormStaticData, FormDateData, FormUploadData, FormGroupData, FormArrayData, FormSerializerData, FormFieldSetData, AsyncSubmitMode, AsyncSubmitMethod, FormTemplateType, FormFieldCustomizer, ConfigForSchemaOptions, DynamicFormStatus, DynamicFormUpdateOn, DEFAULT_NUMERIC_STEP, IDynamicFormModuleConfig, } from "./ngx-dynamic-form/common-types";
 export { IFormFieldCustomizer, customizeFormField } from "./ngx-dynamic-form/utils/customizer";
-export { FormInput, FormSelect, FormStatic, FormUpload, FormGroup, FormArray, FormSerializable, FormFieldSet } from "./ngx-dynamic-form/utils/decorators";
+export { FormInput, FormSelect, FormStatic, FormDate, FormUpload, FormGroup, FormArray, FormSerializable, FormFieldSet } from "./ngx-dynamic-form/utils/decorators";
 export { addFieldValidators, removeFieldValidators, jsonValidation, requiredValidation, translationValidation, phoneValidation, emailValidation, arrayLengthValidation, minLengthValidation, maxLengthValidation, minValueValidation, maxValueValidation, enumValidation, equalsValidation, setFieldMinDate } from "./ngx-dynamic-form/utils/validation";
-export { replaceSpecialChars, controlValues, controlStatus, convertToDateFormat, convertToDate, convertToNumber, getFieldByPath, getFieldsByPredicate, getFieldsByKey, getSelectOptions, replaceFieldArray, clearFieldArray, insertToFieldArray, removeFromFieldArray, setFieldDefault, setFieldValue, setFieldProps, setFieldProp, setFieldSerialize, setFieldHidden, setFieldDisabled, setFieldHooks, isFieldVisible, isFieldHidden, MIN_INPUT_NUM, MAX_INPUT_NUM, EDITOR_TYPES } from "./ngx-dynamic-form/utils/misc";
+export { replaceSpecialChars, controlValues, controlStatus, convertToNumber, getFieldByPath, getFieldsByPredicate, getFieldsByKey, getSelectOptions, replaceFieldArray, clearFieldArray, insertToFieldArray, removeFromFieldArray, setFieldDefault, setFieldValue, setFieldProps, setFieldProp, setFieldSerialize, setFieldHidden, setFieldDisabled, setFieldHooks, isFieldVisible, isFieldHidden, MIN_INPUT_NUM, MAX_INPUT_NUM, EDITOR_TYPES } from "./ngx-dynamic-form/utils/misc";
 export { RichTranslationModel } from "./ngx-dynamic-form/models/rich-translation.model";
 export { TranslationModel } from "./ngx-dynamic-form/models/translation.model";
 export { DynamicFormService } from "./ngx-dynamic-form/services/dynamic-form.service";
@@ -16,6 +16,7 @@ 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 { DynamicFormDateComponent } from "./ngx-dynamic-form/components/dynamic-form-date/dynamic-form-date.component";
 export { DynamicFormEditorComponent } from "./ngx-dynamic-form/components/dynamic-form-editor/dynamic-form-editor.component";
 export { DynamicFormPasswordComponent } from "./ngx-dynamic-form/components/dynamic-form-password/dynamic-form-password.component";
 export { DynamicFormStaticComponent } from "./ngx-dynamic-form/components/dynamic-form-static/dynamic-form-static.component";