@itwin/core-react 3.4.0-dev.9 → 3.4.1

package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts

@@ -1,47 +1,47 @@
-/** @packageDocumentation
- * @module Dialog
- */
-/** Enum for button types. Determines button label, and default button style.
-  * @public
-  * @deprecated Use [DialogButtonType]($appui-abstract) instead
-  */
-export declare enum DialogButtonType {
-    None = "",
-    Close = "close",
-    OK = "ok",
-    Cancel = "cancel",
-    Yes = "yes",
-    No = "no",
-    Retry = "retry",
-    Next = "next",
-    Previous = "previous"
-}
-/** Enum for button style.
-  * @public
-  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
-  */
-export declare enum DialogButtonStyle {
-    None = "",
-    Primary = "iui-cta",
-    Hollow = "iui-default",
-    Blue = "iui-high-visibility"
-}
-/** Interface for a dialog button in a button cluster
-  * @public
-  * @deprecated Use [DialogButtonDef]($appui-abstract) instead
-  */
-export interface DialogButtonDef {
-    /** type of button */
-    type: DialogButtonType;
-    /** Triggered on button click */
-    onClick: () => void;
-    /** Which button style to decorate button width */
-    buttonStyle?: DialogButtonStyle;
-    /** Disable the button */
-    disabled?: boolean;
-    /** Custom label */
-    label?: string;
-    /** Custom CSS class */
-    className?: string;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+/** Enum for button types. Determines button label, and default button style.
+  * @public
+  * @deprecated Use [DialogButtonType]($appui-abstract) instead
+  */
+export declare enum DialogButtonType {
+    None = "",
+    Close = "close",
+    OK = "ok",
+    Cancel = "cancel",
+    Yes = "yes",
+    No = "no",
+    Retry = "retry",
+    Next = "next",
+    Previous = "previous"
+}
+/** Enum for button style.
+  * @public
+  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
+  */
+export declare enum DialogButtonStyle {
+    None = "",
+    Primary = "iui-cta",
+    Hollow = "iui-default",
+    Blue = "iui-high-visibility"
+}
+/** Interface for a dialog button in a button cluster
+  * @public
+  * @deprecated Use [DialogButtonDef]($appui-abstract) instead
+  */
+export interface DialogButtonDef {
+    /** type of button */
+    type: DialogButtonType;
+    /** Triggered on button click */
+    onClick: () => void;
+    /** Which button style to decorate button width */
+    buttonStyle?: DialogButtonStyle;
+    /** Disable the button */
+    disabled?: boolean;
+    /** Custom label */
+    label?: string;
+    /** Custom CSS class */
+    className?: string;
+}
 //# sourceMappingURL=DialogButtonDef.d.ts.map

package/lib/cjs/core-react/dialog/DialogButtonDef.js

@@ -1,38 +1,38 @@
-"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.DialogButtonStyle = exports.DialogButtonType = void 0;
-/** Enum for button types. Determines button label, and default button style.
-  * @public
-  * @deprecated Use [DialogButtonType]($appui-abstract) instead
-  */
-var DialogButtonType;
-(function (DialogButtonType) {
-    DialogButtonType["None"] = "";
-    DialogButtonType["Close"] = "close";
-    DialogButtonType["OK"] = "ok";
-    DialogButtonType["Cancel"] = "cancel";
-    DialogButtonType["Yes"] = "yes";
-    DialogButtonType["No"] = "no";
-    DialogButtonType["Retry"] = "retry";
-    DialogButtonType["Next"] = "next";
-    DialogButtonType["Previous"] = "previous";
-})(DialogButtonType = exports.DialogButtonType || (exports.DialogButtonType = {}));
-/** Enum for button style.
-  * @public
-  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
-  */
-var DialogButtonStyle;
-(function (DialogButtonStyle) {
-    DialogButtonStyle["None"] = "";
-    DialogButtonStyle["Primary"] = "iui-cta";
-    DialogButtonStyle["Hollow"] = "iui-default";
-    DialogButtonStyle["Blue"] = "iui-high-visibility";
-})(DialogButtonStyle = exports.DialogButtonStyle || (exports.DialogButtonStyle = {}));
+"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.DialogButtonStyle = exports.DialogButtonType = void 0;
+/** Enum for button types. Determines button label, and default button style.
+  * @public
+  * @deprecated Use [DialogButtonType]($appui-abstract) instead
+  */
+var DialogButtonType;
+(function (DialogButtonType) {
+    DialogButtonType["None"] = "";
+    DialogButtonType["Close"] = "close";
+    DialogButtonType["OK"] = "ok";
+    DialogButtonType["Cancel"] = "cancel";
+    DialogButtonType["Yes"] = "yes";
+    DialogButtonType["No"] = "no";
+    DialogButtonType["Retry"] = "retry";
+    DialogButtonType["Next"] = "next";
+    DialogButtonType["Previous"] = "previous";
+})(DialogButtonType = exports.DialogButtonType || (exports.DialogButtonType = {}));
+/** Enum for button style.
+  * @public
+  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
+  */
+var DialogButtonStyle;
+(function (DialogButtonStyle) {
+    DialogButtonStyle["None"] = "";
+    DialogButtonStyle["Primary"] = "iui-cta";
+    DialogButtonStyle["Hollow"] = "iui-default";
+    DialogButtonStyle["Blue"] = "iui-high-visibility";
+})(DialogButtonStyle = exports.DialogButtonStyle || (exports.DialogButtonStyle = {}));
 //# sourceMappingURL=DialogButtonDef.js.map

package/lib/cjs/core-react/dialog/DialogButtonDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogButtonDef.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,6BAAS,CAAA;IACT,qCAAiB,CAAA;IACjB,+BAAW,CAAA;IACX,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,yCAAqB,CAAA;AACvB,CAAC,EAVW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAU3B;AAED;;;IAGI;AACJ,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAK5B","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\n/** Enum for button types. Determines button label, and default button style.\r\n  * @public\r\n  * @deprecated Use [DialogButtonType]($appui-abstract) instead\r\n  */\r\nexport enum DialogButtonType {\r\n  None = \"\",\r\n  Close = \"close\",\r\n  OK = \"ok\",\r\n  Cancel = \"cancel\",\r\n  Yes = \"yes\",\r\n  No = \"no\",\r\n  Retry = \"retry\",\r\n  Next = \"next\",\r\n  Previous = \"previous\"\r\n}\r\n\r\n/** Enum for button style.\r\n  * @public\r\n  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead\r\n  */\r\nexport enum DialogButtonStyle {\r\n  None = \"\",\r\n  Primary = \"iui-cta\",\r\n  Hollow = \"iui-default\",\r\n  Blue = \"iui-high-visibility\",\r\n}\r\n\r\n/** Interface for a dialog button in a button cluster\r\n  * @public\r\n  * @deprecated Use [DialogButtonDef]($appui-abstract) instead\r\n  */\r\nexport interface DialogButtonDef {\r\n  /** type of button */\r\n  type: DialogButtonType;             // eslint-disable-line deprecation/deprecation\r\n  /** Triggered on button click */\r\n  onClick: () => void;\r\n  /** Which button style to decorate button width */\r\n  buttonStyle?: DialogButtonStyle;    // eslint-disable-line deprecation/deprecation\r\n  /** Disable the button */\r\n  disabled?: boolean;\r\n  /** Custom label */\r\n  label?: string;\r\n  /** Custom CSS class */\r\n  className?: string;\r\n}\r\n"]}
+{"version":3,"file":"DialogButtonDef.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,6BAAS,CAAA;IACT,qCAAiB,CAAA;IACjB,+BAAW,CAAA;IACX,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,yCAAqB,CAAA;AACvB,CAAC,EAVW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAU3B;AAED;;;IAGI;AACJ,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAK5B","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\n/** Enum for button types. Determines button label, and default button style.\n  * @public\n  * @deprecated Use [DialogButtonType]($appui-abstract) instead\n  */\nexport enum DialogButtonType {\n  None = \"\",\n  Close = \"close\",\n  OK = \"ok\",\n  Cancel = \"cancel\",\n  Yes = \"yes\",\n  No = \"no\",\n  Retry = \"retry\",\n  Next = \"next\",\n  Previous = \"previous\"\n}\n\n/** Enum for button style.\n  * @public\n  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead\n  */\nexport enum DialogButtonStyle {\n  None = \"\",\n  Primary = \"iui-cta\",\n  Hollow = \"iui-default\",\n  Blue = \"iui-high-visibility\",\n}\n\n/** Interface for a dialog button in a button cluster\n  * @public\n  * @deprecated Use [DialogButtonDef]($appui-abstract) instead\n  */\nexport interface DialogButtonDef {\n  /** type of button */\n  type: DialogButtonType;             // eslint-disable-line deprecation/deprecation\n  /** Triggered on button click */\n  onClick: () => void;\n  /** Which button style to decorate button width */\n  buttonStyle?: DialogButtonStyle;    // eslint-disable-line deprecation/deprecation\n  /** Disable the button */\n  disabled?: boolean;\n  /** Custom label */\n  label?: string;\n  /** Custom CSS class */\n  className?: string;\n}\n"]}

package/lib/cjs/core-react/dialog/GlobalDialog.d.ts

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { DialogProps } from "./Dialog";
-/** Properties for the [[GlobalDialog]] component
- * @public
- */
-export interface GlobalDialogProps extends DialogProps {
-    identifier?: string;
-}
-/** State properties for the [[GlobalDialog]] component
- * @public
- */
-export interface GlobalDialogState {
-    parentDocument: Document | null;
-}
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- */
-export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
-    private _container?;
-    readonly state: GlobalDialogState;
-    constructor(props: GlobalDialogProps);
-    private _handleRefSet;
-    componentWillUnmount(): void;
-    render(): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { DialogProps } from "./Dialog";
+/** Properties for the [[GlobalDialog]] component
+ * @public
+ */
+export interface GlobalDialogProps extends DialogProps {
+    identifier?: string;
+}
+/** State properties for the [[GlobalDialog]] component
+ * @public
+ */
+export interface GlobalDialogState {
+    parentDocument: Document | null;
+}
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ */
+export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
+    private _container?;
+    readonly state: GlobalDialogState;
+    constructor(props: GlobalDialogProps);
+    private _handleRefSet;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
 //# sourceMappingURL=GlobalDialog.d.ts.map

package/lib/cjs/core-react/dialog/GlobalDialog.js

@@ -1,54 +1,54 @@
-"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.GlobalDialog = void 0;
-const React = require("react");
-const ReactDOM = require("react-dom");
-const Dialog_1 = require("./Dialog");
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- */
-class GlobalDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a;
-            const parentDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-dialog";
-                let rt = parentDocument.getElementById("core-dialog-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-dialog-root";
-                    parentDocument.body.appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
-    }
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._container && this._container.parentElement) { // cleanup
-            this._container.parentElement.removeChild(this._container);
-        }
-    }
-    render() {
-        const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
-            ReactDOM.createPortal(React.createElement(Dialog_1.Dialog, { ...props }), this.state.parentDocument.body)));
-    }
-}
-exports.GlobalDialog = GlobalDialog;
+"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.GlobalDialog = void 0;
+const React = require("react");
+const ReactDOM = require("react-dom");
+const Dialog_1 = require("./Dialog");
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ */
+class GlobalDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            const parentDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null;
+            if (parentDocument) {
+                this._container = parentDocument.createElement("div");
+                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-dialog";
+                let rt = parentDocument.getElementById("core-dialog-root");
+                if (!rt) {
+                    rt = parentDocument.createElement("div");
+                    rt.id = "core-dialog-root";
+                    parentDocument.body.appendChild(rt);
+                }
+                rt.appendChild(this._container);
+                // used to support component rendering in pop-out window
+                this.setState({ parentDocument });
+            }
+        };
+    }
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._container && this._container.parentElement) { // cleanup
+            this._container.parentElement.removeChild(this._container);
+        }
+    }
+    render() {
+        const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
+            ReactDOM.createPortal(React.createElement(Dialog_1.Dialog, { ...props }), this.state.parentDocument.body)));
+    }
+}
+exports.GlobalDialog = GlobalDialog;
 //# sourceMappingURL=GlobalDialog.js.map

package/lib/cjs/core-react/dialog/GlobalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AACtC,qCAA+C;AAgB/C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAOrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAMM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7G,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAmB,CAAC;gBAC7E,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACrC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IAlBF,CAAC;IAoBe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACrG,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CAAC,oBAAC,eAAM,OAAK,KAAK,GAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1E,CACP,CAAC;IACJ,CAAC;CACF;AA7CD,oCA6CC","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 * as ReactDOM from \"react-dom\";\r\nimport { Dialog, DialogProps } from \"./Dialog\";\r\n\r\n/** Properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogProps extends DialogProps {\r\n  identifier?: string;\r\n}\r\n\r\n/** State properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\r\n * @public\r\n */\r\nexport class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalDialogState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalDialogProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentDocument = popupDiv?.ownerDocument ?? null;\r\n    if (parentDocument) {\r\n      this._container = parentDocument.createElement(\"div\");\r\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-dialog\";\r\n      let rt = parentDocument.getElementById(\"core-dialog-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-dialog-root\";\r\n        parentDocument.body.appendChild(rt);\r\n      }\r\n      rt.appendChild(this._container);\r\n\r\n      // used to support component rendering in pop-out window\r\n      this.setState({ parentDocument });\r\n    }\r\n  };\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._container && this._container.parentElement) { // cleanup\r\n      this._container.parentElement.removeChild(this._container);\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <div ref={this._handleRefSet}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(<Dialog {...props} />, this.state.parentDocument.body)}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AACtC,qCAA+C;AAgB/C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAOrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAMM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7G,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAmB,CAAC;gBAC7E,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACrC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IAlBF,CAAC;IAoBe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACrG,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CAAC,oBAAC,eAAM,OAAK,KAAK,GAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1E,CACP,CAAC;IACJ,CAAC;CACF;AA7CD,oCA6CC","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 * as ReactDOM from \"react-dom\";\nimport { Dialog, DialogProps } from \"./Dialog\";\n\n/** Properties for the [[GlobalDialog]] component\n * @public\n */\nexport interface GlobalDialogProps extends DialogProps {\n  identifier?: string;\n}\n\n/** State properties for the [[GlobalDialog]] component\n * @public\n */\nexport interface GlobalDialogState {\n  parentDocument: Document | null;\n}\n\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\n * @public\n */\nexport class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalDialogState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalDialogProps) {\n    super(props);\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-dialog\";\n      let rt = parentDocument.getElementById(\"core-dialog-root\") as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-dialog-root\";\n        parentDocument.body.appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._container && this._container.parentElement) { // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  public override render(): React.ReactNode {\n    const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    return (\n      <div ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(<Dialog {...props} />, this.state.parentDocument.body)}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/elementseparator/ElementSeparator.d.ts

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module ElementSeparator
- */
-/// <reference types="react" />
-import "./ElementSeparator.scss";
-import { Orientation } from "../enums/Orientation";
-import { CommonProps } from "../utils/Props";
-/**
- * Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.
- * @public
- */
-export interface RatioChangeResult {
-    ratio: number;
-}
-/** Properties of [[ElementSeparator]] React component
- * @public
- */
-export interface ElementSeparatorProps extends CommonProps {
-    /** Separator orientation */
-    orientation: Orientation;
-    /** Ratio between left cell and right cell */
-    ratio: number;
-    /** Area width or height (depending on orientation) in pixels */
-    movableArea?: number;
-    /** Separator width or height in pixels. 30 by default */
-    separatorSize?: number;
-    /** Callback to ratio changed event */
-    onRatioChanged?: (ratio: number) => void | RatioChangeResult;
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-}
-/** A movable button, which allows to change the ratio between left element and right element
- * @public
- */
-export declare const ElementSeparator: (props: ElementSeparatorProps) => JSX.Element;
+/** @packageDocumentation
+ * @module ElementSeparator
+ */
+/// <reference types="react" />
+import "./ElementSeparator.scss";
+import { Orientation } from "../enums/Orientation";
+import { CommonProps } from "../utils/Props";
+/**
+ * Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.
+ * @public
+ */
+export interface RatioChangeResult {
+    ratio: number;
+}
+/** Properties of [[ElementSeparator]] React component
+ * @public
+ */
+export interface ElementSeparatorProps extends CommonProps {
+    /** Separator orientation */
+    orientation: Orientation;
+    /** Ratio between left cell and right cell */
+    ratio: number;
+    /** Area width or height (depending on orientation) in pixels */
+    movableArea?: number;
+    /** Separator width or height in pixels. 30 by default */
+    separatorSize?: number;
+    /** Callback to ratio changed event */
+    onRatioChanged?: (ratio: number) => void | RatioChangeResult;
+    /** Is resize handle hovered */
+    isResizeHandleHovered?: boolean;
+    /** Callback to hover event change */
+    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
+    /** Is resize handle being dragged */
+    isResizeHandleBeingDragged?: boolean;
+    /** Callback to drag event change */
+    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
+}
+/** A movable button, which allows to change the ratio between left element and right element
+ * @public
+ */
+export declare const ElementSeparator: (props: ElementSeparatorProps) => JSX.Element;
 //# sourceMappingURL=ElementSeparator.d.ts.map