@xxmachina/components 19.4.2 → 19.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xxmachina/components",
-  "version": "19.4.2",
+  "version": "19.5.0",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -78,6 +78,10 @@
       "types": "./pages/query/index.d.ts",
       "default": "./fesm2022/xxmachina-components-pages-query.mjs"
     },
+    "./pages/query-v2": {
+      "types": "./pages/query-v2/index.d.ts",
+      "default": "./fesm2022/xxmachina-components-pages-query-v2.mjs"
+    },
     "./pages/thread": {
       "types": "./pages/thread/index.d.ts",
       "default": "./fesm2022/xxmachina-components-pages-thread.mjs"

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 };

package/services/forms/query/index.d.ts

@@ -8,6 +8,7 @@ declare class QueryFormService {
     build(): _angular_forms.FormGroup<{
         id: _angular_forms.FormControl<string>;
         title: _angular_forms.FormControl<string>;
+        type: _angular_forms.FormControl<string>;
         graphql: _angular_forms.FormGroup<{
             endpoint: _angular_forms.FormControl<string>;
             query: _angular_forms.FormControl<string>;
@@ -28,7 +29,7 @@ declare class QueryFormService {
     static parse(formValue: Partial<{
         id: string;
         title: string;
-        type: 'graphql';
+        type: string;
         graphql: Partial<{
             endpoint: string;
             query: string;