@itwin/core-react 3.0.0-extension.0 → 3.1.0-dev.11

package/CHANGELOG.md

@@ -1,6 +1,83 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Tue, 21 Sep 2021 21:06:40 GMT and should not be manually modified.
+This log was last generated on Wed, 12 Jan 2022 14:52:38 GMT and should not be manually modified.
+
+## 2.19.28
+Wed, 12 Jan 2022 14:52:38 GMT
+
+_Version update only_
+
+## 2.19.27
+Wed, 05 Jan 2022 20:07:20 GMT
+
+_Version update only_
+
+## 2.19.26
+Wed, 08 Dec 2021 20:54:53 GMT
+
+_Version update only_
+
+## 2.19.25
+Fri, 03 Dec 2021 20:05:49 GMT
+
+_Version update only_
+
+## 2.19.24
+Mon, 29 Nov 2021 18:44:31 GMT
+
+_Version update only_
+
+## 2.19.23
+Mon, 22 Nov 2021 20:41:40 GMT
+
+_Version update only_
+
+## 2.19.22
+Wed, 17 Nov 2021 01:23:26 GMT
+
+_Version update only_
+
+## 2.19.21
+Wed, 10 Nov 2021 10:58:24 GMT
+
+_Version update only_
+
+## 2.19.20
+Fri, 29 Oct 2021 16:14:22 GMT
+
+_Version update only_
+
+## 2.19.19
+Mon, 25 Oct 2021 16:16:25 GMT
+
+### Updates
+
+- Drop unnecessary dep on @bentley/react-scripts; add a *.d.ts file for svg?sprite loader syntax
+
+## 2.19.18
+Thu, 21 Oct 2021 20:59:44 GMT
+
+_Version update only_
+
+## 2.19.17
+Thu, 14 Oct 2021 21:19:43 GMT
+
+_Version update only_
+
+## 2.19.16
+Mon, 11 Oct 2021 17:37:46 GMT
+
+_Version update only_
+
+## 2.19.15
+Fri, 08 Oct 2021 16:44:23 GMT
+
+_Version update only_
+
+## 2.19.14
+Fri, 01 Oct 2021 13:07:03 GMT
+
+_Version update only_
 
 ## 2.19.13
 Tue, 21 Sep 2021 21:06:40 GMT

package/ContributeGuidelines.md

@@ -18,7 +18,7 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
 ```
 
 * Document __all__ exported classes, interfaces, enums, types, etc.
-* Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://github.com/imodeljs/imodeljs/blob/master/docs/learning/guidelines/release-tags-guidelines.md).
+* Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://github.com/iTwin/itwinjs-core/blob/master/docs/learning/guidelines/release-tags-guidelines.md).
 * In addition, it’s preferable that all *Props interface members and component public methods be documented. You can put `@internal` on React lifecycle and render methods.
 * Add a,
 

package/LICENSE.md

@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright © 2017-2021 Bentley Systems, Incorporated. All rights reserved.
+Copyright © 2017-2022 Bentley Systems, Incorporated. All rights reserved.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/lib/cjs/core-react/UiCore.d.ts

@@ -6,7 +6,7 @@ import "./colorthemes.scss";
 import "./colorvariables.scss";
 import "./layout-variables.scss";
 import "./classes.scss";
-import { Localization } from "@itwin/core-common";
+import type { Localization } from "@itwin/core-common";
 /**
  * Manages the Localization service for the core-react package.
  * @public

package/lib/cjs/core-react/UiCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;;GAGG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAWzE,oDAAoD;WACtC,SAAS;IAQvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAAgC;IAExE;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAM7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAQvD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}
+{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKvD;;;GAGG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAWzE,oDAAoD;WACtC,SAAS;IAQvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAAgC;IAExE;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAM7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAQvD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

package/lib/cjs/core-react/UiCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAE9D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;IACjG,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApEH,wBAsEC;AArEgB,mBAAY,GAAG,KAAK,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 Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\n\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n  private static _initialized = false;\r\n  private static _localization?: Localization;\r\n\r\n  /**\r\n   * Registers the Localization service namespace for UiCore.\r\n   * @param localization The internationalization service created by the host application.\r\n   */\r\n  public static async initialize(localization: Localization): Promise<void> {\r\n    if (UiCore._initialized) {\r\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n      return;\r\n    }\r\n\r\n    UiCore._localization = localization;\r\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n    UiCore._initialized = true;\r\n  }\r\n\r\n  /** Unregisters the UiCore localization namespace */\r\n  public static terminate() {\r\n    if (UiCore._localization)\r\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n    UiCore._localization = undefined;\r\n\r\n    UiCore._initialized = false;\r\n  }\r\n\r\n  /** Determines if UiCore has been initialized */\r\n  public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n  /** The internationalization service created by the host application.\r\n   * @internal\r\n   */\r\n  public static get localization(): Localization {\r\n    // istanbul ignore else\r\n    if (!UiCore._localization)\r\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n    // istanbul ignore next\r\n    return UiCore._localization;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return \"UiCore\";\r\n  }\r\n\r\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n   * @internal\r\n   */\r\n  public static translate(key: string | string[]): string {\r\n    if (!UiCore._localization) {\r\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n      return \"\";\r\n    }\r\n    return UiCore._localization.getLocalizedStringWithNamespace(UiCore.localizationNamespace, key);\r\n  }\r\n\r\n  /** @internal */\r\n  public static get packageName(): string {\r\n    return \"core-react\";\r\n  }\r\n\r\n  /** @internal */\r\n  public static loggerCategory(obj: any): string {\r\n    const className = getClassName(obj);\r\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n    return category;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAE9D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;IACjG,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApEH,wBAsEC;AArEgB,mBAAY,GAAG,KAAK,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 Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport type { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\n\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n  private static _initialized = false;\r\n  private static _localization?: Localization;\r\n\r\n  /**\r\n   * Registers the Localization service namespace for UiCore.\r\n   * @param localization The internationalization service created by the host application.\r\n   */\r\n  public static async initialize(localization: Localization): Promise<void> {\r\n    if (UiCore._initialized) {\r\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n      return;\r\n    }\r\n\r\n    UiCore._localization = localization;\r\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n    UiCore._initialized = true;\r\n  }\r\n\r\n  /** Unregisters the UiCore localization namespace */\r\n  public static terminate() {\r\n    if (UiCore._localization)\r\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n    UiCore._localization = undefined;\r\n\r\n    UiCore._initialized = false;\r\n  }\r\n\r\n  /** Determines if UiCore has been initialized */\r\n  public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n  /** The internationalization service created by the host application.\r\n   * @internal\r\n   */\r\n  public static get localization(): Localization {\r\n    // istanbul ignore else\r\n    if (!UiCore._localization)\r\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n    // istanbul ignore next\r\n    return UiCore._localization;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return \"UiCore\";\r\n  }\r\n\r\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n   * @internal\r\n   */\r\n  public static translate(key: string | string[]): string {\r\n    if (!UiCore._localization) {\r\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n      return \"\";\r\n    }\r\n    return UiCore._localization.getLocalizedStringWithNamespace(UiCore.localizationNamespace, key);\r\n  }\r\n\r\n  /** @internal */\r\n  public static get packageName(): string {\r\n    return \"core-react\";\r\n  }\r\n\r\n  /** @internal */\r\n  public static loggerCategory(obj: any): string {\r\n    const className = getClassName(obj);\r\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n    return category;\r\n  }\r\n\r\n}\r\n"]}

package/lib/cjs/core-react/_z-index.scss

@@ -7,6 +7,8 @@
 // Order matters, last is top-most on screen.
 $uicore-internal-z-index-layers:
   view-overlay,
+  view-content-dialog,
+  content-card-popup,
   widget-grip,
   dragged-widget,
   zone-target,

package/lib/cjs/core-react/contextmenu/PopupContextMenu.js

@@ -19,7 +19,7 @@ const ContextMenuDirection_1 = require("./ContextMenuDirection");
 function PopupContextMenu(props) {
     const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
     const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
-    return (React.createElement(Popup_1.Popup, { ...popupProps, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
+    return (React.createElement(Popup_1.Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
         React.createElement(ContextMenu_1.ContextMenu, { opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
 }
 exports.PopupContextMenu = PopupContextMenu;

package/lib/cjs/core-react/contextmenu/PopupContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAgD9D;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACpH,MAAM,aAAa,GAAG,2CAA2C,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvF,OAAO,CACL,oBAAC,aAAK,OAAK,UAAU,EACnB,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EACpD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,oBAAC,yBAAW,IACV,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAC9C,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EACxC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EACxD,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACP,CACV,CAAC;AACJ,CAAC;AAjBD,4CAiBC;AAED,SAAS,2CAA2C,CAAC,gBAAmC;IACtF,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE;QACxB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;KACT;IACD,OAAO,aAAa,CAAC;AACvB,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 ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Popup } from \"../popup/Popup\";\r\nimport { ContextMenu } from \"./ContextMenu\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\n\r\n/** Properties for [[PopupContextMenu]] component\r\n * @public\r\n */\r\nexport interface PopupContextMenuProps extends CommonProps {\r\n  /** Indicates whether the popup is shown or not (defaults to false) */\r\n  isOpen: boolean;\r\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\r\n  position?: RelativePosition;\r\n  /** Target element to position popup */\r\n  target?: HTMLElement | null;\r\n  /** Function called when the popup is opened */\r\n  onOpen?: () => void;\r\n  /** Function called when user clicks outside the popup  */\r\n  onOutsideClick?: (e: MouseEvent) => void;\r\n  /** Function called when the popup is closed */\r\n  onClose?: () => void;\r\n  /** Function called when the popup is closed on Enter */\r\n  onEnter?: () => void;\r\n  /** Top position (absolute positioning - defaults to 0) */\r\n  top?: number;\r\n  /** Left position (absolute positioning - defaults to 0) */\r\n  left?: number;\r\n  /** Offset from the parent (defaults to 4) */\r\n  offset?: number;\r\n  /** accessibility label */\r\n  ariaLabel?: string;\r\n  /** Indicates whether to use animation for open/close (defaults to true) */\r\n  animate?: boolean;\r\n\r\n  /** When list item or submenu is selected */\r\n  onSelect?: (event: React.MouseEvent | undefined) => void;\r\n  /** when Escape button is pressed */\r\n  onEsc?: (event: React.KeyboardEvent) => void;\r\n  /** Whether menu flips directions based on screen edge. Default: true */\r\n  autoflip?: boolean;\r\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\r\n  edgeLimit?: boolean;\r\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\r\n  hotkeySelect?: boolean;\r\n  /** starting menu item selected index Default: -1 */\r\n  selectedIndex?: number;\r\n\r\n  /** ContextMenu items */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\r\n * @public\r\n */\r\nexport function PopupContextMenu(props: PopupContextMenuProps) {\r\n  const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;\r\n  const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);\r\n  return (\r\n    <Popup {...popupProps}\r\n      showShadow={false} showArrow={false} moveFocus={true}\r\n      style={{ ...style, border: \"none\" }}>\r\n      <ContextMenu\r\n        opened={true} onSelect={onSelect} onEsc={onEsc}\r\n        autoflip={autoflip} edgeLimit={edgeLimit}\r\n        hotkeySelect={hotkeySelect} selectedIndex={selectedIndex}\r\n        direction={menuDirection}\r\n      >\r\n        {children}\r\n      </ContextMenu>\r\n    </Popup >\r\n  );\r\n}\r\n\r\nfunction getContextMenuDirectionFromRelativePosition(relativePosition?: RelativePosition): ContextMenuDirection {\r\n  let menuDirection = ContextMenuDirection.Bottom;\r\n  switch (relativePosition) {\r\n    case RelativePosition.Top:\r\n      menuDirection = ContextMenuDirection.Top;\r\n      break;\r\n    case RelativePosition.TopLeft:\r\n      menuDirection = ContextMenuDirection.TopRight;\r\n      break;\r\n    case RelativePosition.TopRight:\r\n      menuDirection = ContextMenuDirection.TopLeft;\r\n      break;\r\n    case RelativePosition.Left:\r\n      menuDirection = ContextMenuDirection.Left;\r\n      break;\r\n    case RelativePosition.Right:\r\n      menuDirection = ContextMenuDirection.Right;\r\n      break;\r\n    case RelativePosition.Bottom:\r\n      menuDirection = ContextMenuDirection.Bottom;\r\n      break;\r\n    case RelativePosition.BottomLeft:\r\n      menuDirection = ContextMenuDirection.BottomRight;\r\n      break;\r\n    case RelativePosition.BottomRight:\r\n      menuDirection = ContextMenuDirection.BottomLeft;\r\n      break;\r\n  }\r\n  return menuDirection;\r\n}\r\n"]}
+{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAgD9D;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACpH,MAAM,aAAa,GAAG,2CAA2C,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvF,OAAO,CACL,oBAAC,aAAK,OAAK,UAAU,EAAE,8BAA8B,QACnD,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EACpD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,oBAAC,yBAAW,IACV,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAC9C,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EACxC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EACxD,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACP,CACV,CAAC;AACJ,CAAC;AAjBD,4CAiBC;AAED,SAAS,2CAA2C,CAAC,gBAAmC;IACtF,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE;QACxB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;KACT;IACD,OAAO,aAAa,CAAC;AACvB,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 ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Popup } from \"../popup/Popup\";\r\nimport { ContextMenu } from \"./ContextMenu\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\n\r\n/** Properties for [[PopupContextMenu]] component\r\n * @public\r\n */\r\nexport interface PopupContextMenuProps extends CommonProps {\r\n  /** Indicates whether the popup is shown or not (defaults to false) */\r\n  isOpen: boolean;\r\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\r\n  position?: RelativePosition;\r\n  /** Target element to position popup */\r\n  target?: HTMLElement | null;\r\n  /** Function called when the popup is opened */\r\n  onOpen?: () => void;\r\n  /** Function called when user clicks outside the popup  */\r\n  onOutsideClick?: (e: MouseEvent) => void;\r\n  /** Function called when the popup is closed */\r\n  onClose?: () => void;\r\n  /** Function called when the popup is closed on Enter */\r\n  onEnter?: () => void;\r\n  /** Top position (absolute positioning - defaults to 0) */\r\n  top?: number;\r\n  /** Left position (absolute positioning - defaults to 0) */\r\n  left?: number;\r\n  /** Offset from the parent (defaults to 4) */\r\n  offset?: number;\r\n  /** accessibility label */\r\n  ariaLabel?: string;\r\n  /** Indicates whether to use animation for open/close (defaults to true) */\r\n  animate?: boolean;\r\n\r\n  /** When list item or submenu is selected */\r\n  onSelect?: (event: React.MouseEvent | undefined) => void;\r\n  /** when Escape button is pressed */\r\n  onEsc?: (event: React.KeyboardEvent) => void;\r\n  /** Whether menu flips directions based on screen edge. Default: true */\r\n  autoflip?: boolean;\r\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\r\n  edgeLimit?: boolean;\r\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\r\n  hotkeySelect?: boolean;\r\n  /** starting menu item selected index Default: -1 */\r\n  selectedIndex?: number;\r\n\r\n  /** ContextMenu items */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\r\n * @public\r\n */\r\nexport function PopupContextMenu(props: PopupContextMenuProps) {\r\n  const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;\r\n  const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);\r\n  return (\r\n    <Popup {...popupProps} closeOnNestedPopupOutsideClick\r\n      showShadow={false} showArrow={false} moveFocus={true}\r\n      style={{ ...style, border: \"none\" }}>\r\n      <ContextMenu\r\n        opened={true} onSelect={onSelect} onEsc={onEsc}\r\n        autoflip={autoflip} edgeLimit={edgeLimit}\r\n        hotkeySelect={hotkeySelect} selectedIndex={selectedIndex}\r\n        direction={menuDirection}\r\n      >\r\n        {children}\r\n      </ContextMenu>\r\n    </Popup >\r\n  );\r\n}\r\n\r\nfunction getContextMenuDirectionFromRelativePosition(relativePosition?: RelativePosition): ContextMenuDirection {\r\n  let menuDirection = ContextMenuDirection.Bottom;\r\n  switch (relativePosition) {\r\n    case RelativePosition.Top:\r\n      menuDirection = ContextMenuDirection.Top;\r\n      break;\r\n    case RelativePosition.TopLeft:\r\n      menuDirection = ContextMenuDirection.TopRight;\r\n      break;\r\n    case RelativePosition.TopRight:\r\n      menuDirection = ContextMenuDirection.TopLeft;\r\n      break;\r\n    case RelativePosition.Left:\r\n      menuDirection = ContextMenuDirection.Left;\r\n      break;\r\n    case RelativePosition.Right:\r\n      menuDirection = ContextMenuDirection.Right;\r\n      break;\r\n    case RelativePosition.Bottom:\r\n      menuDirection = ContextMenuDirection.Bottom;\r\n      break;\r\n    case RelativePosition.BottomLeft:\r\n      menuDirection = ContextMenuDirection.BottomRight;\r\n      break;\r\n    case RelativePosition.BottomRight:\r\n      menuDirection = ContextMenuDirection.BottomLeft;\r\n      break;\r\n  }\r\n  return menuDirection;\r\n}\r\n"]}

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

@@ -113,6 +113,8 @@ export declare class Dialog extends React.Component<DialogProps, DialogState> {
     constructor(props: DialogProps);
     private getParentWindow;
     componentWillUnmount(): void;
+    /** Keep title bar of movable Dialog at least partially visible */
+    private _handleAppWindowResize;
     componentDidMount(): void;
     handleRefSet: (containerDiv: HTMLDivElement | null) => void;
     render(): JSX.Element;

package/lib/cjs/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/cjs/core-react/dialog/Dialog.js

@@ -41,6 +41,24 @@ class Dialog extends React.Component {
         super(props);
         this._parentDocument = document;
         this._containerRef = React.createRef();
+        /** Keep title bar of movable Dialog at least partially visible */
+        // istanbul ignore next
+        this._handleAppWindowResize = () => {
+            if (!this._containerRef.current || !this.props.movable)
+                return;
+            const parentWindow = this.getParentWindow();
+            const { x, y } = this.state;
+            let newX;
+            let newY;
+            if (undefined !== y && undefined !== x) {
+                if (y > parentWindow.innerHeight - 32)
+                    newY = parentWindow.innerHeight - 32;
+                if (x > parentWindow.innerWidth - 32)
+                    newX = parentWindow.innerWidth - 32;
+            }
+            if (newX !== undefined || newY !== undefined)
+                this.setState({ x: newX !== undefined ? newX : x, y: newY !== undefined ? newY : y, positionSet: true });
+        };
         this.handleRefSet = (containerDiv) => {
             if (containerDiv)
                 this._parentDocument = containerDiv.ownerDocument;
@@ -123,9 +141,22 @@ class Dialog extends React.Component {
                 }
                 this.setState({ width, height });
             }
+            // istanbul ignore next
             if (movable && this.state.moving) {
                 x = event.clientX - this.state.grabOffsetX;
                 y = event.clientY - this.state.grabOffsetY;
+                if (y < 0)
+                    y = 0;
+                if (event.view) {
+                    if (y > event.view.innerHeight - 32)
+                        y = event.view.innerHeight - 32;
+                    if (x > event.view.innerWidth - 32)
+                        x = event.view.innerWidth - 32;
+                    if (width) {
+                        if (x < (0 - width + 32))
+                            x = 0 - width + 32;
+                    }
+                }
                 this.setState({ x, y, positionSet: true });
             }
         };
@@ -164,11 +195,13 @@ class Dialog extends React.Component {
         parentWindow.removeEventListener("pointerup", this._handlePointerUp, true);
         parentWindow.removeEventListener("pointermove", this._handlePointerMove, true);
         this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
+        parentWindow.addEventListener("resize", this._handleAppWindowResize);
     }
     componentDidMount() {
         const parentWindow = this.getParentWindow();
         parentWindow.addEventListener("pointerup", this._handlePointerUp, true);
         this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
+        parentWindow.addEventListener("resize", this._handleAppWindowResize);
     }
     render() {
         const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, // eslint-disable-line @typescript-eslint/no-unused-vars

package/lib/cjs/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  }\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  }\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    if (movable && this.state.moving) {\r\n      x = event.clientX - this.state.grabOffsetX;\r\n      y = event.clientY - this.state.grabOffsetY;\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\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"]}

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

@@ -3,7 +3,7 @@
  */
 /** Enum for button types. Determines button label, and default button style.
   * @public
-  * @deprecated Use DialogButtonType in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonType]($appui-abstract) instead
   */
 export declare enum DialogButtonType {
     None = "",
@@ -18,7 +18,7 @@ export declare enum DialogButtonType {
 }
 /** Enum for button style.
   * @public
-  * @deprecated Use DialogButtonStyle in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
   */
 export declare enum DialogButtonStyle {
     None = "",
@@ -28,7 +28,7 @@ export declare enum DialogButtonStyle {
 }
 /** Interface for a dialog button in a button cluster
   * @public
-  * @deprecated Use DialogButtonDef in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonDef]($appui-abstract) instead
   */
 export interface DialogButtonDef {
     /** type of button */

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogButtonStyle = exports.DialogButtonType = void 0;
 /** Enum for button types. Determines button label, and default button style.
   * @public
-  * @deprecated Use DialogButtonType in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonType]($appui-abstract) instead
   */
 var DialogButtonType;
 (function (DialogButtonType) {
@@ -26,7 +26,7 @@ var DialogButtonType;
 })(DialogButtonType = exports.DialogButtonType || (exports.DialogButtonType = {}));
 /** Enum for button style.
   * @public
-  * @deprecated Use DialogButtonStyle in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
   */
 var DialogButtonStyle;
 (function (DialogButtonStyle) {

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

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

package/lib/cjs/core-react/expandable/ExpandableList.scss

@@ -3,10 +3,7 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "./list.scss";
-@import "~@itwin/core-react/lib/cjs/core-react/style/itwinui-overrides";
 
 .uicore-expandable-blocks-list {
   @include uicore-expandable-blocks-list;
-
-  @include small-itwinui-expandable-block;
 }

package/lib/cjs/core-react/form/Field.d.ts

@@ -4,13 +4,13 @@
 import * as React from "react";
 import { FieldDef } from "./Form";
 /** Properties used to create a [[Field]] in a [[Form]]
- * @public
+ * @public @deprecated
  */
 export interface FieldProps extends FieldDef {
     id: string;
 }
 /** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public
+ * @public @deprecated
  */
 export declare class Field extends React.Component<FieldProps> {
     constructor(props: FieldProps);

package/lib/cjs/core-react/form/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/core-react/form/Field.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiC,MAAM,QAAQ,CAAC;AAIjE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAE1C,EAAE,EAAE,MAAM,CAAC;CACZ;AAID;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;gBACxC,KAAK,EAAE,UAAU;IAI7B,OAAO,CAAC,sBAAsB,CAc5B;IAEc,MAAM;CAgDvB"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/core-react/form/Field.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiC,MAAM,QAAQ,CAAC;AAIjE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAE1C,EAAE,EAAE,MAAM,CAAC;CACZ;AAID;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;gBACxC,KAAK,EAAE,UAAU;IAI7B,OAAO,CAAC,sBAAsB,CAc5B;IAEc,MAAM;CAkDvB"}

package/lib/cjs/core-react/form/Field.js

@@ -3,6 +3,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Form
  */
@@ -12,7 +13,7 @@ const React = require("react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const Form_1 = require("./Form");
 /** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public
+ * @public @deprecated
  */
 class Field extends React.Component {
     constructor(props) {
@@ -32,12 +33,12 @@ class Field extends React.Component {
         const selectOptions = this._generateSelectOptions(this.props.options);
         return (React.createElement(Form_1.FormContext.Consumer, null, (context) => (React.createElement("div", { className: "core-form-group" },
             this.props.editor.toLowerCase() !== "checkbox" && this.props.label && React.createElement("label", { className: "core-form-label", htmlFor: this.props.id }, this.props.label),
-            this.props.editor.toLowerCase() === "textbox" && (React.createElement(itwinui_react_1.Input, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-input" })),
+            this.props.editor.toLowerCase() === "textbox" && (React.createElement(itwinui_react_1.Input, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-input", size: "small" })),
             this.props.editor.toLowerCase() === "checkbox" && (React.createElement(itwinui_react_1.Checkbox, { label: this.props.label, id: this.props.id, checked: context.values[this.props.id], onChange: () => context.setValues({ [this.props.id]: !context.values[this.props.id] }) })),
             this.props.editor.toLowerCase() === "multilinetextbox" && (React.createElement(itwinui_react_1.Textarea, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-textarea" })),
             this.props.editor.toLowerCase() === "dropdown" && this.props.options && (React.createElement(itwinui_react_1.Select, { id: this.props.id, 
                 // name={this.props.id}
-                value: context.values[this.props.id], onChange: (newValue) => context.setValues({ [this.props.id]: newValue }), options: selectOptions, className: "core-form-select" }))))));
+                value: context.values[this.props.id], onChange: (newValue) => context.setValues({ [this.props.id]: newValue }), options: selectOptions, className: "core-form-select", size: "small" }))))));
     }
 }
 exports.Field = Field;