@xh/hoist 76.0.0-SNAPSHOT.1758211176948 → 76.0.0-SNAPSHOT.1758215282397

package/CHANGELOG.md

@@ -3,8 +3,10 @@
 ## 76.0.0-SNAPSHOT - unreleased
 
 ### 💥 Breaking Changes (upgrade difficulty: 🟢 LOW - upgrade to Hoist Core, change to Tab constructor)
-*  The constructor for `TabModel` has changed to take its owning container as a second argument.
+* The constructor for `TabModel` has changed to take its owning container as a second argument.
    (Most applications do not create `TabModels` directly, but it is possible.)
+* `checkVersion` and related methods' import path has changed. Update imports from
+  `@xh/hoist/utils/js/VersionUtils` to `@xh/hoist/utils/version`;  (Unlikely to affect most apps.)
 
 ### 🎁 New Features
 
@@ -36,6 +38,10 @@
 
 ### ⚙️ Technical
 
+* Added `XH.logLevel` to define a minimum logging severity threshold for Hoist's client-side logging
+  utilities. Defaulted to 'info' to prevent possible memory and performance impacts of verbose
+  logging on 'debug'. Change at runtime via new `XH.setLogLevel()` when troubleshooting. See
+  `LogUtils.ts` for more info.
 * Added control to trigger browser GC from app footer. Useful for troubleshooting memory issues.
   Requires running chromium-based browser via e.g. `start chrome --js-flags="--expose-gc`.
 

package/admin/tabs/userData/roles/graph/RoleGraph.ts

@@ -14,7 +14,8 @@ import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
 import {Icon} from '@xh/hoist/icon';
 import {Highcharts} from '@xh/hoist/kit/highcharts';
-import {logError, pluralize} from '@xh/hoist/utils/js';
+import {pluralize} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {isEmpty} from 'lodash';
 import {RoleModel} from '../RoleModel';
 import {RoleGraphModel} from './RoleGraphModel';

package/appcontainer/AppContainerModel.ts

@@ -40,7 +40,8 @@ import {
     TrackService,
     WebSocketService
 } from '@xh/hoist/svc';
-import {checkMinVersion, createSingleton, throwIf} from '@xh/hoist/utils/js';
+import {checkMinVersion} from '@xh/hoist/utils/version';
+import {createSingleton, throwIf} from '@xh/hoist/utils/js';
 import {compact, isEmpty} from 'lodash';
 import {AboutDialogModel} from './AboutDialogModel';
 import {BannerSourceModel} from './BannerSourceModel';

package/build/types/core/XH.d.ts

@@ -2,6 +2,7 @@ import { RouterModel } from '@xh/hoist/appcontainer/RouterModel';
 import { HoistAuthModel } from '@xh/hoist/core/HoistAuthModel';
 import { Store } from '@xh/hoist/data';
 import { AlertBannerService, AutoRefreshService, ChangelogService, ConfigService, EnvironmentService, FetchOptions, FetchService, GridAutosizeService, GridExportService, IdentityService, IdleService, InspectorService, JsonBlobService, LocalStorageService, PrefService, SessionStorageService, TrackService, WebSocketService, ClientHealthService } from '@xh/hoist/svc';
+import type { LogLevel } from './types/Types';
 import { Router, State } from 'router5';
 import { CancelFn } from 'router5/types/types/base';
 import { SetOptional } from 'type-fest';
@@ -177,6 +178,18 @@ export declare class XHApi {
      * @see HoistAuthModel.logoutAsync
      */
     logoutAsync(): Promise<void>;
+    /**
+     * Current minimum severity for Hoist log utils (default 'info').
+     * Messages logged via managed Hoist log utils with lower severity will be ignored.
+     */
+    get logLevel(): LogLevel;
+    /**
+     * Set the minimum severity for Hoist log utils until the page is refreshed. Optionally persist
+     * this adjustment to sessionStorage to maintain for the lifetime of the browser tab.
+     *
+     * Hint: call this method from the console to adjust your app's log level while troubleshooting.
+     */
+    setLogLevel(level: LogLevel, persistInSessionStorage?: boolean): void;
     /**
      * Main entry point to start the client app - initializes and renders application code.
      * Call from the app's entry-point file within your project's `/client-app/src/apps/` folder.

package/build/types/core/types/Types.d.ts

@@ -66,3 +66,13 @@ export type PageState =
  * The page is in the process of being unloaded by the browser (this is a terminal state x_x).
  */
  | 'terminated';
+/** Severity Level for log statement */
+export type LogLevel = 'error' | 'warn' | 'info' | 'debug';
+/** Object identifying the source of log statement.  Typically, a javascript class */
+export type LogSource = string | {
+    displayName: string;
+} | {
+    constructor: {
+        name: string;
+    };
+};

package/build/types/utils/js/LangUtils.d.ts

@@ -1,5 +1,4 @@
-import { Thunkable } from '@xh/hoist/core';
-import { LogSource } from '@xh/hoist/utils/js/LogUtils';
+import type { Thunkable, LogSource } from '@xh/hoist/core';
 /**
  * Get a cached value on an object, creating it if it does not yet exist.
  *
@@ -65,7 +64,7 @@ export interface APIWarnOptions {
     v?: string;
     /** An additional message. Can contain suggestions for alternatives. */
     msg?: string;
-    /** Source of message for labelling log message.  */
+    /** Source of message for labeling log message.  */
     source?: LogSource;
 }
 /**

package/build/types/utils/js/index.d.ts

@@ -1,7 +1,5 @@
 export * from './HtmlUtils';
 export * from './LangUtils';
 export * from './Decorators';
-export * from './LogUtils';
 export * from './DomUtils';
 export * from './TestUtils';
-export * from './VersionUtils';

package/build/types/utils/{js → log}/LogUtils.d.ts

@@ -1,12 +1,31 @@
-import { Some } from '@xh/hoist/core';
-/** Object identifying the source of log statement.  Typically, a javascript class */
-export type LogSource = string | {
-    displayName: string;
-} | {
-    constructor: {
-        name: string;
-    };
-};
+import type { Some, LogLevel, LogSource } from '@xh/hoist/core';
+/**
+ * Utility functions providing managed, structured logging to Hoist apps.
+ *
+ * Essentially a wrapper around the browser console supporting logging levels, timing, and
+ * miscellaneous Hoist display conventions.
+ *
+ * Objects extending `HoistBase` need not import these functions directly, as they are available
+ * via delegates on `HoistBase`.
+ *
+ * Hoist sets its minimum severity level to 'info' by default.  This prevents performance or
+ * memory impacts that might result from verbose debug logging.  This can be adjusted by calling
+ * XH.logLevel from the console.
+ */
+/**
+ * Current minimum severity for Hoist log utils (default 'info').
+ * Messages logged via managed Hoist log utils with lower severity will be ignored.
+ *
+ * @internal - use public `XH.logLevel`.
+ */
+export declare function getLogLevel(): LogLevel;
+/**
+ * Set the minimum severity for Hoist log utils until the page is refreshed. Optionally persist
+ * this adjustment to sessionStorage to maintain for the lifetime of the browser tab.
+ *
+ * @internal - use public `XH.setLogLevel()`.
+ */
+export declare function setLogLevel(level: LogLevel, persistInSessionStorage?: boolean): void;
 /**
  * Time and log execution of a function to `console.info()`.
  *
@@ -51,5 +70,3 @@ export declare function logError(msgs: Some<unknown>, source?: LogSource): unkno
  * @param source - class, function or string to label the source of the message
  */
 export declare function logWarn(msgs: Some<unknown>, source?: LogSource): unknown;
-/** Parse a LogSource in to a canonical string label. */
-export declare function parseSource(source: LogSource): string;

package/build/types/utils/log/index.d.ts

@@ -0,0 +1 @@
+export * from './LogUtils';

package/build/types/utils/version/index.d.ts

@@ -0,0 +1 @@
+export * from './VersionUtils';

package/cmp/ag-grid/AgGrid.ts

@@ -18,7 +18,7 @@ import {
     XH
 } from '@xh/hoist/core';
 import {AgGridReact, GridOptions} from '@xh/hoist/kit/ag-grid';
-import {logError} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {splitLayoutProps} from '@xh/hoist/utils/react';
 import classNames from 'classnames';
 import {isNil} from 'lodash';

package/cmp/chart/Chart.ts

@@ -21,7 +21,8 @@ import {
 import {useContextMenu} from '@xh/hoist/dynamics/desktop';
 import {Highcharts} from '@xh/hoist/kit/highcharts';
 import {runInAction} from '@xh/hoist/mobx';
-import {logError, mergeDeep} from '@xh/hoist/utils/js';
+import {mergeDeep} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {
     createObservableRef,
     getLayoutProps,

package/cmp/chart/impl/ChartContextMenuItems.ts

@@ -5,7 +5,7 @@
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
 import type {ChartMenuContext, ChartMenuToken} from '@xh/hoist/cmp/chart/Types';
-import {logWarn} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
 import {cloneDeep, isEmpty, isString} from 'lodash';
 import {ChartModel} from '@xh/hoist/cmp/chart';
 import {isMenuItem, type MenuItem, type MenuItemLike} from '@xh/hoist/core';

package/cmp/grid/columns/Column.ts

@@ -15,7 +15,8 @@ import {
     RecordActionSpec,
     StoreRecord
 } from '@xh/hoist/data';
-import {logDebug, logWarn, throwIf, warnIf, withDefault} from '@xh/hoist/utils/js';
+import {logDebug, logWarn} from '@xh/hoist/utils/log';
+import {throwIf, warnIf, withDefault} from '@xh/hoist/utils/js';
 import classNames from 'classnames';
 import {
     castArray,

package/cmp/grid/helpers/GridCountLabel.ts

@@ -7,7 +7,8 @@
 import {box} from '@xh/hoist/cmp/layout';
 import {BoxProps, hoistCmp, HoistProps, useContextModel} from '@xh/hoist/core';
 import {fmtNumber} from '@xh/hoist/format';
-import {logError, pluralize, singularize, withDefault} from '@xh/hoist/utils/js';
+import {pluralize, singularize, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {GridModel} from '../GridModel';
 
 export interface GridCountLabelProps extends HoistProps, BoxProps {

package/cmp/grid/impl/ColumnWidthCalculator.ts

@@ -9,7 +9,8 @@ import {GridAutosizeOptions} from '@xh/hoist/cmp/grid/GridAutosizeOptions';
 import {XH} from '@xh/hoist/core';
 import {CompoundFilter, FieldFilter, Filter, StoreRecord} from '@xh/hoist/data';
 import {forEachAsync} from '@xh/hoist/utils/async';
-import {logWarn, stripTags} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
+import {stripTags} from '@xh/hoist/utils/js';
 import {
     forOwn,
     groupBy,

package/cmp/grid/impl/Utils.ts

@@ -6,6 +6,7 @@
  */
 import {Column, ColumnGroup, ColumnRenderer, GroupRowRenderer} from '@xh/hoist/cmp/grid';
 import {HeaderClassParams} from '@xh/hoist/kit/ag-grid';
+import {logWarn} from '@xh/hoist/utils/log';
 import {castArray, isFunction} from 'lodash';
 
 /** @internal */
@@ -18,7 +19,7 @@ export function managedRenderer<T extends ColumnRenderer | GroupRowRenderer>(
         try {
             return fn.apply(null, arguments);
         } catch (e) {
-            console.warn(`Renderer for '${identifier}' has thrown an error`, e);
+            logWarn([`Renderer for '${identifier}' has thrown an error`, e]);
             return '#ERROR';
         }
     } as unknown as T;

package/cmp/relativetimestamp/RelativeTimestamp.ts

@@ -21,7 +21,8 @@ import {fmtCompactDate, fmtDateTime} from '@xh/hoist/format';
 import {action, computed, makeObservable, observable} from '@xh/hoist/mobx';
 import {Timer} from '@xh/hoist/utils/async';
 import {DAYS, HOURS, LocalDate, SECONDS} from '@xh/hoist/utils/datetime';
-import {apiDeprecated, logWarn, withDefault} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
+import {apiDeprecated, withDefault} from '@xh/hoist/utils/js';
 
 interface RelativeTimestampProps extends HoistProps, BoxProps, RelativeTimestampOptions {
     /**

package/cmp/treemap/TreeMap.ts

@@ -21,7 +21,8 @@ import {errorMessage} from '@xh/hoist/cmp/error';
 import {mask} from '@xh/hoist/cmp/mask';
 import {Highcharts} from '@xh/hoist/kit/highcharts';
 import {wait} from '@xh/hoist/promise';
-import {logError, logWithDebug} from '@xh/hoist/utils/js';
+import {logWithDebug} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {
     createObservableRef,
     getLayoutProps,

package/core/HoistBase.ts

@@ -13,16 +13,15 @@ import {
     runInAction,
     when as mobxWhen
 } from '@xh/hoist/mobx';
+import {getOrCreate, throwIf} from '@xh/hoist/utils/js';
 import {
-    getOrCreate,
     logDebug,
     logError,
     logInfo,
     logWarn,
-    throwIf,
     withDebug,
     withInfo
-} from '@xh/hoist/utils/js';
+} from '@xh/hoist/utils/log/LogUtils';
 import {
     debounce as lodashDebounce,
     isFunction,

package/core/HoistBaseDecorators.ts

@@ -6,7 +6,8 @@
  */
 import {wait} from '@xh/hoist/promise';
 import {observable} from 'mobx';
-import {logError, throwIf} from '../utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {throwIf} from '../utils/js';
 import {HoistBaseClass, PersistableState, PersistenceProvider, PersistOptions} from './';
 
 /**

package/core/HoistComponent.ts

@@ -26,6 +26,7 @@ import {
     HoistModel
 } from './model';
 import {throwIf, warnIf, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {getLayoutProps, useOnMount, useOnUnmount} from '@xh/hoist/utils/react';
 import classNames from 'classnames';
 import {isFunction, isPlainObject, isObject} from 'lodash';
@@ -285,9 +286,10 @@ function wrapWithModel(render: RenderFn, cfg: Config): RenderFn {
 
         // 2) Validate
         if (!model && !spec.optional && spec instanceof UsesSpec) {
-            console.error(
-                `Failed to find model with selector '${formatSelector(spec.selector)} for component ${cfg.displayName}'. Ensure the
-                proper model is available via context, or specify using the 'model' prop.`
+            logError(
+                `Failed to find model with selector '${formatSelector(spec.selector)}'. Ensure the
+                proper model is available via context, or specify using the 'model' prop.`,
+                cfg.displayName
             );
             return cmpErrDisplay({...getLayoutProps(props), item: 'No model found'});
         }
@@ -407,10 +409,11 @@ function lookupModel(props: HoistProps, modelLookup: ModelLookup, cfg: Config):
     // 2) props - instance
     if (model) {
         if (!model.isHoistModel || !model.matchesSelector(selector, true)) {
-            console.error(
-                `Incorrect model passed to '${cfg.displayName}'.
+            logError(
+                `Incorrect model passed.
                 Expected: ${formatSelector(selector)}
-                Received: ${model.constructor.name}`
+                Received: ${model.constructor.name}`,
+                cfg.displayName
             );
             model = null;
         }

package/core/XH.ts

@@ -31,6 +31,8 @@ import {
     WebSocketService,
     ClientHealthService
 } from '@xh/hoist/svc';
+import type {LogLevel} from './types/Types';
+import {getLogLevel, setLogLevel} from '@xh/hoist/utils/log';
 import {camelCase, flatten, isString, uniqueId} from 'lodash';
 import {Router, State} from 'router5';
 import {CancelFn} from 'router5/types/types/base';
@@ -360,6 +362,24 @@ export class XHApi {
         this.reloadApp();
     }
 
+    /**
+     * Current minimum severity for Hoist log utils (default 'info').
+     * Messages logged via managed Hoist log utils with lower severity will be ignored.
+     */
+    get logLevel(): LogLevel {
+        return getLogLevel();
+    }
+
+    /**
+     * Set the minimum severity for Hoist log utils until the page is refreshed. Optionally persist
+     * this adjustment to sessionStorage to maintain for the lifetime of the browser tab.
+     *
+     * Hint: call this method from the console to adjust your app's log level while troubleshooting.
+     */
+    setLogLevel(level: LogLevel, persistInSessionStorage: boolean = false) {
+        setLogLevel(level, persistInSessionStorage);
+    }
+
     //----------------------
     // App lifecycle support
     //----------------------

package/core/exception/ExceptionHandler.ts

@@ -6,7 +6,8 @@
  */
 import {Exception} from './Exception';
 import {fragment, span} from '@xh/hoist/cmp/layout';
-import {logDebug, logError, logWarn, stripTags} from '@xh/hoist/utils/js';
+import {stripTags} from '@xh/hoist/utils/js';
+import {logDebug, logError, logWarn} from '@xh/hoist/utils/log';
 import {Icon} from '@xh/hoist/icon';
 import {forOwn, has, isArray, isNil, isObject, omitBy, pick, set} from 'lodash';
 import {HoistException, PlainObject, XH} from '../';
@@ -312,7 +313,7 @@ export class ExceptionHandler {
     }
 
     private logException(e: HoistException, opts: ExceptionHandlerOptions) {
-        return opts.showAsError ? console.error(opts.message, e) : console.debug(opts.message);
+        return opts.showAsError ? logError([opts.message, e], this) : logDebug(opts.message, this);
     }
 
     private parseOptions(

package/core/load/LoadSupport.ts

@@ -14,7 +14,8 @@ import {
 } from '../';
 import {LoadSpec, Loadable} from './';
 import {makeObservable, observable, runInAction} from '@xh/hoist/mobx';
-import {logDebug, logError, throwIf} from '@xh/hoist/utils/js';
+import {throwIf} from '@xh/hoist/utils/js';
+import {logDebug, logError} from '@xh/hoist/utils/log';
 import {isPlainObject, pull} from 'lodash';
 
 /**
@@ -135,7 +136,7 @@ export async function loadAllAsync(objs: Loadable[], loadSpec?: LoadSpec | any)
         ret = await Promise.allSettled(promises);
 
     ret.filter(it => it.status === 'rejected').forEach((err: any) =>
-        console.error('Failed to Load Object', err.reason)
+        logError(['Failed to Load Object', err.reason])
     );
 
     return ret;

package/core/persist/PersistenceProvider.ts

@@ -6,7 +6,8 @@
  */
 
 import {olderThan} from '@xh/hoist/utils/datetime';
-import {logDebug, logError, throwIf} from '@xh/hoist/utils/js';
+import {logDebug, logError} from '@xh/hoist/utils/log';
+import {throwIf} from '@xh/hoist/utils/js';
 import {
     cloneDeep,
     compact,

package/core/types/Types.ts

@@ -86,3 +86,9 @@ export type PageState =
      * The page is in the process of being unloaded by the browser (this is a terminal state x_x).
      */
     | 'terminated';
+
+/** Severity Level for log statement */
+export type LogLevel = 'error' | 'warn' | 'info' | 'debug';
+
+/** Object identifying the source of log statement.  Typically, a javascript class */
+export type LogSource = string | {displayName: string} | {constructor: {name: string}};

package/data/filter/Utils.ts

@@ -7,6 +7,7 @@
 
 import {Some} from '@xh/hoist/core';
 import {CompoundFilter, FunctionFilter} from '@xh/hoist/data';
+import {logError} from '@xh/hoist/utils/log';
 import {castArray, flatMap, groupBy, isArray, isFunction} from 'lodash';
 import {FieldFilter} from './FieldFilter';
 import {Filter} from './Filter';
@@ -55,7 +56,7 @@ export function parseFilter(spec: FilterLike): Filter {
         }
     }
 
-    console.error('Unable to identify filter type:', s);
+    logError(['Unable to identify filter type:', s]);
     return null;
 }
 

package/data/impl/RecordSet.ts

@@ -6,7 +6,8 @@
  */
 
 import equal from 'fast-deep-equal';
-import {logWarn, throwIf} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
+import {throwIf} from '@xh/hoist/utils/js';
 import {maxBy, isNil} from 'lodash';
 import {StoreRecord, StoreRecordId} from '../StoreRecord';
 import {Store} from '../Store';

package/desktop/cmp/button/grid/ColAutosizeButton.ts

@@ -8,7 +8,8 @@ import {GridAutosizeOptions, GridModel} from '@xh/hoist/cmp/grid';
 import {hoistCmp, useContextModel} from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
-import {logError, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {withDefault} from '@xh/hoist/utils/js';
 import {button, ButtonProps} from '../Button';
 
 export interface ColAutosizeButtonProps extends ButtonProps {

package/desktop/cmp/button/grid/ColChooserButton.ts

@@ -12,7 +12,8 @@ import {ColChooserModel} from '@xh/hoist/desktop/cmp/grid/impl/colchooser/ColCho
 import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
 import {popover, Position} from '@xh/hoist/kit/blueprint';
-import {logError, stopPropagation, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {stopPropagation, withDefault} from '@xh/hoist/utils/js';
 import {button, ButtonProps} from '../Button';
 
 export interface ColChooserButtonProps extends ButtonProps {

package/desktop/cmp/button/grid/ExpandToLevelButton.ts

@@ -11,7 +11,8 @@ import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
 import {menu, popover, Position} from '@xh/hoist/kit/blueprint';
 import {parseMenuItems} from '@xh/hoist/utils/impl';
-import {logError, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {withDefault} from '@xh/hoist/utils/js';
 import {ReactNode} from 'react';
 import {button, ButtonProps} from '../Button';
 

package/desktop/cmp/button/grid/ExportButton.ts

@@ -9,7 +9,8 @@ import {hoistCmp, useContextModel} from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
 import {ExportOptions} from '@xh/hoist/svc';
-import {logError, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {withDefault} from '@xh/hoist/utils/js';
 import {button, ButtonProps} from '../Button';
 
 export interface ExportButtonProps extends ButtonProps {

package/desktop/cmp/button/panel/ModalToggleButton.ts

@@ -9,7 +9,8 @@ import {button, ButtonProps} from '@xh/hoist/desktop/cmp/button/Button';
 import {PanelModel} from '@xh/hoist/desktop/cmp/panel';
 import '@xh/hoist/desktop/register';
 import {Icon} from '@xh/hoist/icon';
-import {logError, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {withDefault} from '@xh/hoist/utils/js';
 
 export interface ModalToggleButtonProps extends ButtonProps {
     panelModel?: PanelModel;

package/desktop/cmp/button/zoneGrid/ZoneMapperButton.ts

@@ -12,7 +12,8 @@ import {ZoneMapperModel} from '@xh/hoist/cmp/zoneGrid/impl/ZoneMapperModel';
 import {zoneMapper} from '@xh/hoist/desktop/cmp/zoneGrid/impl/ZoneMapper';
 import {Icon} from '@xh/hoist/icon';
 import {popover, Position} from '@xh/hoist/kit/blueprint';
-import {logError, stopPropagation, withDefault} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
+import {stopPropagation, withDefault} from '@xh/hoist/utils/js';
 import {button, ButtonProps} from '../Button';
 
 export interface ZoneMapperButtonProps extends ButtonProps {

package/desktop/cmp/dash/container/impl/DashContainerUtils.ts

@@ -7,6 +7,7 @@
 import {PlainObject} from '@xh/hoist/core';
 import {DashContainerModel} from '@xh/hoist/desktop/cmp/dash';
 import {serializeIcon} from '@xh/hoist/icon';
+import {logDebug} from '@xh/hoist/utils/log';
 import {throwIf} from '@xh/hoist/utils/js';
 import {isArray, isEmpty, isFinite, isNil, isPlainObject, isString, round} from 'lodash';
 import {DashContainerViewSpec} from '../DashContainerViewSpec';
@@ -119,9 +120,9 @@ function convertStateToGLInner(items = [], viewSpecs = [], containerSize, contai
             const viewSpec = viewSpecs.find(v => v.id === item.id);
 
             if (!viewSpec) {
-                console.debug(
-                    'DashContainer:',
-                    `Attempted to load non-existent or omitted view from state: ${item.id}`
+                logDebug(
+                    `Attempted to load non-existent or omitted view from state: ${item.id}`,
+                    'DashContainer'
                 );
                 return null;
             }

package/desktop/cmp/form/FormField.ts

@@ -23,7 +23,8 @@ import {fmtDate, fmtDateTime, fmtJson, fmtNumber} from '@xh/hoist/format';
 import {Icon} from '@xh/hoist/icon';
 import {tooltip} from '@xh/hoist/kit/blueprint';
 import {isLocalDate} from '@xh/hoist/utils/datetime';
-import {errorIf, getTestId, logWarn, TEST_ID, throwIf, withDefault} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
+import {errorIf, getTestId, TEST_ID, throwIf, withDefault} from '@xh/hoist/utils/js';
 import {getLayoutProps, getReactElementName, useOnMount, useOnUnmount} from '@xh/hoist/utils/react';
 import classNames from 'classnames';
 import {isBoolean, isDate, isEmpty, isFinite, isNil, isUndefined, kebabCase} from 'lodash';

package/desktop/cmp/grid/editors/BooleanEditor.ts

@@ -12,7 +12,7 @@ import '@xh/hoist/desktop/register';
 import {EditorProps} from './EditorProps';
 import './Editors.scss';
 import {useInlineEditorModel} from './impl/InlineEditorModel';
-import {logWarn} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
 
 export interface BooleanEditorProps extends EditorProps<CheckboxProps> {
     /**

package/desktop/cmp/panel/Panel.ts

@@ -24,7 +24,7 @@ import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
 import {useContextMenu, useHotkeys} from '@xh/hoist/desktop/hooks';
 import '@xh/hoist/desktop/register';
 import {HotkeyConfig} from '@xh/hoist/kit/blueprint';
-import {logWarn} from '@xh/hoist/utils/js';
+import {logWarn} from '@xh/hoist/utils/log';
 import {splitLayoutProps} from '@xh/hoist/utils/react';
 import {castArray, omitBy} from 'lodash';
 import {Children, isValidElement, ReactElement, ReactNode, useLayoutEffect, useRef} from 'react';

package/desktop/hooks/UseContextMenu.ts

@@ -7,7 +7,7 @@
 import type {ContextMenuSpec} from '@xh/hoist/core';
 import {contextMenu} from '@xh/hoist/desktop/cmp/contextmenu/ContextMenu';
 import {showContextMenu} from '@xh/hoist/kit/blueprint';
-import {logError} from '@xh/hoist/utils/js';
+import {logError} from '@xh/hoist/utils/log';
 import {isArray, isEmpty, isFunction, isUndefined} from 'lodash';
 import {cloneElement, isValidElement, MouseEvent, ReactElement} from 'react';
 

package/inspector/instances/InstancesModel.ts

@@ -130,7 +130,7 @@ export class InstancesModel extends HoistModel {
             instance = this.getInstance(xhId);
 
         if (!instance) {
-            console.warn(`Instance with xhId ${xhId} no longer alive - cannot be logged`);
+            this.logWarn(`Instance with xhId ${xhId} no longer alive - cannot be logged`);
         } else {
             console.log(`[${xhId}]`, instance);
             XH.toast({
@@ -147,7 +147,7 @@ export class InstancesModel extends HoistModel {
             instance = this.getInstance(instanceXhId);
 
         if (!instance) {
-            console.warn(`Instance ${instanceDisplayName} no longer alive - cannot be logged`);
+            this.logWarn(`Instance ${instanceDisplayName} no longer alive - cannot be logged`);
         } else {
             console.log(`[${instanceDisplayName}].${property}`, instance[property]);
             XH.toast({