@webilix/ngx-form-m3 0.0.34 → 0.0.39

package/index.d.ts

@@ -5,7 +5,7 @@ import { Router } from '@angular/router';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { ComponentType } from '@angular/cdk/portal';
 
-type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputText | IInputTextarea | IInputUrl;
+type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputItemList | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputOptionList | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputText | IInputTextarea | IInputUrl;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;
@@ -97,24 +97,43 @@ interface IInputColor extends Omit<IInput, 'english' | 'autoFocus'> {
     readonly type: 'COLOR';
 }
 
+type NgxFormComponentInputs = {
+    [key: string]: any;
+};
+interface INgxFormCoordinates {
+    readonly latitude: number;
+    readonly longitude: number;
+}
+interface INgxFormOption {
+    readonly id: string;
+    readonly title: string;
+}
+interface INgxFormOptionGroup {
+    readonly title: string;
+    readonly ids: string[];
+}
+interface INgxFormName {
+    readonly first: string;
+    readonly last: string;
+}
+interface INgxFormOptionList {
+    readonly id: string | null;
+    readonly title: string;
+}
+type NgxFormRoute = INgxFormCoordinates[];
+
 interface IInputComponent extends Omit<IInput, 'value' | 'english' | 'autoFocus'> {
     readonly type: 'COMPONENT';
     readonly value?: any;
     readonly component: ComponentType<any>;
-    readonly componentInputs?: {
-        [key: string]: any;
-    };
+    readonly componentInputs?: NgxFormComponentInputs;
     readonly zeroPadding?: boolean;
 }
 
-interface ICoordinates {
-    latitude: number;
-    longitude: number;
-}
 interface IInputCoordinates extends Omit<IInput, 'value' | 'english' | 'autoFocus'> {
     readonly type: 'COORDINATES';
-    readonly value?: ICoordinates | null;
-    readonly center?: ICoordinates;
+    readonly value?: INgxFormCoordinates | null;
+    readonly center?: INgxFormCoordinates;
     readonly zoom?: number;
 }
 
@@ -144,6 +163,17 @@ interface IInputIp extends Omit<IInput, 'english'> {
     readonly showIcon?: boolean;
 }
 
+interface IInputItemList extends Omit<IInput, 'value' | 'optional'> {
+    readonly type: 'ITEM-LIST';
+    readonly title: string;
+    readonly value?: string[];
+    readonly minCount?: number;
+    readonly maxCount?: number;
+    readonly disableSort?: boolean;
+    readonly allowDuplicates?: boolean;
+    readonly placeholder?: string;
+}
+
 interface IInputMobile extends Omit<IInput, 'english'> {
     readonly type: 'MOBILE';
     readonly showIcon?: boolean;
@@ -160,14 +190,8 @@ interface IInputMultiSelect extends Omit<IInput, 'value' | 'optional' | 'autoFoc
     readonly type: 'MULTI-SELECT';
     readonly title: string;
     readonly value?: string[] | null;
-    readonly options: {
-        readonly id: string;
-        readonly title: string;
-    }[];
-    readonly groups?: {
-        readonly title: string;
-        readonly ids: string[];
-    }[];
+    readonly options: INgxFormOption[];
+    readonly groups?: INgxFormOptionGroup[];
     readonly minCount?: number;
     readonly maxCount?: number;
     readonly listMaxHeight?: number;
@@ -175,13 +199,9 @@ interface IInputMultiSelect extends Omit<IInput, 'value' | 'optional' | 'autoFoc
     readonly view?: 'SELECT';
 }
 
-interface IName {
-    readonly first: string;
-    readonly last: string;
-}
 interface IInputName extends Omit<IInput, 'value' | 'hint' | 'english' | 'description' | 'button'> {
     readonly type: 'NAME';
-    readonly value?: IName | null;
+    readonly value?: INgxFormName | null;
 }
 
 interface IInputNumber extends Omit<IInput, 'value' | 'english'> {
@@ -198,6 +218,17 @@ interface IInputNumber extends Omit<IInput, 'value' | 'english'> {
     readonly showText?: boolean;
 }
 
+interface IInputOptionList extends Omit<IInput, 'value' | 'optional'> {
+    readonly type: 'OPTION-LIST';
+    readonly title: string;
+    readonly value?: INgxFormOptionList[];
+    readonly minCount?: number;
+    readonly maxCount?: number;
+    readonly disableSort?: boolean;
+    readonly allowDuplicates?: boolean;
+    readonly placeholder?: string;
+}
+
 interface IInputPassword extends Omit<IInput, 'english' | 'value'> {
     readonly type: 'PASSWORD';
     readonly verify?: {
@@ -219,25 +250,17 @@ interface IInputPrice extends Omit<IInput, 'value' | 'english'> {
     readonly hideText?: boolean;
 }
 
-interface IRouteCoordinates {
-    latitude: number;
-    longitude: number;
-}
-type Route = IRouteCoordinates[];
 interface IInputRoute extends Omit<IInput, 'value' | 'english' | 'autoFocus'> {
     readonly type: 'ROUTE';
-    readonly value?: Route | null;
-    readonly center?: IRouteCoordinates;
+    readonly value?: NgxFormRoute | null;
+    readonly center?: INgxFormCoordinates;
     readonly zoom?: number;
 }
 
 interface IInputSelect extends IInput {
     readonly type: 'SELECT';
     readonly title: string;
-    readonly options: {
-        readonly id: string;
-        readonly title: string;
-    }[];
+    readonly options: INgxFormOption[];
     readonly hideSearch?: boolean;
 }
 
@@ -324,4 +347,4 @@ declare class NgxFormComponent implements OnInit, OnChanges, AfterViewInit {
 }
 
 export { NGX_FORM_CONFIG, NGX_FORM_CONTROL, NGX_FORM_INPUT, NgxFormComponent, provideNgxFormConfig };
-export type { IInputComponent, INgxForm, INgxFormButton, INgxFormConfig, INgxFormInit, INgxFormValues, NgxFormInputs };
+export type { IInputComponent, INgxForm, INgxFormButton, INgxFormConfig, INgxFormCoordinates, INgxFormInit, INgxFormName, INgxFormOption, INgxFormOptionGroup, INgxFormOptionList, INgxFormValues, NgxFormComponentInputs, NgxFormInputs, NgxFormRoute };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-form-m3",
-  "version": "0.0.34",
+  "version": "0.0.39",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {
@@ -27,7 +27,7 @@
     "@webilix/helper-library": ">=6.1.5",
     "@webilix/jalali-date-time": ">=2.0.7",
     "@webilix/ngx-calendar-m3": ">=0.0.15",
-    "@webilix/ngx-helper-m3": ">=0.0.31",
+    "@webilix/ngx-helper-m3": ">=0.0.32",
     "ngx-mask": ">=19.0.7"
   },
   "dependencies": {