@xh/hoist 69.0.0 → 69.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 69.1.0 - 2024-11-07
+
+### 🐞 Bug Fixes
+
+* Updated minimum required version of FontAwesome to 6.6, as required by the `fileXml()` icon added
+  in the prior Hoist release. The previous spec for FA dependencies allowed apps to upgrade to 6.6,
+  but did not enforce it, which could result in a build error due to an unresolved import.
+
+### ⚙️ Technical
+
+* Deprecated `FileChooserModel.removeAllFiles()`, replaced with `clear()` for brevity/consistency.
+* Improved timeout error message thrown by `FetchService` to format the timeout interval in seconds
+  where possible.
+
+### 📚 Libraries
+
+* @azure/msal-browser `3.23 → 3.27`
+* @fortawesome/fontawesome-pro `6.2 → 6.6`
+* qs `6.12 → 6.13`
+* store2 `2.13 → 2.14`
+
 ## 69.0.0 - 2024-10-17
 
 ### 💥 Breaking Changes (upgrade difficulty: 🟢 LOW - Hoist core update)
@@ -215,6 +236,7 @@
 
 * Requires update to `hoist-dev-utils >= v9.0.0` with updated handling of static/public assets.
   This should be a drop-in change for applications.
+* iOS < 16.4 is no longer supported, due to the use of complex RegExes in GFM parsing.
 
 ### 🎁 New Features
 

package/admin/tabs/monitor/editor/MonitorEditorDialog.ts

@@ -48,6 +48,7 @@ const modelSpec: RestGridConfig = {
     persistWith: {localStorageKey: 'xhAdminMonitorState'},
     colChooserModel: true,
     enableExport: true,
+    showRefreshButton: true,
     store: {
         url: 'rest/monitorAdmin',
         fieldDefaults: {disableXssProtection: true},

package/build/types/core/exception/Exception.d.ts

@@ -18,9 +18,7 @@ export declare class Exception {
      *      Other inputs will be treated as the `message` of a new HoistException.
      */
     static create(src: unknown): HoistException;
-    /**
-     * Create an Error for when an operation (e.g. a Promise) times out.
-     */
+    /** Create an Error for when an operation (e.g. a Promise) times out. */
     static timeout(config: TimeoutExceptionConfig): TimeoutException;
     /**
      * Create an Error to throw when a fetch call returns a !ok response.

package/build/types/desktop/cmp/appOption/AutoRefreshAppOption.d.ts

@@ -83,6 +83,7 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
         autoFocus?: boolean;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
         dir?: string;
@@ -106,7 +107,6 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         rev?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
         autoCorrect?: string;
         autoSave?: string;
         color?: string;
@@ -117,12 +117,12 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         itemRef?: string;
         results?: number;
         security?: string;
-        unselectable?: "on" | "off";
+        unselectable?: "off" | "on";
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-braillelabel"?: string;
         "aria-brailleroledescription"?: string;
         "aria-busy"?: boolean | "true" | "false";

package/build/types/desktop/cmp/appOption/ThemeAppOption.d.ts

@@ -81,6 +81,7 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
         autoFocus?: boolean;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
         dir?: string;
@@ -104,7 +105,6 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         rev?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
         autoCorrect?: string;
         autoSave?: string;
         color?: string;
@@ -115,12 +115,12 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         itemRef?: string;
         results?: number;
         security?: string;
-        unselectable?: "on" | "off";
+        unselectable?: "off" | "on";
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-braillelabel"?: string;
         "aria-brailleroledescription"?: string;
         "aria-busy"?: boolean | "true" | "false";

package/build/types/desktop/cmp/filechooser/FileChooserModel.d.ts

@@ -13,11 +13,11 @@ export declare class FileChooserModel extends HoistModel {
      */
     addFiles(filesToAdd: File[]): void;
     setSingleFile(file: File): void;
-    /**
-     * Remove a single file from the current selection.
-     */
+    /** Remove a single file from the current selection. */
     removeFileByName(name: string): void;
     /** Clear the current selection. */
+    clear(): void;
+    /** @deprecated use clear() instead */
     removeAllFiles(): void;
     private createGridModel;
     onDrop(accepted: any, rejected: any, enableMulti: any): void;

package/core/exception/Exception.ts

@@ -4,10 +4,10 @@
  *
  * Copyright © 2024 Extremely Heavy Industries Inc.
  */
+import {PlainObject, XH} from '@xh/hoist/core';
 import {FetchOptions} from '@xh/hoist/svc';
-import {PlainObject, XH} from '../';
+import {pluralize} from '@xh/hoist/utils/js';
 import {isPlainObject} from 'lodash';
-
 import {FetchException, HoistException, TimeoutException, TimeoutExceptionConfig} from './Types';
 
 /**
@@ -39,15 +39,19 @@ export class Exception {
         });
     }
 
-    /**
-     * Create an Error for when an operation (e.g. a Promise) times out.
-     */
+    /** Create an Error for when an operation (e.g. a Promise) times out. */
     static timeout(config: TimeoutExceptionConfig): TimeoutException {
         const {interval, ...rest} = config,
-            displayInterval = interval % 1000 ? `${interval}ms` : `${interval / 1000}s`;
+            // Display timeout in seconds if an even multiple (or very close to it).
+            displayInterval =
+                interval % 1000 < 5
+                    ? pluralize('second', Math.round(interval / 1000), true)
+                    : `${interval}ms`;
+
         return this.createInternal({
             name: 'Timeout Exception',
-            message: `Operation timed out after ${displayInterval}`,
+            // Note FetchService.managedFetchAsync appends to this message - review if changing.
+            message: `Timed out after ${displayInterval}`,
             isTimeout: true,
             stack: null,
             interval,

package/desktop/cmp/filechooser/FileChooserModel.ts

@@ -10,6 +10,7 @@ import {actionCol, calcActionColWidth} from '@xh/hoist/desktop/cmp/grid';
 import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
 import {action, makeObservable, observable} from '@xh/hoist/mobx';
+import {apiDeprecated} from '@xh/hoist/utils/js';
 import {isEmpty} from 'codemirror/src/util/misc';
 import filesize from 'filesize';
 import {find, uniqBy, without} from 'lodash';
@@ -51,9 +52,7 @@ export class FileChooserModel extends HoistModel {
         this.files = [file];
     }
 
-    /**
-     * Remove a single file from the current selection.
-     */
+    /** Remove a single file from the current selection. */
     @action
     removeFileByName(name: string) {
         const toRemove = find(this.files, {name});
@@ -62,10 +61,16 @@ export class FileChooserModel extends HoistModel {
 
     /** Clear the current selection. */
     @action
-    removeAllFiles() {
+    clear() {
         this.files = [];
     }
 
+    /** @deprecated use clear() instead */
+    removeAllFiles() {
+        apiDeprecated('FileChooserModel.removeAllFiles()', {msg: 'Use clear() instead'});
+        this.clear();
+    }
+
     //------------------------
     // Implementation
     //------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "69.0.0",
+  "version": "69.1.0",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -31,17 +31,17 @@
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "~2.1.3",
-    "@azure/msal-browser": "~3.23.0",
+    "@azure/msal-browser": "~3.27.0",
     "@blueprintjs/core": "^5.10.5",
     "@blueprintjs/datetime": "^5.3.7",
     "@blueprintjs/datetime2": "^2.3.7",
-    "@fortawesome/fontawesome-pro": "^6.2.1",
-    "@fortawesome/fontawesome-svg-core": "^6.2.1",
-    "@fortawesome/pro-light-svg-icons": "^6.2.1",
-    "@fortawesome/pro-regular-svg-icons": "^6.2.1",
-    "@fortawesome/pro-solid-svg-icons": "^6.2.1",
-    "@fortawesome/pro-thin-svg-icons": "^6.2.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fortawesome/fontawesome-pro": "^6.6.0",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/pro-light-svg-icons": "^6.6.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.6.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.6.0",
+    "@fortawesome/pro-thin-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@onsenui/fastclick": "~1.1.1",
     "@popperjs/core": "~2.11.0",
     "@seznam/compose-react-refs": "~1.0.5",
@@ -65,7 +65,7 @@
     "moment": "~2.30.1",
     "numbro": "~2.5.0",
     "onsenui": "~2.12.8",
-    "qs": "~6.12.1",
+    "qs": "~6.13.0",
     "react-beautiful-dnd": "~13.1.0",
     "react-dates": "~21.8.0",
     "react-dropzone": "~10.2.2",
@@ -84,7 +84,7 @@
     "router5-plugin-browser": "~7.0.2",
     "semver": "~7.6.0",
     "short-unique-id": "~5.2.0",
-    "store2": "~2.13.1",
+    "store2": "~2.14.3",
     "ua-parser-js": "~1.0.2"
   },
   "peerDependencies": {

package/svc/FetchService.ts

@@ -314,7 +314,8 @@ export class FetchService extends HoistService {
                 const msg =
                     isObject(timeout) && 'message' in timeout
                         ? timeout.message
-                        : `Timed out loading '${opts.url}' - no response after ${e.interval}ms.`;
+                        : // Exception.timeout() message already includes interval - add URL here.
+                          e.message + ` loading '${opts.url}'`;
                 throw Exception.fetchTimeout(opts, e, msg);
             }