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

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

@@ -1 +1 @@
-{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./ViewAttributes.scss\";\r\nimport * as React from \"react\";\r\nimport { ViewFlagProps, ViewFlags } from \"@itwin/core-common\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\r\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\r\n\r\ninterface ViewAttributesStatusFieldState {\r\n  viewFlags: ViewFlagProps;\r\n  cameraOn: boolean;\r\n  target: HTMLElement | null;\r\n}\r\n\r\n/** Widget for showing Checkboxes for View Attributes\r\n * @beta\r\n */\r\nexport class ViewAttributesStatusField extends React.Component<CommonProps, ViewAttributesStatusFieldState> {\r\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      cameraOn: false,\r\n      viewFlags: {},\r\n      target: null,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this.updateState();\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private updateState() {\r\n    if (IModelApp.viewManager.selectedView) {\r\n      const viewFlags: ViewFlagProps = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };\r\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\r\n\r\n      this.setState({\r\n        viewFlags,\r\n        cameraOn,\r\n      });\r\n    }\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private _handleViewFlagClick = (flagName: string) => {\r\n    if (IModelApp.viewManager.selectedView) {\r\n      const props: ViewFlagProps = IModelApp.viewManager.selectedView.viewFlags.toJSON();\r\n      (props as any)[flagName] = (props as any)[flagName] === undefined ? true : !(props as any)[flagName];\r\n      const viewFlags = ViewFlags.fromJSON(props);\r\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\r\n      this.updateState();\r\n    }\r\n  };\r\n\r\n  private _handleToggleCamera = async () => {\r\n    await IModelApp.tools.run(\"View.ToggleCamera\", IModelApp.viewManager.selectedView);\r\n    this.updateState();\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private stylizeName(name: string) {\r\n    name = name.charAt(0).toUpperCase() + name.slice(1);\r\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\r\n    return name;\r\n  }\r\n\r\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\r\n    return <Checkbox key={flagName} label={labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName)} onClick={() => this._handleViewFlagClick(flagName)} defaultChecked={value} />;\r\n  }\r\n\r\n  private getFlagState(flagName: string) {\r\n    return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName] : false;\r\n  }\r\n\r\n  private getToggleCameraItem() {\r\n    return <Checkbox key={\"toggleCamera\"} label={IModelApp.localization.getLocalizedString(\"UiFramework:listTools.camera\")} onClick={this._handleToggleCamera} defaultChecked={this.state.cameraOn} />;\r\n  }\r\n\r\n  private getViewFlags() {\r\n    const items: JSX.Element[] = [];\r\n    items.push(this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"UiFramework:listTools.acs\"));\r\n    items.push(this.getToggleCameraItem());\r\n    items.push(this.getViewFlagItem(\"noConstruct\", !this.getFlagState(\"noConstruct\"), \"UiFramework:listTools.constructions\"));\r\n    items.push(this.getViewFlagItem(\"hidEdges\", this.getFlagState(\"hidEdges\"), \"UiFramework:listTools.hidEdges\"));\r\n    items.push(this.getViewFlagItem(\"monochrome\", this.getFlagState(\"monochrome\"), \"UiFramework:listTools.monochrome\"));\r\n    items.push(this.getViewFlagItem(\"visEdges\", this.getFlagState(\"visEdges\"), \"UiFramework:listTools.visEdges\"));\r\n    items.push(this.getViewFlagItem(\"ambientOcclusion\", this.getFlagState(\"ambientOcclusion\"), \"UiFramework:listTools.ambientOcclusion\"));\r\n    items.push(this.getViewFlagItem(\"shadows\", this.getFlagState(\"shadows\"), \"UiFramework:listTools.shadows\"));\r\n    items.push(this.getViewFlagItem(\"backgroundMap\", this.getFlagState(\"backgroundMap\"), \"UiFramework:listTools.backgroundMap\"));\r\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\r\n  }\r\n\r\n  public override render() {\r\n    return (\r\n      <StatusBarLabelIndicator\r\n        iconSpec=\"icon-window-settings\"\r\n        title={this._title}\r\n        popup={<StatusBarDialog\r\n          titleBar={\r\n            <StatusBarDialog.TitleBar title={this._title} />\r\n          }>\r\n          {this.getViewFlags()}\r\n        </StatusBarDialog>}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"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","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 \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport { ViewFlagProps, ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<CommonProps, ViewAttributesStatusFieldState> {\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n  constructor(props: CommonProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  // istanbul ignore next\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  // istanbul ignore next\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps = IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] = (props as any)[flagName] === undefined ? true : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\"View.ToggleCamera\", IModelApp.viewManager.selectedView);\n    this.updateState();\n  };\n\n  // istanbul ignore next\n  private stylizeName(name: string) {\n    name = name.charAt(0).toUpperCase() + name.slice(1);\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\n    return name;\n  }\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\n    return <Checkbox key={flagName} label={labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName)} onClick={() => this._handleViewFlagClick(flagName)} defaultChecked={value} />;\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName] : false;\n  }\n\n  private getToggleCameraItem() {\n    return <Checkbox key={\"toggleCamera\"} label={IModelApp.localization.getLocalizedString(\"UiFramework:listTools.camera\")} onClick={this._handleToggleCamera} defaultChecked={this.state.cameraOn} />;\n  }\n\n  private getViewFlags() {\n    const items: JSX.Element[] = [];\n    items.push(this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"UiFramework:listTools.acs\"));\n    items.push(this.getToggleCameraItem());\n    items.push(this.getViewFlagItem(\"noConstruct\", !this.getFlagState(\"noConstruct\"), \"UiFramework:listTools.constructions\"));\n    items.push(this.getViewFlagItem(\"hidEdges\", this.getFlagState(\"hidEdges\"), \"UiFramework:listTools.hidEdges\"));\n    items.push(this.getViewFlagItem(\"monochrome\", this.getFlagState(\"monochrome\"), \"UiFramework:listTools.monochrome\"));\n    items.push(this.getViewFlagItem(\"visEdges\", this.getFlagState(\"visEdges\"), \"UiFramework:listTools.visEdges\"));\n    items.push(this.getViewFlagItem(\"ambientOcclusion\", this.getFlagState(\"ambientOcclusion\"), \"UiFramework:listTools.ambientOcclusion\"));\n    items.push(this.getViewFlagItem(\"shadows\", this.getFlagState(\"shadows\"), \"UiFramework:listTools.shadows\"));\n    items.push(this.getViewFlagItem(\"backgroundMap\", this.getFlagState(\"backgroundMap\"), \"UiFramework:listTools.backgroundMap\"));\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    return (\n      <StatusBarLabelIndicator\n        iconSpec={<SvgWindowSettings />}\n        title={this._title}\n        popup={<StatusBarDialog\n          titleBar={\n            <StatusBarDialog.TitleBar title={this._title} />\n          }>\n          {this.getViewFlags()}\n        </StatusBarDialog>}\n      />\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/statusfields/ViewAttributes.scss

@@ -1,14 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-view-attributes-contents {
-  display: flex;
-  flex-direction: column;
-  padding: 8px;
-  overflow-y: auto;
-
-  > .core-checkbox {
-    margin: 2px;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-view-attributes-contents {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  overflow-y: auto;
+}

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts

@@ -1,32 +1,32 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./TileLoadingIndicator.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** State for the [[TileLoadingIndicator]] component
- * @internal
- */
-interface TileLoadingIndicatorState {
-    label: string;
-    progress: number;
-    enabled: boolean;
-    finished: boolean;
-}
-/** TileLoadingIndicator React component
- * @public
- */
-export declare class TileLoadingIndicator extends React.PureComponent<CommonProps, TileLoadingIndicatorState> {
-    private _removeViewOpenListener?;
-    private _removeOnRenderListener?;
-    constructor(props: CommonProps);
-    private _refreshState;
-    private _update;
-    private _onViewOpen;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /** Renders TileLoadingIndicator */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./TileLoadingIndicator.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** State for the [[TileLoadingIndicator]] component
+ * @internal
+ */
+interface TileLoadingIndicatorState {
+    label: string;
+    progress: number;
+    enabled: boolean;
+    finished: boolean;
+}
+/** TileLoadingIndicator React component
+ * @public
+ */
+export declare class TileLoadingIndicator extends React.PureComponent<CommonProps, TileLoadingIndicatorState> {
+    private _removeViewOpenListener?;
+    private _removeOnRenderListener?;
+    constructor(props: CommonProps);
+    private _refreshState;
+    private _update;
+    private _onViewOpen;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /** Renders TileLoadingIndicator */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=TileLoadingIndicator.d.ts.map

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.js

@@ -1,88 +1,88 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./TileLoadingIndicator.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Logger } from "@itwin/core-bentley";
-import { IModelApp } from "@itwin/core-frontend";
-import { ProgressLinear } from "@itwin/itwinui-react";
-import { UiFramework } from "../../UiFramework";
-/** TileLoadingIndicator React component
- * @public
- */
-export class TileLoadingIndicator extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._refreshState = (vp) => {
-            const requested = vp.numRequestedTiles;
-            const ready = vp.numReadyTiles;
-            const total = ready + requested;
-            const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;
-            let enabled = this.state.enabled;
-            let finished = this.state.finished;
-            // istanbul ignore else
-            if (!enabled && total !== 0 && pctComplete !== 100)
-                enabled = true;
-            if (enabled && (total === 0 || pctComplete === 100))
-                enabled = false;
-            if (pctComplete === 100 && !finished) {
-                finished = true;
-                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);
-                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);
-            }
-            // istanbul ignore else
-            if (pctComplete !== 100 && finished)
-                finished = false;
-            this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });
-        };
-        this._update = (vp) => {
-            // set progress animation before the next repaint.
-            setTimeout(() => this._refreshState(vp));
-        };
-        this._onViewOpen = (vp) => {
-            // istanbul ignore next
-            this._removeOnRenderListener && this._removeOnRenderListener();
-            this._removeOnRenderListener = vp.onRender.addListener(this._update);
-        };
-        this.state = { label: "", progress: 0, enabled: false, finished: true };
-    }
-    componentDidMount() {
-        // istanbul ignore next
-        if (!IModelApp.viewManager)
-            return;
-        // get selected viewport
-        const vp = IModelApp.viewManager.selectedView;
-        // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs
-        // istanbul ignore else
-        if (vp) {
-            this._onViewOpen(vp);
-        }
-        else {
-            this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
-        }
-    }
-    componentWillUnmount() {
-        // istanbul ignore next
-        if (!IModelApp.viewManager)
-            return;
-        // istanbul ignore next
-        if (this._removeViewOpenListener)
-            this._removeViewOpenListener();
-        // istanbul ignore else
-        if (this._removeOnRenderListener)
-            this._removeOnRenderListener();
-    }
-    /** Renders TileLoadingIndicator */
-    render() {
-        const classes = classnames("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", this.props.className);
-        return (React.createElement("div", { className: classes, style: this.props.style },
-            React.createElement("span", null, this.state.label),
-            React.createElement(ProgressLinear, { value: this.state.progress })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./TileLoadingIndicator.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Logger } from "@itwin/core-bentley";
+import { IModelApp } from "@itwin/core-frontend";
+import { ProgressLinear } from "@itwin/itwinui-react";
+import { UiFramework } from "../../UiFramework";
+/** TileLoadingIndicator React component
+ * @public
+ */
+export class TileLoadingIndicator extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._refreshState = (vp) => {
+            const requested = vp.numRequestedTiles;
+            const ready = vp.numReadyTiles;
+            const total = ready + requested;
+            const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;
+            let enabled = this.state.enabled;
+            let finished = this.state.finished;
+            // istanbul ignore else
+            if (!enabled && total !== 0 && pctComplete !== 100)
+                enabled = true;
+            if (enabled && (total === 0 || pctComplete === 100))
+                enabled = false;
+            if (pctComplete === 100 && !finished) {
+                finished = true;
+                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);
+                Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);
+            }
+            // istanbul ignore else
+            if (pctComplete !== 100 && finished)
+                finished = false;
+            this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });
+        };
+        this._update = (vp) => {
+            // set progress animation before the next repaint.
+            setTimeout(() => this._refreshState(vp));
+        };
+        this._onViewOpen = (vp) => {
+            // istanbul ignore next
+            this._removeOnRenderListener && this._removeOnRenderListener();
+            this._removeOnRenderListener = vp.onRender.addListener(this._update);
+        };
+        this.state = { label: "", progress: 0, enabled: false, finished: true };
+    }
+    componentDidMount() {
+        // istanbul ignore next
+        if (!IModelApp.viewManager)
+            return;
+        // get selected viewport
+        const vp = IModelApp.viewManager.selectedView;
+        // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs
+        // istanbul ignore else
+        if (vp) {
+            this._onViewOpen(vp);
+        }
+        else {
+            this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
+        }
+    }
+    componentWillUnmount() {
+        // istanbul ignore next
+        if (!IModelApp.viewManager)
+            return;
+        // istanbul ignore next
+        if (this._removeViewOpenListener)
+            this._removeViewOpenListener();
+        // istanbul ignore else
+        if (this._removeOnRenderListener)
+            this._removeOnRenderListener();
+    }
+    /** Renders TileLoadingIndicator */
+    render() {
+        const classes = classnames("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", this.props.className);
+        return (React.createElement("div", { className: classes, style: this.props.style },
+            React.createElement("span", null, this.state.label),
+            React.createElement(ProgressLinear, { value: this.state.progress })));
+    }
+}
 //# sourceMappingURL=TileLoadingIndicator.js.map

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./TileLoadingIndicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { IModelApp, ScreenViewport, Viewport } from \"@itwin/core-frontend\";\r\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** State for the [[TileLoadingIndicator]] component\r\n * @internal\r\n */\r\ninterface TileLoadingIndicatorState {\r\n  label: string;\r\n  progress: number;\r\n  enabled: boolean;\r\n  finished: boolean;\r\n}\r\n\r\n/** TileLoadingIndicator React component\r\n * @public\r\n */\r\nexport class TileLoadingIndicator extends React.PureComponent<CommonProps, TileLoadingIndicatorState> {\r\n  private _removeViewOpenListener?: () => void;\r\n  private _removeOnRenderListener?: () => void;\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n    this.state = { label: \"\", progress: 0, enabled: false, finished: true };\r\n  }\r\n\r\n  private _refreshState = (vp: Viewport) => {\r\n    const requested = vp.numRequestedTiles;\r\n    const ready = vp.numReadyTiles;\r\n    const total = ready + requested;\r\n    const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;\r\n    let enabled = this.state.enabled;\r\n    let finished = this.state.finished;\r\n\r\n    // istanbul ignore else\r\n    if (!enabled && total !== 0 && pctComplete !== 100)\r\n      enabled = true;\r\n\r\n    if (enabled && (total === 0 || pctComplete === 100))\r\n      enabled = false;\r\n\r\n    if (pctComplete === 100 && !finished) {\r\n      finished = true;\r\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);\r\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (pctComplete !== 100 && finished)\r\n      finished = false;\r\n\r\n    this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });\r\n  };\r\n\r\n  private _update = (vp: Viewport) => {\r\n    // set progress animation before the next repaint.\r\n    setTimeout(() => this._refreshState(vp));\r\n  };\r\n\r\n  private _onViewOpen = (vp: ScreenViewport) => {\r\n    // istanbul ignore next\r\n    this._removeOnRenderListener && this._removeOnRenderListener();\r\n    this._removeOnRenderListener = vp.onRender.addListener(this._update);\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    // istanbul ignore next\r\n    if (!IModelApp.viewManager)\r\n      return;\r\n\r\n    // get selected viewport\r\n    const vp = IModelApp.viewManager.selectedView;\r\n\r\n    // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\r\n    // istanbul ignore else\r\n    if (vp) {\r\n      this._onViewOpen(vp);\r\n    } else {\r\n      this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\r\n    }\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore next\r\n    if (!IModelApp.viewManager)\r\n      return;\r\n\r\n    // istanbul ignore next\r\n    if (this._removeViewOpenListener)\r\n      this._removeViewOpenListener();\r\n\r\n    // istanbul ignore else\r\n    if (this._removeOnRenderListener)\r\n      this._removeOnRenderListener();\r\n  }\r\n\r\n  /** Renders TileLoadingIndicator */\r\n  public override render() {\r\n    const classes = classnames(\r\n      \"uifw-tile-loading-bar\",\r\n      this.state.enabled && \"uifw-tile-loading-bar-visible\",\r\n      this.props.className,\r\n    );\r\n    return (\r\n      <div className={classes} style={this.props.style}>\r\n        <span>{this.state.label}</span>\r\n        <ProgressLinear value={this.state.progress} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"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","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 \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { IModelApp, ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n */\ninterface TileLoadingIndicatorState {\n  label: string;\n  progress: number;\n  enabled: boolean;\n  finished: boolean;\n}\n\n/** TileLoadingIndicator React component\n * @public\n */\nexport class TileLoadingIndicator extends React.PureComponent<CommonProps, TileLoadingIndicatorState> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  constructor(props: CommonProps) {\n    super(props);\n    this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n  }\n\n  private _refreshState = (vp: Viewport) => {\n    const requested = vp.numRequestedTiles;\n    const ready = vp.numReadyTiles;\n    const total = ready + requested;\n    const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\n    // istanbul ignore else\n    if (!enabled && total !== 0 && pctComplete !== 100)\n      enabled = true;\n\n    if (enabled && (total === 0 || pctComplete === 100))\n      enabled = false;\n\n    if (pctComplete === 100 && !finished) {\n      finished = true;\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);\n    }\n\n    // istanbul ignore else\n    if (pctComplete !== 100 && finished)\n      finished = false;\n\n    this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });\n  };\n\n  private _update = (vp: Viewport) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen = (vp: ScreenViewport) => {\n    // istanbul ignore next\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._update);\n  };\n\n  public override componentDidMount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager)\n      return;\n\n    // get selected viewport\n    const vp = IModelApp.viewManager.selectedView;\n\n    // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n    // istanbul ignore else\n    if (vp) {\n      this._onViewOpen(vp);\n    } else {\n      this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n    }\n  }\n\n  public override componentWillUnmount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager)\n      return;\n\n    // istanbul ignore next\n    if (this._removeViewOpenListener)\n      this._removeViewOpenListener();\n\n    // istanbul ignore else\n    if (this._removeOnRenderListener)\n      this._removeOnRenderListener();\n  }\n\n  /** Renders TileLoadingIndicator */\n  public override render() {\n    const classes = classnames(\n      \"uifw-tile-loading-bar\",\n      this.state.enabled && \"uifw-tile-loading-bar-visible\",\n      this.props.className,\n    );\n    return (\n      <div className={classes} style={this.props.style}>\n        <span>{this.state.label}</span>\n        <ProgressLinear value={this.state.progress} />\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.scss

@@ -1,45 +1,45 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
-
-.uifw-tile-loading-bar {
-  $font-size-medium: var(--iui-font-size-0);
-  $font-size-small: var(--iui-font-size-0) - 1px;
-
-  transition: opacity 0.3s ease-in;
-  opacity: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 12em;
-
-  > span {
-    font-size: $font-size-medium;
-    margin-top: 6px;
-    position: relative;
-  }
-
-  > .iui-progress-indicator-linear {
-    width: 100%;
-    flex: 1;
-  }
-
-  @include for-small-desktop-down {
-    width: 9em;
-  }
-
-  @include for-tablet-portrait-down {
-    font-size: $font-size-medium;
-  }
-
-  @include for-phone-only {
-    font-size: $font-size-small;
-    width: 6em;
-  }
-}
-
-.uifw-tile-loading-bar-visible {
-  opacity: 1;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
+
+.uifw-tile-loading-bar {
+  $font-size-medium: var(--iui-font-size-0);
+  $font-size-small: var(--iui-font-size-0) - 1px;
+
+  transition: opacity 0.3s ease-in;
+  opacity: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 12em;
+
+  > span {
+    font-size: $font-size-medium;
+    margin-top: 6px;
+    position: relative;
+  }
+
+  > .iui-progress-indicator-linear {
+    width: 100%;
+    flex: 1;
+  }
+
+  @include for-small-desktop-down {
+    width: 9em;
+  }
+
+  @include for-tablet-portrait-down {
+    font-size: $font-size-medium;
+  }
+
+  @include for-phone-only {
+    font-size: $font-size-small;
+    width: 6em;
+  }
+}
+
+.uifw-tile-loading-bar-visible {
+  opacity: 1;
+}

package/lib/esm/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts

@@ -1,96 +1,96 @@
-/** @packageDocumentation
- * @module Notification
- */
-import "./ToolAssistanceField.scss";
-import * as React from "react";
-import { ToolAssistanceInstruction, ToolAssistanceInstructions } from "@itwin/core-frontend";
-import { CommonProps, UiStateStorage } from "@itwin/core-react";
-import { UiStateStorageContext } from "../../uistate/useUiStateStorage";
-/** Properties of [[ToolAssistanceField]] component.
- * @public
- */
-export interface ToolAssistanceFieldProps extends CommonProps {
-    /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */
-    includePromptAtCursor: boolean;
-    /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.
-     */
-    uiStateStorage?: UiStateStorage;
-    /** Cursor Prompt Timeout period. Defaults to 5000. */
-    cursorPromptTimeout: number;
-    /** Fade Out the Cursor Prompt when closed. */
-    fadeOutCursorPrompt: boolean;
-    /** Indicates whether to show promptAtCursor by default. Defaults to false. */
-    defaultPromptAtCursor: boolean;
-}
-/** Default properties of [[ToolAssistanceField]] component.
- * @internal
- */
-export declare type ToolAssistanceFieldDefaultProps = Pick<ToolAssistanceFieldProps, "includePromptAtCursor" | "uiStateStorage" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">;
-/** @internal */
-interface ToolAssistanceFieldState {
-    instructions: ToolAssistanceInstructions | undefined;
-    toolIconSpec: string;
-    showPromptAtCursor: boolean;
-    includeMouseInstructions: boolean;
-    includeTouchInstructions: boolean;
-    showMouseTouchTabs: boolean;
-    showMouseInstructions: boolean;
-    showTouchInstructions: boolean;
-    mouseTouchTabIndex: number;
-    isPinned: boolean;
-    isOpen: boolean;
-}
-/** Tool Assistance Field React component.
- * @public
- */
-export declare class ToolAssistanceField extends React.Component<ToolAssistanceFieldProps, ToolAssistanceFieldState> {
-    /** @internal */
-    static contextType: React.Context<UiStateStorage>;
-    /** @internal */
-    context: React.ContextType<typeof UiStateStorageContext>;
-    private static _toolAssistanceKey;
-    private static _showPromptAtCursorKey;
-    private static _mouseTouchTabIndexKey;
-    private _showPromptAtCursorSetting;
-    private _mouseTouchTabIndexSetting;
-    private _target;
-    private _indicator;
-    private _cursorPrompt;
-    private _isMounted;
-    private _uiSettingsStorage;
-    /** @internal */
-    static readonly defaultProps: ToolAssistanceFieldDefaultProps;
-    /** @internal */
-    constructor(p: ToolAssistanceFieldProps);
-    /** @internal */
-    componentDidMount(): Promise<void>;
-    /** @internal */
-    componentWillUnmount(): void;
-    private restoreSettings;
-    private _handleToolAssistanceChangedEvent;
-    private _isBothInstruction;
-    private _isMouseInstruction;
-    private _isTouchInstruction;
-    private _handleToolIconChangedEvent;
-    private _showCursorPrompt;
-    private _sectionHasDisplayableInstructions;
-    private _getDisplayableInstructions;
-    private _handleMouseTouchTab;
-    /** @internal */
-    render(): React.ReactNode;
-    private _handleTargetRef;
-    private _onPromptAtCursorChange;
-    private _handleClose;
-    private _handleOutsideClick;
-    private _handleToolAssistanceIndicatorClick;
-    private _handlePinButtonClick;
-    private _handleCloseButtonClick;
-    private setIsOpen;
-    /** @internal */
-    static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode;
-    private static getInstructionSvgImage;
-    private static getInstructionKeyboardImage;
-    private static getKeyNode;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import "./ToolAssistanceField.scss";
+import * as React from "react";
+import { ToolAssistanceInstruction, ToolAssistanceInstructions } from "@itwin/core-frontend";
+import { CommonProps, UiStateStorage } from "@itwin/core-react";
+import { UiStateStorageContext } from "../../uistate/useUiStateStorage";
+/** Properties of [[ToolAssistanceField]] component.
+ * @public
+ */
+export interface ToolAssistanceFieldProps extends CommonProps {
+    /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */
+    includePromptAtCursor: boolean;
+    /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.
+     */
+    uiStateStorage?: UiStateStorage;
+    /** Cursor Prompt Timeout period. Defaults to 5000. */
+    cursorPromptTimeout: number;
+    /** Fade Out the Cursor Prompt when closed. */
+    fadeOutCursorPrompt: boolean;
+    /** Indicates whether to show promptAtCursor by default. Defaults to false. */
+    defaultPromptAtCursor: boolean;
+}
+/** Default properties of [[ToolAssistanceField]] component.
+ * @internal
+ */
+export type ToolAssistanceFieldDefaultProps = Pick<ToolAssistanceFieldProps, "includePromptAtCursor" | "uiStateStorage" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">;
+/** @internal */
+interface ToolAssistanceFieldState {
+    instructions: ToolAssistanceInstructions | undefined;
+    toolIconSpec: string;
+    showPromptAtCursor: boolean;
+    includeMouseInstructions: boolean;
+    includeTouchInstructions: boolean;
+    showMouseTouchTabs: boolean;
+    showMouseInstructions: boolean;
+    showTouchInstructions: boolean;
+    mouseTouchTabIndex: number;
+    isPinned: boolean;
+    isOpen: boolean;
+}
+/** Tool Assistance Field React component.
+ * @public
+ */
+export declare class ToolAssistanceField extends React.Component<ToolAssistanceFieldProps, ToolAssistanceFieldState> {
+    /** @internal */
+    static contextType: React.Context<UiStateStorage>;
+    /** @internal */
+    context: React.ContextType<typeof UiStateStorageContext>;
+    private static _toolAssistanceKey;
+    private static _showPromptAtCursorKey;
+    private static _mouseTouchTabIndexKey;
+    private _showPromptAtCursorSetting;
+    private _mouseTouchTabIndexSetting;
+    private _target;
+    private _indicator;
+    private _cursorPrompt;
+    private _isMounted;
+    private _uiSettingsStorage;
+    /** @internal */
+    static readonly defaultProps: ToolAssistanceFieldDefaultProps;
+    /** @internal */
+    constructor(p: ToolAssistanceFieldProps);
+    /** @internal */
+    componentDidMount(): Promise<void>;
+    /** @internal */
+    componentWillUnmount(): void;
+    private restoreSettings;
+    private _handleToolAssistanceChangedEvent;
+    private _isBothInstruction;
+    private _isMouseInstruction;
+    private _isTouchInstruction;
+    private _handleToolIconChangedEvent;
+    private _showCursorPrompt;
+    private _sectionHasDisplayableInstructions;
+    private _getDisplayableInstructions;
+    private _handleMouseTouchTab;
+    /** @internal */
+    render(): React.ReactNode;
+    private _handleTargetRef;
+    private _onPromptAtCursorChange;
+    private _handleClose;
+    private _handleOutsideClick;
+    private _handleToolAssistanceIndicatorClick;
+    private _handlePinButtonClick;
+    private _handleCloseButtonClick;
+    private setIsOpen;
+    /** @internal */
+    static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode;
+    private static getInstructionSvgImage;
+    private static getInstructionKeyboardImage;
+    private static getKeyNode;
+}
+export {};
 //# sourceMappingURL=ToolAssistanceField.d.ts.map