@itwin/appui-react 3.6.0-dev.36 → 3.6.0-dev.38

package/lib/esm/appui-react/stagepanels/StagePanelHeader.d.ts

@@ -1,28 +1,28 @@
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./StagePanelHeader.scss";
-import * as React from "react";
-import { StagePanelLocation } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of a [[StagePanelHeader]] component
- * @alpha @deprecated
- */
-export interface StagePanelHeaderProps extends CommonProps {
-    /** Describes if the collapse button is visible. */
-    collapseButton?: boolean;
-    /** Title of collapse button (displayed when hovered). */
-    collapseButtonTitle?: string;
-    /** Describes stage panel location of this header. */
-    location: StagePanelLocation;
-    /** Header title. */
-    title?: string;
-}
-/** Stage panel header React component.
- * @alpha @deprecated
- */
-export declare class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {
-    render(): JSX.Element;
-    private _handleCollapseButtonClick;
-}
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./StagePanelHeader.scss";
+import * as React from "react";
+import { StagePanelLocation } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of a [[StagePanelHeader]] component
+ * @alpha @deprecated
+ */
+export interface StagePanelHeaderProps extends CommonProps {
+    /** Describes if the collapse button is visible. */
+    collapseButton?: boolean;
+    /** Title of collapse button (displayed when hovered). */
+    collapseButtonTitle?: string;
+    /** Describes stage panel location of this header. */
+    location: StagePanelLocation;
+    /** Header title. */
+    title?: string;
+}
+/** Stage panel header React component.
+ * @alpha @deprecated
+ */
+export declare class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {
+    render(): JSX.Element;
+    private _handleCollapseButtonClick;
+}
 //# sourceMappingURL=StagePanelHeader.d.ts.map

package/lib/esm/appui-react/stagepanels/StagePanelHeader.js

@@ -1,42 +1,42 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./StagePanelHeader.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { StagePanelState } from "./StagePanelDef";
-/** Stage panel header React component.
- * @alpha @deprecated
- */
-export class StagePanelHeader extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleCollapseButtonClick = () => {
-            const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
-            // istanbul ignore if
-            if (!activeFrontstageDef)
-                return;
-            const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);
-            // istanbul ignore if
-            if (!stagePanel)
-                return;
-            stagePanel.panelState = StagePanelState.Minimized;
-        };
-    }
-    render() {
-        const className = classnames("uifw-stagepanelheader", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style },
-            React.createElement("span", null, this.props.title),
-            this.props.collapseButton ?
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                React.createElement("i", { className: "uifw-collapse icon icon-close", title: this.props.collapseButtonTitle, onClick: this._handleCollapseButtonClick, role: "button", tabIndex: -1 }) :
-                undefined));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./StagePanelHeader.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { StagePanelState } from "./StagePanelDef";
+/** Stage panel header React component.
+ * @alpha @deprecated
+ */
+export class StagePanelHeader extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleCollapseButtonClick = () => {
+            const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
+            // istanbul ignore if
+            if (!activeFrontstageDef)
+                return;
+            const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);
+            // istanbul ignore if
+            if (!stagePanel)
+                return;
+            stagePanel.panelState = StagePanelState.Minimized;
+        };
+    }
+    render() {
+        const className = classnames("uifw-stagepanelheader", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style },
+            React.createElement("span", null, this.props.title),
+            this.props.collapseButton ?
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+                React.createElement("i", { className: "uifw-collapse icon icon-close", title: this.props.collapseButtonTitle, onClick: this._handleCollapseButtonClick, role: "button", tabIndex: -1 }) :
+                undefined));
+    }
+}
 //# sourceMappingURL=StagePanelHeader.js.map

package/lib/esm/appui-react/stagepanels/StagePanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelHeader.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAkBlD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAAhF;;QA0BU,+BAA0B,GAAG,GAAG,EAAE;YACxC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;YAClE,qBAAqB;YACrB,IAAI,CAAC,mBAAmB;gBACtB,OAAO;YACT,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC7E,qBAAqB;YACrB,IAAI,CAAC,UAAU;gBACb,OAAO;YACT,UAAU,CAAC,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC;IApCiB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAClD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC9B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBAC1B,iEAAiE;gBACjE,2BACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EACrC,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CAAC,CAAC;gBACJ,SAAS,CAEP,CACP,CAAC;IACJ,CAAC;CAaF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Frontstage\n */\n\nimport \"./StagePanelHeader.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { StagePanelState } from \"./StagePanelDef\";\n\n// cspell:ignore stagepanelheader\n\n/** Properties of a [[StagePanelHeader]] component\n * @alpha @deprecated\n */\nexport interface StagePanelHeaderProps extends CommonProps {\n  /** Describes if the collapse button is visible. */\n  collapseButton?: boolean;\n  /** Title of collapse button (displayed when hovered). */\n  collapseButtonTitle?: string;\n  /** Describes stage panel location of this header. */\n  location: StagePanelLocation;\n  /** Header title. */\n  title?: string;\n}\n\n/** Stage panel header React component.\n * @alpha @deprecated\n */\nexport class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {\n  public override render() {\n    const className = classnames(\"uifw-stagepanelheader\",\n      this.props.className,\n    );\n    return (\n      <div\n        className={className}\n        style={this.props.style}\n      >\n        <span>{this.props.title}</span>\n        {this.props.collapseButton ?\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n          <i\n            className=\"uifw-collapse icon icon-close\"\n            title={this.props.collapseButtonTitle}\n            onClick={this._handleCollapseButtonClick}\n            role=\"button\"\n            tabIndex={-1}\n          /> :\n          undefined\n        }\n      </div>\n    );\n  }\n\n  private _handleCollapseButtonClick = () => {\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\n    // istanbul ignore if\n    if (!activeFrontstageDef)\n      return;\n    const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);\n    // istanbul ignore if\n    if (!stagePanel)\n      return;\n    stagePanel.panelState = StagePanelState.Minimized;\n  };\n}\n"]}
+{"version":3,"file":"StagePanelHeader.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelHeader.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAkBlD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAAhF;;QA0BU,+BAA0B,GAAG,GAAG,EAAE;YACxC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;YAClE,qBAAqB;YACrB,IAAI,CAAC,mBAAmB;gBACtB,OAAO;YACT,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC7E,qBAAqB;YACrB,IAAI,CAAC,UAAU;gBACb,OAAO;YACT,UAAU,CAAC,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC;IApCiB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAClD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC9B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBAC1B,iEAAiE;gBACjE,2BACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EACrC,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CAAC,CAAC;gBACJ,SAAS,CAEP,CACP,CAAC;IACJ,CAAC;CAaF","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport \"./StagePanelHeader.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StagePanelLocation } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StagePanelState } from \"./StagePanelDef\";\r\n\r\n// cspell:ignore stagepanelheader\r\n\r\n/** Properties of a [[StagePanelHeader]] component\r\n * @alpha @deprecated\r\n */\r\nexport interface StagePanelHeaderProps extends CommonProps {\r\n  /** Describes if the collapse button is visible. */\r\n  collapseButton?: boolean;\r\n  /** Title of collapse button (displayed when hovered). */\r\n  collapseButtonTitle?: string;\r\n  /** Describes stage panel location of this header. */\r\n  location: StagePanelLocation;\r\n  /** Header title. */\r\n  title?: string;\r\n}\r\n\r\n/** Stage panel header React component.\r\n * @alpha @deprecated\r\n */\r\nexport class StagePanelHeader extends React.PureComponent<StagePanelHeaderProps> {\r\n  public override render() {\r\n    const className = classnames(\"uifw-stagepanelheader\",\r\n      this.props.className,\r\n    );\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n      >\r\n        <span>{this.props.title}</span>\r\n        {this.props.collapseButton ?\r\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n          <i\r\n            className=\"uifw-collapse icon icon-close\"\r\n            title={this.props.collapseButtonTitle}\r\n            onClick={this._handleCollapseButtonClick}\r\n            role=\"button\"\r\n            tabIndex={-1}\r\n          /> :\r\n          undefined\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleCollapseButtonClick = () => {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore if\r\n    if (!activeFrontstageDef)\r\n      return;\r\n    const stagePanel = activeFrontstageDef.getStagePanelDef(this.props.location);\r\n    // istanbul ignore if\r\n    if (!stagePanel)\r\n      return;\r\n    stagePanel.panelState = StagePanelState.Minimized;\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/stagepanels/StagePanelHeader.scss

@@ -1,26 +1,26 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/dialog/variables";
-
-.uifw-stagepanelheader {
-  align-items: center;
-  height: $nz-footer-title-bar-height;
-  justify-content: flex-end;
-  padding: 5px 10px;
-  box-sizing: border-box;
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr auto;
-
-  >.uifw-collapse {
-    cursor: pointer;
-    justify-self: end;
-    padding: 5px;
-
-    &:focus {
-      outline: none;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/dialog/variables";
+
+.uifw-stagepanelheader {
+  align-items: center;
+  height: $nz-footer-title-bar-height;
+  justify-content: flex-end;
+  padding: 5px 10px;
+  box-sizing: border-box;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr auto;
+
+  >.uifw-collapse {
+    cursor: pointer;
+    justify-self: end;
+    padding: 5px;
+
+    &:focus {
+      outline: none;
+    }
+  }
 }

package/lib/esm/appui-react/statusbar/Indicator.d.ts

@@ -1,26 +1,26 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./Indicator.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[StatusBarIndicator]] component.
- * @beta
- */
-export interface StatusBarIndicatorProps extends CommonProps {
-    /** Indicator content. */
-    children?: React.ReactNode;
-    /** Content to display in a popup when indicator is clicked. */
-    popup?: React.ReactNode;
-    /** Function called when indicator is clicked. */
-    onClick?: () => void;
-    /** Default state of an indicator popup. */
-    defaultIsOpen?: boolean;
-    /** Title of an indicator. */
-    title?: string;
-}
-/** General-purpose [[StatusBar]] indicator.
- * @beta
- */
-export declare function StatusBarIndicator(props: StatusBarIndicatorProps): JSX.Element;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./Indicator.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarIndicator]] component.
+ * @beta
+ */
+export interface StatusBarIndicatorProps extends CommonProps {
+    /** Indicator content. */
+    children?: React.ReactNode;
+    /** Content to display in a popup when indicator is clicked. */
+    popup?: React.ReactNode;
+    /** Function called when indicator is clicked. */
+    onClick?: () => void;
+    /** Default state of an indicator popup. */
+    defaultIsOpen?: boolean;
+    /** Title of an indicator. */
+    title?: string;
+}
+/** General-purpose [[StatusBar]] indicator.
+ * @beta
+ */
+export declare function StatusBarIndicator(props: StatusBarIndicatorProps): JSX.Element;
 //# sourceMappingURL=Indicator.d.ts.map

package/lib/esm/appui-react/statusbar/Indicator.js

@@ -1,34 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./Indicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { FooterIndicator, FooterPopup } from "@itwin/appui-layout-react";
-/** General-purpose [[StatusBar]] indicator.
- * @beta
- */
-export function StatusBarIndicator(props) {
-    const hasClickAction = !!props.onClick || !!props.popup;
-    const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);
-    const handleOnIndicatorClick = () => {
-        var _a;
-        setIsOpen(!isOpen);
-        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    const target = React.useRef(null);
-    const classNames = classnames("uifw-statusbar-indicator", hasClickAction && "uifw-action", props.className);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FooterIndicator // eslint-disable-line deprecation/deprecation
-        , { ref: target, className: classNames, title: props.title, style: props.style, onClick: handleOnIndicatorClick, ...{
-                role: "button",
-                tabIndex: -1,
-            } }, props.children),
-        props.popup && React.createElement(FooterPopup // eslint-disable-line deprecation/deprecation
-        , { target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, props.popup)));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./Indicator.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { FooterIndicator, FooterPopup } from "@itwin/appui-layout-react";
+/** General-purpose [[StatusBar]] indicator.
+ * @beta
+ */
+export function StatusBarIndicator(props) {
+    const hasClickAction = !!props.onClick || !!props.popup;
+    const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);
+    const handleOnIndicatorClick = () => {
+        var _a;
+        setIsOpen(!isOpen);
+        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    const target = React.useRef(null);
+    const classNames = classnames("uifw-statusbar-indicator", hasClickAction && "uifw-action", props.className);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FooterIndicator // eslint-disable-line deprecation/deprecation
+        , { ref: target, className: classNames, title: props.title, style: props.style, onClick: handleOnIndicatorClick, ...{
+                role: "button",
+                tabIndex: -1,
+            } }, props.children),
+        props.popup && React.createElement(FooterPopup // eslint-disable-line deprecation/deprecation
+        , { target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, props.popup)));
+}
 //# sourceMappingURL=Indicator.js.map

package/lib/esm/appui-react/statusbar/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Indicator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAkBzE;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,GAAG,EAAE;;QAClC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,CAAY,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAC3B,0BAA0B,EAC1B,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL;QACE,oBAAC,eAAe,CAAC,8CAA8C;YAC7D,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,sBAAsB,KAC3B;gBACF,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,CAAC;aACb,IAEA,KAAK,CAAC,QAAQ,CACC;QACjB,KAAK,CAAC,KAAK,IAAI,oBAAC,WAAW,CAAC,8CAA8C;YACzE,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,KAAK,CACA,CACb,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./Indicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { FooterIndicator, FooterPopup } from \"@itwin/appui-layout-react\";\n\n/** Properties of [[StatusBarIndicator]] component.\n * @beta\n */\nexport interface StatusBarIndicatorProps extends CommonProps {\n  /** Indicator content. */\n  children?: React.ReactNode;\n  /** Content to display in a popup when indicator is clicked. */\n  popup?: React.ReactNode;\n  /** Function called when indicator is clicked. */\n  onClick?: () => void;\n  /** Default state of an indicator popup. */\n  defaultIsOpen?: boolean;\n  /** Title of an indicator. */\n  title?: string;\n}\n\n/** General-purpose [[StatusBar]] indicator.\n * @beta\n */\nexport function StatusBarIndicator(props: StatusBarIndicatorProps) {\n  const hasClickAction = !!props.onClick || !!props.popup;\n  const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);\n  const handleOnIndicatorClick = () => {\n    setIsOpen(!isOpen);\n    props.onClick?.();\n  };\n  const target = React.useRef<HTMLDivElement>(null);\n  const classNames = classnames(\n    \"uifw-statusbar-indicator\",\n    hasClickAction && \"uifw-action\",\n    props.className,\n  );\n  return (\n    <>\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\n        ref={target}\n        className={classNames}\n        title={props.title}\n        style={props.style}\n        onClick={handleOnIndicatorClick}\n        {...{\n          role: \"button\",\n          tabIndex: -1,\n        }}\n      >\n        {props.children}\n      </FooterIndicator>\n      {props.popup && <FooterPopup // eslint-disable-line deprecation/deprecation\n        target={target.current}\n        onClose={() => setIsOpen(false)}\n        isOpen={isOpen}\n      >\n        {props.popup}\n      </FooterPopup>}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Indicator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAkBzE;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,sBAAsB,GAAG,GAAG,EAAE;;QAClC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,CAAY,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAC3B,0BAA0B,EAC1B,cAAc,IAAI,aAAa,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL;QACE,oBAAC,eAAe,CAAC,8CAA8C;YAC7D,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,sBAAsB,KAC3B;gBACF,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,CAAC;aACb,IAEA,KAAK,CAAC,QAAQ,CACC;QACjB,KAAK,CAAC,KAAK,IAAI,oBAAC,WAAW,CAAC,8CAA8C;YACzE,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,KAAK,CACA,CACb,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./Indicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FooterIndicator, FooterPopup } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[StatusBarIndicator]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarIndicatorProps extends CommonProps {\r\n  /** Indicator content. */\r\n  children?: React.ReactNode;\r\n  /** Content to display in a popup when indicator is clicked. */\r\n  popup?: React.ReactNode;\r\n  /** Function called when indicator is clicked. */\r\n  onClick?: () => void;\r\n  /** Default state of an indicator popup. */\r\n  defaultIsOpen?: boolean;\r\n  /** Title of an indicator. */\r\n  title?: string;\r\n}\r\n\r\n/** General-purpose [[StatusBar]] indicator.\r\n * @beta\r\n */\r\nexport function StatusBarIndicator(props: StatusBarIndicatorProps) {\r\n  const hasClickAction = !!props.onClick || !!props.popup;\r\n  const [isOpen, setIsOpen] = React.useState(!!props.defaultIsOpen);\r\n  const handleOnIndicatorClick = () => {\r\n    setIsOpen(!isOpen);\r\n    props.onClick?.();\r\n  };\r\n  const target = React.useRef<HTMLDivElement>(null);\r\n  const classNames = classnames(\r\n    \"uifw-statusbar-indicator\",\r\n    hasClickAction && \"uifw-action\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <>\r\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\r\n        ref={target}\r\n        className={classNames}\r\n        title={props.title}\r\n        style={props.style}\r\n        onClick={handleOnIndicatorClick}\r\n        {...{\r\n          role: \"button\",\r\n          tabIndex: -1,\r\n        }}\r\n      >\r\n        {props.children}\r\n      </FooterIndicator>\r\n      {props.popup && <FooterPopup // eslint-disable-line deprecation/deprecation\r\n        target={target.current}\r\n        onClose={() => setIsOpen(false)}\r\n        isOpen={isOpen}\r\n      >\r\n        {props.popup}\r\n      </FooterPopup>}\r\n    </>\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/statusbar/Indicator.scss

@@ -1,110 +1,110 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-@keyframes uifw-indicator-fadeIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(.5);
-    transform: scale(.5);
-  }
-
-  50% {
-    -webkit-transform: scale(1.5);
-    transform: scale(1.5);
-  }
-
-  100% {
-    -webkit-transform: scale(1.0);
-    transform: scale(1.0);
-    opacity: 1;
-  }
-}
-
-@keyframes uifw-indicator-fadeOut {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.uifw-statusbar-indicator {
-  visibility: visible;
-  gap: 8px;
-
-  &.uifw-action {
-    cursor: pointer;
-
-    &:hover {
-      color: $buic-foreground-primary;
-    }
-  }
-
-  &.uifw-indicator-fade-in {
-    animation: uifw-indicator-fadeIn 1s linear;
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  &.uifw-indicator-fade-out {
-    animation: uifw-indicator-fadeOut 500ms linear;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  >.nz-balloon-container {
-    height: 100%;
-    position: relative;
-    display: grid;
-    align-content: center;
-
-    >.nz-balloon {
-      background-color: $buic-text-color;
-      text-align: center;
-      cursor: pointer;
-      min-width: $min-balloon-width;
-      min-height: $min-balloon-height;
-      border-radius: 50%;
-      padding: $balloon-padding;
-      filter: $icon-shadow;
-      position: relative;
-      align-self: center;
-
-      >.nz-arrow {
-        position: absolute;
-        width: 0;
-        bottom: -3px;
-        left: 0;
-        display: block;
-        border-width: 0;
-        border-bottom-width: $balloon-arrow-height;
-        border-left-width: $balloon-arrow-width;
-        border-style: solid;
-        border-color: transparent $buic-text-color;
-        transform: rotate(25deg);
-      }
-
-      >.nz-content {
-        position: relative;
-        color: #FFFFFF;
-        line-height: $min-balloon-height;
-        font-size: 11px;
-      }
-    }
-
-    >.nz-dialog {
-      height: 100%;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      left: 50%;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+@keyframes uifw-indicator-fadeIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(.5);
+    transform: scale(.5);
+  }
+
+  50% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+
+  100% {
+    -webkit-transform: scale(1.0);
+    transform: scale(1.0);
+    opacity: 1;
+  }
+}
+
+@keyframes uifw-indicator-fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.uifw-statusbar-indicator {
+  visibility: visible;
+  gap: 8px;
+
+  &.uifw-action {
+    cursor: pointer;
+
+    &:hover {
+      color: $buic-foreground-primary;
+    }
+  }
+
+  &.uifw-indicator-fade-in {
+    animation: uifw-indicator-fadeIn 1s linear;
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  &.uifw-indicator-fade-out {
+    animation: uifw-indicator-fadeOut 500ms linear;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  >.nz-balloon-container {
+    height: 100%;
+    position: relative;
+    display: grid;
+    align-content: center;
+
+    >.nz-balloon {
+      background-color: $buic-text-color;
+      text-align: center;
+      cursor: pointer;
+      min-width: $min-balloon-width;
+      min-height: $min-balloon-height;
+      border-radius: 50%;
+      padding: $balloon-padding;
+      filter: $icon-shadow;
+      position: relative;
+      align-self: center;
+
+      >.nz-arrow {
+        position: absolute;
+        width: 0;
+        bottom: -3px;
+        left: 0;
+        display: block;
+        border-width: 0;
+        border-bottom-width: $balloon-arrow-height;
+        border-left-width: $balloon-arrow-width;
+        border-style: solid;
+        border-color: transparent $buic-text-color;
+        transform: rotate(25deg);
+      }
+
+      >.nz-content {
+        position: relative;
+        color: #FFFFFF;
+        line-height: $min-balloon-height;
+        font-size: 11px;
+      }
+    }
+
+    >.nz-dialog {
+      height: 100%;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 50%;
+    }
+  }
+}

package/lib/esm/appui-react/statusbar/LabelIndicator.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-/// <reference types="react" />
-import "./LabelIndicator.scss";
-import { StatusBarIndicatorProps } from "./Indicator";
-import { IconSpec } from "@itwin/core-react";
-import { StatusBarLabelSide } from "@itwin/appui-abstract";
-/** Properties of [[StatusBarLabelIndicator]] component.
- * @beta
- */
-export interface StatusBarLabelIndicatorProps extends Omit<StatusBarIndicatorProps, "children"> {
-    /** Specification of an icon. */
-    iconSpec?: IconSpec;
-    /** Indicator label. */
-    label?: string;
-    /** Side to display label. */
-    labelSide?: StatusBarLabelSide;
-}
-/** [[StatusBar]] indicator that shows a label with an icon.
- * @beta
- */
-export declare function StatusBarLabelIndicator(props: StatusBarLabelIndicatorProps): JSX.Element;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+/// <reference types="react" />
+import "./LabelIndicator.scss";
+import { StatusBarIndicatorProps } from "./Indicator";
+import { IconSpec } from "@itwin/core-react";
+import { StatusBarLabelSide } from "@itwin/appui-abstract";
+/** Properties of [[StatusBarLabelIndicator]] component.
+ * @beta
+ */
+export interface StatusBarLabelIndicatorProps extends Omit<StatusBarIndicatorProps, "children"> {
+    /** Specification of an icon. */
+    iconSpec?: IconSpec;
+    /** Indicator label. */
+    label?: string;
+    /** Side to display label. */
+    labelSide?: StatusBarLabelSide;
+}
+/** [[StatusBar]] indicator that shows a label with an icon.
+ * @beta
+ */
+export declare function StatusBarLabelIndicator(props: StatusBarLabelIndicatorProps): JSX.Element;
 //# sourceMappingURL=LabelIndicator.d.ts.map