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

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.js

@@ -1,82 +1,82 @@
-"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 Dialog
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiDataProvidedDialog = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const DefaultDialogGridContainer_1 = require("../uiprovider/DefaultDialogGridContainer");
-const ComponentGenerator_1 = require("../uiprovider/ComponentGenerator");
-const UiFramework_1 = require("../UiFramework");
-/** Component to show dialog populated from properties supplied via uiDataProvider
- * @public
- */
-function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }) {
-    const dialogId = React.useRef(id ? id : (0, appui_layout_react_1.getUniqueId)());
-    const dialogIsModal = React.useRef(isModal);
-    const onOK = React.useRef();
-    const onCancel = React.useRef();
-    const closeDialog = () => {
-        if (dialogIsModal.current)
-            UiFramework_1.UiFramework.dialogs.modal.close();
-        else
-            UiFramework_1.UiFramework.dialogs.modeless.close(dialogId.current);
-    };
-    const handleOk = React.useCallback(() => {
-        onOK.current && onOK.current();
-        closeDialog();
-    }, []);
-    const handleCancel = React.useCallback(() => {
-        onCancel.current && onCancel.current();
-        closeDialog();
-    }, []);
-    const generateButtonCluster = React.useCallback((buttons) => {
-        // istanbul ignore else
-        if (buttons) {
-            for (const button of buttons) {
-                if (appui_abstract_1.DialogButtonType.Cancel === button.type) {
-                    onCancel.current = button.onClick;
-                    button.onClick = handleCancel;
-                    continue;
-                }
-                if (appui_abstract_1.DialogButtonType.OK === button.type) {
-                    onOK.current = button.onClick;
-                    button.onClick = handleOk;
-                    continue;
-                }
-            }
-        }
-        return buttons;
-    }, [handleCancel, handleOk]);
-    const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));
-    React.useEffect(() => {
-        const handleReloaded = () => {
-            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
-        };
-        uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);
-        return () => {
-            uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);
-        };
-    }, [generateButtonCluster, uiDataProvider]);
-    React.useEffect(() => {
-        const handleButtonReloaded = () => {
-            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
-        };
-        uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);
-        return () => {
-            uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);
-        };
-    }, [generateButtonCluster, uiDataProvider]);
-    const handleClose = React.useCallback(() => closeDialog(), []);
-    return (React.createElement(core_react_1.Dialog, { ...dialogProps, opened: true, modal: isModal, buttonCluster: buttonCluster, onClose: handleClose, onEscape: handleClose },
-        React.createElement(DefaultDialogGridContainer_1.DefaultDialogGridContainer, { componentGenerator: new ComponentGenerator_1.ComponentGenerator(uiDataProvider) })));
-}
-exports.UiDataProvidedDialog = UiDataProvidedDialog;
+"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 Dialog
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiDataProvidedDialog = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const DefaultDialogGridContainer_1 = require("../uiprovider/DefaultDialogGridContainer");
+const ComponentGenerator_1 = require("../uiprovider/ComponentGenerator");
+const UiFramework_1 = require("../UiFramework");
+/** Component to show dialog populated from properties supplied via uiDataProvider
+ * @public
+ */
+function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }) {
+    const dialogId = React.useRef(id ? id : (0, appui_layout_react_1.getUniqueId)());
+    const dialogIsModal = React.useRef(isModal);
+    const onOK = React.useRef();
+    const onCancel = React.useRef();
+    const closeDialog = () => {
+        if (dialogIsModal.current)
+            UiFramework_1.UiFramework.dialogs.modal.close();
+        else
+            UiFramework_1.UiFramework.dialogs.modeless.close(dialogId.current);
+    };
+    const handleOk = React.useCallback(() => {
+        onOK.current && onOK.current();
+        closeDialog();
+    }, []);
+    const handleCancel = React.useCallback(() => {
+        onCancel.current && onCancel.current();
+        closeDialog();
+    }, []);
+    const generateButtonCluster = React.useCallback((buttons) => {
+        // istanbul ignore else
+        if (buttons) {
+            for (const button of buttons) {
+                if (appui_abstract_1.DialogButtonType.Cancel === button.type) {
+                    onCancel.current = button.onClick;
+                    button.onClick = handleCancel;
+                    continue;
+                }
+                if (appui_abstract_1.DialogButtonType.OK === button.type) {
+                    onOK.current = button.onClick;
+                    button.onClick = handleOk;
+                    continue;
+                }
+            }
+        }
+        return buttons;
+    }, [handleCancel, handleOk]);
+    const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));
+    React.useEffect(() => {
+        const handleReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);
+        return () => {
+            uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    React.useEffect(() => {
+        const handleButtonReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);
+        return () => {
+            uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    const handleClose = React.useCallback(() => closeDialog(), []);
+    return (React.createElement(core_react_1.Dialog, { ...dialogProps, opened: true, modal: isModal, buttonCluster: buttonCluster, onClose: handleClose, onEscape: handleClose },
+        React.createElement(DefaultDialogGridContainer_1.DefaultDialogGridContainer, { componentGenerator: new ComponentGenerator_1.ComponentGenerator(uiDataProvider) })));
+}
+exports.UiDataProvidedDialog = UiDataProvidedDialog;
 //# sourceMappingURL=UiDataProvidedDialog.js.map

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Dialog } from \"@itwin/core-react\";\r\nimport { DialogButtonDef, DialogButtonType, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\r\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\r\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\r\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Props for [[UiDataProvidedDialog]] component.\r\n * @public\r\n */\r\nexport interface UiDataProvidedDialogProps {\r\n  /** Dialog title */\r\n  title: string;\r\n  /** Provider that provides and lays out DialogItems */\r\n  uiDataProvider: DialogLayoutDataProvider;\r\n  /** Indicates if Dialog is Modal */\r\n  isModal: boolean;\r\n  /** Id used to specify dialog. */\r\n  id?: string;\r\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\r\n  resizable?: boolean;\r\n  /** Indicates whether the user can move dialog with cursor. Default: false */\r\n  movable?: boolean;\r\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\r\n  width?: string | number;\r\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  height?: string | number;\r\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\r\n  minWidth?: string | number;\r\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n}\r\n\r\n/** Component to show dialog populated from properties supplied via uiDataProvider\r\n * @public\r\n */\r\nexport function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps) {\r\n  const dialogId = React.useRef(id ? id : getUniqueId());\r\n  const dialogIsModal = React.useRef(isModal);\r\n  const onOK = React.useRef<() => void>();\r\n  const onCancel = React.useRef<() => void>();\r\n  const closeDialog = () => {\r\n    if (dialogIsModal.current)\r\n      UiFramework.dialogs.modal.close();\r\n    else\r\n      UiFramework.dialogs.modeless.close(dialogId.current);\r\n  };\r\n\r\n  const handleOk = React.useCallback(() => {\r\n    onOK.current && onOK.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const handleCancel = React.useCallback(() => {\r\n    onCancel.current && onCancel.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const generateButtonCluster = React.useCallback((buttons: DialogButtonDef[] | undefined) => {\r\n    // istanbul ignore else\r\n    if (buttons) {\r\n      for (const button of buttons) {\r\n        if (DialogButtonType.Cancel === button.type) {\r\n          onCancel.current = button.onClick;\r\n          button.onClick = handleCancel;\r\n          continue;\r\n        }\r\n        if (DialogButtonType.OK === button.type) {\r\n          onOK.current = button.onClick;\r\n          button.onClick = handleOk;\r\n          continue;\r\n        }\r\n      }\r\n    }\r\n    return buttons;\r\n  }, [handleCancel, handleOk]);\r\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n\r\n  React.useEffect(() => {\r\n    const handleReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\r\n    return () => {\r\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  React.useEffect(() => {\r\n    const handleButtonReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\r\n    return () => {\r\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  const handleClose = React.useCallback(() => closeDialog(), []);\r\n\r\n  return (<Dialog {...dialogProps}\r\n    opened={true}\r\n    modal={isModal}\r\n    buttonCluster={buttonCluster}\r\n    onClose={handleClose}\r\n    onEscape={handleClose}\r\n  >\r\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\r\n  </Dialog>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 Dialog\n */\n\nimport * as React from \"react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport { DialogButtonDef, DialogButtonType, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Props for [[UiDataProvidedDialog]] component.\n * @public\n */\nexport interface UiDataProvidedDialogProps {\n  /** Dialog title */\n  title: string;\n  /** Provider that provides and lays out DialogItems */\n  uiDataProvider: DialogLayoutDataProvider;\n  /** Indicates if Dialog is Modal */\n  isModal: boolean;\n  /** Id used to specify dialog. */\n  id?: string;\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n}\n\n/** Component to show dialog populated from properties supplied via uiDataProvider\n * @public\n */\nexport function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps) {\n  const dialogId = React.useRef(id ? id : getUniqueId());\n  const dialogIsModal = React.useRef(isModal);\n  const onOK = React.useRef<() => void>();\n  const onCancel = React.useRef<() => void>();\n  const closeDialog = () => {\n    if (dialogIsModal.current)\n      UiFramework.dialogs.modal.close();\n    else\n      UiFramework.dialogs.modeless.close(dialogId.current);\n  };\n\n  const handleOk = React.useCallback(() => {\n    onOK.current && onOK.current();\n    closeDialog();\n  }, []);\n\n  const handleCancel = React.useCallback(() => {\n    onCancel.current && onCancel.current();\n    closeDialog();\n  }, []);\n\n  const generateButtonCluster = React.useCallback((buttons: DialogButtonDef[] | undefined) => {\n    // istanbul ignore else\n    if (buttons) {\n      for (const button of buttons) {\n        if (DialogButtonType.Cancel === button.type) {\n          onCancel.current = button.onClick;\n          button.onClick = handleCancel;\n          continue;\n        }\n        if (DialogButtonType.OK === button.type) {\n          onOK.current = button.onClick;\n          button.onClick = handleOk;\n          continue;\n        }\n      }\n    }\n    return buttons;\n  }, [handleCancel, handleOk]);\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\n\n  React.useEffect(() => {\n    const handleReloaded = () => {\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\n    };\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\n    return () => {\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  React.useEffect(() => {\n    const handleButtonReloaded = () => {\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\n    };\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\n    return () => {\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  const handleClose = React.useCallback(() => closeDialog(), []);\n\n  return (<Dialog {...dialogProps}\n    opened={true}\n    modal={isModal}\n    buttonCluster={buttonCluster}\n    onClose={handleClose}\n    onEscape={handleClose}\n  >\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\n  </Dialog>\n  );\n}\n"]}

package/lib/cjs/appui-react/feedback/ElementTooltip.d.ts

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import { XAndY } from "@itwin/core-geometry";
-import { ToolTipOptions } from "@itwin/core-frontend";
-import { PointProps, UiEvent } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-import { NotifyMessageType } from "../messages/ReactNotifyMessageDetails";
-/** [[ElementTooltip]] State.
- * @internal
- */
-interface ElementTooltipState {
-    isVisible: boolean;
-    message: NotifyMessageType;
-    position: PointProps;
-    options?: ToolTipOptions;
-}
-/** [[ElementTooltipChangedEvent]] arguments.
- * @public
- */
-export interface ElementTooltipChangedEventArgs {
-    isTooltipVisible: boolean;
-    message: NotifyMessageType;
-    el?: HTMLElement;
-    pt?: XAndY;
-    options?: ToolTipOptions;
-}
-/** ElementTooltip Changed Event class.
- * @public
- */
-export declare class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {
-}
-/** ElementTooltip React component.
- * @public
- */
-export declare class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {
-    private static _elementTooltipChangedEvent;
-    private static _isTooltipVisible;
-    private static _isTooltipHalted;
-    static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent;
-    static get isTooltipVisible(): boolean;
-    static showTooltip(el: HTMLElement, message: NotifyMessageType, pt?: XAndY, options?: ToolTipOptions): void;
-    static hideTooltip(): void;
-    static get isTooltipHalted(): boolean;
-    static set isTooltipHalted(halt: boolean);
-    private _size;
-    private _element?;
-    private _position?;
-    /** @internal */
-    readonly state: Readonly<ElementTooltipState>;
-    constructor(props: CommonProps);
-    render(): JSX.Element | null;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private static _handleMouseMove;
-    private _handleElementTooltipChangedEvent;
-    private _handleSizeChanged;
-    private updatePosition;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { XAndY } from "@itwin/core-geometry";
+import { ToolTipOptions } from "@itwin/core-frontend";
+import { PointProps, UiEvent } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+import { NotifyMessageType } from "../messages/ReactNotifyMessageDetails";
+/** [[ElementTooltip]] State.
+ * @internal
+ */
+interface ElementTooltipState {
+    isVisible: boolean;
+    message: NotifyMessageType;
+    position: PointProps;
+    options?: ToolTipOptions;
+}
+/** [[ElementTooltipChangedEvent]] arguments.
+ * @public
+ */
+export interface ElementTooltipChangedEventArgs {
+    isTooltipVisible: boolean;
+    message: NotifyMessageType;
+    el?: HTMLElement;
+    pt?: XAndY;
+    options?: ToolTipOptions;
+}
+/** ElementTooltip Changed Event class.
+ * @public
+ */
+export declare class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {
+}
+/** ElementTooltip React component.
+ * @public
+ */
+export declare class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {
+    private static _elementTooltipChangedEvent;
+    private static _isTooltipVisible;
+    private static _isTooltipHalted;
+    static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent;
+    static get isTooltipVisible(): boolean;
+    static showTooltip(el: HTMLElement, message: NotifyMessageType, pt?: XAndY, options?: ToolTipOptions): void;
+    static hideTooltip(): void;
+    static get isTooltipHalted(): boolean;
+    static set isTooltipHalted(halt: boolean);
+    private _size;
+    private _element?;
+    private _position?;
+    /** @internal */
+    readonly state: Readonly<ElementTooltipState>;
+    constructor(props: CommonProps);
+    render(): JSX.Element | null;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private static _handleMouseMove;
+    private _handleElementTooltipChangedEvent;
+    private _handleSizeChanged;
+    private updatePosition;
+}
+export {};
 //# sourceMappingURL=ElementTooltip.d.ts.map

package/lib/cjs/appui-react/feedback/ElementTooltip.js

@@ -1,132 +1,132 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementTooltip = exports.ElementTooltipChangedEvent = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const MessageSpan_1 = require("../messages/MessageSpan");
-/** ElementTooltip Changed Event class.
- * @public
- */
-class ElementTooltipChangedEvent extends appui_abstract_1.UiEvent {
-}
-exports.ElementTooltipChangedEvent = ElementTooltipChangedEvent;
-/** ElementTooltip React component.
- * @public
- */
-class ElementTooltip extends React.Component {
-    constructor(props) {
-        super(props);
-        this._size = {
-            height: 0,
-            width: 0,
-        };
-        /** @internal */
-        this.state = {
-            message: "",
-            isVisible: false,
-            position: {
-                x: 0,
-                y: 0,
-            },
-        };
-        this._handleElementTooltipChangedEvent = (args) => {
-            this._element = args.el;
-            this._position = args.pt;
-            this.setState({
-                isVisible: args.isTooltipVisible,
-                message: args.message,
-            });
-            this.updatePosition();
-        };
-        // istanbul ignore next
-        this._handleSizeChanged = (size) => {
-            this._size = size;
-            this.updatePosition();
-        };
-    }
-    static get onElementTooltipChangedEvent() { return ElementTooltip._elementTooltipChangedEvent; }
-    static get isTooltipVisible() { return ElementTooltip._isTooltipVisible; }
-    static showTooltip(el, message, pt, options) {
-        // istanbul ignore if
-        if (ElementTooltip._isTooltipHalted)
-            return;
-        ElementTooltip._isTooltipVisible = true;
-        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });
-        el.ownerDocument.addEventListener("mousemove", ElementTooltip._handleMouseMove);
-    }
-    static hideTooltip() {
-        ElementTooltip._isTooltipVisible = false;
-        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
-    }
-    // istanbul ignore next
-    static get isTooltipHalted() { return ElementTooltip._isTooltipHalted; }
-    // istanbul ignore next
-    static set isTooltipHalted(halt) {
-        ElementTooltip._isTooltipHalted = halt;
-        if (halt && ElementTooltip._isTooltipVisible)
-            ElementTooltip.hideTooltip();
-    }
-    render() {
-        if (!this.state.isVisible)
-            return null;
-        const className = (0, classnames_1.default)("uifw-element-tooltip", this.props.className);
-        const messageNode = React.createElement(MessageSpan_1.MessageDiv, { message: this.state.message });
-        return (React.createElement("div", { className: "uifw-element-tooltip-container" },
-            React.createElement(appui_layout_react_1.Tooltip, { className: className, style: this.props.style, position: this.state.position, onSizeChanged: this._handleSizeChanged }, messageNode)));
-    }
-    componentDidMount() {
-        ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);
-    }
-    componentWillUnmount() {
-        ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);
-    }
-    static _handleMouseMove(event) {
-        const el = event.currentTarget;
-        /* Only monitor mouse movement when an ElementTooltip is open. */
-        if (el && ElementTooltip._isTooltipHalted || !ElementTooltip._isTooltipVisible) {
-            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
-            return;
-        }
-        const hoveredElement = el ? el.elementFromPoint(event.clientX, event.clientY) : undefined;
-        /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */
-        // istanbul ignore next.
-        if (hoveredElement && hoveredElement.localName !== "canvas") {
-            ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
-            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
-            return;
-        }
-    }
-    updatePosition() {
-        this.setState((prevState) => {
-            if (!this._element)
-                return null;
-            // istanbul ignore next
-            if (!this._position)
-                return null;
-            const containerBounds = core_react_1.Rectangle.create(this._element.getBoundingClientRect());
-            const relativeBounds = core_react_1.Rectangle.createFromSize(this._size).offset(this._position);
-            const adjustedPosition = (0, appui_layout_react_1.offsetAndContainInContainer)(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });
-            const position = adjustedPosition.offset(containerBounds.topLeft());
-            // istanbul ignore else
-            if (position.equals(prevState.position))
-                return null;
-            // istanbul ignore next
-            return {
-                position,
-            };
-        });
-    }
-}
-exports.ElementTooltip = ElementTooltip;
-ElementTooltip._elementTooltipChangedEvent = new ElementTooltipChangedEvent();
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementTooltip = exports.ElementTooltipChangedEvent = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const MessageSpan_1 = require("../messages/MessageSpan");
+/** ElementTooltip Changed Event class.
+ * @public
+ */
+class ElementTooltipChangedEvent extends appui_abstract_1.UiEvent {
+}
+exports.ElementTooltipChangedEvent = ElementTooltipChangedEvent;
+/** ElementTooltip React component.
+ * @public
+ */
+class ElementTooltip extends React.Component {
+    static get onElementTooltipChangedEvent() { return ElementTooltip._elementTooltipChangedEvent; }
+    static get isTooltipVisible() { return ElementTooltip._isTooltipVisible; }
+    static showTooltip(el, message, pt, options) {
+        // istanbul ignore if
+        if (ElementTooltip._isTooltipHalted)
+            return;
+        ElementTooltip._isTooltipVisible = true;
+        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });
+        el.ownerDocument.addEventListener("mousemove", ElementTooltip._handleMouseMove);
+    }
+    static hideTooltip() {
+        ElementTooltip._isTooltipVisible = false;
+        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
+    }
+    // istanbul ignore next
+    static get isTooltipHalted() { return ElementTooltip._isTooltipHalted; }
+    // istanbul ignore next
+    static set isTooltipHalted(halt) {
+        ElementTooltip._isTooltipHalted = halt;
+        if (halt && ElementTooltip._isTooltipVisible)
+            ElementTooltip.hideTooltip();
+    }
+    constructor(props) {
+        super(props);
+        this._size = {
+            height: 0,
+            width: 0,
+        };
+        /** @internal */
+        this.state = {
+            message: "",
+            isVisible: false,
+            position: {
+                x: 0,
+                y: 0,
+            },
+        };
+        this._handleElementTooltipChangedEvent = (args) => {
+            this._element = args.el;
+            this._position = args.pt;
+            this.setState({
+                isVisible: args.isTooltipVisible,
+                message: args.message,
+            });
+            this.updatePosition();
+        };
+        // istanbul ignore next
+        this._handleSizeChanged = (size) => {
+            this._size = size;
+            this.updatePosition();
+        };
+    }
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const className = (0, classnames_1.default)("uifw-element-tooltip", this.props.className);
+        const messageNode = React.createElement(MessageSpan_1.MessageDiv, { message: this.state.message });
+        return (React.createElement("div", { className: "uifw-element-tooltip-container" },
+            React.createElement(appui_layout_react_1.Tooltip, { className: className, style: this.props.style, position: this.state.position, onSizeChanged: this._handleSizeChanged }, messageNode)));
+    }
+    componentDidMount() {
+        ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);
+    }
+    componentWillUnmount() {
+        ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);
+    }
+    static _handleMouseMove(event) {
+        const el = event.currentTarget;
+        /* Only monitor mouse movement when an ElementTooltip is open. */
+        if (el && ElementTooltip._isTooltipHalted || !ElementTooltip._isTooltipVisible) {
+            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
+            return;
+        }
+        const hoveredElement = el ? el.elementFromPoint(event.clientX, event.clientY) : undefined;
+        /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */
+        // istanbul ignore next.
+        if (hoveredElement && hoveredElement.localName !== "canvas") {
+            ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
+            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
+            return;
+        }
+    }
+    updatePosition() {
+        this.setState((prevState) => {
+            if (!this._element)
+                return null;
+            // istanbul ignore next
+            if (!this._position)
+                return null;
+            const containerBounds = core_react_1.Rectangle.create(this._element.getBoundingClientRect());
+            const relativeBounds = core_react_1.Rectangle.createFromSize(this._size).offset(this._position);
+            const adjustedPosition = (0, appui_layout_react_1.offsetAndContainInContainer)(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });
+            const position = adjustedPosition.offset(containerBounds.topLeft());
+            // istanbul ignore else
+            if (position.equals(prevState.position))
+                return null;
+            // istanbul ignore next
+            return {
+                position,
+            };
+        });
+    }
+}
+ElementTooltip._elementTooltipChangedEvent = new ElementTooltipChangedEvent();
+exports.ElementTooltip = ElementTooltip;
 //# sourceMappingURL=ElementTooltip.js.map