@itwin/appui-react 3.3.0-dev.70 → 3.3.0-dev.75

package/lib/cjs/appui-react/configurableui/state.d.ts

@@ -15,7 +15,6 @@ export declare enum ConfigurableUiActionId {
     SetDragInteraction = "configurableui:set-drag-interaction",
     SetFrameworkVersion = "configurableui:set-framework-version",
     SetShowWidgetIcon = "configurableui:set-show-widget-icon",
-    /** @alpha */
     AutoCollapseUnpinnedPanels = "configurableui:set-auto-collapse-unpinned-panels",
     SetViewOverlayDisplay = "configurableui:set-view-overlay-display",
     AnimateToolSettings = "configurableui:set-animate-tool-settings",
@@ -32,7 +31,6 @@ export interface ConfigurableUiState {
     useDragInteraction: boolean;
     frameworkVersion: FrameworkVersionId;
     showWidgetIcon: boolean;
-    /** @alpha */
     autoCollapseUnpinnedPanels: boolean;
     viewOverlayDisplay: boolean;
     animateToolSettings: boolean;

package/lib/cjs/appui-react/configurableui/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,mBAAmB,yCAAyC;IAC5D,iBAAiB,wCAAwC;IACzD,aAAa;IACb,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;CAClF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa;IACb,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAiBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;4CACL,kBAAkB;wCACtB,OAAO;kDACG,OAAO;gDACT,OAAO;kDACL,OAAO;gEACO,OAAO;CACpE,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CAwCxI"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAgB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,mBAAmB,yCAAyC;IAC5D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;CAClF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAiBD;;GAEG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAGpB,MAAM;gCAGD,MAAM;gCAGT,MAAM;0CACoB,OAAO;4CACL,kBAAkB;wCACtB,OAAO;kDACG,OAAO;gDACT,OAAO;kDACL,OAAO;gEACO,OAAO;CACpE,CAAC;AAEF;;GAEG;AACH,oBAAY,0BAA0B,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,iCAAoC,EAAE,MAAM,EAAE,0BAA0B,GAAG,mBAAmB,CAwCxI"}

package/lib/cjs/appui-react/configurableui/state.js

@@ -25,7 +25,6 @@ var ConfigurableUiActionId;
     ConfigurableUiActionId["SetDragInteraction"] = "configurableui:set-drag-interaction";
     ConfigurableUiActionId["SetFrameworkVersion"] = "configurableui:set-framework-version";
     ConfigurableUiActionId["SetShowWidgetIcon"] = "configurableui:set-show-widget-icon";
-    /** @alpha */
     ConfigurableUiActionId["AutoCollapseUnpinnedPanels"] = "configurableui:set-auto-collapse-unpinned-panels";
     ConfigurableUiActionId["SetViewOverlayDisplay"] = "configurableui:set-view-overlay-display";
     ConfigurableUiActionId["AnimateToolSettings"] = "configurableui:set-animate-tool-settings";

package/lib/cjs/appui-react/configurableui/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAAgD;AAChD,gDAA+D;AAC/D,wDAA6F;AAG7F,mDAAmD;AAEnD;;;GAGG;AACH,IAAY,sBAaX;AAbD,WAAY,sBAAsB;IAChC,qEAA2C,CAAA;IAC3C,+DAAqC,CAAA;IACrC,yEAA+C,CAAA;IAC/C,gFAAsD,CAAA;IACtD,oFAA0D,CAAA;IAC1D,sFAA4D,CAAA;IAC5D,mFAAyD,CAAA;IACzD,aAAa;IACb,yGAA+E,CAAA;IAC/E,2FAAiE,CAAA;IACjE,0FAAgE,CAAA;IAChE,2GAAiF,CAAA;AACnF,CAAC,EAbW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAajC;AAoBD,kDAAkD;AAClD,MAAM,YAAY,GAAwB;IACxC,QAAQ,EAAE,wBAAQ,CAAC,eAAyB;IAC5C,UAAU,EAAE,EAAE;IACd,KAAK,EAAE,2CAA4B;IACnC,aAAa,EAAE,qCAAsB;IACrC,kBAAkB,EAAE,KAAK;IACzB,gBAAgB,EAAE,GAAG;IACrB,cAAc,EAAE,IAAI;IACpB,0BAA0B,EAAE,KAAK;IACjC,kBAAkB,EAAE,IAAI;IACxB,mBAAmB,EAAE,KAAK;IAC1B,0BAA0B,EAAE,KAAK;CAClC,CAAC;AAEF;;GAEG;AACU,QAAA,qBAAqB,GAAG;IACnC,WAAW,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC7F,QAAQ;IACN,uBAAuB;IACvB,CAAC,KAAa,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CAAC;IACzE,aAAa;IACX,uBAAuB;IACvB,CAAC,UAAkB,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,aAAa,EAAE,UAAU,CAAC;IACxF,gBAAgB;IACd,uBAAuB;IACvB,CAAC,OAAe,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrF,kBAAkB,EAAE,CAAC,eAAwB,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC;IAC1H,mBAAmB,EAAE,CAAC,gBAAoC,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,mBAAmB,EAAE,gBAAgB,CAAC;IACzI,iBAAiB,EAAE,CAAC,cAAuB,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,iBAAiB,EAAE,cAAc,CAAC;IACtH,6BAA6B,EAAE,CAAC,YAAqB,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,0BAA0B,EAAE,YAAY,CAAC;IACvI,qBAAqB,EAAE,CAAC,kBAA2B,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,qBAAqB,EAAE,kBAAkB,CAAC;IACtI,sBAAsB,EAAE,CAAC,mBAA4B,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IACvI,6BAA6B,EAAE,CAAC,0BAAmC,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,sBAAsB,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;CACpK,CAAC;AAOF;;GAEG;AACH,SAAgB,qBAAqB,CAAC,QAA6B,YAAY,EAAE,MAAkC;IACjH,MAAM,QAAQ,GAAG,KAAK,CAAC;IAEvB,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,sBAAsB,CAAC,WAAW,CAAC,CAAC;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SAC/C;QACD,KAAK,sBAAsB,CAAC,aAAa,CAAC,CAAC;YACzC,OAAO,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACjD;QACD,KAAK,sBAAsB,CAAC,QAAQ,CAAC,CAAC;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SAC5C;QACD,KAAK,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;YAC5C,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACpD;QACD,KAAK,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;YAC9C,OAAO,EAAE,GAAG,KAAK,EAAE,kBAAkB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACzD;QACD,KAAK,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;YAC/C,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC1C,OAAO,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,CAAC;SACvC;QACD,KAAK,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;YAC7C,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACrD;QACD,KAAK,sBAAsB,CAAC,0BAA0B,CAAC,CAAC;YACtD,OAAO,EAAE,GAAG,KAAK,EAAE,0BAA0B,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACjE;QACD,KAAK,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;YACjD,OAAO,EAAE,GAAG,KAAK,EAAE,kBAAkB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACzD;QACD,KAAK,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;YAC/C,OAAO,EAAE,GAAG,KAAK,EAAE,mBAAmB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SAC1D;QACD,KAAK,sBAAsB,CAAC,0BAA0B,CAAC,CAAC;YACtD,OAAO,EAAE,GAAG,KAAK,EAAE,0BAA0B,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACjE;KACF;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAxCD,sDAwCC","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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { ActionsUnion, createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\nimport { FrameworkVersionId } from \"../UiFramework\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetFrameworkVersion = \"configurableui:set-framework-version\",\r\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\r\n  /** @alpha */\r\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\r\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\r\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\r\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  frameworkVersion: FrameworkVersionId;\r\n  showWidgetIcon: boolean;\r\n  /** @alpha */\r\n  autoCollapseUnpinnedPanels: boolean;\r\n  viewOverlayDisplay: boolean;\r\n  animateToolSettings: boolean;\r\n  useToolAsToolSettingsLabel: boolean;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  frameworkVersion: \"2\",\r\n  showWidgetIcon: true,\r\n  autoCollapseUnpinnedPanels: false,\r\n  viewOverlayDisplay: true,\r\n  animateToolSettings: false,\r\n  useToolAsToolSettingsLabel: false,\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => createAction(ConfigurableUiActionId.SetFrameworkVersion, frameworkVersion),\r\n  setShowWidgetIcon: (showWidgetIcon: boolean) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\r\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => createAction(ConfigurableUiActionId.AutoCollapseUnpinnedPanels, autoCollapse),\r\n  setViewOverlayDisplay: (displayViewOverlay: boolean) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),\r\n  setAnimateToolSettings: (animateToolSettings: boolean) => createAction(ConfigurableUiActionId.AnimateToolSettings, animateToolSettings),\r\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => createAction(ConfigurableUiActionId.UseToolAsToolSettingsLabel, useToolAsToolSettingsLabel),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetFrameworkVersion: {\r\n      const frameworkVersion = (action.payload);\r\n      return { ...state, frameworkVersion };\r\n    }\r\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\r\n      return { ...state, showWidgetIcon: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\r\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\r\n      return { ...state, viewOverlayDisplay: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AnimateToolSettings: {\r\n      return { ...state, animateToolSettings: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\r\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { ActionsUnion, createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\nimport { FrameworkVersionId } from \"../UiFramework\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetFrameworkVersion = \"configurableui:set-framework-version\",\r\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\r\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\r\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\r\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\r\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  frameworkVersion: FrameworkVersionId;\r\n  showWidgetIcon: boolean;\r\n  autoCollapseUnpinnedPanels: boolean;\r\n  viewOverlayDisplay: boolean;\r\n  animateToolSettings: boolean;\r\n  useToolAsToolSettingsLabel: boolean;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  frameworkVersion: \"2\",\r\n  showWidgetIcon: true,\r\n  autoCollapseUnpinnedPanels: false,\r\n  viewOverlayDisplay: true,\r\n  animateToolSettings: false,\r\n  useToolAsToolSettingsLabel: false,\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setFrameworkVersion: (frameworkVersion: FrameworkVersionId) => createAction(ConfigurableUiActionId.SetFrameworkVersion, frameworkVersion),\r\n  setShowWidgetIcon: (showWidgetIcon: boolean) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\r\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => createAction(ConfigurableUiActionId.AutoCollapseUnpinnedPanels, autoCollapse),\r\n  setViewOverlayDisplay: (displayViewOverlay: boolean) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),\r\n  setAnimateToolSettings: (animateToolSettings: boolean) => createAction(ConfigurableUiActionId.AnimateToolSettings, animateToolSettings),\r\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => createAction(ConfigurableUiActionId.UseToolAsToolSettingsLabel, useToolAsToolSettingsLabel),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetFrameworkVersion: {\r\n      const frameworkVersion = (action.payload);\r\n      return { ...state, frameworkVersion };\r\n    }\r\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\r\n      return { ...state, showWidgetIcon: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\r\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\r\n      return { ...state, viewOverlayDisplay: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AnimateToolSettings: {\r\n      return { ...state, animateToolSettings: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\r\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}

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

@@ -3,6 +3,7 @@
  */
 /// <reference types="react" />
 import { ActivityMessageEventArgs } from "../messages/MessageManager";
+import { ToasterSettings } from "@itwin/itwinui-react/cjs/core/Toast/Toaster";
 /** Properties for a [[ActivityMessage]]
  * @public
  */
@@ -13,6 +14,31 @@ export interface ActivityMessageProps {
 }
 /** Activity Message React component
  * @public
+ * @deprecated
  */
 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 {};
 //# sourceMappingURL=ActivityMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityMessage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAQH,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,mBAAmB,EAAE,wBAAwB,CAAC;IAC9C,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgC1D"}
+{"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;;GAEG;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"}

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

@@ -7,28 +7,87 @@
  * @module Notification
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityMessage = void 0;
+exports.CustomActivityMessageContent = exports.CustomActivityMessageRenderer = exports.useActivityMessage = exports.ActivityMessage = 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 Toast_1 = require("@itwin/itwinui-react/cjs/core/Toast/Toast");
 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
  */
 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(Toast_1.ToastPresentation, { category: "informational", hasCloseButton: true, onClose: props.dismissActivityMessage, content: React.createElement(appui_layout_react_1.MessageLayout, { buttons: (messageDetails && messageDetails.supportsCancellation) &&
-                React.createElement(appui_layout_react_1.MessageHyperlink, { onClick: props.cancelActivityMessage }, cancelLabel), progress: (messageDetails && messageDetails.showProgressBar) &&
+    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))) }));
+                    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 }) {
+    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]);
+    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 });
+        }
+        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 });
+    return React.createElement(React.Fragment, null);
+}
+exports.CustomActivityMessageRenderer = CustomActivityMessageRenderer;
+/**
+ * Component used to show and update activity message content.
+ * @internal
+ */
+function CustomActivityMessageContent({ initialActivityMessageInfo }) {
+    var _a, _b;
+    const [percentCompleteLabel] = React.useState(UiFramework_1.UiFramework.translate("activityCenter.percentComplete"));
+    const [activityMessageInfo, setActivityMessageInfo] = React.useState(initialActivityMessageInfo);
+    React.useEffect(() => {
+        const handleActivityMessageUpdatedEvent = (args) => {
+            setActivityMessageInfo(args);
+        };
+        return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        activityMessageInfo.message && React.createElement(itwinui_react_1.Text, null, activityMessageInfo.message),
+        !!((_a = activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.showPercentInMessage) &&
+            React.createElement(itwinui_react_1.Small, null, `${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

@@ -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,kDAA2C;AAC3C,kEAAqG;AACrG,wDAA6C;AAC7C,qEAA8E;AAC9E,gDAA6C;AAE7C,iDAA8C;AAW9C;;GAEG;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,yBAAiB,IAChB,QAAQ,EAAC,eAAe,EACxB,cAAc,EAAE,IAAI,EACpB,OAAO,EAAE,KAAK,CAAC,sBAAsB,EACrC,OAAO,EACL,oBAAC,kCAAa,IACZ,OAAO,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,oBAAoB,CAAC;gBAC9D,oBAAC,qCAAgB,IAAC,OAAO,EAAE,KAAK,CAAC,qBAAqB,IAAG,WAAW,CAAoB,EAE1F,QAAQ,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,eAAe,CAAC;gBAC1D,oBAAC,oCAAe,IACd,MAAM,EAAE,2BAAM,CAAC,WAAW,EAC1B,QAAQ,EAAE,KAAK,CAAC,mBAAmB,CAAC,UAAU,GAC9C;YAGJ;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,GAElB,CACH,CAAC;AACJ,CAAC;AAhCD,0CAgCC","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 { UiCore } from \"@itwin/core-react\";\r\nimport { MessageHyperlink, MessageLayout, MessageProgress, Status } from \"@itwin/appui-layout-react\";\r\nimport { Small } from \"@itwin/itwinui-react\";\r\nimport { ToastPresentation } from \"@itwin/itwinui-react/cjs/core/Toast/Toast\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ActivityMessageEventArgs } from \"../messages/MessageManager\";\r\nimport { MessageLabel } from \"./MessageLabel\";\r\n\r\n/** Properties for a [[ActivityMessage]]\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 */\r\nexport function ActivityMessage(props: ActivityMessageProps) {\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    <ToastPresentation\r\n      category=\"informational\"\r\n      hasCloseButton={true}\r\n      onClose={props.dismissActivityMessage}\r\n      content={\r\n        <MessageLayout\r\n          buttons={(messageDetails && messageDetails.supportsCancellation) &&\r\n            <MessageHyperlink onClick={props.cancelActivityMessage}>{cancelLabel}</MessageHyperlink>\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      }\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.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 * 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 * @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\r\n */\r\nexport function ActivityMessage(props: ActivityMessageProps) {\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>&nbsp;</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"]}

package/lib/cjs/appui-react/messages/ActivityMessagePopup.d.ts

@@ -14,5 +14,5 @@ export interface ActivityMessagePopupProps extends CommonProps {
 /** Activity Message Popup React component
  * @public
  */
-export declare function ActivityMessagePopup(props: ActivityMessagePopupProps): JSX.Element | null;
+export declare function ActivityMessagePopup(props: ActivityMessagePopupProps): JSX.Element;
 //# sourceMappingURL=ActivityMessagePopup.d.ts.map

package/lib/cjs/appui-react/messages/ActivityMessagePopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityMessagePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessagePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,6BAA6B,CAAC;AAIrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,sBA6CpE"}
+{"version":3,"file":"ActivityMessagePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessagePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eA+BpE"}

package/lib/cjs/appui-react/messages/ActivityMessagePopup.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActivityMessagePopup = void 0;
 require("./ActivityMessagePopup.scss");
 const React = require("react");
-const classnames_1 = require("classnames");
 const MessageManager_1 = require("../messages/MessageManager");
 const ActivityMessage_1 = require("./ActivityMessage");
 /** Activity Message Popup React component
@@ -18,19 +17,15 @@ const ActivityMessage_1 = require("./ActivityMessage");
  */
 function ActivityMessagePopup(props) {
     const [activityMessageInfo, setActivityMessageInfo] = React.useState(undefined);
-    const [isActivityMessageVisible, setIsActivityMessageVisible] = React.useState(false);
     React.useEffect(() => {
         const handleActivityMessageUpdatedEvent = (args) => {
             setActivityMessageInfo(args);
-            if (args.restored)
-                setIsActivityMessageVisible(true);
         };
         return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);
-    }, [isActivityMessageVisible]);
+    }, []);
     React.useEffect(() => {
         const handleActivityMessageCancelledEvent = () => {
             setActivityMessageInfo(undefined);
-            setIsActivityMessageVisible(false);
         };
         return MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(handleActivityMessageCancelledEvent);
     }, []);
@@ -39,13 +34,10 @@ function ActivityMessagePopup(props) {
         props.cancelActivityMessage && props.cancelActivityMessage();
     }, [props]);
     const dismissActivityMessage = React.useCallback(() => {
-        setIsActivityMessageVisible(false);
         props.dismissActivityMessage && props.dismissActivityMessage();
     }, [props]);
-    if (!activityMessageInfo || !isActivityMessageVisible)
-        return null;
-    return (React.createElement("div", { className: (0, classnames_1.default)("uifw-centered-popup", props.className), style: props.style },
-        React.createElement(ActivityMessage_1.ActivityMessage, { activityMessageInfo: activityMessageInfo, cancelActivityMessage: cancelActivityMessage, dismissActivityMessage: dismissActivityMessage })));
+    (0, ActivityMessage_1.useActivityMessage)({ activityMessageInfo, cancelActivityMessage, dismissActivityMessage });
+    return React.createElement(React.Fragment, null);
 }
 exports.ActivityMessagePopup = ActivityMessagePopup;
 //# sourceMappingURL=ActivityMessagePopup.js.map

package/lib/cjs/appui-react/messages/ActivityMessagePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityMessagePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessagePopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,uCAAqC;AACrC,+BAA+B;AAC/B,2CAAoC;AACpC,+DAAsF;AAEtF,uDAAoD;AAUpD;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuC,SAAS,CAAC,CAAC;IACtH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,iCAAiC,GAAG,CAAC,IAA8B,EAAE,EAAE;YAC3E,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,IAAI,CAAC,QAAQ;gBACf,2BAA2B,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC;QAEF,OAAO,+BAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,iCAAiC,CAAC,CAAC;IACrG,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mCAAmC,GAAG,GAAG,EAAE;YAC/C,sBAAsB,CAAC,SAAS,CAAC,CAAC;YAClC,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,OAAO,+BAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,mCAAmC,CAAC,CAAC;IACzG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,+BAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,EAAE,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,mBAAmB,IAAI,CAAC,wBAAwB;QACnD,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QACpF,oBAAC,iCAAe,IACd,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,GAC9C,CACE,CACP,CAAC;AACJ,CAAC;AA7CD,oDA6CC","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 \"./ActivityMessagePopup.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ActivityMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ActivityMessage } from \"./ActivityMessage\";\r\n\r\n/** Properties for [[ActivityMessagePopup]] component\r\n * @public\r\n */\r\nexport interface ActivityMessagePopupProps extends CommonProps {\r\n  cancelActivityMessage?: () => void;\r\n  dismissActivityMessage?: () => void;\r\n}\r\n\r\n/** Activity Message Popup React component\r\n * @public\r\n */\r\nexport function ActivityMessagePopup(props: ActivityMessagePopupProps) {\r\n  const [activityMessageInfo, setActivityMessageInfo] = React.useState<ActivityMessageEventArgs | undefined>(undefined);\r\n  const [isActivityMessageVisible, setIsActivityMessageVisible] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    const handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n      setActivityMessageInfo(args);\r\n      if (args.restored)\r\n        setIsActivityMessageVisible(true);\r\n    };\r\n\r\n    return MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);\r\n  }, [isActivityMessageVisible]);\r\n\r\n  React.useEffect(() => {\r\n    const handleActivityMessageCancelledEvent = () => {\r\n      setActivityMessageInfo(undefined);\r\n      setIsActivityMessageVisible(false);\r\n    };\r\n\r\n    return MessageManager.onActivityMessageCancelledEvent.addListener(handleActivityMessageCancelledEvent);\r\n  }, []);\r\n\r\n  const cancelActivityMessage = React.useCallback(() => {\r\n    MessageManager.endActivityMessage(false);\r\n    props.cancelActivityMessage && props.cancelActivityMessage();\r\n  }, [props]);\r\n\r\n  const dismissActivityMessage = React.useCallback(() => {\r\n    setIsActivityMessageVisible(false);\r\n    props.dismissActivityMessage && props.dismissActivityMessage();\r\n  }, [props]);\r\n\r\n  if (!activityMessageInfo || !isActivityMessageVisible)\r\n    return null;\r\n\r\n  return (\r\n    <div className={classnames(\"uifw-centered-popup\", props.className)} style={props.style}>\r\n      <ActivityMessage\r\n        activityMessageInfo={activityMessageInfo}\r\n        cancelActivityMessage={cancelActivityMessage}\r\n        dismissActivityMessage={dismissActivityMessage}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ActivityMessagePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessagePopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,uCAAqC;AACrC,+BAA+B;AAC/B,+DAAsF;AAEtF,uDAAuD;AAUvD;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAEtH,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,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mCAAmC,GAAG,GAAG,EAAE;YAC/C,sBAAsB,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,OAAO,+BAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,mCAAmC,CAAC,CAAC;IACzG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,+BAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,EAAE,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,oCAAkB,EAAC,EAAC,mBAAmB,EAAE,qBAAqB,EAAE,sBAAsB,EAAC,CAAC,CAAC;IAEzF,OAAO,yCAAK,CAAC;AACf,CAAC;AA/BD,oDA+BC","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 \"./ActivityMessagePopup.scss\";\r\nimport * as React from \"react\";\r\nimport { ActivityMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { useActivityMessage } from \"./ActivityMessage\";\r\n\r\n/** Properties for [[ActivityMessagePopup]] component\r\n * @public\r\n */\r\nexport interface ActivityMessagePopupProps extends CommonProps {\r\n  cancelActivityMessage?: () => void;\r\n  dismissActivityMessage?: () => void;\r\n}\r\n\r\n/** Activity Message Popup React component\r\n * @public\r\n */\r\nexport function ActivityMessagePopup(props: ActivityMessagePopupProps) {\r\n  const [activityMessageInfo, setActivityMessageInfo] = React.useState<ActivityMessageEventArgs | undefined>(undefined);\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  React.useEffect(() => {\r\n    const handleActivityMessageCancelledEvent = () => {\r\n      setActivityMessageInfo(undefined);\r\n    };\r\n\r\n    return MessageManager.onActivityMessageCancelledEvent.addListener(handleActivityMessageCancelledEvent);\r\n  }, []);\r\n\r\n  const cancelActivityMessage = React.useCallback(() => {\r\n    MessageManager.endActivityMessage(false);\r\n    props.cancelActivityMessage && props.cancelActivityMessage();\r\n  }, [props]);\r\n\r\n  const dismissActivityMessage = React.useCallback(() => {\r\n    props.dismissActivityMessage && props.dismissActivityMessage();\r\n  }, [props]);\r\n\r\n  useActivityMessage({activityMessageInfo, cancelActivityMessage, dismissActivityMessage});\r\n\r\n  return <></>;\r\n}\r\n"]}

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

@@ -6,6 +6,8 @@ import { ActivityMessageDetails, MessageBoxIconType, MessageBoxType, MessageBoxV
 import { MessageSeverity, UiEvent } from "@itwin/appui-abstract";
 import { NotifyMessageDetailsType, NotifyMessageType } from "./ReactNotifyMessageDetails";
 import { StatusMessageManager } from "./StatusMessageManager";
+import { ToastOptions } from "@itwin/itwinui-react";
+import { ToasterSettings } from "@itwin/itwinui-react/cjs/core/Toast/Toaster";
 /** [[MessageAddedEvent]] arguments.
  * @public
  */
@@ -96,6 +98,7 @@ export declare class MessageManager {
     private static _ongoingActivityMessage;
     private static _lastMessage?;
     private static _activeMessageManager;
+    private static _animateOutToElement;
     /** The MessageAddedEvent is fired when a message is added via outputMessage(). */
     static readonly onMessageAddedEvent: MessageAddedEvent;
     /** The MessagesUpdatedEvent is fired when a message is added or the messages are cleared. */
@@ -131,6 +134,20 @@ export declare class MessageManager {
      * @param  message  Details about the message to output.
      */
     static outputMessage(message: NotifyMessageDetailsType): void;
+    /** Set the element where messages should be animated out to on exit.
+     * @param  element `HTMLElement` to animate out to.
+     */
+    static registerAnimateOutToElement(element: HTMLElement | null): void;
+    /** Display a message.
+     * Works only with `Sticky` and `Toast` message types.
+     * @param  message  Details about the message to display.
+     * @param options Optionally override individual toast parameters.
+     * @param settings Optionally override all toasts settings (i.e. placement or order).
+     * @returns Object with reference to the message (i.e. to close it programmatically) if it was displayed.
+     */
+    static displayMessage(message: NotifyMessageDetailsType, options?: ToastOptions, settings?: ToasterSettings): {
+        close: () => void;
+    } | undefined;
     /** Output a message and/or alert to the user.
      * @param  message  Details about the message to output.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"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"}
+{"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;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,uCAAuC;IACvC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,mDAAmD;IACnD,WAAW,EAAE,iBAAiB,CAAC;IAC/B,4DAA4D;IAC5D,eAAe,EAAE,iBAAiB,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,uDAAuD;IACvD,YAAY,EAAE,0BAA0B,GAAG,SAAS,CAAC;CACtD;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,qBAAqB,CAAC;CAAI;AAEzE;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,OAAO,CAAC,EAAE,CAAC;CAAI;AAEzD;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,wBAAwB,CAAC;CAAI;AAEtF;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,OAAO,CAAC,EAAE,CAAC;CAAI;AAElE;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,0BAA0B,CAAC;CAAI;AAExF;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,OAAO,CAAC,EAAE,CAAC;CAAI;AAElE;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,OAAO,CAAC,EAAE,CAAC;CAAI;AAE3D;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAI;AAe3F;;GAEG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAO;IACxC,OAAO,CAAC,MAAM,CAAC,2BAA2B,CAAK;IAC/C,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAC1D,OAAO,CAAC,MAAM,CAAC,uBAAuB,CAAwD;IAC9F,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAA2B;IACvD,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAA8B;IAClE,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAqB;IAExD,kFAAkF;IAClF,gBAAuB,mBAAmB,oBAA2B;IAErE,6FAA6F;IAC7F,gBAAuB,sBAAsB,uBAA8B;IAE3E,6GAA6G;IAC7G,gBAAuB,6BAA6B,8BAAqC;IAEzF;;;OAGG;IACH,gBAAuB,+BAA+B,gCAAuC;IAE7F,gBAAuB,6BAA6B,8BAAqC;IACzF,gBAAuB,+BAA+B,gCAAuC;IAE7F,gBAAuB,wBAAwB,yBAAgC;IAE/E;;OAEG;IACH,gBAAuB,4BAA4B,6BAAoC;IAEvF,oDAAoD;IACpD,WAAkB,QAAQ,IAAI,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAA2B;IAE7F,kCAAkC;IAClC,WAAkB,oBAAoB,IAAI,oBAAoB,CAAuC;IAErG,8BAA8B;WAChB,aAAa,IAAI,IAAI;IAQnC,+BAA+B;WACjB,cAAc,IAAI,IAAI;IAIpC,gDAAgD;WAClC,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKrD,uDAAuD;IACvD,WAAkB,0BAA0B,IAAI,MAAM,CAA6C;IACnG,WAAkB,0BAA0B,CAAC,GAAG,EAAE,MAAM,EAA6C;IAErG;;OAEG;WACW,aAAa,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAkBpE;;OAEG;WACW,2BAA2B,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAIrE;;;;;;OAMG;WACW,cAAc,CAAC,OAAO,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,eAAe;;;IAkClH;;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"}

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

@@ -22,6 +22,7 @@ const UiFramework_1 = require("../UiFramework");
 const MessageSpan_1 = require("./MessageSpan");
 const Pointer_1 = require("./Pointer");
 const StatusMessageManager_1 = require("./StatusMessageManager");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 class MessageBoxCallbacks {
     constructor(onFulfilled, onRejected) {
         this.onFulfilled = onFulfilled;
@@ -141,6 +142,49 @@ class MessageManager {
         }
         MessageManager.addMessage(message);
     }
+    /** Set the element where messages should be animated out to on exit.
+     * @param  element `HTMLElement` to animate out to.
+     */
+    static registerAnimateOutToElement(element) {
+        this._animateOutToElement = element;
+    }
+    /** Display a message.
+     * Works only with `Sticky` and `Toast` message types.
+     * @param  message  Details about the message to display.
+     * @param options Optionally override individual toast parameters.
+     * @param settings Optionally override all toasts settings (i.e. placement or order).
+     * @returns Object with reference to the message (i.e. to close it programmatically) if it was displayed.
+     */
+    static displayMessage(message, options, settings) {
+        if (message.msgType !== core_frontend_1.OutputMessageType.Sticky && message.msgType !== core_frontend_1.OutputMessageType.Toast) {
+            return;
+        }
+        const toastOptions = {
+            hasCloseButton: true,
+            duration: message.displayTime.milliseconds,
+            type: message.msgType === core_frontend_1.OutputMessageType.Sticky
+                ? "persisting"
+                : "temporary",
+            animateOutTo: this._animateOutToElement,
+            ...options,
+        };
+        itwinui_react_1.toaster.setSettings({ placement: "bottom", order: "ascending", ...settings });
+        const content = React.createElement(React.Fragment, null,
+            message.briefMessage,
+            message.detailedMessage &&
+                React.createElement(itwinui_react_1.Small, null, message.detailedMessage.reactNode || message.detailedMessage));
+        switch (message.priority) {
+            case core_frontend_1.OutputMessagePriority.Warning:
+                return itwinui_react_1.toaster.warning(content, toastOptions);
+            case core_frontend_1.OutputMessagePriority.Info:
+                return itwinui_react_1.toaster.informational(content, toastOptions);
+            case core_frontend_1.OutputMessagePriority.Error:
+            case core_frontend_1.OutputMessagePriority.Fatal:
+                return itwinui_react_1.toaster.negative(content, toastOptions);
+            default:
+                return itwinui_react_1.toaster.positive(content, toastOptions);
+        }
+    }
     /** Output a message and/or alert to the user.
      * @param  message  Details about the message to output.
      */