@masterteam/components 0.0.8 → 0.0.10

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { AbstractControl, ValidatorFn } from '@angular/forms';
 
 declare function provideMTComponents(): _angular_core.EnvironmentProviders;
 
@@ -15,7 +15,9 @@ type TailwindColorPalette = {
  */
 declare function generateTailwindPalette(primaryColor500: string): TailwindColorPalette;
 
-type FieldType = 'text' | 'textarea' | 'select' | 'date' | 'number' | 'slider' | 'multi-select' | 'checkbox' | string;
+declare function isInvalid(control: AbstractControl | null): boolean;
+
+type FieldType = 'text' | 'textarea' | 'select' | 'date' | 'number' | 'slider' | 'multi-select' | 'checkbox' | 'icon-field' | 'color-picker' | string;
 type ValidatorType = 'required' | 'email' | 'minLength' | 'maxLength' | 'min' | 'max' | 'pattern' | 'custom';
 declare class ValidatorConfig {
     type: ValidatorType;
@@ -231,8 +233,21 @@ declare class CheckboxFieldConfig extends BaseFieldConfig {
         checkboxIcon?: string;
     });
 }
+declare class ColorPickerFieldConfig extends BaseFieldConfig {
+    format?: 'hex' | 'rgb' | 'hsb';
+    inline?: boolean;
+    appendTo?: any;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        format?: 'hex' | 'rgb' | 'hsb';
+        inline?: boolean;
+        appendTo?: any;
+    });
+}
+declare class IconFieldConfig extends BaseFieldConfig {
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {});
+}
 type DynamicFieldConfig = {
-    [K in keyof (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & BaseFieldConfig)]?: (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & BaseFieldConfig)[K];
+    [K in keyof (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & ColorPickerFieldConfig & IconFieldConfig & BaseFieldConfig)]?: (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & ColorPickerFieldConfig & IconFieldConfig & BaseFieldConfig)[K];
 };
 interface LayoutConfig {
     containerClass?: string;
@@ -256,5 +271,5 @@ interface SectionConfig {
 declare function createCustomValidator(customValidator: (value: any) => boolean | Promise<boolean>, message?: string): ValidatorFn;
 declare function wrapValidatorWithMessage(validator: ValidatorFn, errorKey: string, message: string): ValidatorFn;
 
-export { BaseFieldConfig, CheckboxFieldConfig, DateFieldConfig, MultiSelectFieldConfig, NumberFieldConfig, SelectFieldConfig, SliderFieldConfig, TextFieldConfig, TextareaFieldConfig, ValidatorConfig, createCustomValidator, generateTailwindPalette, provideMTComponents, wrapValidatorWithMessage };
+export { BaseFieldConfig, CheckboxFieldConfig, ColorPickerFieldConfig, DateFieldConfig, IconFieldConfig, MultiSelectFieldConfig, NumberFieldConfig, SelectFieldConfig, SliderFieldConfig, TextFieldConfig, TextareaFieldConfig, ValidatorConfig, createCustomValidator, generateTailwindPalette, isInvalid, provideMTComponents, wrapValidatorWithMessage };
 export type { BaseFieldConstructorConfig, DynamicFieldConfig, DynamicFormConfig, FieldType, LayoutConfig, SectionConfig, ValidatorType };

package/list/index.d.ts

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+interface ListItem {
+    [key: string]: any;
+}
+declare class List {
+    data: _angular_core.InputSignal<ListItem[]>;
+    separated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    template: _angular_core.InputSignal<TemplateRef<any> | null>;
+    effectiveTemplate: _angular_core.Signal<TemplateRef<any> | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<List, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "mt-list", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "separated": { "alias": "separated"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, ["itemTemplate"], never, true, never>;
+}
+
+export { List };
+export type { ListItem };

package/multi-select-field/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
 import { MultiSelect } from 'primeng/multiselect';
+import { isInvalid } from '@masterteam/components';
 
 declare class MultiSelectField implements ControlValueAccessor, OnInit, OnChanges {
     multiSelect: MultiSelect;
@@ -27,6 +28,7 @@ declare class MultiSelectField implements ControlValueAccessor, OnInit, OnChange
     onTouched: () => void;
     onModelChange: (value: any) => void;
     ngControl: NgControl;
+    isInvalid: typeof isInvalid;
     constructor();
     applyInputsToMultiSelect(): void;
     ngOnInit(): void;

package/number-field/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
 import { InputNumber } from 'primeng/inputnumber';
+import { isInvalid } from '@masterteam/components';
 
 declare class NumberField implements ControlValueAccessor, OnInit, OnChanges {
     inputNumber: InputNumber;
@@ -17,6 +18,7 @@ declare class NumberField implements ControlValueAccessor, OnInit, OnChanges {
     readonly max: _angular_core.InputSignal<number>;
     styleClass: string;
     ngControl: NgControl;
+    isInvalid: typeof isInvalid;
     requiredValidator: typeof Validators.required;
     value: _angular_core.WritableSignal<number | null>;
     disabled: _angular_core.WritableSignal<boolean>;

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^20.1.0",
-    "@angular/core": "^20.1.0",
-    "@angular/forms": "^20.1.0",
+    "@angular/common": "^20.1.3",
+    "@angular/core": "^20.1.3",
+    "@angular/forms": "^20.1.3",
     "@primeuix/themes": "^1.2.1",
     "@tailwindcss/postcss": "^4.1.11",
     "postcss": "^8.5.6",
-    "primeng": "20.0.0-rc.3",
+    "primeng": "^20.0.0",
     "tailwindcss": "^4.1.11",
-    "tailwindcss-primeui": "^0.6.1"
+    "tailwindcss-primeui": "^0.6.1",
+    "ngx-quill": "^28.0.0",
+    "quill": "^2.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0",
@@ -36,42 +38,74 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/masterteam-components.mjs"
     },
-    "./checkbox-field": {
-      "types": "./checkbox-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/masterteam-components-avatar.mjs"
     },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/masterteam-components-button.mjs"
     },
-    "./field-validation": {
-      "types": "./field-validation/index.d.ts",
-      "default": "./fesm2022/masterteam-components-field-validation.mjs"
+    "./button-group": {
+      "types": "./button-group/index.d.ts",
+      "default": "./fesm2022/masterteam-components-button-group.mjs"
+    },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/masterteam-components-card.mjs"
+    },
+    "./avatar-text": {
+      "types": "./avatar-text/index.d.ts",
+      "default": "./fesm2022/masterteam-components-avatar-text.mjs"
+    },
+    "./checkbox-field": {
+      "types": "./checkbox-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
+    },
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "default": "./fesm2022/masterteam-components-chip.mjs"
+    },
+    "./color-picker-field": {
+      "types": "./color-picker-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-color-picker-field.mjs"
     },
     "./date-field": {
       "types": "./date-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-date-field.mjs"
     },
+    "./field-validation": {
+      "types": "./field-validation/index.d.ts",
+      "default": "./fesm2022/masterteam-components-field-validation.mjs"
+    },
+    "./editor-field": {
+      "types": "./editor-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-editor-field.mjs"
+    },
     "./icon-field": {
       "types": "./icon-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-icon-field.mjs"
     },
-    "./multi-select-field": {
-      "types": "./multi-select-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
+    "./list": {
+      "types": "./list/index.d.ts",
+      "default": "./fesm2022/masterteam-components-list.mjs"
     },
     "./number-field": {
       "types": "./number-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-number-field.mjs"
     },
-    "./slider-field": {
-      "types": "./slider-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-slider-field.mjs"
+    "./multi-select-field": {
+      "types": "./multi-select-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
     },
     "./select-field": {
       "types": "./select-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-select-field.mjs"
     },
+    "./slider-field": {
+      "types": "./slider-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-slider-field.mjs"
+    },
     "./text-field": {
       "types": "./text-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-text-field.mjs"

package/select-field/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, ChangeDetectorRef, EventEmitter, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
 import { Select } from 'primeng/select';
+import { isInvalid } from '@masterteam/components';
 
 declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
     cdr: ChangeDetectorRef;
@@ -29,6 +30,7 @@ declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
     onTouched: () => void;
     onModelChange: (value: any) => void;
     ngControl: NgControl;
+    isInvalid: typeof isInvalid;
     constructor();
     applyInputsToDropdown(): void;
     ngOnInit(): void;

package/slider-field/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
 import { Slider, SliderChangeEvent, SliderSlideEndEvent } from 'primeng/slider';
+import { isInvalid } from '@masterteam/components';
 
 declare class SliderField implements ControlValueAccessor, OnInit, OnChanges {
     input: Slider;
@@ -25,6 +26,7 @@ declare class SliderField implements ControlValueAccessor, OnInit, OnChanges {
     onTouched: () => void;
     onModelChange: (value: number | null) => void;
     ngControl: NgControl;
+    isInvalid: typeof isInvalid;
     constructor();
     applyInputsToInput(): void;
     ngOnInit(): void;

package/text-field/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
 import { KeyFilterPattern } from 'primeng/keyfilter';
+import { isInvalid } from '@masterteam/components';
 
 declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     inputText: HTMLInputElement;
@@ -22,6 +23,7 @@ declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     onTouched: () => void;
     onModelChange: (value: any) => void;
     ngControl: NgControl | null;
+    isInvalid: typeof isInvalid;
     constructor();
     ngOnInit(): void;
     applyInputsToInputText(): void;

package/textarea-field/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
+import { isInvalid } from '@masterteam/components';
 
 declare class TextareaField implements ControlValueAccessor, OnInit, OnChanges {
     textarea: HTMLTextAreaElement;
@@ -19,6 +20,7 @@ declare class TextareaField implements ControlValueAccessor, OnInit, OnChanges {
     onTouched: () => void;
     onModelChange: (value: string | null) => void;
     ngControl: NgControl;
+    isInvalid: typeof isInvalid;
     constructor();
     applyInputsToTextarea(): void;
     ngOnInit(): void;