Add methods to load / refresh a TabContainer directly

CHANGELOG.md

@@ -9,6 +9,8 @@
 * `DashCanvasAddViewButton` exported as a public component to support adding views to `DashCanvas`.
 * `ModelSelector` used for model lookup and matching will now accept the class name of the model to
   match. Previously only a class reference could be provided.
+* Added `TabContainerModel.refreshContextModel`, allowing apps to programmatically load a
+  TabContainer.
 * The Admin Console diff tool for Configs, Prefs, and JSONBlobs now displays who updated each value
   and when.
 * New "Hoist Inspector" tool available in Desktop apps for displaying and querying Models,

cmp/tab/TabContainer.js

@@ -4,7 +4,7 @@
  *
  * Copyright © 2022 Extremely Heavy Industries Inc.
  */
-import {hoistCmp, ModelPublishMode, uses, XH} from '@xh/hoist/core';
+import {hoistCmp, ModelPublishMode, uses, XH, refreshContextView} from '@xh/hoist/core';
 import {tabContainerImpl as desktopTabContainerImpl} from '@xh/hoist/dynamics/desktop';
 import {tabContainerImpl as mobileTabContainerImpl} from '@xh/hoist/dynamics/mobile';
 import PT from 'prop-types';
@@ -32,7 +32,10 @@ export const [TabContainer, tabContainer] = hoistCmp.withFactory({
     className: 'xh-tab-container',
 
     render(props, ref) {
-        return XH.isMobileApp ? mobileTabContainerImpl(props, ref) : desktopTabContainerImpl(props, ref);
+        return refreshContextView({
+            model: props.model.refreshContextModel,
+            item: XH.isMobileApp ? mobileTabContainerImpl(props, ref) : desktopTabContainerImpl(props, ref)
+        });
     }
 });
 

cmp/tab/TabContainerModel.js

@@ -4,7 +4,7 @@
  *
  * Copyright © 2022 Extremely Heavy Industries Inc.
  */
-import {HoistModel, managed, PersistenceProvider, RefreshMode, RenderMode, XH} from '@xh/hoist/core';
+import {HoistModel, managed, RefreshContextModel, PersistenceProvider, RefreshMode, RenderMode, XH} from '@xh/hoist/core';
 import {action, observable, makeObservable} from '@xh/hoist/mobx';
 import {ensureUniqueBy, throwIf} from '@xh/hoist/utils/js';
 import {find, isString, isUndefined, without, difference} from 'lodash';
@@ -46,6 +46,10 @@ export class TabContainerModel extends HoistModel {
     /** @member {(string|ReactNode)} */
     emptyText;
 
+    /** @member {RefreshContextModel} */
+    @managed
+    refreshContextModel;
+
     _lastActiveTabId;
 
     /**
@@ -102,6 +106,7 @@ export class TabContainerModel extends HoistModel {
         this.route = route;
         this.track = track;
         this.setTabs(tabs);
+        this.refreshContextModel = new RefreshContextModel();
 
         if (route) {
             if (XH.isMobileApp) {