@itwin/appui-react 4.0.0-dev.9 → 4.0.0

package/lib/esm/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/esm/appui-react/statusbar/dialog/TitleBar.js

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { TitleBar } from "@itwin/appui-layout-react";
-/** Dialog component used in a [[StatusBarDialog]] component.
-* @beta
-*/
-export function StatusBarDialogTitleBar(props) {
-    return React.createElement(TitleBar, { ...props });
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { TitleBar } from "@itwin/appui-layout-react";
+/** Dialog component used in a [[StatusBarDialog]] component.
+* @beta
+*/
+export function StatusBarDialogTitleBar(props) {
+    return React.createElement(TitleBar, { ...props });
+}
 //# sourceMappingURL=TitleBar.js.map

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

@@ -1,9 +1,10 @@
-/** @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 { StatusBarItem } from "./StatusBarItem";
+import { StatusBarItemsManager } from "./StatusBarItemsManager";
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+export declare const useDefaultStatusBarItems: (manager: StatusBarItemsManager) => readonly StatusBarItem[];
 //# sourceMappingURL=useDefaultStatusBarItems.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDefaultStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAA6B,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9G;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAAa,qBAAqB,KAAG,SAAS,mBAAmB,EAqBrG,CAAC"}
+{"version":3,"file":"useDefaultStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAAa,qBAAqB,KAAG,SAAS,aAAa,EAgB/F,CAAC"}

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

@@ -1,34 +1,29 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** Hook that returns items from [[StatusBarItemsManager]].
- * @public
- */
-export 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;
-};
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+export 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(() => {
+        return manager.onItemsChanged.addListener((args) => {
+            setItems(args.items);
+        });
+    }, [manager]);
+    return items;
+};
 //# sourceMappingURL=useDefaultStatusBarItems.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,CAAC,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","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[] => { // eslint-disable-line deprecation/deprecation\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"]}
+{"version":3,"file":"useDefaultStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useDefaultStatusBarItems.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAA4B,EAAE;IACnG,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,OAAO,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,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 { StatusBarItem } from \"./StatusBarItem\";\r\nimport { StatusBarItemsManager } from \"./StatusBarItemsManager\";\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useDefaultStatusBarItems = (manager: StatusBarItemsManager): readonly StatusBarItem[] => {\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    return manager.onItemsChanged.addListener((args) => {\r\n      setItems(args.items);\r\n    });\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,gBAAgB,EA+B1G,CAAC"}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAOH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAAa,qBAAqB,KAAG,SAAS,aAAa,EA+BvG,CAAC"}

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

@@ -1,47 +1,47 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { useActiveStageId } from "../hooks/useActiveStageId";
-import { useAvailableUiItemsProviders } from "../hooks/useAvailableUiItemsProviders";
-import { UiFramework } from "../UiFramework";
-import { UiItemsManager } from "../ui-items-provider/UiItemsManager";
-/** Hook that returns items from [[StatusBarItemsManager]].
- * @public
- */
-export const useUiItemsProviderStatusBarItems = (manager) => {
-    const uiItemProviderIds = useAvailableUiItemsProviders();
-    const stageId = 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 = UiFramework.frontstages.activeFrontstageDef;
-            // istanbul ignore else
-            if (frontstageDef) {
-                providersRef.current = uiProviders;
-                const statusBarItems = UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);
-                manager.loadItems(statusBarItems);
-                setItems(manager.items);
-            }
-        }
-    }, [manager, uiItemProviderIds, stageId]);
-    // handle item changes caused by setter calls to UiFramework.addonStatusBarItemsManager
-    React.useEffect(() => {
-        return manager.onItemsChanged.addListener((args) => {
-            setItems(args.items);
-        });
-    }, [manager]);
-    return items;
-};
+/*---------------------------------------------------------------------------------------------
+* 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 { useActiveStageId } from "../hooks/useActiveStageId";
+import { useAvailableUiItemsProviders } from "../hooks/useAvailableUiItemsProviders";
+import { UiFramework } from "../UiFramework";
+import { UiItemsManager } from "../ui-items-provider/UiItemsManager";
+/** Hook that returns items from [[StatusBarItemsManager]].
+ * @public
+ */
+export const useUiItemsProviderStatusBarItems = (manager) => {
+    const uiItemProviderIds = useAvailableUiItemsProviders();
+    const stageId = 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 = UiFramework.frontstages.activeFrontstageDef;
+            // istanbul ignore else
+            if (frontstageDef) {
+                providersRef.current = uiProviders;
+                const statusBarItems = UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);
+                manager.loadItems(statusBarItems);
+                setItems(manager.items);
+            }
+        }
+    }, [manager, uiItemProviderIds, stageId]);
+    // handle item changes caused by setter calls to UiFramework.addonStatusBarItemsManager
+    React.useEffect(() => {
+        return manager.onItemsChanged.addListener((args) => {
+            setItems(args.items);
+        });
+    }, [manager]);
+    return items;
+};
 //# sourceMappingURL=useUiItemsProviderStatusBarItems.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,OAA8B,EAA+B,EAAE;IAC9G,MAAM,iBAAiB,GAAG,4BAA4B,EAAE,CAAC;IACzD,MAAM,OAAO,GAAG,gBAAgB,EAAE,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,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;YAClE,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,cAAc,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,OAAO,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,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 { StatusBarItemsManager } from \"@itwin/appui-abstract\";\r\nimport { useActiveStageId } from \"../hooks/useActiveStageId\";\r\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { AnyStatusBarItem } from \"./StatusBarItem\";\r\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useUiItemsProviderStatusBarItems = (manager: StatusBarItemsManager): readonly AnyStatusBarItem[] => {\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 = UiFramework.frontstages.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 setter calls to UiFramework.addonStatusBarItemsManager\r\n  React.useEffect(() => {\r\n    return manager.onItemsChanged.addListener((args) => {\r\n      setItems(args.items);\r\n    });\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAIrE;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,OAA8B,EAA4B,EAAE;IAC3G,MAAM,iBAAiB,GAAG,4BAA4B,EAAE,CAAC;IACzD,MAAM,OAAO,GAAG,gBAAgB,EAAE,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,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;YAClE,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,cAAc,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,OAAO,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,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 { useActiveStageId } from \"../hooks/useActiveStageId\";\r\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\r\nimport { StatusBarItem } from \"./StatusBarItem\";\r\nimport { StatusBarItemsManager } from \"./StatusBarItemsManager\";\r\n\r\n/** Hook that returns items from [[StatusBarItemsManager]].\r\n * @public\r\n */\r\nexport const useUiItemsProviderStatusBarItems = (manager: StatusBarItemsManager): readonly StatusBarItem[] => {\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 = UiFramework.frontstages.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 setter calls to UiFramework.addonStatusBarItemsManager\r\n  React.useEffect(() => {\r\n    return manager.onItemsChanged.addListener((args) => {\r\n      setItems(args.items);\r\n    });\r\n  }, [manager]);\r\n  return items;\r\n};\r\n"]}

package/lib/esm/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/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;;AAIH,OAAO,EAAY,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM1D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,sBA0DrD"}

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

@@ -1,56 +1,58 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { MessageManager } from "../messages/MessageManager";
+import { UiFramework } from "../UiFramework";
+import { ProgressLinear, Text } 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(Text, { variant: "small", key: 0 },
+                    percentage,
+                    " ",
+                    label),
+            ] })));
+}
 //# 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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;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,CAC5B,WAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CACxD,CAAC;IAEF,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,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG,CAAC;IAC7D,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAElD,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;gBACN,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAE,CAAC;oBACzB,UAAU;;oBAAG,KAAK,CACd;aACR,GACD,CACO,CACZ,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 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, Text } 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(\r\n    UiFramework.translate(\"activityCenter.percentComplete\")\r\n  );\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) 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={[\r\n          <Text variant=\"small\" key={0}>\r\n            {percentage} {label}\r\n          </Text>,\r\n        ]}\r\n      />\r\n    </Centered>\r\n  );\r\n}\r\n"]}

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

@@ -1,47 +1,47 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Enum for the [[MessageCenterField]] active tab
- * @internal
- */
-declare enum MessageCenterActiveTab {
-    AllMessages = 0,
-    Problems = 1
-}
-/** State for the [[MessageCenterField]] React component
- * @internal
- */
-interface MessageCenterState {
-    activeTab: MessageCenterActiveTab;
-    target: HTMLDivElement | null;
-    messageCount: number;
-    isOpen: boolean;
-}
-/** Message Center Field React component.
- * @public
- */
-export declare class MessageCenterField extends React.Component<CommonProps, MessageCenterState> {
-    private _indicator;
-    private _title;
-    private _unloadMessagesUpdatedHandler?;
-    private _removeOpenMessagesCenterHandler?;
-    constructor(p: CommonProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private _handleMessagesUpdatedEvent;
-    private _handleOpenMessageCenterEvent;
-    render(): React.ReactNode;
-    private _handleClose;
-    private _handleOutsideClick;
-    private _handleMessageIndicatorClick;
-    private _changeActiveTab;
-    private getMessages;
-    private isProblemStatus;
-    private setIsOpen;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Enum for the [[MessageCenterField]] active tab
+ * @internal
+ */
+declare enum MessageCenterActiveTab {
+    AllMessages = 0,
+    Problems = 1
+}
+/** State for the [[MessageCenterField]] React component
+ * @internal
+ */
+interface MessageCenterState {
+    activeTab: MessageCenterActiveTab;
+    target: HTMLDivElement | null;
+    messageCount: number;
+    isOpen: boolean;
+}
+/** Message Center Field React component.
+ * @public
+ */
+export declare class MessageCenterField extends React.Component<CommonProps, MessageCenterState> {
+    private _indicator;
+    private _title;
+    private _unloadMessagesUpdatedHandler?;
+    private _removeOpenMessagesCenterHandler?;
+    constructor(p: CommonProps);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private _handleMessagesUpdatedEvent;
+    private _handleOpenMessageCenterEvent;
+    render(): React.ReactNode;
+    private _handleClose;
+    private _handleOutsideClick;
+    private _handleMessageIndicatorClick;
+    private _changeActiveTab;
+    private getMessages;
+    private isProblemStatus;
+    private setIsOpen;
+}
+export {};
 //# sourceMappingURL=MessageCenter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;GAEG;AACH,aAAK,sBAAsB;IACzB,WAAW,IAAA;IACX,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B,SAAS,EAAE,sBAAsB,CAAC;IAClC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACtF,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,MAAM,CAAmD;IACjE,OAAO,CAAC,6BAA6B,CAAC,CAAa;IACnD,OAAO,CAAC,gCAAgC,CAAC,CAAa;gBAE1C,CAAC,EAAE,WAAW;IAW1B,gBAAgB;IACA,iBAAiB;IAMjC,gBAAgB;IACA,oBAAoB;IAapC,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAqDzC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CAOzB;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS;CAGlB"}
+{"version":3,"file":"MessageCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,WAAW,EAAQ,MAAM,mBAAmB,CAAC;AAGtD;;GAEG;AACH,aAAK,sBAAsB;IACzB,WAAW,IAAA;IACX,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B,SAAS,EAAE,sBAAsB,CAAC;IAClC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACtF,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,MAAM,CAAmD;IACjE,OAAO,CAAC,6BAA6B,CAAC,CAAa;IACnD,OAAO,CAAC,gCAAgC,CAAC,CAAa;gBAE1C,CAAC,EAAE,WAAW;IAW1B,gBAAgB;IACA,iBAAiB;IAMjC,gBAAgB;IACA,oBAAoB;IAapC,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAqDzC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CAOzB;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW;IAgCnB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS;CAGlB"}