@masterteam/components 0.0.2 → 0.0.4

package/index.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { ValidatorFn } from '@angular/forms';
 
 declare function provideMTComponents(): _angular_core.EnvironmentProviders;
 
@@ -14,4 +15,246 @@ type TailwindColorPalette = {
  */
 declare function generateTailwindPalette(primaryColor500: string): TailwindColorPalette;
 
-export { generateTailwindPalette, provideMTComponents };
+type FieldType = 'text' | 'textarea' | 'select' | 'date' | 'number' | 'slider' | 'multi-select' | 'checkbox' | string;
+type ValidatorType = 'required' | 'email' | 'minLength' | 'maxLength' | 'min' | 'max' | 'pattern' | 'custom';
+declare class ValidatorConfig {
+    type: ValidatorType;
+    value?: any;
+    message?: string;
+    customValidator?: (value: any) => boolean | Promise<boolean>;
+    constructor(config: {
+        type: ValidatorType;
+        value?: any;
+        message?: string;
+        customValidator?: (value: any) => boolean | Promise<boolean>;
+    });
+    static required(message?: string): ValidatorConfig;
+    static email(message?: string): ValidatorConfig;
+    static minLength(length: number, message?: string): ValidatorConfig;
+    static maxLength(length: number, message?: string): ValidatorConfig;
+    static min(value: number, message?: string): ValidatorConfig;
+    static max(value: number, message?: string): ValidatorConfig;
+    static pattern(pattern: string, message?: string): ValidatorConfig;
+    static custom(validator: (value: any) => boolean | Promise<boolean>, message?: string): ValidatorConfig;
+}
+type BaseFieldConstructorConfig = ConstructorParameters<typeof BaseFieldConfig>[0];
+declare abstract class BaseFieldConfig {
+    key: string;
+    label: string;
+    type: FieldType;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    hidden: boolean;
+    placeholder: string;
+    hint: string;
+    cssClass: string;
+    validators: ValidatorConfig[];
+    order: number;
+    defaultValue?: any;
+    customTemplate: string;
+    constructor(config: {
+        key?: string;
+        label?: string;
+        type: FieldType;
+        required?: boolean;
+        disabled?: boolean;
+        readonly?: boolean;
+        hidden?: boolean;
+        placeholder?: string;
+        hint?: string;
+        cssClass?: string;
+        validators?: ValidatorConfig[];
+        order?: number;
+        defaultValue?: any;
+    });
+}
+declare class TextFieldConfig extends BaseFieldConfig {
+    inputType: 'text' | 'email';
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        inputType?: 'text' | 'email';
+    });
+}
+declare class TextareaFieldConfig extends BaseFieldConfig {
+    rows: number;
+    autoResize: boolean;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        rows?: number;
+        autoResize?: boolean;
+    });
+}
+declare class SelectFieldConfig extends BaseFieldConfig {
+    options: any[];
+    optionLabel: string;
+    optionValue: string;
+    multiple: boolean;
+    filter: boolean;
+    filterBy: string;
+    filterPlaceholder: string;
+    showClear: boolean;
+    emptyMessage: string;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        options: any[];
+        optionLabel?: string;
+        optionValue?: string;
+        multiple?: boolean;
+        filter?: boolean;
+        filterBy?: string;
+        filterPlaceholder?: string;
+        showClear?: boolean;
+        emptyMessage?: string;
+    });
+}
+declare class DateFieldConfig extends BaseFieldConfig {
+    dateFormat: string;
+    showTime: boolean;
+    showSeconds: boolean;
+    hourFormat: '12' | '24';
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates: Date[];
+    disabledDays: number[];
+    yearRange: string;
+    showIcon: boolean;
+    icon: string;
+    showButtonBar: boolean;
+    showClear: boolean;
+    inline: boolean;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        dateFormat?: string;
+        showTime?: boolean;
+        showSeconds?: boolean;
+        hourFormat?: '12' | '24';
+        minDate?: Date;
+        maxDate?: Date;
+        disabledDates?: Date[];
+        disabledDays?: number[];
+        yearRange?: string;
+        showIcon?: boolean;
+        icon?: string;
+        showButtonBar?: boolean;
+        showClear?: boolean;
+        inline?: boolean;
+    });
+}
+declare class NumberFieldConfig extends BaseFieldConfig {
+    min?: number;
+    max?: number;
+    step?: number;
+    prefix?: string;
+    suffix?: string;
+    currency?: string;
+    locale?: string;
+    minFractionDigits?: number;
+    maxFractionDigits?: number;
+    useGrouping?: boolean;
+    showButtons?: boolean;
+    buttonLayout?: 'stacked' | 'horizontal';
+    incrementButtonClass?: string;
+    decrementButtonClass?: string;
+    incrementButtonIcon?: string;
+    decrementButtonIcon?: string;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        min?: number;
+        max?: number;
+        step?: number;
+        prefix?: string;
+        suffix?: string;
+        currency?: string;
+        locale?: string;
+        minFractionDigits?: number;
+        maxFractionDigits?: number;
+        useGrouping?: boolean;
+        showButtons?: boolean;
+        buttonLayout?: 'stacked' | 'horizontal';
+        incrementButtonClass?: string;
+        decrementButtonClass?: string;
+        incrementButtonIcon?: string;
+        decrementButtonIcon?: string;
+    });
+}
+declare class SliderFieldConfig extends BaseFieldConfig {
+    min?: number;
+    max?: number;
+    step?: number;
+    orientation?: 'horizontal' | 'vertical';
+    range?: boolean;
+    animate?: boolean;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        min?: number;
+        max?: number;
+        step?: number;
+        orientation?: 'horizontal' | 'vertical';
+        range?: boolean;
+        animate?: boolean;
+    });
+}
+declare class MultiSelectFieldConfig extends BaseFieldConfig {
+    options: any[];
+    optionLabel: string;
+    optionValue: string;
+    filter: boolean;
+    filterBy: string;
+    filterPlaceholder: string;
+    showClear: boolean;
+    emptyMessage: string;
+    display?: 'comma' | 'chip';
+    maxSelectedLabels?: number;
+    selectedItemsLabel?: string;
+    showToggleAll?: boolean;
+    resetFilterOnHide?: boolean;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        options: any[];
+        optionLabel?: string;
+        optionValue?: string;
+        filter?: boolean;
+        filterBy?: string;
+        filterPlaceholder?: string;
+        showClear?: boolean;
+        emptyMessage?: string;
+        display?: 'comma' | 'chip';
+        maxSelectedLabels?: number;
+        selectedItemsLabel?: string;
+        showToggleAll?: boolean;
+        resetFilterOnHide?: boolean;
+    });
+}
+declare class CheckboxFieldConfig extends BaseFieldConfig {
+    binary?: boolean;
+    trueValue?: any;
+    falseValue?: any;
+    checkboxIcon?: string;
+    constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
+        binary?: boolean;
+        trueValue?: any;
+        falseValue?: any;
+        checkboxIcon?: string;
+    });
+}
+type DynamicFieldConfig = {
+    [K in keyof (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & BaseFieldConfig)]?: (TextFieldConfig & TextareaFieldConfig & SelectFieldConfig & DateFieldConfig & NumberFieldConfig & SliderFieldConfig & MultiSelectFieldConfig & CheckboxFieldConfig & BaseFieldConfig)[K];
+};
+interface LayoutConfig {
+    containerClass?: string;
+    sectionClass?: string;
+    fieldClass?: string;
+}
+interface DynamicFormConfig {
+    sections: SectionConfig[];
+    layout?: LayoutConfig;
+}
+interface SectionConfig {
+    key?: string;
+    label?: string;
+    type: 'none' | 'header';
+    cssClass?: string;
+    bodyClass?: string;
+    headerClass?: string;
+    order?: number;
+    fields: DynamicFieldConfig[];
+}
+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 type { BaseFieldConstructorConfig, DynamicFieldConfig, DynamicFormConfig, FieldType, LayoutConfig, SectionConfig, ValidatorType };

package/number-field/index.d.ts

@@ -13,8 +13,8 @@ declare class NumberField implements ControlValueAccessor, OnInit, OnChanges {
     readonly pInputs: _angular_core.InputSignal<Partial<InputNumber> | undefined>;
     readonly format: _angular_core.InputSignal<boolean>;
     readonly maxFractionDigits: _angular_core.InputSignal<number>;
-    readonly min: _angular_core.InputSignal<number | undefined>;
-    readonly max: _angular_core.InputSignal<number | undefined>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
     styleClass: string;
     ngControl: NgControl;
     requiredValidator: typeof Validators.required;

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
+    "@angular/common": "^20.1.0",
+    "@angular/core": "^20.1.0",
+    "@primeuix/themes": "^1.2.1",
     "@tailwindcss/postcss": "^4.1.11",
+    "postcss": "^8.5.6",
+    "primeng": "20.0.0-rc.3",
     "tailwindcss": "^4.1.11",
-    "tailwindcss-primeui": "^0.6.1",
-    "primeng": "^19.1.3",
-    "@primeng/themes": "^19.1.3"
+    "tailwindcss-primeui": "^0.6.1"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "@masterteam/icons": "x"
   },
   "repository": {
     "type": "git",
@@ -37,17 +39,21 @@
       "types": "./checkbox-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
     },
-    "./multi-select-field": {
-      "types": "./multi-select-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
+    "./field-validation": {
+      "types": "./field-validation/index.d.ts",
+      "default": "./fesm2022/masterteam-components-field-validation.mjs"
+    },
+    "./date-field": {
+      "types": "./date-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-date-field.mjs"
     },
     "./icon-field": {
       "types": "./icon-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-icon-field.mjs"
     },
-    "./date-field": {
-      "types": "./date-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-date-field.mjs"
+    "./multi-select-field": {
+      "types": "./multi-select-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
     },
     "./number-field": {
       "types": "./number-field/index.d.ts",

package/text-field/index.d.ts

@@ -20,10 +20,10 @@ declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     alphaNum: RegExp;
     onTouched: () => void;
     onModelChange: (value: any) => void;
-    ngControl: NgControl;
+    ngControl: NgControl | null;
     constructor();
-    applyInputsToInputText(): void;
     ngOnInit(): void;
+    applyInputsToInputText(): void;
     onValueChange(value: any): void;
     ngOnChanges(changes: SimpleChanges): void;
     writeValue(value: string): void;