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

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

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

Files changed (693) hide show

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

@@ -8,10 +8,17 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StageUsage = void 0;
-const appui_abstract_1 = require("@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
  */
-exports.StageUsage = appui_abstract_1.StageUsage; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+var StageUsage;
+(function (StageUsage) {
+    StageUsage["Private"] = "Private";
+    StageUsage["General"] = "General";
+    StageUsage["Redline"] = "Redline";
+    StageUsage["ViewOnly"] = "ViewOnly";
+    StageUsage["Edit"] = "Edit";
+    StageUsage["Settings"] = "Settings";
+})(StageUsage = exports.StageUsage || (exports.StageUsage = {}));
 //# sourceMappingURL=StageUsage.js.map

package/lib/cjs/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~~,0DAAqE;AAQrE~~;;;GAGG;~~AACU~~,~~QAAA~~,UAAU,~~GAAG~~,~~2BAAc~~,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,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,GAAV,kBAAU,KAAV,kBAAU,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/cjs/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/cjs/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/cjs/appui-react/frontstage/StandardFrontstageProvider.js CHANGED Viewed

@@ -13,8 +13,8 @@ const ContentGroup_1 = require("../content/ContentGroup");
 const FrontstageProvider_1 = require("./FrontstageProvider");
 const ContentToolWidgetComposer_1 = require("../widgets/ContentToolWidgetComposer");
 const ViewToolWidgetComposer_1 = require("../widgets/ViewToolWidgetComposer");
-const StatusBarWidgetComposerControl_1 = require("../widgets/StatusBarWidgetComposerControl");
 const StagePanelDef_1 = require("../stagepanels/StagePanelDef");
+const StatusBarComposer_1 = require("../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).
@@ -38,18 +38,18 @@ class StandardFrontstageProvider extends FrontstageProvider_1.FrontstageProvider
             usage: this.props.usage,
             contentManipulation: {
                 id: `${this.props.id}-contentManipulationTools`,
-                element: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
+                content: React.createElement(ContentToolWidgetComposer_1.ContentToolWidgetComposer, { cornerButton: this.props.cornerButton }),
             },
             viewNavigation: {
                 id: `${this.props.id}-viewNavigationTools`,
-                element: React.createElement(ViewToolWidgetComposer_1.ViewToolWidgetComposer, { hideNavigationAid: this.props.hideNavigationAid }),
+                content: React.createElement(ViewToolWidgetComposer_1.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_1.StatusBarWidgetComposerControl,
+                content: React.createElement(StatusBarComposer_1.StatusBarComposer, { items: [] }),
             },
             leftPanel: {
                 size: 300,

package/lib/cjs/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,+BAA+B;~~AAE~~/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,~~8FAA2F;AAC3F,~~gEAA+D;~~AAsD~~/D;;;;GAIG;AACH,MAAa,0BAA2B,SAAQ,uCAAkB;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,mCAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,2BAAY,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,qDAAyB,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,+CAAsB,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~~,+DAA8B~~;~~aACxC~~;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF;AAtDD,gEAsDC","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":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgG;AAChG,6DAA0D;AAC1D,oFAAiF;AACjF,8EAA2E;AAC3E,gEAA+D;AAI/D,sEAAmE;AAoDnE;;;;GAIG;AACH,MAAa,0BAA2B,SAAQ,uCAAkB;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,mCAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,2BAAY,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,qDAAyB,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,+CAAsB,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,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;aAC1C;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc;aAC7B;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,+BAAe,CAAC,SAAS;gBACvC,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;aAC5B;YACD,UAAU,EAAE;gBACV,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;aAC9B;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,GAAG;gBACT,YAAY,EAAE,+BAAe,CAAC,IAAI;gBAClC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/B;SACF,CAAC;IACJ,CAAC;CACF;AAtDD,gEAsDC","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/cjs/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/cjs/appui-react/hooks/useAvailableUiItemsProviders.js CHANGED Viewed

@@ -9,21 +9,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAvailableUiItemsProviders = void 0;
 const react_1 = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
+const UiItemsManager_1 = require("../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
  */
 function useAvailableUiItemsProviders() {
-    const [uiItemsProviderIds, setUiItemsProviderIds] = (0, react_1.useState)(appui_abstract_1.UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
+    const [uiItemsProviderIds, setUiItemsProviderIds] = (0, react_1.useState)(UiItemsManager_1.UiItemsManager.registeredProviderIds);
     (0, react_1.useEffect)(() => {
-        const handleUiProviderRegisteredEvent = () => {
-            setUiItemsProviderIds(appui_abstract_1.UiItemsManager.registeredProviderIds); // eslint-disable-line deprecation/deprecation
-        };
-        appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
-        return () => {
-            appui_abstract_1.UiItemsManager.onUiProviderRegisteredEvent.removeListener(handleUiProviderRegisteredEvent); // eslint-disable-line deprecation/deprecation
-        };
+        return UiItemsManager_1.UiItemsManager.onUiProviderRegisteredEvent.addListener(() => {
+            setUiItemsProviderIds(UiItemsManager_1.UiItemsManager.registeredProviderIds);
+        });
     }, []);
     return uiItemsProviderIds;
 }

package/lib/cjs/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,iCAA4C;AAC5C,~~0DAAuD~~;~~AAEvD~~;;;GAGG;AACH,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC~~,CAAC,8CAA8C~~;~~IAClJ~~,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,~~MAAM~~,+~~BAA+B,GAAG,GAAS,EAAE;YACjD,qBAAqB,CAAC,+~~BAAc,CAAC,~~qBAAqB,CAAC,CAAC,CAAC,8CAA8C;QAC7G,CAAC,CAAC;QAEF,+BAAc,CAAC,~~2BAA2B,CAAC,WAAW,CAAC~~,+BAA+B~~,~~CAAC~~,~~CAAC,CAAC,8CAA8C~~;~~QACvI~~,~~OAAO~~,~~GAAG,EAAE;YACV~~,+BAAc,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;~~AAdD~~,~~oEAcC~~","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,iCAA4C;AAC5C,wEAAqE;AAErE;;;GAGG;AACH,SAAgB,4BAA4B;IAC1C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;IACnG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,+BAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,GAAG,EAAE;YACjE,qBAAqB,CAAC,+BAAc,CAAC,qBAAqB,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AATD,oEASC","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/cjs/appui-react/messages/ActivityMessage.js CHANGED Viewed

@@ -74,7 +74,7 @@ function ActivityMessageContent({ initialActivityMessageInfo }) {
         activityMessageInfo.message && React.createElement(itwinui_react_1.Text, null,
             React.createElement(React.Fragment, null, activityMessageInfo.message.reactNode || activityMessageInfo.message)),
         !!((_a = activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.showPercentInMessage) &&
-            React.createElement(itwinui_react_1.Small, null, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
+            React.createElement(itwinui_react_1.Text, { variant: "small" }, `${activityMessageInfo.percentage} ${percentCompleteLabel}`),
         ((_b = activityMessageInfo.details) === null || _b === void 0 ? void 0 : _b.showProgressBar) && React.createElement(itwinui_react_1.ProgressLinear, { value: activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.percentage })));
 }
 //# sourceMappingURL=ActivityMessage.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAyD;AACzD,~~wDAA4E~~;~~AAC5E~~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~~qBAAK~~,~~QAAE~~,GAAG,mBAAmB,CAAC,UAAU,IAAI,oBAAoB,EAAE,~~CAAS~~;~~QAE7E~~,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,eAAe,KAAI,oBAAC,8BAAc,IAAC,KAAK,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,GAAI,CAC1G,CACJ,CAAC;AACJ,CAAC","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/cjs/appui-react/messages/InputField.d.ts.map CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EACL,sBAAsB,EAAa,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAsB,qBAAqB,EAC9G,0BAA0B,EAAE,cAAc,EAC9D,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;~~AAQjE~~,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,~~EAAkB~~,YAAY,EAAE,MAAM,sBAAsB,CAAC;~~AACpE~~,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;~~AAa9E~~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~~6EAA6E~~;~~WAC/D~~,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAQzE,wEAAwE;WAC1D,WAAW,CAAC,OAAO,EAAE,wBAAwB,GAAG,eAAe;IA2B7E,2EAA2E;WAC7D,WAAW,CAAC,OAAO,EAAE,wBAAwB,GAAG,kBAAkB;IA2BhF;;;;;OAKG;WACiB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,GAAG,OAAO,CAAC,eAAe,CAAC;IAU1I,gBAAgB;WACF,mBAAmB,CAAC,cAAc,EAAE,wBAAwB,GAAG,IAAI;IAkBjF,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAejC;;;OAGG;WACW,iBAAiB,CAAC,YAAY,EAAE,0BAA0B,GAAG,SAAS;IAIpF;;;;;OAKG;WACW,WAAW,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI;IAKjI,gBAAgB;WACF,gBAAgB,IAAI,IAAI;CAQvC"}
1	+ {"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"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"}

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

@@ -22,6 +22,7 @@ const MessageSpan_1 = require("./MessageSpan");
 const Pointer_1 = require("./Pointer");
 const StatusMessageManager_1 = require("./StatusMessageManager");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 class MessageBoxCallbacks {
     constructor(onFulfilled, onRejected) {
         this.onFulfilled = onFulfilled;
@@ -171,7 +172,7 @@ class MessageManager {
         const content = React.createElement(React.Fragment, null,
             message.briefMessage,
             message.detailedMessage &&
-                React.createElement(itwinui_react_1.Small, null,
+                React.createElement(itwinui_react_1.Text, { variant: "small" },
                     React.createElement(React.Fragment, null, message.detailedMessage.reactNode || message.detailedMessage)));
         switch (message.priority) {
             case core_frontend_1.OutputMessagePriority.Warning:
@@ -304,10 +305,34 @@ class MessageManager {
     static outputPrompt(prompt) {
         UiFramework_1.UiFramework.dispatchActionToStore(state_1.ConfigurableUiActionId.SetToolPrompt, prompt, true);
     }
-    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType. */
+    /** Extracts the message severity from the message details and returns the corresponding React icon.
+     * @param details NotifyMessageDetailsType
+     * @returns IconSpec
+     */
+    static getIconSpecFromDetails(details) {
+        const severity = MessageManager.getSeverity(details);
+        let iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null);
+        switch (severity) {
+            case appui_abstract_1.MessageSeverity.Error:
+            case appui_abstract_1.MessageSeverity.Fatal:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusError, null);
+                break;
+            case appui_abstract_1.MessageSeverity.Warning:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusWarning, null);
+                break;
+            case appui_abstract_1.MessageSeverity.Information:
+                iconSpec = React.createElement(itwinui_icons_react_1.SvgInfo, null);
+                break;
+        }
+        return iconSpec;
+    }
+    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType.
+     * @public
+     * @deprecated in 4.0. Please use getIconSpecFromDetails instead.
+     */
     static getIconClassName(details) {
         const severity = MessageManager.getSeverity(details);
-        const className = core_react_1.MessageContainer.getIconClassName(severity, false);
+        const className = core_react_1.MessageContainer.getIconClassName(severity, false); // eslint-disable-line deprecation/deprecation
         const iconClassName = (0, classnames_1.default)("icon", "notifymessage-icon", className);
         return iconClassName;
     }