@masterteam/components 0.0.94 → 0.0.97

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

@@ -2,23 +2,23 @@ import * as _angular_core from '@angular/core';
 import { ElementRef, NgZone } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
-type EntityViewType = 'Text' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User';
-/** Entity size – controls column span (1-12) inside a 12-column grid */
-type EntitySize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup';
+/** 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;
 interface EntityBaseConfig {
-    /** Column span of the entity card (1-12). Default: 4 */
+    /** Column span of the entity card (1-24). Default: 8 */
     size?: EntitySize;
     /** Whether to show a dashed border around the entity card */
     showBorder?: boolean;
+    /** Whether to hide the entity name label */
+    hideName?: boolean;
 }
 interface EntityUserConfig extends EntityBaseConfig {
     showDisplayName?: boolean;
     showPhoneNumber?: boolean;
     showEmail?: boolean;
 }
-interface EntityPercentageConfig extends EntityBaseConfig {
-    showName?: boolean;
-}
+type EntityPercentageConfig = EntityBaseConfig;
 type EntityConfiguration = EntityBaseConfig | EntityUserConfig | EntityPercentageConfig;
 interface EntityStatusValue {
     key: string;
@@ -26,6 +26,20 @@ interface EntityStatusValue {
     color: string;
     description?: string;
 }
+interface EntityLookupValue {
+    key: string;
+    display: string;
+    color: string;
+    description?: string;
+}
+interface EntityUserValue {
+    id?: string;
+    userName?: string;
+    displayName?: string;
+    photoUrl?: string;
+    phoneNumber?: string;
+    email?: string;
+}
 interface EntityData {
     id?: number;
     propertyId?: number;
@@ -34,14 +48,9 @@ interface EntityData {
     name?: string;
     rawValue?: string;
     order?: number;
-    value: string | EntityStatusValue;
+    value: string | EntityStatusValue | EntityUserValue | EntityLookupValue;
     viewType: EntityViewType;
     type?: string;
-    userName?: string;
-    displayName?: string;
-    photoUrl?: string;
-    phoneNumber?: string;
-    email?: string;
     configuration?: EntityConfiguration;
 }
 /** Emitted when an entity is resized via the drag handle */
@@ -59,6 +68,7 @@ declare class EntityText {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
+    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityText, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityText, "mt-entity-text", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -71,6 +81,7 @@ declare class EntityDate {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
+    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityDate, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityDate, "mt-entity-date", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -100,9 +111,8 @@ declare class EntityStatus {
 declare class EntityUser {
     /** Full entity data object */
     readonly data: _angular_core.InputSignal<EntityData | undefined>;
-    /** Individual inputs (used when data is not provided) */
-    readonly displayName: _angular_core.InputSignal<string | undefined>;
-    readonly photoUrl: _angular_core.InputSignal<string | undefined>;
+    /** Resolved user value object from data().value */
+    private readonly userValue;
     readonly rawUserName: _angular_core.Signal<string | null>;
     readonly userName: _angular_core.Signal<string>;
     readonly userPhoto: _angular_core.Signal<string>;
@@ -116,7 +126,7 @@ declare class EntityUser {
     readonly email: _angular_core.Signal<string>;
     readonly hasContactInfo: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityUser, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityUser, "mt-entity-user", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "displayName": { "alias": "displayName"; "required": false; "isSignal": true; }; "photoUrl": { "alias": "photoUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityUser, "mt-entity-user", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class EntityPercentage {
@@ -132,8 +142,7 @@ declare class EntityPercentage {
     readonly hasNumericValue: _angular_core.Signal<boolean>;
     readonly numericValue: _angular_core.Signal<number>;
     readonly maxValue: _angular_core.Signal<number>;
-    private readonly config;
-    readonly showName: _angular_core.Signal<boolean>;
+    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityPercentage, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityPercentage, "mt-entity-percentage", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rawValue": { "alias": "rawValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -146,6 +155,7 @@ declare class EntityCurrency {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
+    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityCurrency, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityCurrency, "mt-entity-currency", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -159,12 +169,49 @@ declare class EntityCheckbox {
     readonly rawValue: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly emptyLabel = "_";
+    readonly hideName: _angular_core.Signal<boolean>;
     readonly checkboxState: _angular_core.Signal<boolean | null>;
     private parseBoolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityCheckbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityCheckbox, "mt-entity-checkbox", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rawValue": { "alias": "rawValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class EntityLongText {
+    /** Full entity data object */
+    readonly data: _angular_core.InputSignal<EntityData | undefined>;
+    /** Individual inputs (used when data is not provided) */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly displayName: _angular_core.Signal<string>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly hideName: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityLongText, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityLongText, "mt-entity-long-text", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class EntityLookup {
+    /** Full entity data object */
+    readonly data: _angular_core.InputSignal<EntityData | undefined>;
+    /** Individual inputs (used when data is not provided) */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly value: _angular_core.InputSignal<EntityLookupValue | undefined>;
+    readonly displayName: _angular_core.Signal<string>;
+    readonly lookupValue: _angular_core.Signal<EntityLookupValue | null>;
+    readonly badgeStyle: _angular_core.Signal<{
+        color?: undefined;
+        backgroundColor?: undefined;
+    } | {
+        color: string;
+        backgroundColor: string;
+    }>;
+    readonly emptyLabel = "_";
+    readonly lookupLabel: _angular_core.Signal<string>;
+    readonly hideName: _angular_core.Signal<boolean>;
+    private hexToRgba;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityLookup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityLookup, "mt-entity-lookup", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class EntityPreview {
     /** Single entity data to display */
     readonly data: _angular_core.InputSignal<EntityData>;
@@ -177,7 +224,7 @@ declare class EntitiesPreview {
     readonly entities: _angular_core.InputSignal<EntityData[]>;
     /** Entities sorted by order */
     readonly sortedEntities: _angular_core.Signal<EntityData[]>;
-    /** Returns the grid-column span for a given entity size (1-12) */
+    /** Returns the grid-column span for a given entity size (1-24) */
     getColSpan(entity: EntityData): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntitiesPreview, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitiesPreview, "mt-entities-preview", never, { "entities": { "alias": "entities"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -187,7 +234,7 @@ declare class EntitiesPreview {
  * Base class that encapsulates all entity resize-via-drag logic.
  *
  * Extend this directive in any component that needs column-resize behaviour
- * on a 12-column CSS grid.  The subclass must:
+ * on a 24-column CSS grid.  The subclass must:
  *   - Provide a `model.required<EntityData[]>()` (or equivalent) for the
  *     entity list so `updateEntitySize()` can be called after resize.
  *   - Contain a `.grid` element (or override `getGridElement()`).
@@ -240,7 +287,7 @@ declare class EntitiesManage extends EntitiesResizeBase {
     readonly entitiesReordered: _angular_core.OutputEmitterRef<EntityData[]>;
     /** Entities sorted by their order field */
     readonly sortedEntities: _angular_core.Signal<EntityData[]>;
-    /** Returns the grid-column span for a given entity size (1-12) */
+    /** Returns the grid-column span for a given entity size (1-24) */
     getColSpan(entity: EntityData): string;
     /** Handle drag-drop reorder */
     onDrop(event: CdkDragDrop<EntityData[]>): void;
@@ -249,5 +296,5 @@ declare class EntitiesManage extends EntitiesResizeBase {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitiesManage, "mt-entities-manage", never, { "entities": { "alias": "entities"; "required": true; "isSignal": true; }; }, { "entities": "entitiesChange"; "entitiesReordered": "entitiesReordered"; }, never, never, true, never>;
 }
 
-export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityCheckbox, EntityCurrency, EntityDate, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
-export type { EntityBaseConfig, EntityConfiguration, EntityData, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityViewType };
+export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityCheckbox, EntityCurrency, EntityDate, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
+export type { EntityBaseConfig, EntityConfiguration, EntityData, EntityLookupValue, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityUserValue, EntityViewType };

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

@@ -4,6 +4,7 @@ import { TemplateRef } from '@angular/core';
 import { MTIcon } from '@masterteam/icons';
 import { ConfirmationConfig, ConfirmationService } from '@masterteam/components/confirmation';
 import { Table as Table$1, TablePageEvent } from 'primeng/table';
+import { EntityData } from '@masterteam/components/entities';
 import { ControlValueAccessor } from '@angular/forms';
 
 /**
@@ -44,7 +45,7 @@ type TableFilters = Record<string, FilterValue | any>;
 /**
  * Column type definition
  */
-type ColumnType = 'text' | 'boolean' | 'date' | 'user' | 'custom';
+type ColumnType = 'text' | 'boolean' | 'date' | 'user' | 'status' | 'entity' | 'custom';
 /**
  * Event emitted when a cell value changes
  */
@@ -81,6 +82,7 @@ declare class Table {
     lazyLoad: _angular_core.OutputEmitterRef<any>;
     columnReorder: _angular_core.OutputEmitterRef<any>;
     rowReorder: _angular_core.OutputEmitterRef<any>;
+    rowClick: _angular_core.OutputEmitterRef<any>;
     filters: _angular_core.ModelSignal<TableFilters>;
     data: _angular_core.InputSignal<any[]>;
     columns: _angular_core.InputSignal<ColumnDef[]>;
@@ -89,6 +91,7 @@ declare class Table {
     showGridlines: _angular_core.InputSignalWithTransform<boolean, unknown>;
     stripedRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
     selectableRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    clickableRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
     generalSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     showFilters: _angular_core.InputSignalWithTransform<boolean, unknown>;
     loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -139,6 +142,7 @@ declare class Table {
     toggleRow(row: any): void;
     toggleAllRowsOnPage(): void;
     getProperty(obj: any, key: string): any;
+    getEntityPreviewData(row: any, col: ColumnDef): EntityData | null;
     tabChanged(tab: any): void;
     onTablePage(event: TablePageEvent): void;
     handleLazyLoad(event: any): void;
@@ -148,12 +152,22 @@ declare class Table {
     resolveActionLoading(action: TableAction, row: any): boolean | undefined;
     onColumnReorder(event: any): void;
     onRowReorder(event: any): void;
+    onRowClick(event: MouseEvent, row: any): void;
     protected updatePagingFromEvent(event: any): void;
     protected emitLazyLoad(event: any): void;
     exportCSV(): void;
     rowAction(event: Event, action: TableAction, row: any): void;
+    private buildUserEntityData;
+    private buildStatusEntityData;
+    /**
+     * Gets the entity data for an 'entity' type column.
+     * The row data is expected to already be in EntityData format.
+     * Automatically hides entity name and configures User entities
+     * to show only avatar + displayName.
+     */
+    getEntityColumnData(row: any, col: ColumnDef): EntityData | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyTotalRecords": { "alias": "lazyTotalRecords"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "lazyLoad": "lazyLoad"; "columnReorder": "columnReorder"; "rowReorder": "rowReorder"; "filters": "filtersChange"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyTotalRecords": { "alias": "lazyTotalRecords"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "lazyLoad": "lazyLoad"; "columnReorder": "columnReorder"; "rowReorder": "rowReorder"; "rowClick": "rowClick"; "filters": "filtersChange"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
 }
 
 declare class TableFilter implements ControlValueAccessor {