@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.3

package/lib/cjs/appui-react/statusbar/OverflowPanel.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module ToolSettings
- */
-import "./OverflowPanel.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[StatusBarOverflowPanel]] component.
- * @internal
- */
-export interface StatusBarOverflowPanelProps extends CommonProps {
-    /** Panel content. */
-    children?: React.ReactNode;
-    onClose: () => void;
-    target: HTMLElement | undefined;
-    open: boolean;
-}
-/** Displays overflow status bar items.
- * @internal
- */
-export declare function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps): JSX.Element;
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./OverflowPanel.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarOverflowPanel]] component.
+ * @internal
+ */
+export interface StatusBarOverflowPanelProps extends CommonProps {
+    /** Panel content. */
+    children?: React.ReactNode;
+    onClose: () => void;
+    target: HTMLElement | undefined;
+    open: boolean;
+}
+/** Displays overflow status bar items.
+ * @internal
+ */
+export declare function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps): JSX.Element;
 //# sourceMappingURL=OverflowPanel.d.ts.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.js

@@ -1,23 +1,23 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ToolSettings
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarOverflowPanel = void 0;
-require("./OverflowPanel.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-/** Displays overflow status bar items.
- * @internal
- */
-function StatusBarOverflowPanel(props) {
-    const className = (0, classnames_1.default)("uifw-statusbar-panel", props.className);
-    return (React.createElement(core_react_1.Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, style: props.style, showShadow: true, target: props.target }, props.children));
-}
-exports.StatusBarOverflowPanel = StatusBarOverflowPanel;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarOverflowPanel = void 0;
+require("./OverflowPanel.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+/** Displays overflow status bar items.
+ * @internal
+ */
+function StatusBarOverflowPanel(props) {
+    const className = (0, classnames_1.default)("uifw-statusbar-panel", props.className);
+    return (React.createElement(core_react_1.Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, style: props.style, showShadow: true, target: props.target }, props.children));
+}
+exports.StatusBarOverflowPanel = StatusBarOverflowPanel;
 //# sourceMappingURL=OverflowPanel.js.map

package/lib/cjs/appui-react/statusbar/OverflowPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAAuD;AAavD;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAlBD,wDAkBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ToolSettings\n */\n\nimport \"./OverflowPanel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps, Popup } from \"@itwin/core-react\";\n\n/** Properties of [[StatusBarOverflowPanel]] component.\n * @internal\n */\nexport interface StatusBarOverflowPanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onClose: () => void;\n  target: HTMLElement | undefined;\n  open: boolean;\n}\n\n/** Displays overflow status bar items.\n * @internal\n */\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\n  const className = classnames(\n    \"uifw-statusbar-panel\",\n    props.className,\n  );\n  return (\n    <Popup\n      className={className}\n      isOpen={props.open}\n      offset={0}\n      onClose={props.onClose}\n      style={props.style}\n      showShadow={true}\n      target={props.target}\n    >\n      {props.children}\n    </Popup>\n  );\n}\n"]}
+{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAAuD;AAavD;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAlBD,wDAkBC","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 ToolSettings\r\n */\r\n\r\nimport \"./OverflowPanel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Popup } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[StatusBarOverflowPanel]] component.\r\n * @internal\r\n */\r\nexport interface StatusBarOverflowPanelProps extends CommonProps {\r\n  /** Panel content. */\r\n  children?: React.ReactNode;\r\n  onClose: () => void;\r\n  target: HTMLElement | undefined;\r\n  open: boolean;\r\n}\r\n\r\n/** Displays overflow status bar items.\r\n * @internal\r\n */\r\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\r\n  const className = classnames(\r\n    \"uifw-statusbar-panel\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <Popup\r\n      className={className}\r\n      isOpen={props.open}\r\n      offset={0}\r\n      onClose={props.onClose}\r\n      style={props.style}\r\n      showShadow={true}\r\n      target={props.target}\r\n    >\r\n      {props.children}\r\n    </Popup>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/OverflowPanel.scss

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* 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/index";
-
-.uifw-statusbar-panel {
-  background: $buic-background-1;
-  padding: 0.5em;
-
-  &.core-popup.core-popup-top {
-    @include uicore-z-index(status-overflow-popup);
-  }
-}
-
-.uifw-statusbar-overflow-items-container {
-  display: flex;
-  flex-direction: column;
-
-  >.nz-footer-separator {
-    display: none;
-  }
+/*---------------------------------------------------------------------------------------------
+* 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/index";
+
+.uifw-statusbar-panel {
+  background: $buic-background-1;
+  padding: 0.5em;
+
+  &.core-popup.core-popup-top {
+    @include uicore-z-index(status-overflow-popup);
+  }
+}
+
+.uifw-statusbar-overflow-items-container {
+  display: flex;
+  flex-direction: column;
+
+  >.nz-footer-separator {
+    display: none;
+  }
 }

package/lib/cjs/appui-react/statusbar/Separator.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-/// <reference types="react" />
-import "./Separator.scss";
-import { CommonProps } from "@itwin/core-react";
-/** Component used to separate status fields in a status bar.
- * @public
- */
-export declare function StatusBarSeparator(props: CommonProps): JSX.Element;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+/// <reference types="react" />
+import "./Separator.scss";
+import { CommonProps } from "@itwin/core-react";
+/** Component used to separate status fields in a status bar.
+ * @public
+ */
+export declare function StatusBarSeparator(props: CommonProps): JSX.Element;
 //# sourceMappingURL=Separator.d.ts.map

package/lib/cjs/appui-react/statusbar/Separator.js

@@ -1,22 +1,22 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarSeparator = void 0;
-require("./Separator.scss");
-const React = require("react");
-const classnames_1 = require("classnames");
-/** Component used to separate status fields in a status bar.
- * @public
- */
-function StatusBarSeparator(props) {
-    const className = (0, classnames_1.default)("uifw-statusbar-separator", props.className);
-    return (React.createElement("div", { className: className, style: props.style }));
-}
-exports.StatusBarSeparator = StatusBarSeparator;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarSeparator = void 0;
+require("./Separator.scss");
+const React = require("react");
+const classnames_1 = require("classnames");
+/** Component used to separate status fields in a status bar.
+ * @public
+ */
+function StatusBarSeparator(props) {
+    const className = (0, classnames_1.default)("uifw-statusbar-separator", props.className);
+    return (React.createElement("div", { className: className, style: props.style }));
+}
+exports.StatusBarSeparator = StatusBarSeparator;
 //# sourceMappingURL=Separator.js.map

package/lib/cjs/appui-react/statusbar/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,+BAA+B;AAC/B,2CAAoC;AAGpC;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,0BAA0B,EAC1B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC;AAXD,gDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./Separator.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Component used to separate status fields in a status bar.\n * @public\n */\nexport function StatusBarSeparator(props: CommonProps) {\n  const className = classnames(\n    \"uifw-statusbar-separator\",\n    props.className\n  );\n  return (\n    <div\n      className={className}\n      style={props.style}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,+BAA+B;AAC/B,2CAAoC;AAGpC;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,0BAA0B,EAC1B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC;AAXD,gDAWC","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 StatusBar\r\n */\r\n\r\nimport \"./Separator.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Component used to separate status fields in a status bar.\r\n * @public\r\n */\r\nexport function StatusBarSeparator(props: CommonProps) {\r\n  const className = classnames(\r\n    \"uifw-statusbar-separator\",\r\n    props.className\r\n  );\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/Separator.scss

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* 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/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-
-.uifw-statusbar-separator {
-  height: calc(100% - (#{$nz-footer-indicator-vertical-padding} * 2));
-  width: 1px;
-  filter: drop-shadow(1px 0 $buic-foreground-body-reverse);
-  margin: $nz-footer-indicator-vertical-padding 0;
-  background-color: $buic-foreground-disabled;
-}
+/*---------------------------------------------------------------------------------------------
+* 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/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+
+.uifw-statusbar-separator {
+  height: calc(100% - (#{$nz-footer-indicator-vertical-padding} * 2));
+  width: 1px;
+  filter: drop-shadow(1px 0 $buic-foreground-body-reverse);
+  margin: $nz-footer-indicator-vertical-padding 0;
+  background-color: $buic-foreground-disabled;
+}

package/lib/cjs/appui-react/statusbar/StatusBar.d.ts

@@ -1,63 +1,63 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./StatusBar.scss";
-import * as React from "react";
-import { CommonDivProps, CommonProps } from "@itwin/core-react";
-import { ActivityMessageEventArgs } from "../messages/MessageManager";
-import { StatusBarWidgetControl } from "./StatusBarWidgetControl";
-/** State for the [[StatusBar]] React component
- * @internal
- */
-interface StatusBarState {
-    activityMessageInfo: ActivityMessageEventArgs | undefined;
-}
-/** Properties for the [[StatusBar]] React component
- * @public
- */
-export interface StatusBarProps extends CommonProps {
-    widgetControl?: StatusBarWidgetControl;
-}
-/** Status Bar React component.
- * @public
- */
-export declare class StatusBar extends React.Component<StatusBarProps, StatusBarState> {
-    private messages;
-    /** @internal */
-    constructor(props: StatusBarProps);
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _handleMessageAddedEvent;
-    private _updateMessages;
-    /** Respond to clearing the message list */
-    private _handleMessagesUpdatedEvent;
-    /**
-     * Sets state of the status bar to updated values reflecting activity progress.
-     * @param args  New values to set for ActivityMessage
-     */
-    private _handleActivityMessageUpdatedEvent;
-    /**
-     * Hides ActivityMessage after cancellation
-     */
-    private _handleActivityMessageCancelledEvent;
-    private _closeMessage;
-}
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-export declare function StatusBarSpaceBetween(props: CommonDivProps): JSX.Element;
-/** StatusBar Left Section React functional component
- * @public
- */
-export declare function StatusBarLeftSection(props: CommonDivProps): JSX.Element;
-/** StatusBar Center Section React functional component
- * @public
- */
-export declare function StatusBarCenterSection(props: CommonDivProps): JSX.Element;
-/** StatusBar Right Section React functional component
- * @public
- */
-export declare function StatusBarRightSection(props: CommonDivProps): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./StatusBar.scss";
+import * as React from "react";
+import { CommonDivProps, CommonProps } from "@itwin/core-react";
+import { ActivityMessageEventArgs } from "../messages/MessageManager";
+import { StatusBarWidgetControl } from "./StatusBarWidgetControl";
+/** State for the [[StatusBar]] React component
+ * @internal
+ */
+interface StatusBarState {
+    activityMessageInfo: ActivityMessageEventArgs | undefined;
+}
+/** Properties for the [[StatusBar]] React component
+ * @public
+ */
+export interface StatusBarProps extends CommonProps {
+    widgetControl?: StatusBarWidgetControl;
+}
+/** Status Bar React component.
+ * @public
+ */
+export declare class StatusBar extends React.Component<StatusBarProps, StatusBarState> {
+    private messages;
+    /** @internal */
+    constructor(props: StatusBarProps);
+    render(): React.ReactNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleMessageAddedEvent;
+    private _updateMessages;
+    /** Respond to clearing the message list */
+    private _handleMessagesUpdatedEvent;
+    /**
+     * Sets state of the status bar to updated values reflecting activity progress.
+     * @param args  New values to set for ActivityMessage
+     */
+    private _handleActivityMessageUpdatedEvent;
+    /**
+     * Hides ActivityMessage after cancellation
+     */
+    private _handleActivityMessageCancelledEvent;
+    private _closeMessage;
+}
+/** StatusBar With Space Between Items React functional component
+ * @public
+ */
+export declare function StatusBarSpaceBetween(props: CommonDivProps): JSX.Element;
+/** StatusBar Left Section React functional component
+ * @public
+ */
+export declare function StatusBarLeftSection(props: CommonDivProps): JSX.Element;
+/** StatusBar Center Section React functional component
+ * @public
+ */
+export declare function StatusBarCenterSection(props: CommonDivProps): JSX.Element;
+/** StatusBar Right Section React functional component
+ * @public
+ */
+export declare function StatusBarRightSection(props: CommonDivProps): JSX.Element;
+export {};
 //# sourceMappingURL=StatusBar.d.ts.map

package/lib/cjs/appui-react/statusbar/StatusBar.js

@@ -1,130 +1,130 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarRightSection = exports.StatusBarCenterSection = exports.StatusBarLeftSection = exports.StatusBarSpaceBetween = exports.StatusBar = void 0;
-require("./StatusBar.scss");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const MessageManager_1 = require("../messages/MessageManager");
-const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
-const UiShowHideManager_1 = require("../utils/UiShowHideManager");
-const SafeAreaHelpers_1 = require("../safearea/SafeAreaHelpers");
-const ActivityMessage_1 = require("../messages/ActivityMessage");
-/** Status Bar React component.
- * @public
- */
-class StatusBar extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this.messages = [];
-        this._handleMessageAddedEvent = (_args) => {
-            this._updateMessages();
-            const messagesToAdd = MessageManager_1.MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));
-            messagesToAdd.forEach((msg) => {
-                const displayedMessage = MessageManager_1.MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });
-                if (!!displayedMessage)
-                    this.messages.push({ close: displayedMessage.close, id: msg.id });
-            });
-        };
-        this._updateMessages = () => {
-            const updatedMessages = [...this.messages];
-            this.messages.forEach((m) => {
-                if (!MessageManager_1.MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {
-                    m.close();
-                    const index = updatedMessages.findIndex((msg) => msg.id === m.id);
-                    updatedMessages.splice(index, 1);
-                }
-            });
-            this.messages = updatedMessages;
-        };
-        /** Respond to clearing the message list */
-        this._handleMessagesUpdatedEvent = () => {
-            this._updateMessages();
-        };
-        /**
-         * Sets state of the status bar to updated values reflecting activity progress.
-         * @param args  New values to set for ActivityMessage
-         */
-        this._handleActivityMessageUpdatedEvent = (args) => {
-            this.setState({
-                activityMessageInfo: args,
-            });
-        };
-        /**
-         * Hides ActivityMessage after cancellation
-         */
-        this._handleActivityMessageCancelledEvent = () => {
-            this.setState({
-                activityMessageInfo: undefined,
-            });
-        };
-        this._closeMessage = (id) => {
-            MessageManager_1.MessageManager.activeMessageManager.remove(id);
-            MessageManager_1.MessageManager.updateMessages();
-        };
-        this.state = {
-            activityMessageInfo: undefined,
-        };
-    }
-    render() {
-        return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => {
-            var _a, _b, _c;
-            return (React.createElement(appui_layout_react_1.Footer, { className: this.props.className, messages: React.createElement(ActivityMessage_1.ActivityMessageRenderer, null), onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter, safeAreaInsets: (0, SafeAreaHelpers_1.toLayoutSafeAreaInsets)(safeAreaInsets), style: this.props.style }, (_c = (_b = (_a = this.props.widgetControl) === null || _a === void 0 ? void 0 : _a.getReactNode) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null));
-        }));
-    }
-    componentDidMount() {
-        MessageManager_1.MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);
-        MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);
-        MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);
-        MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);
-        MessageManager_1.MessageManager.updateMessages();
-    }
-    componentWillUnmount() {
-        MessageManager_1.MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);
-        MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);
-        MessageManager_1.MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
-        MessageManager_1.MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);
-    }
-}
-exports.StatusBar = StatusBar;
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-function StatusBarSpaceBetween(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-space-between" });
-}
-exports.StatusBarSpaceBetween = StatusBarSpaceBetween;
-/** StatusBar Left Section React functional component
- * @public
- */
-function StatusBarLeftSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-left" });
-}
-exports.StatusBarLeftSection = StatusBarLeftSection;
-/** StatusBar Center Section React functional component
- * @public
- */
-function StatusBarCenterSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-center" });
-}
-exports.StatusBarCenterSection = StatusBarCenterSection;
-/** StatusBar Right Section React functional component
- * @public
- */
-function StatusBarRightSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-right" });
-}
-exports.StatusBarRightSection = StatusBarRightSection;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarRightSection = exports.StatusBarCenterSection = exports.StatusBarLeftSection = exports.StatusBarSpaceBetween = exports.StatusBar = void 0;
+require("./StatusBar.scss");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const MessageManager_1 = require("../messages/MessageManager");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const UiShowHideManager_1 = require("../utils/UiShowHideManager");
+const SafeAreaHelpers_1 = require("../safearea/SafeAreaHelpers");
+const ActivityMessage_1 = require("../messages/ActivityMessage");
+/** Status Bar React component.
+ * @public
+ */
+class StatusBar extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this.messages = [];
+        this._handleMessageAddedEvent = (_args) => {
+            this._updateMessages();
+            const messagesToAdd = MessageManager_1.MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));
+            messagesToAdd.forEach((msg) => {
+                const displayedMessage = MessageManager_1.MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });
+                if (!!displayedMessage)
+                    this.messages.push({ close: displayedMessage.close, id: msg.id });
+            });
+        };
+        this._updateMessages = () => {
+            const updatedMessages = [...this.messages];
+            this.messages.forEach((m) => {
+                if (!MessageManager_1.MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {
+                    m.close();
+                    const index = updatedMessages.findIndex((msg) => msg.id === m.id);
+                    updatedMessages.splice(index, 1);
+                }
+            });
+            this.messages = updatedMessages;
+        };
+        /** Respond to clearing the message list */
+        this._handleMessagesUpdatedEvent = () => {
+            this._updateMessages();
+        };
+        /**
+         * Sets state of the status bar to updated values reflecting activity progress.
+         * @param args  New values to set for ActivityMessage
+         */
+        this._handleActivityMessageUpdatedEvent = (args) => {
+            this.setState({
+                activityMessageInfo: args,
+            });
+        };
+        /**
+         * Hides ActivityMessage after cancellation
+         */
+        this._handleActivityMessageCancelledEvent = () => {
+            this.setState({
+                activityMessageInfo: undefined,
+            });
+        };
+        this._closeMessage = (id) => {
+            MessageManager_1.MessageManager.activeMessageManager.remove(id);
+            MessageManager_1.MessageManager.updateMessages();
+        };
+        this.state = {
+            activityMessageInfo: undefined,
+        };
+    }
+    render() {
+        return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => {
+            var _a, _b, _c;
+            return (React.createElement(appui_layout_react_1.Footer, { className: this.props.className, messages: React.createElement(ActivityMessage_1.ActivityMessageRenderer, null), onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter, safeAreaInsets: (0, SafeAreaHelpers_1.toLayoutSafeAreaInsets)(safeAreaInsets), style: this.props.style }, (_c = (_b = (_a = this.props.widgetControl) === null || _a === void 0 ? void 0 : _a.getReactNode) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null));
+        }));
+    }
+    componentDidMount() {
+        MessageManager_1.MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);
+        MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);
+        MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);
+        MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);
+        MessageManager_1.MessageManager.updateMessages();
+    }
+    componentWillUnmount() {
+        MessageManager_1.MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);
+        MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);
+        MessageManager_1.MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
+        MessageManager_1.MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);
+    }
+}
+exports.StatusBar = StatusBar;
+/** StatusBar With Space Between Items React functional component
+ * @public
+ */
+function StatusBarSpaceBetween(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-space-between" });
+}
+exports.StatusBarSpaceBetween = StatusBarSpaceBetween;
+/** StatusBar Left Section React functional component
+ * @public
+ */
+function StatusBarLeftSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-left" });
+}
+exports.StatusBarLeftSection = StatusBarLeftSection;
+/** StatusBar Center Section React functional component
+ * @public
+ */
+function StatusBarCenterSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-center" });
+}
+exports.StatusBarCenterSection = StatusBarCenterSection;
+/** StatusBar Right Section React functional component
+ * @public
+ */
+function StatusBarRightSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-right" });
+}
+exports.StatusBarRightSection = StatusBarRightSection;
 //# sourceMappingURL=StatusBar.js.map