@itwin/core-react 3.0.0-dev.136 → 3.0.0-dev.141

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/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/messagebox/MessageSeverity.d.ts

@@ -3,7 +3,7 @@
  */
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead
+  * @deprecated Use [MessageSeverity]($appui-abstract) instead
   */
 export declare enum MessageSeverity {
     None = 0,

package/lib/cjs/core-react/messagebox/MessageSeverity.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageSeverity = void 0;
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead
+  * @deprecated Use [MessageSeverity]($appui-abstract) instead
   */
 var MessageSeverity;
 (function (MessageSeverity) {

package/lib/cjs/core-react/messagebox/MessageSeverity.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAO1B","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/** Message Severity enum.\r\n  * @public\r\n  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}
+{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAO1B","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/** Message Severity enum.\r\n  * @public\r\n  * @deprecated Use [MessageSeverity]($appui-abstract) instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}

package/lib/cjs/core-react/select/ThemedSelect.d.ts

@@ -95,7 +95,7 @@ export declare type ThemedSelectProps = {
     tabSelectsValue?: boolean;
     value?: ValueType<OptionType>;
 };
-/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied
+/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied
  * @beta
  * @deprecated use Select from @itwin/itwinui-react
  */

package/lib/cjs/core-react/select/ThemedSelect.js

@@ -20,7 +20,7 @@ const ThemedMenu = (props) => {
     return (React.createElement("div", { className: "uicore-reactSelectTop" },
         React.createElement(react_select_1.components.Menu, { ...props })));
 };
-/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied
+/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied
  * @beta
  * @deprecated use Select from @itwin/itwinui-react
  */

package/lib/cjs/core-react/select/ThemedSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,+CAAqD;AAKrD,sCAAmC;AACnC,4DAAiE;AACjE,+CAAkD;AAqLlD,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AACF;;;GAGG;AACH,gEAAgE;AAChE,SAAgB,YAAY,CAAC,KAAwB;;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACzD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,eAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;SACvE;QACD,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,gBAAgB,mCAAI,oBAAoB,CAAC;IACxE,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,+BAAiB,GAAE,CAAC;IAC3E,MAAM;IACJ,6DAA6D;IAC7D,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG;IAC5G,wCAAwC;IACxC,GAAG,UAAU,CAAC,qBAAqB;MACpC,GAAG,KAAY,CAAC;IACjB,MAAM,YAAY,GAAG;QACnB,GAAG,KAAK,CAAC,MAAM;QACf,UAAU,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;KACjE,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,uCAAsB,EAAC,+BAA+B,CAAC,CAAC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM;QAC1C,oBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,YAAY,EAC9B,MAAM,EAAE,YAAY;YACpB,gEAAgE;YAChE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,KACjD,UAAU,GACd,CACE,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,+CAAqD;AAKrD,sCAAmC;AACnC,4DAAiE;AACjE,+CAAkD;AAqLlD,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AACF;;;GAGG;AACH,gEAAgE;AAChE,SAAgB,YAAY,CAAC,KAAwB;;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACzD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,eAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;SACvE;QACD,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,gBAAgB,mCAAI,oBAAoB,CAAC;IACxE,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,+BAAiB,GAAE,CAAC;IAC3E,MAAM;IACJ,6DAA6D;IAC7D,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG;IAC5G,wCAAwC;IACxC,GAAG,UAAU,CAAC,qBAAqB;MACpC,GAAG,KAAY,CAAC;IACjB,MAAM,YAAY,GAAG;QACnB,GAAG,KAAK,CAAC,MAAM;QACf,UAAU,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;KACjE,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,uCAAsB,EAAC,+BAA+B,CAAC,CAAC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM;QAC1C,oBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,YAAY,EAC9B,MAAM,EAAE,YAAY;YACpB,gEAAgE;YAChE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,KACjD,UAAU,GACd,CACE,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/core-react/utils/UiEvent.d.ts

@@ -2,7 +2,7 @@
  * @module Utilities
  */
 import { BeUiEvent } from "@itwin/core-bentley";
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
  * @public
  */
 export declare class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> {

package/lib/cjs/core-react/utils/UiEvent.js

@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UiEvent = void 0;
 const core_bentley_1 = require("@itwin/core-bentley");
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
  * @public
  */
 class UiEvent extends core_bentley_1.BeUiEvent {

package/lib/cjs/core-react/utils/UiEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sDAAgD;AAEhD;;GAEG;AACH,MAAa,OAAoB,SAAQ,wBAAqB;CAAI;AAAlE,0BAAkE","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\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}
+{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sDAAgD;AAEhD;;GAEG;AACH,MAAa,OAAoB,SAAQ,wBAAqB;CAAI;AAAlE,0BAAkE","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\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}

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

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

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgD9D;;GAEG;AACH,MAAM,UAAU,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,KAAK,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,WAAW,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;AAED,SAAS,2CAA2C,CAAC,gBAAmC;IACtF,IAAI,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE;QACxB,KAAK,gBAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,gBAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,oBAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,gBAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,gBAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,gBAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,oBAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,gBAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,oBAAoB,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgD9D;;GAEG;AACH,MAAM,UAAU,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,KAAK,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,WAAW,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;AAED,SAAS,2CAA2C,CAAC,gBAAmC;IACtF,IAAI,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE;QACxB,KAAK,gBAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,gBAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,oBAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,gBAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,gBAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,gBAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,oBAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,gBAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,oBAAoB,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/esm/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/esm/core-react/dialog/DialogButtonDef.js

@@ -7,7 +7,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 var DialogButtonType;
 (function (DialogButtonType) {
@@ -23,7 +23,7 @@ export var DialogButtonType;
 })(DialogButtonType || (DialogButtonType = {}));
 /** Enum for button style.
   * @public
-  * @deprecated Use DialogButtonStyle in bentley/appui-abstract instead
+  * @deprecated Use [DialogButtonStyle]($appui-abstract) instead
   */
 export var DialogButtonStyle;
 (function (DialogButtonStyle) {

package/lib/esm/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,MAAM,CAAN,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,KAAhB,gBAAgB,QAU3B;AAED;;;IAGI;AACJ,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,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,MAAM,CAAN,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,KAAhB,gBAAgB,QAU3B;AAED;;;IAGI;AACJ,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,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/esm/core-react/messagebox/MessageSeverity.d.ts

@@ -3,7 +3,7 @@
  */
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead
+  * @deprecated Use [MessageSeverity]($appui-abstract) instead
   */
 export declare enum MessageSeverity {
     None = 0,

package/lib/esm/core-react/messagebox/MessageSeverity.js

@@ -7,7 +7,7 @@
  */
 /** Message Severity enum.
   * @public
-  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead
+  * @deprecated Use [MessageSeverity]($appui-abstract) instead
   */
 export var MessageSeverity;
 (function (MessageSeverity) {

package/lib/esm/core-react/messagebox/MessageSeverity.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;IAGI;AACJ,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","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/** Message Severity enum.\r\n  * @public\r\n  * @deprecated Use [MessageSeverity]($appui-abstract) in bentley/appui-abstract instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}
+{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;IAGI;AACJ,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","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/** Message Severity enum.\r\n  * @public\r\n  * @deprecated Use [MessageSeverity]($appui-abstract) instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}

package/lib/esm/core-react/select/ThemedSelect.d.ts

@@ -95,7 +95,7 @@ export declare type ThemedSelectProps = {
     tabSelectsValue?: boolean;
     value?: ValueType<OptionType>;
 };
-/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied
+/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied
  * @beta
  * @deprecated use Select from @itwin/itwinui-react
  */

package/lib/esm/core-react/select/ThemedSelect.js

@@ -17,7 +17,7 @@ const ThemedMenu = (props) => {
     return (React.createElement("div", { className: "uicore-reactSelectTop" },
         React.createElement(components.Menu, { ...props })));
 };
-/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied
+/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied
  * @beta
  * @deprecated use Select from @itwin/itwinui-react
  */

package/lib/esm/core-react/select/ThemedSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAqLlD,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,UAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AACF;;;GAGG;AACH,gEAAgE;AAChE,MAAM,UAAU,YAAY,CAAC,KAAwB;;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACzD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;SACvE;QACD,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,gBAAgB,mCAAI,oBAAoB,CAAC;IACxE,MAAM,eAAe,GAAG,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3E,MAAM;IACJ,6DAA6D;IAC7D,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG;IAC5G,wCAAwC;IACxC,GAAG,UAAU,CAAC,qBAAqB;MACpC,GAAG,KAAY,CAAC;IACjB,MAAM,YAAY,GAAG;QACnB,GAAG,KAAK,CAAC,MAAM;QACf,UAAU,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;KACjE,CAAC;IAEF,MAAM,MAAM,GAAG,sBAAsB,CAAC,+BAA+B,CAAC,CAAC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM;QAC1C,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,YAAY,EAC9B,MAAM,EAAE,YAAY;YACpB,gEAAgE;YAChE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,KACjD,UAAU,GACd,CACE,CACP,CAAC;AACJ,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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAqLlD,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,UAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AACF;;;GAGG;AACH,gEAAgE;AAChE,MAAM,UAAU,YAAY,CAAC,KAAwB;;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACzD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;SACvE;QACD,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,gBAAgB,mCAAI,oBAAoB,CAAC;IACxE,MAAM,eAAe,GAAG,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3E,MAAM;IACJ,6DAA6D;IAC7D,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG;IAC5G,wCAAwC;IACxC,GAAG,UAAU,CAAC,qBAAqB;MACpC,GAAG,KAAY,CAAC;IACjB,MAAM,YAAY,GAAG;QACnB,GAAG,KAAK,CAAC,MAAM;QACf,UAAU,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;KACjE,CAAC;IAEF,MAAM,MAAM,GAAG,sBAAsB,CAAC,+BAA+B,CAAC,CAAC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM;QAC1C,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,YAAY,EAC9B,MAAM,EAAE,YAAY;YACpB,gEAAgE;YAChE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,KACjD,UAAU,GACd,CACE,CACP,CAAC;AACJ,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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/esm/core-react/utils/UiEvent.d.ts

@@ -2,7 +2,7 @@
  * @module Utilities
  */
 import { BeUiEvent } from "@itwin/core-bentley";
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
  * @public
  */
 export declare class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> {

package/lib/esm/core-react/utils/UiEvent.js

@@ -6,7 +6,7 @@
  * @module Utilities
  */
 import { BeUiEvent } from "@itwin/core-bentley";
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
  * @public
  */
 export class UiEvent extends BeUiEvent {

package/lib/esm/core-react/utils/UiEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,OAAO,OAAoB,SAAQ,SAAqB;CAAI","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\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}
+{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,OAAO,OAAoB,SAAQ,SAAqB;CAAI","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\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itwin/core-react",
-  "version": "3.0.0-dev.136",
-  "description": "iModel.js UI core components",
+  "version": "3.0.0-dev.141",
+  "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
   "typings": "lib/cjs/core-react",
@@ -23,8 +23,8 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.0.0-dev.136",
-    "@itwin/core-bentley": "^3.0.0-dev.136",
+    "@itwin/appui-abstract": "^3.0.0-dev.141",
+    "@itwin/core-bentley": "^3.0.0-dev.141",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -33,12 +33,12 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "3.0.0-dev.136",
-    "@itwin/build-tools": "3.0.0-dev.136",
-    "@itwin/core-bentley": "3.0.0-dev.136",
-    "@itwin/core-common": "3.0.0-dev.136",
-    "@itwin/core-i18n": "3.0.0-dev.136",
-    "@itwin/eslint-plugin": "3.0.0-dev.136",
+    "@itwin/appui-abstract": "3.0.0-dev.141",
+    "@itwin/build-tools": "3.0.0-dev.141",
+    "@itwin/core-bentley": "3.0.0-dev.141",
+    "@itwin/core-common": "3.0.0-dev.141",
+    "@itwin/core-i18n": "3.0.0-dev.141",
+    "@itwin/eslint-plugin": "3.0.0-dev.141",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",