@itwin/appui-react 3.6.0-dev.8 → 3.6.0

package/lib/cjs/appui-react/utils/PropsHelper.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-import { AbstractWidgetProps, BackstageItem, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
-import { IconSpec } from "@itwin/core-react";
-/** A set of helper methods for various props
- * @public
- */
-export declare class PropsHelper {
-    /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */
-    static getStringSpec(explicitValue: string | StringGetter | ConditionalStringValue | undefined, stringKey?: string): string | StringGetter | ConditionalStringValue;
-    /** Get the display string. */
-    static getStringFromSpec(spec: string | StringGetter | ConditionalStringValue): string;
-    /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */
-    static getIcon(iconSpec: string | ConditionalStringValue | React.ReactNode): JSX.Element | undefined;
-    /** returns true if the two objects are the same using a shallow compare of each property */
-    static isShallowEqual(newObj: any, prevObj: any): boolean;
-    static getAbstractPropsForReactIcon(iconSpec: IconSpec, internalData?: Map<string, any>): Partial<AbstractWidgetProps> | Partial<BackstageItem>;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { AbstractWidgetProps, BackstageItem, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
+import { IconSpec } from "@itwin/core-react";
+/** A set of helper methods for various props
+ * @public
+ */
+export declare class PropsHelper {
+    /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */
+    static getStringSpec(explicitValue: string | StringGetter | ConditionalStringValue | undefined, stringKey?: string): string | StringGetter | ConditionalStringValue;
+    /** Get the display string. */
+    static getStringFromSpec(spec: string | StringGetter | ConditionalStringValue): string;
+    /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */
+    static getIcon(iconSpec: string | ConditionalStringValue | React.ReactNode): JSX.Element | undefined;
+    /** returns true if the two objects are the same using a shallow compare of each property */
+    static isShallowEqual(newObj: any, prevObj: any): boolean;
+    static getAbstractPropsForReactIcon(iconSpec: IconSpec, internalData?: Map<string, any>): Partial<AbstractWidgetProps> | Partial<BackstageItem>;
+}
 //# sourceMappingURL=PropsHelper.d.ts.map

package/lib/cjs/appui-react/utils/PropsHelper.js

@@ -1,67 +1,67 @@
-"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 Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropsHelper = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const UiFramework_1 = require("../UiFramework");
-/** A set of helper methods for various props
- * @public
- */
-class PropsHelper {
-    /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */
-    static getStringSpec(explicitValue, stringKey) {
-        if (explicitValue) {
-            return explicitValue;
-        }
-        let outValue = "";
-        if (stringKey)
-            outValue = UiFramework_1.UiFramework.localization.getLocalizedString(stringKey);
-        return outValue;
-    }
-    /** Get the display string. */
-    static getStringFromSpec(spec) {
-        let label = "";
-        if (typeof spec === "string")
-            label = spec;
-        else if (spec instanceof appui_abstract_1.ConditionalStringValue)
-            label = spec.value;
-        else
-            label = spec();
-        return label;
-    }
-    /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    static getIcon(iconSpec) {
-        if (iconSpec instanceof appui_abstract_1.ConditionalStringValue)
-            return React.createElement(core_react_1.Icon, { iconSpec: iconSpec.value });
-        return (iconSpec) ? React.createElement(core_react_1.Icon, { iconSpec: iconSpec }) : undefined;
-    }
-    /** returns true if the two objects are the same using a shallow compare of each property */
-    static isShallowEqual(newObj, prevObj) {
-        for (const key in newObj) {
-            if (newObj[key] !== prevObj[key])
-                return false;
-        }
-        return true;
-    }
-    static getAbstractPropsForReactIcon(iconSpec, internalData) {
-        // istanbul ignore else
-        if (!iconSpec || !React.isValidElement(iconSpec))
-            return {};
-        // istanbul ignore else
-        if (!internalData)
-            internalData = new Map();
-        const icon = core_react_1.IconHelper.getIconData(iconSpec, internalData);
-        return (icon === "" ? { icon } : { icon, internalData });
-    }
-}
-exports.PropsHelper = PropsHelper;
+"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 Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropsHelper = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const UiFramework_1 = require("../UiFramework");
+/** A set of helper methods for various props
+ * @public
+ */
+class PropsHelper {
+    /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */
+    static getStringSpec(explicitValue, stringKey) {
+        if (explicitValue) {
+            return explicitValue;
+        }
+        let outValue = "";
+        if (stringKey)
+            outValue = UiFramework_1.UiFramework.localization.getLocalizedString(stringKey);
+        return outValue;
+    }
+    /** Get the display string. */
+    static getStringFromSpec(spec) {
+        let label = "";
+        if (typeof spec === "string")
+            label = spec;
+        else if (spec instanceof appui_abstract_1.ConditionalStringValue)
+            label = spec.value;
+        else
+            label = spec();
+        return label;
+    }
+    /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    static getIcon(iconSpec) {
+        if (iconSpec instanceof appui_abstract_1.ConditionalStringValue)
+            return React.createElement(core_react_1.Icon, { iconSpec: iconSpec.value });
+        return (iconSpec) ? React.createElement(core_react_1.Icon, { iconSpec: iconSpec }) : undefined;
+    }
+    /** returns true if the two objects are the same using a shallow compare of each property */
+    static isShallowEqual(newObj, prevObj) {
+        for (const key in newObj) {
+            if (newObj[key] !== prevObj[key])
+                return false;
+        }
+        return true;
+    }
+    static getAbstractPropsForReactIcon(iconSpec, internalData) {
+        // istanbul ignore else
+        if (!iconSpec || !React.isValidElement(iconSpec))
+            return {};
+        // istanbul ignore else
+        if (!internalData)
+            internalData = new Map();
+        const icon = core_react_1.IconHelper.getIconData(iconSpec, internalData);
+        return (icon === "" ? { icon } : { icon, internalData });
+    }
+}
+exports.PropsHelper = PropsHelper;
 //# sourceMappingURL=PropsHelper.js.map

package/lib/cjs/appui-react/utils/PropsHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropsHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAiH;AACjH,kDAA+D;AAC/D,gDAA6C;AAE7C;;GAEG;AACH,MAAa,WAAW;IACtB,sHAAsH;IAC/G,MAAM,CAAC,aAAa,CAAC,aAAyE,EAAE,SAAkB;QACvH,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,CAAC;SACtB;QAED,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,SAAS;YACX,QAAQ,GAAG,yBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACpE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,8BAA8B;IACvB,MAAM,CAAC,iBAAiB,CAAC,IAAoD;QAClF,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,OAAO,IAAI,KAAK,QAAQ;YAC1B,KAAK,GAAG,IAAI,CAAC;aACV,IAAI,IAAI,YAAY,uCAAsB;YAC7C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;YAEnB,KAAK,GAAG,IAAI,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,+JAA+J;IAC/J,gEAAgE;IACzD,MAAM,CAAC,OAAO,CAAC,QAA2D;QAC/E,IAAI,QAAQ,YAAY,uCAAsB;YAC5C,OAAO,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC;QAE5C,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/D,CAAC;IAED,4FAA4F;IACrF,MAAM,CAAC,cAAc,CAAC,MAAW,EAAE,OAAY;QACpD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;YACxB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;SAChD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACM,MAAM,CAAC,4BAA4B,CAAC,QAAkB,EAAE,YAA+B;QAC5F,uBAAuB;QACvB,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YAC9C,OAAO,EAAE,CAAC;QAEZ,uBAAuB;QACvB,IAAI,CAAC,YAAY;YACf,YAAY,GAAG,IAAI,GAAG,EAAc,CAAC;QAEvC,MAAM,IAAI,GAAG,uBAAU,CAAC,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE5D,OAAO,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IACxD,CAAC;CACF;AAtDD,kCAsDC","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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, BackstageItem, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { Icon, IconHelper, IconSpec } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** A set of helper methods for various props\r\n * @public\r\n */\r\nexport class PropsHelper {\r\n  /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */\r\n  public static getStringSpec(explicitValue: string | StringGetter | ConditionalStringValue | undefined, stringKey?: string): string | StringGetter | ConditionalStringValue {\r\n    if (explicitValue) {\r\n      return explicitValue;\r\n    }\r\n\r\n    let outValue = \"\";\r\n    if (stringKey)\r\n      outValue = UiFramework.localization.getLocalizedString(stringKey);\r\n    return outValue;\r\n  }\r\n\r\n  /** Get the display string. */\r\n  public static getStringFromSpec(spec: string | StringGetter | ConditionalStringValue): string {\r\n    let label = \"\";\r\n    if (typeof spec === \"string\")\r\n      label = spec;\r\n    else if (spec instanceof ConditionalStringValue)\r\n      label = spec.value;\r\n    else\r\n      label = spec();\r\n    return label;\r\n  }\r\n\r\n  /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  public static getIcon(iconSpec: string | ConditionalStringValue | React.ReactNode): JSX.Element | undefined {\r\n    if (iconSpec instanceof ConditionalStringValue)\r\n      return <Icon iconSpec={iconSpec.value} />;\r\n\r\n    return (iconSpec) ? <Icon iconSpec={iconSpec} /> : undefined;\r\n  }\r\n\r\n  /** returns true if the two objects are the same using a shallow compare of each property */\r\n  public static isShallowEqual(newObj: any, prevObj: any) {\r\n    for (const key in newObj) {\r\n      if (newObj[key] !== prevObj[key]) return false;\r\n    }\r\n    return true;\r\n  }\r\n  public static getAbstractPropsForReactIcon(iconSpec: IconSpec, internalData?: Map<string, any>): Partial<AbstractWidgetProps> | Partial<BackstageItem> {\r\n    // istanbul ignore else\r\n    if (!iconSpec || !React.isValidElement(iconSpec))\r\n      return {};\r\n\r\n    // istanbul ignore else\r\n    if (!internalData)\r\n      internalData = new Map<string,any>();\r\n\r\n    const icon = IconHelper.getIconData(iconSpec, internalData);\r\n\r\n    return (icon === \"\" ? {icon} : {icon, internalData });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropsHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/PropsHelper.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAiH;AACjH,kDAA+D;AAC/D,gDAA6C;AAE7C;;GAEG;AACH,MAAa,WAAW;IACtB,sHAAsH;IAC/G,MAAM,CAAC,aAAa,CAAC,aAAyE,EAAE,SAAkB;QACvH,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,CAAC;SACtB;QAED,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,SAAS;YACX,QAAQ,GAAG,yBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACpE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,8BAA8B;IACvB,MAAM,CAAC,iBAAiB,CAAC,IAAoD;QAClF,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,OAAO,IAAI,KAAK,QAAQ;YAC1B,KAAK,GAAG,IAAI,CAAC;aACV,IAAI,IAAI,YAAY,uCAAsB;YAC7C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;YAEnB,KAAK,GAAG,IAAI,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,+JAA+J;IAC/J,gEAAgE;IACzD,MAAM,CAAC,OAAO,CAAC,QAA2D;QAC/E,IAAI,QAAQ,YAAY,uCAAsB;YAC5C,OAAO,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC;QAE5C,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/D,CAAC;IAED,4FAA4F;IACrF,MAAM,CAAC,cAAc,CAAC,MAAW,EAAE,OAAY;QACpD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;YACxB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;SAChD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACM,MAAM,CAAC,4BAA4B,CAAC,QAAkB,EAAE,YAA+B;QAC5F,uBAAuB;QACvB,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YAC9C,OAAO,EAAE,CAAC;QAEZ,uBAAuB;QACvB,IAAI,CAAC,YAAY;YACf,YAAY,GAAG,IAAI,GAAG,EAAc,CAAC;QAEvC,MAAM,IAAI,GAAG,uBAAU,CAAC,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE5D,OAAO,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IACxD,CAAC;CACF;AAtDD,kCAsDC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport { AbstractWidgetProps, BackstageItem, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\nimport { Icon, IconHelper, IconSpec } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** A set of helper methods for various props\n * @public\n */\nexport class PropsHelper {\n  /** Get spec for returning a string. Could be a simple string of a 'StringGetter' method used to return the string. */\n  public static getStringSpec(explicitValue: string | StringGetter | ConditionalStringValue | undefined, stringKey?: string): string | StringGetter | ConditionalStringValue {\n    if (explicitValue) {\n      return explicitValue;\n    }\n\n    let outValue = \"\";\n    if (stringKey)\n      outValue = UiFramework.localization.getLocalizedString(stringKey);\n    return outValue;\n  }\n\n  /** Get the display string. */\n  public static getStringFromSpec(spec: string | StringGetter | ConditionalStringValue): string {\n    let label = \"\";\n    if (typeof spec === \"string\")\n      label = spec;\n    else if (spec instanceof ConditionalStringValue)\n      label = spec.value;\n    else\n      label = spec();\n    return label;\n  }\n\n  /** Get JSX element that defines an icon. If iconSpec is a string, then a web-font icon class is used otherwise a ReactNode holding an SVG icon is assumed.  */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  public static getIcon(iconSpec: string | ConditionalStringValue | React.ReactNode): JSX.Element | undefined {\n    if (iconSpec instanceof ConditionalStringValue)\n      return <Icon iconSpec={iconSpec.value} />;\n\n    return (iconSpec) ? <Icon iconSpec={iconSpec} /> : undefined;\n  }\n\n  /** returns true if the two objects are the same using a shallow compare of each property */\n  public static isShallowEqual(newObj: any, prevObj: any) {\n    for (const key in newObj) {\n      if (newObj[key] !== prevObj[key]) return false;\n    }\n    return true;\n  }\n  public static getAbstractPropsForReactIcon(iconSpec: IconSpec, internalData?: Map<string, any>): Partial<AbstractWidgetProps> | Partial<BackstageItem> { // eslint-disable-line deprecation/deprecation\n    // istanbul ignore else\n    if (!iconSpec || !React.isValidElement(iconSpec))\n      return {};\n\n    // istanbul ignore else\n    if (!internalData)\n      internalData = new Map<string,any>();\n\n    const icon = IconHelper.getIconData(iconSpec, internalData);\n\n    return (icon === \"\" ? {icon} : {icon, internalData });\n  }\n}\n"]}

package/lib/cjs/appui-react/utils/ToolbarButtonHelper.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** A set of Dom helper methods
- * @public
- */
-export declare class ToolbarButtonHelper {
-    static searchToolbarsByTitle(title: string, horizontal: boolean): HTMLButtonElement | null;
-    /** Search Horizontal Toolbars for button by title. */
-    static searchHorizontalToolbarsByTitle(title: string): HTMLButtonElement | null;
-    /** Search Vertical Toolbars by Title for button by title. */
-    static searchVerticalToolbarsByTitle(title: string): HTMLButtonElement | null;
-    /** Get toolbar button by title. */
-    static getToolbarButtonByTitle(title: string): HTMLButtonElement | null;
-    /** Get App button. */
-    static getAppButton(): HTMLButtonElement | null;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** A set of Dom helper methods
+ * @public
+ */
+export declare class ToolbarButtonHelper {
+    static searchToolbarsByTitle(title: string, horizontal: boolean): HTMLButtonElement | null;
+    /** Search Horizontal Toolbars for button by title. */
+    static searchHorizontalToolbarsByTitle(title: string): HTMLButtonElement | null;
+    /** Search Vertical Toolbars by Title for button by title. */
+    static searchVerticalToolbarsByTitle(title: string): HTMLButtonElement | null;
+    /** Get toolbar button by title. */
+    static getToolbarButtonByTitle(title: string): HTMLButtonElement | null;
+    /** Get App button. */
+    static getAppButton(): HTMLButtonElement | null;
+}
 //# sourceMappingURL=ToolbarButtonHelper.d.ts.map

package/lib/cjs/appui-react/utils/ToolbarButtonHelper.js

@@ -1,61 +1,61 @@
-"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 Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarButtonHelper = void 0;
-/** A set of Dom helper methods
- * @public
- */
-class ToolbarButtonHelper {
-    static searchToolbarsByTitle(title, horizontal) {
-        // first look for simple tool buttons
-        const nodeList = document.documentElement.querySelectorAll(`div.nz-toolbar-items.nz-${horizontal ? "horizontal" : "vertical"}.nz-items .nz-toolbar-item-item`);
-        // istanbul ignore else
-        if (nodeList && nodeList.length > 0) {
-            for (const node of nodeList) {
-                const button = node;
-                if (button.title === title) {
-                    return button;
-                }
-            }
-        }
-        return null;
-    }
-    /** Search Horizontal Toolbars for button by title. */
-    static searchHorizontalToolbarsByTitle(title) {
-        return ToolbarButtonHelper.searchToolbarsByTitle(title, true);
-    }
-    /** Search Vertical Toolbars by Title for button by title. */
-    static searchVerticalToolbarsByTitle(title) {
-        return ToolbarButtonHelper.searchToolbarsByTitle(title, false);
-    }
-    /** Get toolbar button by title. */
-    static getToolbarButtonByTitle(title) {
-        let button = ToolbarButtonHelper.searchHorizontalToolbarsByTitle(title);
-        // istanbul ignore if
-        if (button)
-            return button;
-        button = ToolbarButtonHelper.searchVerticalToolbarsByTitle(title);
-        // istanbul ignore else
-        if (button)
-            return button;
-        // istanbul ignore next
-        return null;
-    }
-    /** Get App button. */
-    static getAppButton() {
-        const node = document.documentElement.querySelector("div.nz-app-button > button");
-        // istanbul ignore else
-        if (node)
-            return node;
-        // istanbul ignore next
-        return null;
-    }
-}
-exports.ToolbarButtonHelper = ToolbarButtonHelper;
+"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 Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarButtonHelper = void 0;
+/** A set of Dom helper methods
+ * @public
+ */
+class ToolbarButtonHelper {
+    static searchToolbarsByTitle(title, horizontal) {
+        // first look for simple tool buttons
+        const nodeList = document.documentElement.querySelectorAll(`div.nz-toolbar-items.nz-${horizontal ? "horizontal" : "vertical"}.nz-items .nz-toolbar-item-item`);
+        // istanbul ignore else
+        if (nodeList && nodeList.length > 0) {
+            for (const node of nodeList) {
+                const button = node;
+                if (button.title === title) {
+                    return button;
+                }
+            }
+        }
+        return null;
+    }
+    /** Search Horizontal Toolbars for button by title. */
+    static searchHorizontalToolbarsByTitle(title) {
+        return ToolbarButtonHelper.searchToolbarsByTitle(title, true);
+    }
+    /** Search Vertical Toolbars by Title for button by title. */
+    static searchVerticalToolbarsByTitle(title) {
+        return ToolbarButtonHelper.searchToolbarsByTitle(title, false);
+    }
+    /** Get toolbar button by title. */
+    static getToolbarButtonByTitle(title) {
+        let button = ToolbarButtonHelper.searchHorizontalToolbarsByTitle(title);
+        // istanbul ignore if
+        if (button)
+            return button;
+        button = ToolbarButtonHelper.searchVerticalToolbarsByTitle(title);
+        // istanbul ignore else
+        if (button)
+            return button;
+        // istanbul ignore next
+        return null;
+    }
+    /** Get App button. */
+    static getAppButton() {
+        const node = document.documentElement.querySelector("div.nz-app-button > button");
+        // istanbul ignore else
+        if (node)
+            return node;
+        // istanbul ignore next
+        return null;
+    }
+}
+exports.ToolbarButtonHelper = ToolbarButtonHelper;
 //# sourceMappingURL=ToolbarButtonHelper.js.map

package/lib/cjs/appui-react/utils/ToolbarButtonHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButtonHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/ToolbarButtonHelper.ts"],"names":[],"mappings":";AACA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,MAAa,mBAAmB;IAEvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,UAAmB;QACpE,qCAAqC;QACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,2BAA2B,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,iCAAiC,CAAC,CAAC;QAC/J,uBAAuB;QACvB,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;gBAC3B,MAAM,MAAM,GAAG,IAAyB,CAAC;gBACzC,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;oBAC1B,OAAO,MAAM,CAAC;iBACf;aACF;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sDAAsD;IAC/C,MAAM,CAAC,+BAA+B,CAAC,KAAa;QACzD,OAAO,mBAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAChE,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,6BAA6B,CAAC,KAAa;QACvD,OAAO,mBAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,mCAAmC;IAC5B,MAAM,CAAC,uBAAuB,CAAC,KAAa;QACjD,IAAI,MAAM,GAAG,mBAAmB,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACxE,qBAAqB;QACrB,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAEhB,MAAM,GAAG,mBAAmB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAClE,uBAAuB;QACvB,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAEhB,uBAAuB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sBAAsB;IACf,MAAM,CAAC,YAAY;QACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QAClF,uBAAuB;QACvB,IAAI,IAAI;YACN,OAAO,IAAyB,CAAC;QACnC,uBAAuB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AArDD,kDAqDC","sourcesContent":["\r\n/*---------------------------------------------------------------------------------------------\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 Utilities\r\n */\r\n\r\n/** A set of Dom helper methods\r\n * @public\r\n */\r\nexport class ToolbarButtonHelper {\r\n\r\n  public static searchToolbarsByTitle(title: string, horizontal: boolean): HTMLButtonElement | null {\r\n    // first look for simple tool buttons\r\n    const nodeList = document.documentElement.querySelectorAll(`div.nz-toolbar-items.nz-${horizontal ? \"horizontal\" : \"vertical\"}.nz-items .nz-toolbar-item-item`);\r\n    // istanbul ignore else\r\n    if (nodeList && nodeList.length > 0) {\r\n      for (const node of nodeList) {\r\n        const button = node as HTMLButtonElement;\r\n        if (button.title === title) {\r\n          return button;\r\n        }\r\n      }\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  /** Search Horizontal Toolbars for button by title. */\r\n  public static searchHorizontalToolbarsByTitle(title: string): HTMLButtonElement | null {\r\n    return ToolbarButtonHelper.searchToolbarsByTitle(title, true);\r\n  }\r\n\r\n  /** Search Vertical Toolbars by Title for button by title. */\r\n  public static searchVerticalToolbarsByTitle(title: string): HTMLButtonElement | null {\r\n    return ToolbarButtonHelper.searchToolbarsByTitle(title, false);\r\n  }\r\n\r\n  /** Get toolbar button by title. */\r\n  public static getToolbarButtonByTitle(title: string): HTMLButtonElement | null {\r\n    let button = ToolbarButtonHelper.searchHorizontalToolbarsByTitle(title);\r\n    // istanbul ignore if\r\n    if (button)\r\n      return button;\r\n\r\n    button = ToolbarButtonHelper.searchVerticalToolbarsByTitle(title);\r\n    // istanbul ignore else\r\n    if (button)\r\n      return button;\r\n\r\n    // istanbul ignore next\r\n    return null;\r\n  }\r\n\r\n  /** Get App button. */\r\n  public static getAppButton(): HTMLButtonElement | null {\r\n    const node = document.documentElement.querySelector(\"div.nz-app-button > button\");\r\n    // istanbul ignore else\r\n    if (node)\r\n      return node as HTMLButtonElement;\r\n    // istanbul ignore next\r\n    return null;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ToolbarButtonHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/utils/ToolbarButtonHelper.ts"],"names":[],"mappings":";AACA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,MAAa,mBAAmB;IAEvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,UAAmB;QACpE,qCAAqC;QACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,2BAA2B,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,iCAAiC,CAAC,CAAC;QAC/J,uBAAuB;QACvB,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;gBAC3B,MAAM,MAAM,GAAG,IAAyB,CAAC;gBACzC,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;oBAC1B,OAAO,MAAM,CAAC;iBACf;aACF;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sDAAsD;IAC/C,MAAM,CAAC,+BAA+B,CAAC,KAAa;QACzD,OAAO,mBAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAChE,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,6BAA6B,CAAC,KAAa;QACvD,OAAO,mBAAmB,CAAC,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,mCAAmC;IAC5B,MAAM,CAAC,uBAAuB,CAAC,KAAa;QACjD,IAAI,MAAM,GAAG,mBAAmB,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACxE,qBAAqB;QACrB,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAEhB,MAAM,GAAG,mBAAmB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAClE,uBAAuB;QACvB,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAEhB,uBAAuB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,sBAAsB;IACf,MAAM,CAAC,YAAY;QACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QAClF,uBAAuB;QACvB,IAAI,IAAI;YACN,OAAO,IAAyB,CAAC;QACnC,uBAAuB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AArDD,kDAqDC","sourcesContent":["\n/*---------------------------------------------------------------------------------------------\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 Utilities\n */\n\n/** A set of Dom helper methods\n * @public\n */\nexport class ToolbarButtonHelper {\n\n  public static searchToolbarsByTitle(title: string, horizontal: boolean): HTMLButtonElement | null {\n    // first look for simple tool buttons\n    const nodeList = document.documentElement.querySelectorAll(`div.nz-toolbar-items.nz-${horizontal ? \"horizontal\" : \"vertical\"}.nz-items .nz-toolbar-item-item`);\n    // istanbul ignore else\n    if (nodeList && nodeList.length > 0) {\n      for (const node of nodeList) {\n        const button = node as HTMLButtonElement;\n        if (button.title === title) {\n          return button;\n        }\n      }\n    }\n\n    return null;\n  }\n\n  /** Search Horizontal Toolbars for button by title. */\n  public static searchHorizontalToolbarsByTitle(title: string): HTMLButtonElement | null {\n    return ToolbarButtonHelper.searchToolbarsByTitle(title, true);\n  }\n\n  /** Search Vertical Toolbars by Title for button by title. */\n  public static searchVerticalToolbarsByTitle(title: string): HTMLButtonElement | null {\n    return ToolbarButtonHelper.searchToolbarsByTitle(title, false);\n  }\n\n  /** Get toolbar button by title. */\n  public static getToolbarButtonByTitle(title: string): HTMLButtonElement | null {\n    let button = ToolbarButtonHelper.searchHorizontalToolbarsByTitle(title);\n    // istanbul ignore if\n    if (button)\n      return button;\n\n    button = ToolbarButtonHelper.searchVerticalToolbarsByTitle(title);\n    // istanbul ignore else\n    if (button)\n      return button;\n\n    // istanbul ignore next\n    return null;\n  }\n\n  /** Get App button. */\n  public static getAppButton(): HTMLButtonElement | null {\n    const node = document.documentElement.querySelector(\"div.nz-app-button > button\");\n    // istanbul ignore else\n    if (node)\n      return node as HTMLButtonElement;\n    // istanbul ignore next\n    return null;\n  }\n}\n"]}

package/lib/cjs/appui-react/utils/UiShowHideManager.d.ts

@@ -1,84 +1,84 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/// <reference types="react" />
-import { UiStateStorage } from "@itwin/core-react";
-import { UserSettingsProvider } from "../UiFramework";
-/** Class that maintain UiShowHide user settings between sessions
- * @internal
- */
-export declare class UiShowHideSettingsProvider implements UserSettingsProvider {
-    private static _settingsNamespace;
-    private static _autoHideUiKey;
-    private static _useProximityOpacityKey;
-    private static _snapWidgetOpacityKey;
-    readonly providerId = "UiShowHideSettingsProvider";
-    static initialize(): void;
-    loadUserSettings(storage: UiStateStorage): Promise<void>;
-    static storeAutoHideUi(v: boolean, storage?: UiStateStorage): Promise<void>;
-    static storeUseProximityOpacity(v: boolean, storage?: UiStateStorage): Promise<void>;
-    static storeSnapWidgetOpacity(v: boolean, storage?: UiStateStorage): Promise<void>;
-}
-/** The default inactivity time.
- * @internal
- */
-export declare const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */
-/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.
- * @public
- */
-export declare class UiShowHideManager {
-    private static _isUiVisible;
-    private static _autoHideUi;
-    private static _showHidePanels;
-    private static _showHideFooter;
-    private static _inactivityTime;
-    private static _timeout;
-    private static _useProximityOpacity;
-    private static _snapWidgetOpacity;
-    /** Determines if the Ui is visible */
-    static get isUiVisible(): boolean;
-    static set isUiVisible(visible: boolean);
-    /** @internal */
-    static setAutoHideUi(value: boolean): void;
-    /** @internal */
-    static setUseProximityOpacity(value: boolean): void;
-    /** @internal */
-    static setSnapWidgetOpacity(value: boolean): void;
-    /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.
-     * When true, the Ui automatically hides after a few seconds of inactivity.
-     */
-    static get autoHideUi(): boolean;
-    static set autoHideUi(autoHide: boolean);
-    /** Determines whether the widget panels are shown and hidden. Defaults to false. */
-    static get showHidePanels(): boolean;
-    static set showHidePanels(showHide: boolean);
-    /** Determines whether the status bar is shown and hidden. Defaults to false. */
-    static get showHideFooter(): boolean;
-    static set showHideFooter(showHide: boolean);
-    /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */
-    static get inactivityTime(): number;
-    static set inactivityTime(time: number);
-    /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */
-    static get useProximityOpacity(): boolean;
-    static set useProximityOpacity(value: boolean);
-    /** Determines whether the opacity of a toolbar should snap. Defaults to false. */
-    static get snapWidgetOpacity(): boolean;
-    static set snapWidgetOpacity(value: boolean);
-    /** Handler for when a Frontstage is ready */
-    static handleFrontstageReady(): void;
-    /** Handler for when the mouse moves over the content area */
-    static handleContentMouseMove(_event?: React.MouseEvent<HTMLElement, MouseEvent>): void;
-    /** Handler for when the mouse enters a widget */
-    static handleWidgetMouseEnter(_event?: React.MouseEvent<HTMLElement, MouseEvent>): void;
-    /** Shows the Ui and resets the inactivity timer */
-    static showUiAndResetTimer(): void;
-    /** Shows the Ui and cancels the inactivity timer */
-    static showUiAndCancelTimer(): void;
-    private static cancelTimer;
-    private static resetTimer;
-    private static showUi;
-    private static hideUi;
-    /** @internal */
-    static terminate(): void;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+/// <reference types="react" />
+import { UiStateStorage } from "@itwin/core-react";
+import { UserSettingsProvider } from "../UiFramework";
+/** Class that maintain UiShowHide user settings between sessions
+ * @internal
+ */
+export declare class UiShowHideSettingsProvider implements UserSettingsProvider {
+    private static _settingsNamespace;
+    private static _autoHideUiKey;
+    private static _useProximityOpacityKey;
+    private static _snapWidgetOpacityKey;
+    readonly providerId = "UiShowHideSettingsProvider";
+    static initialize(): void;
+    loadUserSettings(storage: UiStateStorage): Promise<void>;
+    static storeAutoHideUi(v: boolean, storage?: UiStateStorage): Promise<void>;
+    static storeUseProximityOpacity(v: boolean, storage?: UiStateStorage): Promise<void>;
+    static storeSnapWidgetOpacity(v: boolean, storage?: UiStateStorage): Promise<void>;
+}
+/** The default inactivity time.
+ * @internal
+ */
+export declare const INACTIVITY_TIME_DEFAULT = 3500; /** Wait 3.5 seconds */
+/** Maintains Ui Show/Hide state. The `Ui` includes widgets, panels and the status bar.
+ * @public
+ */
+export declare class UiShowHideManager {
+    private static _isUiVisible;
+    private static _autoHideUi;
+    private static _showHidePanels;
+    private static _showHideFooter;
+    private static _inactivityTime;
+    private static _timeout;
+    private static _useProximityOpacity;
+    private static _snapWidgetOpacity;
+    /** Determines if the Ui is visible */
+    static get isUiVisible(): boolean;
+    static set isUiVisible(visible: boolean);
+    /** @internal */
+    static setAutoHideUi(value: boolean): void;
+    /** @internal */
+    static setUseProximityOpacity(value: boolean): void;
+    /** @internal */
+    static setSnapWidgetOpacity(value: boolean): void;
+    /** Determines whether the `auto-hide Ui` feature is on. Defaults to false.
+     * When true, the Ui automatically hides after a few seconds of inactivity.
+     */
+    static get autoHideUi(): boolean;
+    static set autoHideUi(autoHide: boolean);
+    /** Determines whether the widget panels are shown and hidden. Defaults to false. */
+    static get showHidePanels(): boolean;
+    static set showHidePanels(showHide: boolean);
+    /** Determines whether the status bar is shown and hidden. Defaults to false. */
+    static get showHideFooter(): boolean;
+    static set showHideFooter(showHide: boolean);
+    /** Determines the amount of inactivity time before the Ui is hidden. Defaults to 3.5 seconds. */
+    static get inactivityTime(): number;
+    static set inactivityTime(time: number);
+    /** Determines whether the proximity of the mouse should alter the opacity of a toolbar. Defaults to true. */
+    static get useProximityOpacity(): boolean;
+    static set useProximityOpacity(value: boolean);
+    /** Determines whether the opacity of a toolbar should snap. Defaults to false. */
+    static get snapWidgetOpacity(): boolean;
+    static set snapWidgetOpacity(value: boolean);
+    /** Handler for when a Frontstage is ready */
+    static handleFrontstageReady(): void;
+    /** Handler for when the mouse moves over the content area */
+    static handleContentMouseMove(_event?: React.MouseEvent<HTMLElement, MouseEvent>): void;
+    /** Handler for when the mouse enters a widget */
+    static handleWidgetMouseEnter(_event?: React.MouseEvent<HTMLElement, MouseEvent>): void;
+    /** Shows the Ui and resets the inactivity timer */
+    static showUiAndResetTimer(): void;
+    /** Shows the Ui and cancels the inactivity timer */
+    static showUiAndCancelTimer(): void;
+    private static cancelTimer;
+    private static resetTimer;
+    private static showUi;
+    private static hideUi;
+    /** @internal */
+    static terminate(): void;
+}
 //# sourceMappingURL=UiShowHideManager.d.ts.map