@itwin/core-react 4.2.0 → 4.3.0-dev.1

package/lib/esm/core-react/radialmenu/RadialMenu.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../z-index";
 @import "../style/themecolors";
 @import "../icons/variables";

package/lib/esm/core-react/searchbox/SearchBox.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
 
 .core-searchbox {

package/lib/esm/core-react/settings/SettingsContainer.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 @import "../style/themecolors";
 

package/lib/esm/core-react/style/baseline.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 $uicore-baseline: var(--iui-size-s);
 $uicore-line-height: var(--iui-size-l); ///  22px; /// ~1.618;
 

package/lib/esm/core-react/style/index.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./baseline";
 @import "./breakpoints";
 @import "./themecolors";

package/lib/esm/core-react/style/opacity.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /// Opacity stops:
 
 $uicore-opacity-1: var(--iui-opacity-1);

package/lib/esm/core-react/tabs/index.scss

@@ -1,5 +1,5 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./vertical";

package/lib/esm/core-react/tabs/tabs.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
 @import "../icons/variables";
 

package/lib/esm/core-react/tabs/vertical.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
 @import "./tabs";
 

package/lib/esm/core-react/text/FilteredText.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
 
 .uicore-filtered-text-match {

package/lib/esm/core-react/text/block.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @mixin uicore-text-block {
   margin: 0;
   padding: 0;

package/lib/esm/core-react/text/body.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @mixin uicore-text-body {
   margin: 0;
   padding: 0;

package/lib/esm/core-react/text/index.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "./mixins";
 
 @import "./body";

package/lib/esm/core-react/text/mixins.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "../style/themecolors";
 
 @mixin uicore-text-block-spacing {

package/lib/esm/core-react/tree/ExpansionToggle.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 .core-tree-expansionToggle {
   &:focus {

package/lib/esm/core-react/tree/Placeholder.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 .core-tree-placeholder {
   display: block;

package/lib/esm/core-react/tree/Tree.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 .core-tree {
   user-select: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.2.0",
+  "version": "4.3.0-dev.1",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
@@ -54,7 +54,7 @@
     "@types/react": "^17.0.37",
     "@types/react-autosuggest": "10.1.2",
     "@types/react-dom": "^17.0.0",
-    "@types/sinon": "^9.0.0",
+    "@types/sinon": "^10.0.15",
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
@@ -71,7 +71,7 @@
     "react-dom": "^17.0.0",
     "react-test-renderer": "^17.0.0",
     "rimraf": "^3.0.2",
-    "sinon": "^9.0.2",
+    "sinon": "^15.2.0",
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",

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

@@ -1,68 +0,0 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import "./Dialog.scss";
-import * as React from "react";
-import type { DialogButtonDef } from "@itwin/appui-abstract";
-import type { CommonProps } from "../utils/Props";
-import type { Omit } from "../utils/typeUtils";
-import { Dialog as CoreDialog } from "./Dialog";
-/** Properties of [[SimpleDialog]] component.
- * @internal
- */
-export interface SimpleDialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "title">, CommonProps {
-    /** Indicates whether to show dialog or not */
-    opened: boolean;
-    /** Indicates whether the focus should be trapped within the dialog. Default: false */
-    trapFocus?: boolean;
-    /** Whether the hide the header. Default: false */
-    hideHeader?: boolean;
-    /** Title to show in title bar of dialog */
-    title?: string | JSX.Element;
-    /** List of DialogButtonDef objects specifying buttons and associated onClick events */
-    buttonCluster?: DialogButtonDef[];
-    /** onClick event for X button for dialog */
-    onClose?: () => void;
-    /** 'keyup' event for Esc key */
-    onEscape?: () => void;
-    /** Triggered when a click is triggered outside of this dialog. */
-    onOutsideClick?: (event: MouseEvent) => any;
-    /** Whether to show background overlay. Default: true.
-     * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.
-     */
-    modal?: boolean;
-    /** An id for a modeless dialog */
-    modelessId?: string;
-    /** Pointer Down event handler when modeless (modal = false) */
-    onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;
-    /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: "50%" */
-    width?: string | number;
-    /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    height?: string | number;
-    /** 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 */
-    minWidth?: string | number;
-    /** 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 */
-    minHeight?: string | number;
-    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxWidth?: string | number;
-    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxHeight?: string | number;
-    /** Custom CSS Style for overlay */
-    backgroundStyle?: React.CSSProperties;
-    /** Custom CSS Style for title */
-    titleStyle?: React.CSSProperties;
-    /** Custom CSS Style for footer */
-    footerStyle?: React.CSSProperties;
-    /** Custom CSS class name for the content */
-    contentClassName?: string;
-    /** Custom CSS Style for the content */
-    contentStyle?: React.CSSProperties;
-}
-/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].
- * @internal
- */
-export declare class SimpleDialog extends CoreDialog {
-    constructor(props: SimpleDialogProps);
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SimpleDialog.d.ts.map

package/lib/cjs/core-react/dialog/SimpleDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleDialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/SimpleDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC5D,WAAW;IACb,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,uFAAuF;IACvF,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAElC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC;IAE5C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAExE,gIAAgI;IAChI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kHAAkH;IAClH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wJAAwJ;IACxJ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,mCAAmC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,iCAAiC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,kCAAkC;IAClC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;gBAC9B,KAAK,EAAE,iBAAiB;IAIpB,MAAM,IAAI,GAAG,CAAC,OAAO;CAkFtC"}

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

@@ -1,51 +0,0 @@
-"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.SimpleDialog = void 0;
-require("./Dialog.scss");
-const React = require("react");
-const DivWithOutsideClick_1 = require("../base/DivWithOutsideClick");
-const Dialog_1 = require("./Dialog");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].
- * @internal
- */
-class SimpleDialog extends Dialog_1.Dialog {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { opened, title, buttonCluster, onClose, onOutsideClick, minWidth, minHeight, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, className, trapFocus, modal, hideHeader, ...props } = this.props;
-        const containerStyle = {
-            margin: "",
-            width,
-            height,
-        };
-        const minMaxStyle = {
-            minWidth,
-            minHeight,
-            maxWidth,
-            maxHeight,
-        };
-        const dialogBaseContainerStyle = {
-            ...containerStyle,
-            ...minMaxStyle,
-        };
-        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
-        return (React.createElement(itwinui_react_1.Dialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: className, isResizable: false, isDraggable: false, trapFocus: trapFocus && /* istanbul ignore next */ modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
-            modal && React.createElement(itwinui_react_1.Dialog.Backdrop, { style: backgroundStyle }),
-            React.createElement(DivWithOutsideClick_1.DivWithOutsideClick, { onOutsideClick: onOutsideClick },
-                React.createElement(itwinui_react_1.Dialog.Main, { "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
-                    !hideHeader && (React.createElement(itwinui_react_1.Dialog.TitleBar, { titleText: title, style: titleStyle })),
-                    React.createElement(itwinui_react_1.Dialog.Content, { className: contentClassName, style: contentStyle }, this.props.children),
-                    React.createElement(itwinui_react_1.Dialog.ButtonBar, { style: footerStyle }, buttons)))));
-    }
-}
-exports.SimpleDialog = SimpleDialog;
-//# sourceMappingURL=SimpleDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/SimpleDialog.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,yBAAuB;AACvB,+BAA+B;AAE/B,qEAAkE;AAGlE,qCAAgD;AAChD,wDAA8C;AA6D9C;;GAEG;AACH,MAAa,YAAa,SAAQ,eAAU;IAC1C,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,aAAa,EACb,OAAO,EACP,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,UAAU,EACV,WAAW,EACX,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,cAAc,GAAwB;YAC1C,MAAM,EAAE,EAAE;YACV,KAAK;YACL,MAAM;SACP,CAAC;QACF,MAAM,WAAW,GAAwB;YACvC,QAAQ;YACR,SAAS;YACT,QAAQ;YACR,SAAS;SACV,CAAC;QACF,MAAM,wBAAwB,GAAwB;YACpD,GAAG,cAAc;YACjB,GAAG,WAAW;SACf,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CACnC,aAAa,EACb,iBAAiB,EACjB,IAAI,CACL,CAAC;QAEF,OAAO,CACL,oBAAC,sBAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,KAAK,EAC3B,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,SAAS,IAAI,0BAA0B,CAAC,KAAK,EACxD,qBAAqB,EAAE,IAAI,iBACf,kBAAkB,KAC1B,KAAK;YAER,KAAK,IAAI,oBAAC,sBAAM,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;YACrD,oBAAC,yCAAmB,IAAC,cAAc,EAAE,cAAc;gBACjD,oBAAC,sBAAM,CAAC,IAAI,mBACE,uBAAuB,EACnC,KAAK,EAAE,wBAAwB,EAC/B,aAAa,EAAE,IAAI,CAAC,2BAA2B;oBAE9C,CAAC,UAAU,IAAI,CACd,oBAAC,sBAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAI,CACzD;oBACD,oBAAC,sBAAM,CAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC7D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACL;oBACjB,oBAAC,sBAAM,CAAC,SAAS,IAAC,KAAK,EAAE,WAAW,IAAG,OAAO,CAAoB,CACtD,CACM,CACf,CACV,CAAC;IACJ,CAAC;CACF;AAvFD,oCAuFC","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 \"./Dialog.scss\";\nimport * as React from \"react\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { Omit } from \"../utils/typeUtils\";\nimport { Dialog as CoreDialog } from \"./Dialog\";\nimport { Dialog } from \"@itwin/itwinui-react\";\n\n/** Properties of [[SimpleDialog]] component.\n * @internal\n */\nexport interface SimpleDialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\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  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].\n * @internal\n */\nexport class SimpleDialog extends CoreDialog {\n  constructor(props: SimpleDialogProps) {\n    super(props);\n  }\n\n  public override render(): JSX.Element {\n    const {\n      opened,\n      title,\n      buttonCluster,\n      onClose,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      className,\n      trapFocus,\n      modal,\n      hideHeader,\n      ...props\n    } = this.props;\n\n    const containerStyle: React.CSSProperties = {\n      margin: \"\",\n      width,\n      height,\n    };\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <Dialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={className}\n        isResizable={false}\n        isDraggable={false}\n        trapFocus={trapFocus && /* istanbul ignore next */ modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <Dialog.Backdrop style={backgroundStyle} />}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <Dialog.Main\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader && (\n              <Dialog.TitleBar titleText={title} style={titleStyle} />\n            )}\n            <Dialog.Content className={contentClassName} style={contentStyle}>\n              {this.props.children}\n            </Dialog.Content>\n            <Dialog.ButtonBar style={footerStyle}>{buttons}</Dialog.ButtonBar>\n          </Dialog.Main>\n        </DivWithOutsideClick>\n      </Dialog>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/dialog/SimpleDialog.d.ts

@@ -1,68 +0,0 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import "./Dialog.scss";
-import * as React from "react";
-import type { DialogButtonDef } from "@itwin/appui-abstract";
-import type { CommonProps } from "../utils/Props";
-import type { Omit } from "../utils/typeUtils";
-import { Dialog as CoreDialog } from "./Dialog";
-/** Properties of [[SimpleDialog]] component.
- * @internal
- */
-export interface SimpleDialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "title">, CommonProps {
-    /** Indicates whether to show dialog or not */
-    opened: boolean;
-    /** Indicates whether the focus should be trapped within the dialog. Default: false */
-    trapFocus?: boolean;
-    /** Whether the hide the header. Default: false */
-    hideHeader?: boolean;
-    /** Title to show in title bar of dialog */
-    title?: string | JSX.Element;
-    /** List of DialogButtonDef objects specifying buttons and associated onClick events */
-    buttonCluster?: DialogButtonDef[];
-    /** onClick event for X button for dialog */
-    onClose?: () => void;
-    /** 'keyup' event for Esc key */
-    onEscape?: () => void;
-    /** Triggered when a click is triggered outside of this dialog. */
-    onOutsideClick?: (event: MouseEvent) => any;
-    /** Whether to show background overlay. Default: true.
-     * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.
-     */
-    modal?: boolean;
-    /** An id for a modeless dialog */
-    modelessId?: string;
-    /** Pointer Down event handler when modeless (modal = false) */
-    onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;
-    /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: "50%" */
-    width?: string | number;
-    /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    height?: string | number;
-    /** 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 */
-    minWidth?: string | number;
-    /** 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 */
-    minHeight?: string | number;
-    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxWidth?: string | number;
-    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxHeight?: string | number;
-    /** Custom CSS Style for overlay */
-    backgroundStyle?: React.CSSProperties;
-    /** Custom CSS Style for title */
-    titleStyle?: React.CSSProperties;
-    /** Custom CSS Style for footer */
-    footerStyle?: React.CSSProperties;
-    /** Custom CSS class name for the content */
-    contentClassName?: string;
-    /** Custom CSS Style for the content */
-    contentStyle?: React.CSSProperties;
-}
-/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].
- * @internal
- */
-export declare class SimpleDialog extends CoreDialog {
-    constructor(props: SimpleDialogProps);
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SimpleDialog.d.ts.map

package/lib/esm/core-react/dialog/SimpleDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleDialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/SimpleDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC5D,WAAW;IACb,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,uFAAuF;IACvF,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAElC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC;IAE5C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAExE,gIAAgI;IAChI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kHAAkH;IAClH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wJAAwJ;IACxJ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,mCAAmC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,iCAAiC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,kCAAkC;IAClC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;gBAC9B,KAAK,EAAE,iBAAiB;IAIpB,MAAM,IAAI,GAAG,CAAC,OAAO;CAkFtC"}

package/lib/esm/core-react/dialog/SimpleDialog.js

@@ -1,47 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./Dialog.scss";
-import * as React from "react";
-import { DivWithOutsideClick } from "../base/DivWithOutsideClick";
-import { Dialog as CoreDialog } from "./Dialog";
-import { Dialog } from "@itwin/itwinui-react";
-/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].
- * @internal
- */
-export class SimpleDialog extends CoreDialog {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { opened, title, buttonCluster, onClose, onOutsideClick, minWidth, minHeight, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, className, trapFocus, modal, hideHeader, ...props } = this.props;
-        const containerStyle = {
-            margin: "",
-            width,
-            height,
-        };
-        const minMaxStyle = {
-            minWidth,
-            minHeight,
-            maxWidth,
-            maxHeight,
-        };
-        const dialogBaseContainerStyle = {
-            ...containerStyle,
-            ...minMaxStyle,
-        };
-        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
-        return (React.createElement(Dialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: className, isResizable: false, isDraggable: false, trapFocus: trapFocus && /* istanbul ignore next */ modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
-            modal && React.createElement(Dialog.Backdrop, { style: backgroundStyle }),
-            React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
-                React.createElement(Dialog.Main, { "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
-                    !hideHeader && (React.createElement(Dialog.TitleBar, { titleText: title, style: titleStyle })),
-                    React.createElement(Dialog.Content, { className: contentClassName, style: contentStyle }, this.props.children),
-                    React.createElement(Dialog.ButtonBar, { style: footerStyle }, buttons)))));
-    }
-}
-//# sourceMappingURL=SimpleDialog.js.map

package/lib/esm/core-react/dialog/SimpleDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/SimpleDialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA6D9C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAC1C,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,aAAa,EACb,OAAO,EACP,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,UAAU,EACV,WAAW,EACX,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,cAAc,GAAwB;YAC1C,MAAM,EAAE,EAAE;YACV,KAAK;YACL,MAAM;SACP,CAAC;QACF,MAAM,WAAW,GAAwB;YACvC,QAAQ;YACR,SAAS;YACT,QAAQ;YACR,SAAS;SACV,CAAC;QACF,MAAM,wBAAwB,GAAwB;YACpD,GAAG,cAAc;YACjB,GAAG,WAAW;SACf,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CACnC,aAAa,EACb,iBAAiB,EACjB,IAAI,CACL,CAAC;QAEF,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,KAAK,EAC3B,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,SAAS,IAAI,0BAA0B,CAAC,KAAK,EACxD,qBAAqB,EAAE,IAAI,iBACf,kBAAkB,KAC1B,KAAK;YAER,KAAK,IAAI,oBAAC,MAAM,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;YACrD,oBAAC,mBAAmB,IAAC,cAAc,EAAE,cAAc;gBACjD,oBAAC,MAAM,CAAC,IAAI,mBACE,uBAAuB,EACnC,KAAK,EAAE,wBAAwB,EAC/B,aAAa,EAAE,IAAI,CAAC,2BAA2B;oBAE9C,CAAC,UAAU,IAAI,CACd,oBAAC,MAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAI,CACzD;oBACD,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC7D,IAAI,CAAC,KAAK,CAAC,QAAQ,CACL;oBACjB,oBAAC,MAAM,CAAC,SAAS,IAAC,KAAK,EAAE,WAAW,IAAG,OAAO,CAAoB,CACtD,CACM,CACf,CACV,CAAC;IACJ,CAAC;CACF","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 \"./Dialog.scss\";\nimport * as React from \"react\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { Omit } from \"../utils/typeUtils\";\nimport { Dialog as CoreDialog } from \"./Dialog\";\nimport { Dialog } from \"@itwin/itwinui-react\";\n\n/** Properties of [[SimpleDialog]] component.\n * @internal\n */\nexport interface SimpleDialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\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  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** itwinui-react [[Dialog]] wrapper that excludes buggy features and adds features from core-react [[Dialog]].\n * @internal\n */\nexport class SimpleDialog extends CoreDialog {\n  constructor(props: SimpleDialogProps) {\n    super(props);\n  }\n\n  public override render(): JSX.Element {\n    const {\n      opened,\n      title,\n      buttonCluster,\n      onClose,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      className,\n      trapFocus,\n      modal,\n      hideHeader,\n      ...props\n    } = this.props;\n\n    const containerStyle: React.CSSProperties = {\n      margin: \"\",\n      width,\n      height,\n    };\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <Dialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={className}\n        isResizable={false}\n        isDraggable={false}\n        trapFocus={trapFocus && /* istanbul ignore next */ modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <Dialog.Backdrop style={backgroundStyle} />}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <Dialog.Main\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader && (\n              <Dialog.TitleBar titleText={title} style={titleStyle} />\n            )}\n            <Dialog.Content className={contentClassName} style={contentStyle}>\n              {this.props.children}\n            </Dialog.Content>\n            <Dialog.ButtonBar style={footerStyle}>{buttons}</Dialog.ButtonBar>\n          </Dialog.Main>\n        </DivWithOutsideClick>\n      </Dialog>\n    );\n  }\n}\n"]}