@masterteam/components 0.0.160 → 0.0.162

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.160",
+  "version": "0.0.162",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,

package/types/masterteam-components-entities.d.ts

@@ -36,7 +36,7 @@ interface EntityListComparison {
 }
 type PropertyValueComparison = ValueComparison | EntityListComparison;
 
-type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup' | 'Attachment' | 'LookupMatrix' | 'LeafDetails';
+type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Number' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup' | 'Attachment' | 'LookupMatrix' | 'LeafDetails';
 type EntityLabelPosition = 'top' | 'bottom';
 /** Entity size – controls column span (1-24) inside a 24-column grid */
 type EntitySize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
@@ -414,7 +414,7 @@ declare class EntityPreview {
 declare class EntityPreviewBody {
     readonly data: _angular_core.InputSignal<EntityData>;
     readonly attachmentShape: _angular_core.InputSignal<"compact" | "default">;
-    readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment" | "LeafDetails">;
+    readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Number" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment" | "LeafDetails">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityPreviewBody, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityPreviewBody, "mt-entity-preview-body", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "attachmentShape": { "alias": "attachmentShape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/types/masterteam-components-select-field.d.ts

@@ -4,6 +4,20 @@ import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
 import { Select } from 'primeng/select';
 import { isInvalid } from '@masterteam/components';
 
+/**
+ * Resolves the current authenticated user (id + displayName) from
+ * `localStorage`, where the host application persists its NGXS `auth`
+ * slice. Used by table filters to mark "You" on options that match the
+ * logged-in user.
+ *
+ * The persisted shape can vary slightly between apps, so we look for the
+ * id/displayName under a few well-known paths.
+ */
+interface CurrentUserInfo {
+    id?: string | number | null;
+    displayName?: string | null;
+}
+
 declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
     cdr: ChangeDetectorRef;
     dropdown: Select;
@@ -39,6 +53,18 @@ declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
     readonly optionGroupIconColor: _angular_core.InputSignal<string>;
     readonly optionGroupIconShape: _angular_core.InputSignal<string>;
     readonly optionGroupAvatarShape: _angular_core.InputSignal<"circle" | "square">;
+    /**
+     * When true, this select represents a user picker (e.g. a table filter for
+     * a user column). The component reads the logged-in user from
+     * `localStorage` and marks the matching option with a "You" badge.
+     */
+    readonly markCurrentUser: _angular_core.InputSignal<boolean>;
+    protected readonly currentUser: _angular_core.Signal<CurrentUserInfo | null>;
+    /**
+     * When `markCurrentUser` is on, hoist the option matching the current user
+     * to the top of the list so it surfaces first in the dropdown.
+     */
+    protected readonly displayOptions: _angular_core.Signal<any[] | undefined>;
     onChange: EventEmitter<any>;
     styleClass: string;
     requiredValidator: typeof Validators.required;
@@ -84,9 +110,10 @@ declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
      * Falls back to direct property access for non-nested keys.
      */
     private resolveNestedValue;
+    isCurrentUserOption(option: any): boolean;
     private resolveOption;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectField, "mt-select-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasPlaceholderPrefix": { "alias": "hasPlaceholderPrefix"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "clearAfterSelect": { "alias": "clearAfterSelect"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "optionIcon": { "alias": "optionIcon"; "required": false; "isSignal": true; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; "isSignal": true; }; "optionIconShape": { "alias": "optionIconShape"; "required": false; "isSignal": true; }; "optionAvatarShape": { "alias": "optionAvatarShape"; "required": false; "isSignal": true; }; "optionGroupIcon": { "alias": "optionGroupIcon"; "required": false; "isSignal": true; }; "optionGroupIconColor": { "alias": "optionGroupIconColor"; "required": false; "isSignal": true; }; "optionGroupIconShape": { "alias": "optionGroupIconShape"; "required": false; "isSignal": true; }; "optionGroupAvatarShape": { "alias": "optionGroupAvatarShape"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectField, "mt-select-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasPlaceholderPrefix": { "alias": "hasPlaceholderPrefix"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "clearAfterSelect": { "alias": "clearAfterSelect"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "optionIcon": { "alias": "optionIcon"; "required": false; "isSignal": true; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; "isSignal": true; }; "optionIconShape": { "alias": "optionIconShape"; "required": false; "isSignal": true; }; "optionAvatarShape": { "alias": "optionAvatarShape"; "required": false; "isSignal": true; }; "optionGroupIcon": { "alias": "optionGroupIcon"; "required": false; "isSignal": true; }; "optionGroupIconColor": { "alias": "optionGroupIconColor"; "required": false; "isSignal": true; }; "optionGroupIconShape": { "alias": "optionGroupIconShape"; "required": false; "isSignal": true; }; "optionGroupAvatarShape": { "alias": "optionGroupAvatarShape"; "required": false; "isSignal": true; }; "markCurrentUser": { "alias": "markCurrentUser"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }
 
 export { SelectField };

package/types/masterteam-components-table.d.ts

@@ -27,18 +27,18 @@ interface FilterOption {
  * Configuration for filtering on a specific column.
  */
 interface FilterConfig {
-    type: 'text' | 'select' | 'date' | 'boolean' | 'user';
+    type: 'text' | 'select' | 'userSelect' | 'date' | 'boolean' | 'user' | 'numberRange';
     label?: string;
     options?: FilterOption[];
     [key: string]: unknown;
 }
 /**
- * Filter value for date range or simple value
+ * Filter value for date range, numeric range, or simple value
  */
 interface FilterValue {
     value?: any;
-    from?: Date | null;
-    to?: Date | null;
+    from?: Date | number | null;
+    to?: Date | number | null;
 }
 interface TableStatusMapValue {
     display?: string;
@@ -52,7 +52,7 @@ type TableFilters = Record<string, FilterValue | any>;
 /**
  * Column type definition
  */
-type ColumnType = 'text' | 'boolean' | 'date' | 'dateTime' | 'user' | 'status' | 'entity' | 'custom';
+type ColumnType = 'text' | 'number' | 'boolean' | 'date' | 'dateTime' | 'user' | 'status' | 'entity' | 'custom';
 /**
  * Event emitted when a cell value changes
  */
@@ -437,7 +437,8 @@ declare class TableFilter implements ControlValueAccessor {
 
 /**
  * Renders a single filter control for one `ColumnDef`, dispatching on
- * `column.filterConfig.type` (`text` | `select` | `date` | `boolean` | `user`).
+ * `column.filterConfig.type` (`text` | `select` | `date` | `boolean` | `user`
+ * | `numberRange`).
  *
  * Two-way binds the filter value via `value` / `valueChange`. Shared by both
  * filter UX modes (popover + per-column) so field rendering lives in one place.
@@ -454,8 +455,10 @@ declare class TableFilterField {
     protected getFilterType(): string;
     protected getScalarValue(): any;
     protected getDateRangeValue(part: 'from' | 'to'): Date | null;
+    protected getNumberRangeValue(part: 'from' | 'to'): number | null;
     protected updateScalar(next: any): void;
     protected updateDate(part: 'from' | 'to', next: Date | null): void;
+    protected updateNumber(part: 'from' | 'to', next: number | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilterField, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilterField, "mt-table-filter-field", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }