@xh/hoist 73.0.0-SNAPSHOT.1747414706232 → 73.0.1

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # Changelog
 
-## v73.0.0-SNAPSHOT - unreleased
+## v73.0.1 - 2025-05-19
 
-### 💥 Breaking Changes (upgrade difficulty: 🟢 TRIVIAL - minor upgrade to Hoist Core)
+### 🐞 Bug Fixes
+
+* Fixed a minor issue with Admin Console Role Management.
+
+## v73.0.0 - 2025-05-16
+
+### 💥 Breaking Changes (upgrade difficulty: 🟢 LOW - upgrade to Hoist Core)
 
-* Requires `hoist-core >= 30.1` with new APIs to support the consolidated Admin Console "Clients"
+* Requires `hoist-core >= 31` with new APIs to support the consolidated Admin Console "Clients"
   tab and new properties on `TrackLog`.
 * Apps with a custom `AppModel` for their admin app that extends `@xh/hoist/admin/AppModel` must
   ensure they call `super.initAsync()` within their override of that lifecycle method, if
@@ -21,7 +27,7 @@
     * Added ability to append terms to active filter *only* when `commitOnChage:false`
 * Added new `PopoverFilterChooser` component - wraps `FilterChooser` in a `Popover` to allow it to
   expand vertically when used in a `Toolbar` or other space-constrained, single-line layout.
- * Enhanced OAuth clients with a new `reloginEnabled` config. Set to true to allow the client to do a
+* Enhanced OAuth clients with a new `reloginEnabled` config. Set to true to allow the client to do a
   potentially interactive popup login mid-session to re-establish auth if its refresh token has
   expired or been invalidated. Strongly recommended for all OAuth usages.
 * Significantly upgraded the Admin Console "User Activity" tab:
@@ -76,8 +82,8 @@ build. That said, we *strongly* recommend taking these same changes into your ap
 
 * @xh/hoist-dev-utils `10.x → 11.x`
 * eslint `8.x → 9.x`
-  * Apps making this update must also rename their `.eslintrc` file to `eslint.config.js`. See the
-    configuration found in Toolbox's `eslint.config.js` as your new baseline.
+    * Apps making this update must also rename their `.eslintrc` file to `eslint.config.js`. See the
+      configuration found in Toolbox's `eslint.config.js` as your new baseline.
 * eslint-config-prettier `9.x → 10.x`
 * typescript `5.1 → 5.8`
 

package/admin/tabs/userData/roles/editor/form/RoleFormModel.ts

@@ -11,7 +11,7 @@ import {HoistModel, managed, ReactionSpec, SelectOption, TaskObserver, XH} from
 import {RecordActionSpec, required} from '@xh/hoist/data';
 import {actionCol, calcActionColWidth, selectEditor} from '@xh/hoist/desktop/cmp/grid';
 import {Icon} from '@xh/hoist/icon';
-import {action, computed, observable} from '@xh/hoist/mobx';
+import {action, computed, makeObservable, observable} from '@xh/hoist/mobx';
 import {groupBy, isNil, isString, map, sortBy, uniq, without} from 'lodash';
 import {RoleModel} from '../../RoleModel';
 import {HoistRole, RoleMemberType, RoleModuleConfig} from '../../Types';
@@ -72,6 +72,8 @@ export class RoleFormModel extends HoistModel {
 
     constructor(roleModel: RoleModel) {
         super();
+        makeObservable(this);
+
         this.roleModel = roleModel;
         this.addReaction(
             this.clearDegenerateRowReaction(this.usersGridModel),

package/appcontainer/AboutDialogModel.ts

@@ -6,10 +6,12 @@
  */
 import {table, tbody, td, th, tr} from '@xh/hoist/cmp/layout';
 import {AboutDialogItem, HoistModel, XH} from '@xh/hoist/core';
-import {action, observable, makeObservable} from '@xh/hoist/mobx';
-import {warnIf} from '@xh/hoist/utils/js';
+import {action, makeObservable, observable} from '@xh/hoist/mobx';
 import {isOmitted} from '@xh/hoist/utils/impl';
+import {warnIf} from '@xh/hoist/utils/js';
+import copy from 'clipboard-copy';
 import {isNull} from 'lodash';
+import {Icon} from '../icon';
 
 /**
  * @internal
@@ -50,7 +52,24 @@ export class AboutDialogModel extends HoistModel {
     }
 
     getTable() {
-        const rows = this.getItems().map(it => tr(th(it.label), td(it.value)));
+        const rows = this.getItems().map(it =>
+            tr(
+                th(it.label),
+                td({
+                    item: it.value,
+                    onClick: () => {
+                        const val = it.value?.toString();
+                        if (val === 'null' || val === '[object Object]') return;
+
+                        copy(val);
+                        XH.toast({
+                            icon: Icon.clipboard(),
+                            message: `Copied ${val} to clipboard`
+                        });
+                    }
+                })
+            )
+        );
         return table(tbody(rows));
     }
 

package/build/types/cmp/grid/filter/GridFilterFieldSpec.d.ts

@@ -31,8 +31,8 @@ export declare class GridFilterFieldSpec extends BaseFilterFieldSpec {
     defaultOp: FieldFilterOperator;
     valueCount: number;
     constructor({ filterModel, renderer, inputProps, defaultOp, ...rest }: GridFilterFieldSpecConfig);
+    getUniqueValue(value: unknown): unknown;
     loadValuesFromSource(): void;
-    cleanFilter(filter: any): any;
-    valueFromRecord(record: any): any;
-    getUniqueValue(value: any): any;
+    private cleanFilter;
+    private valueFromRecord;
 }

package/cmp/grid/filter/GridFilterFieldSpec.ts

@@ -7,7 +7,7 @@
 import {ColumnRenderer} from '@xh/hoist/cmp/grid';
 import {HoistInputProps} from '@xh/hoist/cmp/input';
 import {PlainObject} from '@xh/hoist/core';
-import {FieldFilterOperator, parseFilter, View} from '@xh/hoist/data';
+import {FieldFilterOperator, parseFilter, StoreRecord, View} from '@xh/hoist/data';
 import {
     BaseFilterFieldSpec,
     BaseFilterFieldSpecConfig
@@ -61,6 +61,11 @@ export class GridFilterFieldSpec extends BaseFilterFieldSpec {
         this.defaultOp = this.ops.includes(defaultOp) ? defaultOp : this.ops[0];
     }
 
+    getUniqueValue(value: unknown) {
+        // Return ms timestamp for dates to facilitate uniqueness check
+        return isDate(value) ? value.getTime() : value;
+    }
+
     //------------------------
     // Implementation
     //------------------------
@@ -112,7 +117,7 @@ export class GridFilterFieldSpec extends BaseFilterFieldSpec {
     }
 
     // Recursively modify a Filter|CompoundFilter to remove all FieldFilters referencing this column
-    cleanFilter(filter) {
+    private cleanFilter(filter) {
         if (!filter) return filter;
 
         const {field, filters, op} = filter;
@@ -126,13 +131,8 @@ export class GridFilterFieldSpec extends BaseFilterFieldSpec {
         return filter;
     }
 
-    valueFromRecord(record) {
+    private valueFromRecord(record: StoreRecord) {
         const {filterModel, field} = this;
         return filterModel.toDisplayValue(record.get(field));
     }
-
-    getUniqueValue(value) {
-        // Return ms timestamp for dates to facilitate uniqueness check
-        return isDate(value) ? value.getTime() : value;
-    }
 }

package/cmp/zoneGrid/impl/ZoneMapperModel.ts

@@ -279,6 +279,7 @@ export class ZoneMapperModel extends HoistModel {
         this.mappings = mappings;
     }
 
+    @action
     private removeZoneMapping(zone: Zone, field: string) {
         let mappings = cloneDeep(this.mappings);
         mappings[zone] = mappings[zone].filter(it => it.field !== field);

package/core/HoistAppModel.ts

@@ -78,8 +78,9 @@ export class HoistAppModel extends HoistModel {
             {label: 'Hoist Core', value: svc.get('hoistCoreVersion')},
             {label: 'Hoist React', value: svc.get('hoistReactVersion')},
             {label: 'User Agent', value: window.navigator.userAgent},
-            {label: 'Tab/Load IDs', value: XH.tabId + ' / ' +  XH.loadId},
-            {label: 'Server', value: svc.serverInstance},
+            {label: 'Tab ID', value: XH.tabId},
+            {label: 'Load ID', value: XH.loadId},
+            {label: 'Server Instance', value: svc.serverInstance},
             {label: 'WebSockets', value: webSocketIndicator()}
         ];
     }

package/desktop/appcontainer/AboutDialog.scss

@@ -16,17 +16,18 @@
   }
 
   th {
-    text-align: right;
-    vertical-align: middle;
-    white-space: nowrap;
     background-color: var(--xh-bg-alt);
     border-bottom: var(--xh-border-solid);
     border-right: var(--xh-border-solid);
-    padding: var(--xh-pad-half-px);
+    padding: var(--xh-pad-half-px) var(--xh-pad-px);
+    text-align: right;
+    vertical-align: middle;
+    white-space: nowrap;
   }
 
   td {
     border-bottom: var(--xh-border-solid);
+    cursor: copy;
     padding: var(--xh-pad-half-px);
   }
 }

package/mobile/appcontainer/AboutDialog.scss

@@ -5,13 +5,13 @@
   }
 
   th {
-    text-align: right;
-    vertical-align: middle;
-    white-space: nowrap;
     background-color: var(--xh-bg-alt);
     border-bottom: var(--xh-border-solid);
     border-right: var(--xh-border-solid);
-    padding: var(--xh-pad-half-px);
+    padding: var(--xh-pad-half-px) var(--xh-pad-px);
+    text-align: right;
+    vertical-align: top;
+    white-space: nowrap;
   }
 
   td {

package/mobx/overrides.ts

@@ -81,7 +81,7 @@ export function checkMakeObservable(target: any) {
     if (!isEmpty(missing)) {
         logError(
             `Observable properties [${missing.join(', ')}] not initialized properly. ` +
-                'Ensure you call makeObservable() in your constructor',
+                'Ensure you call makeObservable(this) in your constructor',
             target
         );
     }

package/package.json

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