@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/appui-react/dialog/ModelessDialog.js

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { Dialog } from "@itwin/core-react";
-import { UiFramework } from "../UiFramework";
-/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.
- * It controls the z-index to keep the focused dialog above others.
- * @public
- */
-export class ModelessDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this._updateDialog = () => {
-            this.forceUpdate();
-        };
-    }
-    render() {
-        const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(Dialog, { ...props, modal: false, modelessId: dialogId, onModelessPointerDown: (event) => UiFramework.dialogs.modeless.handlePointerDownEvent(event, dialogId, this._updateDialog), style: { zIndex: UiFramework.dialogs.modeless.getZIndex(dialogId), ...style } }, this.props.children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { Dialog } from "@itwin/core-react";
+import { UiFramework } from "../UiFramework";
+/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.
+ * It controls the z-index to keep the focused dialog above others.
+ * @public
+ */
+export class ModelessDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this._updateDialog = () => {
+            this.forceUpdate();
+        };
+    }
+    render() {
+        const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(Dialog, { ...props, modal: false, modelessId: dialogId, onModelessPointerDown: (event) => UiFramework.dialogs.modeless.handlePointerDownEvent(event, dialogId, this._updateDialog), style: { zIndex: UiFramework.dialogs.modeless.getZIndex(dialogId), ...style } }, this.props.children));
+    }
+}
 //# sourceMappingURL=ModelessDialog.js.map

package/lib/esm/appui-react/dialog/ModelessDialogManager.d.ts

@@ -1,52 +1,52 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { ModelessDialogInfo } from "../framework/FrameworkDialogs";
-/** ModelessDialogRenderer React component renders modeless dialogs.
- * @public
- */
-export declare class ModelessDialogRenderer extends React.PureComponent<CommonProps> {
-    constructor(props: CommonProps);
-    render(): React.ReactNode;
-}
-/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
- * @public
- * @deprecated in 3.7. Use `UiFramework.dialogs.modeless` property.
- */
-export declare class ModelessDialogManager {
-    /** Initialize the modeless dialog manager
-     * @deprecated in 3.7. This is called internally.
-    */
-    static initialize(): void;
-    /** Modeless Dialog Changed Event */
-    static get onModelessDialogChangedEvent(): import("../framework/FrameworkDialogs").ModelessDialogChangedEvent;
-    /** @internal */
-    static get dialogManager(): import("./DialogManagerBase").DialogManagerBase;
-    /** Get the array of modeless dialogs */
-    static get dialogs(): import("./DialogManagerBase").DialogInfo[];
-    /** Open a modeless dialog
-       * @param dialog The Dialog to open
-       * @param id The id of the Dialog to open
-       */
-    static openDialog(dialog: React.ReactNode, id: string, parentDocument?: Document): void;
-    /** Close a modeless dialog
-       * @param id The id of the Dialog to close.
-       */
-    static closeDialog(id: string): void;
-    /** @internal */
-    static closeAll(): void;
-    /** Update the dialogs */
-    static update(): void;
-    /** Get the active modeless dialog */
-    static get activeDialog(): React.ReactNode | undefined;
-    /** Get the count of modeless dialogs */
-    static get dialogCount(): number;
-    /** Handle a pointer down event on a modeless dialog */
-    static handlePointerDownEvent(_event: React.PointerEvent, id: string, updateFunc: () => void): void;
-    /** Get the z-index for a modeless dialog */
-    static getDialogZIndex(id: string): number;
-    static getDialogInfo(id: string): ModelessDialogInfo | undefined;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { ModelessDialogInfo } from "../framework/FrameworkDialogs";
+/** ModelessDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+export declare class ModelessDialogRenderer extends React.PureComponent<CommonProps> {
+    constructor(props: CommonProps);
+    render(): React.ReactNode;
+}
+/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
+ * @public
+ * @deprecated in 3.7. Use `UiFramework.dialogs.modeless` property.
+ */
+export declare class ModelessDialogManager {
+    /** Initialize the modeless dialog manager
+     * @deprecated in 3.7. This is called internally.
+    */
+    static initialize(): void;
+    /** Modeless Dialog Changed Event */
+    static get onModelessDialogChangedEvent(): import("../framework/FrameworkDialogs").ModelessDialogChangedEvent;
+    /** @internal */
+    static get dialogManager(): import("./DialogManagerBase").DialogManagerBase;
+    /** Get the array of modeless dialogs */
+    static get dialogs(): import("./DialogManagerBase").DialogInfo[];
+    /** Open a modeless dialog
+       * @param dialog The Dialog to open
+       * @param id The id of the Dialog to open
+       */
+    static openDialog(dialog: React.ReactNode, id: string, parentDocument?: Document): void;
+    /** Close a modeless dialog
+       * @param id The id of the Dialog to close.
+       */
+    static closeDialog(id: string): void;
+    /** @internal */
+    static closeAll(): void;
+    /** Update the dialogs */
+    static update(): void;
+    /** Get the active modeless dialog */
+    static get activeDialog(): React.ReactNode | undefined;
+    /** Get the count of modeless dialogs */
+    static get dialogCount(): number;
+    /** Handle a pointer down event on a modeless dialog */
+    static handlePointerDownEvent(_event: React.PointerEvent, id: string, updateFunc: () => void): void;
+    /** Get the z-index for a modeless dialog */
+    static getDialogZIndex(id: string): number;
+    static getDialogInfo(id: string): ModelessDialogInfo | undefined;
+}
 //# sourceMappingURL=ModelessDialogManager.d.ts.map

package/lib/esm/appui-react/dialog/ModelessDialogManager.js

@@ -1,81 +1,81 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { DialogRendererBase } from "./DialogManagerBase";
-import { InternalModelessDialogManager as internal } from "./InternalModelessDialogManager";
-// cSpell:ignore ZINDEX modeless
-/** ModelessDialogRenderer React component renders modeless dialogs.
- * @public
- */
-export class ModelessDialogRenderer extends React.PureComponent {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (React.createElement(DialogRendererBase, { ...this.props, dialogManager: internal.dialogManager }));
-    }
-}
-/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
- * @public
- * @deprecated in 3.7. Use `UiFramework.dialogs.modeless` property.
- */
-export class ModelessDialogManager {
-    /** Initialize the modeless dialog manager
-     * @deprecated in 3.7. This is called internally.
-    */
-    static initialize() {
-        internal.initialize();
-    }
-    /** Modeless Dialog Changed Event */
-    static get onModelessDialogChangedEvent() { return internal.onModelessDialogChangedEvent; }
-    /** @internal */
-    static get dialogManager() { return internal.dialogManager; }
-    /** Get the array of modeless dialogs */
-    static get dialogs() { return internal.dialogs; }
-    /** Open a modeless dialog
-       * @param dialog The Dialog to open
-       * @param id The id of the Dialog to open
-       */
-    static openDialog(dialog, id, parentDocument = document) {
-        return internal.open(dialog, id, parentDocument);
-    }
-    /** Close a modeless dialog
-       * @param id The id of the Dialog to close.
-       */
-    static closeDialog(id) {
-        return internal.close(id);
-    }
-    /** @internal */
-    static closeAll() {
-        return internal.closeAll();
-    }
-    /** Update the dialogs */
-    static update() {
-        return internal.update();
-    }
-    /** Get the active modeless dialog */
-    static get activeDialog() {
-        return internal.active;
-    }
-    /** Get the count of modeless dialogs */
-    static get dialogCount() {
-        return internal.count;
-    }
-    /** Handle a pointer down event on a modeless dialog */
-    static handlePointerDownEvent(_event, id, updateFunc) {
-        return internal.handlePointerDownEvent(_event, id, updateFunc);
-    }
-    /** Get the z-index for a modeless dialog */
-    static getDialogZIndex(id) {
-        return internal.getZIndex(id);
-    }
-    static getDialogInfo(id) {
-        return internal.getInfo(id);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { DialogRendererBase } from "./DialogManagerBase";
+import { InternalModelessDialogManager as internal } from "./InternalModelessDialogManager";
+// cSpell:ignore ZINDEX modeless
+/** ModelessDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+export class ModelessDialogRenderer extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement(DialogRendererBase, { ...this.props, dialogManager: internal.dialogManager }));
+    }
+}
+/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
+ * @public
+ * @deprecated in 3.7. Use `UiFramework.dialogs.modeless` property.
+ */
+export class ModelessDialogManager {
+    /** Initialize the modeless dialog manager
+     * @deprecated in 3.7. This is called internally.
+    */
+    static initialize() {
+        internal.initialize();
+    }
+    /** Modeless Dialog Changed Event */
+    static get onModelessDialogChangedEvent() { return internal.onModelessDialogChangedEvent; }
+    /** @internal */
+    static get dialogManager() { return internal.dialogManager; }
+    /** Get the array of modeless dialogs */
+    static get dialogs() { return internal.dialogs; }
+    /** Open a modeless dialog
+       * @param dialog The Dialog to open
+       * @param id The id of the Dialog to open
+       */
+    static openDialog(dialog, id, parentDocument = document) {
+        return internal.open(dialog, id, parentDocument);
+    }
+    /** Close a modeless dialog
+       * @param id The id of the Dialog to close.
+       */
+    static closeDialog(id) {
+        return internal.close(id);
+    }
+    /** @internal */
+    static closeAll() {
+        return internal.closeAll();
+    }
+    /** Update the dialogs */
+    static update() {
+        return internal.update();
+    }
+    /** Get the active modeless dialog */
+    static get activeDialog() {
+        return internal.active;
+    }
+    /** Get the count of modeless dialogs */
+    static get dialogCount() {
+        return internal.count;
+    }
+    /** Handle a pointer down event on a modeless dialog */
+    static handlePointerDownEvent(_event, id, updateFunc) {
+        return internal.handlePointerDownEvent(_event, id, updateFunc);
+    }
+    /** Get the z-index for a modeless dialog */
+    static getDialogZIndex(id) {
+        return internal.getZIndex(id);
+    }
+    static getDialogInfo(id) {
+        return internal.getInfo(id);
+    }
+}
 //# sourceMappingURL=ModelessDialogManager.js.map

package/lib/esm/appui-react/dialog/StandardMessageBox.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for [[StandardMessageBox]] React component
- * @public
- */
-export interface StandardMessageBoxProps extends CommonProps {
-    /** Indicates whether the message box is open */
-    opened: boolean;
-    /** The standard icon to display in the message box */
-    iconType: MessageBoxIconType;
-    /** Title to display in the message box */
-    title: string;
-    /** Controls the button set displayed */
-    messageBoxType: MessageBoxType;
-    /** Callback function for processing the message box result */
-    onResult?: (result: MessageBoxValue) => void;
-    /** Content */
-    children?: React.ReactNode;
-}
-/** State for [[StandardMessageBox]] React component
- * @internal
- */
-interface StandardMessageBoxState {
-    opened: boolean;
-}
-/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
- * @public
- */
-export declare class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {
-    /** @internal */
-    readonly state: Readonly<StandardMessageBoxState>;
-    constructor(props: StandardMessageBoxProps);
-    render(): JSX.Element;
-    private _handleButton;
-    private _handleCancel;
-    private _closeDialog;
-}
-export {};
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[StandardMessageBox]] React component
+ * @public
+ */
+export interface StandardMessageBoxProps extends CommonProps {
+    /** Indicates whether the message box is open */
+    opened: boolean;
+    /** The standard icon to display in the message box */
+    iconType: MessageBoxIconType;
+    /** Title to display in the message box */
+    title: string;
+    /** Controls the button set displayed */
+    messageBoxType: MessageBoxType;
+    /** Callback function for processing the message box result */
+    onResult?: (result: MessageBoxValue) => void;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** State for [[StandardMessageBox]] React component
+ * @internal
+ */
+interface StandardMessageBoxState {
+    opened: boolean;
+}
+/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
+ * @public
+ */
+export declare class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {
+    /** @internal */
+    readonly state: Readonly<StandardMessageBoxState>;
+    constructor(props: StandardMessageBoxProps);
+    render(): JSX.Element;
+    private _handleButton;
+    private _handleCancel;
+    private _closeDialog;
+}
+export {};
 //# sourceMappingURL=StandardMessageBox.d.ts.map

package/lib/esm/appui-react/dialog/StandardMessageBox.js

@@ -1,90 +1,90 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
-import { DialogButtonType, MessageSeverity } from "@itwin/appui-abstract";
-import { MessageBox } from "@itwin/core-react";
-import { DialogManagerBase } from "./DialogManagerBase";
-import { UiFramework } from "../UiFramework";
-/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
- * @public
- */
-export class StandardMessageBox extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._handleButton = (buttonType) => {
-            this._closeDialog(() => {
-                // istanbul ignore else
-                if (this.props.onResult)
-                    this.props.onResult(buttonType);
-            });
-        };
-        this._handleCancel = () => {
-            this._closeDialog(() => {
-                // istanbul ignore else
-                if (this.props.onResult)
-                    this.props.onResult(MessageBoxValue.Cancel);
-            });
-        };
-        this._closeDialog = (followUp) => {
-            this.setState((_prevState) => ({
-                opened: false,
-            }), () => {
-                UiFramework.dialogs.modal.close();
-                followUp();
-            });
-        };
-        this.state = {
-            opened: this.props.opened,
-        };
-    }
-    render() {
-        const buttonCluster = new Array();
-        switch (this.props.messageBoxType) {
-            case MessageBoxType.Ok:
-            case MessageBoxType.LargeOk:
-                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
-                break;
-            case MessageBoxType.OkCancel:
-            case MessageBoxType.MediumAlert:
-                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
-                buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
-                break;
-            case MessageBoxType.YesNo:
-            case MessageBoxType.YesNoCancel:
-                buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });
-                buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });
-                if (MessageBoxType.YesNoCancel === this.props.messageBoxType)
-                    buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
-                break;
-        }
-        let severity = MessageSeverity.None;
-        switch (this.props.iconType) {
-            case MessageBoxIconType.NoSymbol:
-                severity = MessageSeverity.None;
-                break;
-            case MessageBoxIconType.Information:
-                severity = MessageSeverity.Information;
-                break;
-            case MessageBoxIconType.Question:
-                severity = MessageSeverity.Question;
-                break;
-            case MessageBoxIconType.Warning:
-                severity = MessageSeverity.Warning;
-                break;
-            case MessageBoxIconType.Critical:
-                severity = MessageSeverity.Error;
-                break;
-            case MessageBoxIconType.Success:
-                severity = MessageSeverity.Success;
-                break;
-        }
-        return (React.createElement(MessageBox, { className: this.props.className, style: { zIndex: DialogManagerBase.topZIndex, ...this.props.style }, opened: this.state.opened, title: this.props.title, severity: severity, buttonCluster: buttonCluster, onClose: this._handleCancel, onEscape: this._handleCancel }, this.props.children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
+import { DialogButtonType, MessageSeverity } from "@itwin/appui-abstract";
+import { MessageBox } from "@itwin/core-react";
+import { DialogManagerBase } from "./DialogManagerBase";
+import { UiFramework } from "../UiFramework";
+/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
+ * @public
+ */
+export class StandardMessageBox extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._handleButton = (buttonType) => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(buttonType);
+            });
+        };
+        this._handleCancel = () => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(MessageBoxValue.Cancel);
+            });
+        };
+        this._closeDialog = (followUp) => {
+            this.setState((_prevState) => ({
+                opened: false,
+            }), () => {
+                UiFramework.dialogs.modal.close();
+                followUp();
+            });
+        };
+        this.state = {
+            opened: this.props.opened,
+        };
+    }
+    render() {
+        const buttonCluster = new Array();
+        switch (this.props.messageBoxType) {
+            case MessageBoxType.Ok:
+            case MessageBoxType.LargeOk:
+                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
+                break;
+            case MessageBoxType.OkCancel:
+            case MessageBoxType.MediumAlert:
+                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
+                buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
+                break;
+            case MessageBoxType.YesNo:
+            case MessageBoxType.YesNoCancel:
+                buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });
+                buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });
+                if (MessageBoxType.YesNoCancel === this.props.messageBoxType)
+                    buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
+                break;
+        }
+        let severity = MessageSeverity.None;
+        switch (this.props.iconType) {
+            case MessageBoxIconType.NoSymbol:
+                severity = MessageSeverity.None;
+                break;
+            case MessageBoxIconType.Information:
+                severity = MessageSeverity.Information;
+                break;
+            case MessageBoxIconType.Question:
+                severity = MessageSeverity.Question;
+                break;
+            case MessageBoxIconType.Warning:
+                severity = MessageSeverity.Warning;
+                break;
+            case MessageBoxIconType.Critical:
+                severity = MessageSeverity.Error;
+                break;
+            case MessageBoxIconType.Success:
+                severity = MessageSeverity.Success;
+                break;
+        }
+        return (React.createElement(MessageBox, { className: this.props.className, style: { zIndex: DialogManagerBase.topZIndex, ...this.props.style }, opened: this.state.opened, title: this.props.title, severity: severity, buttonCluster: buttonCluster, onClose: this._handleCancel, onEscape: this._handleCancel }, this.props.children));
+    }
+}
 //# sourceMappingURL=StandardMessageBox.js.map