@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/core-react/contextmenu/GlobalContextMenu.js

@@ -18,7 +18,7 @@ export class GlobalContextMenu extends React.PureComponent {
             parentDocument: null,
         };
         this._handleRefSet = (popupDiv) => {
-            var _a;
+            var _a, _b;
             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");
@@ -27,7 +27,8 @@ export class GlobalContextMenu extends React.PureComponent {
                 if (!rt) {
                     rt = parentDocument.createElement("div");
                     rt.id = "core-global-context-menu-root";
-                    parentDocument.body.appendChild(rt);
+                    // istanbul ignore next
+                    ((_b = parentDocument.body.querySelector('[data-root-container="iui-root-id"]')) !== null && _b !== void 0 ? _b : parentDocument.body).appendChild(rt);
                 }
                 rt.appendChild(this._container);
                 // used to support component rendering in pop-out window
@@ -42,6 +43,7 @@ export class GlobalContextMenu extends React.PureComponent {
         }
     }
     render() {
+        var _a;
         const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
         const positioningStyle = {
             left: x,
@@ -50,7 +52,9 @@ export class GlobalContextMenu extends React.PureComponent {
         const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention
         return (React.createElement("div", { ref: this._handleRefSet, style: { display: "none" } }, this.state.parentDocument &&
             ReactDOM.createPortal(React.createElement("div", { className: "core-context-menu-global", style: positioningStyle },
-                React.createElement(CtxMenu, { ...props })), this.state.parentDocument.body)));
+                React.createElement(CtxMenu, { ...props })), 
+            // istanbul ignore next
+            (_a = this.state.parentDocument.body.querySelector('[data-root-container="iui-root-id"]')) !== null && _a !== void 0 ? _a : this.state.parentDocument.body)));
     }
 }
 //# sourceMappingURL=GlobalContextMenu.js.map

package/lib/esm/core-react/contextmenu/GlobalContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAqB9D;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,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,0BAA0B,CAAC;gBAC1H,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,+BAA+B,CAAmB,CAAC;gBAC1F,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,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;IAzBF,CAAC;IAEe,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;IAoBe,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjI,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,WAAW,CAAC,CAAC,2DAA2D;QAEhH,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OACF,KAAK,GAAI,CACV,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAExC,CACP,CAAC;IACJ,CAAC;CACF","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 ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\n\r\n/** Properties for the [[GlobalContextMenu]] component\r\n * @public\r\n */\r\nexport interface GlobalContextMenuProps extends ContextMenuProps {\r\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\r\n  identifier?: string;\r\n  /** Specifies the x/horizontal position on the viewport. */\r\n  x: number | string;\r\n  /** Specifies the y/vertical position on the viewport. */\r\n  y: number | string;\r\n  /** Context menu element. Default: ContextMenu */\r\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\r\n}\r\n\r\n/** @internal */\r\ninterface GlobalContextMenuState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\r\n * @public\r\n */\r\nexport class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalContextMenuState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalContextMenuProps) {\r\n    super(props);\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  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-global-context-menu\";\r\n      let rt = parentDocument.getElementById(\"core-global-context-menu-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-global-context-menu-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 render(): React.ReactNode {\r\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: x,\r\n      top: y,\r\n    };\r\n\r\n    const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n    return (\r\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(\r\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\r\n              <CtxMenu\r\n                {...props} />\r\n            </div >, this.state.parentDocument.body)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAqB9D;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,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,0BAA0B,CAAC;gBAC1H,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,+BAA+B,CAAmB,CAAC;gBAC1F,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,uBAAuB;oBACvB,CAAC,MAAA,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,mCAAI,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACnH;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;IA1BF,CAAC;IAEe,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;IAqBe,MAAM;;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjI,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,WAAW,CAAC,CAAC,2DAA2D;QAEhH,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OACF,KAAK,GAAI,CACV;YACP,uBAAuB;YACvB,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAEtH,CACP,CAAC;IACJ,CAAC;CACF","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 ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\n\r\n/** Properties for the [[GlobalContextMenu]] component\r\n * @public\r\n */\r\nexport interface GlobalContextMenuProps extends ContextMenuProps {\r\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\r\n  identifier?: string;\r\n  /** Specifies the x/horizontal position on the viewport. */\r\n  x: number | string;\r\n  /** Specifies the y/vertical position on the viewport. */\r\n  y: number | string;\r\n  /** Context menu element. Default: ContextMenu */\r\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\r\n}\r\n\r\n/** @internal */\r\ninterface GlobalContextMenuState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\r\n * @public\r\n */\r\nexport class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalContextMenuState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalContextMenuProps) {\r\n    super(props);\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  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-global-context-menu\";\r\n      let rt = parentDocument.getElementById(\"core-global-context-menu-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-global-context-menu-root\";\r\n        // istanbul ignore next\r\n        (parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? 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 render(): React.ReactNode {\r\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: x,\r\n      top: y,\r\n    };\r\n\r\n    const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n    return (\r\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(\r\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\r\n              <CtxMenu\r\n                {...props} />\r\n            </div >,\r\n            // istanbul ignore next\r\n            this.state.parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? this.state.parentDocument.body)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

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

@@ -13,6 +13,8 @@ import { DivWithOutsideClick } from "../base/DivWithOutsideClick";
 import { UiCore } from "../UiCore";
 import { FocusTrap } from "../focustrap/FocusTrap";
 import { Button } from "@itwin/itwinui-react";
+import { Icon } from "../icons/IconComponent";
+import { SvgClose } from "@itwin/itwinui-icons-react";
 // cspell:ignore focustrap
 /** Enum for dialog alignment
  * @public
@@ -246,7 +248,8 @@ export class Dialog extends React.Component {
         };
         const headerElement = header || (React.createElement("div", { className: classnames("core-dialog-head", { "core-dialog-movable": movable }, { "core-dialog-modal": modal }), "data-testid": "core-dialog-head", onPointerDown: this._handleStartMove },
             React.createElement("div", { className: "core-dialog-title", "data-testid": "core-dialog-title", style: titleStyle }, title),
-            React.createElement("button", { className: "core-focus-trap-ignore-initial core-dialog-close icon icon-close", "data-testid": "core-dialog-close", onClick: onClose })));
+            React.createElement("button", { className: "core-focus-trap-ignore-initial core-dialog-close icon", "data-testid": "core-dialog-close", onClick: onClose },
+                React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) }))));
         return (React.createElement("div", { ref: this.handleRefSet, className: classnames("core-dialog", !modal && "core-dialog-hidden", opened && "core-dialog-opened", className), style: divStyle, "data-testid": "core-dialog-root", ...props }, opened &&
             React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
                 React.createElement(FocusTrap, { active: trapFocus && modal, returnFocusOnDeactivate: true },
@@ -306,18 +309,22 @@ export class Dialog extends React.Component {
             props.buttonCluster.forEach((button, index) => {
                 let buttonText = "";
                 let buttonClass = classnames("core-dialog-button", `dialog-button-${button.type}`, button.className);
+                let styleType;
                 switch (button.type) {
                     case DialogButtonType.OK:
                         buttonText = UiCore.translate("dialog.ok");
-                        buttonClass = classnames(buttonClass, button.buttonStyle || "iui-cta");
+                        buttonClass = classnames(buttonClass, button.buttonStyle);
+                        styleType = "cta";
                         break;
                     case DialogButtonType.Retry:
                         buttonText = UiCore.translate("dialog.retry");
-                        buttonClass = classnames(buttonClass, button.buttonStyle || "iui-cta");
+                        buttonClass = classnames(buttonClass, button.buttonStyle);
+                        styleType = "cta";
                         break;
                     case DialogButtonType.Yes:
                         buttonText = UiCore.translate("dialog.yes");
-                        buttonClass = classnames(buttonClass, button.buttonStyle || "iui-cta");
+                        buttonClass = classnames(buttonClass, button.buttonStyle);
+                        styleType = "cta";
                         break;
                     case DialogButtonType.No:
                         buttonText = UiCore.translate("dialog.no");
@@ -333,16 +340,18 @@ export class Dialog extends React.Component {
                         break;
                     case DialogButtonType.Next:
                         buttonText = UiCore.translate("dialog.next");
-                        buttonClass = classnames(buttonClass, button.buttonStyle || "iui-cta");
+                        buttonClass = classnames(buttonClass, button.buttonStyle);
+                        styleType = "cta";
                         break;
                     case DialogButtonType.Previous:
                         buttonText = UiCore.translate("dialog.previous");
-                        buttonClass = classnames(buttonClass, button.buttonStyle || "iui-cta");
+                        buttonClass = classnames(buttonClass, button.buttonStyle);
+                        styleType = "cta";
                         break;
                 }
                 if (button.label)
                     buttonText = button.label;
-                buttons.push(React.createElement(Button, { className: buttonClass, disabled: button.disabled, key: index.toString(), onClick: button.onClick }, buttonText));
+                buttons.push(React.createElement(Button, { className: buttonClass, disabled: button.disabled, styleType: styleType, key: index.toString(), onClick: button.onClick }, buttonText));
             });
         }
         return buttons;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.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 \"./Dialog.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DialogButtonDef, DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\n// cspell:ignore focustrap\r\n\r\n/** Enum for dialog alignment\r\n * @public\r\n */\r\nexport enum DialogAlignment {\r\n  TopLeft = \"top-left\", Top = \"top\", TopRight = \"top-right\",\r\n  Left = \"left\", Center = \"center\", Right = \"right\",\r\n  BottomLeft = \"bottom-left\", Bottom = \"bottom\", BottomRight = \"bottom-right\",\r\n}\r\n\r\n/** Properties for the [[Dialog]] component\r\n * @public\r\n */\r\nexport interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">, CommonProps {\r\n  /** Indicates whether to show dialog or not */\r\n  opened: boolean;\r\n\r\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\r\n  resizable?: boolean;\r\n  /** Indicates whether the user can move dialog with cursor. Default: false */\r\n  movable?: boolean;\r\n  /** Indicates whether the content should be inset. Default: true */\r\n  inset?: boolean;\r\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\r\n  trapFocus?: boolean;\r\n\r\n  /** Whether the hide the header. Default: false */\r\n  hideHeader?: boolean;\r\n  /** Override for the header */\r\n  header?: React.ReactNode;\r\n  /** Title to show in title bar of dialog */\r\n  title?: string | JSX.Element;\r\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\r\n  footer?: string | JSX.Element;\r\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\r\n  buttonCluster?: DialogButtonDef[];\r\n\r\n  /** Default alignment of dialog. Default: DialogAlignment.Center */\r\n  alignment?: DialogAlignment;\r\n  /** Initial x/left position of dialog in px. */\r\n  x?: number;\r\n  /** Initial y/top position of dialog in px. */\r\n  y?: number;\r\n\r\n  /** onClick event for X button for dialog */\r\n  onClose?: () => void;\r\n  /** 'keyup' event for Esc key */\r\n  onEscape?: () => void;\r\n  /** Triggered when a click is triggered outside of this dialog. */\r\n  onOutsideClick?: (event: MouseEvent) => any;\r\n\r\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\r\n  width?: string | number;\r\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  height?: string | number;\r\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\r\n  minWidth?: string | number;\r\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n\r\n  /** Whether to show background overlay. Default: true.\r\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\r\n   */\r\n  modal?: boolean;\r\n  /** An id for a modeless dialog */\r\n  modelessId?: string;\r\n  /** Pointer Down event handler when modeless (modal = false) */\r\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\r\n\r\n  /** Custom CSS Style for overlay */\r\n  backgroundStyle?: React.CSSProperties;\r\n  /** Custom CSS Style for title */\r\n  titleStyle?: React.CSSProperties;\r\n  /** Custom CSS Style for footer */\r\n  footerStyle?: React.CSSProperties;\r\n  /** Custom CSS class name for the content */\r\n  contentClassName?: string;\r\n  /** Custom CSS Style for the content */\r\n  contentStyle?: React.CSSProperties;\r\n}\r\n\r\n/** @internal */\r\ninterface DialogState {\r\n  rightResizing: boolean;\r\n  downResizing: boolean;\r\n  moving: boolean;\r\n  grabOffsetX: number;\r\n  grabOffsetY: number;\r\n  x?: number;\r\n  y?: number;\r\n  width?: number;\r\n  height?: number;\r\n  positionSet: boolean;\r\n}\r\n\r\n/**\r\n * Dialog React component with optional resizing and dragging functionality\r\n * @public\r\n */\r\nexport class Dialog extends React.Component<DialogProps, DialogState> {\r\n  private _parentDocument = document;\r\n  private _containerRef = React.createRef<HTMLDivElement>();\r\n  public static defaultProps: Partial<DialogProps> = {\r\n    alignment: DialogAlignment.Center,\r\n    minWidth: 300,\r\n    minHeight: 100,\r\n    width: \"50%\",\r\n    hideHeader: false,\r\n    resizable: false,\r\n    movable: false,\r\n    modal: true,\r\n    inset: true,\r\n    trapFocus: false,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<DialogState>;\r\n\r\n  constructor(props: DialogProps) {\r\n    super(props);\r\n    this.state = {\r\n      rightResizing: false,\r\n      downResizing: false,\r\n      moving: false,\r\n      grabOffsetX: 0,\r\n      grabOffsetY: 0,\r\n      positionSet: props.x !== undefined || props.y !== undefined,\r\n    };\r\n  }\r\n\r\n  private getParentWindow() {\r\n    // istanbul ignore next\r\n    return this._parentDocument.defaultView ?? window;\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.removeEventListener(\"pointerup\", this._handlePointerUp, true);\r\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\r\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\r\n    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\r\n  }\r\n\r\n  /** Keep title bar of movable Dialog at least partially visible */\r\n  // istanbul ignore next\r\n  private _handleAppWindowResize = (): void => {\r\n    if (!this._containerRef.current || !this.props.movable)\r\n      return;\r\n\r\n    const parentWindow = this.getParentWindow();\r\n    const { x, y } = this.state;\r\n    let newX: number | undefined;\r\n    let newY: number | undefined;\r\n\r\n    if (undefined !== y && undefined !== x) {\r\n      if (y > parentWindow.innerHeight - 32)\r\n        newY = parentWindow.innerHeight - 32;\r\n      if (x > parentWindow.innerWidth - 32)\r\n        newX = parentWindow.innerWidth - 32;\r\n    }\r\n\r\n    if (newX !== undefined || newY !== undefined)\r\n      this.setState({ x: newX !== undefined ? newX : x, y: newY !== undefined ? newY : y, positionSet: true });\r\n  };\r\n\r\n  public override componentDidMount(): void {\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointerup\", this._handlePointerUp, true);\r\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\r\n    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\r\n  }\r\n\r\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\r\n    if (containerDiv)\r\n      this._parentDocument = containerDiv.ownerDocument;\r\n  };\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      minWidth, minHeight, x, y, width, height, maxHeight, maxWidth,\r\n      backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName,\r\n      modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      hideHeader, header, ...props } = this.props;\r\n\r\n    const containerStyle: React.CSSProperties = {\r\n      margin: \"\",\r\n      left: x, top: y,\r\n      width, height,\r\n    };\r\n\r\n    if (this.state.x !== undefined || this.state.y !== undefined) {\r\n      // istanbul ignore else\r\n      if (this.state.x !== undefined) {\r\n        containerStyle.marginLeft = \"0\";\r\n        containerStyle.marginRight = \"0\";\r\n        containerStyle.left = this.state.x;\r\n      }\r\n      // istanbul ignore else\r\n      if (this.state.y !== undefined) {\r\n        containerStyle.marginTop = \"0\";\r\n        containerStyle.marginBottom = \"0\";\r\n        containerStyle.top = this.state.y;\r\n      }\r\n    }\r\n\r\n    if (this.state.width !== undefined || this.state.height !== undefined) {\r\n      // istanbul ignore else\r\n      if (this.state.width !== undefined)\r\n        containerStyle.width = this.state.width;\r\n      // istanbul ignore else\r\n      if (this.state.height !== undefined)\r\n        containerStyle.height = this.state.height;\r\n    }\r\n\r\n    const minMaxStyle: React.CSSProperties = {};\r\n    minMaxStyle.minWidth = (typeof minWidth === \"number\") ? `${minWidth}px` : minWidth;\r\n    minMaxStyle.minHeight = (typeof minHeight === \"number\") ? `${minHeight}px` : minHeight;\r\n    if (maxWidth !== undefined)\r\n      minMaxStyle.maxWidth = (typeof maxWidth === \"number\") ? `${maxWidth}px` : maxWidth;\r\n    if (maxHeight !== undefined)\r\n      minMaxStyle.maxHeight = (typeof maxHeight === \"number\") ? `${maxHeight}px` : maxHeight;\r\n\r\n    const buttons = this.getFooterButtons(this.props);\r\n\r\n    const footerElement: React.ReactNode = footer || (buttons.length > 0 && <div className={\"core-dialog-buttons\"}>{buttons}</div>);\r\n\r\n    const divStyle: React.CSSProperties = {\r\n      ...backgroundStyle,\r\n      ...style,\r\n    };\r\n\r\n    const headerElement = header || (\r\n      <div\r\n        className={classnames(\r\n          \"core-dialog-head\",\r\n          { \"core-dialog-movable\": movable },\r\n          { \"core-dialog-modal\": modal }\r\n        )}\r\n        data-testid=\"core-dialog-head\"\r\n        onPointerDown={this._handleStartMove}>\r\n        <div className={\"core-dialog-title\"} data-testid=\"core-dialog-title\" style={titleStyle}>{title}</div>\r\n        <button\r\n          className={\"core-focus-trap-ignore-initial core-dialog-close icon icon-close\"}\r\n          data-testid=\"core-dialog-close\"\r\n          onClick={onClose}\r\n        />\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div ref={this.handleRefSet}\r\n        className={classnames(\r\n          \"core-dialog\",\r\n          !modal && \"core-dialog-hidden\",\r\n          opened && \"core-dialog-opened\",\r\n          className,\r\n        )}\r\n        style={divStyle}\r\n        data-testid=\"core-dialog-root\"\r\n        {...props}\r\n      >\r\n        {opened &&\r\n          <DivWithOutsideClick onOutsideClick={onOutsideClick}>\r\n            <FocusTrap active={trapFocus && modal} returnFocusOnDeactivate={true}>\r\n              <div\r\n                className={classnames(\"core-dialog-container\", this.getCSSClassNameFromAlignment(alignment))}\r\n                style={{ ...containerStyle, ...minMaxStyle }}\r\n                data-testid=\"core-dialog-container\"\r\n                onPointerDown={this._handleContainerPointerDown}\r\n              >\r\n                <div className={\"core-dialog-area\"} ref={this._containerRef} style={minMaxStyle}>\r\n                  {!hideHeader &&\r\n                    headerElement\r\n                  }\r\n                  <div\r\n                    className={classnames(\r\n                      \"core-dialog-content\",\r\n                      { \"core-dialog-content-no-inset\": !inset },\r\n                      contentClassName)}\r\n                    style={contentStyle}>\r\n                    {this.props.children}\r\n                  </div>\r\n                  {footerElement &&\r\n                    <div className={\"core-dialog-footer\"} style={footerStyle}>\r\n                      {footerElement}\r\n                    </div>\r\n                  }\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-right\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-right\"\r\n                    onPointerDown={this._handleStartResizeRight}\r\n                  />\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-mid\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-bottom\"\r\n                    onPointerDown={this._handleStartResizeDown}\r\n                  />\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-right\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-bottom-right\"\r\n                    onPointerDown={this._handleStartResizeDownRight}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </FocusTrap>\r\n          </DivWithOutsideClick>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getCSSClassNameFromAlignment(alignment?: DialogAlignment): string {\r\n    let className = \"\";\r\n\r\n    // Drop the alignment CSS class if the Dialog has been sized or moved.\r\n    if (this.state.positionSet)\r\n      return \"\";\r\n\r\n    // istanbul ignore next\r\n    if (!alignment)\r\n      alignment = DialogAlignment.Center;\r\n\r\n    switch (alignment) {\r\n      case DialogAlignment.TopLeft:\r\n        className = \"core-dialog-top-left\";\r\n        break;\r\n      case DialogAlignment.Top:\r\n        className = \"core-dialog-top\";\r\n        break;\r\n      case DialogAlignment.TopRight:\r\n        className = \"core-dialog-top-right\";\r\n        break;\r\n      case DialogAlignment.Left:\r\n        className = \"core-dialog-left\";\r\n        break;\r\n      case DialogAlignment.Center:\r\n        className = \"core-dialog-center\";\r\n        break;\r\n      case DialogAlignment.Right:\r\n        className = \"core-dialog-right\";\r\n        break;\r\n      case DialogAlignment.BottomLeft:\r\n        className = \"core-dialog-bottom-left\";\r\n        break;\r\n      case DialogAlignment.Bottom:\r\n        className = \"core-dialog-bottom\";\r\n        break;\r\n      case DialogAlignment.BottomRight:\r\n        className = \"core-dialog-bottom-right\";\r\n        break;\r\n    }\r\n\r\n    return className;\r\n  }\r\n\r\n  private getFooterButtons(props: DialogProps) {\r\n    const buttons: React.ReactNode[] = [];\r\n    if (props.buttonCluster) {\r\n      props.buttonCluster.forEach((button: DialogButtonDef, index: number) => {\r\n        let buttonText = \"\";\r\n        let buttonClass = classnames(\"core-dialog-button\", `dialog-button-${button.type}`, button.className);\r\n\r\n        switch (button.type) {\r\n          case DialogButtonType.OK:\r\n            buttonText = UiCore.translate(\"dialog.ok\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\r\n            break;\r\n          case DialogButtonType.Retry:\r\n            buttonText = UiCore.translate(\"dialog.retry\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\r\n            break;\r\n          case DialogButtonType.Yes:\r\n            buttonText = UiCore.translate(\"dialog.yes\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\r\n            break;\r\n          case DialogButtonType.No:\r\n            buttonText = UiCore.translate(\"dialog.no\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Cancel:\r\n            buttonText = UiCore.translate(\"dialog.cancel\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Close:\r\n            buttonText = UiCore.translate(\"dialog.close\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Next:\r\n            buttonText = UiCore.translate(\"dialog.next\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\r\n            break;\r\n          case DialogButtonType.Previous:\r\n            buttonText = UiCore.translate(\"dialog.previous\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle || \"iui-cta\");\r\n            break;\r\n        }\r\n\r\n        if (button.label)\r\n          buttonText = button.label;\r\n\r\n        buttons.push(<Button className={buttonClass} disabled={button.disabled} key={index.toString()} onClick={button.onClick}>{buttonText}</Button>);\r\n      });\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private _handleKeyUp = (event: KeyboardEvent) => {\r\n    if (event.key === SpecialKey.Escape && this.props.opened && this.props.onEscape) {\r\n      this.props.onEscape();\r\n    }\r\n  };\r\n\r\n  private _handleContainerPointerDown = (event: React.PointerEvent): void => {\r\n    if (!this.props.modal) {\r\n      if (this.props.onModelessPointerDown && this.props.modelessId)\r\n        this.props.onModelessPointerDown(event, this.props.modelessId);\r\n    }\r\n  };\r\n\r\n  private _handleStartResizeRight = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ rightResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartResizeDown = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ downResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartResizeDownRight = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ downResizing: true, rightResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartMove = (event: React.PointerEvent): void => {\r\n    if (!this.props.movable)\r\n      return;\r\n\r\n    event.preventDefault();\r\n    // istanbul ignore else\r\n    if (this._containerRef.current) {\r\n      const rect = this._containerRef.current.getBoundingClientRect();\r\n      const grabOffsetX = event.clientX - rect.left;\r\n      const grabOffsetY = event.clientY - rect.top;\r\n      this.setState({\r\n        grabOffsetX,\r\n        grabOffsetY,\r\n        moving: true,\r\n      });\r\n\r\n      const parentWindow = this.getParentWindow();\r\n      parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n    }\r\n  };\r\n\r\n  private _handlePointerMove = (event: PointerEvent): void => {\r\n    if ((!this.props.resizable && !this.props.movable) || !this._containerRef.current)\r\n      return;\r\n\r\n    const { minWidth, maxWidth, minHeight, maxHeight, movable } = this.props;\r\n    let { x, y, width, height } = this.state;\r\n\r\n    // istanbul ignore else\r\n    if (x === undefined) { // if x is undefined, so is y, width, and height\r\n      const rect = this._containerRef.current.getBoundingClientRect();\r\n      width = rect.width, height = rect.height, x = rect.left, y = rect.top;\r\n    }\r\n\r\n    if (this.props.resizable) {\r\n      if (this.state.rightResizing) {\r\n        const pointerX = event.clientX;\r\n        width = pointerX - x;\r\n        // istanbul ignore else\r\n        if (typeof minWidth === \"number\")\r\n          width = Math.max(width, minWidth);\r\n        if (maxWidth !== undefined && typeof maxWidth === \"number\")\r\n          width = Math.min(width, maxWidth);\r\n      }\r\n\r\n      if (this.state.downResizing) {\r\n        const pointerY = event.clientY;\r\n        height = pointerY - y!;\r\n        // istanbul ignore else\r\n        if (typeof minHeight === \"number\")\r\n          height = Math.max(height, minHeight);\r\n        if (maxHeight !== undefined && typeof maxHeight === \"number\")\r\n          height = Math.min(height, maxHeight);\r\n      }\r\n\r\n      this.setState({ width, height });\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (movable && this.state.moving) {\r\n      x = event.clientX - this.state.grabOffsetX;\r\n      y = event.clientY - this.state.grabOffsetY;\r\n      if (y < 0)\r\n        y = 0;\r\n      if (event.view) {\r\n        if (y > event.view.innerHeight - 32)\r\n          y = event.view.innerHeight - 32;\r\n        if (x > event.view.innerWidth - 32)\r\n          x = event.view.innerWidth - 32;\r\n        if (width) {\r\n          if (x < (0 - width + 32))\r\n            x = 0 - width + 32;\r\n        }\r\n      }\r\n\r\n      this.setState({ x, y, positionSet: true });\r\n    }\r\n  };\r\n\r\n  private _handlePointerUp = (_event: PointerEvent): void => {\r\n    if (!this.props.movable && !this.props.resizable)\r\n      return;\r\n\r\n    // istanbul ignore else\r\n    if (this._containerRef.current) {\r\n      this.setState({\r\n        rightResizing: false,\r\n        downResizing: false,\r\n        moving: false,\r\n        grabOffsetX: 0,\r\n        grabOffsetY: 0,\r\n      });\r\n    }\r\n\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.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 \"./Dialog.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DialogButtonDef, DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SvgClose } from \"@itwin/itwinui-icons-react\";\r\n\r\n// cspell:ignore focustrap\r\n\r\n/** Enum for dialog alignment\r\n * @public\r\n */\r\nexport enum DialogAlignment {\r\n  TopLeft = \"top-left\", Top = \"top\", TopRight = \"top-right\",\r\n  Left = \"left\", Center = \"center\", Right = \"right\",\r\n  BottomLeft = \"bottom-left\", Bottom = \"bottom\", BottomRight = \"bottom-right\",\r\n}\r\n\r\n/** Properties for the [[Dialog]] component\r\n * @public\r\n */\r\nexport interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">, CommonProps {\r\n  /** Indicates whether to show dialog or not */\r\n  opened: boolean;\r\n\r\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\r\n  resizable?: boolean;\r\n  /** Indicates whether the user can move dialog with cursor. Default: false */\r\n  movable?: boolean;\r\n  /** Indicates whether the content should be inset. Default: true */\r\n  inset?: boolean;\r\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\r\n  trapFocus?: boolean;\r\n\r\n  /** Whether the hide the header. Default: false */\r\n  hideHeader?: boolean;\r\n  /** Override for the header */\r\n  header?: React.ReactNode;\r\n  /** Title to show in title bar of dialog */\r\n  title?: string | JSX.Element;\r\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\r\n  footer?: string | JSX.Element;\r\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\r\n  buttonCluster?: DialogButtonDef[];\r\n\r\n  /** Default alignment of dialog. Default: DialogAlignment.Center */\r\n  alignment?: DialogAlignment;\r\n  /** Initial x/left position of dialog in px. */\r\n  x?: number;\r\n  /** Initial y/top position of dialog in px. */\r\n  y?: number;\r\n\r\n  /** onClick event for X button for dialog */\r\n  onClose?: () => void;\r\n  /** 'keyup' event for Esc key */\r\n  onEscape?: () => void;\r\n  /** Triggered when a click is triggered outside of this dialog. */\r\n  onOutsideClick?: (event: MouseEvent) => any;\r\n\r\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\r\n  width?: string | number;\r\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  height?: string | number;\r\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\r\n  minWidth?: string | number;\r\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n\r\n  /** Whether to show background overlay. Default: true.\r\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\r\n   */\r\n  modal?: boolean;\r\n  /** An id for a modeless dialog */\r\n  modelessId?: string;\r\n  /** Pointer Down event handler when modeless (modal = false) */\r\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\r\n\r\n  /** Custom CSS Style for overlay */\r\n  backgroundStyle?: React.CSSProperties;\r\n  /** Custom CSS Style for title */\r\n  titleStyle?: React.CSSProperties;\r\n  /** Custom CSS Style for footer */\r\n  footerStyle?: React.CSSProperties;\r\n  /** Custom CSS class name for the content */\r\n  contentClassName?: string;\r\n  /** Custom CSS Style for the content */\r\n  contentStyle?: React.CSSProperties;\r\n}\r\n\r\n/** @internal */\r\ninterface DialogState {\r\n  rightResizing: boolean;\r\n  downResizing: boolean;\r\n  moving: boolean;\r\n  grabOffsetX: number;\r\n  grabOffsetY: number;\r\n  x?: number;\r\n  y?: number;\r\n  width?: number;\r\n  height?: number;\r\n  positionSet: boolean;\r\n}\r\n\r\n/**\r\n * Dialog React component with optional resizing and dragging functionality\r\n * @public\r\n */\r\nexport class Dialog extends React.Component<DialogProps, DialogState> {\r\n  private _parentDocument = document;\r\n  private _containerRef = React.createRef<HTMLDivElement>();\r\n  public static defaultProps: Partial<DialogProps> = {\r\n    alignment: DialogAlignment.Center,\r\n    minWidth: 300,\r\n    minHeight: 100,\r\n    width: \"50%\",\r\n    hideHeader: false,\r\n    resizable: false,\r\n    movable: false,\r\n    modal: true,\r\n    inset: true,\r\n    trapFocus: false,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<DialogState>;\r\n\r\n  constructor(props: DialogProps) {\r\n    super(props);\r\n    this.state = {\r\n      rightResizing: false,\r\n      downResizing: false,\r\n      moving: false,\r\n      grabOffsetX: 0,\r\n      grabOffsetY: 0,\r\n      positionSet: props.x !== undefined || props.y !== undefined,\r\n    };\r\n  }\r\n\r\n  private getParentWindow() {\r\n    // istanbul ignore next\r\n    return this._parentDocument.defaultView ?? window;\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.removeEventListener(\"pointerup\", this._handlePointerUp, true);\r\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\r\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\r\n    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\r\n  }\r\n\r\n  /** Keep title bar of movable Dialog at least partially visible */\r\n  // istanbul ignore next\r\n  private _handleAppWindowResize = (): void => {\r\n    if (!this._containerRef.current || !this.props.movable)\r\n      return;\r\n\r\n    const parentWindow = this.getParentWindow();\r\n    const { x, y } = this.state;\r\n    let newX: number | undefined;\r\n    let newY: number | undefined;\r\n\r\n    if (undefined !== y && undefined !== x) {\r\n      if (y > parentWindow.innerHeight - 32)\r\n        newY = parentWindow.innerHeight - 32;\r\n      if (x > parentWindow.innerWidth - 32)\r\n        newX = parentWindow.innerWidth - 32;\r\n    }\r\n\r\n    if (newX !== undefined || newY !== undefined)\r\n      this.setState({ x: newX !== undefined ? newX : x, y: newY !== undefined ? newY : y, positionSet: true });\r\n  };\r\n\r\n  public override componentDidMount(): void {\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointerup\", this._handlePointerUp, true);\r\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\r\n    parentWindow.addEventListener(\"resize\", this._handleAppWindowResize);\r\n  }\r\n\r\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\r\n    if (containerDiv)\r\n      this._parentDocument = containerDiv.ownerDocument;\r\n  };\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      minWidth, minHeight, x, y, width, height, maxHeight, maxWidth,\r\n      backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName,\r\n      modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      hideHeader, header, ...props } = this.props;\r\n\r\n    const containerStyle: React.CSSProperties = {\r\n      margin: \"\",\r\n      left: x, top: y,\r\n      width, height,\r\n    };\r\n\r\n    if (this.state.x !== undefined || this.state.y !== undefined) {\r\n      // istanbul ignore else\r\n      if (this.state.x !== undefined) {\r\n        containerStyle.marginLeft = \"0\";\r\n        containerStyle.marginRight = \"0\";\r\n        containerStyle.left = this.state.x;\r\n      }\r\n      // istanbul ignore else\r\n      if (this.state.y !== undefined) {\r\n        containerStyle.marginTop = \"0\";\r\n        containerStyle.marginBottom = \"0\";\r\n        containerStyle.top = this.state.y;\r\n      }\r\n    }\r\n\r\n    if (this.state.width !== undefined || this.state.height !== undefined) {\r\n      // istanbul ignore else\r\n      if (this.state.width !== undefined)\r\n        containerStyle.width = this.state.width;\r\n      // istanbul ignore else\r\n      if (this.state.height !== undefined)\r\n        containerStyle.height = this.state.height;\r\n    }\r\n\r\n    const minMaxStyle: React.CSSProperties = {};\r\n    minMaxStyle.minWidth = (typeof minWidth === \"number\") ? `${minWidth}px` : minWidth;\r\n    minMaxStyle.minHeight = (typeof minHeight === \"number\") ? `${minHeight}px` : minHeight;\r\n    if (maxWidth !== undefined)\r\n      minMaxStyle.maxWidth = (typeof maxWidth === \"number\") ? `${maxWidth}px` : maxWidth;\r\n    if (maxHeight !== undefined)\r\n      minMaxStyle.maxHeight = (typeof maxHeight === \"number\") ? `${maxHeight}px` : maxHeight;\r\n\r\n    const buttons = this.getFooterButtons(this.props);\r\n\r\n    const footerElement: React.ReactNode = footer || (buttons.length > 0 && <div className={\"core-dialog-buttons\"}>{buttons}</div>);\r\n\r\n    const divStyle: React.CSSProperties = {\r\n      ...backgroundStyle,\r\n      ...style,\r\n    };\r\n\r\n    const headerElement = header || (\r\n      <div\r\n        className={classnames(\r\n          \"core-dialog-head\",\r\n          { \"core-dialog-movable\": movable },\r\n          { \"core-dialog-modal\": modal }\r\n        )}\r\n        data-testid=\"core-dialog-head\"\r\n        onPointerDown={this._handleStartMove}>\r\n        <div className={\"core-dialog-title\"} data-testid=\"core-dialog-title\" style={titleStyle}>{title}</div>\r\n        <button\r\n          className={\"core-focus-trap-ignore-initial core-dialog-close icon\"}\r\n          data-testid=\"core-dialog-close\"\r\n          onClick={onClose}>\r\n          <Icon iconSpec={<SvgClose />} />\r\n        </button>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div ref={this.handleRefSet}\r\n        className={classnames(\r\n          \"core-dialog\",\r\n          !modal && \"core-dialog-hidden\",\r\n          opened && \"core-dialog-opened\",\r\n          className,\r\n        )}\r\n        style={divStyle}\r\n        data-testid=\"core-dialog-root\"\r\n        {...props}\r\n      >\r\n        {opened &&\r\n          <DivWithOutsideClick onOutsideClick={onOutsideClick}>\r\n            <FocusTrap active={trapFocus && modal} returnFocusOnDeactivate={true}>\r\n              <div\r\n                className={classnames(\"core-dialog-container\", this.getCSSClassNameFromAlignment(alignment))}\r\n                style={{ ...containerStyle, ...minMaxStyle }}\r\n                data-testid=\"core-dialog-container\"\r\n                onPointerDown={this._handleContainerPointerDown}\r\n              >\r\n                <div className={\"core-dialog-area\"} ref={this._containerRef} style={minMaxStyle}>\r\n                  {!hideHeader &&\r\n                    headerElement\r\n                  }\r\n                  <div\r\n                    className={classnames(\r\n                      \"core-dialog-content\",\r\n                      { \"core-dialog-content-no-inset\": !inset },\r\n                      contentClassName)}\r\n                    style={contentStyle}>\r\n                    {this.props.children}\r\n                  </div>\r\n                  {footerElement &&\r\n                    <div className={\"core-dialog-footer\"} style={footerStyle}>\r\n                      {footerElement}\r\n                    </div>\r\n                  }\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-right\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-right\"\r\n                    onPointerDown={this._handleStartResizeRight}\r\n                  />\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-mid\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-bottom\"\r\n                    onPointerDown={this._handleStartResizeDown}\r\n                  />\r\n                  <div\r\n                    className={classnames(\"core-dialog-drag\", \"core-dialog-drag-bottom-right\", { \"core-dialog-drag-enabled\": resizable })}\r\n                    data-testid=\"core-dialog-drag-bottom-right\"\r\n                    onPointerDown={this._handleStartResizeDownRight}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </FocusTrap>\r\n          </DivWithOutsideClick>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getCSSClassNameFromAlignment(alignment?: DialogAlignment): string {\r\n    let className = \"\";\r\n\r\n    // Drop the alignment CSS class if the Dialog has been sized or moved.\r\n    if (this.state.positionSet)\r\n      return \"\";\r\n\r\n    // istanbul ignore next\r\n    if (!alignment)\r\n      alignment = DialogAlignment.Center;\r\n\r\n    switch (alignment) {\r\n      case DialogAlignment.TopLeft:\r\n        className = \"core-dialog-top-left\";\r\n        break;\r\n      case DialogAlignment.Top:\r\n        className = \"core-dialog-top\";\r\n        break;\r\n      case DialogAlignment.TopRight:\r\n        className = \"core-dialog-top-right\";\r\n        break;\r\n      case DialogAlignment.Left:\r\n        className = \"core-dialog-left\";\r\n        break;\r\n      case DialogAlignment.Center:\r\n        className = \"core-dialog-center\";\r\n        break;\r\n      case DialogAlignment.Right:\r\n        className = \"core-dialog-right\";\r\n        break;\r\n      case DialogAlignment.BottomLeft:\r\n        className = \"core-dialog-bottom-left\";\r\n        break;\r\n      case DialogAlignment.Bottom:\r\n        className = \"core-dialog-bottom\";\r\n        break;\r\n      case DialogAlignment.BottomRight:\r\n        className = \"core-dialog-bottom-right\";\r\n        break;\r\n    }\r\n\r\n    return className;\r\n  }\r\n\r\n  private getFooterButtons(props: DialogProps) {\r\n    const buttons: React.ReactNode[] = [];\r\n    if (props.buttonCluster) {\r\n      props.buttonCluster.forEach((button: DialogButtonDef, index: number) => {\r\n        let buttonText = \"\";\r\n        let buttonClass = classnames(\"core-dialog-button\", `dialog-button-${button.type}`, button.className);\r\n        let styleType: \"default\" | \"cta\" | \"high-visibility\" | \"borderless\" | undefined;\r\n\r\n        switch (button.type) {\r\n          case DialogButtonType.OK:\r\n            buttonText = UiCore.translate(\"dialog.ok\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            styleType = \"cta\";\r\n            break;\r\n          case DialogButtonType.Retry:\r\n            buttonText = UiCore.translate(\"dialog.retry\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            styleType = \"cta\";\r\n            break;\r\n          case DialogButtonType.Yes:\r\n            buttonText = UiCore.translate(\"dialog.yes\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            styleType = \"cta\";\r\n            break;\r\n          case DialogButtonType.No:\r\n            buttonText = UiCore.translate(\"dialog.no\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Cancel:\r\n            buttonText = UiCore.translate(\"dialog.cancel\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Close:\r\n            buttonText = UiCore.translate(\"dialog.close\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            break;\r\n          case DialogButtonType.Next:\r\n            buttonText = UiCore.translate(\"dialog.next\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            styleType = \"cta\";\r\n            break;\r\n          case DialogButtonType.Previous:\r\n            buttonText = UiCore.translate(\"dialog.previous\");\r\n            buttonClass = classnames(buttonClass, button.buttonStyle);\r\n            styleType = \"cta\";\r\n            break;\r\n        }\r\n\r\n        if (button.label) buttonText = button.label;\r\n\r\n        buttons.push(\r\n          <Button\r\n            className={buttonClass}\r\n            disabled={button.disabled}\r\n            styleType={styleType}\r\n            key={index.toString()}\r\n            onClick={button.onClick}\r\n          >\r\n            {buttonText}\r\n          </Button>\r\n        );\r\n      });\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private _handleKeyUp = (event: KeyboardEvent) => {\r\n    if (event.key === SpecialKey.Escape && this.props.opened && this.props.onEscape) {\r\n      this.props.onEscape();\r\n    }\r\n  };\r\n\r\n  private _handleContainerPointerDown = (event: React.PointerEvent): void => {\r\n    if (!this.props.modal) {\r\n      if (this.props.onModelessPointerDown && this.props.modelessId)\r\n        this.props.onModelessPointerDown(event, this.props.modelessId);\r\n    }\r\n  };\r\n\r\n  private _handleStartResizeRight = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ rightResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartResizeDown = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ downResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartResizeDownRight = (event: React.PointerEvent): void => {\r\n    event.preventDefault();\r\n    this.setState({ downResizing: true, rightResizing: true });\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n\r\n  private _handleStartMove = (event: React.PointerEvent): void => {\r\n    if (!this.props.movable)\r\n      return;\r\n\r\n    event.preventDefault();\r\n    // istanbul ignore else\r\n    if (this._containerRef.current) {\r\n      const rect = this._containerRef.current.getBoundingClientRect();\r\n      const grabOffsetX = event.clientX - rect.left;\r\n      const grabOffsetY = event.clientY - rect.top;\r\n      this.setState({\r\n        grabOffsetX,\r\n        grabOffsetY,\r\n        moving: true,\r\n      });\r\n\r\n      const parentWindow = this.getParentWindow();\r\n      parentWindow.addEventListener(\"pointermove\", this._handlePointerMove, true);\r\n    }\r\n  };\r\n\r\n  private _handlePointerMove = (event: PointerEvent): void => {\r\n    if ((!this.props.resizable && !this.props.movable) || !this._containerRef.current)\r\n      return;\r\n\r\n    const { minWidth, maxWidth, minHeight, maxHeight, movable } = this.props;\r\n    let { x, y, width, height } = this.state;\r\n\r\n    // istanbul ignore else\r\n    if (x === undefined) { // if x is undefined, so is y, width, and height\r\n      const rect = this._containerRef.current.getBoundingClientRect();\r\n      width = rect.width, height = rect.height, x = rect.left, y = rect.top;\r\n    }\r\n\r\n    if (this.props.resizable) {\r\n      if (this.state.rightResizing) {\r\n        const pointerX = event.clientX;\r\n        width = pointerX - x;\r\n        // istanbul ignore else\r\n        if (typeof minWidth === \"number\")\r\n          width = Math.max(width, minWidth);\r\n        if (maxWidth !== undefined && typeof maxWidth === \"number\")\r\n          width = Math.min(width, maxWidth);\r\n      }\r\n\r\n      if (this.state.downResizing) {\r\n        const pointerY = event.clientY;\r\n        height = pointerY - y!;\r\n        // istanbul ignore else\r\n        if (typeof minHeight === \"number\")\r\n          height = Math.max(height, minHeight);\r\n        if (maxHeight !== undefined && typeof maxHeight === \"number\")\r\n          height = Math.min(height, maxHeight);\r\n      }\r\n\r\n      this.setState({ width, height });\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (movable && this.state.moving) {\r\n      x = event.clientX - this.state.grabOffsetX;\r\n      y = event.clientY - this.state.grabOffsetY;\r\n      if (y < 0)\r\n        y = 0;\r\n      if (event.view) {\r\n        if (y > event.view.innerHeight - 32)\r\n          y = event.view.innerHeight - 32;\r\n        if (x > event.view.innerWidth - 32)\r\n          x = event.view.innerWidth - 32;\r\n        if (width) {\r\n          if (x < (0 - width + 32))\r\n            x = 0 - width + 32;\r\n        }\r\n      }\r\n\r\n      this.setState({ x, y, positionSet: true });\r\n    }\r\n  };\r\n\r\n  private _handlePointerUp = (_event: PointerEvent): void => {\r\n    if (!this.props.movable && !this.props.resizable)\r\n      return;\r\n\r\n    // istanbul ignore else\r\n    if (this._containerRef.current) {\r\n      this.setState({\r\n        rightResizing: false,\r\n        downResizing: false,\r\n        moving: false,\r\n        grabOffsetX: 0,\r\n        grabOffsetY: 0,\r\n      });\r\n    }\r\n\r\n    const parentWindow = this.getParentWindow();\r\n    parentWindow.removeEventListener(\"pointermove\", this._handlePointerMove, true);\r\n  };\r\n}\r\n"]}

package/lib/esm/core-react/dialog/Dialog.scss

@@ -8,14 +8,11 @@
 @import "../text/block";
 @import "../z-index";
 @import "../scrollbar";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-@import "~@itwin/itwinui-css/scss/text/mixins";
 
 // cspell:ignore titlebar outoffocus nwse
 
 .core-dialog {
-  @include iui-font-family;
+  font-family: var(--iui-font-sans);
 
   display: none;
   position: fixed;
@@ -106,17 +103,17 @@
       display: flex;
       flex-grow: 1;
       flex-direction: column;
-      border: 1px solid $buic-background-dialog-stroke;
-      border-radius: $iui-border-radius;
-      background-color: $buic-background-dialog;
-      color: $buic-text-color;
+      border: 1px solid var(--iui-color-border);
+      border-radius: var(--iui-border-radius-1);
+      background-color: var(--iui-color-background);
+      color: var(--iui-color-text);
       padding: 0;
 
       > .core-dialog-head {
         flex-shrink: 0;
         align-items: center;
-        background-color: $buic-background-titlebar; /* $buic-background-titlebar-outoffocus; */
-        color: $buic-text-color;
+        background-color: var(--iui-color-background-backdrop);
+        color: var(--iui-color-text);
         display: flex;
         padding: 4px;
 
@@ -128,37 +125,48 @@
         > .core-dialog-title {
           flex: 1 1;
 
-          @include iui-text(leading);
+          padding: 0;
+          border: none;
+          vertical-align: baseline;
+          font-size: var(--iui-font-size-2);
+          font-weight: var(--iui-font-weight-normal);
+          line-height: var(--iui-size-l);
 
           margin: 0;
           margin-left: 4px;
         }
 
         &.core-dialog-modal {
-          background-color: $buic-background-dialog;
+          background-color: var(--iui-color-background);
 
           > .core-dialog-title {
-            @include iui-text(subheading);
+            margin: 0;
+            padding: 0;
+            border: none;
+            vertical-align: baseline;
+            font-size: var(--iui-font-size-3);
+            font-weight: var(--iui-font-weight-normal);
+            line-height: calc(1.5 * var(--iui-size-l));
           }
         }
 
         > .core-dialog-close {
           cursor: pointer;
-          height: $iui-font-size-title;
-          width: $iui-font-size-title;
-          line-height: $iui-font-size-title;
+          height: var(--iui-font-size-4);
+          width: var(--iui-font-size-4);
+          line-height: var(--iui-font-size-4);
           flex: 0 0 $uicore-icons-medium;
           text-align: center;
-          color: $buic-text-color-muted;
+          color: var(--iui-color-icon);
           border: none;
           background-color: transparent;
 
           &:hover,
           &:focus {
-            color: $buic-foreground-activehover;
+            color: var(--iui-color-icon-hover);
           }
           &:focus {
-            outline: 1px solid $buic-foreground-focus;
+            outline: 1px solid var(--iui-color-border-accent);
           }
         }
       }
@@ -198,14 +206,6 @@
           }
         }
       }
-
-      /*
-      &:focus-within {
-        .core-dialog-head {
-          background-color: $buic-background-titlebar;
-        }
-      }
-      */
     }
 
     $dialog-resize-bar-width: 8px;

package/lib/esm/core-react/elementseparator/ElementSeparator.scss

@@ -9,7 +9,7 @@
   @return linear-gradient(
     $orientation,
     transparent calc(50% - 1px),
-    $buic-foreground-primary calc(50%),
+    var(--iui-color-icon-accent) calc(50%),
     transparent calc(50% + 1px));
 }
 

package/lib/esm/core-react/expandable/ExpandableList.d.ts

@@ -14,6 +14,8 @@ export interface ExpandableListProps extends CommonProps {
     singleExpandOnly?: boolean;
     /** Indicates whether the single expanded block is collapsible */
     singleIsCollapsible?: boolean;
+    /** Content */
+    children?: React.ReactNode;
 }
 /** @internal */
 interface ExpandableListState {

package/lib/esm/core-react/expandable/ExpandableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;gBAEnF,KAAK,EAAE,mBAAmB;IAMtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAGtD;IAGF,OAAO,CAAC,kBAAkB,CAYxB;IAEF,OAAO,CAAC,YAAY;IAUpB,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,MAAM,IAAI,GAAG,CAAC,OAAO;CAOtC"}
+{"version":3,"file":"ExpandableList.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;gBAEnF,KAAK,EAAE,mBAAmB;IAMtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAGtD;IAGF,OAAO,CAAC,kBAAkB,CAYxB;IAEF,OAAO,CAAC,YAAY;IAUpB,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,MAAM,IAAI,GAAG,CAAC,OAAO;CAOtC"}

package/lib/esm/core-react/expandable/ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA3Ca,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,CAAC","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 Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA3Ca,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,CAAC","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 Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/expandable/list.scss

@@ -3,43 +3,33 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/speed";
 
 @mixin uicore-expandable-blocks-list {
-
   > div {
-
-    transition:               margin $iui-speed-fast ease-in-out;
+    transition: margin var(--iui-duration-1) ease-in-out;
 
     > .iui-header {
-
-      border-color:           $uicore-gray-a transparent transparent;
+      border-color: var(--iui-color-border);
     }
 
     &:first-child {
-
       > .iui-header {
-
-        border-top-color:   transparent;
+        border-top-color: var(--iui-color-border);
       }
     }
   }
 
   > .iui-expanded + div {
-
     > .iui-header {
-
-      border-top-color:       transparent;
+      border-top-color: var(--iui-color-border);
     }
 
-    &.iui-expanded  > .iui-header {
-
-        border-top-color:       $uicore-blue;
+    &.iui-expanded > .iui-header {
+      border-top-color: var(--iui-color-border-accent);
     }
   }
 
   > .iui-expanded + .iui-expanded {
-
-    margin-top:                 0; // $uicore-unbordered-padding;
+    margin-top: 0;
   }
 }

package/lib/esm/core-react/hocs/withTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAuB,KAAM,IAAI,CAAC,KAAK,GAAI,CAC3D,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","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 Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Timer } from \"../utils/Timer\";\r\n\r\n/** Properties for [[withTimeout]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithTimeoutProps {\r\n  /** Timeout duration in milliseconds */\r\n  timeout: number;\r\n  /** Callback function for timeout */\r\n  onTimeout?: () => void;\r\n}\r\n\r\n/** withTimeout is a React higher-order component that adds timeout support.\r\n * @public\r\n */\r\nexport const withTimeout = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\r\n    public timer: Timer = new Timer(0);\r\n\r\n    public override componentDidMount(): void {\r\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentWillUnmount(): void {\r\n      this.timer.stop();\r\n    }\r\n\r\n    public override render() {\r\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <Component {...props as ComponentProps} {...this.state} />\r\n      );\r\n    }\r\n\r\n    public startTimer(timeout: number) {\r\n      if (this.timer.isRunning)\r\n        return;\r\n\r\n      this.timer.delay = timeout;\r\n      this.timer.start();\r\n    }\r\n  };\r\n};\r\n"]}
+{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAY,KAAM,IAAI,CAAC,KAAK,GAAI,CAChD,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","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 Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Timer } from \"../utils/Timer\";\r\n\r\n/** Properties for [[withTimeout]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithTimeoutProps {\r\n  /** Timeout duration in milliseconds */\r\n  timeout: number;\r\n  /** Callback function for timeout */\r\n  onTimeout?: () => void;\r\n}\r\n\r\n/** withTimeout is a React higher-order component that adds timeout support.\r\n * @public\r\n */\r\nexport const withTimeout = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\r\n    public timer: Timer = new Timer(0);\r\n\r\n    public override componentDidMount(): void {\r\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentWillUnmount(): void {\r\n      this.timer.stop();\r\n    }\r\n\r\n    public override render() {\r\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <Component {...props as any} {...this.state} />\r\n      );\r\n    }\r\n\r\n    public startTimer(timeout: number) {\r\n      if (this.timer.isRunning)\r\n        return;\r\n\r\n      this.timer.delay = timeout;\r\n      this.timer.start();\r\n    }\r\n  };\r\n};\r\n"]}

package/lib/esm/core-react/icons/ConditionalIconItem.d.ts

@@ -0,0 +1,27 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import { IconSpec } from "./IconComponent";
+/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
+ * @public
+ */
+export declare class ConditionalIconItem {
+    readonly iconGetter: () => IconSpec;
+    readonly syncEventIds: string[];
+    private _value?;
+    /** Constructor for ConditionalIconItem
+     * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.
+     * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.
+     * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.
+    */
+    constructor(iconGetter: () => IconSpec, syncEventIds: string[], value?: IconSpec);
+    /** The current IconSpec according to conditions */
+    get value(): IconSpec;
+    /** Called to update the value by running the iconGetter */
+    refresh(): boolean;
+    /** A helper function that updates the IconSpec value when the specified events are triggered */
+    static refreshValue(conditionalValue: ConditionalIconItem | string | undefined, eventIds: Set<string>): boolean;
+    /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/
+    static getValue(conditionalValue: ConditionalIconItem | string | undefined): IconSpec | undefined;
+}
+//# sourceMappingURL=ConditionalIconItem.d.ts.map

package/lib/esm/core-react/icons/ConditionalIconItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalIconItem.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/ConditionalIconItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C;;GAEG;AACH,qBAAa,mBAAmB;aAQF,UAAU,EAAE,MAAM,QAAQ;aAAkB,YAAY,EAAE,MAAM,EAAE;IAP9F,OAAO,CAAC,MAAM,CAAC,CAAW;IAE1B;;;;MAIE;gBAC0B,UAAU,EAAE,MAAM,QAAQ,EAAkB,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,QAAQ;IAIhH,mDAAmD;IACnD,IAAW,KAAK,IAAI,QAAQ,CAM3B;IAED,2DAA2D;IACpD,OAAO,IAAI,OAAO;IAUzB,gGAAgG;WAClF,YAAY,CAAC,gBAAgB,EAAE,mBAAmB,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO;IAYtH,0FAA0F;WAC5E,QAAQ,CAAC,gBAAgB,EAAE,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;CAWzG"}