@itwin/appui-react 4.1.0 → 4.2.0

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

@@ -16,7 +16,7 @@ export interface ModelessDialogProps extends DialogProps {
  */
 export declare class ModelessDialog extends React.Component<ModelessDialogProps> {
     constructor(props: ModelessDialogProps);
-    render(): JSX.Element;
+    render(): React.ReactElement;
     private _updateDialog;
 }
 //# sourceMappingURL=ModelessDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModelessDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBAC1D,KAAK,EAAE,mBAAmB;IAItB,MAAM,IAAI,GAAG,CAAC,OAAO;IAgBrC,OAAO,CAAC,aAAa,CAEnB;CACH"}
+{"version":3,"file":"ModelessDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBAC1D,KAAK,EAAE,mBAAmB;IAItB,MAAM,IAAI,KAAK,CAAC,YAAY;IAgC5C,OAAO,CAAC,aAAa,CAEnB;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Dialog
  */
@@ -23,8 +23,11 @@ class ModelessDialog extends React.Component {
         };
     }
     render() {
-        const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(core_react_1.Dialog, { ...props, modal: false, modelessId: dialogId, onModelessPointerDown: (event) => UiFramework_1.UiFramework.dialogs.modeless.handlePointerDownEvent(event, dialogId, this._updateDialog), style: { zIndex: UiFramework_1.UiFramework.dialogs.modeless.getZIndex(dialogId), ...style } }, this.props.children));
+        const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props;
+        return (React.createElement(core_react_1.Dialog, { ...props, modal: false, modelessId: dialogId, onModelessPointerDown: (event) => UiFramework_1.UiFramework.dialogs.modeless.handlePointerDownEvent(event, dialogId, this._updateDialog), style: {
+                zIndex: UiFramework_1.UiFramework.dialogs.modeless.getZIndex(dialogId),
+                ...style,
+            } }, this.props.children));
     }
 }
 exports.ModelessDialog = ModelessDialog;

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

@@ -1 +1 @@
-{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAA2C;AAC3C,gDAA6C;AAU7C;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA8B;IACtE,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAmBP,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IApBF,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEpJ,OAAO,CACL,oBAAC,mBAAM,OACD,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yBAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1H,KAAK,EAAE,EAAE,MAAM,EAAE,yBAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,IAE5E,IAAI,CAAC,KAAK,CAAC,QAAQ,CACZ,CACX,CAAC;IACJ,CAAC;CAKF;AAxBD,wCAwBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { DialogProps } from \"@itwin/core-react\";\r\nimport { Dialog } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for the [[ModelessDialog]] component\r\n * @public\r\n */\r\nexport interface ModelessDialogProps extends DialogProps {\r\n  dialogId: string;\r\n  movable?: boolean;\r\n}\r\n\r\n/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.\r\n * It controls the z-index to keep the focused dialog above others.\r\n * @public\r\n */\r\nexport class ModelessDialog extends React.Component<ModelessDialogProps> {\r\n  constructor(props: ModelessDialogProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    return (\r\n      <Dialog\r\n        {...props}\r\n        modal={false}\r\n        modelessId={dialogId}\r\n        onModelessPointerDown={(event) => UiFramework.dialogs.modeless.handlePointerDownEvent(event, dialogId, this._updateDialog)}\r\n        style={{ zIndex: UiFramework.dialogs.modeless.getZIndex(dialogId), ...style }}\r\n      >\r\n        {this.props.children}\r\n      </Dialog >\r\n    );\r\n  }\r\n\r\n  private _updateDialog = () => {\r\n    this.forceUpdate();\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAA2C;AAC3C,gDAA6C;AAU7C;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA8B;IACtE,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAmCP,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IApCF,CAAC;IAEe,MAAM;QACpB,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,UAAU,EACV,qBAAqB,EACrB,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,oBAAC,mBAAM,OACD,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,yBAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CACjD,KAAK,EACL,QAAQ,EACR,IAAI,CAAC,aAAa,CACnB,EAEH,KAAK,EAAE;gBACL,MAAM,EAAE,yBAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACxD,GAAG,KAAK;aACT,IAEA,IAAI,CAAC,KAAK,CAAC,QAAQ,CACb,CACV,CAAC;IACJ,CAAC;CAKF;AAxCD,wCAwCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Dialog\n */\n\nimport * as React from \"react\";\nimport type { DialogProps } from \"@itwin/core-react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for the [[ModelessDialog]] component\n * @public\n */\nexport interface ModelessDialogProps extends DialogProps {\n  dialogId: string;\n  movable?: boolean;\n}\n\n/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.\n * It controls the z-index to keep the focused dialog above others.\n * @public\n */\nexport class ModelessDialog extends React.Component<ModelessDialogProps> {\n  constructor(props: ModelessDialogProps) {\n    super(props);\n  }\n\n  public override render(): React.ReactElement {\n    const {\n      dialogId,\n      style,\n      modal,\n      modelessId,\n      onModelessPointerDown,\n      ...props\n    } = this.props;\n\n    return (\n      <Dialog\n        {...props}\n        modal={false}\n        modelessId={dialogId}\n        onModelessPointerDown={(event) =>\n          UiFramework.dialogs.modeless.handlePointerDownEvent(\n            event,\n            dialogId,\n            this._updateDialog\n          )\n        }\n        style={{\n          zIndex: UiFramework.dialogs.modeless.getZIndex(dialogId),\n          ...style,\n        }}\n      >\n        {this.props.children}\n      </Dialog>\n    );\n  }\n\n  private _updateDialog = () => {\n    this.forceUpdate();\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ModelessDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE9D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}
+{"version":3,"file":"ModelessDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAC9D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAQ1C"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Dialog
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ModelessDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,2DAAyD;AACzD,mFAA4F;AAE5F,gCAAgC;AAEhC;;GAEG;AACH,MAAa,sBAAuB,SAAQ,KAAK,CAAC,aAA0B;IAE1E,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,sCAAkB,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,6DAAQ,CAAC,aAAa,GAAI,CAC9E,CAAC;IACJ,CAAC;CACF;AAXD,wDAWC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { CommonProps } from \"@itwin/core-react\";\r\nimport { DialogRendererBase } from \"./DialogManagerBase\";\r\nimport { InternalModelessDialogManager as internal } from \"./InternalModelessDialogManager\";\r\n\r\n// cSpell:ignore ZINDEX modeless\r\n\r\n/** ModelessDialogRenderer React component renders modeless dialogs.\r\n * @public\r\n */\r\nexport class ModelessDialogRenderer extends React.PureComponent<CommonProps> {\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <DialogRendererBase {...this.props} dialogManager={internal.dialogManager} />\r\n    );\r\n  }\r\n}\r\n\r\n"]}
+{"version":3,"file":"ModelessDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,2DAAyD;AACzD,mFAA4F;AAE5F,gCAAgC;AAEhC;;GAEG;AACH,MAAa,sBAAuB,SAAQ,KAAK,CAAC,aAA0B;IAC1E,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,sCAAkB,OACb,IAAI,CAAC,KAAK,EACd,aAAa,EAAE,6DAAQ,CAAC,aAAa,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AAbD,wDAaC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Dialog\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { DialogRendererBase } from \"./DialogManagerBase\";\nimport { InternalModelessDialogManager as internal } from \"./InternalModelessDialogManager\";\n\n// cSpell:ignore ZINDEX modeless\n\n/** ModelessDialogRenderer React component renders modeless dialogs.\n * @public\n */\nexport class ModelessDialogRenderer extends React.PureComponent<CommonProps> {\n  constructor(props: CommonProps) {\n    super(props);\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <DialogRendererBase\n        {...this.props}\n        dialogManager={internal.dialogManager}\n      />\n    );\n  }\n}\n"]}

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

@@ -34,7 +34,7 @@ export declare class StandardMessageBox extends React.PureComponent<StandardMess
     /** @internal */
     readonly state: Readonly<StandardMessageBoxState>;
     constructor(props: StandardMessageBoxProps);
-    render(): JSX.Element;
+    render(): React.ReactElement;
     private _handleButton;
     private _handleCancel;
     private _closeDialog;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG3F,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAKpD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;IAE3G,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC;gBAEtD,KAAK,EAAE,uBAAuB;IAO1B,MAAM,IAAI,GAAG,CAAC,OAAO;IA4DrC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,YAAY,CAOlB;CACH"}
+{"version":3,"file":"StandardMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CACzD,uBAAuB,EACvB,uBAAuB,CACxB;IACC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC;gBAEtD,KAAK,EAAE,uBAAuB;IAO1B,MAAM,IAAI,KAAK,CAAC,YAAY;IA0F5C,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,YAAY,CAUlB;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Dialog
  */
@@ -51,19 +51,49 @@ class StandardMessageBox extends React.PureComponent {
         switch (this.props.messageBoxType) {
             case core_frontend_1.MessageBoxType.Ok:
             case core_frontend_1.MessageBoxType.LargeOk:
-                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.OK, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Ok); } });
+                buttonCluster.push({
+                    type: appui_abstract_1.DialogButtonType.OK,
+                    onClick: () => {
+                        this._handleButton(core_frontend_1.MessageBoxValue.Ok);
+                    },
+                });
                 break;
             case core_frontend_1.MessageBoxType.OkCancel:
             case core_frontend_1.MessageBoxType.MediumAlert:
-                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.OK, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Ok); } });
-                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Cancel, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Cancel); } });
+                buttonCluster.push({
+                    type: appui_abstract_1.DialogButtonType.OK,
+                    onClick: () => {
+                        this._handleButton(core_frontend_1.MessageBoxValue.Ok);
+                    },
+                });
+                buttonCluster.push({
+                    type: appui_abstract_1.DialogButtonType.Cancel,
+                    onClick: () => {
+                        this._handleButton(core_frontend_1.MessageBoxValue.Cancel);
+                    },
+                });
                 break;
             case core_frontend_1.MessageBoxType.YesNo:
             case core_frontend_1.MessageBoxType.YesNoCancel:
-                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Yes, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Yes); } });
-                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.No, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.No); } });
+                buttonCluster.push({
+                    type: appui_abstract_1.DialogButtonType.Yes,
+                    onClick: () => {
+                        this._handleButton(core_frontend_1.MessageBoxValue.Yes);
+                    },
+                });
+                buttonCluster.push({
+                    type: appui_abstract_1.DialogButtonType.No,
+                    onClick: () => {
+                        this._handleButton(core_frontend_1.MessageBoxValue.No);
+                    },
+                });
                 if (core_frontend_1.MessageBoxType.YesNoCancel === this.props.messageBoxType)
-                    buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Cancel, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Cancel); } });
+                    buttonCluster.push({
+                        type: appui_abstract_1.DialogButtonType.Cancel,
+                        onClick: () => {
+                            this._handleButton(core_frontend_1.MessageBoxValue.Cancel);
+                        },
+                    });
                 break;
         }
         let severity = appui_abstract_1.MessageSeverity.None;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardMessageBox.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.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 * as React from \"react\";\r\nimport { MessageBoxIconType, MessageBoxType, MessageBoxValue } from \"@itwin/core-frontend\";\r\nimport type { DialogButtonDef} from \"@itwin/appui-abstract\";\r\nimport { DialogButtonType, MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport type { CommonProps} from \"@itwin/core-react\";\r\nimport { MessageBox } from \"@itwin/core-react\";\r\nimport { DialogManagerBase } from \"./DialogManagerBase\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for [[StandardMessageBox]] React component\r\n * @public\r\n */\r\nexport interface StandardMessageBoxProps extends CommonProps {\r\n  /** Indicates whether the message box is open */\r\n  opened: boolean;\r\n  /** The standard icon to display in the message box */\r\n  iconType: MessageBoxIconType;\r\n  /** Title to display in the message box */\r\n  title: string;\r\n  /** Controls the button set displayed */\r\n  messageBoxType: MessageBoxType;\r\n  /** Callback function for processing the message box result */\r\n  onResult?: (result: MessageBoxValue) => void;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** State for [[StandardMessageBox]] React component\r\n * @internal\r\n */\r\ninterface StandardMessageBoxState {\r\n  opened: boolean;\r\n}\r\n\r\n/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.\r\n * @public\r\n */\r\nexport class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardMessageBoxState>;\r\n\r\n  constructor(props: StandardMessageBoxProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: this.props.opened,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const buttonCluster: DialogButtonDef[] = new Array<DialogButtonDef>();\r\n\r\n    switch (this.props.messageBoxType) {\r\n      case MessageBoxType.Ok:\r\n      case MessageBoxType.LargeOk:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        break;\r\n      case MessageBoxType.OkCancel:\r\n      case MessageBoxType.MediumAlert:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n      case MessageBoxType.YesNo:\r\n      case MessageBoxType.YesNoCancel:\r\n        buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });\r\n        buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });\r\n        if (MessageBoxType.YesNoCancel === this.props.messageBoxType)\r\n          buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n    }\r\n\r\n    let severity = MessageSeverity.None;\r\n    switch (this.props.iconType) {\r\n      case MessageBoxIconType.NoSymbol:\r\n        severity = MessageSeverity.None;\r\n        break;\r\n      case MessageBoxIconType.Information:\r\n        severity = MessageSeverity.Information;\r\n        break;\r\n      case MessageBoxIconType.Question:\r\n        severity = MessageSeverity.Question;\r\n        break;\r\n      case MessageBoxIconType.Warning:\r\n        severity = MessageSeverity.Warning;\r\n        break;\r\n      case MessageBoxIconType.Critical:\r\n        severity = MessageSeverity.Error;\r\n        break;\r\n      case MessageBoxIconType.Success:\r\n        severity = MessageSeverity.Success;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <MessageBox\r\n        className={this.props.className}\r\n        style={{ zIndex: DialogManagerBase.topZIndex, ...this.props.style }}\r\n        opened={this.state.opened}\r\n        title={this.props.title}\r\n        severity={severity}\r\n        buttonCluster={buttonCluster}\r\n        onClose={this._handleCancel}\r\n        onEscape={this._handleCancel}\r\n      >\r\n        {this.props.children}\r\n      </MessageBox>\r\n    );\r\n  }\r\n\r\n  private _handleButton = (buttonType: MessageBoxValue) => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(buttonType);\r\n    });\r\n  };\r\n\r\n  private _handleCancel = () => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(MessageBoxValue.Cancel);\r\n    });\r\n  };\r\n\r\n  private _closeDialog = (followUp: () => void) => {\r\n    this.setState((_prevState) => ({\r\n      opened: false,\r\n    }), () => {\r\n      UiFramework.dialogs.modal.close();\r\n      followUp();\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"StandardMessageBox.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Dialog\n */\n\nimport * as React from \"react\";\nimport {\n  MessageBoxIconType,\n  MessageBoxType,\n  MessageBoxValue,\n} from \"@itwin/core-frontend\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType, MessageSeverity } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageBox } from \"@itwin/core-react\";\nimport { DialogManagerBase } from \"./DialogManagerBase\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for [[StandardMessageBox]] React component\n * @public\n */\nexport interface StandardMessageBoxProps extends CommonProps {\n  /** Indicates whether the message box is open */\n  opened: boolean;\n  /** The standard icon to display in the message box */\n  iconType: MessageBoxIconType;\n  /** Title to display in the message box */\n  title: string;\n  /** Controls the button set displayed */\n  messageBoxType: MessageBoxType;\n  /** Callback function for processing the message box result */\n  onResult?: (result: MessageBoxValue) => void;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** State for [[StandardMessageBox]] React component\n * @internal\n */\ninterface StandardMessageBoxState {\n  opened: boolean;\n}\n\n/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.\n * @public\n */\nexport class StandardMessageBox extends React.PureComponent<\n  StandardMessageBoxProps,\n  StandardMessageBoxState\n> {\n  /** @internal */\n  public override readonly state: Readonly<StandardMessageBoxState>;\n\n  constructor(props: StandardMessageBoxProps) {\n    super(props);\n    this.state = {\n      opened: this.props.opened,\n    };\n  }\n\n  public override render(): React.ReactElement {\n    const buttonCluster: DialogButtonDef[] = new Array<DialogButtonDef>();\n\n    switch (this.props.messageBoxType) {\n      case MessageBoxType.Ok:\n      case MessageBoxType.LargeOk:\n        buttonCluster.push({\n          type: DialogButtonType.OK,\n          onClick: () => {\n            this._handleButton(MessageBoxValue.Ok);\n          },\n        });\n        break;\n      case MessageBoxType.OkCancel:\n      case MessageBoxType.MediumAlert:\n        buttonCluster.push({\n          type: DialogButtonType.OK,\n          onClick: () => {\n            this._handleButton(MessageBoxValue.Ok);\n          },\n        });\n        buttonCluster.push({\n          type: DialogButtonType.Cancel,\n          onClick: () => {\n            this._handleButton(MessageBoxValue.Cancel);\n          },\n        });\n        break;\n      case MessageBoxType.YesNo:\n      case MessageBoxType.YesNoCancel:\n        buttonCluster.push({\n          type: DialogButtonType.Yes,\n          onClick: () => {\n            this._handleButton(MessageBoxValue.Yes);\n          },\n        });\n        buttonCluster.push({\n          type: DialogButtonType.No,\n          onClick: () => {\n            this._handleButton(MessageBoxValue.No);\n          },\n        });\n        if (MessageBoxType.YesNoCancel === this.props.messageBoxType)\n          buttonCluster.push({\n            type: DialogButtonType.Cancel,\n            onClick: () => {\n              this._handleButton(MessageBoxValue.Cancel);\n            },\n          });\n        break;\n    }\n\n    let severity = MessageSeverity.None;\n    switch (this.props.iconType) {\n      case MessageBoxIconType.NoSymbol:\n        severity = MessageSeverity.None;\n        break;\n      case MessageBoxIconType.Information:\n        severity = MessageSeverity.Information;\n        break;\n      case MessageBoxIconType.Question:\n        severity = MessageSeverity.Question;\n        break;\n      case MessageBoxIconType.Warning:\n        severity = MessageSeverity.Warning;\n        break;\n      case MessageBoxIconType.Critical:\n        severity = MessageSeverity.Error;\n        break;\n      case MessageBoxIconType.Success:\n        severity = MessageSeverity.Success;\n        break;\n    }\n\n    return (\n      <MessageBox\n        className={this.props.className}\n        style={{ zIndex: DialogManagerBase.topZIndex, ...this.props.style }}\n        opened={this.state.opened}\n        title={this.props.title}\n        severity={severity}\n        buttonCluster={buttonCluster}\n        onClose={this._handleCancel}\n        onEscape={this._handleCancel}\n      >\n        {this.props.children}\n      </MessageBox>\n    );\n  }\n\n  private _handleButton = (buttonType: MessageBoxValue) => {\n    this._closeDialog(() => {\n      // istanbul ignore else\n      if (this.props.onResult) this.props.onResult(buttonType);\n    });\n  };\n\n  private _handleCancel = () => {\n    this._closeDialog(() => {\n      // istanbul ignore else\n      if (this.props.onResult) this.props.onResult(MessageBoxValue.Cancel);\n    });\n  };\n\n  private _closeDialog = (followUp: () => void) => {\n    this.setState(\n      (_prevState) => ({\n        opened: false,\n      }),\n      () => {\n        UiFramework.dialogs.modal.close();\n        followUp();\n      }\n    );\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"UiDataProvidedDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAmB,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAOvF;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,cAAc,EAAE,wBAAwB,CAAC;IACzC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;CAC7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,yBAAyB,eA0E9G"}
+{"version":3,"file":"UiDataProvidedDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAEV,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAO/B;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,cAAc,EAAE,wBAAwB,CAAC;IACzC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;CAC7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,EAAE,EACF,OAAO,EACP,GAAG,WAAW,EACf,EAAE,yBAAyB,eAuF3B"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Dialog
  */

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

@@ -1 +1 @@
-{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 * as React from \"react\";\r\nimport { Dialog } from \"@itwin/core-react\";\r\nimport type { DialogButtonDef, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\r\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\r\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\r\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\r\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Props for [[UiDataProvidedDialog]] component.\r\n * @public\r\n */\r\nexport interface UiDataProvidedDialogProps {\r\n  /** Dialog title */\r\n  title: string;\r\n  /** Provider that provides and lays out DialogItems */\r\n  uiDataProvider: DialogLayoutDataProvider;\r\n  /** Indicates if Dialog is Modal */\r\n  isModal: boolean;\r\n  /** Id used to specify dialog. */\r\n  id?: string;\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  /** 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\r\n/** Component to show dialog populated from properties supplied via uiDataProvider\r\n * @public\r\n */\r\nexport function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps) {\r\n  const dialogId = React.useRef(id ? id : getUniqueId());\r\n  const dialogIsModal = React.useRef(isModal);\r\n  const onOK = React.useRef<() => void>();\r\n  const onCancel = React.useRef<() => void>();\r\n  const closeDialog = () => {\r\n    if (dialogIsModal.current)\r\n      UiFramework.dialogs.modal.close();\r\n    else\r\n      UiFramework.dialogs.modeless.close(dialogId.current);\r\n  };\r\n\r\n  const handleOk = React.useCallback(() => {\r\n    onOK.current && onOK.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const handleCancel = React.useCallback(() => {\r\n    onCancel.current && onCancel.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const generateButtonCluster = React.useCallback((buttons: DialogButtonDef[] | undefined) => {\r\n    // istanbul ignore else\r\n    if (buttons) {\r\n      for (const button of buttons) {\r\n        if (DialogButtonType.Cancel === button.type) {\r\n          onCancel.current = button.onClick;\r\n          button.onClick = handleCancel;\r\n          continue;\r\n        }\r\n        if (DialogButtonType.OK === button.type) {\r\n          onOK.current = button.onClick;\r\n          button.onClick = handleOk;\r\n          continue;\r\n        }\r\n      }\r\n    }\r\n    return buttons;\r\n  }, [handleCancel, handleOk]);\r\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n\r\n  React.useEffect(() => {\r\n    const handleReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\r\n    return () => {\r\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  React.useEffect(() => {\r\n    const handleButtonReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\r\n    return () => {\r\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  const handleClose = React.useCallback(() => closeDialog(), []);\r\n\r\n  return (<Dialog {...dialogProps}\r\n    opened={true}\r\n    modal={isModal}\r\n    buttonCluster={buttonCluster}\r\n    onClose={handleClose}\r\n    onEscape={handleClose}\r\n  >\r\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\r\n  </Dialog>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Dialog\n */\n\nimport * as React from \"react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport type {\n  DialogButtonDef,\n  DialogLayoutDataProvider,\n} from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Props for [[UiDataProvidedDialog]] component.\n * @public\n */\nexport interface UiDataProvidedDialogProps {\n  /** Dialog title */\n  title: string;\n  /** Provider that provides and lays out DialogItems */\n  uiDataProvider: DialogLayoutDataProvider;\n  /** Indicates if Dialog is Modal */\n  isModal: boolean;\n  /** Id used to specify dialog. */\n  id?: string;\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\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\n/** Component to show dialog populated from properties supplied via uiDataProvider\n * @public\n */\nexport function UiDataProvidedDialog({\n  uiDataProvider,\n  id,\n  isModal,\n  ...dialogProps\n}: UiDataProvidedDialogProps) {\n  const dialogId = React.useRef(id ? id : getUniqueId());\n  const dialogIsModal = React.useRef(isModal);\n  const onOK = React.useRef<() => void>();\n  const onCancel = React.useRef<() => void>();\n  const closeDialog = () => {\n    if (dialogIsModal.current) UiFramework.dialogs.modal.close();\n    else UiFramework.dialogs.modeless.close(dialogId.current);\n  };\n\n  const handleOk = React.useCallback(() => {\n    onOK.current && onOK.current();\n    closeDialog();\n  }, []);\n\n  const handleCancel = React.useCallback(() => {\n    onCancel.current && onCancel.current();\n    closeDialog();\n  }, []);\n\n  const generateButtonCluster = React.useCallback(\n    (buttons: DialogButtonDef[] | undefined) => {\n      // istanbul ignore else\n      if (buttons) {\n        for (const button of buttons) {\n          if (DialogButtonType.Cancel === button.type) {\n            onCancel.current = button.onClick;\n            button.onClick = handleCancel;\n            continue;\n          }\n          if (DialogButtonType.OK === button.type) {\n            onOK.current = button.onClick;\n            button.onClick = handleOk;\n            continue;\n          }\n        }\n      }\n      return buttons;\n    },\n    [handleCancel, handleOk]\n  );\n  const [buttonCluster, setButtonCluster] = React.useState(() =>\n    generateButtonCluster(uiDataProvider.supplyButtonData())\n  );\n\n  React.useEffect(() => {\n    const handleReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\n    return () => {\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  React.useEffect(() => {\n    const handleButtonReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\n    return () => {\n      uiDataProvider.onButtonsReloadedEvent.removeListener(\n        handleButtonReloaded\n      );\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  const handleClose = React.useCallback(() => closeDialog(), []);\n\n  return (\n    <Dialog\n      {...dialogProps}\n      opened={true}\n      modal={isModal}\n      buttonCluster={buttonCluster}\n      onClose={handleClose}\n      onEscape={handleClose}\n    >\n      <DefaultDialogGridContainer\n        componentGenerator={new ComponentGenerator(uiDataProvider)}\n      />\n    </Dialog>\n  );\n}\n"]}

package/lib/cjs/appui-react/feedback/ElementTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTooltip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAIvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E;;GAEG;AACH,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAI;AAE3F;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC;IACnF,OAAO,CAAC,MAAM,CAAC,2BAA2B,CAAgE;IAC1G,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAU;IAC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAU;IAEzC,WAAkB,4BAA4B,IAAI,0BAA0B,CAAuD;IACnI,WAAkB,gBAAgB,IAAI,OAAO,CAA6C;WAE5E,WAAW,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI;WASpG,WAAW,IAAI,IAAI;IAMjC,WAAkB,eAAe,IAAI,OAAO,CAA4C;IAExF,WAAkB,eAAe,CAAC,IAAI,EAAE,OAAO,EAI9C;IAED,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAC,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAO3D;gBAEU,KAAK,EAAE,WAAW;IAId,MAAM;IAwBN,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAgB/B,OAAO,CAAC,iCAAiC,CAQvC;IAGF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,cAAc;CAuBvB"}
+{"version":3,"file":"ElementTooltip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAOvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E;;GAEG;AACH,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAG;AAE1F;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,WAAW,EACX,mBAAmB,CACpB;IACC,OAAO,CAAC,MAAM,CAAC,2BAA2B,CACP;IACnC,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAU;IAC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAU;IAEzC,WAAkB,4BAA4B,IAAI,0BAA0B,CAE3E;IACD,WAAkB,gBAAgB,IAAI,OAAO,CAE5C;WAEa,WAAW,CACvB,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,iBAAiB,EAC1B,EAAE,CAAC,EAAE,KAAK,EACV,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI;WAiBO,WAAW,IAAI,IAAI;IASjC,WAAkB,eAAe,IAAI,OAAO,CAE3C;IAED,WAAkB,eAAe,CAAC,IAAI,EAAE,OAAO,EAG9C;IAED,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAC,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAO3D;gBAEU,KAAK,EAAE,WAAW;IAId,MAAM;IAqBN,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAwB/B,OAAO,CAAC,iCAAiC,CAUvC;IAGF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,cAAc;CA4BvB"}

package/lib/cjs/appui-react/feedback/ElementTooltip.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Notification
  */
@@ -24,22 +24,37 @@ exports.ElementTooltipChangedEvent = ElementTooltipChangedEvent;
  * @public
  */
 class ElementTooltip extends React.Component {
-    static get onElementTooltipChangedEvent() { return ElementTooltip._elementTooltipChangedEvent; }
-    static get isTooltipVisible() { return ElementTooltip._isTooltipVisible; }
+    static get onElementTooltipChangedEvent() {
+        return ElementTooltip._elementTooltipChangedEvent;
+    }
+    static get isTooltipVisible() {
+        return ElementTooltip._isTooltipVisible;
+    }
     static showTooltip(el, message, pt, options) {
         // istanbul ignore if
         if (ElementTooltip._isTooltipHalted)
             return;
         ElementTooltip._isTooltipVisible = true;
-        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });
+        ElementTooltip.onElementTooltipChangedEvent.emit({
+            isTooltipVisible: true,
+            el,
+            message,
+            pt,
+            options,
+        });
         el.ownerDocument.addEventListener("mousemove", ElementTooltip._handleMouseMove);
     }
     static hideTooltip() {
         ElementTooltip._isTooltipVisible = false;
-        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
+        ElementTooltip.onElementTooltipChangedEvent.emit({
+            isTooltipVisible: false,
+            message: "",
+        });
     }
     // istanbul ignore next
-    static get isTooltipHalted() { return ElementTooltip._isTooltipHalted; }
+    static get isTooltipHalted() {
+        return ElementTooltip._isTooltipHalted;
+    }
     // istanbul ignore next
     static set isTooltipHalted(halt) {
         ElementTooltip._isTooltipHalted = halt;
@@ -93,15 +108,21 @@ class ElementTooltip extends React.Component {
     static _handleMouseMove(event) {
         const el = event.currentTarget;
         /* Only monitor mouse movement when an ElementTooltip is open. */
-        if (el && ElementTooltip._isTooltipHalted || !ElementTooltip._isTooltipVisible) {
+        if ((el && ElementTooltip._isTooltipHalted) ||
+            !ElementTooltip._isTooltipVisible) {
             el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
             return;
         }
-        const hoveredElement = el ? el.elementFromPoint(event.clientX, event.clientY) : undefined;
+        const hoveredElement = el
+            ? el.elementFromPoint(event.clientX, event.clientY)
+            : undefined;
         /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */
         // istanbul ignore next.
         if (hoveredElement && hoveredElement.localName !== "canvas") {
-            ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
+            ElementTooltip.onElementTooltipChangedEvent.emit({
+                isTooltipVisible: false,
+                message: "",
+            });
             el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
             return;
         }

package/lib/cjs/appui-react/feedback/ElementTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTooltip.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.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 Notification\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport type { XAndY } from \"@itwin/core-geometry\";\r\nimport type { ToolTipOptions } from \"@itwin/core-frontend\";\r\nimport type { PointProps} from \"@itwin/appui-abstract\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport type { CommonProps, Point, SizeProps } from \"@itwin/core-react\";\r\nimport { Rectangle } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\r\nimport { MessageDiv } from \"../messages/MessageSpan\";\r\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\r\n\r\n/** [[ElementTooltip]] State.\r\n * @internal\r\n */\r\ninterface ElementTooltipState {\r\n  isVisible: boolean;\r\n  message: NotifyMessageType;\r\n  position: PointProps;\r\n  options?: ToolTipOptions;\r\n}\r\n\r\n/** [[ElementTooltipChangedEvent]] arguments.\r\n * @public\r\n */\r\nexport interface ElementTooltipChangedEventArgs {\r\n  isTooltipVisible: boolean;\r\n  message: NotifyMessageType;\r\n  el?: HTMLElement;\r\n  pt?: XAndY;\r\n  options?: ToolTipOptions;\r\n}\r\n\r\n/** ElementTooltip Changed Event class.\r\n * @public\r\n */\r\nexport class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> { }\r\n\r\n/** ElementTooltip React component.\r\n * @public\r\n */\r\nexport class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {\r\n  private static _elementTooltipChangedEvent: ElementTooltipChangedEvent = new ElementTooltipChangedEvent();\r\n  private static _isTooltipVisible: boolean;\r\n  private static _isTooltipHalted: boolean;\r\n\r\n  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent { return ElementTooltip._elementTooltipChangedEvent; }\r\n  public static get isTooltipVisible(): boolean { return ElementTooltip._isTooltipVisible; }\r\n\r\n  public static showTooltip(el: HTMLElement, message: NotifyMessageType, pt?: XAndY, options?: ToolTipOptions): void {\r\n    // istanbul ignore if\r\n    if (ElementTooltip._isTooltipHalted)\r\n      return;\r\n    ElementTooltip._isTooltipVisible = true;\r\n    ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });\r\n    el.ownerDocument.addEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\r\n  }\r\n\r\n  public static hideTooltip(): void {\r\n    ElementTooltip._isTooltipVisible = false;\r\n    ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: \"\" });\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public static get isTooltipHalted(): boolean { return ElementTooltip._isTooltipHalted; }\r\n  // istanbul ignore next\r\n  public static set isTooltipHalted(halt: boolean) {\r\n    ElementTooltip._isTooltipHalted = halt;\r\n    if (halt && ElementTooltip._isTooltipVisible)\r\n      ElementTooltip.hideTooltip();\r\n  }\r\n\r\n  private _size: SizeProps = {\r\n    height: 0,\r\n    width: 0,\r\n  };\r\n  private _element?: HTMLElement;\r\n  private _position?: PointProps;\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ElementTooltipState> = {\r\n    message: \"\",\r\n    isVisible: false,\r\n    position: {\r\n      x: 0,\r\n      y: 0,\r\n    },\r\n  };\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const className = classnames(\r\n      \"uifw-element-tooltip\",\r\n      this.props.className);\r\n\r\n    const messageNode = <MessageDiv message={this.state.message} />;\r\n\r\n    return (\r\n      <div className=\"uifw-element-tooltip-container\">\r\n        <Tooltip\r\n          className={className}\r\n          style={this.props.style}\r\n          position={this.state.position}\r\n          onSizeChanged={this._handleSizeChanged}\r\n        >\r\n          {messageNode}\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);\r\n  }\r\n\r\n  private static _handleMouseMove(event: MouseEvent) {\r\n    const el = event.currentTarget as Document;\r\n    /* Only monitor mouse movement when an ElementTooltip is open. */\r\n    if (el && ElementTooltip._isTooltipHalted || !ElementTooltip._isTooltipVisible) {\r\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\r\n      return;\r\n    }\r\n    const hoveredElement = el ? el.elementFromPoint(event.clientX, event.clientY) : undefined;\r\n    /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */\r\n    // istanbul ignore next.\r\n    if (hoveredElement && hoveredElement.localName !== \"canvas\") {\r\n      ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: \"\" });\r\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\r\n      return;\r\n    }\r\n  }\r\n  private _handleElementTooltipChangedEvent = (args: ElementTooltipChangedEventArgs) => {\r\n    this._element = args.el;\r\n    this._position = args.pt;\r\n    this.setState({\r\n      isVisible: args.isTooltipVisible,\r\n      message: args.message,\r\n    });\r\n    this.updatePosition();\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _handleSizeChanged = (size: SizeProps) => {\r\n    this._size = size;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private updatePosition() {\r\n    this.setState((prevState) => {\r\n      if (!this._element)\r\n        return null;\r\n      // istanbul ignore next\r\n      if (!this._position)\r\n        return null;\r\n\r\n      const containerBounds = Rectangle.create(this._element.getBoundingClientRect());\r\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\r\n      const adjustedPosition: Point = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });\r\n      const position = adjustedPosition.offset(containerBounds.topLeft());\r\n\r\n      // istanbul ignore else\r\n      if (position.equals(prevState.position))\r\n        return null;\r\n\r\n      // istanbul ignore next\r\n      return {\r\n        position,\r\n      };\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ElementTooltip.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { ToolTipOptions } from \"@itwin/core-frontend\";\nimport type { PointProps } from \"@itwin/appui-abstract\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, Point, SizeProps } from \"@itwin/core-react\";\nimport { Rectangle } from \"@itwin/core-react\";\nimport {\n  offsetAndContainInContainer,\n  Tooltip,\n} from \"@itwin/appui-layout-react\";\nimport { MessageDiv } from \"../messages/MessageSpan\";\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\n\n/** [[ElementTooltip]] State.\n * @internal\n */\ninterface ElementTooltipState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  position: PointProps;\n  options?: ToolTipOptions;\n}\n\n/** [[ElementTooltipChangedEvent]] arguments.\n * @public\n */\nexport interface ElementTooltipChangedEventArgs {\n  isTooltipVisible: boolean;\n  message: NotifyMessageType;\n  el?: HTMLElement;\n  pt?: XAndY;\n  options?: ToolTipOptions;\n}\n\n/** ElementTooltip Changed Event class.\n * @public\n */\nexport class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {}\n\n/** ElementTooltip React component.\n * @public\n */\nexport class ElementTooltip extends React.Component<\n  CommonProps,\n  ElementTooltipState\n> {\n  private static _elementTooltipChangedEvent: ElementTooltipChangedEvent =\n    new ElementTooltipChangedEvent();\n  private static _isTooltipVisible: boolean;\n  private static _isTooltipHalted: boolean;\n\n  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent {\n    return ElementTooltip._elementTooltipChangedEvent;\n  }\n  public static get isTooltipVisible(): boolean {\n    return ElementTooltip._isTooltipVisible;\n  }\n\n  public static showTooltip(\n    el: HTMLElement,\n    message: NotifyMessageType,\n    pt?: XAndY,\n    options?: ToolTipOptions\n  ): void {\n    // istanbul ignore if\n    if (ElementTooltip._isTooltipHalted) return;\n    ElementTooltip._isTooltipVisible = true;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: true,\n      el,\n      message,\n      pt,\n      options,\n    });\n    el.ownerDocument.addEventListener(\n      \"mousemove\",\n      ElementTooltip._handleMouseMove\n    );\n  }\n\n  public static hideTooltip(): void {\n    ElementTooltip._isTooltipVisible = false;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: false,\n      message: \"\",\n    });\n  }\n\n  // istanbul ignore next\n  public static get isTooltipHalted(): boolean {\n    return ElementTooltip._isTooltipHalted;\n  }\n  // istanbul ignore next\n  public static set isTooltipHalted(halt: boolean) {\n    ElementTooltip._isTooltipHalted = halt;\n    if (halt && ElementTooltip._isTooltipVisible) ElementTooltip.hideTooltip();\n  }\n\n  private _size: SizeProps = {\n    height: 0,\n    width: 0,\n  };\n  private _element?: HTMLElement;\n  private _position?: PointProps;\n\n  /** @internal */\n  public override readonly state: Readonly<ElementTooltipState> = {\n    message: \"\",\n    isVisible: false,\n    position: {\n      x: 0,\n      y: 0,\n    },\n  };\n\n  constructor(props: CommonProps) {\n    super(props);\n  }\n\n  public override render() {\n    if (!this.state.isVisible) return null;\n\n    const className = classnames(\"uifw-element-tooltip\", this.props.className);\n\n    const messageNode = <MessageDiv message={this.state.message} />;\n\n    return (\n      <div className=\"uifw-element-tooltip-container\">\n        <Tooltip\n          className={className}\n          style={this.props.style}\n          position={this.state.position}\n          onSizeChanged={this._handleSizeChanged}\n        >\n          {messageNode}\n        </Tooltip>\n      </div>\n    );\n  }\n\n  public override componentDidMount(): void {\n    ElementTooltip.onElementTooltipChangedEvent.addListener(\n      this._handleElementTooltipChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    ElementTooltip.onElementTooltipChangedEvent.removeListener(\n      this._handleElementTooltipChangedEvent\n    );\n  }\n\n  private static _handleMouseMove(event: MouseEvent) {\n    const el = event.currentTarget as Document;\n    /* Only monitor mouse movement when an ElementTooltip is open. */\n    if (\n      (el && ElementTooltip._isTooltipHalted) ||\n      !ElementTooltip._isTooltipVisible\n    ) {\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\n      return;\n    }\n    const hoveredElement = el\n      ? el.elementFromPoint(event.clientX, event.clientY)\n      : undefined;\n    /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */\n    // istanbul ignore next.\n    if (hoveredElement && hoveredElement.localName !== \"canvas\") {\n      ElementTooltip.onElementTooltipChangedEvent.emit({\n        isTooltipVisible: false,\n        message: \"\",\n      });\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\n      return;\n    }\n  }\n  private _handleElementTooltipChangedEvent = (\n    args: ElementTooltipChangedEventArgs\n  ) => {\n    this._element = args.el;\n    this._position = args.pt;\n    this.setState({\n      isVisible: args.isTooltipVisible,\n      message: args.message,\n    });\n    this.updatePosition();\n  };\n\n  // istanbul ignore next\n  private _handleSizeChanged = (size: SizeProps) => {\n    this._size = size;\n    this.updatePosition();\n  };\n\n  private updatePosition() {\n    this.setState((prevState) => {\n      if (!this._element) return null;\n      // istanbul ignore next\n      if (!this._position) return null;\n\n      const containerBounds = Rectangle.create(\n        this._element.getBoundingClientRect()\n      );\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(\n        this._position\n      );\n      const adjustedPosition: Point = offsetAndContainInContainer(\n        relativeBounds,\n        containerBounds.getSize(),\n        { x: 8, y: 8 }\n      );\n      const position = adjustedPosition.offset(containerBounds.topLeft());\n\n      // istanbul ignore else\n      if (position.equals(prevState.position)) return null;\n\n      // istanbul ignore next\n      return {\n        position,\n      };\n    });\n  }\n}\n"]}

package/lib/cjs/appui-react/feedback/ValidationTextbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,oBAAY,WAAW;IACrB,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED;;GAEG;AACH,UAAU,sBAAuB,SAAQ,WAAW;IAClD,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAChD,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;gBAC5F,KAAK,EAAE,sBAAsB;IAMzC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAqCzC,OAAO,CAAC,mBAAmB;IAmB3B;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAEnB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAMzB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB;IAIzB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB;IAKzB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAelB;CACH"}
+{"version":3,"file":"ValidationTextbox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,oBAAY,WAAW;IACrB,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED;;GAEG;AACH,UAAU,sBAAuB,SAAQ,WAAW;IAClD,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAChD,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;gBACa,KAAK,EAAE,sBAAsB;IAMzC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,mBAAmB;IAkB3B;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAEnB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAQzB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB;IAIzB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB;IASzB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAalB;CACH"}

package/lib/cjs/appui-react/feedback/ValidationTextbox.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* 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.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Notification
  */
@@ -99,7 +99,9 @@ class ValidationTextbox extends React.PureComponent {
      */
     _calculateIsValid(value) {
         if (this.props.onValueChanged)
-            return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;
+            return this.props.onValueChanged(value) === InputStatus.Valid
+                ? /* istanbul ignore next */ true
+                : false;
         return value.length > 0;
     }
     /** Hides error message */

package/lib/cjs/appui-react/feedback/ValidationTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,oCAAkC;AAClC,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAmD;AAEnD,+DAA4D;AAC5D,wDAA6C;AAE7C;;GAEG;AACH,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,+CAAS,CAAA;IACT,mDAAW,CAAA;AACb,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB;AA8BD;;;;GAIG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IACxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QA8Df;;;;WAIG;QACK,kBAAa,GAAG,CAAC,KAAW,EAAQ,EAAE;YAC5C,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAA0B,CAAC,CAAC;QAC7D,CAAC,CAAC;QAyBF;;;WAGG;QACK,iBAAY,GAAG,CAAC,KAA4C,EAAE,EAAE;YACtE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAA0B,CAAC,CAAC;YAE3D,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,2BAAU,CAAC,MAAM;oBACpB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;wBACzB,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;oBAC5B,MAAM;gBACR,KAAK,2BAAU,CAAC,KAAK;oBACnB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;wBAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;oBAC9B,MAAM;aACT;QACH,CAAC,CAAC;QA/GA,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,SAAS,GAAwB;YACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM;SACpE,CAAC;QACF,MAAM,QAAQ,GAAwB;YACpC,GAAG,SAAS;YACZ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QAEF,MAAM,eAAe,GAAG,IAAA,oBAAU,EAChC,yBAAyB,CAC1B,CAAC;QAEF,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EAClC,yBAAyB,EACzB,2BAA2B,CAC5B,CAAC;QAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAU,EAAC,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACrE,KAAK,EAAE,QAAQ;YACf,oBAAC,qBAAK,IACJ,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EACnE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjE,KAAK,EAAE,SAAS,GAChB;YACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,mBAAmB,CAAC,MAAoC;QAC9D,uBAAuB;QACvB,IAAI,SAAS,KAAK,MAAM;YACtB,OAAO;QAET,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE;YAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtB,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;iBAAM;gBACL,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;oBAC7C,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAWD;;;;;OAKG;IACK,iBAAiB,CAAC,KAAa;QACrC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAC3B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5G,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED,0BAA0B;IAClB,iBAAiB;QACvB,+BAAc,CAAC,qBAAqB,EAAE,CAAC;IACzC,CAAC;IAED,8BAA8B;IACtB,iBAAiB,CAAC,MAAe;QACvC,+BAAc,CAAC,wBAAwB,CAAC,MAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAU,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpH,OAAO;IACT,CAAC;CAsBF;AApHD,8CAoHC","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 Notification\r\n */\r\n\r\nimport \"./ValidationTextbox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport type { CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\n\r\n/** Enum for Input Status used in [[ValidationTextbox]]\r\n * @alpha\r\n */\r\nexport enum InputStatus {\r\n  Valid = 0,\r\n  Invalid = 1,\r\n}\r\n\r\n/** Property interface for ValidationTextbox\r\n * @alpha\r\n */\r\ninterface ValidationTextboxProps extends CommonProps {\r\n  /** value to set ValidationTextbox to initially */\r\n  initialValue?: string;\r\n  /** placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\r\n  onValueChanged?: (value: string) => InputStatus;\r\n  /** listens for <Enter> key presses */\r\n  onEnterPressed?: () => void;\r\n  /** listens for <Esc> key presses */\r\n  onEscPressed?: () => void;\r\n  /** width of ValidationTextbox, measured in em */\r\n  size?: number;\r\n  /** Error message to display */\r\n  errorText?: string;\r\n  /** Detailed error message to display */\r\n  detailedErrorText?: string;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\ninterface ValidationTextboxState {\r\n  isValid: boolean;\r\n}\r\n\r\n/**\r\n * Input box that validates text based on provided criteria. Defaults to checking\r\n * for empty if no method for onValueChanged is provided.\r\n * @alpha\r\n */\r\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\r\n  constructor(props: ValidationTextboxProps) {\r\n    super(props);\r\n\r\n    this.state = { isValid: true };\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const sizeStyle: React.CSSProperties = {\r\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\r\n    };\r\n    const divStyle: React.CSSProperties = {\r\n      ...sizeStyle,\r\n      ...this.props.style,\r\n    };\r\n\r\n    const validClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n    );\r\n\r\n    const invalidClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n      \"ValidationTextbox-invalid\",\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\r\n        style={divStyle}>\r\n        <Input\r\n          className={this.state.isValid ? validClassNames : invalidClassNames}\r\n          onChange={this._validateText}\r\n          onKeyUp={this._handleKeyUp}\r\n          onPaste={this._validateText}\r\n          onCut={this._validateText}\r\n          onBlur={this._validateText}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\r\n          style={sizeStyle}\r\n        />\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private processValidateText(target: HTMLInputElement | undefined): void {\r\n    // istanbul ignore next\r\n    if (undefined === target)\r\n      return;\r\n\r\n    const value = target.value;\r\n    const isValid = this._calculateIsValid(value);\r\n\r\n    this.setState({ isValid }, () => {\r\n      if (this.state.isValid) {\r\n        this._hideErrorMessage();\r\n      } else {\r\n        // istanbul ignore else\r\n        if (this.props.errorText && !this.state.isValid)\r\n          this._showErrorMessage(target);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if value is valid and resolves any defined functions.\r\n   * Also will show or hide error message if defined.\r\n   * @param event   Button press event that triggers validation\r\n   */\r\n  private _validateText = (event?: any): void => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n  };\r\n\r\n  /**\r\n   * Determines if value provided is valid by calling user defined\r\n   * function. If no function is provided, the default criteria for\r\n   * validity is if the value has been defined.\r\n   * @param value   The value provided in textbox\r\n   */\r\n  private _calculateIsValid(value: string): boolean {\r\n    if (this.props.onValueChanged)\r\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\r\n    return value.length > 0;\r\n  }\r\n\r\n  /** Hides error message */\r\n  private _hideErrorMessage() {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Displays error message. */\r\n  private _showErrorMessage(target: Element) {\r\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\r\n    return;\r\n  }\r\n\r\n  /**\r\n   * Manages special key codes by calling user defined functions\r\n   * @param event   Keyup event\r\n   */\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { Input } from \"@itwin/itwinui-react\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox to initially */\n  initialValue?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<\n  ValidationTextboxProps,\n  ValidationTextboxState\n> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\"ValidationTextbox-input\");\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\"\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}\n      >\n        <Input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    // istanbul ignore next\n    if (undefined === target) return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        // istanbul ignore else\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return this.props.onValueChanged(value) === InputStatus.Valid\n        ? /* istanbul ignore next */ true\n        : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(\n      target as HTMLElement,\n      this.props.errorText!,\n      this.props.detailedErrorText\n    );\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.key) {\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case SpecialKey.Enter:\n        // istanbul ignore else\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n}\n"]}