npm - @itwin/appui-react - Versions diffs - 4.0.0-dev.10 → 4.0.0-dev.12 - Mend

@itwin/appui-react 4.0.0-dev.10 → 4.0.0-dev.12

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 (709) hide show

package/lib/esm/appui-react/frontstage/ModalFrontstage.scss CHANGED Viewed

@@ -3,19 +3,18 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 .uifw-modal-frontstage {
   height: 100%;
   width: 100%;
   position: absolute;
   box-sizing: border-box;
-  transition: all .5s ease;
+  transition: all 0.5s ease;
   pointer-events: none;
   visibility: hidden;
   overflow: hidden;
   background: transparent;
-  transition: background .25s ease, visibility 0s ease 0.275s;
+  transition: background 0.25s ease, visibility 0s ease 0.275s;
   display: flex;
   flex-direction: column;
@@ -24,12 +23,12 @@
   @include uicore-z-index(modal-frontstage);
   .uifw-modal-app-bar {
-    transition: transform .125s;
+    transition: transform 0.125s;
     padding: 10px;
-    background: $buic-background-titlebar;
+    background: var(--iui-color-background-backdrop);
     height: 60px;
     transform: translateY(-100%);
+    box-sizing: initial;
     .iui-text-headline {
       display: inline-block;
@@ -39,7 +38,7 @@
     }
     .uifw-modal-app-bar-right {
-      color: $buic-foreground-body;
+      color: var(--iui-color-text);
       line-height: 60px;
       vertical-align: center;
       float: right;
@@ -50,7 +49,6 @@
       display: inline-block;
       border-radius: 0; // Turn off circular border from Back.scss in ui-ninezone
     }
   }
   .uifw-modal-stage-content {
@@ -61,14 +59,13 @@
   &.uifw-modal-open {
     visibility: visible;
     pointer-events: unset;
-    transition: background .25s ease;
+    transition: background 0.25s ease;
     .uifw-modal-app-bar {
       transform: translateY(0%);
-      transition: transform .125s ease;
+      transition: transform 0.125s ease;
     }
   }
 }
 .uifw-modal-frontstage-overlay {
@@ -78,7 +75,7 @@
   top: 0px;
   height: 100%;
   opacity: 0.95;
-  background: $buic-background-4;
+  background: var(--iui-color-background-backdrop);
   @include uicore-z-index(modal-frontstage-overlay);
 }

package/lib/esm/appui-react/frontstage/ModalSettingsStage.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare class SettingsModalFrontstage implements ModalFrontstageInfo {
     notifyCloseRequest: boolean;
     get content(): React.ReactNode;
     private static noSettingsAvailable;
-    static getBackstageActionItem(groupPriority: number, itemPriority: number): import("@itwin/appui-abstract").BackstageActionItem;
+    static getBackstageActionItem(groupPriority: number, itemPriority: number): import("../backstage/BackstageItem").BackstageActionItem;
     static showSettingsStage(initialSettingsTab?: string): void;
 }
 //# sourceMappingURL=ModalSettingsStage.d.ts.map

package/lib/esm/appui-react/frontstage/ModalSettingsStage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalSettingsStage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/ModalSettingsStage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAA0C,MAAM,mCAAmC,CAAC;~~AAuChH~~;;;GAGG;AACH,qBAAa,uBAAwB,YAAW,mBAAmB;IAG9C,oBAAoB,CAAC;IAFxC,OAAc,EAAE,SAAoC;IAC7C,KAAK,EAAE,MAAM,CAAwD;gBACzD,oBAAoB,CAAC,oBAAQ;IACzC,kBAAkB,UAAQ;IACjC,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IACD,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAyI;WAE7J,sBAAsB,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;WAMlE,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,MAAM;CAmB5D"}
1	+ {"version":3,"file":"ModalSettingsStage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/ModalSettingsStage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAA0C,MAAM,mCAAmC,CAAC;AAwChH;;;GAGG;AACH,qBAAa,uBAAwB,YAAW,mBAAmB;IAG9C,oBAAoB,CAAC;IAFxC,OAAc,EAAE,SAAoC;IAC7C,KAAK,EAAE,MAAM,CAAwD;gBACzD,oBAAoB,CAAC,oBAAQ;IACzC,kBAAkB,UAAQ;IACjC,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IACD,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAyI;WAE7J,sBAAsB,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;WAMlE,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,MAAM;CAmB5D"}

package/lib/esm/appui-react/frontstage/ModalSettingsStage.js CHANGED Viewed

@@ -7,7 +7,7 @@
  */
 import "./ModalSettingsStage.scss";
 import * as React from "react";
-import { BackstageItemUtilities, ConditionalBooleanValue, IconSpecUtilities } from "@itwin/appui-abstract";
+import { ConditionalBooleanValue, IconSpecUtilities } from "@itwin/appui-abstract";
 import settingsIconSvg from "@bentley/icons-generic/icons/settings.svg";
 import { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType } from "@itwin/core-frontend";
 import { Logger } from "@itwin/core-bentley";
@@ -15,6 +15,7 @@ import { Centered, SettingsContainer } from "@itwin/core-react";
 import { UiFramework } from "../UiFramework";
 import { SyncUiEventId } from "../syncui/SyncUiEventDispatcher";
 import { StageUsage } from "./StageUsage";
+import { BackstageItemUtilities } from "../backstage/BackstageItemUtilities";
 function ModalSettingsStage({ initialSettingsTabId }) {
     var _a, _b, _c, _d;
     const id = (_b = (_a = UiFramework.frontstages.activeFrontstageDef) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : "none";
@@ -55,8 +56,7 @@ export class SettingsModalFrontstage {
         return (React.createElement(ModalSettingsStage, { initialSettingsTabId: this.initialSettingsTabId }));
     }
     static getBackstageActionItem(groupPriority, itemPriority) {
-        return BackstageItemUtilities.createActionItem(SettingsModalFrontstage.id, groupPriority, itemPriority, () => UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage()), // eslint-disable-line deprecation/deprecation
-        UiFramework.translate("settings.settingsStageLabel"), undefined, IconSpecUtilities.createWebComponentIconSpec(settingsIconSvg), { isHidden: SettingsModalFrontstage.noSettingsAvailable() });
+        return BackstageItemUtilities.createActionItem(SettingsModalFrontstage.id, groupPriority, itemPriority, () => UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage()), UiFramework.translate("settings.settingsStageLabel"), undefined, IconSpecUtilities.createWebComponentIconSpec(settingsIconSvg), { isHidden: SettingsModalFrontstage.noSettingsAvailable() });
     }
     static showSettingsStage(initialSettingsTab) {
         if (UiFramework.settingsManager.providers.length) {

package/lib/esm/appui-react/frontstage/ModalSettingsStage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalSettingsStage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/ModalSettingsStage.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,~~sBAAsB,EAAE,~~uBAAuB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;~~AAC3G~~,OAAO,eAAe,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACjH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;~~AAE1C~~,SAAS,kBAAkB,CAAC,EAAE,oBAAoB,EAAqC;;IACrF,MAAM,EAAE,GAAG,MAAA,MAAA,WAAW,CAAC,WAAW,CAAC,mBAAmB,0CAAE,EAAE,mCAAI,MAAM,CAAC;IACrE,MAAM,UAAU,GAAG,MAAA,MAAA,WAAW,CAAC,WAAW,CAAC,mBAAmB,0CAAE,KAAK,mCAAI,UAAU,CAAC,OAAO,CAAC;IAC5F,MAAM,UAAU,GAAG,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;IACjF,MAAM,wBAAwB,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC,CAAC;IAErG,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,cAAc,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACrH,IAAI,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,CAAC;QACxF,IAAI,CAAC,QAAQ;YACX,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,CAAC;QACtF,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,cAAc,EAA0C,EAAE,EAAE;YACrH,uBAAuB;YACvB,IAAI,eAAe,YAAY,uBAAuB,IAAI,cAAc,EAAE;gBACxE,WAAW,CAAC,eAAe,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC;aACpE;QACH,CAAC,CAAC;QACF,OAAO,WAAW,CAAC,WAAW,CAAC,oCAAoC,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;IAClH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB,IACrC,UAAU,CAAC,MAAM,CAAC,CAAC;QAClB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,EAAE,eAAe,EAAE,WAAW,CAAC,eAAe,GAAI,CAAC,CAAC;QACjI,oBAAC,QAAQ,QAAE,wBAAwB,CAAC,OAAO,CAAY,CAErD,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,uBAAuB;IAGlC,YAAmB,oBAA6B;QAA7B,yBAAoB,GAApB,oBAAoB,CAAS;QADzC,UAAK,GAAW,WAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;QAErE,uBAAkB,GAAG,IAAI,CAAC;IADmB,CAAC;IAErD,IAAW,OAAO;QAChB,OAAO,CAAC,oBAAC,kBAAkB,IAAC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,GAAI,CAAC,CAAC;IACnF,CAAC;IAGM,MAAM,CAAC,sBAAsB,CAAC,aAAqB,EAAE,YAAoB;QAC9E,OAAO,sBAAsB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,IAAI,uBAAuB,EAAE,CAAC,~~EAAE~~,~~8CAA8C;QACtO,~~WAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,EACpD,SAAS,EAAE,iBAAiB,CAAC,0BAA0B,CAAC,eAAe,CAAC,EAAE,EAAE,QAAQ,EAAE,uBAAuB,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC3I,CAAC;IAEM,MAAM,CAAC,iBAAiB,CAAC,kBAA2B;QACzD,IAAI,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE;YAChD,qCAAqC;YACrC,uBAAuB;YACvB,IAAI,WAAW,CAAC,WAAW,CAAC,qBAAqB,IAAI,WAAW,CAAC,WAAW,CAAC,qBAAqB,YAAY,uBAAuB,EAAE;gBACrI,IAAI,kBAAkB,EAAE;oBACtB,WAAW,CAAC,eAAe,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;oBACpE,OAAO;iBACR;aACF;YACD,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,IAAI,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;SAC9F;aAAM;YACL,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;YAC3E,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC,CAAC;YACxF,MAAM,IAAI,GAAG,IAAI,oBAAoB,CAAC,qBAAqB,CAAC,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC1H,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC5C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC;SACnE;IACH,CAAC;;AAjCa,0BAAE,GAAG,gCAAgC,CAAC;AAOrC,2CAAmB,GAAG,GAAG,EAAE,CAAC,IAAI,uBAAuB,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,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 Frontstage\r\n /\r\n\r\nimport \"./ModalSettingsStage.scss\";\r\nimport as React from \"react\";\r\nimport { ~~BackstageItemUtilities,~~ ConditionalBooleanValue, IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport settingsIconSvg from \"@bentley/icons-generic/icons/settings.svg\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType } from \"@itwin/core-frontend\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { Centered, SettingsContainer } from \"@itwin/core-react\";\r\nimport { ModalFrontstageInfo, ModalFrontstageRequestedCloseEventArgs } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { StageUsage } from \"./StageUsage\";\r\n\r\nfunction ModalSettingsStage({ initialSettingsTabId }: { initialSettingsTabId?: string }) {\r\n const id = UiFramework.frontstages.activeFrontstageDef?.id ?? \"none\";\r\n const stageUsage = UiFramework.frontstages.activeFrontstageDef?.usage ?? StageUsage.General;\r\n const tabEntries = UiFramework.settingsManager.getSettingEntries(id, stageUsage);\r\n const noSettingsAvailableLabel = React.useRef(UiFramework.translate(\"settings.noSettingsAvailable\"));\r\n\r\n const currentSettingsTab = React.useCallback(() => {\r\n const categoryToFind = initialSettingsTabId ? initialSettingsTabId.toLowerCase() : tabEntries[0].tabId.toLowerCase();\r\n let foundTab = tabEntries.find((entry) => entry.tabId.toLowerCase() === categoryToFind);\r\n if (!foundTab)\r\n foundTab = tabEntries.find((entry) => entry.label.toLowerCase() === categoryToFind);\r\n return foundTab;\r\n }, [initialSettingsTabId, tabEntries]);\r\n\r\n React.useEffect(() => {\r\n const handleFrontstageCloseRequested = ({ modalFrontstage, stageCloseFunc }: ModalFrontstageRequestedCloseEventArgs) => {\r\n // istanbul ignore else\r\n if (modalFrontstage instanceof SettingsModalFrontstage && stageCloseFunc) {\r\n UiFramework.settingsManager.closeSettingsContainer(stageCloseFunc);\r\n }\r\n };\r\n return UiFramework.frontstages.onCloseModalFrontstageRequestedEvent.addListener(handleFrontstageCloseRequested);\r\n }, [tabEntries]);\r\n\r\n return (\r\n <div className=\"uifw-settings-container\">\r\n {tabEntries.length ?\r\n <SettingsContainer tabs={tabEntries} currentSettingsTab={currentSettingsTab()} settingsManager={UiFramework.settingsManager} /> :\r\n <Centered>{noSettingsAvailableLabel.current}</Centered>\r\n }\r\n </div>\r\n );\r\n}\r\n\r\n/** Modal frontstage displaying and editing settings from registered settings providers. See [SettingsManager]($core-react)\r\n * and [SettingsContainer]($core-react).\r\n * @beta\r\n */\r\nexport class SettingsModalFrontstage implements ModalFrontstageInfo {\r\n public static id = \"appui-react.modalSettingsStage\";\r\n public title: string = UiFramework.translate(\"settings.settingsStageLabel\");\r\n constructor(public initialSettingsTabId?: string) { }\r\n public notifyCloseRequest = true;\r\n public get content(): React.ReactNode {\r\n return (<ModalSettingsStage initialSettingsTabId={this.initialSettingsTabId} />);\r\n }\r\n private static noSettingsAvailable = () => new ConditionalBooleanValue(() => 0 === UiFramework.settingsManager.providers.length, [SyncUiEventId.SettingsProvidersChanged]);\r\n\r\n public static getBackstageActionItem(groupPriority: number, itemPriority: number) {\r\n return BackstageItemUtilities.createActionItem(SettingsModalFrontstage.id, groupPriority, itemPriority, () => UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage())~~, // eslint-disable-line deprecation/deprecation\~~r\n UiFramework.translate(\"settings.settingsStageLabel\"),\r\n undefined, IconSpecUtilities.createWebComponentIconSpec(settingsIconSvg), { isHidden: SettingsModalFrontstage.noSettingsAvailable() });\r\n }\r\n\r\n public static showSettingsStage(initialSettingsTab?: string) {\r\n if (UiFramework.settingsManager.providers.length) {\r\n // Check to see if it is already open\r\n // istanbul ignore else\r\n if (UiFramework.frontstages.activeModalFrontstage && UiFramework.frontstages.activeModalFrontstage instanceof SettingsModalFrontstage) {\r\n if (initialSettingsTab) {\r\n UiFramework.settingsManager.activateSettingsTab(initialSettingsTab);\r\n return;\r\n }\r\n }\r\n UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage(initialSettingsTab));\r\n } else {\r\n const briefMessage = UiFramework.translate(\"settings.noSettingsAvailable\");\r\n const detailedMessage = UiFramework.translate(\"settings.noSettingsProvidersRegistered\");\r\n const info = new NotifyMessageDetails(OutputMessagePriority.Info, briefMessage, detailedMessage, OutputMessageType.Toast);\r\n IModelApp.notifications.outputMessage(info);\r\n Logger.logInfo(UiFramework.loggerCategory(this), detailedMessage);\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"ModalSettingsStage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/ModalSettingsStage.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 Frontstage\r\n /\r\n\r\nimport \"./ModalSettingsStage.scss\";\r\nimport as React from \"react\";\r\nimport { ConditionalBooleanValue, IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport settingsIconSvg from \"@bentley/icons-generic/icons/settings.svg\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType } from \"@itwin/core-frontend\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { Centered, SettingsContainer } from \"@itwin/core-react\";\r\nimport { ModalFrontstageInfo, ModalFrontstageRequestedCloseEventArgs } from \"../framework/FrameworkFrontstages\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { StageUsage } from \"./StageUsage\";\r\nimport { BackstageItemUtilities } from \"../backstage/BackstageItemUtilities\";\r\n\r\nfunction ModalSettingsStage({ initialSettingsTabId }: { initialSettingsTabId?: string }) {\r\n const id = UiFramework.frontstages.activeFrontstageDef?.id ?? \"none\";\r\n const stageUsage = UiFramework.frontstages.activeFrontstageDef?.usage ?? StageUsage.General;\r\n const tabEntries = UiFramework.settingsManager.getSettingEntries(id, stageUsage);\r\n const noSettingsAvailableLabel = React.useRef(UiFramework.translate(\"settings.noSettingsAvailable\"));\r\n\r\n const currentSettingsTab = React.useCallback(() => {\r\n const categoryToFind = initialSettingsTabId ? initialSettingsTabId.toLowerCase() : tabEntries[0].tabId.toLowerCase();\r\n let foundTab = tabEntries.find((entry) => entry.tabId.toLowerCase() === categoryToFind);\r\n if (!foundTab)\r\n foundTab = tabEntries.find((entry) => entry.label.toLowerCase() === categoryToFind);\r\n return foundTab;\r\n }, [initialSettingsTabId, tabEntries]);\r\n\r\n React.useEffect(() => {\r\n const handleFrontstageCloseRequested = ({ modalFrontstage, stageCloseFunc }: ModalFrontstageRequestedCloseEventArgs) => {\r\n // istanbul ignore else\r\n if (modalFrontstage instanceof SettingsModalFrontstage && stageCloseFunc) {\r\n UiFramework.settingsManager.closeSettingsContainer(stageCloseFunc);\r\n }\r\n };\r\n return UiFramework.frontstages.onCloseModalFrontstageRequestedEvent.addListener(handleFrontstageCloseRequested);\r\n }, [tabEntries]);\r\n\r\n return (\r\n <div className=\"uifw-settings-container\">\r\n {tabEntries.length ?\r\n <SettingsContainer tabs={tabEntries} currentSettingsTab={currentSettingsTab()} settingsManager={UiFramework.settingsManager} /> :\r\n <Centered>{noSettingsAvailableLabel.current}</Centered>\r\n }\r\n </div>\r\n );\r\n}\r\n\r\n/** Modal frontstage displaying and editing settings from registered settings providers. See [SettingsManager]($core-react)\r\n * and [SettingsContainer]($core-react).\r\n * @beta\r\n */\r\nexport class SettingsModalFrontstage implements ModalFrontstageInfo {\r\n public static id = \"appui-react.modalSettingsStage\";\r\n public title: string = UiFramework.translate(\"settings.settingsStageLabel\");\r\n constructor(public initialSettingsTabId?: string) { }\r\n public notifyCloseRequest = true;\r\n public get content(): React.ReactNode {\r\n return (<ModalSettingsStage initialSettingsTabId={this.initialSettingsTabId} />);\r\n }\r\n private static noSettingsAvailable = () => new ConditionalBooleanValue(() => 0 === UiFramework.settingsManager.providers.length, [SyncUiEventId.SettingsProvidersChanged]);\r\n\r\n public static getBackstageActionItem(groupPriority: number, itemPriority: number) {\r\n return BackstageItemUtilities.createActionItem(SettingsModalFrontstage.id, groupPriority, itemPriority, () => UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage()),\r\n UiFramework.translate(\"settings.settingsStageLabel\"),\r\n undefined, IconSpecUtilities.createWebComponentIconSpec(settingsIconSvg), { isHidden: SettingsModalFrontstage.noSettingsAvailable() });\r\n }\r\n\r\n public static showSettingsStage(initialSettingsTab?: string) {\r\n if (UiFramework.settingsManager.providers.length) {\r\n // Check to see if it is already open\r\n // istanbul ignore else\r\n if (UiFramework.frontstages.activeModalFrontstage && UiFramework.frontstages.activeModalFrontstage instanceof SettingsModalFrontstage) {\r\n if (initialSettingsTab) {\r\n UiFramework.settingsManager.activateSettingsTab(initialSettingsTab);\r\n return;\r\n }\r\n }\r\n UiFramework.frontstages.openModalFrontstage(new SettingsModalFrontstage(initialSettingsTab));\r\n } else {\r\n const briefMessage = UiFramework.translate(\"settings.noSettingsAvailable\");\r\n const detailedMessage = UiFramework.translate(\"settings.noSettingsProvidersRegistered\");\r\n const info = new NotifyMessageDetails(OutputMessagePriority.Info, briefMessage, detailedMessage, OutputMessageType.Toast);\r\n IModelApp.notifications.outputMessage(info);\r\n Logger.logInfo(UiFramework.loggerCategory(this), detailedMessage);\r\n }\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/frontstage/ModalSettingsStage.scss CHANGED Viewed

@@ -2,13 +2,11 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/base/base";
 .uifw-settings-container {
   box-sizing: border-box;
   height: 100%;
   width: 100%;
   overflow: hidden;
-  background-color: $buic-background-3;
+  background-color: var(--iui-color-background);
 }

package/lib/esm/appui-react/frontstage/NestedFrontstage.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ import { CommandItemDef } from "../shared/CommandItemDef";
  * @public
  */
 export declare class NestedFrontstage {
+    private static iconSpec;
     /** Command that returns to the previous Frontstage */
     static get backToPreviousFrontstageCommand(): CommandItemDef;
 }

package/lib/esm/appui-react/frontstage/NestedFrontstage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NestedFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/NestedFrontstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;~~AAG1D~~;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,sDAAsD;IACtD,WAAkB,+BAA+B,mBAShD;CACF"}
1	+ {"version":3,"file":"NestedFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/NestedFrontstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA6E;IACpG,sDAAsD;IACtD,WAAkB,+BAA+B,mBAShD;CACF"}

package/lib/esm/appui-react/frontstage/NestedFrontstage.js CHANGED Viewed

@@ -7,6 +7,8 @@
  */
 import { CommandItemDef } from "../shared/CommandItemDef";
 import { UiFramework } from "../UiFramework";
+import { IconSpecUtilities } from "@itwin/appui-abstract";
+import svgProgressBackwardCircular from "@bentley/icons-generic/icons/progress-backward.svg";
 /**
  * Nested Frontstage related classes and commands
  * @public
@@ -16,7 +18,7 @@ export class NestedFrontstage {
     static get backToPreviousFrontstageCommand() {
         return new CommandItemDef({
             commandId: "backToPreviousFrontstage",
-            iconSpec: "icon-progress-backward",
+            iconSpec: NestedFrontstage.iconSpec,
             labelKey: "UiFramework:commands.backToPreviousFrontstage",
             execute: async () => {
                 await UiFramework.frontstages.closeNestedFrontstage();
@@ -24,4 +26,5 @@ export class NestedFrontstage {
         });
     }
 }
+NestedFrontstage.iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgProgressBackwardCircular);
 //# sourceMappingURL=NestedFrontstage.js.map

package/lib/esm/appui-react/frontstage/NestedFrontstage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NestedFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/NestedFrontstage.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;~~AAE7C~~;;;GAGG;AACH,MAAM,OAAO,gBAAgB;~~IAC3B~~,sDAAsD;IAC/C,MAAM,KAAK,+BAA+B;QAC/C,OAAO,IAAI,cAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,~~wBAAwB~~;~~YAClC~~,QAAQ,EAAE,+CAA+C;YACzD,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,WAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACxD,CAAC;SACF,CAAC,CAAC;IACL,CAAC~~;CACF~~","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 Frontstage\r\n /\r\n\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/\r\n Nested Frontstage related classes and commands\r\n * @public\r\n /\r\nexport class NestedFrontstage {\r\n /* Command that returns to the previous Frontstage */\r\n public static get backToPreviousFrontstageCommand() {\r\n return new CommandItemDef({\r\n commandId: \"backToPreviousFrontstage\",\r\n iconSpec: ~~\"icon-progress-backward\"~~,\r\n labelKey: \"UiFramework:commands.backToPreviousFrontstage\",\r\n execute: async () => {\r\n await UiFramework.frontstages.closeNestedFrontstage();\r\n },\r\n });\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"NestedFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/NestedFrontstage.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,2BAA2B,MAAM,oDAAoD,CAAC;AAE7F;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAE3B,sDAAsD;IAC/C,MAAM,KAAK,+BAA+B;QAC/C,OAAO,IAAI,cAAc,CAAC;YACxB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;YACnC,QAAQ,EAAE,+CAA+C;YACzD,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,WAAW,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACxD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AAXc,yBAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,2BAA2B,CAAC,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 Frontstage\r\n /\r\n\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport svgProgressBackwardCircular from \"@bentley/icons-generic/icons/progress-backward.svg\";\r\n\r\n/\r\n Nested Frontstage related classes and commands\r\n * @public\r\n /\r\nexport class NestedFrontstage {\r\n private static iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgProgressBackwardCircular);\r\n /* Command that returns to the previous Frontstage */\r\n public static get backToPreviousFrontstageCommand() {\r\n return new CommandItemDef({\r\n commandId: \"backToPreviousFrontstage\",\r\n iconSpec: NestedFrontstage.iconSpec,\r\n labelKey: \"UiFramework:commands.backToPreviousFrontstage\",\r\n execute: async () => {\r\n await UiFramework.frontstages.closeNestedFrontstage();\r\n },\r\n });\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/frontstage/StageUsage.d.ts CHANGED Viewed

@@ -1,15 +1,16 @@
 /** @packageDocumentation
  * @module Item
  */
-import { StageUsage as UIA_StageUsage } from "@itwin/appui-abstract";
 /** Standard stage uses. Allows extension to target ui item to include on a stage without
  * knowing the stage name defined in the host application.
- * @beta
+ * @public
  */
-export declare type StageUsage = UIA_StageUsage;
-/** Standard stage uses. Allows extension to target ui item to include on a stage without
- * knowing the stage name defined in the host application.
- * @beta
- */
-export declare const StageUsage: typeof UIA_StageUsage;
+export declare enum StageUsage {
+    Private = "Private",
+    General = "General",
+    Redline = "Redline",
+    ViewOnly = "ViewOnly",
+    Edit = "Edit",
+    Settings = "Settings"
+}
 //# sourceMappingURL=StageUsage.d.ts.map

package/lib/esm/appui-react/frontstage/StageUsage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageUsage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH~~,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE~~;;;GAGG;AACH,oBAAY,UAAU,~~GAAG~~,~~cAAc~~,~~CAAC~~;~~AAExC;;;GAGG~~;~~AACH~~,~~eAAO~~,~~MAAM~~,~~UAAU~~,~~uBAAiB~~,~~CAAC~~"}
1	+ {"version":3,"file":"StageUsage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}

package/lib/esm/appui-react/frontstage/StageUsage.js CHANGED Viewed

@@ -5,10 +5,17 @@
 /** @packageDocumentation
  * @module Item
  */
-import { StageUsage as UIA_StageUsage } from "@itwin/appui-abstract";
 /** Standard stage uses. Allows extension to target ui item to include on a stage without
  * knowing the stage name defined in the host application.
- * @beta
+ * @public
  */
-export const StageUsage = UIA_StageUsage; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+export var StageUsage;
+(function (StageUsage) {
+    StageUsage["Private"] = "Private";
+    StageUsage["General"] = "General";
+    StageUsage["Redline"] = "Redline";
+    StageUsage["ViewOnly"] = "ViewOnly";
+    StageUsage["Edit"] = "Edit";
+    StageUsage["Settings"] = "Settings";
+})(StageUsage || (StageUsage = {}));
 //# sourceMappingURL=StageUsage.js.map

package/lib/esm/appui-react/frontstage/StageUsage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageUsage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,~~OAAO~~,~~EAAE~~,UAAU,~~IAAI~~,~~cAAc~~,~~EAAE~~,~~MAAM~~,~~uBAAuB~~,~~CAAC~~;~~AAQrE;;;GAGG~~;~~AACH~~,~~MAAM~~,CAAC,~~MAAM~~,UAAU,~~GAAG~~,~~cAAc~~,~~CAAC,CAAC,+EAA+E~~","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 Item\r\n /\r\n\r\~~nimport { StageUsage as UIA_StageUsage } from \"@itwin/appui-abstract\";\r\~~n~~\r\n~~/* Standard stage uses. Allows extension to target ui item to include on a stage without\r\n * knowing the stage name defined in the host application.\r\n * @~~beta~~\r\n /\r\nexport ~~type~~ StageUsage ~~= UIA_StageUsage; // eslint-disable-line deprecation/deprecation~~\r\n\r\n/* ~~Standard~~ ~~stage uses. Allows extension to target ui item to include on a stage without~~\r\n * ~~knowing the stage name defined in the host application.\~~r\n * ~~@beta~~\r\n */\r\~~nexport~~ ~~const StageUsage~~ = ~~UIA_StageUsage; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation~~\r\n"]}
1	+ {"version":3,"file":"StageUsage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StageUsage.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,mCAAqB,CAAA;AACvB,CAAC,EAPW,UAAU,KAAV,UAAU,QAOrB","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 Item\r\n /\r\n\r\n/* Standard stage uses. Allows extension to target ui item to include on a stage without\r\n * knowing the stage name defined in the host application.\r\n * @public\r\n */\r\nexport enum StageUsage {\r\n Private = \"Private\",\r\n General = \"General\",\r\n Redline = \"Redline\",\r\n ViewOnly = \"ViewOnly\",\r\n Edit = \"Edit\",\r\n Settings = \"Settings\",\r\n}\r\n"]}

package/lib/esm/appui-react/frontstage/StandardFrontstageProvider.d.ts CHANGED Viewed

@@ -2,11 +2,11 @@
  * @module Frontstage
  */
 import * as React from "react";
-import { StageUsage } from "@itwin/appui-abstract";
 import { ContentGroupProps, ContentGroupProvider } from "../content/ContentGroup";
 import { FrontstageProvider } from "./FrontstageProvider";
 import { FrontstageConfig } from "./FrontstageConfig";
 import { StagePanelConfig } from "../stagepanels/StagePanelConfig";
+import { StageUsage } from "./StageUsage";
 /** Properties of a [[WidgetPanelProps]] component
  * @public
  */
@@ -23,11 +23,11 @@ export interface StandardFrontstageProps {
     contentGroupProps: ContentGroupProps | ContentGroupProvider;
     /** Specify button to use to open backstage. Leave undefined for no backstage button.
      * ```
-     * <BackstageAppButton icon={"icon-bentley-systems"} />
+     * <BackstageAppButton icon={<SvgBentleySystems />} />
      * ```
      * Custom corner button definition
      * ```
-     * const cornerButton = <BackstageAppButton icon={"icon-bentley-systems"}
+     * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
      *   label="Toggle Backstage display",
      *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
      * ```

package/lib/esm/appui-react/frontstage/StandardFrontstageProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StandardFrontstageProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,~~EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,~~EAAgB,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;~~AAK1D~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;~~AAEnE~~;;GAEG;AACH,oBAAY,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC,CAAC;AAE7H;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IAEtC,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,iBAAiB,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAC5D;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;4EACwE;IACxE,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC;2EACuE;IACvE,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;sEACkE;IAClE,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC;sEACkE;IAClE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IACpD,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,uBAAuB;IAIlD,IAAoB,EAAE,IAAI,MAAM,CAE/B;IAEe,gBAAgB,IAAI,gBAAgB;CA6CrD"}
1	+ {"version":3,"file":"StandardFrontstageProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,oBAAY,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC,CAAC;AAE7H;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IAEtC,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,iBAAiB,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAC5D;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;4EACwE;IACxE,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC;2EACuE;IACvE,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;sEACkE;IAClE,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC;sEACkE;IAClE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IACpD,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,uBAAuB;IAIlD,IAAoB,EAAE,IAAI,MAAM,CAE/B;IAEe,gBAAgB,IAAI,gBAAgB;CA6CrD"}

package/lib/esm/appui-react/frontstage/StandardFrontstageProvider.js CHANGED Viewed

@@ -10,8 +10,8 @@ import { ContentGroup, ContentGroupProvider } from "../content/ContentGroup";
 import { FrontstageProvider } from "./FrontstageProvider";
 import { ContentToolWidgetComposer } from "../widgets/ContentToolWidgetComposer";
 import { ViewToolWidgetComposer } from "../widgets/ViewToolWidgetComposer";
-import { StatusBarWidgetComposerControl } from "../widgets/StatusBarWidgetComposerControl";
 import { StagePanelState } from "../stagepanels/StagePanelDef";
+import { StatusBarComposer } from "../statusbar/StatusBarComposer";
 /**
  * FrontstageProvider that provides an "empty" stage. All tool buttons, statusbar items, and widgets must
  * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).
@@ -35,18 +35,18 @@ export class StandardFrontstageProvider extends FrontstageProvider {
             usage: this.props.usage,
             contentManipulation: {
                 id: `${this.props.id}-contentManipulationTools`,
-                element: React.createElement(ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
+                content: React.createElement(ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
             },
             viewNavigation: {
                 id: `${this.props.id}-viewNavigationTools`,
-                element: React.createElement(ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
+                content: React.createElement(ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
             },
             toolSettings: this.props.hideToolSettings ? undefined : {
                 id: `${this.props.id}-toolSettings`,
             },
             statusBar: this.props.hideStatusBar ? undefined : {
                 id: `${this.props.id}-statusBar`,
-                control: StatusBarWidgetComposerControl,
+                content: React.createElement(StatusBarComposer, { items: [] }),
             },
             leftPanel: {
                 size: 300,

package/lib/esm/appui-react/frontstage/StandardFrontstageProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAE~~/B,OAAO,EAAE,YAAY,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,~~8BAA8B~~,EAAE,MAAM,~~2CAA2C~~,CAAC;~~AAC3F~~,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~8BAA8B~~,CAAC;~~AAsD/D~~;;;;GAIG;AACH,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;IAChE,YAAoB,KAA8B;QAChD,KAAK,EAAE,CAAC;QADU,UAAK,GAAL,KAAK,CAAyB;IAElD,CAAC;IAED,IAAoB,EAAE;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACvB,CAAC;IAEe,gBAAgB;;QAC9B,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,YAAY,oBAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpK,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACjB,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,GAAG;YAClC,YAAY;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mBAAmB,EAAE;gBACnB,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,2BAA2B;gBAC/C,OAAO,EAAE,oBAAC,yBAAyB,IAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI;aAC9E;YACD,cAAc,EAAE;gBACd,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,sBAAsB;gBAC1C,OAAO,EAAE,oBAAC,sBAAsB,IAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAI;aACrF;YACD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBACtD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe;aACpC;YACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChD,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY;gBAChC,OAAO,EAAE,~~8BAA8B~~;~~aACxC~~;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,eAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,eAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,eAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,eAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF","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 Frontstage\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { ~~StageUsage } from \"@itwin/appui-abstract\";\r\nimport {~~ ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { ~~StatusBarWidgetComposerControl~~ } from \"../~~widgets~~/~~StatusBarWidgetComposerControl~~\";\r\nimport { ~~StagePanelState~~ } from \"../stagepanels/~~StagePanelDef~~\";\r\nimport { ~~FrontstageConfig~~ } from \"./~~FrontstageConfig~~\";\r\nimport { ~~StagePanelConfig~~ } from \"../~~stagepanels~~/~~StagePanelConfig~~\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n /\r\nexport type WidgetPanelProps = Omit<StagePanelConfig, \"widgets\" \| \"runtimeProps\" \| \"header\" \| \"allowedZones\" \| \"panelZones\">;\r\n\r\n/\r\n Props for [[StandardFrontstageProvider]]\r\n * @public\r\n /\r\nexport interface StandardFrontstageProps {\r\n / unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` /\r\n id: string;\r\n / version id that is used to store state of stage /\r\n version?: number;\r\n // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n usage: StageUsage \| string~~; // eslint-disable-line deprecation/deprecation\~~r\n /* Definition of available content groups or a function that provides them /\r\n contentGroupProps: ContentGroupProps \| ContentGroupProvider;\r\n /* Specify button to use to open backstage. Leave undefined for no backstage button.\r\n * ```\r\n * <BackstageAppButton icon={~~\"icon-bentley-systems\"~~} />\r\n * ```\r\n * Custom corner button definition\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={~~\"icon-bentley-systems\"~~}\r\n * label=\"Toggle Backstage display\",\r\n * execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\r\n * ```\r\n /\r\n cornerButton?: React.ReactNode;\r\n /* Set to true if default Navigation aid is not desired /\r\n hideNavigationAid?: boolean;\r\n /* Set to true if no tool setting dock is needed. Typically only used in modal stages. /\r\n hideToolSettings?: boolean;\r\n /* Set to true if no status bar is needed in stage /\r\n hideStatusBar?: boolean;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 300, pinned=false, defaultState:StagePanelState.Minimized} /\r\n leftPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 90, pinned=false, defaultState:StagePanelState.Minimized} /\r\n topPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 200, pinned=true, defaultState:StagePanelState.Open} /\r\n rightPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 180, pinned=true, defaultState:StagePanelState.Open} /\r\n bottomPanelProps?: WidgetPanelProps;\r\n}\r\n\r\n/\r\n FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n constructor(private props: StandardFrontstageProps) {\r\n super();\r\n }\r\n\r\n public override get id(): string {\r\n return this.props.id;\r\n }\r\n\r\n public override frontstageConfig(): FrontstageConfig {\r\n const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n return {\r\n id: this.props.id,\r\n version: this.props.version ?? 1.0,\r\n contentGroup,\r\n usage: this.props.usage,\r\n contentManipulation: {\r\n id: `${this.props.id}-contentManipulationTools`,\r\n ~~element~~: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\r\n },\r\n viewNavigation: {\r\n id: `${this.props.id}-viewNavigationTools`,\r\n ~~element~~: <ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />,\r\n },\r\n toolSettings: this.props.hideToolSettings ? undefined : {\r\n id: `${this.props.id}-toolSettings`,\r\n },\r\n statusBar: this.props.hideStatusBar ? undefined : {\r\n id: `${this.props.id}-statusBar`,\r\n ~~control~~: ~~StatusBarWidgetComposerControl,\~~r\n },\r\n leftPanel: {\r\n size: 300,\r\n pinned: false,\r\n defaultState: StagePanelState.Minimized,\r\n ...this.props.leftPanelProps,\r\n },\r\n topPanel: {\r\n size: 90,\r\n pinned: false,\r\n defaultState: StagePanelState.Minimized,\r\n ...this.props.topPanelProps,\r\n },\r\n rightPanel: {\r\n defaultState: StagePanelState.Open,\r\n ...this.props.rightPanelProps,\r\n },\r\n bottomPanel: {\r\n size: 180,\r\n defaultState: StagePanelState.Open,\r\n ...this.props.bottomPanelProps,\r\n },\r\n };\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"StandardFrontstageProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/StandardFrontstageProvider.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 Frontstage\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { ContentGroup, ContentGroupProps, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { FrontstageProvider } from \"./FrontstageProvider\";\r\nimport { ContentToolWidgetComposer } from \"../widgets/ContentToolWidgetComposer\";\r\nimport { ViewToolWidgetComposer } from \"../widgets/ViewToolWidgetComposer\";\r\nimport { StagePanelState } from \"../stagepanels/StagePanelDef\";\r\nimport { FrontstageConfig } from \"./FrontstageConfig\";\r\nimport { StagePanelConfig } from \"../stagepanels/StagePanelConfig\";\r\nimport { StageUsage } from \"./StageUsage\";\r\nimport { StatusBarComposer } from \"../statusbar/StatusBarComposer\";\r\n\r\n/** Properties of a [[WidgetPanelProps]] component\r\n * @public\r\n /\r\nexport type WidgetPanelProps = Omit<StagePanelConfig, \"widgets\" \| \"runtimeProps\" \| \"header\" \| \"allowedZones\" \| \"panelZones\">;\r\n\r\n/\r\n Props for [[StandardFrontstageProvider]]\r\n * @public\r\n /\r\nexport interface StandardFrontstageProps {\r\n / unique stage id. To ensure uniqueness it is common practice to format id like `appName:stageId` /\r\n id: string;\r\n / version id that is used to store state of stage /\r\n version?: number;\r\n // Usage of stage. To allow generic UiItemProvides to populate this stage set to `StageUsage.General`.\r\n usage: StageUsage \| string;\r\n /* Definition of available content groups or a function that provides them /\r\n contentGroupProps: ContentGroupProps \| ContentGroupProvider;\r\n /* Specify button to use to open backstage. Leave undefined for no backstage button.\r\n * ```\r\n * <BackstageAppButton icon={<SvgBentleySystems />} />\r\n * ```\r\n * Custom corner button definition\r\n * ```\r\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\r\n * label=\"Toggle Backstage display\",\r\n * execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\r\n * ```\r\n /\r\n cornerButton?: React.ReactNode;\r\n /* Set to true if default Navigation aid is not desired /\r\n hideNavigationAid?: boolean;\r\n /* Set to true if no tool setting dock is needed. Typically only used in modal stages. /\r\n hideToolSettings?: boolean;\r\n /* Set to true if no status bar is needed in stage /\r\n hideStatusBar?: boolean;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 300, pinned=false, defaultState:StagePanelState.Minimized} /\r\n leftPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 90, pinned=false, defaultState:StagePanelState.Minimized} /\r\n topPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 200, pinned=true, defaultState:StagePanelState.Open} /\r\n rightPanelProps?: WidgetPanelProps;\r\n /* Props used to set initial size and state of panel. Defaults to:\r\n * {size: 180, pinned=true, defaultState:StagePanelState.Open} /\r\n bottomPanelProps?: WidgetPanelProps;\r\n}\r\n\r\n/\r\n FrontstageProvider that provides an \"empty\" stage. All tool buttons, statusbar items, and widgets must\r\n * be provided by one or more item providers, see [UiItemsProvider]($appui-abstract).\r\n * @public\r\n */\r\nexport class StandardFrontstageProvider extends FrontstageProvider {\r\n constructor(private props: StandardFrontstageProps) {\r\n super();\r\n }\r\n\r\n public override get id(): string {\r\n return this.props.id;\r\n }\r\n\r\n public override frontstageConfig(): FrontstageConfig {\r\n const contentGroup = (this.props.contentGroupProps instanceof ContentGroupProvider) ? this.props.contentGroupProps : new ContentGroup(this.props.contentGroupProps);\r\n return {\r\n id: this.props.id,\r\n version: this.props.version ?? 1.0,\r\n contentGroup,\r\n usage: this.props.usage,\r\n contentManipulation: {\r\n id: `${this.props.id}-contentManipulationTools`,\r\n content: <ContentToolWidgetComposer cornerButton={this.props.cornerButton} />,\r\n },\r\n viewNavigation: {\r\n id: `${this.props.id}-viewNavigationTools`,\r\n content: <ViewToolWidgetComposer hideNavigationAid={this.props.hideNavigationAid} />,\r\n },\r\n toolSettings: this.props.hideToolSettings ? undefined : {\r\n id: `${this.props.id}-toolSettings`,\r\n },\r\n statusBar: this.props.hideStatusBar ? undefined : {\r\n id: `${this.props.id}-statusBar`,\r\n content: <StatusBarComposer items={[]} />,\r\n },\r\n leftPanel: {\r\n size: 300,\r\n pinned: false,\r\n defaultState: StagePanelState.Minimized,\r\n ...this.props.leftPanelProps,\r\n },\r\n topPanel: {\r\n size: 90,\r\n pinned: false,\r\n defaultState: StagePanelState.Minimized,\r\n ...this.props.topPanelProps,\r\n },\r\n rightPanel: {\r\n defaultState: StagePanelState.Open,\r\n ...this.props.rightPanelProps,\r\n },\r\n bottomPanel: {\r\n size: 180,\r\n defaultState: StagePanelState.Open,\r\n ...this.props.bottomPanelProps,\r\n },\r\n };\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/hooks/useAvailableUiItemsProviders.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAvailableUiItemsProviders.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;;GAGG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,MAAM,EAAE,~~CAchE~~"}
1	+ {"version":3,"file":"useAvailableUiItemsProviders.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;;GAGG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,MAAM,EAAE,CAShE"}

package/lib/esm/appui-react/hooks/useAvailableUiItemsProviders.js CHANGED Viewed

@@ -6,21 +6,17 @@
  * @module Hooks
  */
 import { useEffect, useState } from "react";
-import { UiItemsManager } from "@itwin/appui-abstract";
+import { UiItemsManager } from "../ui-items-provider/UiItemsManager";
 /** React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a
  * UiItemsProviders is added or removed allowing the ui component to be re-rendered.
  * @internal
  */
 export function useAvailableUiItemsProviders() {
-    const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
+    const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds);
     useEffect(() => {
-        const handleUiProviderRegisteredEvent = () => {
-            setUiItemsProviderIds(UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
-        };
-        UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
-        return () => {
-            UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
-        };
+        return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {
+            setUiItemsProviderIds(UiItemsManager.registeredProviderIds);
+        });
     }, []);
     return uiItemsProviderIds;
 }

package/lib/esm/appui-react/hooks/useAvailableUiItemsProviders.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAvailableUiItemsProviders.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,~~uBAAuB~~,CAAC;~~AAEvD~~;;;GAGG;AACH,MAAM,UAAU,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC~~,CAAC,8CAA8C~~;~~IAClJ~~,SAAS,CAAC,GAAG,EAAE;QACb,~~MAAM,+BAA+B~~,~~GAAG,GAAS,EAAE;YACjD,qBAAqB,CAAC,~~cAAc,CAAC,~~qBAAqB,CAAC,CAAC,CAAC,8CAA8C;QAC7G,CAAC,CAAC;QAEF,cAAc,CAAC,~~2BAA2B,CAAC,WAAW,CAAC~~,+BAA+B~~,~~CAAC,CAAC,CAAC,8CAA8C;QACvI,OAAO,~~GAAG,EAAE;~~YACV~~,~~cAAc~~,CAAC,~~2BAA2B~~,CAAC,~~cAAc~~,CAAC~~,+BAA+B~~,CAAC,CAAC,CAAC,~~8CAA8C;QAC5I,~~CAAC~~,CAAC~~;~~IACJ~~,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,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 Hooks\r\n /\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiItemsManager } from \"~~@itwin~~/~~appui-abstract~~\";\r\n\r\n/* React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a\r\n * UiItemsProviders is added or removed allowing the ui component to be re-rendered.\r\n * @internal\r\n */\r\nexport function useAvailableUiItemsProviders(): readonly string[] {\r\n const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds)~~; // eslint-disable-line deprecation/deprecation\~~r\n useEffect(() => {\r\n ~~const~~ ~~handleUiProviderRegisteredEvent = (): void => {\r\n setUiItemsProviderIds(~~UiItemsManager.~~registeredProviderIds); // eslint-disable-line deprecation/deprecation\r\n };\r\n\r\n UiItemsManager.~~onUiProviderRegisteredEvent.addListener(~~handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation\r\n return~~ () => {\r\n UiItemsManager.~~onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent~~)~~; // eslint-disable-line deprecation/deprecation\~~r\n };\r\n }, []);\r\n\r\n return uiItemsProviderIds;\r\n}\r\n"]}
1	+ {"version":3,"file":"useAvailableUiItemsProviders.js","sourceRoot":"","sources":["../../../../src/appui-react/hooks/useAvailableUiItemsProviders.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE;;;GAGG;AACH,MAAM,UAAU,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACnG,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,cAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,GAAG,EAAE;YACjE,qBAAqB,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,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 Hooks\r\n /\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\r\n\r\n/* React hook that maintains the number of available UiItemsProviders. This allows components to use it to refresh when a\r\n * UiItemsProviders is added or removed allowing the ui component to be re-rendered.\r\n * @internal\r\n */\r\nexport function useAvailableUiItemsProviders(): readonly string[] {\r\n const [uiItemsProviderIds, setUiItemsProviderIds] = useState(UiItemsManager.registeredProviderIds);\r\n useEffect(() => {\r\n return UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {\r\n setUiItemsProviderIds(UiItemsManager.registeredProviderIds);\r\n });\r\n }, []);\r\n\r\n return uiItemsProviderIds;\r\n}\r\n"]}

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

@@ -7,7 +7,7 @@
  */
 import * as React from "react";
 import { UiCore } from "@itwin/core-react";
-import { ProgressLinear, Small, Text, toaster } from "@itwin/itwinui-react";
+import { ProgressLinear, Text, toaster } from "@itwin/itwinui-react";
 import { UiFramework } from "../UiFramework";
 import { MessageManager } from "../messages/MessageManager";
 /**
@@ -70,7 +70,7 @@ function ActivityMessageContent({ initialActivityMessageInfo }) {
         activityMessageInfo.message && React.createElement(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(Small, null, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
+            React.createElement(Text, { variant: "small" }, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
         ((_b = activityMessageInfo.details) === null || _b === void 0 ? void 0 : _b.showProgressBar) && React.createElement(ProgressLinear, { value: activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.percentage })));
 }
 //# sourceMappingURL=ActivityMessage.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,~~KAAK,EAAE,~~IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;~~AAC5E~~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~~KAAK~~,~~QAAE~~,GAAG,mBAAmB,CAAC,UAAU,IAAI,oBAAoB,EAAE,~~CAAS~~;~~QAE7E~~,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,eAAe,KAAI,oBAAC,cAAc,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, ~~Small,~~ 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 <~~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":"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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 { 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/esm/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/esm/appui-react/messages/InputField.js CHANGED Viewed

@@ -10,9 +10,10 @@ import classnames from "classnames";
 import * as React from "react";
 import { OutputMessagePriority } from "@itwin/core-frontend";
 import { RelativePosition } from "@itwin/appui-abstract";
-import { Popup } from "@itwin/core-react";
+import { Icon, Popup } from "@itwin/core-react";
 import { MessageManager } from "../messages/MessageManager";
 import { MessageDiv } from "./MessageSpan";
+import { SvgClose, SvgInfoCircularHollow, SvgStatusError, SvgStatusWarning } from "@itwin/itwinui-icons-react";
 /** InputField message pops up near pointer when attempting an invalid interaction.
  * @public
  */
@@ -46,26 +47,26 @@ export class InputFieldMessage extends React.PureComponent {
         if (!inputFieldElement || !message) {
             return null;
         }
-        let iconClassName = "";
+        let iconComponent = React.createElement(SvgInfoCircularHollow, null);
         switch (priority) {
             case OutputMessagePriority.Warning:
-                iconClassName = "icon-status-warning";
+                iconComponent = React.createElement(SvgStatusWarning, null);
                 break;
             case OutputMessagePriority.Error:
-                iconClassName = "icon-status-error";
+                iconComponent = React.createElement(SvgStatusError, null);
                 break;
             case OutputMessagePriority.Info:
-                iconClassName = "icon-info";
+                iconComponent = React.createElement(SvgInfoCircularHollow, null);
                 break;
         }
         return (React.createElement(Popup, { isOpen: isVisible, position: 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: classnames("icon", iconClassName) }),
+                                React.createElement("i", { className: classnames("icon", "core-svg-icon") }, iconComponent),
                                 " "),
                         React.createElement("span", { className: "uifw-popup-message-text" },
                             React.createElement(MessageDiv, { className: "uifw-popup-message-brief", message: message }),
@@ -74,7 +75,7 @@ export 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(Icon, { iconSpec: React.createElement(SvgClose, null) })))));
     }
     componentDidMount() {
         MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);