@xh/hoist 73.0.0-SNAPSHOT.1746476925456 → 73.0.0-SNAPSHOT.1746482507483

package/admin/tabs/client/clients/activity/ClientDetail.scss

@@ -1,24 +0,0 @@
-.xh-admin-client-detail {
-  &__header {
-    align-items: center;
-    background-color: var(--xh-grid-bg-odd);
-    border-bottom: var(--xh-border-solid);
-    padding: var(--xh-pad-px);
-
-    h2 {
-      flex: 1;
-      font-weight: normal;
-      margin: 0;
-
-      .xh-icon {
-        font-size: 0.8em;
-        margin-right: 0.3em;
-      }
-    }
-
-    &__meta {
-      flex: none;
-      align-items: flex-end;
-    }
-  }
-}

package/admin/tabs/client/clients/activity/ClientDetailModel.ts

@@ -1,83 +0,0 @@
-import {ClientsModel} from '@xh/hoist/admin/tabs/client/clients/ClientsModel';
-import {ColumnSpec} from '@xh/hoist/cmp/grid';
-import {HoistModel, LoadSpec, lookup, PlainObject, XH} from '@xh/hoist/core';
-import {StoreRecord} from '@xh/hoist/data';
-import {bindable, computed, makeObservable} from '@xh/hoist/mobx';
-import {ReactNode} from 'react';
-import {ActivityDetailProvider} from '../../../activity/tracking/detail/ActivityDetailModel';
-
-export class ClientDetailModel extends HoistModel implements ActivityDetailProvider {
-    @lookup(ClientsModel) clientsModel: ClientsModel;
-
-    readonly isActivityDetailProvider = true;
-
-    /** Client tabID for which to load and show activity. */
-    @bindable tabId: string;
-    @bindable.ref trackLogs: PlainObject[] = [];
-
-    get selectedRec(): StoreRecord {
-        return this.clientsModel?.gridModel.selectedRecord;
-    }
-
-    @computed
-    get hasSelection(): boolean {
-        return !!this.selectedRec;
-    }
-
-    get title(): ReactNode {
-        return this.selectedRec?.data.user ?? 'Client Activity';
-    }
-
-    /** For child {@link ActivityDetailModel}. */
-    readonly colDefaults: Record<string, Partial<ColumnSpec>> = {
-        username: {hidden: true},
-        impersonatingFlag: {hidden: true},
-        tabId: {hidden: true},
-        loadId: {hidden: false},
-        device: {hidden: true}
-    };
-
-    constructor() {
-        super();
-        makeObservable(this);
-    }
-
-    override onLinked() {
-        super.onLinked();
-
-        this.addReaction(
-            {
-                track: () => this.clientsModel.gridModel.selectedRecord,
-                run: rec => (this.tabId = rec?.get('tabId'))
-            },
-            {
-                track: () => this.tabId,
-                run: () => this.loadAsync(),
-                debounce: 300
-            }
-        );
-    }
-
-    override async doLoadAsync(loadSpec: LoadSpec) {
-        const {tabId} = this;
-
-        if (!tabId) {
-            this.trackLogs = [];
-            return;
-        }
-
-        try {
-            this.trackLogs = await XH.postJson({
-                url: 'trackLogAdmin',
-                body: {
-                    filters: {field: 'tabId', op: '=', value: tabId}
-                }
-            });
-        } catch (e) {
-            if (loadSpec.isStale || !loadSpec.isAutoRefresh) return;
-
-            XH.handleException(e, {alertType: 'toast'});
-            this.trackLogs = [];
-        }
-    }
-}

package/admin/tabs/client/clients/activity/ClientDetailPanel.ts

@@ -1,63 +0,0 @@
-import {isOpen} from '@xh/hoist/admin/columns';
-import {activityDetailView} from '@xh/hoist/admin/tabs/activity/tracking/detail/ActivityDetailView';
-import {ClientDetailModel} from '@xh/hoist/admin/tabs/client/clients/activity/ClientDetailModel';
-import {h2, hbox, placeholder, vbox} from '@xh/hoist/cmp/layout';
-import {mask} from '@xh/hoist/cmp/mask';
-import {relativeTimestamp} from '@xh/hoist/cmp/relativetimestamp';
-import {creates, hoistCmp} from '@xh/hoist/core';
-import {panel} from '@xh/hoist/desktop/cmp/panel';
-import {Icon} from '@xh/hoist/icon';
-import './ClientDetail.scss';
-
-export const clientDetailPanel = hoistCmp.factory({
-    displayName: 'ClientDetailPanel',
-    model: creates(ClientDetailModel),
-
-    render({model}) {
-        return panel({
-            className: 'xh-admin-client-detail',
-            collapsedTitle: model.title,
-            collapsedIcon: Icon.analytics(),
-            compactHeader: true,
-            modelConfig: {side: 'right', defaultSize: '40%'},
-            item: model.hasSelection
-                ? clientDetail()
-                : placeholder(Icon.analytics(), 'Select a client to view activity...')
-        });
-    }
-});
-
-const clientDetail = hoistCmp.factory<ClientDetailModel>(({model}) => {
-    const {data} = model.selectedRec;
-    return panel({
-        items: [
-            hbox({
-                className: 'xh-admin-client-detail__header',
-                items: [
-                    h2(isOpen.renderer(data.isOpen, null), data.user),
-                    vbox({
-                        className: 'xh-admin-client-detail__header__meta',
-                        items: [
-                            relativeTimestamp({
-                                timestamp: data.createdTime,
-                                options: {prefix: 'Session established'}
-                            }),
-                            relativeTimestamp({
-                                timestamp: data.lastReceivedTime,
-                                options: {prefix: 'Last heartbeat', emptyResult: 'No heartbeat yet'}
-                            })
-                        ]
-                    })
-                ]
-            }),
-            panel({
-                item: activityDetailView(),
-                mask: mask({
-                    bind: model.loadModel,
-                    spinner: true,
-                    message: 'Loading activity...'
-                })
-            })
-        ]
-    });
-});

package/build/types/admin/tabs/client/clients/activity/ClientDetailModel.d.ts

@@ -1,21 +0,0 @@
-import { ClientsModel } from '@xh/hoist/admin/tabs/client/clients/ClientsModel';
-import { ColumnSpec } from '@xh/hoist/cmp/grid';
-import { HoistModel, LoadSpec, PlainObject } from '@xh/hoist/core';
-import { StoreRecord } from '@xh/hoist/data';
-import { ReactNode } from 'react';
-import { ActivityDetailProvider } from '../../../activity/tracking/detail/ActivityDetailModel';
-export declare class ClientDetailModel extends HoistModel implements ActivityDetailProvider {
-    clientsModel: ClientsModel;
-    readonly isActivityDetailProvider = true;
-    /** Client tabID for which to load and show activity. */
-    tabId: string;
-    trackLogs: PlainObject[];
-    get selectedRec(): StoreRecord;
-    get hasSelection(): boolean;
-    get title(): ReactNode;
-    /** For child {@link ActivityDetailModel}. */
-    readonly colDefaults: Record<string, Partial<ColumnSpec>>;
-    constructor();
-    onLinked(): void;
-    doLoadAsync(loadSpec: LoadSpec): Promise<void>;
-}

package/build/types/admin/tabs/client/clients/activity/ClientDetailPanel.d.ts

@@ -1,3 +0,0 @@
-import { ClientDetailModel } from '@xh/hoist/admin/tabs/client/clients/activity/ClientDetailModel';
-import './ClientDetail.scss';
-export declare const clientDetailPanel: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<ClientDetailModel>>;