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

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

@@ -1 +1 @@
-{"version":3,"file":"ContentDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialog.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 \"./ContentDialog.scss\";\r\nimport * as React from \"react\";\r\nimport { Dialog, DialogProps } from \"@itwin/core-react\";\r\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\r\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport classnames from \"classnames\";\r\n\r\n// istanbul ignore next\r\n/**\r\n *@internal\r\n */\r\nexport function useActiveContentControlId(): string | undefined {\r\n  const [activeContentId, setActiveContentId] = React.useState(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n\r\n  React.useEffect(() => {\r\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\r\n      setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n    };\r\n\r\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\r\n    // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components\r\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\r\n    UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);\r\n    return () => {\r\n      UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\r\n        setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\r\n      }\r\n    };\r\n\r\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n  }, []);\r\n\r\n  return activeContentId;\r\n}\r\n\r\n/** Properties for the [[ContentDialog]] component\r\n * @public\r\n */\r\nexport interface ContentDialogProps extends DialogProps {\r\n  dialogId: string;\r\n  movable?: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\n/** Content Dialog React component uses the Dialog component with a modal={false} prop.\r\n * It controls the z-index to keep the focused dialog above content but below widgets.\r\n * @public\r\n */\r\nexport function ContentDialog(props: ContentDialogProps) {\r\n  const { className, children, dialogId, style, modal, modelessId, onModelessPointerDown, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n  const activeContentControlId = useActiveContentControlId();\r\n  // istanbul ignore next\r\n  const dialogClassName = React.useMemo(() => classnames(activeContentControlId === dialogId ? \"active-content-dialog\" : \"inactive-content-dialog\", className),\r\n    [activeContentControlId, className, dialogId]);\r\n\r\n  const [zIndex, setZIndex] = React.useState(UiFramework.content.dialogs.getZIndex(dialogId));\r\n  const updateZIndex = React.useCallback(() => {\r\n    const newZ = UiFramework.content.dialogs.getZIndex(dialogId);\r\n    // istanbul ignore else\r\n    if (newZ !== zIndex) {\r\n      setZIndex(newZ);\r\n    }\r\n  }, [dialogId, zIndex]);\r\n\r\n  return (\r\n    <Dialog\r\n      className={dialogClassName}\r\n      data-item-type=\"content-dialog\"\r\n      data-item-id={dialogId}\r\n      resizable={true}\r\n      movable={true}\r\n      trapFocus={false}\r\n      modal={false}\r\n      {...otherProps}\r\n      modelessId={dialogId}\r\n      onModelessPointerDown={(event) => UiFramework.content.dialogs.handlePointerDownEvent(event, dialogId, updateZIndex)}\r\n      style={{ zIndex, ...style }}\r\n    >\r\n      {children}\r\n    </Dialog >\r\n  );\r\n}\r\n\r\n"]}
+{"version":3,"file":"ContentDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialog.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 \"./ContentDialog.scss\";\nimport * as React from \"react\";\nimport { Dialog, DialogProps } from \"@itwin/core-react\";\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\nimport { SyncUiEventDispatcher, SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { UiFramework } from \"../UiFramework\";\nimport { UiSyncEventArgs } from \"@itwin/appui-abstract\";\nimport classnames from \"classnames\";\n\n// istanbul ignore next\n/**\n *@internal\n */\nexport function useActiveContentControlId(): string | undefined {\n  const [activeContentId, setActiveContentId] = React.useState(UiFramework.content.getActiveContentControl()?.uniqueId);\n\n  React.useEffect(() => {\n    const onActiveContentChanged = (_args: ActiveContentChangedEventArgs) => {\n      setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\n    };\n\n    // IModelApp.viewManager.onSelectedViewportChanged will often fire before UI components have mounted\n    // so use UiFramework.content.onActiveContentChangedEvent which will always trigger once all stage components\n    // are loaded and when the IModelApp.viewManager.selectedView changes.\n    UiFramework.content.onActiveContentChangedEvent.addListener(onActiveContentChanged);\n    return () => {\n      UiFramework.content.onActiveContentChangedEvent.removeListener(onActiveContentChanged);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    const syncIdsOfInterest = [SyncUiEventId.ActiveContentChanged, SyncUiEventId.ContentControlActivated, SyncUiEventId.FrontstageReady];\n    const handleSyncUiEvent = (args: UiSyncEventArgs): void => {\n      // istanbul ignore else\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value))) {\n        setActiveContentId(UiFramework.content.getActiveContentControl()?.uniqueId);\n      }\n    };\n\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n  }, []);\n\n  return activeContentId;\n}\n\n/** Properties for the [[ContentDialog]] component\n * @public\n */\nexport interface ContentDialogProps extends DialogProps {\n  dialogId: string;\n  movable?: boolean;\n  children: React.ReactNode;\n}\n\n/** Content Dialog React component uses the Dialog component with a modal={false} prop.\n * It controls the z-index to keep the focused dialog above content but below widgets.\n * @public\n */\nexport function ContentDialog(props: ContentDialogProps) {\n  const { className, children, dialogId, style, modal, modelessId, onModelessPointerDown, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\n  const activeContentControlId = useActiveContentControlId();\n  // istanbul ignore next\n  const dialogClassName = React.useMemo(() => classnames(activeContentControlId === dialogId ? \"active-content-dialog\" : \"inactive-content-dialog\", className),\n    [activeContentControlId, className, dialogId]);\n\n  const [zIndex, setZIndex] = React.useState(UiFramework.content.dialogs.getZIndex(dialogId));\n  const updateZIndex = React.useCallback(() => {\n    const newZ = UiFramework.content.dialogs.getZIndex(dialogId);\n    // istanbul ignore else\n    if (newZ !== zIndex) {\n      setZIndex(newZ);\n    }\n  }, [dialogId, zIndex]);\n\n  return (\n    <Dialog\n      className={dialogClassName}\n      data-item-type=\"content-dialog\"\n      data-item-id={dialogId}\n      resizable={true}\n      movable={true}\n      trapFocus={false}\n      modal={false}\n      {...otherProps}\n      modelessId={dialogId}\n      onModelessPointerDown={(event) => UiFramework.content.dialogs.handlePointerDownEvent(event, dialogId, updateZIndex)}\n      style={{ zIndex, ...style }}\n    >\n      {children}\n    </Dialog >\n  );\n}\n\n"]}

package/lib/cjs/appui-react/dialog/ContentDialog.scss

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.core-dialog.active-content-dialog {
-  .core-dialog-area {
-    > .core-dialog-head {
-      color: $buic-text-color-highlight;
-      background-color: $buic-background-titlebar;
-      > .core-dialog-title {
-      font-weight: 800;
-      }
-    }
-  }
-
-  .core-dialog.inactive-content-dialog {
-    .core-dialog-area {
-      > .core-dialog-head {
-        background-color: $buic-background-titlebar-outoffocus;
-      }
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.core-dialog.active-content-dialog {
+  .core-dialog-area {
+    > .core-dialog-head {
+      color: $buic-text-color-highlight;
+      background-color: $buic-background-titlebar;
+      > .core-dialog-title {
+      font-weight: 800;
+      }
+    }
+  }
+
+  .core-dialog.inactive-content-dialog {
+    .core-dialog-area {
+      > .core-dialog-head {
+        background-color: $buic-background-titlebar-outoffocus;
+      }
+    }
+  }
+}

package/lib/cjs/appui-react/dialog/ContentDialogManager.d.ts

@@ -1,52 +1,13 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import { CommonProps } from "@itwin/core-react";
-import * as React from "react";
-import { ContentDialogInfo } from "../framework/FrameworkContent";
-/** Content Dialog Manager class displays and manages multiple modeless dialogs
- * @public
- * @deprecated in 3.7. Use `UiFramework.content.dialog` property.
- */
-export declare class ContentDialogManager {
-    /** Initialize the modeless dialog manager.
-     * @deprecated in 3.7. This is called internally.
-    */
-    static initialize(): void;
-    /** Content Dialog Changed Event */
-    static get onContentDialogChangedEvent(): import("../framework/FrameworkContent").ContentDialogChangedEvent;
-    /** @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): ContentDialogInfo | undefined;
-}
-/** ContentDialogRenderer React component renders modeless dialogs.
- * @public
- */
-export declare class ContentDialogRenderer extends React.PureComponent<CommonProps> {
-    constructor(props: CommonProps);
-    render(): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import { CommonProps } from "@itwin/core-react";
+import * as React from "react";
+/** ContentDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+export declare class ContentDialogRenderer extends React.PureComponent<CommonProps> {
+    constructor(props: CommonProps);
+    render(): React.ReactNode;
+}
 //# sourceMappingURL=ContentDialogManager.d.ts.map

package/lib/cjs/appui-react/dialog/ContentDialogManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAMlE;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B;;MAEE;WACY,UAAU,IAAI,IAAI;IAIhC,mCAAmC;IACnC,WAAkB,2BAA2B,sEAAmD;IAEhG,gBAAgB;IAChB,WAAkB,aAAa,oDAAqC;IAEpE,wCAAwC;IACxC,WAAkB,OAAO,+CAA+B;IAExD;;;OAGG;WACW,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,WAAW,GAAG,IAAI;IAI9F;;OAEG;WACW,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI3C,gBAAgB;WACF,QAAQ,IAAI,IAAI;IAI9B,yBAAyB;WACX,MAAM,IAAI,IAAI;IAI5B,qCAAqC;IACrC,WAAkB,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAE5D;IAED,wCAAwC;IACxC,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,uDAAuD;WACzC,sBAAsB,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,GAAG,IAAI;IAI1G,4CAA4C;WAC9B,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;WAInC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;CAGvE;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE7D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}
+{"version":3,"file":"ContentDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE7D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContentDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,+BAA+B;AAE/B,2DAAyD;AACzD,iFAA0F;AAE1F,gCAAgC;AAEhC;;;GAGG;AACH,MAAa,oBAAoB;IAC/B;;MAEE;IACK,MAAM,CAAC,UAAU;QACtB,OAAO,2DAAQ,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC;IAED,mCAAmC;IAC5B,MAAM,KAAK,2BAA2B,KAAK,OAAO,2DAAQ,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAEhG,gBAAgB;IACT,MAAM,KAAK,aAAa,KAAK,OAAO,2DAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpE,wCAAwC;IACjC,MAAM,KAAK,OAAO,KAAK,OAAO,2DAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAExD;;;OAGG;IACI,MAAM,CAAC,UAAU,CAAC,MAAuB,EAAE,EAAU,EAAE,cAAc,GAAG,QAAQ;QACrF,OAAO,2DAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IACnD,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,WAAW,CAAC,EAAU;QAClC,OAAO,2DAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,QAAQ;QACpB,OAAO,2DAAQ,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED,yBAAyB;IAClB,MAAM,CAAC,MAAM;QAClB,OAAO,2DAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,qCAAqC;IAC9B,MAAM,KAAK,YAAY;QAC5B,OAAO,2DAAQ,CAAC,MAAM,CAAC;IACzB,CAAC;IAED,wCAAwC;IACjC,MAAM,KAAK,WAAW;QAC3B,OAAO,2DAAQ,CAAC,KAAK,CAAC;IACxB,CAAC;IAED,uDAAuD;IAChD,MAAM,CAAC,sBAAsB,CAAC,MAA0B,EAAE,EAAU,EAAE,UAAsB;QACjG,OAAO,2DAAQ,CAAC,sBAAsB,CAAC,MAAM,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC;IACjE,CAAC;IAED,4CAA4C;IACrC,MAAM,CAAC,eAAe,CAAC,EAAU;QACtC,OAAO,2DAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,EAAU;QACpC,OAAO,2DAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC;CACF;AAjED,oDAiEC;AAED;;GAEG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,aAA0B;IAEzE,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,sCAAkB,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,2DAAQ,CAAC,aAAa,GAAI,CAC9E,CAAC;IACJ,CAAC;CACF;AAXD,sDAWC","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 { CommonProps } from \"@itwin/core-react\";\r\nimport * as React from \"react\";\r\nimport { ContentDialogInfo } from \"../framework/FrameworkContent\";\r\nimport { DialogRendererBase } from \"./DialogManagerBase\";\r\nimport { InternalContentDialogManager as internal } from \"./InternalContentDialogManager\";\r\n\r\n// cSpell:ignore ZINDEX modeless\r\n\r\n/** Content Dialog Manager class displays and manages multiple modeless dialogs\r\n * @public\r\n * @deprecated in 3.7. Use `UiFramework.content.dialog` property.\r\n */\r\nexport class ContentDialogManager {\r\n  /** Initialize the modeless dialog manager.\r\n   * @deprecated in 3.7. This is called internally.\r\n  */\r\n  public static initialize(): void {\r\n    return internal.initialize();\r\n  }\r\n\r\n  /** Content Dialog Changed Event */\r\n  public static get onContentDialogChangedEvent() { return internal.onContentDialogChangedEvent; }\r\n\r\n  /** @internal */\r\n  public static get dialogManager() { return internal.dialogManager; }\r\n\r\n  /** Get the array of modeless dialogs */\r\n  public static get dialogs() { return internal.dialogs; }\r\n\r\n  /** Open a modeless dialog\r\n   * @param dialog The Dialog to open\r\n   * @param id The id of the Dialog to open\r\n   */\r\n  public static openDialog(dialog: React.ReactNode, id: string, parentDocument = document): void {\r\n    return internal.open(dialog, id, parentDocument);\r\n  }\r\n\r\n  /** Close a modeless dialog\r\n   * @param id The id of the Dialog to close.\r\n   */\r\n  public static closeDialog(id: string): void {\r\n    return internal.close(id);\r\n  }\r\n\r\n  /** @internal */\r\n  public static closeAll(): void {\r\n    return internal.closeAll();\r\n  }\r\n\r\n  /** Update the dialogs */\r\n  public static update(): void {\r\n    return internal.update();\r\n  }\r\n\r\n  /** Get the active modeless dialog */\r\n  public static get activeDialog(): React.ReactNode | undefined {\r\n    return internal.active;\r\n  }\r\n\r\n  /** Get the count of modeless dialogs */\r\n  public static get dialogCount(): number {\r\n    return internal.count;\r\n  }\r\n\r\n  /** Handle a pointer down event on a modeless dialog */\r\n  public static handlePointerDownEvent(_event: React.PointerEvent, id: string, updateFunc: () => void): void {\r\n    return internal.handlePointerDownEvent(_event, id, updateFunc);\r\n  }\r\n\r\n  /** Get the z-index for a modeless dialog */\r\n  public static getDialogZIndex(id: string): number {\r\n    return internal.getZIndex(id);\r\n  }\r\n\r\n  public static getDialogInfo(id: string): ContentDialogInfo | undefined {\r\n    return internal.getInfo(id);\r\n  }\r\n}\r\n\r\n/** ContentDialogRenderer React component renders modeless dialogs.\r\n * @public\r\n */\r\nexport class ContentDialogRenderer extends React.PureComponent<CommonProps> {\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <DialogRendererBase {...this.props} dialogManager={internal.dialogManager} />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ContentDialogManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,+BAA+B;AAC/B,2DAAyD;AACzD,iFAA0F;AAE1F;;GAEG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,aAA0B;IAEzE,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,sCAAkB,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,2DAAQ,CAAC,aAAa,GAAI,CAC9E,CAAC;IACJ,CAAC;CACF;AAXD,sDAWC","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 { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { DialogRendererBase } from \"./DialogManagerBase\";\nimport { InternalContentDialogManager as internal } from \"./InternalContentDialogManager\";\n\n/** ContentDialogRenderer React component renders modeless dialogs.\n * @public\n */\nexport class ContentDialogRenderer extends React.PureComponent<CommonProps> {\n\n  constructor(props: CommonProps) {\n    super(props);\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <DialogRendererBase {...this.props} dialogManager={internal.dialogManager} />\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/dialog/DialogManagerBase.d.ts

@@ -1,85 +1,85 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { UiEvent } from "@itwin/appui-abstract";
-/** Dialog Stack Changed Event Args class.
- * @public
- */
-export interface DialogChangedEventArgs {
-    dialogCount: number;
-    activeDialog: React.ReactNode | undefined;
-}
-/** Dialog Changed Event class.
- * @public
- */
-export declare class DialogChangedEvent extends UiEvent<DialogChangedEventArgs> {
-}
-/** Information maintained by a Dialog Manager about a dialog
- * @public
- */
-export interface DialogInfo {
-    reactNode: React.ReactNode;
-    id: string;
-    parentDocument: Document;
-}
-/** Dialog Manager class.
- * @internal
- */
-export declare class DialogManagerBase {
-    private static _sId;
-    private _dialogs;
-    private _onDialogChangedEvent;
-    private static _topZIndex;
-    constructor(onDialogChangedEvent: DialogChangedEvent);
-    /** Initialize the modeless dialog manager */
-    static initialize(): void;
-    static get topZIndex(): number;
-    static set topZIndex(zIndex: number);
-    get dialogs(): DialogInfo[];
-    get onDialogChangedEvent(): DialogChangedEvent;
-    static getDialogZIndexDefault(): number;
-    /**
-     * Triggers opening a dialog.
-     * @param dialog Dialog React component.
-     * @param id The unique Id the identifies the dialog.
-     * @param parentDocument Optional document required when displaying a dialog in a child popup window.
-     */
-    openDialog(dialog: React.ReactNode, id?: string, parentDocument?: Document): void;
-    /** @internal */
-    pushDialog(dialogInfo: DialogInfo): void;
-    closeDialog(dialog?: React.ReactNode): void;
-    /** @internal */
-    closeAll(): void;
-    /** @internal */
-    removeDialog(dialog: React.ReactNode): void;
-    emitDialogChangedEvent(): void;
-    update(): void;
-    get activeDialog(): React.ReactNode | undefined;
-    get dialogCount(): number;
-}
-/** Properties for the [[DialogRendererBase]] component
- * @internal
- */
-export interface DialogRendererProps {
-    dialogManager: DialogManagerBase;
-    style?: React.CSSProperties;
-}
-/** @internal */
-interface DialogRendererState {
-    parentDocument: Document | null;
-}
-/** DialogRenderer React component.
- * @internal
- */
-export declare class DialogRendererBase extends React.PureComponent<DialogRendererProps, DialogRendererState> {
-    /** @internal */
-    readonly state: DialogRendererState;
-    private _handleRefSet;
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _handleDialogChangedEvent;
-}
-export {};
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { UiEvent } from "@itwin/appui-abstract";
+/** Dialog Stack Changed Event Args class.
+ * @public
+ */
+export interface DialogChangedEventArgs {
+    dialogCount: number;
+    activeDialog: React.ReactNode | undefined;
+}
+/** Dialog Changed Event class.
+ * @public
+ */
+export declare class DialogChangedEvent extends UiEvent<DialogChangedEventArgs> {
+}
+/** Information maintained by a Dialog Manager about a dialog
+ * @public
+ */
+export interface DialogInfo {
+    reactNode: React.ReactNode;
+    id: string;
+    parentDocument: Document;
+}
+/** Dialog Manager class.
+ * @internal
+ */
+export declare class DialogManagerBase {
+    private static _sId;
+    private _dialogs;
+    private _onDialogChangedEvent;
+    private static _topZIndex;
+    constructor(onDialogChangedEvent: DialogChangedEvent);
+    /** Initialize the modeless dialog manager */
+    static initialize(): void;
+    static get topZIndex(): number;
+    static set topZIndex(zIndex: number);
+    get dialogs(): DialogInfo[];
+    get onDialogChangedEvent(): DialogChangedEvent;
+    static getDialogZIndexDefault(): number;
+    /**
+     * Triggers opening a dialog.
+     * @param dialog Dialog React component.
+     * @param id The unique Id the identifies the dialog.
+     * @param parentDocument Optional document required when displaying a dialog in a child popup window.
+     */
+    openDialog(dialog: React.ReactNode, id?: string, parentDocument?: Document): void;
+    /** @internal */
+    pushDialog(dialogInfo: DialogInfo): void;
+    closeDialog(dialog?: React.ReactNode): void;
+    /** @internal */
+    closeAll(): void;
+    /** @internal */
+    removeDialog(dialog: React.ReactNode): void;
+    emitDialogChangedEvent(): void;
+    update(): void;
+    get activeDialog(): React.ReactNode | undefined;
+    get dialogCount(): number;
+}
+/** Properties for the [[DialogRendererBase]] component
+ * @internal
+ */
+export interface DialogRendererProps {
+    dialogManager: DialogManagerBase;
+    style?: React.CSSProperties;
+}
+/** @internal */
+interface DialogRendererState {
+    parentDocument: Document | null;
+}
+/** DialogRenderer React component.
+ * @internal
+ */
+export declare class DialogRendererBase extends React.PureComponent<DialogRendererProps, DialogRendererState> {
+    /** @internal */
+    readonly state: DialogRendererState;
+    private _handleRefSet;
+    render(): React.ReactNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleDialogChangedEvent;
+}
+export {};
 //# sourceMappingURL=DialogManagerBase.d.ts.map