npm - @itwin/appui-react - Versions diffs - 4.0.0-dev.1 → 4.0.0-dev.11 - Mend

@itwin/appui-react 4.0.0-dev.1 → 4.0.0-dev.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1988) hide show

package/lib/cjs/appui-react/keyboardshortcut/KeyboardShortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyboardShortcut.js","sourceRoot":"","sources":["../../../../src/appui-react/keyboardshortcut/KeyboardShortcut.ts"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module KeyboardShortcut\r\n /\r\n\r\nimport { ConditionalBooleanValue, FunctionKey, SpecialKey, UiError, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { CursorInformation } from \"../cursor/CursorInformation\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport { ItemDefBase } from \"../shared/ItemDefBase\";\r\nimport { ItemProps } from \"../shared/ItemProps\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { KeyboardShortcutMenu } from \"./KeyboardShortcutMenu\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\n\r\n/* Properties for a Keyboard Shortcut\r\n * @public\r\n /\r\nexport interface KeyboardShortcutProps extends ItemProps {\r\n /* The key that invokes the shortcut.\r\n * This is either an alphanumeric key, a function key or a special key.\r\n /\r\n key: string \| FunctionKey \| SpecialKey;\r\n\r\n /* The item to execute when this shortcut is invoked. Either 'item' or 'shortcuts' must be specified. /\r\n item?: ActionButtonItemDef;\r\n /* Nested array of shortcut props. Either 'item' or 'shortcuts' must be specified. /\r\n shortcuts?: KeyboardShortcutProps[];\r\n\r\n /* Indicates whether the Alt key required. Default - false /\r\n isAltKeyRequired?: boolean;\r\n /* Indicates whether the Ctrl key required. Default - false /\r\n isCtrlKeyRequired?: boolean;\r\n /* Indicates whether the Shift key required. Default - false /\r\n isShiftKeyRequired?: boolean;\r\n}\r\n\r\n/* Keyboard Shortcut used to execute an action\r\n * @public\r\n /\r\nexport class KeyboardShortcut extends ItemDefBase {\r\n\r\n private _key: string;\r\n private _item?: ActionButtonItemDef;\r\n private _shortcuts: KeyboardShortcutContainer;\r\n\r\n private _isAltKeyRequired: boolean = false;\r\n private _isCtrlKeyRequired: boolean = false;\r\n private _isShiftKeyRequired: boolean = false;\r\n private _isFunctionKey: boolean = false;\r\n private _isSpecialKey: boolean = false;\r\n\r\n constructor(props: KeyboardShortcutProps) {\r\n super(props);\r\n\r\n this._key = props.key;\r\n\r\n if (this._key in FunctionKey)\r\n this._isFunctionKey = true;\r\n if (this._key in SpecialKey)\r\n this._isSpecialKey = true;\r\n\r\n this._shortcuts = new KeyboardShortcutContainer();\r\n\r\n if (props.item) {\r\n this._item = props.item;\r\n\r\n // Copy over icon, label & tooltip from the item\r\n if (!this.iconSpec)\r\n this.iconSpec = this._item.iconSpec;\r\n if (!this.label)\r\n this.setLabel(this._item.label);\r\n if (!this.tooltip)\r\n this.setTooltip(this._item.tooltip);\r\n if (this.isDisabled === undefined)\r\n this.isDisabled = this._item.isDisabled;\r\n if (this.isHidden === undefined)\r\n this.isHidden = this._item.isHidden;\r\n } else if (props.shortcuts) {\r\n props.shortcuts.forEach((childProps: KeyboardShortcutProps) => {\r\n const shortcut = new KeyboardShortcut(childProps);\r\n this._shortcuts.registerKey(shortcut.keyMapKey, shortcut);\r\n });\r\n } else {\r\n throw new UiError(UiFramework.loggerCategory(this), `Either 'item' or 'shortcuts' must be specified for '${props.key}' key.`);\r\n }\r\n\r\n if (props.isAltKeyRequired !== undefined)\r\n this._isAltKeyRequired = props.isAltKeyRequired;\r\n if (props.isCtrlKeyRequired !== undefined)\r\n this._isCtrlKeyRequired = props.isCtrlKeyRequired;\r\n if (props.isShiftKeyRequired !== undefined)\r\n this._isShiftKeyRequired = props.isShiftKeyRequired;\r\n }\r\n\r\n /* Returns the id for this shortcut /\r\n public get id(): string { return this.keyMapKey; }\r\n\r\n /* Returns the shortcut container /\r\n public get shortcutContainer(): KeyboardShortcutContainer {\r\n return this._shortcuts;\r\n }\r\n\r\n /* Finds a shortcut with a given key in the shortcut's container /\r\n public getShortcut(mapKey: string): KeyboardShortcut \| undefined {\r\n return this._shortcuts.findKey(mapKey);\r\n }\r\n\r\n /* Returns the shortcut's key map key used as the id /\r\n public get keyMapKey(): string {\r\n const keyMapKey = KeyboardShortcutContainer.generateKeyMapKey(this.key, this._isAltKeyRequired, this._isCtrlKeyRequired, this._isShiftKeyRequired);\r\n return keyMapKey;\r\n }\r\n\r\n /* Returns the [[ActionButtonItemDef]] associated with this shortcut /\r\n public get item(): ActionButtonItemDef \| undefined {\r\n return this._item;\r\n }\r\n\r\n /* Called when the [[ActionButtonItemDef]] associated with this shortcut is invoked /\r\n public itemPicked(): void {\r\n if (this._shortcuts.areKeyboardShortcutsAvailable()) {\r\n this._shortcuts.showShortcutsMenu();\r\n } else {\r\n setTimeout(() => {\r\n // istanbul ignore else\r\n if (this._item)\r\n this._item.execute();\r\n });\r\n }\r\n }\r\n\r\n /* Gets the keyboard key /\r\n public get key(): string { return this._key; }\r\n /* Gets whether the Alt key required. /\r\n public get isAltKeyRequired(): boolean { return this._isAltKeyRequired; }\r\n /* Gets whether the Ctrl key required. /\r\n public get isCtrlKeyRequired(): boolean { return this._isCtrlKeyRequired; }\r\n /* Gets whether the Shift key required. /\r\n public get isShiftKeyRequired(): boolean { return this._isShiftKeyRequired; }\r\n /* Gets whether this is a Function key. /\r\n public get isFunctionKey(): boolean { return this._isFunctionKey; }\r\n /* Gets whether this is a Special key. /\r\n public get isSpecialKey(): boolean { return this._isSpecialKey; }\r\n\r\n}\r\n\r\n/* Keyboard Shortcut Container\r\n * @public\r\n /\r\nexport class KeyboardShortcutContainer {\r\n private _keyMap: Map<string, KeyboardShortcut> = new Map<string, KeyboardShortcut>();\r\n private _keyArray: KeyboardShortcut[] = new Array<KeyboardShortcut>();\r\n\r\n /* Registers a Keyboard Shortcut associated with a given key in the managed list /\r\n public registerKey(keyMapKey: string, inShortcut: KeyboardShortcut): KeyboardShortcut \| undefined {\r\n let shortcut: KeyboardShortcut \| undefined;\r\n\r\n if ((shortcut = this.findKey(keyMapKey)) === undefined) {\r\n shortcut = inShortcut;\r\n this._keyArray.push(shortcut);\r\n } else {\r\n const index = this._keyArray.findIndex((value: KeyboardShortcut) => {\r\n return value.keyMapKey === keyMapKey;\r\n });\r\n // istanbul ignore else\r\n if (index >= 0) {\r\n shortcut = inShortcut;\r\n this._keyArray[index] = shortcut;\r\n }\r\n }\r\n\r\n // istanbul ignore else\r\n if (shortcut)\r\n this._keyMap.set(keyMapKey, shortcut);\r\n\r\n return shortcut;\r\n }\r\n\r\n /* Finds a Keyboard Shortcut associated with a given key /\r\n public findKey(keyMapKey: string): KeyboardShortcut \| undefined {\r\n return this._keyMap.get(keyMapKey);\r\n }\r\n\r\n /* Determines if any Keyboard Shortcuts are available in this container /\r\n public areKeyboardShortcutsAvailable(): boolean {\r\n return this._keyMap.size !== 0;\r\n }\r\n\r\n /* Empties any Keyboard Shortcuts from this container /\r\n public emptyData(): void {\r\n this._keyMap.clear();\r\n this._keyArray.length = 0;\r\n }\r\n\r\n public getAvailableKeyboardShortcuts(): KeyboardShortcut[] {\r\n return this._keyArray.slice();\r\n }\r\n\r\n /* Generates a key used for storing and finding the Keyboard Shortcuts in this container /\r\n public static generateKeyMapKey(keyboardKey: string, isAltKeyRequired: boolean, isCtrlKeyRequired: boolean, isShiftKeyRequired: boolean): string {\r\n let keyMapKey = keyboardKey;\r\n\r\n if (isAltKeyRequired)\r\n keyMapKey = `Alt+${keyMapKey}`;\r\n if (isShiftKeyRequired)\r\n keyMapKey = `Shift+${keyMapKey}`;\r\n if (isCtrlKeyRequired)\r\n keyMapKey = `Ctrl+${keyMapKey}`;\r\n\r\n return keyMapKey;\r\n }\r\n\r\n /* Displays a menu for the Keyboard Shortcuts in this container /\r\n public showShortcutsMenu() {\r\n const offset = 8;\r\n KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.emit({\r\n menuVisible: true,\r\n menuX: KeyboardShortcutManager.cursorX - offset,\r\n menuY: KeyboardShortcutManager.cursorY - offset,\r\n shortcuts: this.getAvailableKeyboardShortcuts(),\r\n });\r\n }\r\n}\r\n\r\ntype OnShortcutFunc = (shortcut: KeyboardShortcut) => void;\r\n\r\n/* Keyboard Shortcut Manager\r\n * @public\r\n /\r\nexport class KeyboardShortcutManager {\r\n\r\n private static _shortcuts: KeyboardShortcutContainer = new KeyboardShortcutContainer();\r\n\r\n /* Initialize the Keyboard Shortcut manager /\r\n public static initialize(): void {\r\n SyncUiEventDispatcher.onSyncUiEvent.addListener(KeyboardShortcutManager._handleSyncUiEvent);\r\n }\r\n\r\n /* Loads Keyboard Shortcuts into the managed list /\r\n public static loadKeyboardShortcuts(shortcutList: KeyboardShortcutProps[]) {\r\n shortcutList.forEach((shortcutProps: KeyboardShortcutProps) => {\r\n this.loadKeyboardShortcut(shortcutProps);\r\n });\r\n }\r\n\r\n /* Loads a Keyboard Shortcut into the managed list /\r\n public static loadKeyboardShortcut(shortcutProps: KeyboardShortcutProps) {\r\n const shortcut = new KeyboardShortcut(shortcutProps);\r\n this._shortcuts.registerKey(shortcut.keyMapKey, shortcut);\r\n }\r\n\r\n /* Processes a keystroke and invokes a matching Keyboard Shortcut /\r\n public static processKey(keyboardKey: string, isAltKeyPressed: boolean = false, isCtrlKeyPressed: boolean = false, isShiftKeyPressed: boolean = false): boolean {\r\n const keyMapKey = KeyboardShortcutContainer.generateKeyMapKey(keyboardKey, isAltKeyPressed, isCtrlKeyPressed, isShiftKeyPressed);\r\n\r\n const shortcut = this.getShortcut(keyMapKey);\r\n if (shortcut) {\r\n shortcut.itemPicked();\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /* Returns the managed list of Keyboard Shortcuts /\r\n public static get shortcutContainer(): KeyboardShortcutContainer {\r\n return this._shortcuts;\r\n }\r\n\r\n /* Returns a Keyboard Shortcut from the managed lists /\r\n public static getShortcut(keyMapKey: string): KeyboardShortcut \| undefined {\r\n return this._shortcuts.findKey(keyMapKey);\r\n }\r\n\r\n /* Determines if focus is set to Home /\r\n public static get isFocusOnHome(): boolean {\r\n const element = document.activeElement as HTMLElement;\r\n return element && element === document.body;\r\n }\r\n\r\n /* Sets focus to Home /\r\n public static setFocusToHome(): void {\r\n const element = document.activeElement as HTMLElement;\r\n if (element && element !== document.body) {\r\n element.blur();\r\n document.body.focus();\r\n }\r\n }\r\n\r\n /* Displays the Keyboard Shortcuts menu at the cursor /\r\n public static displayShortcutsMenu(): void {\r\n if (this._shortcuts.areKeyboardShortcutsAvailable()) {\r\n this._shortcuts.showShortcutsMenu();\r\n }\r\n }\r\n\r\n /* Closes the Keyboard Shortcuts menu /\r\n public static closeShortcutsMenu(): void {\r\n KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.emit({\r\n menuVisible: false,\r\n menuX: 0,\r\n menuY: 0,\r\n shortcuts: undefined,\r\n });\r\n }\r\n\r\n /* Returns the cursor X position, which is mouseEvent.pageX. /\r\n public static get cursorX(): number { return CursorInformation.cursorX; }\r\n /* Returns the cursor Y position, which is mouseEvent.pageY. */\r\n public static get cursorY(): number { return CursorInformation.cursorY; }\r\n\r\n private static _handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n const updateBooleanValue = (booleanValue: ConditionalBooleanValue) => {\r\n if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, booleanValue.syncEventIds))\r\n booleanValue.refresh();\r\n };\r\n const handleForSyncIds = (shortcut: KeyboardShortcut) => {\r\n if (shortcut.isDisabled instanceof ConditionalBooleanValue)\r\n updateBooleanValue(shortcut.isDisabled);\r\n if (shortcut.isHidden instanceof ConditionalBooleanValue)\r\n updateBooleanValue(shortcut.isHidden);\r\n };\r\n\r\n KeyboardShortcutManager._traverseShortcuts(KeyboardShortcutManager._shortcuts.getAvailableKeyboardShortcuts(), handleForSyncIds);\r\n };\r\n\r\n private static _traverseShortcuts = (shortcuts: KeyboardShortcut[], callback: OnShortcutFunc) => {\r\n shortcuts.forEach((shortcut: KeyboardShortcut) => {\r\n callback(shortcut);\r\n\r\n if (shortcut.shortcutContainer.areKeyboardShortcutsAvailable()) {\r\n const childShortcuts = shortcut.shortcutContainer.getAvailableKeyboardShortcuts();\r\n KeyboardShortcutManager._traverseShortcuts(childShortcuts, callback);\r\n }\r\n });\r\n };\r\n\r\n}\r\n"]}
1	+ {"version":3,"file":"KeyboardShortcut.js","sourceRoot":"","sources":["../../../../src/appui-react/keyboardshortcut/KeyboardShortcut.ts"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module KeyboardShortcut\r\n /\r\n\r\nimport { FunctionKey, SpecialKey, UiError } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport { ItemDefBase } from \"../shared/ItemDefBase\";\r\nimport { KeyboardShortcutProps } from \"../framework/FrameworkKeyboardShortcuts\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { KeyboardShortcutMenu } from \"./KeyboardShortcutMenu\";\r\nimport { InternalKeyboardShortcutManager as internal } from \"./InternalKeyboardShortcut\";\r\n\r\n/* Keyboard Shortcut used to execute an action\r\n * @public\r\n /\r\nexport class KeyboardShortcut extends ItemDefBase {\r\n\r\n private _key: string;\r\n private _item?: ActionButtonItemDef;\r\n private _shortcuts: KeyboardShortcutContainer;\r\n\r\n private _isAltKeyRequired: boolean = false;\r\n private _isCtrlKeyRequired: boolean = false;\r\n private _isShiftKeyRequired: boolean = false;\r\n private _isFunctionKey: boolean = false;\r\n private _isSpecialKey: boolean = false;\r\n\r\n constructor(props: KeyboardShortcutProps) {\r\n super(props);\r\n\r\n this._key = props.key;\r\n\r\n if (this._key in FunctionKey)\r\n this._isFunctionKey = true;\r\n if (this._key in SpecialKey)\r\n this._isSpecialKey = true;\r\n\r\n this._shortcuts = new KeyboardShortcutContainer();\r\n\r\n if (props.item) {\r\n this._item = props.item;\r\n\r\n // Copy over icon, label & tooltip from the item\r\n if (!this.iconSpec)\r\n this.iconSpec = this._item.iconSpec;\r\n if (!this.label)\r\n this.setLabel(this._item.label);\r\n if (!this.tooltip)\r\n this.setTooltip(this._item.tooltip);\r\n if (this.isDisabled === undefined)\r\n this.isDisabled = this._item.isDisabled;\r\n if (this.isHidden === undefined)\r\n this.isHidden = this._item.isHidden;\r\n } else if (props.shortcuts) {\r\n props.shortcuts.forEach((childProps: KeyboardShortcutProps) => {\r\n const shortcut = new KeyboardShortcut(childProps);\r\n this._shortcuts.registerKey(shortcut.keyMapKey, shortcut);\r\n });\r\n } else {\r\n throw new UiError(UiFramework.loggerCategory(this), `Either 'item' or 'shortcuts' must be specified for '${props.key}' key.`);\r\n }\r\n\r\n if (props.isAltKeyRequired !== undefined)\r\n this._isAltKeyRequired = props.isAltKeyRequired;\r\n if (props.isCtrlKeyRequired !== undefined)\r\n this._isCtrlKeyRequired = props.isCtrlKeyRequired;\r\n if (props.isShiftKeyRequired !== undefined)\r\n this._isShiftKeyRequired = props.isShiftKeyRequired;\r\n }\r\n\r\n /* Returns the id for this shortcut /\r\n public get id(): string { return this.keyMapKey; }\r\n\r\n /* Returns the shortcut container /\r\n public get shortcutContainer(): KeyboardShortcutContainer {\r\n return this._shortcuts;\r\n }\r\n\r\n /* Finds a shortcut with a given key in the shortcut's container /\r\n public getShortcut(mapKey: string): KeyboardShortcut \| undefined {\r\n return this._shortcuts.findKey(mapKey);\r\n }\r\n\r\n /* Returns the shortcut's key map key used as the id /\r\n public get keyMapKey(): string {\r\n const keyMapKey = KeyboardShortcutContainer.generateKeyMapKey(this.key, this._isAltKeyRequired, this._isCtrlKeyRequired, this._isShiftKeyRequired);\r\n return keyMapKey;\r\n }\r\n\r\n /* Returns the [[ActionButtonItemDef]] associated with this shortcut /\r\n public get item(): ActionButtonItemDef \| undefined {\r\n return this._item;\r\n }\r\n\r\n /* Called when the [[ActionButtonItemDef]] associated with this shortcut is invoked /\r\n public itemPicked(): void {\r\n if (this._shortcuts.areKeyboardShortcutsAvailable()) {\r\n this._shortcuts.showShortcutsMenu();\r\n } else {\r\n setTimeout(() => {\r\n // istanbul ignore else\r\n if (this._item)\r\n this._item.execute();\r\n });\r\n }\r\n }\r\n\r\n /* Gets the keyboard key /\r\n public get key(): string { return this._key; }\r\n /* Gets whether the Alt key required. /\r\n public get isAltKeyRequired(): boolean { return this._isAltKeyRequired; }\r\n /* Gets whether the Ctrl key required. /\r\n public get isCtrlKeyRequired(): boolean { return this._isCtrlKeyRequired; }\r\n /* Gets whether the Shift key required. /\r\n public get isShiftKeyRequired(): boolean { return this._isShiftKeyRequired; }\r\n /* Gets whether this is a Function key. /\r\n public get isFunctionKey(): boolean { return this._isFunctionKey; }\r\n /* Gets whether this is a Special key. /\r\n public get isSpecialKey(): boolean { return this._isSpecialKey; }\r\n\r\n}\r\n\r\n/* Keyboard Shortcut Container\r\n * @public\r\n /\r\nexport class KeyboardShortcutContainer {\r\n private _keyMap: Map<string, KeyboardShortcut> = new Map<string, KeyboardShortcut>();\r\n private _keyArray: KeyboardShortcut[] = new Array<KeyboardShortcut>();\r\n\r\n /* Registers a Keyboard Shortcut associated with a given key in the managed list /\r\n public registerKey(keyMapKey: string, inShortcut: KeyboardShortcut): KeyboardShortcut \| undefined {\r\n let shortcut: KeyboardShortcut \| undefined;\r\n\r\n if ((shortcut = this.findKey(keyMapKey)) === undefined) {\r\n shortcut = inShortcut;\r\n this._keyArray.push(shortcut);\r\n } else {\r\n const index = this._keyArray.findIndex((value: KeyboardShortcut) => {\r\n return value.keyMapKey === keyMapKey;\r\n });\r\n // istanbul ignore else\r\n if (index >= 0) {\r\n shortcut = inShortcut;\r\n this._keyArray[index] = shortcut;\r\n }\r\n }\r\n\r\n // istanbul ignore else\r\n if (shortcut)\r\n this._keyMap.set(keyMapKey, shortcut);\r\n\r\n return shortcut;\r\n }\r\n\r\n /* Finds a Keyboard Shortcut associated with a given key /\r\n public findKey(keyMapKey: string): KeyboardShortcut \| undefined {\r\n return this._keyMap.get(keyMapKey);\r\n }\r\n\r\n /* Determines if any Keyboard Shortcuts are available in this container /\r\n public areKeyboardShortcutsAvailable(): boolean {\r\n return this._keyMap.size !== 0;\r\n }\r\n\r\n /* Empties any Keyboard Shortcuts from this container /\r\n public emptyData(): void {\r\n this._keyMap.clear();\r\n this._keyArray.length = 0;\r\n }\r\n\r\n public getAvailableKeyboardShortcuts(): KeyboardShortcut[] {\r\n return this._keyArray.slice();\r\n }\r\n\r\n /* Generates a key used for storing and finding the Keyboard Shortcuts in this container /\r\n public static generateKeyMapKey(keyboardKey: string, isAltKeyRequired: boolean, isCtrlKeyRequired: boolean, isShiftKeyRequired: boolean): string {\r\n let keyMapKey = keyboardKey;\r\n\r\n if (isAltKeyRequired)\r\n keyMapKey = `Alt+${keyMapKey}`;\r\n if (isShiftKeyRequired)\r\n keyMapKey = `Shift+${keyMapKey}`;\r\n if (isCtrlKeyRequired)\r\n keyMapKey = `Ctrl+${keyMapKey}`;\r\n\r\n return keyMapKey;\r\n }\r\n\r\n /* Displays a menu for the Keyboard Shortcuts in this container /\r\n public showShortcutsMenu() {\r\n const offset = 8;\r\n KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.emit({\r\n menuVisible: true,\r\n menuX: UiFramework.keyboardShortcuts.cursorX - offset,\r\n menuY: UiFramework.keyboardShortcuts.cursorY - offset,\r\n shortcuts: this.getAvailableKeyboardShortcuts(),\r\n });\r\n }\r\n}\r\n\r\n/* Keyboard Shortcut Manager\r\n * @public\r\n * @deprecated in 3.7. Use `UiFramework.keyboardShortcuts` property.\r\n /\r\nexport class KeyboardShortcutManager {\r\n /* Initialize the Keyboard Shortcut manager\r\n * @deprecated in 3.7. This is called internally.\r\n /\r\n public static initialize(): void {\r\n internal.initialize();\r\n }\r\n\r\n /* Loads Keyboard Shortcuts into the managed list /\r\n public static loadKeyboardShortcuts(shortcutList: KeyboardShortcutProps[]) {\r\n return internal.loadShortcuts(shortcutList);\r\n }\r\n\r\n /* Loads a Keyboard Shortcut into the managed list /\r\n public static loadKeyboardShortcut(shortcutProps: KeyboardShortcutProps) {\r\n return internal.loadShortcut(shortcutProps);\r\n }\r\n\r\n /* Processes a keystroke and invokes a matching Keyboard Shortcut /\r\n public static processKey(keyboardKey: string, isAltKeyPressed: boolean = false, isCtrlKeyPressed: boolean = false, isShiftKeyPressed: boolean = false): boolean {\r\n return internal.processKey(keyboardKey, isAltKeyPressed, isCtrlKeyPressed, isShiftKeyPressed);\r\n }\r\n\r\n /* Returns the managed list of Keyboard Shortcuts /\r\n public static get shortcutContainer(): KeyboardShortcutContainer {\r\n return internal.shortcutContainer;\r\n }\r\n\r\n /* Returns a Keyboard Shortcut from the managed lists /\r\n public static getShortcut(keyMapKey: string): KeyboardShortcut \| undefined {\r\n return internal.getShortcut(keyMapKey);\r\n }\r\n\r\n /* Determines if focus is set to Home /\r\n public static get isFocusOnHome(): boolean {\r\n return internal.isFocusOnHome;\r\n }\r\n\r\n /* Sets focus to Home /\r\n public static setFocusToHome(): void {\r\n return internal.setFocusToHome();\r\n }\r\n\r\n /* Displays the Keyboard Shortcuts menu at the cursor /\r\n public static displayShortcutsMenu(): void {\r\n return internal.displayMenu();\r\n }\r\n\r\n /* Closes the Keyboard Shortcuts menu /\r\n public static closeShortcutsMenu(): void {\r\n return internal.closeMenu();\r\n }\r\n\r\n /* Returns the cursor X position, which is mouseEvent.pageX. /\r\n public static get cursorX(): number { return internal.cursorX; }\r\n /* Returns the cursor Y position, which is mouseEvent.pageY. */\r\n public static get cursorY(): number { return internal.cursorY; }\r\n}\r\n\r\n"]}

package/lib/cjs/appui-react/messages/ActivityMessage.d.ts CHANGED Viewed

@@ -2,44 +2,9 @@
  * @module Notification
  */
 /// <reference types="react" />
-import { ActivityMessageEventArgs } from "../messages/MessageManager";
-import { ToasterSettings } from "@itwin/itwinui-react/cjs/core/Toast/Toaster";
-/** Properties for a [[ActivityMessage]]
- * @deprecated in 3.5. Props of a deprecated component.
- * @public
- */
-export interface ActivityMessageProps {
-    activityMessageInfo: ActivityMessageEventArgs;
-    cancelActivityMessage: () => void;
-    dismissActivityMessage: () => void;
-}
-/** Activity Message React component
- * @public
- * @deprecated in 3.3.
- */
-export declare function ActivityMessage(props: ActivityMessageProps): JSX.Element;
-interface CustomActivityMessageProps {
-    cancelActivityMessage?: () => void;
-    dismissActivityMessage?: () => void;
-    activityMessageInfo?: ActivityMessageEventArgs;
-    settings?: ToasterSettings;
-}
-/**
- * Hook to render an Activity message.
- * @internal
- */
-export declare function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, settings }: CustomActivityMessageProps): void;
 /**
  * Component wrapping the `useActivityMessage` hook to use in class components.
  * @internal
  */
-export declare function CustomActivityMessageRenderer({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, settings }: CustomActivityMessageProps): JSX.Element;
-/**
- * Component used to show and update activity message content.
- * @internal
- */
-export declare function CustomActivityMessageContent({ initialActivityMessageInfo }: {
-    initialActivityMessageInfo: ActivityMessageEventArgs;
-}): JSX.Element;
-export {};
+export declare function ActivityMessageRenderer(): JSX.Element;
 //# sourceMappingURL=ActivityMessage.d.ts.map

package/lib/cjs/appui-react/messages/ActivityMessage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityMessage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;~~AAcH,OAAO,EAAE,wBAAwB,EAAkB,MAAM,4BAA4B,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E~~;;;GAGG;AACH,~~MAAM,WAAW,oBAAoB;IACnC,mBAAmB,EAAE,wBAAwB,CAAC;IAC9C,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,~~wBAAgB,~~eAAe~~,CAAC,KAAK,EAAE,oBAAoB,eA0C1D;AAED,UAAU,0BAA0B;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAC,mBAAmB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,QAAQ,EAAC,EAAE,0BAA0B,QAkB5I;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,EAAC,mBAAmB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,QAAQ,EAAC,EAAE,0BAA0B,eAIvJ;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,EAAC,0BAA0B,EAAC,EAAE;IAAC,0BAA0B,EAAE,wBAAwB,CAAA;CAAC,eAqBhI"}
1	+ {"version":3,"file":"ActivityMessage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAsCH;;;GAGG;AACH,wBAAgB,uBAAuB,gBAoBtC"}

package/lib/cjs/appui-react/messages/ActivityMessage.js CHANGED Viewed

@@ -7,73 +7,60 @@
  * @module Notification
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomActivityMessageContent = exports.CustomActivityMessageRenderer = exports.useActivityMessage = exports.ActivityMessage = void 0;
+exports.ActivityMessageRenderer = void 0;
 const React = require("react");
 const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const UiFramework_1 = require("../UiFramework");
 const MessageManager_1 = require("../messages/MessageManager");
-const MessageLabel_1 = require("./MessageLabel");
-const HollowIcon_1 = require("./HollowIcon");
-/** Activity Message React component
- * @public
- * @deprecated in 3.3.
- */
-function ActivityMessage(props) {
-    const messageDetails = props.activityMessageInfo.details;
-    const [percentCompleteLabel] = React.useState(UiFramework_1.UiFramework.translate("activityCenter.percentComplete"));
-    const [cancelLabel] = React.useState(core_react_1.UiCore.translate("dialog.cancel"));
-    return (React.createElement(appui_layout_react_1.Message // eslint-disable-line deprecation/deprecation
-    , { status: appui_layout_react_1.Status.Information, icon: React.createElement(HollowIcon_1.HollowIcon, { iconSpec: "icon-info-hollow" }) },
-        React.createElement(appui_layout_react_1.MessageLayout, { buttons: (messageDetails && messageDetails.supportsCancellation) ? (React.createElement("div", null,
-                React.createElement(appui_layout_react_1.MessageHyperlink, { onClick: props.cancelActivityMessage }, cancelLabel),
-                React.createElement("span", null, "\u00A0"),
-                React.createElement(appui_layout_react_1.MessageButton, { onClick: props.dismissActivityMessage },
-                    React.createElement(core_react_1.Icon, { iconSpec: "icon-close" })))) : (React.createElement(appui_layout_react_1.MessageButton, { onClick: props.dismissActivityMessage },
-                React.createElement(core_react_1.Icon, { iconSpec: "icon-close" }))), progress: (messageDetails && messageDetails.showProgressBar) &&
-                React.createElement(appui_layout_react_1.MessageProgress, { status: appui_layout_react_1.Status.Information, progress: props.activityMessageInfo.percentage }) },
-            React.createElement("div", null,
-                React.createElement(MessageLabel_1.MessageLabel, { message: props.activityMessageInfo.message, className: "uifw-statusbar-message-brief" }),
-                (messageDetails && messageDetails.showPercentInMessage) &&
-                    React.createElement(itwinui_react_1.Small, null, props.activityMessageInfo.percentage + percentCompleteLabel)))));
-}
-exports.ActivityMessage = ActivityMessage;
 /**
  * Hook to render an Activity message.
  * @internal
  */
-function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, settings }) {
+function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage }) {
     const [cancelLabel] = React.useState(core_react_1.UiCore.translate("dialog.cancel"));
     const recentToast = React.useRef();
     React.useEffect(() => {
-        itwinui_react_1.toaster.setSettings(settings !== null && settings !== void 0 ? settings : { placement: "top" });
-    }, [settings]);
+        itwinui_react_1.toaster.setSettings({ placement: "bottom" });
+    }, []);
     React.useEffect(() => {
         var _a, _b;
         if (activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.restored) {
-            recentToast.current = itwinui_react_1.toaster.informational(React.createElement(CustomActivityMessageContent, { initialActivityMessageInfo: activityMessageInfo }), { onRemove: dismissActivityMessage, type: "persisting", link: ((_a = activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.supportsCancellation) && cancelActivityMessage ? { title: cancelLabel, onClick: cancelActivityMessage } : undefined });
+            recentToast.current = itwinui_react_1.toaster.informational(React.createElement(ActivityMessageContent, { initialActivityMessageInfo: activityMessageInfo }), { onRemove: dismissActivityMessage, type: "persisting", link: ((_a = activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.supportsCancellation) && cancelActivityMessage ? { title: cancelLabel, onClick: cancelActivityMessage } : undefined });
         }
         if (!activityMessageInfo) {
             (_b = recentToast.current) === null || _b === void 0 ? void 0 : _b.close();
         }
     }, [activityMessageInfo, cancelActivityMessage, cancelLabel, dismissActivityMessage]);
 }
-exports.useActivityMessage = useActivityMessage;
 /**
  * Component wrapping the `useActivityMessage` hook to use in class components.
  * @internal
  */
-function CustomActivityMessageRenderer({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, settings }) {
-    useActivityMessage({ activityMessageInfo, cancelActivityMessage, dismissActivityMessage, settings });
+function ActivityMessageRenderer() {
+    const [activityMessageInfo, setActivityMessageInfo] = React.useState();
+    React.useEffect(() => {
+        return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
+            setActivityMessageInfo(args);
+        });
+    }, []);
+    React.useEffect(() => {
+        return MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(() => {
+            setActivityMessageInfo(undefined);
+        });
+    }, []);
+    const cancelActivityMessage = React.useCallback(() => {
+        MessageManager_1.MessageManager.endActivityMessage(false);
+    }, []);
+    useActivityMessage({ activityMessageInfo, cancelActivityMessage });
     return React.createElement(React.Fragment, null);
 }
-exports.CustomActivityMessageRenderer = CustomActivityMessageRenderer;
+exports.ActivityMessageRenderer = ActivityMessageRenderer;
 /**
  * Component used to show and update activity message content.
  * @internal
  */
-function CustomActivityMessageContent({ initialActivityMessageInfo }) {
+function ActivityMessageContent({ initialActivityMessageInfo }) {
     var _a, _b;
     const [percentCompleteLabel] = React.useState(UiFramework_1.UiFramework.translate("activityCenter.percentComplete"));
     const [activityMessageInfo, setActivityMessageInfo] = React.useState(initialActivityMessageInfo);
@@ -84,10 +71,10 @@ function CustomActivityMessageContent({ initialActivityMessageInfo }) {
         return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);
     }, []);
     return (React.createElement(React.Fragment, null,
-        activityMessageInfo.message && React.createElement(itwinui_react_1.Text, null, activityMessageInfo.message),
+        activityMessageInfo.message && React.createElement(itwinui_react_1.Text, null,
+            React.createElement(React.Fragment, null, activityMessageInfo.message.reactNode || activityMessageInfo.message)),
         !!((_a = activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.showPercentInMessage) &&
-            React.createElement(itwinui_react_1.Small, null, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
+            React.createElement(itwinui_react_1.Text, { variant: "small" }, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
         ((_b = activityMessageInfo.details) === null || _b === void 0 ? void 0 : _b.showProgressBar) && React.createElement(itwinui_react_1.ProgressLinear, { value: activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.percentage })));
 }
-exports.CustomActivityMessageContent = CustomActivityMessageContent;
 //# sourceMappingURL=ActivityMessage.js.map

package/lib/cjs/appui-react/messages/ActivityMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,~~kDAAiD~~;~~AACjD~~,~~kEAOmC~~;~~AACnC~~,~~wDAA4E;AAC5E,~~gDAA6C;AAC7C,+DAAsF;~~AACtF,iDAA8C;AAC9C,6CAA0C;AAa1C~~;;;GAGG;AACH,~~SAAgB~~,~~eAAe~~,CAAC,~~KAA2B;IACzD~~,~~MAAM~~,~~cAAc~~,~~GAAG~~,~~KAAK~~,~~CAAC~~,~~mBAAmB,CAAC,OAAO,CAAC~~;~~IACzD~~,MAAM,CAAC,~~oBAAoB~~,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,~~yBAAW~~,CAAC,SAAS,CAAC,~~gCAAgC~~,CAAC,CAAC,CAAC;~~IACvG~~,MAAM,~~CAAC,~~WAAW,~~CAAC,~~GAAG,KAAK,CAAC,~~QAAQ~~,CAAC,~~mBAAM~~,CAAC,SAAS,CAAC,~~eAAe~~,~~CAAC~~,~~CAAC~~,CAAC~~;IAExE~~,~~OAAO~~,~~CACL,oBAAC,4BAAO,~~CAAC,~~8CAA8C;QACrD,MAAM,~~EAAE,~~2BAAM~~,~~CAAC,WAAW,EAC1B,IAAI,~~EAAE,~~oBAAC,uBAAU,IAAC,~~QAAQ,~~EAAC~~,~~kBAAkB~~,~~GAAG~~;~~QAEhD~~,~~oBAAC~~,~~kCAAa~~,~~IACZ,OAAO,~~EAAE,CAAC,~~cAAc,IAAI,cAAc,~~CAAC,~~oBAAoB~~,CAAC,~~CAAC~~,CAAC,~~CAAC~~,~~CACjE;gBACE,oBAAC,qCAAgB,IAAC,OAAO,~~EAAE,~~KAAK~~,~~CAAC~~,~~qBAAqB~~,~~IACnD~~,~~WAAW~~,~~CACK;gBACnB~~,~~2CAAmB;gBACnB~~,~~oBAAC~~,~~kCAAa,IAAC,OAAO,~~EAAE,~~KAAK~~,CAAC,~~sBAAsB;oBAClD~~,~~oBAAC,iBAAI,IAAC,QAAQ,EAAC,YAAY,~~GAAG,~~CAChB~~,~~CACZ,CACP,~~CAAC,~~CAAC~~,~~CAAC~~,~~CACF,~~oBAAC,~~kCAAa~~,IAAC,~~OAAO~~,EAAE,~~KAAK~~,~~CAAC~~,~~sBAAsB;gBAClD~~,~~oBAAC~~,~~iBAAI,IAAC,~~QAAQ,~~EAAC~~,~~YAAY~~,~~GAAG~~,~~CAChB~~,~~CACjB~~,~~EACD~~,~~QAAQ,~~EAAE,~~CAAC,cAAc,~~IAAI,~~cAAc~~,~~CAAC~~,~~eAAe~~,~~CAAC;gBACxD~~,~~oBAAC~~,~~oCAAe~~,~~IACd~~,~~MAAM~~,~~EAAE~~,~~2BAAM~~,~~CAAC~~,~~WAAW~~,~~EAC1B~~,~~QAAQ~~,~~EAAE~~,~~KAAK,~~CAAC,~~mBAAmB,~~CAAC,~~UAAU~~,~~GAC9C;YAGN;gBACE~~,~~oBAAC~~,~~2BAAY~~,~~IAAC~~,OAAO,EAAE,~~KAAK~~,CAAC,~~mBAAmB~~,CAAC,~~OAAO~~,EAAE,~~SAAS~~,~~EAAC,8BAA8B,GAAG~~;~~gBACpG~~,~~CAAC,cAAc,~~IAAI,~~cAAc,~~CAAC,~~oBAAoB~~,~~CAAC~~;~~oBACtD~~,~~oBAAC~~,~~qBAAK~~,~~QAAE,KAAK,~~CAAC,~~mBAAmB~~,~~CAAC~~,~~UAAU~~,~~GAAG~~,~~oBAAoB,CAAS,CAE1E,CACQ,CACR,CACX,~~CAAC;~~AACJ~~,CAAC~~;AA1CD~~,~~0CA0CC;AASD;;;GAGG;AACH~~,~~SAAgB,kBAAkB,~~CAAC,~~EAAC,~~mBAAmB,EAAE,~~sBAAsB~~,EAAE,~~qBAAqB~~,EAAE,~~QAAQ~~,~~EAA6B;IAC3I,MAAM,~~CAAC,~~WAAW,~~CAAC,~~GAAG,KAAK,~~CAAC,~~QAAQ,~~CAAC,~~mBAAM~~,~~CAAC~~,~~SAAS~~,CAAC,~~eAAe~~,~~CAAC~~,~~CAAC~~,CAAC~~;IACxE~~,~~MAAM,WAAW,~~GAAG,KAAK,CAAC,~~MAAM~~,~~EAAmC~~,CAAC;~~IACpE~~,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,~~uBAAO~~,CAAC,~~WAAW~~,CAAC,~~QAAQ~~,~~aAAR~~,~~QAAQ~~,~~cAAR~~,~~QAAQ~~,~~GAAI~~,~~EAAC~~,~~SAAS~~,~~EAAE~~,~~KAAK~~,~~EAAC~~,CAAC,CAAC;~~IACtD~~,CAAC,EAAE,~~CAAC~~,~~QAAQ,~~CAAC,CAAC~~,CAAC~~;~~IAEf~~,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,~~IAAI~~,~~mBAAmB~~,~~aAAnB~~,~~mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ,EAAE;YACjC,~~WAAW,CAAC,~~OAAO,~~GAAG,~~uBAAO,CAAC,aAAa,CACzC,oBAAC,4BAA4B,IAAC,0BAA0B,~~EAAE,~~mBAAmB,GAAI,EACjF,EAAE,QAAQ,EAAE,~~sBAAsB,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~IAAI,EAAE,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,0CAAE,oBAAoB,KAAI,qBAAqB,~~CAAC,CAAC,CAAC,EAAE,~~KAAK,~~EAAE,~~WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,~~CAAC,CAAC,~~CAAC~~,~~SAAS~~,~~EAAC~~,~~CAChN~~,CAAC~~;SACH;QACD~~,~~IAAI~~,CAAC,~~mBAAmB~~,EAAE;~~YACxB~~,~~MAAA~~,~~WAAW~~,CAAC,~~OAAO,0CAAE,~~KAAK,~~EAAE~~,CAAC;~~SAC9B;IACH~~,CAAC,EAAE,~~CAAC,mBAAmB,~~EAAE,~~qBAAqB,EAAE,WAAW,EAAE,sBAAsB,~~CAAC,CAAC~~,CAAC~~;~~AACxF~~,~~CAAC;AAlBD~~,~~gDAkBC;AAED;;;GAGG;AACH,SAAgB,6BAA6B,~~CAAC,~~EAAC,mBAAmB,~~EAAE,~~sBAAsB,EAAE,qBAAqB,EAAE,QAAQ,EAA6B;IACtJ,kBAAkB,CAAC,EAAC,~~mBAAmB,EAAE,qBAAqB,EAAE,~~sBAAsB,EAAE,QAAQ,EAAC,~~CAAC,CAAC;~~IAEnG~~,OAAO,yCAAK,CAAC;AACf,CAAC;~~AAJD~~,~~sEAIC~~;AAED;;;GAGG;AACH,~~SAAgB~~,~~4BAA4B~~,CAAC,~~EAAC~~,0BAA0B,~~EAAyD~~;;~~IAC/H~~,MAAM,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IACvG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IAEjG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CAAC,IAA8B,EAAE,EAAE;YAC3E,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,OAAO,+BAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;IACrG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACG,mBAAmB,CAAC,OAAO,IAAI,oBAAC,oBAAI,~~QAAE~~,mBAAmB,CAAC,OAAO,~~CAAQ~~;~~QACzE~~,CAAC,CAAC,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,oBAAoB,CAAA;YAClD,oBAAC,~~qBAAK~~,~~QAAE~~,GAAG,mBAAmB,CAAC,UAAU,IAAI,oBAAoB,EAAE,~~CAAS~~;~~QAE7E~~,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,eAAe,KAAI,oBAAC,8BAAc,IAAC,KAAK,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,GAAI,CAC1G,CACJ,CAAC;AACJ,CAAC~~;AArBD,oEAqBC~~","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Notification\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { ~~Icon~~, UiCore } from \"@itwin/core-react\";\r\nimport {~~\r\n Message,\r\n MessageButton,\r\n MessageHyperlink,\r\n MessageLayout,\r\n MessageProgress,\r\n Status,\r\n}~~ ~~from \"@itwin/appui-layout-react\";\r\nimport {~~ ProgressLinear, ~~Small,~~ Text, toaster } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ActivityMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\~~nimport { MessageLabel } from \"./MessageLabel\";\r\nimport { HollowIcon } from \"./HollowIcon\";\r\nimport { ToasterSettings } from \"@itwin/itwinui-react/cjs/core/Toast/Toaster\";\r\~~n\r\n/** Properties for a [[ActivityMessage]]\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n /\r\nexport interface ActivityMessageProps {\r\n activityMessageInfo: ActivityMessageEventArgs;\r\n cancelActivityMessage: () => void;\r\n dismissActivityMessage: () => void;\r\n}\r\n\r\n/* Activity Message React component\r\n * @public\r\n * @deprecated in 3.3.\r\n /\r\nexport function ActivityMessage(props: ActivityMessageProps) { // eslint-disable-line deprecation/deprecation\r\n const messageDetails = props.activityMessageInfo.details;\r\n const [percentCompleteLabel] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\r\n const [cancelLabel] = React.useState(UiCore.translate(\"dialog.cancel\"));\r\n\r\n return (\r\n <Message // eslint-disable-line deprecation/deprecation\r\n status={Status.Information}\r\n icon={<HollowIcon iconSpec=\"icon-info-hollow\" />}\r\n >\r\n <MessageLayout\r\n buttons={(messageDetails && messageDetails.supportsCancellation) ? (\r\n <div>\r\n <MessageHyperlink onClick={props.cancelActivityMessage}>\r\n {cancelLabel}\r\n </MessageHyperlink>\r\n <span> </span>\r\n <MessageButton onClick={props.dismissActivityMessage}>\r\n <Icon iconSpec=\"icon-close\" />\r\n </MessageButton>\r\n </div>\r\n ) : (\r\n <MessageButton onClick={props.dismissActivityMessage}>\r\n <Icon iconSpec=\"icon-close\" />\r\n </MessageButton>\r\n )}\r\n progress={(messageDetails && messageDetails.showProgressBar) &&\r\n <MessageProgress\r\n status={Status.Information}\r\n progress={props.activityMessageInfo.percentage}\r\n />\r\n }\r\n >\r\n <div>\r\n <MessageLabel message={props.activityMessageInfo.message} className=\"uifw-statusbar-message-brief\" />\r\n {(messageDetails && messageDetails.showPercentInMessage) &&\r\n <Small>{props.activityMessageInfo.percentage + percentCompleteLabel}</Small>\r\n }\r\n </div>\r\n </MessageLayout>\r\n </Message>\r\n );\r\n}\r\n\r\ninterface ~~CustomActivityMessageProps~~ {\r\n cancelActivityMessage?: () => void;\r\n dismissActivityMessage?: () => void;\r\n activityMessageInfo?: ActivityMessageEventArgs;\r\n ~~settings?: ToasterSettings;\r\n~~}\r\n\r\n/\r\n Hook to render an Activity message.\r\n * @internal\r\n /\r\~~nexport~~ ~~function~~ useActivityMessage({activityMessageInfo, dismissActivityMessage, cancelActivityMessage, ~~settings~~}: ~~CustomActivityMessageProps~~) {\r\n const [cancelLabel] = React.useState(UiCore.translate(\"dialog.cancel\"));\r\n const recentToast = React.useRef<{close: () => void} \| undefined>();\r\n React.useEffect(() => {\r\n toaster.setSettings(~~settings~~ ~~?? {~~placement: \"~~top~~\"});\r\n }, [~~settings~~]);\r\n\r\n React.useEffect(() => {\r\n if (activityMessageInfo?.restored) {\r\n recentToast.current = toaster.informational(\r\n <~~CustomActivityMessageContent~~ initialActivityMessageInfo={activityMessageInfo} />,\r\n { onRemove: dismissActivityMessage, type: \"persisting\", link: activityMessageInfo?.details?.supportsCancellation && cancelActivityMessage ? { title: cancelLabel, onClick: cancelActivityMessage } : undefined}\r\n );\r\n }\r\n if (!activityMessageInfo) {\r\n recentToast.current?.close();\r\n }\r\n }, [activityMessageInfo, cancelActivityMessage, cancelLabel, dismissActivityMessage]);\r\n}\r\n\r\n/\r\n Component wrapping the `useActivityMessage` hook to use in class components.\r\n * @internal\r\n /\r\nexport function ~~CustomActivityMessageRenderer~~({activityMessageInfo, ~~dismissActivityMessage,~~ ~~cancelActivityMessage,~~ ~~settings}:~~ ~~CustomActivityMessageProps~~) {\r\n ~~useActivityMessage~~({~~activityMessageInfo~~, cancelActivityMessage, ~~dismissActivityMessage~~, ~~settings}~~);\r\n\r\n return <></>;\r\n}\r\n\r\n/\r\n Component used to show and update activity message content.\r\n * @internal\r\n */\r\~~nexport~~ ~~function CustomActivityMessageContent~~({initialActivityMessageInfo}: {initialActivityMessageInfo: ActivityMessageEventArgs}) {\r\n const [percentCompleteLabel] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\r\n const [activityMessageInfo, setActivityMessageInfo] = React.useState(initialActivityMessageInfo);\r\n\r\n React.useEffect(() => {\r\n const handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n setActivityMessageInfo(args);\r\n };\r\n\r\n return MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);\r\n }, []);\r\n\r\n return (\r\n <>\r\n {activityMessageInfo.message && <Text>{activityMessageInfo.message}</Text>}\r\n {!!activityMessageInfo.details?.showPercentInMessage &&\r\n <~~Small~~>{`${activityMessageInfo.percentage} ${percentCompleteLabel}`}</~~Small~~>\r\n }\r\n {activityMessageInfo.details?.showProgressBar && <ProgressLinear value={activityMessageInfo?.percentage} />}\r\n </>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAyD;AACzD,wDAAqE;AACrE,gDAA6C;AAC7C,+DAAsF;AAQtF;;;GAGG;AACH,SAAS,kBAAkB,CAAC,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,qBAAqB,EAA2B;IACzH,MAAM,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,mBAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;IACxE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAqC,CAAC;IACtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAO,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ,EAAE;YACjC,WAAW,CAAC,OAAO,GAAG,uBAAO,CAAC,aAAa,CACzC,oBAAC,sBAAsB,IAAC,0BAA0B,EAAE,mBAAmB,GAAI,EAC3E,EAAE,QAAQ,EAAE,sBAAsB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,0CAAE,oBAAoB,KAAI,qBAAqB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CACjN,CAAC;SACH;QACD,IAAI,CAAC,mBAAmB,EAAE;YACxB,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,qBAAqB,EAAE,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC;AACxF,CAAC;AAED;;;GAGG;AACH,SAAgB,uBAAuB;IACrC,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAwC,CAAC;IAC7G,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,+BAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACvE,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,+BAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,GAAG,EAAE;YACrE,sBAAsB,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,+BAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kBAAkB,CAAC,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC,CAAC;IACnE,OAAO,yCAAK,CAAC;AACf,CAAC;AApBD,0DAoBC;AAED;;;GAGG;AACH,SAAS,sBAAsB,CAAC,EAAE,0BAA0B,EAA4D;;IACtH,MAAM,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IACvG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IAEjG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CAAC,IAA8B,EAAE,EAAE;YAC3E,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,OAAO,+BAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;IACrG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACG,mBAAmB,CAAC,OAAO,IAAI,oBAAC,oBAAI;YAAC,0CAAI,mBAAmB,CAAC,OAAwB,CAAC,SAAS,IAAI,mBAAmB,CAAC,OAAO,CAAI,CAAO;QACzI,CAAC,CAAC,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,oBAAoB,CAAA;YAClD,oBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,IAAE,GAAG,mBAAmB,CAAC,UAAU,IAAI,oBAAoB,EAAE,CAAQ;QAE3F,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,eAAe,KAAI,oBAAC,8BAAc,IAAC,KAAK,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,GAAI,CAC1G,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Notification\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { ReactMessage, UiCore } from \"@itwin/core-react\";\r\nimport { ProgressLinear, Text, toaster } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ActivityMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\n\r\ninterface UseActivityMessageProps {\r\n cancelActivityMessage?: () => void;\r\n dismissActivityMessage?: () => void;\r\n activityMessageInfo?: ActivityMessageEventArgs;\r\n}\r\n\r\n/*\r\n Hook to render an Activity message.\r\n * @internal\r\n /\r\nfunction useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage }: UseActivityMessageProps) {\r\n const [cancelLabel] = React.useState(UiCore.translate(\"dialog.cancel\"));\r\n const recentToast = React.useRef<{ close: () => void } \| undefined>();\r\n React.useEffect(() => {\r\n toaster.setSettings({ placement: \"bottom\" });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (activityMessageInfo?.restored) {\r\n recentToast.current = toaster.informational(\r\n <ActivityMessageContent initialActivityMessageInfo={activityMessageInfo} />,\r\n { onRemove: dismissActivityMessage, type: \"persisting\", link: activityMessageInfo?.details?.supportsCancellation && cancelActivityMessage ? { title: cancelLabel, onClick: cancelActivityMessage } : undefined }\r\n );\r\n }\r\n if (!activityMessageInfo) {\r\n recentToast.current?.close();\r\n }\r\n }, [activityMessageInfo, cancelActivityMessage, cancelLabel, dismissActivityMessage]);\r\n}\r\n\r\n/\r\n Component wrapping the `useActivityMessage` hook to use in class components.\r\n * @internal\r\n /\r\nexport function ActivityMessageRenderer() {\r\n const [activityMessageInfo, setActivityMessageInfo] = React.useState<ActivityMessageEventArgs \| undefined>();\r\n React.useEffect(() => {\r\n return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\r\n setActivityMessageInfo(args);\r\n });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\r\n setActivityMessageInfo(undefined);\r\n });\r\n }, []);\r\n\r\n const cancelActivityMessage = React.useCallback(() => {\r\n MessageManager.endActivityMessage(false);\r\n }, []);\r\n\r\n useActivityMessage({ activityMessageInfo, cancelActivityMessage });\r\n return <></>;\r\n}\r\n\r\n/\r\n Component used to show and update activity message content.\r\n * @internal\r\n */\r\nfunction ActivityMessageContent({ initialActivityMessageInfo }: { initialActivityMessageInfo: ActivityMessageEventArgs }) {\r\n const [percentCompleteLabel] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\r\n const [activityMessageInfo, setActivityMessageInfo] = React.useState(initialActivityMessageInfo);\r\n\r\n React.useEffect(() => {\r\n const handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n setActivityMessageInfo(args);\r\n };\r\n\r\n return MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);\r\n }, []);\r\n\r\n return (\r\n <>\r\n {activityMessageInfo.message && <Text><>{(activityMessageInfo.message as ReactMessage).reactNode \|\| activityMessageInfo.message}</></Text>}\r\n {!!activityMessageInfo.details?.showPercentInMessage &&\r\n <Text variant=\"small\">{`${activityMessageInfo.percentage} ${percentCompleteLabel}`}</Text>\r\n }\r\n {activityMessageInfo.details?.showProgressBar && <ProgressLinear value={activityMessageInfo?.percentage} />}\r\n </>\r\n );\r\n}\r\n"]}

package/lib/cjs/appui-react/messages/InputField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;~~AAEhE~~;;GAEG;AACH,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACxG,SAAyB,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAK9D;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAkDzB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,kCAAkC,CAQxC;IAEF,OAAO,CAAC,oCAAoC,CAE1C;CACH"}
1	+ {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE;;GAEG;AACH,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACxG,SAAyB,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAK9D;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAkDzB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,kCAAkC,CAQxC;IAEF,OAAO,CAAC,oCAAoC,CAE1C;CACH"}

package/lib/cjs/appui-react/messages/InputField.js CHANGED Viewed

@@ -16,6 +16,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const MessageManager_1 = require("../messages/MessageManager");
 const MessageSpan_1 = require("./MessageSpan");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 /** InputField message pops up near pointer when attempting an invalid interaction.
  * @public
  */
@@ -49,26 +50,26 @@ class InputFieldMessage extends React.PureComponent {
         if (!inputFieldElement || !message) {
             return null;
         }
-        let iconClassName = "";
+        let iconComponent = React.createElement(itwinui_icons_react_1.SvgInfoCircularHollow, null);
         switch (priority) {
             case core_frontend_1.OutputMessagePriority.Warning:
-                iconClassName = "icon-status-warning";
+                iconComponent = React.createElement(itwinui_icons_react_1.SvgStatusWarning, null);
                 break;
             case core_frontend_1.OutputMessagePriority.Error:
-                iconClassName = "icon-status-error";
+                iconComponent = React.createElement(itwinui_icons_react_1.SvgStatusError, null);
                 break;
             case core_frontend_1.OutputMessagePriority.Info:
-                iconClassName = "icon-info";
+                iconComponent = React.createElement(itwinui_icons_react_1.SvgInfoCircularHollow, null);
                 break;
         }
         return (React.createElement(core_react_1.Popup, { isOpen: isVisible, position: appui_abstract_1.RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
             React.createElement("div", { className: "uifw-popup-message-inputField" },
                 React.createElement("div", { className: "uifw-popup-message-inputField-content" },
                     React.createElement("div", { className: "uifw-popup-message-inputField-primary" },
-                        iconClassName &&
+                        iconComponent &&
                             React.createElement("span", { className: "uifw-popup-message-icon" },
                                 " ",
-                                React.createElement("i", { className: (0, classnames_1.default)("icon", iconClassName) }),
+                                React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon") }, iconComponent),
                                 " "),
                         React.createElement("span", { className: "uifw-popup-message-text" },
                             React.createElement(MessageSpan_1.MessageDiv, { className: "uifw-popup-message-brief", message: message }),
@@ -77,7 +78,7 @@ class InputFieldMessage extends React.PureComponent {
                 showCloseButton &&
                     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
                     React.createElement("div", { className: "uifw-popup-message-close", onClick: this._onInputMessageClose, role: "button", tabIndex: -1 },
-                        React.createElement("i", { className: "icon icon-close" })))));
+                        React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) })))));
     }
     componentDidMount() {
         MessageManager_1.MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);

package/lib/cjs/appui-react/messages/InputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAC/B,wDAA6D;AAC7D,0DAAyD;AACzD,~~kDAA0C~~;~~AAC1C~~,+DAAwF;AACxF,+CAA2C;~~AAsB3C~~;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAA1G;;QAC2B,UAAK,GAAqC;YACjE,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,qCAAqB,CAAC,IAAI;YACpC,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe;SAC9C,CAAC;QA8DM,yBAAoB,GAAG,GAAG,EAAE;YAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC;QAEM,uCAAkC,GAAG,CAAC,IAAgC,EAAE,EAAE;YAChF,IAAI,CAAC,QAAQ,CAAC;gBACZ,iBAAiB,EAAE,IAAI,CAAC,MAAqB;gBAC7C,OAAO,EAAE,IAAI,CAAC,WAAW;gBACzB,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,IAAI,CAAC,eAAe;aACtC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,yCAAoC,GAAG,GAAG,EAAE;YAClD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC;IA7EiB,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzG,IAAI,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE;YAClC,OAAO,IAAI,CAAC;SACb;QAED,IAAI,aAAa,GAAG,~~EAAE~~,CAAC;~~QACvB~~,QAAQ,QAAQ,EAAE;YAChB,KAAK,qCAAqB,CAAC,OAAO;gBAChC,aAAa,GAAG,~~qBAAqB~~,CAAC;~~gBACtC~~,MAAM;YACR,KAAK,qCAAqB,CAAC,KAAK;gBAC9B,aAAa,GAAG,~~mBAAmB~~,CAAC;~~gBACpC~~,MAAM;YACR,KAAK,qCAAqB,CAAC,IAAI;gBAC7B,aAAa,GAAG,~~WAAW~~,CAAC;~~gBAC5B~~,MAAM;SACT;QAED,OAAO,CACL,oBAAC,kBAAK,IACJ,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,iCAAgB,CAAC,UAAU,EACrC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,MAAM,EAAE,iBAAiB;YACzB,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,6BAAK,SAAS,EAAC,uCAAuC;oBACpD,6BAAK,SAAS,EAAC,uCAAuC;wBACnD,aAAa;4BACZ,8BAAM,SAAS,EAAC,yBAAyB;;gCAAE,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,~~aAAa~~,CAAC,~~GAAI~~;oCAAQ;~~wBAExG~~,8BAAM,SAAS,EAAC,yBAAyB;4BACvC,oBAAC,wBAAU,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,OAAO,GAAI;4BACpE,eAAe;gCACd,oBAAC,wBAAU,IAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,eAAe,GAAI,CAE7E,CACH,CACF;gBACL,eAAe;oBACd,iEAAiE;oBACjE,6BAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC;wBACtG,~~2BAAG~~,~~SAAS~~,~~EAAC~~,~~iBAAiB~~,~~GAAG~~,~~CAC7B~~,CAEJ,CACA,CAAC,CAAC;IACd,CAAC;IAEe,iBAAiB;QAC/B,+BAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QAClG,+BAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;IACxG,CAAC;IAEe,oBAAoB;QAClC,+BAAc,CAAC,6BAA6B,CAAC,cAAc,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QACrG,+BAAc,CAAC,+BAA+B,CAAC,cAAc,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;IAC3G,CAAC;CAmBF;AArFD,8CAqFC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Notification\r\n /\r\n\r\nimport \"./InputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { Popup } from \"@itwin/core-react\";\r\nimport { InputFieldMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { MessageDiv } from \"./MessageSpan\";\r\nimport { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\n\r\n/** Properties of [[InputFieldMessage]] component.\r\n * @public\r\n /\r\ninterface InputFieldMessageProps {\r\n showCloseButton?: boolean;\r\n}\r\n\r\n/* [[InputFieldMessage]] state.\r\n * @internal\r\n /\r\ninterface InputFieldMessageState {\r\n isVisible: boolean;\r\n priority: OutputMessagePriority;\r\n message: NotifyMessageType;\r\n detailedMessage?: NotifyMessageType;\r\n inputFieldElement?: HTMLElement;\r\n showCloseButton?: boolean;\r\n}\r\n\r\n/* InputField message pops up near pointer when attempting an invalid interaction.\r\n * @public\r\n */\r\nexport class InputFieldMessage extends React.PureComponent<InputFieldMessageProps, InputFieldMessageState> {\r\n public override readonly state: Readonly<InputFieldMessageState> = {\r\n message: \"\",\r\n isVisible: false,\r\n priority: OutputMessagePriority.None,\r\n showCloseButton: !!this.props.showCloseButton,\r\n };\r\n\r\n public override render(): React.ReactNode {\r\n const { isVisible, inputFieldElement, message, priority, detailedMessage, showCloseButton } = this.state;\r\n\r\n if (!inputFieldElement \|\| !message) {\r\n return null;\r\n }\r\n\r\n let ~~iconClassName~~ = ~~\"\";\~~r\n switch (priority) {\r\n case OutputMessagePriority.Warning:\r\n ~~iconClassName~~ = ~~\"icon-status-warning\";\~~r\n break;\r\n case OutputMessagePriority.Error:\r\n ~~iconClassName~~ = ~~\"icon-status-error\";\~~r\n break;\r\n case OutputMessagePriority.Info:\r\n ~~iconClassName~~ = ~~\"icon-info\";\~~r\n break;\r\n }\r\n\r\n return (\r\n <Popup\r\n isOpen={isVisible}\r\n position={RelativePosition.BottomLeft}\r\n onClose={this._onInputMessageClose}\r\n target={inputFieldElement}>\r\n <div className=\"uifw-popup-message-inputField\">\r\n <div className=\"uifw-popup-message-inputField-content\">\r\n <div className=\"uifw-popup-message-inputField-primary\">\r\n {~~iconClassName~~ &&\r\n <span className=\"uifw-popup-message-icon\"> <i className={classnames(\"icon\", ~~iconClassName~~)} /> </span>\r\n }\r\n <span className=\"uifw-popup-message-text\">\r\n <MessageDiv className=\"uifw-popup-message-brief\" message={message} />\r\n {detailedMessage &&\r\n <MessageDiv className=\"uifw-popup-message-detailed\" message={detailedMessage} />\r\n }\r\n </span>\r\n </div>\r\n </div>\r\n {showCloseButton &&\r\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n <div className=\"uifw-popup-message-close\" onClick={this._onInputMessageClose} role=\"button\" tabIndex={-1}>\r\n <i ~~className=\"icon~~ ~~icon-close\"~~ />\r\n </div>\r\n }\r\n </div>\r\n </Popup>);\r\n }\r\n\r\n public override componentDidMount(): void {\r\n MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);\r\n MessageManager.onInputFieldMessageRemovedEvent.addListener(this._handleInputFieldMessageRemovedEvent);\r\n }\r\n\r\n public override componentWillUnmount(): void {\r\n MessageManager.onInputFieldMessageAddedEvent.removeListener(this._handleInputFieldMessageAddedEvent);\r\n MessageManager.onInputFieldMessageRemovedEvent.removeListener(this._handleInputFieldMessageRemovedEvent);\r\n }\r\n\r\n private _onInputMessageClose = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n\r\n private _handleInputFieldMessageAddedEvent = (args: InputFieldMessageEventArgs) => {\r\n this.setState({\r\n inputFieldElement: args.target as HTMLElement,\r\n message: args.messageText,\r\n isVisible: true,\r\n priority: args.priority,\r\n detailedMessage: args.detailedMessage,\r\n });\r\n };\r\n\r\n private _handleInputFieldMessageRemovedEvent = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n}\r\n"]}
1	+ {"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Notification\r\n /\r\n\r\nimport \"./InputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { Icon, Popup } from \"@itwin/core-react\";\r\nimport { InputFieldMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { MessageDiv } from \"./MessageSpan\";\r\nimport { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\nimport { SvgClose, SvgInfoCircularHollow, SvgStatusError, SvgStatusWarning} from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties of [[InputFieldMessage]] component.\r\n * @public\r\n /\r\ninterface InputFieldMessageProps {\r\n showCloseButton?: boolean;\r\n}\r\n\r\n/* [[InputFieldMessage]] state.\r\n * @internal\r\n /\r\ninterface InputFieldMessageState {\r\n isVisible: boolean;\r\n priority: OutputMessagePriority;\r\n message: NotifyMessageType;\r\n detailedMessage?: NotifyMessageType;\r\n inputFieldElement?: HTMLElement;\r\n showCloseButton?: boolean;\r\n}\r\n\r\n/* InputField message pops up near pointer when attempting an invalid interaction.\r\n * @public\r\n */\r\nexport class InputFieldMessage extends React.PureComponent<InputFieldMessageProps, InputFieldMessageState> {\r\n public override readonly state: Readonly<InputFieldMessageState> = {\r\n message: \"\",\r\n isVisible: false,\r\n priority: OutputMessagePriority.None,\r\n showCloseButton: !!this.props.showCloseButton,\r\n };\r\n\r\n public override render(): React.ReactNode {\r\n const { isVisible, inputFieldElement, message, priority, detailedMessage, showCloseButton } = this.state;\r\n\r\n if (!inputFieldElement \|\| !message) {\r\n return null;\r\n }\r\n\r\n let iconComponent = <SvgInfoCircularHollow />;\r\n switch (priority) {\r\n case OutputMessagePriority.Warning:\r\n iconComponent = <SvgStatusWarning />;\r\n break;\r\n case OutputMessagePriority.Error:\r\n iconComponent = <SvgStatusError />;\r\n break;\r\n case OutputMessagePriority.Info:\r\n iconComponent = <SvgInfoCircularHollow />;\r\n break;\r\n }\r\n\r\n return (\r\n <Popup\r\n isOpen={isVisible}\r\n position={RelativePosition.BottomLeft}\r\n onClose={this._onInputMessageClose}\r\n target={inputFieldElement}>\r\n <div className=\"uifw-popup-message-inputField\">\r\n <div className=\"uifw-popup-message-inputField-content\">\r\n <div className=\"uifw-popup-message-inputField-primary\">\r\n {iconComponent &&\r\n <span className=\"uifw-popup-message-icon\"> <i className={classnames(\"icon\", \"core-svg-icon\")}>{iconComponent}</i> </span>\r\n }\r\n <span className=\"uifw-popup-message-text\">\r\n <MessageDiv className=\"uifw-popup-message-brief\" message={message} />\r\n {detailedMessage &&\r\n <MessageDiv className=\"uifw-popup-message-detailed\" message={detailedMessage} />\r\n }\r\n </span>\r\n </div>\r\n </div>\r\n {showCloseButton &&\r\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n <div className=\"uifw-popup-message-close\" onClick={this._onInputMessageClose} role=\"button\" tabIndex={-1}>\r\n <Icon iconSpec={<SvgClose />} />\r\n </div>\r\n }\r\n </div>\r\n </Popup>);\r\n }\r\n\r\n public override componentDidMount(): void {\r\n MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);\r\n MessageManager.onInputFieldMessageRemovedEvent.addListener(this._handleInputFieldMessageRemovedEvent);\r\n }\r\n\r\n public override componentWillUnmount(): void {\r\n MessageManager.onInputFieldMessageAddedEvent.removeListener(this._handleInputFieldMessageAddedEvent);\r\n MessageManager.onInputFieldMessageRemovedEvent.removeListener(this._handleInputFieldMessageRemovedEvent);\r\n }\r\n\r\n private _onInputMessageClose = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n\r\n private _handleInputFieldMessageAddedEvent = (args: InputFieldMessageEventArgs) => {\r\n this.setState({\r\n inputFieldElement: args.target as HTMLElement,\r\n message: args.messageText,\r\n isVisible: true,\r\n priority: args.priority,\r\n detailedMessage: args.detailedMessage,\r\n });\r\n };\r\n\r\n private _handleInputFieldMessageRemovedEvent = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n}\r\n"]}

package/lib/cjs/appui-react/messages/InputField.scss CHANGED Viewed

@@ -8,8 +8,8 @@
 .uifw-popup-message-inputField {
   background-color: $buic-background-control;
   padding: 3px 3px 3px 6px;
-  border-radius: 5px;
-  color: $buic-text-color;
+  border-radius: var(--iui-border-radius-1);
+  color: var(--iui-color-text);
   margin: 0px;
   transition: all 3s ease;
   display: flex;
@@ -32,20 +32,20 @@
         padding-right: 3px;
         .icon-status-warning {
-          color: $buic-foreground-warning;
+          color: var(--iui-color-text-warning);
         }
         .icon-status-warning {
-          color: $buic-foreground-warning;
+          color: var(--iui-color-text-warning);
         }
         .icon-status-error {
-          color: $buic-foreground-alert;
+          color: var(--iui-color-text-negative);
         }
       }
       .uifw-popup-message-text {
-        color: $buic-foreground-body;
+        color: var(--iui-color-text);
         padding-left: 3px;
         padding-right: 3px;
@@ -63,12 +63,12 @@
   .uifw-popup-message-close {
     display: flex;
     align-items: center;
-    color: $buic-foreground-muted;
+    color: var(--iui-color-text-muted);
     cursor: pointer;
     &:active,
     &:hover {
-      color: $buic-foreground-activehover;
+      color: var(--iui-color-text-hover);
     }
     &:focus {

package/lib/cjs/appui-react/messages/MessageManager.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@
 import { XAndY } from "@itwin/core-geometry";
 import { ActivityMessageDetails, MessageBoxIconType, MessageBoxType, MessageBoxValue, OutputMessagePriority, ToolAssistanceInstructions, ToolTipOptions } from "@itwin/core-frontend";
 import { MessageSeverity, UiEvent } from "@itwin/appui-abstract";
+import { IconSpec } from "@itwin/core-react";
 import { NotifyMessageDetailsType, NotifyMessageType } from "./ReactNotifyMessageDetails";
 import { StatusMessageManager } from "./StatusMessageManager";
 import { ToastOptions } from "@itwin/itwinui-react";
@@ -211,7 +212,15 @@ export declare class MessageManager {
     static openMessageCenter(): void;
     /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed. */
     static outputPrompt(prompt: string): void;
-    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType. */
+    /** Extracts the message severity from the message details and returns the corresponding React icon.
+     * @param details NotifyMessageDetailsType
+     * @returns IconSpec
+     */
+    static getIconSpecFromDetails(details: NotifyMessageDetailsType): IconSpec;
+    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType.
+     * @public
+     * @deprecated in 4.0. Please use getIconSpecFromDetails instead.
+     */
     static getIconClassName(details: NotifyMessageDetailsType): string;
     /** Gets a MessageSeverity based on a given NotifyMessageDetailsType. */
     static getSeverity(details: NotifyMessageDetailsType): MessageSeverity;

package/lib/cjs/appui-react/messages/MessageManager.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EACL,sBAAsB,EAAa,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAsB,qBAAqB,EAC9G,0BAA0B,EAAE,cAAc,EAC9D,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;~~AASjE~~,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,~~EAAkB~~,YAAY,EAAE,MAAM,sBAAsB,CAAC;~~AACpE~~,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;~~AAa9E~~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~~IAqClH~~;;OAEG;WACW,UAAU,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAWjE;;OAEG;WACW,kBAAkB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAMzE,qDAAqD;IACrD,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAQrC;;;;OAIG;WACW,2BAA2B,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO;IAMnF;;;;;OAKG;WACW,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,GAAG,OAAO;IAIjG;;;;;;;;OAQG;WACW,0BAA0B,CAAC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAgBrH;;;;OAIG;WACW,kBAAkB,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO;IAM/D;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAOpC;;;;;;;OAOG;WACW,wBAAwB,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,GAAE,iBAAsB,EAAE,QAAQ,wBAA8B;IAS3K;;OAEG;WACW,qBAAqB;IAInC;;OAEG;WACW,iBAAiB;IAI/B,mGAAmG;WACrF,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIhD,~~6EAA6E~~;~~WAC/D~~,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAQzE,wEAAwE;WAC1D,WAAW,CAAC,OAAO,EAAE,wBAAwB,GAAG,eAAe;IA2B7E,2EAA2E;WAC7D,WAAW,CAAC,OAAO,EAAE,wBAAwB,GAAG,kBAAkB;IA2BhF;;;;;OAKG;WACiB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,GAAG,OAAO,CAAC,eAAe,CAAC;IAU1I,gBAAgB;WACF,mBAAmB,CAAC,cAAc,EAAE,wBAAwB,GAAG,IAAI;IAkBjF,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAejC;;;OAGG;WACW,iBAAiB,CAAC,YAAY,EAAE,0BAA0B,GAAG,SAAS;IAIpF;;;;;OAKG;WACW,WAAW,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI;IAKjI,gBAAgB;WACF,gBAAgB,IAAI,IAAI;CAQvC"}
1	+ {"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/messages/MessageManager.js CHANGED Viewed

@@ -15,7 +15,6 @@ const core_frontend_1 = require("@itwin/core-frontend");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const state_1 = require("../configurableui/state");
-const ModalDialogManager_1 = require("../dialog/ModalDialogManager");
 const StandardMessageBox_1 = require("../dialog/StandardMessageBox");
 const ElementTooltip_1 = require("../feedback/ElementTooltip");
 const UiFramework_1 = require("../UiFramework");
@@ -23,6 +22,7 @@ const MessageSpan_1 = require("./MessageSpan");
 const Pointer_1 = require("./Pointer");
 const StatusMessageManager_1 = require("./StatusMessageManager");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 class MessageBoxCallbacks {
     constructor(onFulfilled, onRejected) {
         this.onFulfilled = onFulfilled;
@@ -172,9 +172,8 @@ class MessageManager {
         const content = React.createElement(React.Fragment, null,
             message.briefMessage,
             message.detailedMessage &&
-                React.createElement(React.Fragment, null,
-                    React.createElement("br", null),
-                    React.createElement(itwinui_react_1.Small, null, message.detailedMessage.reactNode || message.detailedMessage)));
+                React.createElement(itwinui_react_1.Text, { variant: "small" },
+                    React.createElement(React.Fragment, null, message.detailedMessage.reactNode || message.detailedMessage)));
         switch (message.priority) {
             case core_frontend_1.OutputMessagePriority.Warning:
                 return itwinui_react_1.toaster.warning(content, toastOptions);
@@ -306,10 +305,34 @@ class MessageManager {
     static outputPrompt(prompt) {
         UiFramework_1.UiFramework.dispatchActionToStore(state_1.ConfigurableUiActionId.SetToolPrompt, prompt, true);
     }
-    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType. */
+    /** Extracts the message severity from the message details and returns the corresponding React icon.
+     * @param details NotifyMessageDetailsType
+     * @returns IconSpec
+     */
+    static getIconSpecFromDetails(details) {
+        const severity = MessageManager.getSeverity(details);
+        let iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null);
+        switch (severity) {
+            case appui_abstract_1.MessageSeverity.Error:
+            case appui_abstract_1.MessageSeverity.Fatal:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusError, null);
+                break;
+            case appui_abstract_1.MessageSeverity.Warning:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusWarning, null);
+                break;
+            case appui_abstract_1.MessageSeverity.Information:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgInfo, null);
+                break;
+        }
+        return iconSpec;
+    }
+    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType.
+     * @public
+     * @deprecated in 4.0. Please use getIconSpecFromDetails instead.
+     */
     static getIconClassName(details) {
         const severity = MessageManager.getSeverity(details);
-        const className = core_react_1.MessageContainer.getIconClassName(severity, false);
+        const className = core_react_1.MessageContainer.getIconClassName(severity, false); // eslint-disable-line deprecation/deprecation
         const iconClassName = (0, classnames_1.default)("icon", "notifymessage-icon", className);
         return iconClassName;
     }
@@ -374,7 +397,7 @@ class MessageManager {
         return new Promise((onFulfilled, onRejected) => {
             const messageBoxCallbacks = new MessageBoxCallbacks(onFulfilled, onRejected);
             const messageElement = React.createElement(MessageSpan_1.MessageSpan, { message: message });
-            ModalDialogManager_1.ModalDialogManager.openDialog(this.standardMessageBox(mbType, icon, title, messageElement, messageBoxCallbacks));
+            UiFramework_1.UiFramework.dialogs.modal.open(this.standardMessageBox(mbType, icon, title, messageElement, messageBoxCallbacks));
         });
     }
     /** @internal */
@@ -385,7 +408,7 @@ class MessageManager {
             React.createElement(MessageSpan_1.MessageSpan, { message: messageDetails.briefMessage }),
             messageDetails.detailedMessage && (React.createElement("p", null,
                 React.createElement(MessageSpan_1.MessageSpan, { message: messageDetails.detailedMessage })))));
-        ModalDialogManager_1.ModalDialogManager.openDialog(this.standardMessageBox(core_frontend_1.MessageBoxType.Ok, iconType, title, content));
+        UiFramework_1.UiFramework.dialogs.modal.open(this.standardMessageBox(core_frontend_1.MessageBoxType.Ok, iconType, title, content));
     }
     static standardMessageBox(mbType, iconType, title, messageElement, callbacks) {
         const onResult = (callbacks !== undefined) ? callbacks.handleMessageBoxResult : undefined;