@itwin/appui-react 3.6.0 → 3.6.1

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

@@ -1,95 +1,95 @@
-"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.TileLoadingIndicator = void 0;
-require("./TileLoadingIndicator.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_frontend_1 = require("@itwin/core-frontend");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiFramework_1 = require("../../UiFramework");
-/** TileLoadingIndicator React component
- * @public
- */
-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;
-                core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `Tiles Finished Loading`);
-                core_bentley_1.Logger.logTrace(UiFramework_1.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 (!core_frontend_1.IModelApp.viewManager)
-            return;
-        // get selected viewport
-        const vp = core_frontend_1.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 = core_frontend_1.IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
-        }
-    }
-    componentWillUnmount() {
-        // istanbul ignore next
-        if (!core_frontend_1.IModelApp.viewManager)
-            return;
-        // istanbul ignore next
-        if (this._removeViewOpenListener)
-            this._removeViewOpenListener();
-        // istanbul ignore else
-        if (this._removeOnRenderListener)
-            this._removeOnRenderListener();
-    }
-    /** Renders TileLoadingIndicator */
-    render() {
-        var _a;
-        const classes = (0, classnames_1.default)("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", 
-        // eslint-disable-next-line deprecation/deprecation
-        ((_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true) && "nz-footer-mode", this.props.className);
-        return (React.createElement("div", { className: classes, style: this.props.style },
-            React.createElement("span", null, this.state.label),
-            React.createElement(itwinui_react_1.ProgressLinear, { value: this.state.progress })));
-    }
-}
-exports.TileLoadingIndicator = TileLoadingIndicator;
+"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.TileLoadingIndicator = void 0;
+require("./TileLoadingIndicator.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_frontend_1 = require("@itwin/core-frontend");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const UiFramework_1 = require("../../UiFramework");
+/** TileLoadingIndicator React component
+ * @public
+ */
+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;
+                core_bentley_1.Logger.logTrace(UiFramework_1.UiFramework.loggerCategory(this), `Tiles Finished Loading`);
+                core_bentley_1.Logger.logTrace(UiFramework_1.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 (!core_frontend_1.IModelApp.viewManager)
+            return;
+        // get selected viewport
+        const vp = core_frontend_1.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 = core_frontend_1.IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
+        }
+    }
+    componentWillUnmount() {
+        // istanbul ignore next
+        if (!core_frontend_1.IModelApp.viewManager)
+            return;
+        // istanbul ignore next
+        if (this._removeViewOpenListener)
+            this._removeViewOpenListener();
+        // istanbul ignore else
+        if (this._removeOnRenderListener)
+            this._removeOnRenderListener();
+    }
+    /** Renders TileLoadingIndicator */
+    render() {
+        var _a;
+        const classes = (0, classnames_1.default)("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", 
+        // eslint-disable-next-line deprecation/deprecation
+        ((_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true) && "nz-footer-mode", this.props.className);
+        return (React.createElement("div", { className: classes, style: this.props.style },
+            React.createElement("span", null, this.state.label),
+            React.createElement(itwinui_react_1.ProgressLinear, { value: this.state.progress })));
+    }
+}
+exports.TileLoadingIndicator = TileLoadingIndicator;
 //# sourceMappingURL=TileLoadingIndicator.js.map

package/lib/cjs/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":["/*---------------------------------------------------------------------------------------------\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 { StatusFieldProps } from \"../StatusFieldProps\";\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<StatusFieldProps, TileLoadingIndicatorState> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  constructor(props: StatusFieldProps) {\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      // eslint-disable-next-line deprecation/deprecation\n      (this.props.isInFooterMode ?? true) && \"nz-footer-mode\",\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"]}
+{"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 { StatusFieldProps } from \"../StatusFieldProps\";\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<StatusFieldProps, TileLoadingIndicatorState> {\r\n  private _removeViewOpenListener?: () => void;\r\n  private _removeOnRenderListener?: () => void;\r\n\r\n  constructor(props: StatusFieldProps) {\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      // eslint-disable-next-line deprecation/deprecation\r\n      (this.props.isInFooterMode ?? true) && \"nz-footer-mode\",\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"]}

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

@@ -1,58 +1,58 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.uifw-tile-loading-bar {
-  $font-size-medium: $iui-font-size-small;
-  $font-size-small: $iui-font-size-small - 1px;
-
-  transition: opacity .3s ease-in;
-  opacity: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  >span {
-    font-size: $font-size-medium;
-    margin-top: 6px;
-    position: relative;
-  }
-
-  >.iui-progress-indicator-linear {
-    width: 100%;
-    flex: 1;
-  }
-
-  &.nz-footer-mode {
-    width: 12em;
-  }
-
-  &:not(.nz-footer-mode) {
-    min-width: 4em;
-  }
-
-  @include for-small-desktop-down {
-    &.nz-footer-mode {
-      width: 9em;
-    }
-  }
-
-  @include for-tablet-portrait-down {
-    font-size: $font-size-medium;
-  }
-
-  @include for-phone-only {
-    font-size: $font-size-small;
-
-    &.nz-footer-mode {
-      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";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.uifw-tile-loading-bar {
+  $font-size-medium: $iui-font-size-small;
+  $font-size-small: $iui-font-size-small - 1px;
+
+  transition: opacity .3s ease-in;
+  opacity: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  >span {
+    font-size: $font-size-medium;
+    margin-top: 6px;
+    position: relative;
+  }
+
+  >.iui-progress-indicator-linear {
+    width: 100%;
+    flex: 1;
+  }
+
+  &.nz-footer-mode {
+    width: 12em;
+  }
+
+  &:not(.nz-footer-mode) {
+    min-width: 4em;
+  }
+
+  @include for-small-desktop-down {
+    &.nz-footer-mode {
+      width: 9em;
+    }
+  }
+
+  @include for-tablet-portrait-down {
+    font-size: $font-size-medium;
+  }
+
+  @include for-phone-only {
+    font-size: $font-size-small;
+
+    &.nz-footer-mode {
+      width: 6em;
+    }
+  }
+}
+
+.uifw-tile-loading-bar-visible {
+  opacity: 1;
 }

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

@@ -1,97 +1,97 @@
-/** @packageDocumentation
- * @module Notification
- */
-import "./ToolAssistanceField.scss";
-import * as React from "react";
-import { ToolAssistanceInstruction, ToolAssistanceInstructions } from "@itwin/core-frontend";
-import { UiStateStorage } from "@itwin/core-react";
-import { StatusFieldProps } from "../StatusFieldProps";
-import { UiStateStorageContext } from "../../uistate/useUiStateStorage";
-/** Properties of [[ToolAssistanceField]] component.
- * @public
- */
-export interface ToolAssistanceFieldProps extends StatusFieldProps {
-    /** 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;
-    openWidget: string | null;
-}
-/** 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 _className;
-    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 setOpenWidget;
-    /** @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 { UiStateStorage } from "@itwin/core-react";
+import { StatusFieldProps } from "../StatusFieldProps";
+import { UiStateStorageContext } from "../../uistate/useUiStateStorage";
+/** Properties of [[ToolAssistanceField]] component.
+ * @public
+ */
+export interface ToolAssistanceFieldProps extends StatusFieldProps {
+    /** 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;
+    openWidget: string | null;
+}
+/** 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 _className;
+    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 setOpenWidget;
+    /** @internal */
+    static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode;
+    private static getInstructionSvgImage;
+    private static getInstructionKeyboardImage;
+    private static getKeyNode;
+}
+export {};
 //# sourceMappingURL=ToolAssistanceField.d.ts.map