@xh/hoist 69.0.0-SNAPSHOT.1728424290087 → 69.0.0-SNAPSHOT.1728501806283

package/CHANGELOG.md

@@ -11,6 +11,7 @@ is not expected to affect any applications.
 * Added new AppStates `AUTHENTICATING`, `INITIALIZING_HOIST`, and `INITIALIZING_APP` to support
 more granular tracking and timing of app startup lifecycle.
 * Improved the default "Loaded App" activity tracking entry with more granular data on load timing.
+* `RestGrid` now displays an optional refresh button in its toolbar.
 
 ### ⚙️ Technical
 

package/admin/tabs/cluster/connpool/ConnPoolMonitorPanel.ts

@@ -14,6 +14,7 @@ import {button, exportButton} from '@xh/hoist/desktop/cmp/button';
 import {errorMessage} from '@xh/hoist/desktop/cmp/error';
 import {jsonInput} from '@xh/hoist/desktop/cmp/input';
 import {panel} from '@xh/hoist/desktop/cmp/panel';
+import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
 import {Icon} from '@xh/hoist/icon';
 
 export const connPoolMonitorPanel = hoistCmp.factory({
@@ -26,28 +27,8 @@ export const connPoolMonitorPanel = hoistCmp.factory({
             });
         }
 
-        const {readonly} = AppModel;
         return panel({
-            bbar: [
-                button({
-                    text: 'Take Snapshot',
-                    icon: Icon.camera(),
-                    omit: readonly,
-                    onClick: () => model.takeSnapshotAsync()
-                }),
-                '-',
-                button({
-                    text: 'Reset Stats',
-                    icon: Icon.reset(),
-                    omit: readonly,
-                    onClick: () => model.resetStatsAsync()
-                }),
-                filler(),
-                gridCountLabel({unit: 'snapshot'}),
-                '-',
-                exportButton()
-            ],
-            items: hframe(
+            item: hframe(
                 vframe(
                     grid(),
                     panel({
@@ -60,12 +41,38 @@ export const connPoolMonitorPanel = hoistCmp.factory({
                 ),
                 poolConfigPanel()
             ),
-            mask: 'onLoad',
-            ref: model.viewRef
+            bbar: bbar(),
+            ref: model.viewRef,
+            mask: 'onLoad'
         });
     }
 });
 
+const bbar = hoistCmp.factory<ConnPoolMonitorModel>({
+    render({model}) {
+        const {readonly} = AppModel;
+        return toolbar(
+            button({
+                text: 'Take Snapshot',
+                icon: Icon.camera(),
+                omit: readonly,
+                onClick: () => model.takeSnapshotAsync()
+            }),
+            '-',
+            button({
+                text: 'Reset Stats',
+                icon: Icon.reset(),
+                omit: readonly,
+                onClick: () => model.resetStatsAsync()
+            }),
+            filler(),
+            gridCountLabel({unit: 'snapshot'}),
+            '-',
+            exportButton()
+        );
+    }
+});
+
 const poolConfigPanel = hoistCmp.factory<ConnPoolMonitorModel>({
     render({model}) {
         return panel({

package/admin/tabs/cluster/hzobject/HzObjectModel.ts

@@ -13,6 +13,7 @@ import * as Col from '@xh/hoist/cmp/grid/columns';
 import {br, fragment} from '@xh/hoist/cmp/layout';
 import {LoadSpec, managed, PlainObject, XH} from '@xh/hoist/core';
 import {RecordActionSpec} from '@xh/hoist/data';
+import {PanelModel} from '@xh/hoist/desktop/cmp/panel';
 import {Icon} from '@xh/hoist/icon';
 import {bindable, makeObservable} from '@xh/hoist/mobx';
 import {first, isEmpty, last} from 'lodash';
@@ -20,6 +21,11 @@ import {first, isEmpty, last} from 'lodash';
 export class HzObjectModel extends BaseInstanceModel {
     @bindable groupBy: 'type' | 'owner' = 'owner';
 
+    @managed detailPanelModel = new PanelModel({
+        side: 'right',
+        defaultSize: 450
+    });
+
     clearAction: RecordActionSpec = {
         text: 'Clear Objects',
         icon: Icon.reset(),
@@ -37,6 +43,7 @@ export class HzObjectModel extends BaseInstanceModel {
     gridModel = new GridModel({
         selModel: 'multiple',
         enableExport: true,
+        autosizeOptions: {mode: 'managed', includeCollapsedChildren: true},
         exportOptions: {filename: exportFilenameWithDate('distributed-objects'), columns: 'ALL'},
         sortBy: 'displayName',
         groupBy: this.groupBy,
@@ -54,10 +61,10 @@ export class HzObjectModel extends BaseInstanceModel {
             processRawData: o => this.processRawData(o)
         },
         columns: [
-            {field: 'displayName', flex: 1},
+            {field: 'displayName'},
             {field: 'owner'},
             {field: 'type'},
-            {field: 'size', displayName: 'Entry Count', ...Col.number, width: 130},
+            {field: 'size', displayName: 'Entries', ...Col.number},
             {
                 ...timestampNoYear,
                 field: 'lastUpdateTime',

package/admin/tabs/cluster/hzobject/HzObjectPanel.ts

@@ -62,8 +62,7 @@ const detailsPanel = hoistCmp.factory({
     }
 });
 
-const bbar = hoistCmp.factory({
-    model: uses(HzObjectModel),
+const bbar = hoistCmp.factory<HzObjectModel>({
     render({model}) {
         return toolbar(
             recordActionBar({
@@ -89,7 +88,8 @@ const bbar = hoistCmp.factory({
                 ],
                 width: 125,
                 bind: 'groupBy',
-                hideDropdownIndicator: true
+                hideDropdownIndicator: true,
+                enableFilter: false
             }),
             storeFilterField({matchMode: 'any'}),
             exportButton()

package/admin/tabs/cluster/logs/levels/LogLevelDialogModel.ts

@@ -48,6 +48,7 @@ export class LogLevelDialogModel extends HoistModel {
             enableExport: true,
             exportOptions: {filename: exportFilenameWithDate('log-levels')},
             readonly: AppModel.readonly,
+            showRefreshButton: true,
             store: {
                 url: 'rest/logLevelAdmin',
                 fieldDefaults: {disableXssProtection: true},

package/admin/tabs/cluster/memory/MemoryMonitorPanel.ts

@@ -8,11 +8,12 @@ import {AppModel} from '@xh/hoist/admin/AppModel';
 import {MemoryMonitorModel} from '@xh/hoist/admin/tabs/cluster/memory/MemoryMonitorModel';
 import {chart} from '@xh/hoist/cmp/chart';
 import {grid, gridCountLabel} from '@xh/hoist/cmp/grid';
-import {filler} from '@xh/hoist/cmp/layout';
+import {filler, vframe} from '@xh/hoist/cmp/layout';
 import {creates, hoistCmp} from '@xh/hoist/core';
 import {button, exportButton} from '@xh/hoist/desktop/cmp/button';
 import {errorMessage} from '@xh/hoist/desktop/cmp/error';
 import {panel} from '@xh/hoist/desktop/cmp/panel';
+import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
 import {Icon} from '@xh/hoist/icon';
 import {isNil} from 'lodash';
 
@@ -26,40 +27,8 @@ export const memoryMonitorPanel = hoistCmp.factory({
             });
         }
 
-        const {readonly} = AppModel,
-            dumpDisabled = isNil(model.heapDumpDir);
         return panel({
-            bbar: [
-                button({
-                    text: 'Take Snapshot',
-                    icon: Icon.camera(),
-                    omit: readonly,
-                    onClick: () => model.takeSnapshotAsync()
-                }),
-                '-',
-                button({
-                    text: 'Request GC',
-                    icon: Icon.trash(),
-                    omit: readonly,
-                    onClick: () => model.requestGcAsync()
-                }),
-                '-',
-                button({
-                    text: 'Dump Heap',
-                    icon: Icon.fileArchive(),
-                    omit: readonly,
-                    disabled: dumpDisabled,
-                    tooltip: dumpDisabled
-                        ? 'Missing required config xhMemoryMonitoringConfig.heapDumpDir'
-                        : null,
-                    onClick: () => model.dumpHeapAsync()
-                }),
-                filler(),
-                gridCountLabel({unit: 'snapshot'}),
-                '-',
-                exportButton()
-            ],
-            items: [
+            item: vframe(
                 grid(),
                 panel({
                     modelConfig: {
@@ -68,9 +37,48 @@ export const memoryMonitorPanel = hoistCmp.factory({
                     },
                     item: chart()
                 })
-            ],
-            mask: 'onLoad',
-            ref: model.viewRef
+            ),
+            bbar: bbar(),
+            ref: model.viewRef,
+            mask: 'onLoad'
         });
     }
 });
+
+const bbar = hoistCmp.factory<MemoryMonitorModel>({
+    render({model}) {
+        const {readonly} = AppModel,
+            dumpDisabled = isNil(model.heapDumpDir);
+
+        return toolbar(
+            button({
+                text: 'Take Snapshot',
+                icon: Icon.camera(),
+                omit: readonly,
+                onClick: () => model.takeSnapshotAsync()
+            }),
+            '-',
+            button({
+                text: 'Request GC',
+                icon: Icon.trash(),
+                omit: readonly,
+                onClick: () => model.requestGcAsync()
+            }),
+            '-',
+            button({
+                text: 'Dump Heap',
+                icon: Icon.fileArchive(),
+                omit: readonly,
+                disabled: dumpDisabled,
+                tooltip: dumpDisabled
+                    ? 'Missing required config xhMemoryMonitoringConfig.heapDumpDir'
+                    : null,
+                onClick: () => model.dumpHeapAsync()
+            }),
+            filler(),
+            gridCountLabel({unit: 'snapshot'}),
+            '-',
+            exportButton()
+        );
+    }
+});

package/admin/tabs/userData/prefs/editor/PrefEditorModel.ts

@@ -43,6 +43,7 @@ export class PrefEditorModel extends HoistModel {
             enableExport: true,
             exportOptions: {filename: exportFilenameWithDate('prefs')},
             selModel: 'multiple',
+            showRefreshButton: true,
             store: {
                 url: 'rest/preferenceAdmin',
                 reloadLookupsOnLoad: true,

package/build/types/admin/tabs/cluster/hzobject/HzObjectModel.d.ts

@@ -2,8 +2,10 @@ import { BaseInstanceModel } from '@xh/hoist/admin/tabs/cluster/BaseInstanceMode
 import { GridModel } from '@xh/hoist/cmp/grid';
 import { LoadSpec } from '@xh/hoist/core';
 import { RecordActionSpec } from '@xh/hoist/data';
+import { PanelModel } from '@xh/hoist/desktop/cmp/panel';
 export declare class HzObjectModel extends BaseInstanceModel {
     groupBy: 'type' | 'owner';
+    detailPanelModel: PanelModel;
     clearAction: RecordActionSpec;
     gridModel: GridModel;
     constructor();

package/build/types/desktop/cmp/rest/RestGridModel.d.ts

@@ -18,7 +18,9 @@ export interface RestGridConfig extends GridConfig {
     menuActions?: Array<RecordAction | RecordActionSpec | '-'>;
     /** Actions to display in the form toolbar. Defaults to delete. */
     formActions?: Array<RecordAction | RecordActionSpec>;
-    /** Warning to display before actions on a selection of  records. */
+    /** Show a refresh button in the toolbar. Defaults to false. **/
+    showRefreshButton?: boolean;
+    /** Warning to display before actions on a selection of records. */
     actionWarning?: {
         add?: string | ((recs: StoreRecord[]) => string);
         del?: string | ((recs: StoreRecord[]) => string);
@@ -70,6 +72,7 @@ export declare class RestGridModel extends HoistModel {
     toolbarActions: Array<RecordAction | RecordActionSpec>;
     menuActions: Array<RecordAction | RecordActionSpec | '-'>;
     formActions: Array<RecordAction | RecordActionSpec>;
+    showRefreshButton: boolean;
     prepareCloneFn: (input: {
         record: StoreRecord;
         clone: PlainObject;
@@ -83,7 +86,7 @@ export declare class RestGridModel extends HoistModel {
     get selModel(): import("@xh/hoist/data").StoreSelectionModel;
     get selectedRecords(): StoreRecord[];
     get selectedRecord(): StoreRecord;
-    constructor({ readonly, toolbarActions, menuActions, formActions, actionWarning, prepareCloneFn, unit, filterFields, editors, onRowDoubleClicked, store, appData, ...rest }: RestGridConfig);
+    constructor({ readonly, toolbarActions, menuActions, formActions, showRefreshButton, actionWarning, prepareCloneFn, unit, filterFields, editors, onRowDoubleClicked, store, appData, ...rest }: RestGridConfig);
     /** Load the underlying store. */
     doLoadAsync(loadSpec: any): Promise<void>;
     /** Load the underlying store. */

package/desktop/cmp/rest/RestGridModel.ts

@@ -34,7 +34,10 @@ export interface RestGridConfig extends GridConfig {
     /** Actions to display in the form toolbar. Defaults to delete. */
     formActions?: Array<RecordAction | RecordActionSpec>;
 
-    /** Warning to display before actions on a selection of  records. */
+    /** Show a refresh button in the toolbar. Defaults to false. **/
+    showRefreshButton?: boolean;
+
+    /** Warning to display before actions on a selection of records. */
     actionWarning?: {
         add?: string | ((recs: StoreRecord[]) => string);
         del?: string | ((recs: StoreRecord[]) => string);
@@ -97,6 +100,7 @@ export class RestGridModel extends HoistModel {
     toolbarActions: Array<RecordAction | RecordActionSpec>;
     menuActions: Array<RecordAction | RecordActionSpec | '-'>;
     formActions: Array<RecordAction | RecordActionSpec>;
+    showRefreshButton: boolean;
     prepareCloneFn: (input: {record: StoreRecord; clone: PlainObject}) => void;
     unit: string;
     filterFields: string[] = null;
@@ -133,6 +137,7 @@ export class RestGridModel extends HoistModel {
         toolbarActions = !readonly ? [addAction, editAction, deleteAction] : [viewAction],
         menuActions = !readonly ? [addAction, editAction, deleteAction] : [viewAction],
         formActions = !readonly ? [deleteAction] : [],
+        showRefreshButton = false,
         actionWarning,
         prepareCloneFn,
         unit = 'record',
@@ -149,6 +154,7 @@ export class RestGridModel extends HoistModel {
         this.toolbarActions = toolbarActions;
         this.menuActions = menuActions;
         this.formActions = formActions;
+        this.showRefreshButton = showRefreshButton;
 
         this.actionWarning = Object.assign(this.actionWarning, actionWarning);
 

package/desktop/cmp/rest/impl/RestGridToolbar.ts

@@ -54,7 +54,10 @@ export const restGridToolbar = hoistCmp.factory({
                 gridModel,
                 omit: !model.gridModel.enableExport
             }),
-            refreshButton({model})
+            refreshButton({
+                model,
+                omit: !model.showRefreshButton
+            })
         );
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "69.0.0-SNAPSHOT.1728424290087",
+  "version": "69.0.0-SNAPSHOT.1728501806283",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",