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

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

@@ -1,31 +1,31 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarDialog = void 0;
-const React = require("react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const TitleBar_1 = require("./TitleBar");
-const Button_1 = require("./Button");
-/** Dialog component used in a [[StatusBarIndicator]] component.
- * @beta
- */
-function StatusBarDialog(props) {
-    return React.createElement(appui_layout_react_1.Dialog, { ...props });
-}
-exports.StatusBarDialog = StatusBarDialog;
-/** Components used in a [[StatusBarDialog]].
- * @beta
- */
-(function (StatusBarDialog) {
-    /** Title bar of a [[StatusBarDialog]]. */
-    StatusBarDialog.TitleBar = TitleBar_1.StatusBarDialogTitleBar;
-    /** Title bar button of a [[StatusBarDialog]]. */
-    StatusBarDialog.TitleBarButton = Button_1.StatusBarDialogTitleBarButton;
-})(StatusBarDialog = exports.StatusBarDialog || (exports.StatusBarDialog = {}));
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarDialog = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const TitleBar_1 = require("./TitleBar");
+const Button_1 = require("./Button");
+/** Dialog component used in a [[StatusBarIndicator]] component.
+ * @beta
+ */
+function StatusBarDialog(props) {
+    return React.createElement(appui_layout_react_1.Dialog, { ...props });
+}
+exports.StatusBarDialog = StatusBarDialog;
+/** Components used in a [[StatusBarDialog]].
+ * @beta
+ */
+(function (StatusBarDialog) {
+    /** Title bar of a [[StatusBarDialog]]. */
+    StatusBarDialog.TitleBar = TitleBar_1.StatusBarDialogTitleBar;
+    /** Title bar button of a [[StatusBarDialog]]. */
+    StatusBarDialog.TitleBarButton = Button_1.StatusBarDialogTitleBarButton;
+})(StatusBarDialog = exports.StatusBarDialog || (exports.StatusBarDialog = {}));
 //# sourceMappingURL=Dialog.js.map

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;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":["/*---------------------------------------------------------------------------------------------\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 * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { Dialog } from \"@itwin/appui-layout-react\";\nimport { StatusBarDialogTitleBar } from \"./TitleBar\";\nimport { StatusBarDialogTitleBarButton } from \"./Button\";\n\n/** Properties of [[StatusBarDialog]] component.\n * @beta\n */\nexport interface StatusBarDialogProps extends CommonProps {\n  /** Dialog content.  */\n  children?: React.ReactNode;\n  /** Dialog title bar. See [[StatusBarDialog.TitleBar]] */\n  titleBar?: React.ReactNode;\n}\n\n/** Dialog component used in a [[StatusBarIndicator]] component.\n * @beta\n */\nexport function StatusBarDialog(props: StatusBarDialogProps) {\n  return <Dialog {...props} />;\n}\n\n/** Components used in a [[StatusBarDialog]].\n * @beta\n */\nexport namespace StatusBarDialog {\n  /** Title bar of a [[StatusBarDialog]]. */\n  export const TitleBar = StatusBarDialogTitleBar;\n\n  /** Title bar button of a [[StatusBarDialog]]. */\n  export const TitleBarButton = StatusBarDialogTitleBarButton;\n}\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.d.ts

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[StatusBarDialogTitleBar]] component.
- * @beta
- */
-export interface StatusBarDialogTitleBarProps extends CommonProps {
-    /** Title bar buttons. */
-    children?: React.ReactNode;
-    /** Title bar title. */
-    title?: string;
-}
-/** Dialog component used in a [[StatusBarDialog]] component.
-* @beta
-*/
-export declare function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps): JSX.Element;
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[StatusBarDialogTitleBar]] component.
+ * @beta
+ */
+export interface StatusBarDialogTitleBarProps extends CommonProps {
+    /** Title bar buttons. */
+    children?: React.ReactNode;
+    /** Title bar title. */
+    title?: string;
+}
+/** Dialog component used in a [[StatusBarDialog]] component.
+* @beta
+*/
+export declare function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps): JSX.Element;
 //# sourceMappingURL=TitleBar.d.ts.map

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

@@ -1,20 +1,20 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBarDialogTitleBar = void 0;
-const React = require("react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-/** Dialog component used in a [[StatusBarDialog]] component.
-* @beta
-*/
-function StatusBarDialogTitleBar(props) {
-    return React.createElement(appui_layout_react_1.TitleBar, { ...props });
-}
-exports.StatusBarDialogTitleBar = StatusBarDialogTitleBar;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarDialogTitleBar = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+/** Dialog component used in a [[StatusBarDialog]] component.
+* @beta
+*/
+function StatusBarDialogTitleBar(props) {
+    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;AACjC,CAAC;AAFD,0DAEC","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 * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { TitleBar } from \"@itwin/appui-layout-react\";\n\n/** Properties of [[StatusBarDialogTitleBar]] component.\n * @beta\n */\nexport interface StatusBarDialogTitleBarProps extends CommonProps {\n  /** Title bar buttons. */\n  children?: React.ReactNode;\n  /** Title bar title. */\n  title?: string;\n}\n\n/** Dialog component used in a [[StatusBarDialog]] component.\n* @beta\n*/\nexport function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps) {\n  return <TitleBar {...props} />;\n}\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/useDefaultStatusBarItems.d.ts

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

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

@@ -1,38 +1,38 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDefaultStatusBarItems = void 0;
-const React = require("react");
-/** Hook that returns items from [[StatusBarItemsManager]].
- * @public
- */
-const useDefaultStatusBarItems = (manager) => {
-    const [items, setItems] = React.useState(manager.items);
-    const isInitialMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else {
-            setItems(manager.items);
-        }
-    }, [manager]);
-    React.useEffect(() => {
-        // istanbul ignore next
-        const handleChanged = (args) => {
-            setItems(args.items);
-        };
-        manager.onItemsChanged.addListener(handleChanged);
-        return () => {
-            manager.onItemsChanged.removeListener(handleChanged);
-        };
-    }, [manager]);
-    return items;
-};
-exports.useDefaultStatusBarItems = useDefaultStatusBarItems;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultStatusBarItems = void 0;
+const React = require("react");
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+const useDefaultStatusBarItems = (manager) => {
+    const [items, setItems] = React.useState(manager.items);
+    const isInitialMount = React.useRef(true);
+    React.useEffect(() => {
+        if (isInitialMount.current)
+            isInitialMount.current = false;
+        else {
+            setItems(manager.items);
+        }
+    }, [manager]);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleChanged = (args) => {
+            setItems(args.items);
+        };
+        manager.onItemsChanged.addListener(handleChanged);
+        return () => {
+            manager.onItemsChanged.removeListener(handleChanged);
+        };
+    }, [manager]);
+    return items;
+};
+exports.useDefaultStatusBarItems = useDefaultStatusBarItems;
 //# sourceMappingURL=useDefaultStatusBarItems.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDefaultStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAAkC,EAAE;IACzG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC","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 * as React from \"react\";\nimport { CommonStatusBarItem, StatusBarItemsChangedArgs, StatusBarItemsManager } from \"@itwin/appui-abstract\";\n\n/** Hook that returns items from [[StatusBarItemsManager]].\n * @public\n */\nexport const useDefaultStatusBarItems = (manager: StatusBarItemsManager): readonly CommonStatusBarItem[] => {\n  const [items, setItems] = React.useState(manager.items);\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current)\n      isInitialMount.current = false;\n    else {\n      setItems(manager.items);\n    }\n  }, [manager]);\n  React.useEffect(() => {\n    // istanbul ignore next\n    const handleChanged = (args: StatusBarItemsChangedArgs) => {\n      setItems(args.items);\n    };\n    manager.onItemsChanged.addListener(handleChanged);\n    return () => {\n      manager.onItemsChanged.removeListener(handleChanged);\n    };\n  }, [manager]);\n  return items;\n};\n"]}
+{"version":3,"file":"useDefaultStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAAkC,EAAE;IACzG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aAC5B;YACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC","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 { CommonStatusBarItem, StatusBarItemsChangedArgs, StatusBarItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useDefaultStatusBarItems = (manager: StatusBarItemsManager): readonly CommonStatusBarItem[] => {\r\n  const [items, setItems] = React.useState(manager.items);\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      setItems(manager.items);\r\n    }\r\n  }, [manager]);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleChanged = (args: StatusBarItemsChangedArgs) => {\r\n      setItems(args.items);\r\n    };\r\n    manager.onItemsChanged.addListener(handleChanged);\r\n    return () => {\r\n      manager.onItemsChanged.removeListener(handleChanged);\r\n    };\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

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

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

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

@@ -1,56 +1,56 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUiItemsProviderStatusBarItems = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const useActiveStageId_1 = require("../hooks/useActiveStageId");
-const useAvailableUiItemsProviders_1 = require("../hooks/useAvailableUiItemsProviders");
-const FrontstageManager_1 = require("../frontstage/FrontstageManager");
-// cspell:ignore setxxx
-/** Hook that returns items from [[StatusBarItemsManager]].
- * @public
- */
-const useUiItemsProviderStatusBarItems = (manager) => {
-    const uiItemProviderIds = (0, useAvailableUiItemsProviders_1.useAvailableUiItemsProviders)();
-    const stageId = (0, useActiveStageId_1.useActiveStageId)();
-    const [items, setItems] = React.useState(manager.items);
-    const providersRef = React.useRef("");
-    const currentStageRef = React.useRef("");
-    // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the
-    // current stage's composer allows entries from extensions.
-    React.useEffect(() => {
-        const uiProviders = uiItemProviderIds.join("-");
-        // istanbul ignore else
-        if (providersRef.current !== uiProviders || currentStageRef.current !== stageId) {
-            currentStageRef.current = stageId;
-            const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-            // istanbul ignore else
-            if (frontstageDef) {
-                providersRef.current = uiProviders;
-                const statusBarItems = appui_abstract_1.UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);
-                manager.loadItems(statusBarItems);
-                setItems(manager.items);
-            }
-        }
-    }, [manager, uiItemProviderIds, stageId]);
-    // handle item changes caused by calls to UiFramework.addonStatusBarItemsManager.setxxx
-    React.useEffect(() => {
-        const handleChanged = (args) => {
-            setItems(args.items);
-        };
-        manager.onItemsChanged.addListener(handleChanged);
-        return () => {
-            manager.onItemsChanged.removeListener(handleChanged);
-        };
-    }, [manager]);
-    return items;
-};
-exports.useUiItemsProviderStatusBarItems = useUiItemsProviderStatusBarItems;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUiItemsProviderStatusBarItems = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const useActiveStageId_1 = require("../hooks/useActiveStageId");
+const useAvailableUiItemsProviders_1 = require("../hooks/useAvailableUiItemsProviders");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+// cspell:ignore setxxx
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+const useUiItemsProviderStatusBarItems = (manager) => {
+    const uiItemProviderIds = (0, useAvailableUiItemsProviders_1.useAvailableUiItemsProviders)();
+    const stageId = (0, useActiveStageId_1.useActiveStageId)();
+    const [items, setItems] = React.useState(manager.items);
+    const providersRef = React.useRef("");
+    const currentStageRef = React.useRef("");
+    // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the
+    // current stage's composer allows entries from extensions.
+    React.useEffect(() => {
+        const uiProviders = uiItemProviderIds.join("-");
+        // istanbul ignore else
+        if (providersRef.current !== uiProviders || currentStageRef.current !== stageId) {
+            currentStageRef.current = stageId;
+            const frontstageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
+            // istanbul ignore else
+            if (frontstageDef) {
+                providersRef.current = uiProviders;
+                const statusBarItems = appui_abstract_1.UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);
+                manager.loadItems(statusBarItems);
+                setItems(manager.items);
+            }
+        }
+    }, [manager, uiItemProviderIds, stageId]);
+    // handle item changes caused by calls to UiFramework.addonStatusBarItemsManager.setxxx
+    React.useEffect(() => {
+        const handleChanged = (args) => {
+            setItems(args.items);
+        };
+        manager.onItemsChanged.addListener(handleChanged);
+        return () => {
+            manager.onItemsChanged.removeListener(handleChanged);
+        };
+    }, [manager]);
+    return items;
+};
+exports.useUiItemsProviderStatusBarItems = useUiItemsProviderStatusBarItems;
 //# sourceMappingURL=useUiItemsProviderStatusBarItems.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAE+B;AAC/B,gEAA6D;AAC7D,wFAAqF;AACrF,uEAAoE;AAEpE,uBAAuB;AAEvB;;GAEG;AACI,MAAM,gCAAgC,GAAG,CAAC,OAA8B,EAAkC,EAAE;IACjH,MAAM,iBAAiB,GAAG,IAAA,2DAA4B,GAAE,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACzC,wHAAwH;IACxH,2DAA2D;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,uBAAuB;QACvB,IAAI,YAAY,CAAC,OAAO,KAAK,WAAW,IAAI,eAAe,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/E,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,MAAM,aAAa,GAAG,qCAAiB,CAAC,mBAAmB,CAAC;YAC5D,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,+BAAc,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtF,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;gBAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACzB;SACF;IAEH,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1C,uFAAuF;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAnCW,QAAA,gCAAgC,oCAmC3C","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 * as React from \"react\";\nimport {\n  CommonStatusBarItem, StatusBarItemsChangedArgs, StatusBarItemsManager, UiItemsManager,\n} from \"@itwin/appui-abstract\";\nimport { useActiveStageId } from \"../hooks/useActiveStageId\";\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\n\n// cspell:ignore setxxx\n\n/** Hook that returns items from [[StatusBarItemsManager]].\n * @public\n */\nexport const useUiItemsProviderStatusBarItems = (manager: StatusBarItemsManager): readonly CommonStatusBarItem[] => {\n  const uiItemProviderIds = useAvailableUiItemsProviders();\n  const stageId = useActiveStageId();\n  const [items, setItems] = React.useState(manager.items);\n  const providersRef = React.useRef(\"\");\n  const currentStageRef = React.useRef(\"\");\n  // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the\n  // current stage's composer allows entries from extensions.\n  React.useEffect(() => {\n    const uiProviders = uiItemProviderIds.join(\"-\");\n    // istanbul ignore else\n    if (providersRef.current !== uiProviders || currentStageRef.current !== stageId) {\n      currentStageRef.current = stageId;\n      const frontstageDef = FrontstageManager.activeFrontstageDef;\n      // istanbul ignore else\n      if (frontstageDef) {\n        providersRef.current = uiProviders;\n        const statusBarItems = UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);\n        manager.loadItems(statusBarItems);\n        setItems(manager.items);\n      }\n    }\n\n  }, [manager, uiItemProviderIds, stageId]);\n  // handle item changes caused by calls to UiFramework.addonStatusBarItemsManager.setxxx\n  React.useEffect(() => {\n    const handleChanged = (args: StatusBarItemsChangedArgs) => {\n      setItems(args.items);\n    };\n    manager.onItemsChanged.addListener(handleChanged);\n    return () => {\n      manager.onItemsChanged.removeListener(handleChanged);\n    };\n  }, [manager]);\n  return items;\n};\n"]}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAE+B;AAC/B,gEAA6D;AAC7D,wFAAqF;AACrF,uEAAoE;AAEpE,uBAAuB;AAEvB;;GAEG;AACI,MAAM,gCAAgC,GAAG,CAAC,OAA8B,EAAkC,EAAE;IACjH,MAAM,iBAAiB,GAAG,IAAA,2DAA4B,GAAE,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACzC,wHAAwH;IACxH,2DAA2D;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,uBAAuB;QACvB,IAAI,YAAY,CAAC,OAAO,KAAK,WAAW,IAAI,eAAe,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/E,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,MAAM,aAAa,GAAG,qCAAiB,CAAC,mBAAmB,CAAC;YAC5D,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,+BAAc,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtF,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;gBAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACzB;SACF;IAEH,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1C,uFAAuF;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAnCW,QAAA,gCAAgC,oCAmC3C","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  CommonStatusBarItem, StatusBarItemsChangedArgs, StatusBarItemsManager, UiItemsManager,\r\n} from \"@itwin/appui-abstract\";\r\nimport { useActiveStageId } from \"../hooks/useActiveStageId\";\r\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\n\r\n// cspell:ignore setxxx\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useUiItemsProviderStatusBarItems = (manager: StatusBarItemsManager): readonly CommonStatusBarItem[] => {\r\n  const uiItemProviderIds = useAvailableUiItemsProviders();\r\n  const stageId = useActiveStageId();\r\n  const [items, setItems] = React.useState(manager.items);\r\n  const providersRef = React.useRef(\"\");\r\n  const currentStageRef = React.useRef(\"\");\r\n  // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the\r\n  // current stage's composer allows entries from extensions.\r\n  React.useEffect(() => {\r\n    const uiProviders = uiItemProviderIds.join(\"-\");\r\n    // istanbul ignore else\r\n    if (providersRef.current !== uiProviders || currentStageRef.current !== stageId) {\r\n      currentStageRef.current = stageId;\r\n      const frontstageDef = FrontstageManager.activeFrontstageDef;\r\n      // istanbul ignore else\r\n      if (frontstageDef) {\r\n        providersRef.current = uiProviders;\r\n        const statusBarItems = UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);\r\n        manager.loadItems(statusBarItems);\r\n        setItems(manager.items);\r\n      }\r\n    }\r\n\r\n  }, [manager, uiItemProviderIds, stageId]);\r\n  // handle item changes caused by calls to UiFramework.addonStatusBarItemsManager.setxxx\r\n  React.useEffect(() => {\r\n    const handleChanged = (args: StatusBarItemsChangedArgs) => {\r\n      setItems(args.items);\r\n    };\r\n    manager.onItemsChanged.addListener(handleChanged);\r\n    return () => {\r\n      manager.onItemsChanged.removeListener(handleChanged);\r\n    };\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

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

@@ -1,10 +1,10 @@
-/** @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
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+/** Activity Center Field React component.
+ * @public
+ */
+export declare function ActivityCenterField(props: CommonProps): JSX.Element | null;
 //# sourceMappingURL=ActivityCenter.d.ts.map

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

@@ -1,60 +1,60 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityCenterField = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const MessageManager_1 = require("../messages/MessageManager");
-const UiFramework_1 = require("../UiFramework");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** Activity Center Field React component.
- * @public
- */
-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_1.UiFramework.translate("activityCenter.percentComplete"));
-    React.useEffect(() => {
-        return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
-            setMessage(args.message);
-            setPercentage(args.percentage);
-            setIsVisible(true);
-        });
-    }, []);
-    React.useEffect(() => {
-        return MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(() => {
-            setIsVisible(false);
-        });
-    }, []);
-    const openActivityMessage = () => {
-        MessageManager_1.MessageManager.setupActivityMessageValues(message, percentage, true);
-    };
-    const isPercentageValid = (percentage > 0 && percentage < 100);
-    if (!isVisible || !isPercentageValid)
-        return null;
-    const moreDetails = UiFramework_1.UiFramework.translate("activityCenter.moreDetails");
-    const tooltip = `${message}-${moreDetails}`;
-    return (React.createElement(core_react_1.Centered, { className: (0, classnames_1.default)("open-activity-message", props.className), style: {
-            height: "100%",
-            minWidth: 120,
-            padding: "0 8px",
-            alignItems: "end",
-            ...props.style,
-        }, onClick: openActivityMessage, title: tooltip },
-        React.createElement(itwinui_react_1.ProgressLinear, { style: {
-                flex: "1",
-            }, value: percentage, labels: [React.createElement(itwinui_react_1.Small, { key: 0 },
-                    percentage,
-                    " ",
-                    label)] })));
-}
-exports.ActivityCenterField = ActivityCenterField;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityCenterField = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const MessageManager_1 = require("../messages/MessageManager");
+const UiFramework_1 = require("../UiFramework");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** Activity Center Field React component.
+ * @public
+ */
+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_1.UiFramework.translate("activityCenter.percentComplete"));
+    React.useEffect(() => {
+        return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
+            setMessage(args.message);
+            setPercentage(args.percentage);
+            setIsVisible(true);
+        });
+    }, []);
+    React.useEffect(() => {
+        return MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(() => {
+            setIsVisible(false);
+        });
+    }, []);
+    const openActivityMessage = () => {
+        MessageManager_1.MessageManager.setupActivityMessageValues(message, percentage, true);
+    };
+    const isPercentageValid = (percentage > 0 && percentage < 100);
+    if (!isVisible || !isPercentageValid)
+        return null;
+    const moreDetails = UiFramework_1.UiFramework.translate("activityCenter.moreDetails");
+    const tooltip = `${message}-${moreDetails}`;
+    return (React.createElement(core_react_1.Centered, { className: (0, classnames_1.default)("open-activity-message", props.className), style: {
+            height: "100%",
+            minWidth: 120,
+            padding: "0 8px",
+            alignItems: "end",
+            ...props.style,
+        }, onClick: openActivityMessage, title: tooltip },
+        React.createElement(itwinui_react_1.ProgressLinear, { style: {
+                flex: "1",
+            }, value: percentage, labels: [React.createElement(itwinui_react_1.Small, { key: 0 },
+                    percentage,
+                    " ",
+                    label)] })));
+}
+exports.ActivityCenterField = ActivityCenterField;
 //# sourceMappingURL=ActivityCenter.js.map

package/lib/cjs/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,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA0D;AAC1D,+DAA4D;AAE5D,gDAA6C;AAC7C,wDAA6D;AAE7D;;GAEG;AACH,SAAgB,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,yBAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAExF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,+BAAc,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,+BAAc,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,+BAAc,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,yBAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC;IAE5C,OAAO,CACL,oBAAC,qBAAQ,IACP,SAAS,EAAE,IAAA,oBAAU,EAAC,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,8BAAc,IACb,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG;aACV,EACD,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,CAAC,oBAAC,qBAAK,IAAC,GAAG,EAAE,CAAC;oBAAG,UAAU;;oBAAG,KAAK,CAAS,CAAC,GACrD,CACO,CACZ,CAAC;AACJ,CAAC;AArDD,kDAqDC","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,2CAAoC;AACpC,+BAA+B;AAC/B,kDAA0D;AAC1D,+DAA4D;AAE5D,gDAA6C;AAC7C,wDAA6D;AAE7D;;GAEG;AACH,SAAgB,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,yBAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAExF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,+BAAc,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,+BAAc,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,+BAAc,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,yBAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC;IAE5C,OAAO,CACL,oBAAC,qBAAQ,IACP,SAAS,EAAE,IAAA,oBAAU,EAAC,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,8BAAc,IACb,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG;aACV,EACD,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,CAAC,oBAAC,qBAAK,IAAC,GAAG,EAAE,CAAC;oBAAG,UAAU;;oBAAG,KAAK,CAAS,CAAC,GACrD,CACO,CACZ,CAAC;AACJ,CAAC;AArDD,kDAqDC","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, CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\nimport { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ProgressLinear, Small } from \"@itwin/itwinui-react\";\r\n\r\n/** Activity Center Field React component.\r\n * @public\r\n */\r\nexport function ActivityCenterField(props: CommonProps) {\r\n  const [message, setMessage] = React.useState<NotifyMessageType>(\"\");\r\n  const [percentage, setPercentage] = React.useState<number>(0);\r\n  const [isVisible, setIsVisible] = React.useState<boolean>(true);\r\n  const [label] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\r\n\r\n  React.useEffect(() => {\r\n    return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\r\n      setMessage(args.message);\r\n      setPercentage(args.percentage);\r\n      setIsVisible(true);\r\n    });\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\r\n      setIsVisible(false);\r\n    });\r\n  }, []);\r\n\r\n  const openActivityMessage = () => {\r\n    MessageManager.setupActivityMessageValues(message, percentage, true);\r\n  };\r\n\r\n  const isPercentageValid = (percentage > 0 && percentage < 100);\r\n  if (!isVisible || !isPercentageValid)\r\n    return null;\r\n\r\n  const moreDetails = UiFramework.translate(\"activityCenter.moreDetails\");\r\n  const tooltip = `${message}-${moreDetails}`;\r\n\r\n  return (\r\n    <Centered\r\n      className={classnames(\"open-activity-message\", props.className)}\r\n      style={{\r\n        height: \"100%\",\r\n        minWidth: 120,\r\n        padding: \"0 8px\",\r\n        alignItems: \"end\",\r\n        ...props.style,\r\n      }}\r\n      onClick={openActivityMessage}\r\n      title={tooltip}\r\n    >\r\n      <ProgressLinear\r\n        style={{\r\n          flex: \"1\",\r\n        }}\r\n        value={percentage}\r\n        labels={[<Small key={0}>{percentage} {label}</Small>]}\r\n      />\r\n    </Centered>\r\n  );\r\n}\r\n"]}