@xxmachina/components 0.0.0-PLACEHOLDER

package/pages/command/index.d.ts

@@ -0,0 +1,217 @@
+import * as _xxmachina_common_domain_models from '@xxmachina/common/domain/models';
+import { Command, Query } from '@xxmachina/common/domain/models';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import * as _angular_core from '@angular/core';
+import { Provider } from '@angular/core';
+import * as _ng_atomic_core from '@ng-atomic/core';
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { FormGroup } from '@angular/forms';
+import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
+import { Params, ParamMap, ActivatedRoute } from '@angular/router';
+import { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
+import { AppService } from '@ng-atomic/common/services/app';
+import { CommandFeature } from '@xxmachina/components/features/command';
+import { QueryFeature } from '@xxmachina/components/features/query';
+
+declare enum ActionId {
+    EXECUTE_COMMAND = "execute-command",
+    FILE_SELECTED = "file-selected"
+}
+declare function buildActions(hasPermission: boolean, invalid: boolean): Action[];
+declare class CommandPageStore extends InjectableComponent {
+    #private;
+    static readonly ActionId: typeof ActionId;
+    static readonly DI: {
+        provide: (typeOrComponent: Parameters<(typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        }>[0]) => (Provider | {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        })[];
+        provideConfig: (useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            style: {
+                width: string;
+            };
+            baseUrls: string[];
+            command: Command;
+            navEndActions: Action[];
+            additionalFormFieldMap: FormFieldMap;
+        }>, label?: string) => Provider;
+        injectConfig: () => _angular_core.Signal<{
+            style: {
+                width: string;
+            };
+            baseUrls: string[];
+            command: Command;
+            navEndActions: Action[];
+            additionalFormFieldMap: FormFieldMap;
+        }>;
+        provideInitializer: <SI extends (store: CommandPageStore) => Promise<void> | void>(initializer: SI) => {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => CommandPageStore;
+                initializer: (store: CommandPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        initialize: (store: CommandPageStore) => Promise<void>;
+        provideComponent: (typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        };
+        Initializer: {
+            provide<SI extends (store: CommandPageStore) => Promise<void> | void>(initializer: SI): {
+                provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+                useValue: {
+                    key: new () => CommandPageStore;
+                    initializer: (store: CommandPageStore) => Promise<void> | void;
+                };
+                multi: boolean;
+            }[];
+            inject(): ((store: CommandPageStore) => Promise<void> | void)[];
+            initializeStore(store: CommandPageStore): Promise<void>;
+        };
+        Config: {
+            provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+                style: {
+                    width: string;
+                };
+                baseUrls: string[];
+                command: Command;
+                navEndActions: Action[];
+                additionalFormFieldMap: FormFieldMap;
+            }>, label?: string): Provider;
+            inject(): _angular_core.Signal<{
+                style: {
+                    width: string;
+                };
+                baseUrls: string[];
+                command: Command;
+                navEndActions: Action[];
+                additionalFormFieldMap: FormFieldMap;
+            }>;
+        };
+    };
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            style: {
+                width: string;
+            };
+            baseUrls: string[];
+            command: Command;
+            navEndActions: Action[];
+            additionalFormFieldMap: FormFieldMap;
+        }>, label?: string): Provider;
+        inject(): _angular_core.Signal<{
+            style: {
+                width: string;
+            };
+            baseUrls: string[];
+            command: Command;
+            navEndActions: Action[];
+            additionalFormFieldMap: FormFieldMap;
+        }>;
+    };
+    static readonly Initializer: {
+        provide<SI extends (store: CommandPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => CommandPageStore;
+                initializer: (store: CommandPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: CommandPageStore) => Promise<void> | void)[];
+        initializeStore(store: CommandPageStore): Promise<void>;
+    };
+    static provideDefault(): Provider[];
+    static provideCustom(): Provider[];
+    static provideDefaultV2(): Provider[];
+    static provideDefaultInitializer(): Provider[];
+    static provideDefaultEffects(): Provider[];
+    static provideCommandFromRouteParamInitializer(paramName?: string): Provider;
+    static provideCommandIdFromRouteDataInitializer(): Provider;
+    static providePatchFormFromRouteParamInitializer(): {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => CommandPageStore;
+            initializer: (store: CommandPageStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[][];
+    static providePatchCommandFormValueFromCommandInitializer(): {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => CommandPageStore;
+            initializer: (store: CommandPageStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[][];
+    static provideQueryIdFromRouteParam(key?: string): Provider;
+    static provideQueryFromRouteData(key?: string): Provider;
+    static provideRouteParamsToDataInitializer(projector: (params: Params) => Record<string, any>): Provider[];
+    static provideRouteParamMapToDataInitializer(projector: (params: ParamMap) => Record<string, any>): Provider[];
+    static provideSetupInitializeQueryInitializer(): Provider;
+    static provideInitialFormValueFromQueryResult(): Provider;
+    static provideExecuteCommandEffect(): Provider;
+    static provideBackEffect(): Provider;
+    static provideFileSelectedEffect(): Provider;
+    static provideDebugFormInitializer(): Provider;
+    static provideSelectedFileUploadEffect(callbackFactory: () => (result: {
+        file: File;
+        path: string;
+        url: string;
+    }) => void | Promise<void>, { validator, getPath, }: {
+        validator?: (file: File) => {
+            type: boolean;
+            size: boolean;
+        } | null;
+        getPath: () => string;
+    }): Provider;
+    readonly feature: CommandFeature;
+    readonly config: _angular_core.Signal<{
+        style: {
+            width: string;
+        };
+        baseUrls: string[];
+        command: Command;
+        navEndActions: Action[];
+        additionalFormFieldMap: FormFieldMap;
+    }>;
+    readonly queryFeature: QueryFeature;
+    readonly style: _angular_core.InputSignal<{
+        width: string;
+    }>;
+    readonly navStartActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly navEndActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly command: _angular_core.InputSignal<_xxmachina_common_domain_models.WebAPiRequestCommand>;
+    readonly form: _angular_core.InputSignal<FormGroup<any>>;
+    readonly extractedFormFieldMap: _angular_core.InputSignal<any>;
+    readonly additionalFormFieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly formFieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly formFieldKeys: _angular_core.InputSignal<string[]>;
+    readonly formFlatExcludes: _angular_core.InputSignal<string[]>;
+    protected readonly _initializeQuery: _angular_core.Signal<Query<any, any>>;
+    readonly initializeQuery: _angular_core.InputSignal<Query<any, any>>;
+    protected readonly _data: _angular_core.Signal<any>;
+    readonly data: _angular_core.InputSignal<any>;
+    protected readonly formInvalid: _angular_core.Signal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly actions: _angular_core.Signal<Action<any>[]>;
+    readonly skip: _angular_core.Signal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandPageStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CommandPageStore, never, never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "command": { "alias": "command"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "extractedFormFieldMap": { "alias": "extractedFormFieldMap"; "required": false; "isSignal": true; }; "additionalFormFieldMap": { "alias": "additionalFormFieldMap"; "required": false; "isSignal": true; }; "formFieldMap": { "alias": "formFieldMap"; "required": false; "isSignal": true; }; "formFieldKeys": { "alias": "formFieldKeys"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "initializeQuery": { "alias": "initializeQuery"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CommandPage extends NgAtomicComponent {
+    protected readonly store: CommandPageStore;
+    readonly route: ActivatedRoute;
+    readonly app: AppService;
+    readonly parentRouterOutletFrame: RouterOutletFrame;
+    protected onFileSelected(payload: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandPage, "pages-command", never, {}, {}, never, never, true, [{ directive: typeof CommandPageStore; inputs: { "style": "style"; "navEndActions": "navEndActions"; "command": "command"; "form": "form"; "additionalFormFieldMap": "additionalFormFieldMap"; "formFieldMap": "formFieldMap"; "formFlatExcludes": "formFlatExcludes"; "initializeQuery": "initializeQuery"; "data": "data"; }; outputs: {}; }]>;
+}
+
+export { CommandPage, CommandPageStore, buildActions };

package/pages/query/index.d.ts

@@ -0,0 +1,292 @@
+import * as _angular_forms from '@angular/forms';
+import { FormGroup, FormBuilder } from '@angular/forms';
+import * as _ng_atomic_components_organisms_table from '@ng-atomic/components/organisms/table';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import * as _ng_atomic_core from '@ng-atomic/core';
+import { Action, InjectableComponent, NavActions, ItemActions, NgAtomicComponent } from '@ng-atomic/core';
+import * as rxjs from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { Provider, Injector } from '@angular/core';
+import { ItemsMap, IndexTemplate } from '@ng-atomic/components/templates/_index';
+import { EditingStateManager } from '@ng-atomic/common';
+import { AppService } from '@xxmachina/components/services/app';
+import { ActivatedRoute } from '@angular/router';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { Query } from '@xxmachina/common/domain/models';
+import { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
+import { QueryFeature, QueryGraphqlVariablesFormFeature } from '@xxmachina/components/features/query';
+import { QueryService } from '@xxmachina/components/services/query';
+
+declare enum ActionId {
+    NAVIGATE_TO_IFRAME = "NAVIGATE TO IFRAME",
+    TOGGLE_PAGE = "\u5168\u4F53\u8868\u793A",
+    TOGGLE_VARIABLES_FORM = "\u5909\u6570\u30D5\u30A9\u30FC\u30E0\u306E\u8868\u793A\u5207\u66FF",
+    ADD = "\u8FFD\u52A0",
+    DETAIL = "\u8A73\u7D30"
+}
+interface TableCellValueChange<T = any> {
+    item: T;
+    name: string;
+    current: any;
+    next: any;
+    rowIndex: number;
+    columnId: string;
+}
+interface TableAutofillChange<T = any> {
+    sourceItem: T;
+    sourceValue: any;
+    columnName: string;
+    columnIndex: number;
+    affectedItems: Array<{
+        item: T;
+        newValue: any;
+        rowIndex: number;
+    }>;
+    range: {
+        start: {
+            row: number;
+            col: number;
+        };
+        end: {
+            row: number;
+            col: number;
+        };
+    };
+}
+interface TableCellChangeOptions<T = any> {
+    columns?: (keyof T)[];
+    equals?: (current: any, next: any, columnName: string) => boolean;
+}
+declare function buildItemsMap(itemsResult?: Record<string, any[]>, itemsLengthResult?: Record<string, number>): {};
+declare function buildItemsMapFromResult(result?: Record<string, any[]> & Record<`${string}Length`, number>): ItemsMap<any>;
+declare class QueryActionReducer {
+    readonly action: _angular_core.WritableSignal<Action<any>>;
+    readonly action$: rxjs.Observable<Action<any>>;
+    dispatch(action: Action): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryActionReducer, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<QueryActionReducer>;
+}
+declare class QueryPageStore extends InjectableComponent {
+    #private;
+    static readonly ActionId: typeof ActionId;
+    static readonly DI: {
+        provide: (typeOrComponent: Parameters<(typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        }>[0]) => (Provider | {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        })[];
+        provideConfig: (useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            type: string;
+            style: any;
+            title: string;
+            titleEditable: boolean;
+            childrenKey: string;
+            additionalNavEndActions: Action[];
+            navEndActions: NavActions;
+            additionalColumns: (items: object[]) => string[];
+            itemActions: ItemActions;
+            pageSizeOptions: number[];
+        }>, label?: string) => Provider;
+        injectConfig: () => _angular_core.Signal<{
+            type: string;
+            style: any;
+            title: string;
+            titleEditable: boolean;
+            childrenKey: string;
+            additionalNavEndActions: Action[];
+            navEndActions: NavActions;
+            additionalColumns: (items: object[]) => string[];
+            itemActions: ItemActions;
+            pageSizeOptions: number[];
+        }>;
+        provideInitializer: <SI extends (store: QueryPageStore) => Promise<void> | void>(initializer: SI) => {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => QueryPageStore;
+                initializer: (store: QueryPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        initialize: (store: QueryPageStore) => Promise<void>;
+        provideComponent: (typeOrFactory: _ng_atomic_core.TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        };
+        Initializer: {
+            provide<SI extends (store: QueryPageStore) => Promise<void> | void>(initializer: SI): {
+                provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+                useValue: {
+                    key: new () => QueryPageStore;
+                    initializer: (store: QueryPageStore) => Promise<void> | void;
+                };
+                multi: boolean;
+            }[];
+            inject(): ((store: QueryPageStore) => Promise<void> | void)[];
+            initializeStore(store: QueryPageStore): Promise<void>;
+        };
+        Config: {
+            provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+                type: string;
+                style: any;
+                title: string;
+                titleEditable: boolean;
+                childrenKey: string;
+                additionalNavEndActions: Action[];
+                navEndActions: NavActions;
+                additionalColumns: (items: object[]) => string[];
+                itemActions: ItemActions;
+                pageSizeOptions: number[];
+            }>, label?: string): Provider;
+            inject(): _angular_core.Signal<{
+                type: string;
+                style: any;
+                title: string;
+                titleEditable: boolean;
+                childrenKey: string;
+                additionalNavEndActions: Action[];
+                navEndActions: NavActions;
+                additionalColumns: (items: object[]) => string[];
+                itemActions: ItemActions;
+                pageSizeOptions: number[];
+            }>;
+        };
+    };
+    /** @deprecated use `QueryPageStore.DI.provideInitializer` instead */
+    static readonly Initializer: {
+        provide<SI extends (store: QueryPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => QueryPageStore;
+                initializer: (store: QueryPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: QueryPageStore) => Promise<void> | void)[];
+        initializeStore(store: QueryPageStore): Promise<void>;
+    };
+    static provideDefault(): Provider[];
+    static provideCustom(): Provider[];
+    static provideDefaultV2(): Provider[];
+    /** @deprecated use `provideCustom` instead */
+    static provideForCustomPage(): Provider[];
+    static provideNonEditableConfig(): Provider;
+    static provideDefaultInitializes(): Provider[];
+    static provideNavEndActionsInitializers(): Provider[];
+    static provideVariablesFromRouteParamDataInitializer(): Provider[];
+    static provideVariablesFromRouteParamInitializer(): Provider[];
+    static provideAutoTogglePageInitializer(): Provider[];
+    static provideVariablesFormValueFromMatrixParamsInitializer(): Provider[];
+    static provideQueryFromRouteDataQueryIdInitializer(key?: string): Provider[];
+    static provideQueryFromRouteDataInitializer(key?: string): Provider[];
+    static provideItemActionsFromRouteDataInitializer(key?: string): Provider;
+    static provideNavEndActionsFromRouteDataInitializer(key?: string): Provider;
+    static provideDefaultEffects(): Provider[];
+    static provideEditingStateEffects(): Provider[];
+    static provideCommandEffects(): Provider[];
+    static provideCommandExecuteEffect(): Provider[];
+    static provideCommandNavigateEffect(): Provider[];
+    static provideNavModeToggleEffect(): Provider;
+    static provideNavEndActionsInitializer(): Provider;
+    static provideChangeWidthEffect(): Provider[];
+    static provideNavigateEffects(): Provider[];
+    static providePaginationInitializer(): Provider[];
+    static provideTableCellValueChangeEffect<T = any>(handlerFactory: (injector: Injector) => (change: TableCellValueChange<T>, setValue: (value: any) => void) => void, optionsOrColumns?: TableCellChangeOptions<T> | (keyof T)[]): Provider;
+    static provideTableAutofillEffect<T = any>(handlerFactory: (injector: Injector) => (autofill: TableAutofillChange<T>) => void | Promise<void>): Provider;
+    static provideDebugStyleInitializer(): Provider[];
+    static provideTitleFromQueryResultInitializer(): Provider[];
+    protected readonly app: AppService;
+    protected readonly config: _angular_core.Signal<{
+        type: string;
+        style: any;
+        title: string;
+        titleEditable: boolean;
+        childrenKey: string;
+        additionalNavEndActions: Action[];
+        navEndActions: NavActions;
+        additionalColumns: (items: object[]) => string[];
+        itemActions: ItemActions;
+        pageSizeOptions: number[];
+    }>;
+    readonly feature: QueryFeature;
+    readonly variablesFormFeature: QueryGraphqlVariablesFormFeature;
+    readonly indexFormBuilder: _ng_atomic_components_organisms_table.IndexFormBuilder;
+    readonly navMode: _angular_core.WritableSignal<"expanded" | "collapsed">;
+    readonly editingStateManager: EditingStateManager;
+    readonly style: _angular_core.InputSignal<any>;
+    readonly query: _angular_core.InputSignal<Query<any, any>>;
+    readonly navStartActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly additionalNavEndActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly navEndActions: _angular_core.InputSignal<NavActions>;
+    readonly type: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly titleEditable: _angular_core.InputSignal<boolean>;
+    readonly itemsMap: _angular_core.InputSignal<ItemsMap<any>>;
+    readonly items: _angular_core.Signal<any[]>;
+    readonly itemsLength: _angular_core.InputSignal<number>;
+    readonly childrenKey: _angular_core.InputSignal<string>;
+    readonly additionalColumns: _angular_core.InputSignal<(items: object[]) => string[]>;
+    readonly additionalColumnNames: _angular_core.InputSignal<string[]>;
+    readonly extractedColumnNames: _angular_core.InputSignal<string[]>;
+    readonly columnNames: _angular_core.InputSignal<string[]>;
+    readonly sticky: _angular_core.InputSignal<{
+        stickyStart: number;
+        stickyEnd: number;
+    }>;
+    readonly form: _angular_core.InputSignal<FormGroup<{
+        query: _angular_forms.FormControl<string>;
+        page: FormGroup<{
+            size: _angular_forms.FormControl<number>;
+            index: _angular_forms.FormControl<number>;
+            length: _angular_forms.FormControl<number>;
+        }>;
+        sort: FormGroup<{
+            key: _angular_forms.FormControl<string>;
+            order: _angular_forms.FormControl<"asc" | "desc">;
+        }>;
+        columns: FormGroup<{
+            ids: _angular_forms.FormControl<string[]>;
+            map: FormGroup<{}>;
+        }>;
+    }>>;
+    readonly itemActions: _angular_core.InputSignal<ItemActions>;
+    readonly tableTreeControl: FlatTreeControl<any, any>;
+    readonly variablesForm: _angular_core.InputSignal<FormGroup<any>>;
+    readonly variablesFormFieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly variablesFormValue: _angular_core.Signal<any>;
+    readonly variablesFormValue$: rxjs.Observable<any>;
+    readonly variablesFormDisplayed: _angular_core.InputSignal<boolean>;
+    readonly tableColumnFormFieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly getRowClass: _angular_core.InputSignal<(item: any) => string>;
+    readonly skip: _angular_core.Signal<boolean>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryPageStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QueryPageStore, never, never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "additionalNavEndActions": { "alias": "additionalNavEndActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleEditable": { "alias": "titleEditable"; "required": false; "isSignal": true; }; "itemsMap": { "alias": "itemsMap"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "additionalColumns": { "alias": "additionalColumns"; "required": false; "isSignal": true; }; "additionalColumnNames": { "alias": "additionalColumnNames"; "required": false; "isSignal": true; }; "extractedColumnNames": { "alias": "extractedColumnNames"; "required": false; "isSignal": true; }; "columnNames": { "alias": "columnNames"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "variablesForm": { "alias": "variablesForm"; "required": false; "isSignal": true; }; "variablesFormFieldMap": { "alias": "variablesFormFieldMap"; "required": false; "isSignal": true; }; "variablesFormDisplayed": { "alias": "variablesFormDisplayed"; "required": false; "isSignal": true; }; "tableColumnFormFieldMap": { "alias": "tableColumnFormFieldMap"; "required": false; "isSignal": true; }; "getRowClass": { "alias": "getRowClass"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class QueryPage extends NgAtomicComponent {
+    readonly fb: FormBuilder;
+    readonly route: ActivatedRoute;
+    protected readonly app: AppService;
+    protected readonly store: QueryPageStore;
+    protected readonly reducer: QueryActionReducer;
+    protected readonly query: QueryService;
+    readonly feature: QueryFeature;
+    readonly template: _angular_core.Signal<IndexTemplate<any>>;
+    readonly title: _angular_core.InputSignal<string>;
+    constructor();
+    back(): Promise<void>;
+    navigateToIframe(item: {
+        id: string;
+    }): Promise<void>;
+    expandPage(): Promise<void>;
+    protected itemClick(item: {
+        id: string;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryPage, "pages-query", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof QueryPageStore; inputs: { "type": "type"; "query": "query"; "titleEditable": "titleEditable"; "variablesForm": "variablesForm"; "variablesFormFieldMap": "variablesFormFieldMap"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "itemActions": "itemActions"; "pageSizeOptions": "pageSizeOptions"; }; outputs: {}; }]>;
+}
+
+export { ActionId, QueryActionReducer, QueryPage, QueryPageStore, buildItemsMap, buildItemsMapFromResult };
+export type { TableAutofillChange, TableCellChangeOptions, TableCellValueChange };

package/pages/query-v2/index.d.ts

@@ -0,0 +1,68 @@
+import { InjectableComponent, Action, NgAtomicComponent } from '@ng-atomic/core';
+import * as _angular_forms from '@angular/forms';
+import * as _ng_atomic_components_templates__index from '@ng-atomic/components/templates/_index';
+import * as _angular_core from '@angular/core';
+import { Provider } from '@angular/core';
+import { Query } from '@xxmachina/common/domain/models';
+import { QueryFeature } from '@xxmachina/components/features/query';
+
+type PresenterType = 'table' | 'list';
+declare enum ActionId {
+    CLICK_ITEM = "[@xxmachina/components/pages/query-v2] Click Item"
+}
+declare class QueryPageV2Store extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    /**
+     * Provides an effect handler for CLICK_ITEM action
+     */
+    static provideClickItemEffect<T>(handler: (item: T) => void): Provider[];
+    readonly query: _angular_core.InputSignal<Query<any, any>>;
+    readonly navEndActions: _angular_core.InputSignal<Action<any>[]>;
+    readonly columnNames: _angular_core.InputSignal<string[]>;
+    readonly presenter: _angular_core.InputSignal<PresenterType>;
+    readonly feature: QueryFeature;
+    private readonly fb;
+    readonly queryPanelExpanded: _angular_core.WritableSignal<boolean>;
+    readonly transformerPanelExpanded: _angular_core.WritableSignal<boolean>;
+    readonly presenterPanelExpanded: _angular_core.WritableSignal<boolean>;
+    readonly openPanelCount: _angular_core.Signal<number>;
+    toggleQueryPanel(expanded: boolean): void;
+    toggleTransformerPanel(expanded: boolean): void;
+    togglePresenterPanel(expanded: boolean): void;
+    readonly title: _angular_core.Signal<string>;
+    readonly queryType: _angular_core.Signal<"rest" | "graphql" | "machina">;
+    private readonly isLoading$;
+    readonly isLoading: _angular_core.Signal<boolean>;
+    readonly result: _angular_core.Signal<Record<string, any[]> & Record<`${string}Length`, number> & {
+        __meta__?: {
+            title?: string;
+        } & any;
+    }>;
+    readonly itemsMap: _angular_core.Signal<_ng_atomic_components_templates__index.ItemsMap<any>>;
+    readonly items: _angular_core.Signal<any[]>;
+    readonly itemCount: _angular_core.Signal<number>;
+    readonly displayedColumns: _angular_core.Signal<string[]>;
+    readonly tableForm: _angular_core.Signal<_angular_forms.FormGroup<{
+        columns: _angular_forms.FormGroup<{
+            map: _angular_forms.FormGroup<{
+                [x: string]: _angular_forms.FormControl<unknown>;
+            }>;
+        }>;
+    }>>;
+    readonly columnFormFieldMap: _angular_core.Signal<any>;
+    constructor();
+    refresh(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryPageV2Store, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QueryPageV2Store, never, never, { "query": { "alias": "query"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "columnNames": { "alias": "columnNames"; "required": false; "isSignal": true; }; "presenter": { "alias": "presenter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class QueryPageV2 extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    readonly store: QueryPageV2Store;
+    protected onItemClick(item: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryPageV2, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryPageV2, "pages-query-v2", never, {}, {}, never, never, true, [{ directive: typeof QueryPageV2Store; inputs: { "query": "query"; "navEndActions": "navEndActions"; "columnNames": "columnNames"; "presenter": "presenter"; }; outputs: {}; }]>;
+}
+
+export { ActionId, QueryPageV2, QueryPageV2Store };
+export type { PresenterType };