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

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

@@ -7,15 +7,16 @@
  * @module StatusBar
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarContext = exports.StatusBarRightSection = exports.StatusBarCenterSection = exports.StatusBarLeftSection = exports.StatusBarSpaceBetween = exports.StatusBar = void 0;
+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");
+const UiFramework_1 = require("../UiFramework");
 /** Status Bar React component.
  * @public
  */
@@ -65,57 +66,19 @@ class StatusBar extends React.Component {
                 activityMessageInfo: undefined,
             });
         };
-        /**
-         * Ends canceled process and dismisses ActivityMessage
-         */
-        this._cancelActivityMessage = () => {
-            MessageManager_1.MessageManager.endActivityMessage(false);
-        };
-        this._handleOpenWidget = (openWidget) => {
-            this.setState({
-                openWidget,
-            });
-        };
         this._closeMessage = (id) => {
             MessageManager_1.MessageManager.activeMessageManager.remove(id);
             MessageManager_1.MessageManager.updateMessages();
         };
-        this._handleToastTargetRef = (toastTarget) => {
-            MessageManager_1.MessageManager.registerAnimateOutToElement(toastTarget);
-        };
         this.state = {
-            openWidget: null,
             activityMessageInfo: undefined,
         };
     }
     render() {
-        var _a, _b;
-        let footerSections = null;
-        const widgetControl = this.props.widgetControl;
-        // istanbul ignore else
-        if (widgetControl && widgetControl.getReactNode) {
-            footerSections = widgetControl.getReactNode({
-                // eslint-disable-next-line deprecation/deprecation
-                isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true,
-                openWidget: this.state.openWidget,
-                toastTargetRef: this._handleToastTargetRef,
-                onOpenWidget: this._handleOpenWidget,
-            });
-        }
-        return (React.createElement(exports.StatusBarContext.Provider, { value: {
-                // eslint-disable-next-line deprecation/deprecation
-                isInFooterMode: (_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true,
-                openWidget: this.state.openWidget,
-                toastTargetRef: this._handleToastTargetRef,
-                onOpenWidget: this._handleOpenWidget,
-            } },
-            React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => {
-                var _a;
-                return (React.createElement(appui_layout_react_1.Footer // eslint-disable-line deprecation/deprecation
-                , { className: this.props.className, messages: this.getFooterMessages(), 
-                    // eslint-disable-next-line deprecation/deprecation
-                    isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, onMouseEnter: UiShowHideManager_1.UiShowHideManager.handleWidgetMouseEnter, safeAreaInsets: safeAreaInsets, style: this.props.style }, footerSections));
-            })));
+        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: UiFramework_1.UiFramework.visibility.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);
@@ -130,9 +93,6 @@ class StatusBar extends React.Component {
         MessageManager_1.MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
         MessageManager_1.MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);
     }
-    getFooterMessages() {
-        return (React.createElement(ActivityMessage_1.CustomActivityMessageRenderer, { settings: { placement: "bottom" }, activityMessageInfo: this.state.activityMessageInfo, cancelActivityMessage: this._cancelActivityMessage }));
-    }
 }
 exports.StatusBar = StatusBar;
 /** StatusBar With Space Between Items React functional component
@@ -167,13 +127,4 @@ function StatusBarRightSection(props) {
     return React.createElement(core_react_1.Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-right" });
 }
 exports.StatusBarRightSection = StatusBarRightSection;
-/** Context providing values for StatusFieldProps and MessageCenterFieldProps
- *  @internal
- */
-exports.StatusBarContext = React.createContext({
-    isInFooterMode: true,
-    onOpenWidget: /* istanbul ignore next */ () => { },
-    openWidget: "",
-    toastTargetRef: { current: null },
-});
 //# sourceMappingURL=StatusBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.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 StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { StatusBarFieldId, StatusBarWidgetControl, StatusBarWidgetControlArgs } from \"./StatusBarWidgetControl\";\r\nimport { CustomActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  openWidget: StatusBarFieldId;\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  widgetControl?: StatusBarWidgetControl;\r\n  /** Indicates whether the StatusBar is in footer mode\r\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\r\n  */\r\n  isInFooterMode?: boolean;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      openWidget: null,\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    let footerSections: React.ReactNode = null;\r\n    const widgetControl = this.props.widgetControl;\r\n\r\n    // istanbul ignore else\r\n    if (widgetControl && widgetControl.getReactNode) {\r\n      footerSections = widgetControl.getReactNode({\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode: this.props.isInFooterMode ?? true,\r\n        openWidget: this.state.openWidget,\r\n        toastTargetRef: this._handleToastTargetRef,\r\n        onOpenWidget: this._handleOpenWidget,\r\n      });\r\n    }\r\n\r\n    return (\r\n      <StatusBarContext.Provider value={{\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode: this.props.isInFooterMode ?? true,\r\n        openWidget: this.state.openWidget,\r\n        toastTargetRef: this._handleToastTargetRef,\r\n        onOpenWidget: this._handleOpenWidget,\r\n      }}>\r\n        <SafeAreaContext.Consumer>\r\n          {(safeAreaInsets) => (\r\n            <Footer // eslint-disable-line deprecation/deprecation\r\n              className={this.props.className}\r\n              messages={this.getFooterMessages()}\r\n              // eslint-disable-next-line deprecation/deprecation\r\n              isInFooterMode={this.props.isInFooterMode ?? true}\r\n              onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n              safeAreaInsets={safeAreaInsets}\r\n              style={this.props.style}\r\n            >\r\n              {footerSections}\r\n            </Footer>\r\n          )}\r\n        </SafeAreaContext.Consumer>\r\n      </StatusBarContext.Provider>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if(!!displayedMessage)\r\n        this.messages.push({close: displayedMessage.close, id: msg.id});\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private getFooterMessages(): React.ReactNode {\r\n    return (\r\n      <CustomActivityMessageRenderer settings={{placement: \"bottom\"}} activityMessageInfo={this.state.activityMessageInfo} cancelActivityMessage={this._cancelActivityMessage} />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Ends canceled process and dismisses ActivityMessage\r\n   */\r\n  private _cancelActivityMessage = () => {\r\n    MessageManager.endActivityMessage(false);\r\n  };\r\n\r\n  private _handleOpenWidget = (openWidget: StatusBarFieldId) => {\r\n    this.setState({\r\n      openWidget,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n\r\n  private _handleToastTargetRef = (toastTarget: HTMLElement | null) => {\r\n    MessageManager.registerAnimateOutToElement(toastTarget);\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n\r\n/** Context providing values for StatusFieldProps and MessageCenterFieldProps\r\n *  @internal\r\n */\r\nexport const StatusBarContext = React.createContext<StatusBarWidgetControlArgs>({ // eslint-disable-line @typescript-eslint/naming-convention\r\n  isInFooterMode: true,\r\n  onOpenWidget: /* istanbul ignore next */ () => { },\r\n  openWidget: \"\",\r\n  toastTargetRef: { current: null },\r\n});\r\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.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 StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\r\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\r\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  widgetControl?: StatusBarWidgetControl;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <Footer\r\n            className={this.props.className}\r\n            messages={<ActivityMessageRenderer />}\r\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\r\n            style={this.props.style}\r\n          >\r\n            {this.props.widgetControl?.getReactNode?.() ?? null}\r\n          </Footer>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if (!!displayedMessage)\r\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBarComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACoD,mBAAmB,EAE7E,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAyBlF,UAAU,8BAA8B;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAMD,gBAAgB;AAChB,wBAAgB,iBAAiB,mCAEhC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,eAqB5D;AAmID;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,uBAAuB;IACvB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqM9D"}
+{"version":3,"file":"StatusBarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACoD,mBAAmB,EAE7E,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAyB5E,UAAU,8BAA8B;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAMD,gBAAgB;AAChB,wBAAgB,iBAAiB,mCAEhC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,eAqB5D;AAwID;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,uBAAuB;IACvB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiM9D"}

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

@@ -14,13 +14,13 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const SyncUiEventDispatcher_1 = require("../syncui/SyncUiEventDispatcher");
-const Indicator_1 = require("../statusfields/Indicator");
 const Overflow_1 = require("./Overflow");
 const OverflowPanel_1 = require("./OverflowPanel");
 const StatusBar_1 = require("./StatusBar");
 const StatusBarItem_1 = require("./StatusBarItem");
 const useDefaultStatusBarItems_1 = require("./useDefaultStatusBarItems");
 const useUiItemsProviderStatusBarItems_1 = require("./useUiItemsProviderStatusBarItems");
+const LabelIndicator_1 = require("../statusbar/LabelIndicator");
 /* eslint-disable deprecation/deprecation */
 /** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */
 function getCombinedSectionItemPriority(item) {
@@ -53,14 +53,14 @@ function DockedStatusBarItem(props) {
 exports.DockedStatusBarItem = DockedStatusBarItem;
 /** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */
 // eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow
-const DockedStatusBarEntry = React.memo(function DockedStatusbarEntry({ children, entryKey, getOnResize }) {
+function DockedStatusBarEntry({ children, entryKey, getOnResize }) {
     const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);
     const entry = React.useMemo(() => ({
         isOverflown: false,
         onResize,
     }), [onResize]);
     return (React.createElement(DockedStatusBarEntryContext.Provider, { value: entry }, children));
-});
+}
 /** Private function to set up sync event monitoring of statusbar items */
 function useStatusBarItemSyncEffect(itemsManager, syncIdsOfInterest) {
     React.useEffect(() => {
@@ -81,16 +81,14 @@ function useStatusBarItemSyncEffect(itemsManager, syncIdsOfInterest) {
     }, [itemsManager, itemsManager.items, syncIdsOfInterest]);
 }
 /** function to produce a StatusBarItem component from an AbstractStatusBarLabelItem */
-function generateActionStatusLabelItem(item, isInFooterMode) {
-    const iconPaddingClass = item.labelSide === appui_abstract_1.StatusBarLabelSide.Left ? "nz-icon-padding-right" : "nz-icon-padding-left";
-    return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
-    , { isInFooterMode: isInFooterMode },
-        item.icon && React.createElement(core_react_1.Icon, { iconSpec: item.icon }),
-        item.label && React.createElement("span", { className: iconPaddingClass }, appui_abstract_1.ConditionalStringValue.getValue(item.label))));
+function generateActionStatusLabelItem(item) {
+    const label = appui_abstract_1.ConditionalStringValue.getValue(item.label);
+    return (React.createElement(LabelIndicator_1.StatusBarLabelIndicator, { iconSpec: item.icon, label: label }));
 }
 /** function to produce a StatusBarItem component from an AbstractStatusBarActionItem */
-function generateActionStatusBarItem(item, isInFooterMode) {
-    return React.createElement(Indicator_1.Indicator, { toolTip: appui_abstract_1.ConditionalStringValue.getValue(item.tooltip), opened: false, onClick: item.execute, iconSpec: item.icon, isInFooterMode: isInFooterMode });
+function generateActionStatusBarItem(item) {
+    const title = appui_abstract_1.ConditionalStringValue.getValue(item.tooltip);
+    return (React.createElement(LabelIndicator_1.StatusBarLabelIndicator, { title: title, onClick: item.execute, iconSpec: item.icon }));
 }
 /** local function to combine items from Stage and from Extensions */
 function combineItems(stageItems, addonItems) {
@@ -172,7 +170,6 @@ function StatusBarComposer(props) {
     const defaultItems = (0, useDefaultStatusBarItems_1.useDefaultStatusBarItems)(defaultItemsManager);
     const syncIdsOfInterest = React.useMemo(() => appui_abstract_1.StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);
     useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);
-    const statusBarContext = React.useContext(StatusBar_1.StatusBarContext);
     const [addonItemsManager] = React.useState(() => new appui_abstract_1.StatusBarItemsManager());
     const addonItems = (0, useUiItemsProviderStatusBarItems_1.useUiItemsProviderStatusBarItems)(addonItemsManager);
     const addonSyncIdsOfInterest = React.useMemo(() => appui_abstract_1.StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);
@@ -230,10 +227,9 @@ function StatusBarComposer(props) {
         return (React.createElement(DockedStatusBarEntry, { key: key, entryKey: key, getOnResize: handleEntryResize },
             React.createElement(DockedStatusBarItem, { key: key, itemId: item.id, itemPriority: itemPriority, providerId: providerId, section: getSectionName(section) },
                 (0, StatusBarItem_1.isStatusBarItem)(item) && item.reactNode,
-                (0, appui_abstract_1.isAbstractStatusBarActionItem)(item) && generateActionStatusBarItem(item, statusBarContext.isInFooterMode),
-                (0, appui_abstract_1.isAbstractStatusBarLabelItem)(item) && generateActionStatusLabelItem(item, statusBarContext.isInFooterMode))));
-        // eslint-disable-next-line deprecation/deprecation
-    }, [statusBarContext.isInFooterMode, handleEntryResize]);
+                (0, appui_abstract_1.isAbstractStatusBarActionItem)(item) && generateActionStatusBarItem(item),
+                (0, appui_abstract_1.isAbstractStatusBarLabelItem)(item) && generateActionStatusLabelItem(item))));
+    }, [handleEntryResize]);
     const getSectionItems = React.useCallback((section) => {
         const sectionItems = statusBarItems
             .filter((item) => item.section === section && !isItemInOverflow(item.id, overflown) && !appui_abstract_1.ConditionalBooleanValue.getValue(item.isHidden))

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.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 StatusBar\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  AbstractStatusBarActionItem, AbstractStatusBarLabelItem, CommonStatusBarItem, ConditionalBooleanValue, ConditionalStringValue,\r\n  isAbstractStatusBarActionItem, isAbstractStatusBarLabelItem, StatusBarItemsManager, StatusBarLabelSide, StatusBarSection, UiSyncEventArgs,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { eqlOverflown, FooterIndicator } from \"@itwin/appui-layout-react\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { Indicator } from \"../statusfields/Indicator\";\r\nimport { StatusBarOverflow } from \"./Overflow\";\r\nimport { StatusBarOverflowPanel } from \"./OverflowPanel\";\r\nimport { StatusBarCenterSection, StatusBarContext, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween } from \"./StatusBar\";\r\nimport { isStatusBarItem } from \"./StatusBarItem\";\r\nimport { useDefaultStatusBarItems } from \"./useDefaultStatusBarItems\";\r\nimport { useUiItemsProviderStatusBarItems } from \"./useUiItemsProviderStatusBarItems\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */\r\nfunction getCombinedSectionItemPriority(item: CommonStatusBarItem) {\r\n  let sectionValue = 0;\r\n  if (item.section === StatusBarSection.Center)\r\n    sectionValue = 100000;\r\n  else if (item.section === StatusBarSection.Context)\r\n    sectionValue = 200000;\r\n  else if (item.section === StatusBarSection.Right)\r\n    sectionValue = 300000;\r\n  return sectionValue + item.itemPriority;\r\n}\r\n\r\ninterface DockedStatusBarEntryContextArg {\r\n  readonly isOverflown: boolean;\r\n  readonly onResize: (w: number) => void;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst DockedStatusBarEntryContext = React.createContext<DockedStatusBarEntryContextArg>(null!);\r\nDockedStatusBarEntryContext.displayName = \"nz:DockedStatusBarEntryContext\";\r\n\r\n/** @internal */\r\nexport function useStatusBarEntry() {\r\n  return React.useContext(DockedStatusBarEntryContext);\r\n}\r\n\r\n/** Properties of [[DockedStatusBarItem]] component.\r\n * @internal future\r\n */\r\nexport interface StatusBarItemProps extends CommonProps {\r\n  /** Tool setting content. */\r\n  children?: React.ReactNode;\r\n  itemPriority?: number;\r\n  providerId?: string;\r\n  section?: string;\r\n}\r\n\r\n/** Used in [[StatusBarComposer]] component to display a statusbar item.\r\n * @internal future\r\n */\r\nexport function DockedStatusBarItem(props: StatusBarItemProps) {\r\n  const { onResize } = useStatusBarEntry();\r\n  const ref = useResizeObserver<HTMLDivElement>(onResize);\r\n  const className = classnames(\r\n    \"uifw-statusbar-item-container\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <div\r\n      data-item-id={props.itemId}\r\n      data-item-type=\"status-bar-item\"\r\n      data-item-location={props.section}\r\n      data-item-priority={props.itemPriority}\r\n      data-item-provider-id={props.providerId}\r\n      className={className}\r\n      ref={ref}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface DockedStatusBarEntryProps {\r\n  children?: React.ReactNode;\r\n  entryKey: string;\r\n  getOnResize: (key: string) => (w: number) => void;\r\n}\r\n\r\n/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow\r\nconst DockedStatusBarEntry = React.memo<DockedStatusBarEntryProps>(function DockedStatusbarEntry({ children, entryKey, getOnResize }) {\r\n  const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);\r\n  const entry = React.useMemo<DockedStatusBarEntryContextArg>(() => ({\r\n    isOverflown: false,\r\n    onResize,\r\n  }), [onResize]);\r\n  return (\r\n    <DockedStatusBarEntryContext.Provider value={entry}>\r\n      {children}\r\n    </DockedStatusBarEntryContext.Provider>\r\n  );\r\n});\r\n\r\n/** Private function to set up sync event monitoring of statusbar items */\r\nfunction useStatusBarItemSyncEffect(itemsManager: StatusBarItemsManager, syncIdsOfInterest: string[]) {\r\n  React.useEffect(() => {\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n      if (0 === syncIdsOfInterest.length)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        // process each item that has interest\r\n        itemsManager.refreshAffectedItems(args.eventIds);\r\n      }\r\n    };\r\n\r\n    // Note: that items with conditions have condition run when loaded into the items manager\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [itemsManager, itemsManager.items, syncIdsOfInterest]);\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarLabelItem */\r\nfunction generateActionStatusLabelItem(item: AbstractStatusBarLabelItem, isInFooterMode: boolean): React.ReactNode {\r\n  const iconPaddingClass = item.labelSide === StatusBarLabelSide.Left ? \"nz-icon-padding-right\" : \"nz-icon-padding-left\";\r\n  return (<FooterIndicator // eslint-disable-line deprecation/deprecation\r\n    isInFooterMode={isInFooterMode}\r\n  >\r\n    {item.icon && <Icon iconSpec={item.icon} />}\r\n    {item.label && <span className={iconPaddingClass}>{ConditionalStringValue.getValue(item.label)}</span>}\r\n  </FooterIndicator>\r\n  );\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarActionItem */\r\nfunction generateActionStatusBarItem(item: AbstractStatusBarActionItem, isInFooterMode: boolean): React.ReactNode {\r\n  return <Indicator toolTip={ConditionalStringValue.getValue(item.tooltip)} opened={false} onClick={item.execute} iconSpec={item.icon} // eslint-disable-line deprecation/deprecation\r\n    isInFooterMode={isInFooterMode} />;\r\n}\r\n\r\n/** local function to combine items from Stage and from Extensions */\r\nfunction combineItems(stageItems: ReadonlyArray<CommonStatusBarItem>, addonItems: ReadonlyArray<CommonStatusBarItem>) {\r\n  const items: CommonStatusBarItem[] = [];\r\n  if (stageItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    stageItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  if (addonItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    addonItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  return items;\r\n}\r\n\r\n/** local function to ensure a width value is defined for a status bar entries.  */\r\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\r\n  for (const [, val] of map) {\r\n    // istanbul ignore next\r\n    if (val === undefined)\r\n      return undefined;\r\n  }\r\n  return map as Map<string, T>;\r\n}\r\n\r\n/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */\r\nfunction getItemToPlaceInOverflow(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number) {\r\n  let settingsWidth = 0;\r\n\r\n  let i = 0;\r\n  for (; i < docked.length; i++) {\r\n    const w = docked[i][1];\r\n    const newSettingsWidth = settingsWidth + w;\r\n    if (newSettingsWidth > width) {\r\n      settingsWidth += overflowWidth;\r\n      break;\r\n    }\r\n    settingsWidth = newSettingsWidth;\r\n  }\r\n\r\n  let j = i;\r\n  for (; j > 0; j--) {\r\n    if (settingsWidth <= width)\r\n      break;\r\n    const w = docked[j][1];\r\n    settingsWidth -= w;\r\n  }\r\n\r\n  const overflowItems = new Array<string>();\r\n  for (i = j; i < docked.length; i++) {\r\n    overflowItems.push(docked[i][0]);\r\n  }\r\n  return overflowItems;\r\n}\r\n\r\nfunction isItemInOverflow(id: string, overflowItemIds: ReadonlyArray<string> | undefined) {\r\n  if (!overflowItemIds || 0 === overflowItemIds.length)\r\n    return false;\r\n  return !!overflowItemIds.find((value) => value === id);\r\n}\r\n\r\n/** Properties for the [[StatusBarComposer]] React components\r\n * @public\r\n */\r\nexport interface StatusBarComposerProps extends CommonProps {\r\n  /** Status Bar items */\r\n  items: CommonStatusBarItem[];\r\n\r\n  /** CSS class name override for the overall Status Bar */\r\n  mainClassName?: string;\r\n  /** CSS class name override for the left section */\r\n  leftClassName?: string;\r\n  /** CSS class name override for the center section */\r\n  centerClassName?: string;\r\n  /** CSS class name override for the right section */\r\n  rightClassName?: string;\r\n}\r\n\r\n/** Component to load components into the [[StatusBar]].\r\n * @public\r\n */\r\nexport function StatusBarComposer(props: StatusBarComposerProps) {\r\n  const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;\r\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));\r\n  const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);\r\n  const containerWidth = React.useRef<number | undefined>(undefined);\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setDefaultItemsManager(new StatusBarItemsManager(items));\r\n    }\r\n  }, [items]);\r\n  const defaultItems = useDefaultStatusBarItems(defaultItemsManager);\r\n  const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\r\n  useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\r\n\r\n  const statusBarContext = React.useContext(StatusBarContext);\r\n  const [addonItemsManager] = React.useState(() => new StatusBarItemsManager());\r\n  const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);\r\n  const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\r\n  useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\r\n\r\n  const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\r\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\r\n  const overflowWidth = React.useRef<number | undefined>(undefined);\r\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\r\n\r\n  const calculateOverflow = React.useCallback(() => {\r\n    const widths = verifiedMapEntries(entryWidths.current);\r\n    if (containerWidth.current === undefined ||\r\n      widths === undefined ||\r\n      overflowWidth.current === undefined\r\n    ) {\r\n      setOverflown(new Array<string>());\r\n      return;\r\n    }\r\n\r\n    // Calculate overflow.\r\n    const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);\r\n    if (!eqlOverflown(overflown, newOverflown)) {\r\n      setOverflown(newOverflown);\r\n      // istanbul ignore next\r\n      if (0 === newOverflown.length && isOverflowPanelOpen)\r\n        setIsOverflowPanelOpen(false);\r\n    }\r\n  }, [isOverflowPanelOpen, overflown]);\r\n\r\n  const handleOverflowResize = React.useCallback((w: number) => {\r\n    const calculate = overflowWidth.current !== w;\r\n    overflowWidth.current = w;\r\n    calculate && calculateOverflow();\r\n  }, [calculateOverflow]);\r\n\r\n  const handleEntryResize = React.useCallback((key: string) => (w: number) => {\r\n    const oldW = entryWidths.current.get(key);\r\n    if ((undefined === oldW) || Math.abs(oldW - w) > 2) {\r\n      entryWidths.current.set(key, w);\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const getSectionName = (section: StatusBarSection) => {\r\n    switch (section) {\r\n      case StatusBarSection.Center:\r\n      case StatusBarSection.Stage:\r\n        return \"status-bar-center\";\r\n      case StatusBarSection.Context:\r\n        return \"status-bar-right-start\";\r\n      case StatusBarSection.Right:\r\n      case StatusBarSection.Selection:\r\n        return \"status-bar-right-end\";\r\n      case StatusBarSection.Left:\r\n      case StatusBarSection.Message:\r\n        return \"status-bar-left\";\r\n    }\r\n  };\r\n\r\n  /** generate a wrapped status bar entry that will report its size. */\r\n  const getComponent = React.useCallback((item: CommonStatusBarItem, key: string, itemPriority: number,\r\n    section: StatusBarSection, providerId?: string): React.ReactNode => {\r\n    return (\r\n      <DockedStatusBarEntry\r\n        key={key}\r\n        entryKey={key}\r\n        getOnResize={handleEntryResize}\r\n      >\r\n        <DockedStatusBarItem key={key} itemId={item.id} itemPriority={itemPriority} providerId={providerId} section={getSectionName(section)} >\r\n          {isStatusBarItem(item) && item.reactNode}\r\n          {// eslint-disable-next-line deprecation/deprecation\r\n            isAbstractStatusBarActionItem(item) && generateActionStatusBarItem(item, statusBarContext.isInFooterMode)}\r\n          {// eslint-disable-next-line deprecation/deprecation\r\n            isAbstractStatusBarLabelItem(item) && generateActionStatusLabelItem(item, statusBarContext.isInFooterMode)}\r\n        </DockedStatusBarItem>\r\n      </DockedStatusBarEntry>\r\n    );\r\n    // eslint-disable-next-line deprecation/deprecation\r\n  }, [statusBarContext.isInFooterMode, handleEntryResize]);\r\n\r\n  const getSectionItems = React.useCallback((section: StatusBarSection): React.ReactNode[] => {\r\n    const sectionItems = statusBarItems\r\n      .filter((item) => item.section as number === section && !isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => a.itemPriority - b.itemPriority);\r\n\r\n    return sectionItems.map((sectionItem) => (\r\n      <React.Fragment key={sectionItem.id}>\r\n        {getComponent(sectionItem, sectionItem.id, sectionItem.itemPriority, sectionItem.section, sectionItem.providerId)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const getOverflowItems = React.useCallback((): React.ReactNode[] => {\r\n    const itemsInOverflow = statusBarItems\r\n      .filter((item) => isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();\r\n\r\n    return itemsInOverflow.map((item) => (\r\n      <React.Fragment key={item.id}>\r\n        {getComponent(item, item.id, item.itemPriority, item.section, item.providerId)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const handleContainerResize = React.useCallback((w: number) => {\r\n    if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {\r\n      containerWidth.current = w;\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const targetRef = React.useRef<HTMLDivElement>(null);\r\n  const resizeObserverRef = useResizeObserver(handleContainerResize);\r\n  // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.\r\n  const refs = useRefs(containerRef, resizeObserverRef);\r\n\r\n  const onOverflowClick = React.useCallback(() => {\r\n    setIsOverflowPanelOpen((prev) => !prev);\r\n  }, []);\r\n  // istanbul ignore next\r\n  const handleOnClose = React.useCallback(() => {\r\n    setIsOverflowPanelOpen(false);\r\n  }, []);\r\n  const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);\r\n  const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);\r\n  const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);\r\n  const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);\r\n  const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);\r\n\r\n  const containerClassName = classnames(\r\n    \"uifw-statusbar-docked\",\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={containerClassName}\r\n      ref={refs}\r\n      style={style}\r\n      role=\"presentation\"\r\n    >\r\n      <StatusBarSpaceBetween className={mainClassName}>\r\n        <StatusBarLeftSection className={leftClassName}>\r\n          {leftItems}\r\n        </StatusBarLeftSection>\r\n        <StatusBarCenterSection className={centerClassName}>\r\n          {centerItems}\r\n          {contextItems}\r\n        </StatusBarCenterSection>\r\n        <StatusBarRightSection className={rightClassName}>\r\n          {rightItems}\r\n          {(!overflown || overflown.length > 0) && (\r\n            <>\r\n              <StatusBarOverflow\r\n                onClick={onOverflowClick}\r\n                onResize={handleOverflowResize}\r\n                ref={targetRef}\r\n              />\r\n              {overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&\r\n                <StatusBarOverflowPanel\r\n                  onClose={handleOnClose}\r\n                  open={true}\r\n                  target={targetRef.current}\r\n                >\r\n                  <div className=\"uifw-statusbar-overflow-items-container\" data-testid=\"uifw-statusbar-overflow-items-container\">\r\n                    {overflowItems.map((overflowEntry) => overflowEntry)}\r\n                  </div>\r\n                </StatusBarOverflowPanel>\r\n              }\r\n            </>\r\n          )}\r\n\r\n        </StatusBarRightSection>\r\n      </StatusBarSpaceBetween>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"StatusBarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.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 StatusBar\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  AbstractStatusBarActionItem, AbstractStatusBarLabelItem, CommonStatusBarItem, ConditionalBooleanValue, ConditionalStringValue,\r\n  isAbstractStatusBarActionItem, isAbstractStatusBarLabelItem, StatusBarItemsManager, StatusBarSection, UiSyncEventArgs,\r\n} from \"@itwin/appui-abstract\";\r\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { eqlOverflown } from \"@itwin/appui-layout-react\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { StatusBarOverflow } from \"./Overflow\";\r\nimport { StatusBarOverflowPanel } from \"./OverflowPanel\";\r\nimport { StatusBarCenterSection, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween } from \"./StatusBar\";\r\nimport { isStatusBarItem } from \"./StatusBarItem\";\r\nimport { useDefaultStatusBarItems } from \"./useDefaultStatusBarItems\";\r\nimport { useUiItemsProviderStatusBarItems } from \"./useUiItemsProviderStatusBarItems\";\r\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */\r\nfunction getCombinedSectionItemPriority(item: CommonStatusBarItem) {\r\n  let sectionValue = 0;\r\n  if (item.section === StatusBarSection.Center)\r\n    sectionValue = 100000;\r\n  else if (item.section === StatusBarSection.Context)\r\n    sectionValue = 200000;\r\n  else if (item.section === StatusBarSection.Right)\r\n    sectionValue = 300000;\r\n  return sectionValue + item.itemPriority;\r\n}\r\n\r\ninterface DockedStatusBarEntryContextArg {\r\n  readonly isOverflown: boolean;\r\n  readonly onResize: (w: number) => void;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst DockedStatusBarEntryContext = React.createContext<DockedStatusBarEntryContextArg>(null!);\r\nDockedStatusBarEntryContext.displayName = \"nz:DockedStatusBarEntryContext\";\r\n\r\n/** @internal */\r\nexport function useStatusBarEntry() {\r\n  return React.useContext(DockedStatusBarEntryContext);\r\n}\r\n\r\n/** Properties of [[DockedStatusBarItem]] component.\r\n * @internal future\r\n */\r\nexport interface StatusBarItemProps extends CommonProps {\r\n  /** Tool setting content. */\r\n  children?: React.ReactNode;\r\n  itemPriority?: number;\r\n  providerId?: string;\r\n  section?: string;\r\n}\r\n\r\n/** Used in [[StatusBarComposer]] component to display a statusbar item.\r\n * @internal future\r\n */\r\nexport function DockedStatusBarItem(props: StatusBarItemProps) {\r\n  const { onResize } = useStatusBarEntry();\r\n  const ref = useResizeObserver<HTMLDivElement>(onResize);\r\n  const className = classnames(\r\n    \"uifw-statusbar-item-container\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <div\r\n      data-item-id={props.itemId}\r\n      data-item-type=\"status-bar-item\"\r\n      data-item-location={props.section}\r\n      data-item-priority={props.itemPriority}\r\n      data-item-provider-id={props.providerId}\r\n      className={className}\r\n      ref={ref}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface DockedStatusBarEntryProps {\r\n  children?: React.ReactNode;\r\n  entryKey: string;\r\n  getOnResize: (key: string) => (w: number) => void;\r\n}\r\n\r\n/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow\r\nfunction DockedStatusBarEntry({ children, entryKey, getOnResize }: DockedStatusBarEntryProps) {\r\n  const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);\r\n  const entry = React.useMemo<DockedStatusBarEntryContextArg>(() => ({\r\n    isOverflown: false,\r\n    onResize,\r\n  }), [onResize]);\r\n  return (\r\n    <DockedStatusBarEntryContext.Provider value={entry}>\r\n      {children}\r\n    </DockedStatusBarEntryContext.Provider>\r\n  );\r\n}\r\n\r\n/** Private function to set up sync event monitoring of statusbar items */\r\nfunction useStatusBarItemSyncEffect(itemsManager: StatusBarItemsManager, syncIdsOfInterest: string[]) {\r\n  React.useEffect(() => {\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n      if (0 === syncIdsOfInterest.length)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        // process each item that has interest\r\n        itemsManager.refreshAffectedItems(args.eventIds);\r\n      }\r\n    };\r\n\r\n    // Note: that items with conditions have condition run when loaded into the items manager\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [itemsManager, itemsManager.items, syncIdsOfInterest]);\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarLabelItem */\r\nfunction generateActionStatusLabelItem(item: AbstractStatusBarLabelItem): React.ReactNode {\r\n  const label = ConditionalStringValue.getValue(item.label);\r\n  return (\r\n    <StatusBarLabelIndicator\r\n      iconSpec={item.icon}\r\n      label={label}\r\n    />\r\n  );\r\n}\r\n\r\n/** function to produce a StatusBarItem component from an AbstractStatusBarActionItem */\r\nfunction generateActionStatusBarItem(item: AbstractStatusBarActionItem): React.ReactNode {\r\n  const title = ConditionalStringValue.getValue(item.tooltip);\r\n  return (\r\n    <StatusBarLabelIndicator\r\n      title={title}\r\n      onClick={item.execute}\r\n      iconSpec={item.icon}\r\n    />\r\n  );\r\n}\r\n\r\n/** local function to combine items from Stage and from Extensions */\r\nfunction combineItems(stageItems: ReadonlyArray<CommonStatusBarItem>, addonItems: ReadonlyArray<CommonStatusBarItem>) {\r\n  const items: CommonStatusBarItem[] = [];\r\n  if (stageItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    stageItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  if (addonItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    addonItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  return items;\r\n}\r\n\r\n/** local function to ensure a width value is defined for a status bar entries.  */\r\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\r\n  for (const [, val] of map) {\r\n    // istanbul ignore next\r\n    if (val === undefined)\r\n      return undefined;\r\n  }\r\n  return map as Map<string, T>;\r\n}\r\n\r\n/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */\r\nfunction getItemToPlaceInOverflow(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number) {\r\n  let settingsWidth = 0;\r\n\r\n  let i = 0;\r\n  for (; i < docked.length; i++) {\r\n    const w = docked[i][1];\r\n    const newSettingsWidth = settingsWidth + w;\r\n    if (newSettingsWidth > width) {\r\n      settingsWidth += overflowWidth;\r\n      break;\r\n    }\r\n    settingsWidth = newSettingsWidth;\r\n  }\r\n\r\n  let j = i;\r\n  for (; j > 0; j--) {\r\n    if (settingsWidth <= width)\r\n      break;\r\n    const w = docked[j][1];\r\n    settingsWidth -= w;\r\n  }\r\n\r\n  const overflowItems = new Array<string>();\r\n  for (i = j; i < docked.length; i++) {\r\n    overflowItems.push(docked[i][0]);\r\n  }\r\n  return overflowItems;\r\n}\r\n\r\nfunction isItemInOverflow(id: string, overflowItemIds: ReadonlyArray<string> | undefined) {\r\n  if (!overflowItemIds || 0 === overflowItemIds.length)\r\n    return false;\r\n  return !!overflowItemIds.find((value) => value === id);\r\n}\r\n\r\n/** Properties for the [[StatusBarComposer]] React components\r\n * @public\r\n */\r\nexport interface StatusBarComposerProps extends CommonProps {\r\n  /** Status Bar items */\r\n  items: CommonStatusBarItem[];\r\n\r\n  /** CSS class name override for the overall Status Bar */\r\n  mainClassName?: string;\r\n  /** CSS class name override for the left section */\r\n  leftClassName?: string;\r\n  /** CSS class name override for the center section */\r\n  centerClassName?: string;\r\n  /** CSS class name override for the right section */\r\n  rightClassName?: string;\r\n}\r\n\r\n/** Component to load components into the [[StatusBar]].\r\n * @public\r\n */\r\nexport function StatusBarComposer(props: StatusBarComposerProps) {\r\n  const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;\r\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));\r\n  const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);\r\n  const containerWidth = React.useRef<number | undefined>(undefined);\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setDefaultItemsManager(new StatusBarItemsManager(items));\r\n    }\r\n  }, [items]);\r\n  const defaultItems = useDefaultStatusBarItems(defaultItemsManager);\r\n  const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\r\n  useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\r\n\r\n  const [addonItemsManager] = React.useState(() => new StatusBarItemsManager());\r\n  const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);\r\n  const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\r\n  useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\r\n\r\n  const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\r\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\r\n  const overflowWidth = React.useRef<number | undefined>(undefined);\r\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\r\n\r\n  const calculateOverflow = React.useCallback(() => {\r\n    const widths = verifiedMapEntries(entryWidths.current);\r\n    if (containerWidth.current === undefined ||\r\n      widths === undefined ||\r\n      overflowWidth.current === undefined\r\n    ) {\r\n      setOverflown(new Array<string>());\r\n      return;\r\n    }\r\n\r\n    // Calculate overflow.\r\n    const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);\r\n    if (!eqlOverflown(overflown, newOverflown)) {\r\n      setOverflown(newOverflown);\r\n      // istanbul ignore next\r\n      if (0 === newOverflown.length && isOverflowPanelOpen)\r\n        setIsOverflowPanelOpen(false);\r\n    }\r\n  }, [isOverflowPanelOpen, overflown]);\r\n\r\n  const handleOverflowResize = React.useCallback((w: number) => {\r\n    const calculate = overflowWidth.current !== w;\r\n    overflowWidth.current = w;\r\n    calculate && calculateOverflow();\r\n  }, [calculateOverflow]);\r\n\r\n  const handleEntryResize = React.useCallback((key: string) => (w: number) => {\r\n    const oldW = entryWidths.current.get(key);\r\n    if ((undefined === oldW) || Math.abs(oldW - w) > 2) {\r\n      entryWidths.current.set(key, w);\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const getSectionName = (section: StatusBarSection) => {\r\n    switch (section) {\r\n      case StatusBarSection.Center:\r\n      case StatusBarSection.Stage:\r\n        return \"status-bar-center\";\r\n      case StatusBarSection.Context:\r\n        return \"status-bar-right-start\";\r\n      case StatusBarSection.Right:\r\n      case StatusBarSection.Selection:\r\n        return \"status-bar-right-end\";\r\n      case StatusBarSection.Left:\r\n      case StatusBarSection.Message:\r\n        return \"status-bar-left\";\r\n    }\r\n  };\r\n\r\n  /** generate a wrapped status bar entry that will report its size. */\r\n  const getComponent = React.useCallback((item: CommonStatusBarItem, key: string, itemPriority: number,\r\n    section: StatusBarSection, providerId?: string): React.ReactNode => {\r\n    return (\r\n      <DockedStatusBarEntry\r\n        key={key}\r\n        entryKey={key}\r\n        getOnResize={handleEntryResize}\r\n      >\r\n        <DockedStatusBarItem key={key} itemId={item.id} itemPriority={itemPriority} providerId={providerId} section={getSectionName(section)} >\r\n          {isStatusBarItem(item) && item.reactNode}\r\n          {isAbstractStatusBarActionItem(item) && generateActionStatusBarItem(item)}\r\n          {isAbstractStatusBarLabelItem(item) && generateActionStatusLabelItem(item)}\r\n        </DockedStatusBarItem>\r\n      </DockedStatusBarEntry>\r\n    );\r\n  }, [handleEntryResize]);\r\n\r\n  const getSectionItems = React.useCallback((section: StatusBarSection): React.ReactNode[] => {\r\n    const sectionItems = statusBarItems\r\n      .filter((item) => item.section as number === section && !isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => a.itemPriority - b.itemPriority);\r\n\r\n    return sectionItems.map((sectionItem) => (\r\n      <React.Fragment key={sectionItem.id}>\r\n        {getComponent(sectionItem, sectionItem.id, sectionItem.itemPriority, sectionItem.section, sectionItem.providerId)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const getOverflowItems = React.useCallback((): React.ReactNode[] => {\r\n    const itemsInOverflow = statusBarItems\r\n      .filter((item) => isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();\r\n\r\n    return itemsInOverflow.map((item) => (\r\n      <React.Fragment key={item.id}>\r\n        {getComponent(item, item.id, item.itemPriority, item.section, item.providerId)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const handleContainerResize = React.useCallback((w: number) => {\r\n    if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {\r\n      containerWidth.current = w;\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const targetRef = React.useRef<HTMLDivElement>(null);\r\n  const resizeObserverRef = useResizeObserver(handleContainerResize);\r\n  // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.\r\n  const refs = useRefs(containerRef, resizeObserverRef);\r\n\r\n  const onOverflowClick = React.useCallback(() => {\r\n    setIsOverflowPanelOpen((prev) => !prev);\r\n  }, []);\r\n  // istanbul ignore next\r\n  const handleOnClose = React.useCallback(() => {\r\n    setIsOverflowPanelOpen(false);\r\n  }, []);\r\n  const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);\r\n  const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);\r\n  const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);\r\n  const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);\r\n  const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);\r\n\r\n  const containerClassName = classnames(\r\n    \"uifw-statusbar-docked\",\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={containerClassName}\r\n      ref={refs}\r\n      style={style}\r\n      role=\"presentation\"\r\n    >\r\n      <StatusBarSpaceBetween className={mainClassName}>\r\n        <StatusBarLeftSection className={leftClassName}>\r\n          {leftItems}\r\n        </StatusBarLeftSection>\r\n        <StatusBarCenterSection className={centerClassName}>\r\n          {centerItems}\r\n          {contextItems}\r\n        </StatusBarCenterSection>\r\n        <StatusBarRightSection className={rightClassName}>\r\n          {rightItems}\r\n          {(!overflown || overflown.length > 0) && (\r\n            <>\r\n              <StatusBarOverflow\r\n                onClick={onOverflowClick}\r\n                onResize={handleOverflowResize}\r\n                ref={targetRef}\r\n              />\r\n              {overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&\r\n                <StatusBarOverflowPanel\r\n                  onClose={handleOnClose}\r\n                  open={true}\r\n                  target={targetRef.current}\r\n                >\r\n                  <div className=\"uifw-statusbar-overflow-items-container\" data-testid=\"uifw-statusbar-overflow-items-container\">\r\n                    {overflowItems.map((overflowEntry) => overflowEntry)}\r\n                  </div>\r\n                </StatusBarOverflowPanel>\r\n              }\r\n            </>\r\n          )}\r\n\r\n        </StatusBarRightSection>\r\n      </StatusBarSpaceBetween>\r\n    </div>\r\n  );\r\n}\r\n"]}

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

@@ -44,7 +44,7 @@ export interface StatusBarItem extends AbstractStatusBarCustomItem {
  */
 export declare type StatusBarCustomItem = StatusBarItem;
 /** Describes the data needed to insert a button into the status bar.
- * @beta
+ * @public  // TODO: 4.x cleanup
  */
 export declare type AnyStatusBarItem = UIA_CommonStatusBarItem;
 /** StatusBarActionItem type guard.

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBarItem.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,0DAW+B;AAO/B;;GAEG;AACU,QAAA,gBAAgB,GAAG,iCAAoB,CAAC,CAAC,+EAA+E;AAOrI;;GAEG;AACU,QAAA,kBAAkB,GAAG,mCAAsB,CAAC,CAAC,+EAA+E;AAqCzI;;GAEG;AACH,SAAgB,qBAAqB,CAAC,IAAsB;IAC1D,OAAO,IAAA,8CAA6B,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC5F,CAAC;AAFD,sDAEC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,IAAsB;IACzD,OAAO,IAAA,6CAA4B,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC3F,CAAC;AAFD,oDAEC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,IAAsB;IAC1D,OAAO,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC9E,CAAC;AAFD,sDAEC;AAED;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAyB,EAAE;IACtF,OAAO,IAAA,8CAA6B,EAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,8CAA8C;AACrH,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","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 * as React from \"react\";\r\nimport {\r\n  AbstractStatusBarActionItem,\r\n  AbstractStatusBarCustomItem,\r\n  AbstractStatusBarItem,\r\n  AbstractStatusBarLabelItem,\r\n  isAbstractStatusBarActionItem,\r\n  isAbstractStatusBarCustomItem,\r\n  isAbstractStatusBarLabelItem,\r\n  CommonStatusBarItem as UIA_CommonStatusBarItem,\r\n  StatusBarLabelSide as UIA_StatusBarLabelSide,\r\n  StatusBarSection as UIA_StatusBarSection,\r\n} from \"@itwin/appui-abstract\";\r\n\r\n/** Status bar Groups/Sections from Left to Right\r\n * @beta\r\n */\r\nexport type StatusBarSection = UIA_StatusBarSection; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Status bar Groups/Sections from Left to Right\r\n * @beta\r\n */\r\nexport const StatusBarSection = UIA_StatusBarSection; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n\r\n/** Defines which side of Icon where label is placed\r\n * @beta\r\n */\r\nexport type StatusBarLabelSide = UIA_StatusBarLabelSide; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Defines which side of Icon where label is placed\r\n * @beta\r\n */\r\nexport const StatusBarLabelSide = UIA_StatusBarLabelSide; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @beta\r\n */\r\nexport type CommonStatusBarItem = AbstractStatusBarItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert an action item into the status bar.\r\n * @beta\r\n */\r\nexport type StatusBarActionItem = AbstractStatusBarActionItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a label item with an optional icon into the status bar.\r\n * @beta\r\n */\r\nexport type StatusBarLabelItem = AbstractStatusBarLabelItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @deprecated in 3.6. Use [[StatusBarCustomItem]] instead.\r\n * @public\r\n */\r\nexport interface StatusBarItem extends AbstractStatusBarCustomItem { // eslint-disable-line deprecation/deprecation\r\n  /** React node for the StatusBar item. */\r\n  readonly reactNode: React.ReactNode;\r\n}\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @beta\r\n */\r\nexport type StatusBarCustomItem = StatusBarItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @beta\r\n */\r\n// eslint-disable-next-line deprecation/deprecation\r\nexport type AnyStatusBarItem = UIA_CommonStatusBarItem; // TODO: Rename to StatusBarItem.\r\n\r\n/** StatusBarActionItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarActionItem(item: AnyStatusBarItem): item is StatusBarActionItem {\r\n  return isAbstractStatusBarActionItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarLabelItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarLabelItem(item: AnyStatusBarItem): item is StatusBarLabelItem {\r\n  return isAbstractStatusBarLabelItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarCustomItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarCustomItem(item: AnyStatusBarItem): item is StatusBarCustomItem {\r\n  return isStatusBarItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarItem type guard.\r\n * @deprecated in 3.6. Use [[isStatusBarCustomItem]] instead.\r\n * @public\r\n */\r\nexport const isStatusBarItem = (item: UIA_CommonStatusBarItem): item is StatusBarItem => { // eslint-disable-line deprecation/deprecation\r\n  return isAbstractStatusBarCustomItem(item) && (\"reactNode\" in item); // eslint-disable-line deprecation/deprecation\r\n};\r\n"]}
+{"version":3,"file":"StatusBarItem.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,0DAW+B;AAO/B;;GAEG;AACU,QAAA,gBAAgB,GAAG,iCAAoB,CAAC,CAAC,+EAA+E;AAOrI;;GAEG;AACU,QAAA,kBAAkB,GAAG,mCAAsB,CAAC,CAAC,+EAA+E;AAqCzI;;GAEG;AACH,SAAgB,qBAAqB,CAAC,IAAsB;IAC1D,OAAO,IAAA,8CAA6B,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC5F,CAAC;AAFD,sDAEC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,IAAsB;IACzD,OAAO,IAAA,6CAA4B,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC3F,CAAC;AAFD,oDAEC;AAED;;GAEG;AACH,SAAgB,qBAAqB,CAAC,IAAsB;IAC1D,OAAO,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC,CAAC,8CAA8C;AAC9E,CAAC;AAFD,sDAEC;AAED;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAyB,EAAE;IACtF,OAAO,IAAA,8CAA6B,EAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,8CAA8C;AACrH,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","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 * as React from \"react\";\r\nimport {\r\n  AbstractStatusBarActionItem,\r\n  AbstractStatusBarCustomItem,\r\n  AbstractStatusBarItem,\r\n  AbstractStatusBarLabelItem,\r\n  isAbstractStatusBarActionItem,\r\n  isAbstractStatusBarCustomItem,\r\n  isAbstractStatusBarLabelItem,\r\n  CommonStatusBarItem as UIA_CommonStatusBarItem,\r\n  StatusBarLabelSide as UIA_StatusBarLabelSide,\r\n  StatusBarSection as UIA_StatusBarSection,\r\n} from \"@itwin/appui-abstract\";\r\n\r\n/** Status bar Groups/Sections from Left to Right\r\n * @beta\r\n */\r\nexport type StatusBarSection = UIA_StatusBarSection; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Status bar Groups/Sections from Left to Right\r\n * @beta\r\n */\r\nexport const StatusBarSection = UIA_StatusBarSection; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n\r\n/** Defines which side of Icon where label is placed\r\n * @beta\r\n */\r\nexport type StatusBarLabelSide = UIA_StatusBarLabelSide; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Defines which side of Icon where label is placed\r\n * @beta\r\n */\r\nexport const StatusBarLabelSide = UIA_StatusBarLabelSide; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @beta\r\n */\r\nexport type CommonStatusBarItem = AbstractStatusBarItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert an action item into the status bar.\r\n * @beta\r\n */\r\nexport type StatusBarActionItem = AbstractStatusBarActionItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a label item with an optional icon into the status bar.\r\n * @beta\r\n */\r\nexport type StatusBarLabelItem = AbstractStatusBarLabelItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @deprecated in 3.6. Use [[StatusBarCustomItem]] instead.\r\n * @public\r\n */\r\nexport interface StatusBarItem extends AbstractStatusBarCustomItem { // eslint-disable-line deprecation/deprecation\r\n  /** React node for the StatusBar item. */\r\n  readonly reactNode: React.ReactNode;\r\n}\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @beta\r\n */\r\nexport type StatusBarCustomItem = StatusBarItem; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @public  // TODO: 4.x cleanup\r\n */\r\n// eslint-disable-next-line deprecation/deprecation\r\nexport type AnyStatusBarItem = UIA_CommonStatusBarItem; // TODO: Rename to StatusBarItem.\r\n\r\n/** StatusBarActionItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarActionItem(item: AnyStatusBarItem): item is StatusBarActionItem {\r\n  return isAbstractStatusBarActionItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarLabelItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarLabelItem(item: AnyStatusBarItem): item is StatusBarLabelItem {\r\n  return isAbstractStatusBarLabelItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarCustomItem type guard.\r\n * @beta\r\n */\r\nexport function isStatusBarCustomItem(item: AnyStatusBarItem): item is StatusBarCustomItem {\r\n  return isStatusBarItem(item); // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** StatusBarItem type guard.\r\n * @deprecated in 3.6. Use [[isStatusBarCustomItem]] instead.\r\n * @public\r\n */\r\nexport const isStatusBarItem = (item: UIA_CommonStatusBarItem): item is StatusBarItem => { // eslint-disable-line deprecation/deprecation\r\n  return isAbstractStatusBarCustomItem(item) && (\"reactNode\" in item); // eslint-disable-line deprecation/deprecation\r\n};\r\n"]}

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

@@ -8,32 +8,13 @@ import { WidgetControl } from "../widgets/WidgetControl";
  * @public
  */
 export declare type StatusBarFieldId = string | null;
-/** Status Bar Widget Control render prop arguments.
- * @public
- */
-export interface StatusBarWidgetControlArgs {
-    /** Describes whether the footer is in widget or footer mode.
-     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
-    */
-    isInFooterMode: boolean;
-    /** Currently open widget or null if no widget is open.
-     * @deprecated in 3.3. In upcoming versions, this will be removed. Field will be have the freedom of handling their dialog behavior however they like.
-    */
-    openWidget: StatusBarFieldId;
-    /** Function called when the widget is being opened or closed.
-     * @deprecated in 3.3. In upcoming versions, this will be removed. Field will be have the freedom of handling their dialog behavior however they like.
-    */
-    onOpenWidget: (widget: StatusBarFieldId) => void;
-    /** Element reference to which the toast will animate out to. */
-    toastTargetRef: React.Ref<HTMLElement>;
-}
 /** Status Bar Widget Control.
  * @public
  */
 export declare abstract class StatusBarWidgetControl extends WidgetControl {
     constructor(info: ConfigurableCreateInfo, options: any);
     /** Gets the React node associated with this StatusBar Widget Control */
-    abstract getReactNode(args: StatusBarWidgetControlArgs): React.ReactNode;
+    abstract getReactNode(): React.ReactNode;
     /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */
     getType(): ConfigurableUiControlType;
 }

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarWidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,oBAAY,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;MAEE;IACF,cAAc,EAAE,OAAO,CAAC;IACxB;;MAEE;IACF,UAAU,EAAE,gBAAgB,CAAC;IAC7B;;MAEE;IACF,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,gEAAgE;IAChE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CACxC;AAED;;GAEG;AACH,8BAAsB,sBAAuB,SAAQ,aAAa;gBACpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,wEAAwE;aACxD,YAAY,CAAC,IAAI,EAAE,0BAA0B,GAAG,KAAK,CAAC,SAAS;IAE/E,sFAAsF;IACtE,OAAO,IAAI,yBAAyB;CACrD"}
+{"version":3,"file":"StatusBarWidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,oBAAY,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,8BAAsB,sBAAuB,SAAQ,aAAa;gBACpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,wEAAwE;aACxD,YAAY,IAAI,KAAK,CAAC,SAAS;IAE/C,sFAAsF;IACtE,OAAO,IAAI,yBAAyB;CACrD"}

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBarWidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mFAA4G;AAC5G,4DAAyD;AA2BzD;;GAEG;AACH,MAAsB,sBAAuB,SAAQ,6BAAa;IAChE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAKD,sFAAsF;IACtE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,eAAe,CAAC,CAAC,CAAC;CAC3G;AAVD,wDAUC","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 { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetControl } from \"../widgets/WidgetControl\";\r\n\r\n/** Status Bar Field type.\r\n * @public\r\n */\r\nexport type StatusBarFieldId = string | null;\r\n\r\n/** Status Bar Widget Control render prop arguments.\r\n * @public\r\n */\r\nexport interface StatusBarWidgetControlArgs {\r\n  /** Describes whether the footer is in widget or footer mode.\r\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\r\n  */\r\n  isInFooterMode: boolean;\r\n  /** Currently open widget or null if no widget is open.\r\n   * @deprecated in 3.3. In upcoming versions, this will be removed. Field will be have the freedom of handling their dialog behavior however they like.\r\n  */\r\n  openWidget: StatusBarFieldId;\r\n  /** Function called when the widget is being opened or closed.\r\n   * @deprecated in 3.3. In upcoming versions, this will be removed. Field will be have the freedom of handling their dialog behavior however they like.\r\n  */\r\n  onOpenWidget: (widget: StatusBarFieldId) => void;\r\n  /** Element reference to which the toast will animate out to. */\r\n  toastTargetRef: React.Ref<HTMLElement>;\r\n}\r\n\r\n/** Status Bar Widget Control.\r\n * @public\r\n */\r\nexport abstract class StatusBarWidgetControl extends WidgetControl {\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Gets the React node associated with this StatusBar Widget Control */\r\n  public abstract getReactNode(args: StatusBarWidgetControlArgs): React.ReactNode;\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.StatusBarWidget; }\r\n}\r\n"]}
+{"version":3,"file":"StatusBarWidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mFAA4G;AAC5G,4DAAyD;AAOzD;;GAEG;AACH,MAAsB,sBAAuB,SAAQ,6BAAa;IAChE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAKD,sFAAsF;IACtE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,eAAe,CAAC,CAAC,CAAC;CAC3G;AAVD,wDAUC","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 { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { WidgetControl } from \"../widgets/WidgetControl\";\r\n\r\n/** Status Bar Field type.\r\n * @public\r\n */\r\nexport type StatusBarFieldId = string | null;\r\n\r\n/** Status Bar Widget Control.\r\n * @public\r\n */\r\nexport abstract class StatusBarWidgetControl extends WidgetControl {\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Gets the React node associated with this StatusBar Widget Control */\r\n  public abstract getReactNode(): React.ReactNode;\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.StatusBarWidget; }\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/dialog/Dialog.js

@@ -16,7 +16,7 @@ const Button_1 = require("./Button");
  * @beta
  */
 function StatusBarDialog(props) {
-    return React.createElement(appui_layout_react_1.Dialog, { ...props }); // eslint-disable-line deprecation/deprecation
+    return React.createElement(appui_layout_react_1.Dialog, { ...props });
 }
 exports.StatusBarDialog = StatusBarDialog;
 /** Components used in a [[StatusBarDialog]].

package/lib/cjs/appui-react/statusbar/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAmD;AACnD,yCAAqD;AACrD,qCAAyD;AAYzD;;GAEG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,OAAO,oBAAC,2BAAM,OAAK,KAAK,GAAI,CAAC,CAAC,8CAA8C;AAC9E,CAAC;AAFD,0CAEC;AAED;;GAEG;AACH,WAAiB,eAAe;IAC9B,0CAA0C;IAC7B,wBAAQ,GAAG,kCAAuB,CAAC;IAEhD,iDAAiD;IACpC,8BAAc,GAAG,sCAA6B,CAAC;AAC9D,CAAC,EANgB,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAM/B","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 * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Dialog } from \"@itwin/appui-layout-react\";\r\nimport { StatusBarDialogTitleBar } from \"./TitleBar\";\r\nimport { StatusBarDialogTitleBarButton } from \"./Button\";\r\n\r\n/** Properties of [[StatusBarDialog]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarDialogProps extends CommonProps {\r\n  /** Dialog content.  */\r\n  children?: React.ReactNode;\r\n  /** Dialog title bar. See [[StatusBarDialog.TitleBar]] */\r\n  titleBar?: React.ReactNode;\r\n}\r\n\r\n/** Dialog component used in a [[StatusBarIndicator]] component.\r\n * @beta\r\n */\r\nexport function StatusBarDialog(props: StatusBarDialogProps) {\r\n  return <Dialog {...props} />; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** Components used in a [[StatusBarDialog]].\r\n * @beta\r\n */\r\nexport namespace StatusBarDialog {\r\n  /** Title bar of a [[StatusBarDialog]]. */\r\n  export const TitleBar = StatusBarDialogTitleBar;\r\n\r\n  /** Title bar button of a [[StatusBarDialog]]. */\r\n  export const TitleBarButton = StatusBarDialogTitleBarButton;\r\n}\r\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAmD;AACnD,yCAAqD;AACrD,qCAAyD;AAYzD;;GAEG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,OAAO,oBAAC,2BAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC;AAFD,0CAEC;AAED;;GAEG;AACH,WAAiB,eAAe;IAC9B,0CAA0C;IAC7B,wBAAQ,GAAG,kCAAuB,CAAC;IAEhD,iDAAiD;IACpC,8BAAc,GAAG,sCAA6B,CAAC;AAC9D,CAAC,EANgB,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAM/B","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 * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Dialog } from \"@itwin/appui-layout-react\";\r\nimport { StatusBarDialogTitleBar } from \"./TitleBar\";\r\nimport { StatusBarDialogTitleBarButton } from \"./Button\";\r\n\r\n/** Properties of [[StatusBarDialog]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarDialogProps extends CommonProps {\r\n  /** Dialog content.  */\r\n  children?: React.ReactNode;\r\n  /** Dialog title bar. See [[StatusBarDialog.TitleBar]] */\r\n  titleBar?: React.ReactNode;\r\n}\r\n\r\n/** Dialog component used in a [[StatusBarIndicator]] component.\r\n * @beta\r\n */\r\nexport function StatusBarDialog(props: StatusBarDialogProps) {\r\n  return <Dialog {...props} />;\r\n}\r\n\r\n/** Components used in a [[StatusBarDialog]].\r\n * @beta\r\n */\r\nexport namespace StatusBarDialog {\r\n  /** Title bar of a [[StatusBarDialog]]. */\r\n  export const TitleBar = StatusBarDialogTitleBar;\r\n\r\n  /** Title bar button of a [[StatusBarDialog]]. */\r\n  export const TitleBarButton = StatusBarDialogTitleBarButton;\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/dialog/TitleBar.js

@@ -14,7 +14,7 @@ const appui_layout_react_1 = require("@itwin/appui-layout-react");
 * @beta
 */
 function StatusBarDialogTitleBar(props) {
-    return React.createElement(appui_layout_react_1.TitleBar, { ...props }); // eslint-disable-line deprecation/deprecation
+    return React.createElement(appui_layout_react_1.TitleBar, { ...props });
 }
 exports.StatusBarDialogTitleBar = StatusBarDialogTitleBar;
 //# sourceMappingURL=TitleBar.js.map

package/lib/cjs/appui-react/statusbar/dialog/TitleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAqD;AAYrD;;EAEE;AACF,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,OAAO,oBAAC,6BAAQ,OAAK,KAAK,GAAI,CAAC,CAAC,8CAA8C;AAChF,CAAC;AAFD,0DAEC","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 * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { TitleBar } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[StatusBarDialogTitleBar]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarDialogTitleBarProps extends CommonProps {\r\n  /** Title bar buttons. */\r\n  children?: React.ReactNode;\r\n  /** Title bar title. */\r\n  title?: string;\r\n}\r\n\r\n/** Dialog component used in a [[StatusBarDialog]] component.\r\n* @beta\r\n*/\r\nexport function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps) {\r\n  return <TitleBar {...props} />; // eslint-disable-line deprecation/deprecation\r\n}\r\n"]}
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAqD;AAYrD;;EAEE;AACF,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,OAAO,oBAAC,6BAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC;AAFD,0DAEC","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 * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { TitleBar } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[StatusBarDialogTitleBar]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarDialogTitleBarProps extends CommonProps {\r\n  /** Title bar buttons. */\r\n  children?: React.ReactNode;\r\n  /** Title bar title. */\r\n  title?: string;\r\n}\r\n\r\n/** Dialog component used in a [[StatusBarDialog]] component.\r\n* @beta\r\n*/\r\nexport function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps) {\r\n  return <TitleBar {...props} />;\r\n}\r\n"]}

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

@@ -1,9 +1,10 @@
 /** @packageDocumentation
  * @module StatusBar
  */
-import { CommonStatusBarItem, StatusBarItemsManager } from "@itwin/appui-abstract";
+import { StatusBarItemsManager } from "@itwin/appui-abstract";
+import { AnyStatusBarItem } from "./StatusBarItem";
 /** Hook that returns items from [[StatusBarItemsManager]].
  * @public
  */
-export declare const useUiItemsProviderStatusBarItems: (manager: StatusBarItemsManager) => readonly CommonStatusBarItem[];
+export declare const useUiItemsProviderStatusBarItems: (manager: StatusBarItemsManager) => readonly AnyStatusBarItem[];
 //# sourceMappingURL=useUiItemsProviderStatusBarItems.d.ts.map

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAGH,OAAO,EACL,mBAAmB,EAA6B,qBAAqB,EACtE,MAAM,uBAAuB,CAAC;AAO/B;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,mBAAmB,EAmC7G,CAAC"}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,gBAAgB,EA+B1G,CAAC"}