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

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

@@ -0,0 +1 @@
+{"version":3,"file":"withMessageCenterFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withMessageCenterFieldProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;AACzC,gEAAgE;AAChE,SAA6C,EAC7C,EAAE;IAGF,OAAO,SAAS,2BAA2B,CAAC,KAAY;QACtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC5D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC;QACrD,OAAO,CACL,oBAAC,SAAS,OACJ,KAAY,KACZ,IAAI,EACR,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { MessageCenterFieldProps } from \"../statusfields/MessageCenter\";\r\nimport { StatusBarContext } from \"./StatusBar\";\r\n\r\n/** HOC that injects values for [[MessageCenterFieldProps]].\r\n * @public @deprecated in 3.3. Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.\r\n */\r\nexport const withMessageCenterFieldProps = <P extends MessageCenterFieldProps, C>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.JSXElementConstructor<P> & C,\r\n) => {\r\n  type InjectedProps = Pick<MessageCenterFieldProps, \"isInFooterMode\" | \"onOpenWidget\" | \"openWidget\" | \"targetRef\">;\r\n  type Props = JSX.LibraryManagedAttributes<C, Omit<P, keyof InjectedProps>>;\r\n  return function WithMessageCenterFieldProps(props: Props) {\r\n    const statusBarContext = React.useContext(StatusBarContext);\r\n    const { toastTargetRef, ...args } = statusBarContext;\r\n    return (\r\n      <Component\r\n        {...props as any}\r\n        {...args}\r\n        targetRef={toastTargetRef}\r\n      />\r\n    );\r\n  };\r\n};\r\n"]}

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

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { StatusFieldProps } from "../statusfields/StatusFieldProps";
+/** HOC that injects values for [[StatusFieldProps]].
+ * @public
+ * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.
+ */
+export declare const withStatusFieldProps: <P extends StatusFieldProps, C>(Component: React.JSXElementConstructor<P> & C) => (props: JSX.LibraryManagedAttributes<C, Omit<P, "isInFooterMode" | "openWidget" | "onOpenWidget">>) => JSX.Element;
+//# sourceMappingURL=withStatusFieldProps.d.ts.map

package/lib/esm/appui-react/statusbar/withStatusFieldProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withStatusFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withStatusFieldProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,sMAgBhC,CAAC"}

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

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+* 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 * as React from "react";
+import { StatusBarContext } from "./StatusBar";
+/** HOC that injects values for [[StatusFieldProps]].
+ * @public
+ * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.
+ */
+export const withStatusFieldProps = (
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Component) => {
+    return function WithStatusFieldProps(props) {
+        const statusBarContext = React.useContext(StatusBarContext);
+        const { toastTargetRef, ...args } = statusBarContext; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(Component, { ...props, ...args }));
+    };
+};
+//# sourceMappingURL=withStatusFieldProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withStatusFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/withStatusFieldProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;AAClC,gEAAgE;AAChE,SAA6C,EAC7C,EAAE;IAGF,OAAO,SAAS,oBAAoB,CAAC,KAAY;QAC/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC5D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC,CAAC,wDAAwD;QAC9G,OAAO,CACL,oBAAC,SAAS,OACJ,KAAY,KACZ,IAAI,GACR,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StatusFieldProps } from \"../statusfields/StatusFieldProps\";\r\nimport { StatusBarContext } from \"./StatusBar\";\r\n\r\n/** HOC that injects values for [[StatusFieldProps]].\r\n * @public\r\n * @deprecated in 3.3. StatusFieldProps props are deprecated, using this is no longer necessary and will be removed.\r\n */\r\nexport const withStatusFieldProps = <P extends StatusFieldProps, C>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.JSXElementConstructor<P> & C,\r\n) => {\r\n  type InjectedProps = Pick<StatusFieldProps, \"isInFooterMode\" | \"onOpenWidget\" | \"openWidget\">;\r\n  type Props = JSX.LibraryManagedAttributes<C, Omit<P, keyof InjectedProps>>;\r\n  return function WithStatusFieldProps(props: Props) {\r\n    const statusBarContext = React.useContext(StatusBarContext);\r\n    const { toastTargetRef, ...args } = statusBarContext; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <Component\r\n        {...props as any}\r\n        {...args}\r\n      />\r\n    );\r\n  };\r\n};\r\n"]}

package/lib/esm/appui-react/statusfields/ActivityCenter.d.ts

@@ -1,10 +1,28 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-/** Activity Center Field React component.
- * @public
- */
-export declare function ActivityCenterField(props: CommonProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { NotifyMessageType } from "../messages/ReactNotifyMessageDetails";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** State for the [[ActivityCenterField]] component
+ * @internal
+ */
+interface ActivityCenterState {
+    message: NotifyMessageType;
+    percentage: number;
+    isActivityMessageVisible: boolean;
+}
+/** Activity Center Field React component.
+ * @public
+ */
+export declare class ActivityCenterField extends React.Component<StatusFieldProps, ActivityCenterState> {
+    constructor(p: StatusFieldProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleActivityMessageEvent;
+    private _handleActivityMessageCancelledEvent;
+    private _openActivityMessage;
+    render(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=ActivityCenter.d.ts.map

package/lib/esm/appui-react/statusfields/ActivityCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAY,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM1D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,sBAqDrD"}
+{"version":3,"file":"ActivityCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,wBAAwB,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;gBACjF,CAAC,EAAE,gBAAgB;IASf,iBAAiB;IAKjB,oBAAoB;IAKpC,OAAO,CAAC,2BAA2B,CAMjC;IAEF,OAAO,CAAC,oCAAoC,CAI1C;IAEF,OAAO,CAAC,oBAAoB,CAE1B;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA2B1C"}

package/lib/esm/appui-react/statusfields/ActivityCenter.js

@@ -1,56 +1,64 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Centered } from "@itwin/core-react";
-import { MessageManager } from "../messages/MessageManager";
-import { UiFramework } from "../UiFramework";
-import { ProgressLinear, Small } from "@itwin/itwinui-react";
-/** Activity Center Field React component.
- * @public
- */
-export function ActivityCenterField(props) {
-    const [message, setMessage] = React.useState("");
-    const [percentage, setPercentage] = React.useState(0);
-    const [isVisible, setIsVisible] = React.useState(true);
-    const [label] = React.useState(UiFramework.translate("activityCenter.percentComplete"));
-    React.useEffect(() => {
-        return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
-            setMessage(args.message);
-            setPercentage(args.percentage);
-            setIsVisible(true);
-        });
-    }, []);
-    React.useEffect(() => {
-        return MessageManager.onActivityMessageCancelledEvent.addListener(() => {
-            setIsVisible(false);
-        });
-    }, []);
-    const openActivityMessage = () => {
-        MessageManager.setupActivityMessageValues(message, percentage, true);
-    };
-    const isPercentageValid = (percentage > 0 && percentage < 100);
-    if (!isVisible || !isPercentageValid)
-        return null;
-    const moreDetails = UiFramework.translate("activityCenter.moreDetails");
-    const tooltip = `${message}-${moreDetails}`;
-    return (React.createElement(Centered, { className: classnames("open-activity-message", props.className), style: {
-            height: "100%",
-            minWidth: 120,
-            padding: "0 8px",
-            alignItems: "end",
-            ...props.style,
-        }, onClick: openActivityMessage, title: tooltip },
-        React.createElement(ProgressLinear, { style: {
-                flex: "1",
-            }, value: percentage, labels: [React.createElement(Small, { key: 0 },
-                    percentage,
-                    " ",
-                    label)] })));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Centered } from "@itwin/core-react";
+import { MessageLayout, MessageProgress, Status } from "@itwin/appui-layout-react";
+import { MessageManager } from "../messages/MessageManager";
+import { UiFramework } from "../UiFramework";
+/** Activity Center Field React component.
+ * @public
+ */
+export class ActivityCenterField extends React.Component {
+    constructor(p) {
+        super(p);
+        this._handleActivityMessageEvent = (args) => {
+            this.setState({
+                message: args.message,
+                percentage: args.percentage,
+                isActivityMessageVisible: true,
+            });
+        };
+        this._handleActivityMessageCancelledEvent = () => {
+            this.setState({
+                isActivityMessageVisible: false,
+            });
+        };
+        this._openActivityMessage = () => {
+            MessageManager.setupActivityMessageValues(this.state.message, this.state.percentage, true);
+        };
+        this.state = {
+            message: "",
+            percentage: 0,
+            isActivityMessageVisible: true,
+        };
+    }
+    componentDidMount() {
+        MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageEvent);
+        MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);
+    }
+    componentWillUnmount() {
+        MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageEvent);
+        MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
+    }
+    render() {
+        let footerMessages;
+        const isPercentageValid = (this.state.percentage > 0 && this.state.percentage < 100);
+        if (this.state.isActivityMessageVisible && isPercentageValid) {
+            const moreDetails = UiFramework.translate("activityCenter.moreDetails");
+            const tooltip = `${this.state.message}-${moreDetails}`;
+            footerMessages = (React.createElement(Centered, { className: classnames("open-activity-message", this.props.className), style: this.props.style, onClick: this._openActivityMessage, title: tooltip },
+                React.createElement(MessageLayout, { progress: React.createElement(MessageProgress, { status: Status.Information, progress: this.state.percentage }) })));
+        }
+        else {
+            footerMessages = React.createElement("div", null);
+        }
+        return footerMessages;
+    }
+}
 //# sourceMappingURL=ActivityCenter.js.map

package/lib/esm/appui-react/statusfields/ActivityCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAe,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7D;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAkB;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAExF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACvE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,GAAG,EAAE;YACrE,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,cAAc,CAAC,0BAA0B,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG,CAAC,CAAC;IAC/D,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;QAClC,OAAO,IAAI,CAAC;IAEd,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC;IAE5C,OAAO,CACL,oBAAC,QAAQ,IACP,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK,CAAC,KAAK;SACf,EACD,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,OAAO;QAEd,oBAAC,cAAc,IACb,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG;aACV,EACD,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,CAAC,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC;oBAAG,UAAU;;oBAAG,KAAK,CAAS,CAAC,GACrD,CACO,CACZ,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 Notification\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Centered, CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ProgressLinear, Small } from \"@itwin/itwinui-react\";\n\n/** Activity Center Field React component.\n * @public\n */\nexport function ActivityCenterField(props: CommonProps) {\n  const [message, setMessage] = React.useState<NotifyMessageType>(\"\");\n  const [percentage, setPercentage] = React.useState<number>(0);\n  const [isVisible, setIsVisible] = React.useState<boolean>(true);\n  const [label] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\n\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\n      setMessage(args.message);\n      setPercentage(args.percentage);\n      setIsVisible(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\n      setIsVisible(false);\n    });\n  }, []);\n\n  const openActivityMessage = () => {\n    MessageManager.setupActivityMessageValues(message, percentage, true);\n  };\n\n  const isPercentageValid = (percentage > 0 && percentage < 100);\n  if (!isVisible || !isPercentageValid)\n    return null;\n\n  const moreDetails = UiFramework.translate(\"activityCenter.moreDetails\");\n  const tooltip = `${message}-${moreDetails}`;\n\n  return (\n    <Centered\n      className={classnames(\"open-activity-message\", props.className)}\n      style={{\n        height: \"100%\",\n        minWidth: 120,\n        padding: \"0 8px\",\n        alignItems: \"end\",\n        ...props.style,\n      }}\n      onClick={openActivityMessage}\n      title={tooltip}\n    >\n      <ProgressLinear\n        style={{\n          flex: \"1\",\n        }}\n        value={percentage}\n        labels={[<Small key={0}>{percentage} {label}</Small>]}\n      />\n    </Centered>\n  );\n}\n"]}
+{"version":3,"file":"ActivityCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAA4B,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAgD;IAC7F,YAAY,CAAmB;QAC7B,KAAK,CAAC,CAAC,CAAC,CAAC;QAkBH,gCAA2B,GAAG,CAAC,IAA8B,EAAE,EAAE;YACvE,IAAI,CAAC,QAAQ,CAAC;gBACZ,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,wBAAwB,EAAE,IAAI;aAC/B,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,yCAAoC,GAAG,GAAG,EAAE;YAClD,IAAI,CAAC,QAAQ,CAAC;gBACZ,wBAAwB,EAAE,KAAK;aAChC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,yBAAoB,GAAG,GAAG,EAAE;YAClC,cAAc,CAAC,0BAA0B,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC7F,CAAC,CAAC;QAjCA,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,CAAC;YACb,wBAAwB,EAAE,IAAI;SAC/B,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,cAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC3F,cAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;IACxG,CAAC;IAEe,oBAAoB;QAClC,cAAc,CAAC,6BAA6B,CAAC,cAAc,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC9F,cAAc,CAAC,+BAA+B,CAAC,cAAc,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;IAC3G,CAAC;IAoBe,MAAM;QACpB,IAAI,cAA+B,CAAC;QACpC,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;QACrF,IAAI,IAAI,CAAC,KAAK,CAAC,wBAAwB,IAAI,iBAAiB,EAAE;YAC5D,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;YACxE,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;YAEvD,cAAc,GAAG,CACf,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC5E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,OAAO;gBAElD,oBAAC,aAAa,IACZ,QAAQ,EACN,oBAAC,eAAe,IACd,MAAM,EAAE,MAAM,CAAC,WAAW,EAC1B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAC/B,GAEJ,CACO,CACZ,CAAC;SACH;aAAM;YACL,cAAc,GAAG,gCAAO,CAAC;SAC1B;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Centered } from \"@itwin/core-react\";\r\nimport { MessageLayout, MessageProgress, Status } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** State for the [[ActivityCenterField]] component\r\n * @internal\r\n */\r\ninterface ActivityCenterState {\r\n  message: NotifyMessageType;\r\n  percentage: number;\r\n  isActivityMessageVisible: boolean;\r\n}\r\n\r\n/** Activity Center Field React component.\r\n * @public\r\n */\r\nexport class ActivityCenterField extends React.Component<StatusFieldProps, ActivityCenterState> {\r\n  constructor(p: StatusFieldProps) {\r\n    super(p);\r\n    this.state = {\r\n      message: \"\",\r\n      percentage: 0,\r\n      isActivityMessageVisible: true,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n  }\r\n\r\n  private _handleActivityMessageEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      message: args.message,\r\n      percentage: args.percentage,\r\n      isActivityMessageVisible: true,\r\n    });\r\n  };\r\n\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      isActivityMessageVisible: false,\r\n    });\r\n  };\r\n\r\n  private _openActivityMessage = () => {\r\n    MessageManager.setupActivityMessageValues(this.state.message, this.state.percentage, true);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    let footerMessages: React.ReactNode;\r\n    const isPercentageValid = (this.state.percentage > 0 && this.state.percentage < 100);\r\n    if (this.state.isActivityMessageVisible && isPercentageValid) {\r\n      const moreDetails = UiFramework.translate(\"activityCenter.moreDetails\");\r\n      const tooltip = `${this.state.message}-${moreDetails}`;\r\n\r\n      footerMessages = (\r\n        <Centered className={classnames(\"open-activity-message\", this.props.className)}\r\n          style={this.props.style}\r\n          onClick={this._openActivityMessage} title={tooltip}\r\n        >\r\n          <MessageLayout\r\n            progress={\r\n              <MessageProgress\r\n                status={Status.Information}\r\n                progress={this.state.percentage}\r\n              />\r\n            }\r\n          />\r\n        </Centered>\r\n      );\r\n    } else {\r\n      footerMessages = <div />;\r\n    }\r\n    return footerMessages;\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/statusfields/ConditionalField.d.ts

@@ -0,0 +1,45 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { StatusFieldProps } from "./StatusFieldProps";
+/**
+ * Properties supported by [[ConditionalField]] component.
+ * @public
+ */
+export interface ConditionalFieldProps extends StatusFieldProps {
+    /** Function to be called to return a boolean value. If the boolean value is different than the component's state value setState is
+     * called to update the value and trigger a re-render.
+     */
+    boolFunc: (props: StatusFieldProps & {
+        isInFooterMode: boolean;
+    }) => boolean;
+    /** Optional, default/initial boolean value that is saved in the components state. If
+     * not defined it will default to true.
+     */
+    defaultValue?: boolean;
+}
+/**
+ * State for the [[ConditionalField]] component.
+ * @internal
+ */
+interface ConditionalFieldState {
+    boolValue: boolean;
+}
+/**
+ * A component that expects its children to be a function that will be passed the current component Props.
+ * @public
+ * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.
+ */
+export declare class ConditionalField extends React.PureComponent<ConditionalFieldProps, ConditionalFieldState> {
+    /** @internal */
+    readonly state: ConditionalFieldState;
+    constructor(props: ConditionalFieldProps);
+    private _resolveBooleanValue;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ConditionalFieldProps): void;
+    private _hasNoChildren;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ConditionalField.d.ts.map

package/lib/esm/appui-react/statusfields/ConditionalField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ConditionalField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG;QAAC,cAAc,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,qBAAqB,CAAC;gBAE1C,KAAK,EAAE,qBAAqB;IAOxC,OAAO,CAAC,oBAAoB,CAM1B;IAEc,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,qBAAqB;IAKnE,OAAO,CAAC,cAAc,CAA2D;IAEjE,MAAM,IAAI,KAAK,CAAC,SAAS;CAiB1C"}

package/lib/esm/appui-react/statusfields/ConditionalField.js

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* 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 * as _ from "lodash";
+import * as React from "react";
+/**
+ * A component that expects its children to be a function that will be passed the current component Props.
+ * @public
+ * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.
+ */
+export class ConditionalField extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._resolveBooleanValue = () => {
+            var _a;
+            // eslint-disable-next-line deprecation/deprecation
+            const boolValue = this.props.boolFunc({ ...this.props, isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true });
+            if (this.state.boolValue !== boolValue) {
+                this.setState({ boolValue });
+            }
+        };
+        this._hasNoChildren = (children) => React.Children.count(children) === 0;
+        this.state = {
+            boolValue: undefined !== props.defaultValue ? props.defaultValue : true,
+        };
+    }
+    componentDidMount() {
+        this._resolveBooleanValue();
+    }
+    componentDidUpdate(prevProps) {
+        if (!_.isEqual(prevProps, this.props))
+            this._resolveBooleanValue();
+    }
+    render() {
+        const { 
+        // do not bleed our props
+        children, eventIds, boolFunc, defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars
+        // eslint-disable-next-line comma-dangle
+        ...otherProps // pass-through props
+         } = this.props;
+        const boolValue = this.state.boolValue;
+        return (typeof children === "function" ?
+            children(boolValue, otherProps)
+            : !this._hasNoChildren(children)
+                ? React.Children.only(children)
+                : null);
+    }
+}
+//# sourceMappingURL=ConditionalField.js.map

package/lib/esm/appui-react/statusfields/ConditionalField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ConditionalField.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B;;;;GAIG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAIrG,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMP,yBAAoB,GAAG,GAAS,EAAE;;YACxC,mDAAmD;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI,EAAC,CAAC,CAAC;YAC1G,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE;gBACtC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC;QAWM,mBAAc,GAAG,CAAC,QAAa,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAtB/E,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;SACxE,CAAC;IACJ,CAAC;IAUe,iBAAiB;QAC/B,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEe,kBAAkB,CAAC,SAAgC;QACjE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC;YACnC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAIe,MAAM;QACpB,MAAM;QACJ,yBAAyB;QACzB,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,wDAAwD;QACpG,wCAAwC;QACxC,GAAG,UAAU,CAAC,qBAAqB;UACpC,GAAG,IAAI,CAAC,KAAY,CAAC;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,OAAO,CACL,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC;YAC9B,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC;YAC/B,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;gBAC9B,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,CAAC,CAAC,IAAI,CACX,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as _ from \"lodash\";\r\nimport * as React from \"react\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/**\r\n * Properties supported by [[ConditionalField]] component.\r\n * @public\r\n */\r\nexport interface ConditionalFieldProps extends StatusFieldProps {\r\n  /** Function to be called to return a boolean value. If the boolean value is different than the component's state value setState is\r\n   * called to update the value and trigger a re-render.\r\n   */\r\n  boolFunc: (props: StatusFieldProps & {isInFooterMode: boolean}) => boolean;\r\n  /** Optional, default/initial boolean value that is saved in the components state. If\r\n   * not defined it will default to true.\r\n   */\r\n  defaultValue?: boolean;\r\n}\r\n\r\n/**\r\n * State for the [[ConditionalField]] component.\r\n * @internal\r\n */\r\ninterface ConditionalFieldState {\r\n  boolValue: boolean;\r\n}\r\n\r\n/**\r\n * A component that expects its children to be a function that will be passed the current component Props.\r\n * @public\r\n * @deprecated in 3.3. In upcoming version, all props passed down to the bool function will be undefined, making this component useless.\r\n */\r\nexport class ConditionalField extends React.PureComponent<ConditionalFieldProps, ConditionalFieldState> {\r\n  /** @internal */\r\n  public override readonly state: ConditionalFieldState;\r\n\r\n  constructor(props: ConditionalFieldProps) {\r\n    super(props);\r\n    this.state = {\r\n      boolValue: undefined !== props.defaultValue ? props.defaultValue : true,\r\n    };\r\n  }\r\n\r\n  private _resolveBooleanValue = (): void => {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const boolValue = this.props.boolFunc({...this.props, isInFooterMode: this.props.isInFooterMode ?? true});\r\n    if (this.state.boolValue !== boolValue) {\r\n      this.setState({ boolValue });\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    this._resolveBooleanValue();\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ConditionalFieldProps) {\r\n    if (!_.isEqual(prevProps, this.props))\r\n      this._resolveBooleanValue();\r\n  }\r\n\r\n  private _hasNoChildren = (children: any) => React.Children.count(children) === 0;\r\n\r\n  public override render(): React.ReactNode {\r\n    const {\r\n      // do not bleed our props\r\n      children, eventIds, boolFunc, defaultValue, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      // eslint-disable-next-line comma-dangle\r\n      ...otherProps // pass-through props\r\n    } = this.props as any;\r\n    const boolValue = this.state.boolValue;\r\n\r\n    return (\r\n      typeof children === \"function\" ?\r\n        children(boolValue, otherProps)\r\n        : !this._hasNoChildren(children)\r\n          ? React.Children.only(children)\r\n          : null\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/statusfields/FooterModeField.d.ts

@@ -0,0 +1,19 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** Properties for a FooterModeField component
+ * @public
+ */
+export interface FooterModeFieldProps extends StatusFieldProps {
+    /** Field content. */
+    children?: React.ReactNode;
+}
+/**
+ * A component that renders its children if the StatusBar is in Footer mode.
+ * @public
+ * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.
+ */
+export declare function FooterModeField(props: FooterModeFieldProps): JSX.Element;
+//# sourceMappingURL=FooterModeField.d.ts.map

package/lib/esm/appui-react/statusfields/FooterModeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterModeField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/FooterModeField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAW1D"}

package/lib/esm/appui-react/statusfields/FooterModeField.js

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+* 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 * as React from "react";
+import { StatusBarContext } from "../statusbar/StatusBar";
+import { ConditionalField } from "./ConditionalField";
+/**
+ * A component that renders its children if the StatusBar is in Footer mode.
+ * @public
+ * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.
+ */
+export function FooterModeField(props) {
+    const { children, ...otherProps } = props;
+    const statusBarContext = React.useContext(StatusBarContext);
+    const conditionProps = { ...statusBarContext, ...otherProps };
+    return (
+    // eslint-disable-next-line deprecation/deprecation
+    React.createElement(ConditionalField, { ...conditionProps, boolFunc: (innerProps) => innerProps.isInFooterMode }, (isInFooterMode) => isInFooterMode && children));
+}
+//# sourceMappingURL=FooterModeField.js.map

package/lib/esm/appui-react/statusfields/FooterModeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterModeField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/FooterModeField.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAY,CAAC;IACjD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,EAAC,GAAG,gBAAgB,EAAE,GAAG,UAAU,EAAC,CAAC;IAE5D,OAAO;IACP,mDAAmD;IACjD,oBAAC,gBAAgB,OAAK,cAAc,EAAE,QAAQ,EAAE,CAAC,UAAU,EAAW,EAAE,CAAC,UAAU,CAAC,cAAc,IAC/F,CAAC,cAAuB,EAAE,EAAE,CAAC,cAAc,IAAI,QAAQ,CACvC,CACpB,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 * as React from \"react\";\r\nimport { StatusBarContext } from \"../statusbar/StatusBar\";\r\nimport { ConditionalField } from \"./ConditionalField\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Properties for a FooterModeField component\r\n * @public\r\n */\r\nexport interface FooterModeFieldProps extends StatusFieldProps {\r\n  /** Field content. */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * A component that renders its children if the StatusBar is in Footer mode.\r\n * @public\r\n * @deprecated in 3.3. In upcoming version, widget mode will be removed, in footer mode will always be true, making this component useless.\r\n */\r\nexport function FooterModeField(props: FooterModeFieldProps) {\r\n  const { children, ...otherProps } = props as any;\r\n  const statusBarContext = React.useContext(StatusBarContext);\r\n  const conditionProps = {...statusBarContext, ...otherProps};\r\n\r\n  return (\r\n  // eslint-disable-next-line deprecation/deprecation\r\n    <ConditionalField {...conditionProps} boolFunc={(innerProps): boolean => innerProps.isInFooterMode} >\r\n      {(isInFooterMode: boolean) => isInFooterMode && children}\r\n    </ConditionalField>\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./Indicator.scss";
+import * as React from "react";
+import { StatusBarLabelSide } from "@itwin/appui-abstract";
+import { CommonProps, IconSpec } from "@itwin/core-react";
+import { FooterPopupContentType } from "@itwin/appui-layout-react";
+/** Properties of [[Indicator]] component. */
+interface IndicatorProps extends CommonProps {
+    /** Label of balloon icon. @deprecated in 3.0. use label */
+    balloonLabel?: string;
+    /** Dialog to display in popup when indicator is clicked. */
+    dialog?: React.ReactChild;
+    /** Icon to use in the footer. @deprecated in 3.0. use iconSpec */
+    iconName?: string;
+    /** specification for Icon, overrides iconName specification */
+    iconSpec?: IconSpec;
+    /** Describes if the indicator label is visible. */
+    isLabelVisible?: boolean;
+    /** Indicator label. */
+    label?: string;
+    /** Side to display label. */
+    labelSide?: StatusBarLabelSide;
+    /** Function called when indicator is clicked. */
+    onClick?: () => void;
+    /** If dialog prop is set, used to determine initial state. */
+    opened?: boolean;
+    /** Describes whether the footer is in footer or widget mode.
+     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
+    */
+    isInFooterMode?: boolean;
+    /** Tooltip text if not specified label is used */
+    toolTip?: string;
+    /** ContentType is used to determine color of popup arrow. If not set defaults to FooterPopupContentType.Dialog */
+    contentType?: FooterPopupContentType;
+}
+/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.
+ * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.
+ * @beta
+ */
+export declare function Indicator(props: IndicatorProps): JSX.Element;
+export {};
+//# sourceMappingURL=Indicator.d.ts.map

package/lib/esm/appui-react/statusfields/Indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/Indicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAe,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,6CAA6C;AAC7C,UAAU,cAAe,SAAQ,WAAW;IAC1C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;MAEE;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kHAAkH;IAClH,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eA0C9C"}

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

@@ -0,0 +1,42 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { ConditionalStringValue, StatusBarLabelSide } from "@itwin/appui-abstract";
+import { Icon } from "@itwin/core-react";
+import { FooterPopup } from "@itwin/appui-layout-react";
+/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.
+ * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.
+ * @beta
+ */
+export function Indicator(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    const { className, contentType, dialog, iconName, iconSpec, isInFooterMode, isLabelVisible, label, labelSide, onClick, opened, style, toolTip } = props;
+    const hasClickAction = React.useMemo(() => !!onClick || !!dialog, [dialog, onClick]);
+    const [isOpen, setIsOpen] = React.useState(!!opened);
+    const handleOnIndicatorClick = React.useCallback(() => {
+        if (dialog) {
+            setIsOpen(!isOpen);
+        }
+        onClick && onClick();
+    }, [dialog, isOpen, onClick]);
+    const inFooter = React.useMemo(() => false === isInFooterMode ? false : true, [isInFooterMode]);
+    const target = React.useRef(null);
+    const icon = React.useMemo(() => iconSpec !== null && iconSpec !== void 0 ? iconSpec : iconName, [iconSpec, iconName]);
+    const title = React.useMemo(() => toolTip !== null && toolTip !== void 0 ? toolTip : label, [toolTip, label]);
+    const classNames = classnames("uifw-footer-label-left", "uifw-footer-indicator", inFooter && "nz-footer-mode", hasClickAction && "uifw-footer-action", labelSide === StatusBarLabelSide.Right && "uifw-footer-label-reversed", // eslint-disable-line deprecation/deprecation
+    className);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: target, role: "button", tabIndex: -1, className: classNames, title: title, style: style, onClick: handleOnIndicatorClick },
+            isLabelVisible && label && React.createElement("span", { className: "nz-label" }, ConditionalStringValue.getValue(label)),
+            icon && React.createElement("div", { className: "uifw-indicator-icon" },
+                React.createElement(Icon, { iconSpec: icon }))),
+        dialog && React.createElement(FooterPopup, { contentType: contentType, target: target.current, onClose: () => setIsOpen(false), isOpen: isOpen }, dialog)));
+}
+//# sourceMappingURL=Indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/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;AAC/B,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAe,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,WAAW,EAA0B,MAAM,2BAA2B,CAAC;AAgChF;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,mDAAmD;IACnD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACxJ,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;SACpB;QACD,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAChG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACtE,MAAM,UAAU,GAAG,UAAU,CAC3B,wBAAwB,EAAE,uBAAuB,EACjD,QAAQ,IAAI,gBAAgB,EAC5B,cAAc,IAAI,oBAAoB,EACtC,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,4BAA4B,EAAE,8CAA8C;IACtH,SAAS,CAAC,CAAC;IACb,OAAO,CACL;QAEE,6BAAK,GAAG,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,EAC1B,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,sBAAsB;YAE9B,cAAc,IAAI,KAAK,IAAI,8BAAM,SAAS,EAAC,UAAU,IAAE,sBAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAQ;YACrG,IAAI,IAAI,6BAAK,SAAS,EAAC,qBAAqB;gBAAC,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAM,CACxE;QACL,MAAM,IAAI,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAC9C,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,IACb,MAAM,CACK,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 { ConditionalStringValue, StatusBarLabelSide } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Icon, IconSpec } from \"@itwin/core-react\";\r\nimport { FooterPopup, FooterPopupContentType } from \"@itwin/appui-layout-react\";\r\n\r\n/** Properties of [[Indicator]] component. */\r\ninterface IndicatorProps extends CommonProps {\r\n  /** Label of balloon icon. @deprecated in 3.0. use label */\r\n  balloonLabel?: string;\r\n  /** Dialog to display in popup when indicator is clicked. */\r\n  dialog?: React.ReactChild;\r\n  /** Icon to use in the footer. @deprecated in 3.0. use iconSpec */\r\n  iconName?: string;\r\n  /** specification for Icon, overrides iconName specification */\r\n  iconSpec?: IconSpec;\r\n  /** Describes if the indicator label is visible. */\r\n  isLabelVisible?: boolean;\r\n  /** Indicator label. */\r\n  label?: string;\r\n  /** Side to display label. */\r\n  labelSide?: StatusBarLabelSide; // eslint-disable-line deprecation/deprecation\r\n  /** Function called when indicator is clicked. */\r\n  onClick?: () => void;\r\n  /** If dialog prop is set, used to determine initial state. */\r\n  opened?: boolean;\r\n  /** Describes whether the footer is in footer or widget 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  /** Tooltip text if not specified label is used */\r\n  toolTip?: string;\r\n  /** ContentType is used to determine color of popup arrow. If not set defaults to FooterPopupContentType.Dialog */\r\n  contentType?: FooterPopupContentType; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** General-purpose [[Footer]] indicator. Shows an icon and supports an optional popup dialog.\r\n * @deprecated in 3.6. Use [[StatusBarIndicator]] or [[StatusBarLabelIndicator]] instead.\r\n * @beta\r\n */\r\nexport function Indicator(props: IndicatorProps) {\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  const { className, contentType, dialog, iconName, iconSpec, isInFooterMode, isLabelVisible, label, labelSide, onClick, opened, style, toolTip } = props;\r\n  const hasClickAction = React.useMemo(() => !!onClick || !!dialog, [dialog, onClick]);\r\n  const [isOpen, setIsOpen] = React.useState(!!opened);\r\n  const handleOnIndicatorClick = React.useCallback(() => {\r\n    if (dialog) {\r\n      setIsOpen(!isOpen);\r\n    }\r\n    onClick && onClick();\r\n  }, [dialog, isOpen, onClick]);\r\n  const inFooter = React.useMemo(() => false === isInFooterMode ? false : true, [isInFooterMode]);\r\n  const target = React.useRef<HTMLDivElement>(null);\r\n  const icon = React.useMemo(() => iconSpec ?? iconName, [iconSpec, iconName]);\r\n  const title = React.useMemo(() => toolTip ?? label, [toolTip, label]);\r\n  const classNames = classnames(\r\n    \"uifw-footer-label-left\", \"uifw-footer-indicator\",\r\n    inFooter && \"nz-footer-mode\",\r\n    hasClickAction && \"uifw-footer-action\",\r\n    labelSide === StatusBarLabelSide.Right && \"uifw-footer-label-reversed\", // eslint-disable-line deprecation/deprecation\r\n    className);\r\n  return (\r\n    <>\r\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n      <div ref={target}\r\n        role=\"button\" tabIndex={-1}\r\n        className={classNames}\r\n        title={title}\r\n        style={style}\r\n        onClick={handleOnIndicatorClick}\r\n      >\r\n        {isLabelVisible && label && <span className=\"nz-label\">{ConditionalStringValue.getValue(label)}</span>}\r\n        {icon && <div className=\"uifw-indicator-icon\"><Icon iconSpec={icon} /></div>}\r\n      </div>\r\n      {dialog && <FooterPopup contentType={contentType} // eslint-disable-line deprecation/deprecation\r\n        target={target.current}\r\n        onClose={() => setIsOpen(false)}\r\n        isOpen={isOpen}>\r\n        {dialog}\r\n      </FooterPopup>}\r\n    </>\r\n  );\r\n}\r\n"]}