@maro-tech/card 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maro-tech/card",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "private": false,
   "peerDependencies": {
     "@angular/cdk": "^21.2.0",
@@ -8,9 +8,9 @@
     "@angular/core": "^21.2.0",
     "@angular/forms": "^21.2.0",
     "@angular/router": "^21.2.0",
-    "@maro-tech/core": "^0.0.4",
-    "@maro-tech/form": "^0.1.0",
-    "@maro-tech/table": "^0.1.0",
+    "@maro-tech/core": "*",
+    "@maro-tech/form": "*",
+    "@maro-tech/table": "*",
     "lucide-angular": "^0.577.0",
     "rxjs": "~7.8.0"
   },

package/types/maro-tech-card.d.ts

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Type, OnChanges } from '@angular/core';
+import { InjectionToken, Type, OnChanges, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import { HttpParams } from '@angular/common/http';
 import * as lucide_angular from 'lucide-angular';
 import { UiSelectOption } from '@maro-tech/form';
-import { UiTableResponse, UiTableColumnConfig, UiTableFilter, UiTableRowAction, UiTableCellChange } from '@maro-tech/table';
+import { UiTableColumnConfig, UiTableResponse, UiTableFilter, UiTableRowAction } from '@maro-tech/table';
 
 type ApiPluginMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 interface ApiPluginConfig {
@@ -13,6 +13,11 @@ interface ApiPluginConfig {
     payload?: Record<string, unknown>;
     [key: string]: unknown;
 }
+interface CardActionContext {
+    entity: string;
+    recordId?: string;
+    data?: Record<string, unknown> | null;
+}
 interface UiEntityCardAction {
     id?: string;
     label: string;
@@ -32,6 +37,7 @@ interface UiEntityCardAction {
     payload?: Record<string, unknown>;
     redirectEntity?: string;
     condition?: string;
+    context?: CardActionContext;
 }
 interface UiEntityCardTab {
     id: string;
@@ -44,12 +50,9 @@ interface UiEntityCardTab {
     panels?: UiEntityCardTab[];
     actions?: UiEntityCardAction[];
     props?: Record<string, unknown> & {
-        imageUrls?: string[];
-        imageIds?: string[];
         images?: string;
         recordId?: string;
         recordIdKey?: string;
-        imageBaseUrl?: string;
         fields?: Array<Record<string, unknown>>;
         warehouseId?: number | string;
         [key: string]: unknown;
@@ -91,7 +94,6 @@ interface UiCardTabField {
     value?: string | number | boolean | null | undefined;
     type: 'text' | 'number' | 'boolean' | 'date' | 'datetime' | 'enum' | 'image';
     enumMap?: Record<string, string>;
-    imageBaseUrl?: string;
 }
 interface UiCardTabConfig {
     id: string;
@@ -105,35 +107,56 @@ interface UiCardTabConfig {
     panels?: UiCardTabConfig[];
     actions?: UiEntityCardAction[];
     props?: {
-        imageUrls?: string[];
-        imageIds?: string[];
         images?: string;
         maxHeight?: number;
         recordId?: string;
         recordIdKey?: string;
-        imageBaseUrl?: string;
         fields?: UiCardTabField[];
         warehouseId?: number | string;
         [key: string]: unknown;
     };
 }
 
+type CardData = Record<string, unknown>;
+type CardField = UiCardTabField;
+type CardAction = UiEntityCardAction;
+interface CardSection {
+    id: string;
+    title?: string;
+    header?: boolean;
+    col?: number;
+    layout?: UiCardLayoutInput;
+    component?: string;
+    html?: string;
+    props?: Record<string, unknown>;
+    actions?: CardAction[];
+    tabs?: CardSection[];
+    panels?: CardSection[];
+}
+type CardTab = CardSection;
+interface CardConfig {
+    title: string;
+    layout?: UiCardLayoutInput;
+    actions?: CardAction[];
+    tabs: CardSection[];
+    data?: CardData | null;
+}
+interface CardPanelInput {
+    config: CardSection;
+    data: CardData | null;
+}
+declare function normalizeCardConfig<T extends CardConfig>(config: T): T;
+declare function resolveCardConfig<T extends CardConfig>(config: T, data: CardData | null): T;
+
 declare class CardComponent {
-    readonly entity: _angular_core.InputSignal<string>;
-    readonly recordId: _angular_core.InputSignal<string>;
     readonly tabs: _angular_core.InputSignal<UiCardTabConfig[]>;
     readonly data: _angular_core.InputSignal<Record<string, unknown> | null>;
     readonly layout: _angular_core.InputSignal<UiCardLayoutInput>;
     readonly embedded: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "app-card", never, { "entity": { "alias": "entity"; "required": true; "isSignal": true; }; "recordId": { "alias": "recordId"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "app-card", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface CardActionContext {
-    entity: string;
-    recordId?: string;
-    data?: Record<string, unknown> | null;
-}
 declare const CARD_ACTION_REQUESTED = "card.action.requested";
 declare const CARD_ACTION_STARTED = "card.action.started";
 declare const CARD_ACTION_COMPLETED = "card.action.completed";
@@ -196,8 +219,6 @@ declare class CardSectionHeaderComponent {
     readonly variant: _angular_core.InputSignal<"tabs" | "panels">;
     readonly title: _angular_core.InputSignal<string>;
     readonly actions: _angular_core.InputSignal<UiEntityCardAction[]>;
-    readonly entity: _angular_core.InputSignal<string>;
-    readonly recordId: _angular_core.InputSignal<string>;
     readonly data: _angular_core.InputSignal<Record<string, unknown> | null>;
     private readonly eventBus;
     private readonly destroyRef;
@@ -208,7 +229,7 @@ declare class CardSectionHeaderComponent {
     onActionClick(action: UiEntityCardAction): void;
     private matchesContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardSectionHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardSectionHeaderComponent, "app-card-section-header", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": true; "isSignal": true; }; "recordId": { "alias": "recordId"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardSectionHeaderComponent, "app-card-section-header", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ImagesViewerComponent {
@@ -397,152 +418,59 @@ declare class HistoryTabComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HistoryTabComponent, "app-history-tab", never, { "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "primaryEntity": { "alias": "primaryEntity"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "entityLabels": { "alias": "entityLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const ACTION_API = "ACTION_API";
-declare const ACTION_FORM = "ACTION_FORM";
-declare const ACTION_PRINT = "ACTION_PRINT";
-type ActionType = string;
-declare const normalizeActionType: (value: string | null | undefined) => string | null;
-declare class CardTableDataService {
-    private readonly http;
-    private readonly baseUrl;
-    getTableView(code: string, options: Record<string, unknown>): Observable<any>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableDataService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableDataService>;
-}
-declare class CardTableWarehouseService {
-    private readonly http;
-    private readonly baseUrl;
-    getWarehouses(): Observable<{
-        items: any[];
-    }>;
-    getWarehouseItems(id: string | number): Observable<any[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableWarehouseService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableWarehouseService>;
-}
-declare class CardTableBarcodeService {
-    printBarcode(options: {
-        barcode: string;
-        title: string;
-    }): void;
-    private escape;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableBarcodeService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableBarcodeService>;
-}
-declare class CardTablePrintService {
-    openPrintWindow(): Window | null;
-    print(config: {
-        html: string;
-        title?: string;
-    }): boolean;
-    printInWindow(printWindow: Window, config: {
-        html: string;
-        title?: string;
-    }): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTablePrintService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTablePrintService>;
-}
-
-type TableViewHeaderAction = any;
-declare class CardTableComponent implements OnChanges {
-    tab: UiCardTabConfig;
+declare class StandardTableComponent implements OnChanges {
+    config: UiCardTabConfig;
     data: Record<string, unknown> | null;
-    private readonly tableViewsService;
-    private readonly warehouseService;
-    private readonly barcodePrintService;
+    private readonly http;
     private readonly eventBus;
-    private readonly host;
-    private readonly actionBus;
-    private readonly tableColumnsSignal;
-    private readonly tableRowsSignal;
-    private readonly tablePaginationSignal;
-    private readonly tableHeaderActionsSignal;
-    private readonly editableColumnOptionsSignal;
-    private readonly isTableLoadingSignal;
-    private readonly isTableActionRunningSignal;
-    private readonly activeEditableCellSignal;
-    private readonly activeFormTargetSignal;
-    readonly activeFormTarget: _angular_core.Signal<{
-        formId: string;
-        recordId: string;
-        initialValue: Record<string, unknown>;
-    } | null>;
+    private readonly columnsSignal;
+    private readonly rowsSignal;
+    private readonly paginationSignal;
+    private readonly headerActionsSignal;
+    private readonly loadingSignal;
+    private readonly errorSignal;
+    private readonly editableOptionsSignal;
+    readonly columns: _angular_core.Signal<UiTableColumnConfig[]>;
+    readonly rows: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly headerActions: _angular_core.Signal<UiEntityCardAction[]>;
+    readonly isLoading: _angular_core.Signal<boolean>;
+    readonly error: _angular_core.Signal<string>;
     readonly tableData: _angular_core.Signal<UiTableResponse<Record<string, unknown>>>;
-    private pageIndex;
+    private page;
     private pageSize;
     private sortField;
     private sortDirection;
-    private tableViewColumns;
-    private editableColumnsLoaded;
-    private refreshAfterFormCompleted;
-    ngOnChanges(): void;
+    private sourceColumns;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     get disablePaging(): boolean;
-    get tableColumns(): UiTableColumnConfig[];
-    get tableHeaderActions(): TableViewHeaderAction[];
-    get tableActions(): Array<{
-        id?: string;
-        label: string;
-        icon?: string;
-        variant?: 'primary' | 'ghost' | 'danger';
-        type?: ActionType;
-        component?: string;
-        formId?: string;
-        api?: string;
-        method?: 'GET' | 'POST' | 'PATCH' | 'PUT' | 'DELETE';
-        title?: string;
-        text?: string;
-        submit?: boolean | string;
-        payload?: Record<string, unknown>;
-        size?: 'sm' | 'md' | 'lg';
-    }>;
-    get isTableLoading(): boolean;
-    get isTableActionRunning(): boolean;
-    get rowClickable(): boolean;
-    onTablePageChange(event: UiTableFilter): void;
-    onTableAction(event: {
+    onPageChange(event: UiTableFilter): void;
+    onAction(event: {
         action: UiTableRowAction;
         row: Record<string, unknown>;
     }): void;
-    onHeaderAction(action: TableViewHeaderAction): void;
-    onTableRowClick(row: Record<string, unknown>): void;
-    onTableCellChange(event: UiTableCellChange<Record<string, unknown>>): void;
-    onEditableCellActivate(row: Record<string, unknown>, columnKey: string, event: MouseEvent): void;
-    isEditableCellActive(row: Record<string, unknown>, columnKey: string): boolean;
-    resolveEditableDisplayValue(row: Record<string, unknown>, column: UiTableColumnConfig): string;
-    private getCellValue;
-    private runPrintAction;
-    closeFormAction(): void;
-    refreshTable(): void;
-    onFormCompleted(response: unknown): void;
-    onFormClosed(): void;
-    private applyFormResultToRow;
-    private loadTable;
-    private runApiAction;
-    private runFormAction;
-    private runRowEditAction;
-    private runHeaderFormAction;
-    private normalizeTableColumns;
-    private normalizeTableRows;
-    private toTableRowData;
-    private saveEditableColumnChange;
-    private loadEditableColumnOptions;
-    private resolveEditableColumnsConfig;
-    private resolveEditableColumnPayload;
-    private resolveEditableColumnOptions;
-    private isEditEnabled;
-    private isDeleteEnabled;
-    private resolveTableSource;
-    private resolveTableFilters;
-    private resolveFiltersObject;
-    private resolveTemplatePayload;
-    private resolveTemplateString;
-    private resolveTemplateValue;
-    private resolvePageSize;
-    private resolveEditCondition;
-    private resolveEditableCondition;
-    private notify;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardTableComponent, "app-card-table", never, { "tab": { "alias": "tab"; "required": true; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    onCellChange(event: {
+        column: UiTableColumnConfig;
+        row: Record<string, unknown>;
+        value: unknown;
+    }): void;
+    onHeaderAction(action: UiEntityCardAction): void;
+    private emitAction;
+    private load;
+    private setColumns;
+    private loadEditableOptions;
+    private rowsFrom;
+    private tableName;
+    private editableColumns;
+    private tableEndpoint;
+    private editEnabled;
+    private numberProp;
+    private resolveObject;
+    private resolve;
+    private resolveValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StandardTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StandardTableComponent, "app-card-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { ACTION_API, ACTION_FORM, ACTION_PRINT, CARD_ACTION_COMPLETED, CARD_ACTION_FINISHED, CARD_ACTION_REQUESTED, CARD_ACTION_STARTED, CardComponent, CardCurrentUserService, CardDictionaryService, CardImageService, CardSectionHeaderComponent, CardTableBarcodeService, CardTableComponent, CardTableDataService, CardTablePrintService, CardTableWarehouseService, DocumentsComponent, ENTITY_UPDATED, HistoryTabComponent, ImagesViewerComponent, UI_CARD_API_BASE_URL, UI_CARD_TAB_REGISTRY, UI_ENTITY_CARD_HOST, UiEntityDocumentsService, cardApiParams, cardApiResourceUrl, normalizeActionType };
-export type { ActionType, ApiPluginConfig, ApiPluginMethod, CardActionContext, CardActionLifecycleEvent, CardActionRequestedEvent, CardDictionarySuggestItem, EntityUpdatedEvent, UiCardLayout, UiCardLayoutInput, UiCardTabComponent, UiCardTabConfig, UiCardTabField, UiCardTabRegistration, UiEntityCardAction, UiEntityCardHost, UiEntityCardResponse, UiEntityCardTab, UiEntityDocumentFile, UiEntityDocumentRecognitionStatus };
+export { CARD_ACTION_COMPLETED, CARD_ACTION_FINISHED, CARD_ACTION_REQUESTED, CARD_ACTION_STARTED, CardComponent, CardCurrentUserService, CardDictionaryService, CardImageService, CardSectionHeaderComponent, DocumentsComponent, ENTITY_UPDATED, HistoryTabComponent, ImagesViewerComponent, StandardTableComponent, UI_CARD_API_BASE_URL, UI_CARD_TAB_REGISTRY, UI_ENTITY_CARD_HOST, UiEntityDocumentsService, cardApiParams, cardApiResourceUrl, normalizeCardConfig, resolveCardConfig };
+export type { ApiPluginConfig, ApiPluginMethod, CardAction, CardActionContext, CardActionLifecycleEvent, CardActionRequestedEvent, CardConfig, CardData, CardDictionarySuggestItem, CardField, CardPanelInput, CardSection, CardTab, EntityUpdatedEvent, UiCardLayout, UiCardLayoutInput, UiCardTabComponent, UiCardTabConfig, UiCardTabField, UiCardTabRegistration, UiEntityCardAction, UiEntityCardHost, UiEntityCardResponse, UiEntityCardTab, UiEntityDocumentFile, UiEntityDocumentRecognitionStatus };