@itwin/appui-react 4.0.0-dev.8 → 4.0.0-dev.9

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

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

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

@@ -31,6 +31,8 @@ interface ValidationTextboxProps extends CommonProps {
     errorText?: string;
     /** Detailed error message to display */
     detailedErrorText?: string;
+    /** Content */
+    children?: React.ReactNode;
 }
 interface ValidationTextboxState {
     isValid: boolean;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./ValidationTextbox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\n\r\n/** Enum for Input Status used in [[ValidationTextbox]]\r\n * @alpha\r\n */\r\nexport enum InputStatus {\r\n  Valid = 0,\r\n  Invalid = 1,\r\n}\r\n\r\n/** Property interface for ValidationTextbox\r\n * @alpha\r\n */\r\ninterface ValidationTextboxProps extends CommonProps {\r\n  /** value to set ValidationTextbox to initially */\r\n  initialValue?: string;\r\n  /** placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\r\n  onValueChanged?: (value: string) => InputStatus;\r\n  /** listens for <Enter> key presses */\r\n  onEnterPressed?: () => void;\r\n  /** listens for <Esc> key presses */\r\n  onEscPressed?: () => void;\r\n  /** width of ValidationTextbox, measured in em */\r\n  size?: number;\r\n  /** Error message to display */\r\n  errorText?: string;\r\n  /** Detailed error message to display */\r\n  detailedErrorText?: string;\r\n}\r\n\r\ninterface ValidationTextboxState {\r\n  isValid: boolean;\r\n}\r\n\r\n/**\r\n * Input box that validates text based on provided criteria. Defaults to checking\r\n * for empty if no method for onValueChanged is provided.\r\n * @alpha\r\n */\r\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\r\n  constructor(props: ValidationTextboxProps) {\r\n    super(props);\r\n\r\n    this.state = { isValid: true };\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const sizeStyle: React.CSSProperties = {\r\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\r\n    };\r\n    const divStyle: React.CSSProperties = {\r\n      ...sizeStyle,\r\n      ...this.props.style,\r\n    };\r\n\r\n    const validClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n    );\r\n\r\n    const invalidClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n      \"ValidationTextbox-invalid\",\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\r\n        style={divStyle}>\r\n        <input\r\n          className={this.state.isValid ? validClassNames : invalidClassNames}\r\n          onChange={this._validateText}\r\n          onKeyUp={this._handleKeyUp}\r\n          onPaste={this._validateText}\r\n          onCut={this._validateText}\r\n          onBlur={this._validateText}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\r\n          style={sizeStyle}\r\n        />\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private processValidateText(target: HTMLInputElement | undefined): void {\r\n    // istanbul ignore next\r\n    if (undefined === target)\r\n      return;\r\n\r\n    const value = target.value;\r\n    const isValid = this._calculateIsValid(value);\r\n\r\n    this.setState({ isValid }, () => {\r\n      if (this.state.isValid) {\r\n        this._hideErrorMessage();\r\n      } else {\r\n        // istanbul ignore else\r\n        if (this.props.errorText && !this.state.isValid)\r\n          this._showErrorMessage(target);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if value is valid and resolves any defined functions.\r\n   * Also will show or hide error message if defined.\r\n   * @param event   Button press event that triggers validation\r\n   */\r\n  private _validateText = (event?: any): void => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n  };\r\n\r\n  /**\r\n   * Determines if value provided is valid by calling user defined\r\n   * function. If no function is provided, the default criteria for\r\n   * validity is if the value has been defined.\r\n   * @param value   The value provided in textbox\r\n   */\r\n  private _calculateIsValid(value: string): boolean {\r\n    if (this.props.onValueChanged)\r\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\r\n    return value.length > 0;\r\n  }\r\n\r\n  /** Hides error message */\r\n  private _hideErrorMessage() {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Displays error message. */\r\n  private _showErrorMessage(target: Element) {\r\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\r\n    return;\r\n  }\r\n\r\n  /**\r\n   * Manages special key codes by calling user defined functions\r\n   * @param event   Keyup event\r\n   */\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./ValidationTextbox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\n\r\n/** Enum for Input Status used in [[ValidationTextbox]]\r\n * @alpha\r\n */\r\nexport enum InputStatus {\r\n  Valid = 0,\r\n  Invalid = 1,\r\n}\r\n\r\n/** Property interface for ValidationTextbox\r\n * @alpha\r\n */\r\ninterface ValidationTextboxProps extends CommonProps {\r\n  /** value to set ValidationTextbox to initially */\r\n  initialValue?: string;\r\n  /** placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\r\n  onValueChanged?: (value: string) => InputStatus;\r\n  /** listens for <Enter> key presses */\r\n  onEnterPressed?: () => void;\r\n  /** listens for <Esc> key presses */\r\n  onEscPressed?: () => void;\r\n  /** width of ValidationTextbox, measured in em */\r\n  size?: number;\r\n  /** Error message to display */\r\n  errorText?: string;\r\n  /** Detailed error message to display */\r\n  detailedErrorText?: string;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\ninterface ValidationTextboxState {\r\n  isValid: boolean;\r\n}\r\n\r\n/**\r\n * Input box that validates text based on provided criteria. Defaults to checking\r\n * for empty if no method for onValueChanged is provided.\r\n * @alpha\r\n */\r\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\r\n  constructor(props: ValidationTextboxProps) {\r\n    super(props);\r\n\r\n    this.state = { isValid: true };\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const sizeStyle: React.CSSProperties = {\r\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\r\n    };\r\n    const divStyle: React.CSSProperties = {\r\n      ...sizeStyle,\r\n      ...this.props.style,\r\n    };\r\n\r\n    const validClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n    );\r\n\r\n    const invalidClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n      \"ValidationTextbox-invalid\",\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\r\n        style={divStyle}>\r\n        <input\r\n          className={this.state.isValid ? validClassNames : invalidClassNames}\r\n          onChange={this._validateText}\r\n          onKeyUp={this._handleKeyUp}\r\n          onPaste={this._validateText}\r\n          onCut={this._validateText}\r\n          onBlur={this._validateText}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\r\n          style={sizeStyle}\r\n        />\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private processValidateText(target: HTMLInputElement | undefined): void {\r\n    // istanbul ignore next\r\n    if (undefined === target)\r\n      return;\r\n\r\n    const value = target.value;\r\n    const isValid = this._calculateIsValid(value);\r\n\r\n    this.setState({ isValid }, () => {\r\n      if (this.state.isValid) {\r\n        this._hideErrorMessage();\r\n      } else {\r\n        // istanbul ignore else\r\n        if (this.props.errorText && !this.state.isValid)\r\n          this._showErrorMessage(target);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if value is valid and resolves any defined functions.\r\n   * Also will show or hide error message if defined.\r\n   * @param event   Button press event that triggers validation\r\n   */\r\n  private _validateText = (event?: any): void => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n  };\r\n\r\n  /**\r\n   * Determines if value provided is valid by calling user defined\r\n   * function. If no function is provided, the default criteria for\r\n   * validity is if the value has been defined.\r\n   * @param value   The value provided in textbox\r\n   */\r\n  private _calculateIsValid(value: string): boolean {\r\n    if (this.props.onValueChanged)\r\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\r\n    return value.length > 0;\r\n  }\r\n\r\n  /** Hides error message */\r\n  private _hideErrorMessage() {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Displays error message. */\r\n  private _showErrorMessage(target: Element) {\r\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\r\n    return;\r\n  }\r\n\r\n  /**\r\n   * Manages special key codes by calling user defined functions\r\n   * @param event   Keyup event\r\n   */\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n}\r\n"]}

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

@@ -37,9 +37,9 @@
   .ValidationTextbox-icon {
     position: absolute;
     padding: $uicore-bordered-padding;
-    width: $uicore-line-height;
-    height: $uicore-line-height;
-    line-height: $uicore-line-height;
+    width: var(--iui-size-l);
+    height: var(--iui-size-l);
+    line-height: var(--iui-size-l);
     font-size: $uicore-icons-small;
     cursor: pointer;
     top: 0px;
@@ -51,4 +51,4 @@
       color: $buic-foreground-primary;
     }
   }
-}
+}

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import { BeEvent } from "@itwin/core-bentley";
+import { IconSpec } from "@itwin/core-react";
+import { CommandItemDef } from "../shared/CommandItemDef";
+/** Arguments of [[Backstage.onToggled]].
+ * @public
+ */
+export interface BackstageToggledArgs {
+    readonly isOpen: boolean;
+}
+/**
+ * [[UiFramework.backstage]] interface.
+ * @public
+ */
+export interface FrameworkBackstage {
+    /**
+     * Event activated when the backstage is toggled.
+     */
+    readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;
+    /**
+     * State of the backstage.
+     */
+    readonly isOpen: boolean;
+    /**
+     * Display the backstage.
+     */
+    open(): void;
+    /**
+     * Hides the backstage.
+     */
+    close(): void;
+    /**
+     * Toggle the backstage.
+     */
+    toggle(): void;
+    /**
+     * Creates a CommandItemDef that toggle the backstage.
+     * @param overrideIconSpec Icon to replace the default 'home'.
+     */
+    getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;
+}
+//# sourceMappingURL=FrameworkBackstage.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkBackstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,IAAI,IAAI,CAAC;IACb;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;OAEG;IACH,MAAM,IAAI,IAAI,CAAC;IACf;;;OAGG;IACH,yBAAyB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACxE"}

package/lib/cjs/appui-react/{imodel-components/models-tree/ModelsTree.scss → framework/FrameworkBackstage.js}

@@ -1,9 +1,10 @@
+"use strict";
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "../VisibilityTreeBase";
-
-.ui-fw-models-tree {
-  @include ui-fw-visibility-tree-base;
-}
+/** @packageDocumentation
+ * @module Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FrameworkBackstage.js.map

package/lib/cjs/appui-react/framework/FrameworkBackstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkBackstage.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Backstage\r\n */\r\n\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\r\n\r\n/** Arguments of [[Backstage.onToggled]].\r\n * @public\r\n */\r\nexport interface BackstageToggledArgs {\r\n  readonly isOpen: boolean;\r\n}\r\n\r\n/**\r\n * [[UiFramework.backstage]] interface.\r\n * @public\r\n */\r\nexport interface FrameworkBackstage {\r\n  /**\r\n   * Event activated when the backstage is toggled.\r\n   */\r\n  readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;\r\n  /**\r\n   * State of the backstage.\r\n   */\r\n  readonly isOpen: boolean;\r\n  /**\r\n   * Display the backstage.\r\n   */\r\n  open(): void;\r\n  /**\r\n   * Hides the backstage.\r\n   */\r\n  close(): void;\r\n  /**\r\n   * Toggle the backstage.\r\n   */\r\n  toggle(): void;\r\n  /**\r\n   * Creates a CommandItemDef that toggle the backstage.\r\n   * @param overrideIconSpec Icon to replace the default 'home'.\r\n   */\r\n  getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;\r\n}\r\n"]}

package/lib/cjs/appui-react/framework/FrameworkChildWindows.d.ts

@@ -0,0 +1,76 @@
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+/// <reference types="react" />
+/** @public */
+export interface OpenChildWindowInfo {
+    childWindowId: string;
+    window: Window;
+    parentWindow: Window;
+}
+/** @public */
+export interface ChildWindowLocationProps {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+}
+/**
+ * Basic recreation of the `createRoot` function type, intentionally not exported.
+ */
+declare type CreateRoot = (container: Element | DocumentFragment) => {
+    render(children: React.ReactNode): void;
+};
+/**
+ * [[UiFramework.childWindows]] interface.
+ * @beta
+ */
+export interface FrameworkChildWindows {
+    /**
+     * List of currently open child windows;
+     */
+    readonly openChildWindows: OpenChildWindowInfo[];
+    /**
+     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
+     * Do not call if using React 17 or before.
+     *
+     * Note: The type of the function is intentionally simplified here.
+     *
+     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
+     * @beta Will be removed once the transition to react 18 is complete.
+     */
+    useCreateRoot(createRootFn: CreateRoot): void;
+    /**
+     * Returns the OpenChildWindowInfo for the related id.
+     * @param childWindowId Id of the window to retrieve.
+     * @returns undefined if not found.
+     */
+    find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;
+    /**
+     * Return the childWindowId of the provided window.
+     * @param contentWindow Window element to identify
+     * @returns undefined if not found
+     */
+    findId(contentWindow: Window | undefined | null): string | undefined;
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll(): void;
+    /**
+     * Close a specific child window.
+     * @param childWindowId Id of the window to close
+     * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
+     * @returns false if the window could not be found.
+     */
+    close(childWindowId: string, processWindowClose?: boolean): boolean;
+    /**
+     * Open a new child window.
+     * @param childWindowId Id to assign to the newly created window.
+     * @param title Title to display on the window.
+     * @param content ReactNode to be rendered in the window.
+     * @param location Position and size information
+     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
+     * @returns true if the window is opened successfully.
+     */
+    open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;
+}
+export {};
+//# sourceMappingURL=FrameworkChildWindows.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkChildWindows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkChildWindows.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkChildWindows.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,aAAK,UAAU,GAAG,CAAC,SAAS,EAAE,OAAO,GAAG,gBAAgB,KAAK;IAC3D,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;IAEjD;;;;;;;;OAQG;IACH,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAE9C;;;;OAIG;IACH,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS,CAAC;IAEzE;;;;OAIG;IACH,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAErE,gGAAgG;IAChG,QAAQ,IAAI,IAAI,CAAC;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEpE;;;;;;;;OAQG;IACH,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAClJ"}

package/lib/cjs/appui-react/{imodel-components/category-tree/CategoriesTree.scss → framework/FrameworkChildWindows.js}

@@ -1,9 +1,10 @@
+"use strict";
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "../VisibilityTreeBase";
-
-.ui-fw-categories-tree {
-  @include ui-fw-visibility-tree-base;
-}
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FrameworkChildWindows.js.map

package/lib/cjs/appui-react/framework/FrameworkChildWindows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkChildWindows.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkChildWindows.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 ChildWindowManager\r\n */\r\n\r\n/** @public */\r\nexport interface OpenChildWindowInfo {\r\n  childWindowId: string;\r\n  window: Window;\r\n  parentWindow: Window;\r\n}\r\n\r\n/** @public */\r\nexport interface ChildWindowLocationProps {\r\n  width: number;\r\n  height: number;\r\n  left: number;\r\n  top: number;\r\n}\r\n\r\n/**\r\n * Basic recreation of the `createRoot` function type, intentionally not exported.\r\n */\r\ntype CreateRoot = (container: Element | DocumentFragment) => {\r\n  render(children: React.ReactNode): void;\r\n};\r\n\r\n/**\r\n * [[UiFramework.childWindows]] interface.\r\n * @beta\r\n */\r\nexport interface FrameworkChildWindows {\r\n  /**\r\n   * List of currently open child windows;\r\n   */\r\n  readonly openChildWindows: OpenChildWindowInfo[];\r\n\r\n  /**\r\n   * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.\r\n   * Do not call if using React 17 or before.\r\n   *\r\n   * Note: The type of the function is intentionally simplified here.\r\n   *\r\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\r\n   * @beta Will be removed once the transition to react 18 is complete.\r\n   */\r\n  useCreateRoot(createRootFn: CreateRoot): void;\r\n\r\n  /**\r\n   * Returns the OpenChildWindowInfo for the related id.\r\n   * @param childWindowId Id of the window to retrieve.\r\n   * @returns undefined if not found.\r\n   */\r\n  find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;\r\n\r\n  /**\r\n   * Return the childWindowId of the provided window.\r\n   * @param contentWindow Window element to identify\r\n   * @returns undefined if not found\r\n   */\r\n  findId(contentWindow: Window | undefined | null): string | undefined;\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  closeAll(): void;\r\n\r\n  /**\r\n   * Close a specific child window.\r\n   * @param childWindowId Id of the window to close\r\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\r\n   * @returns false if the window could not be found.\r\n   */\r\n  close(childWindowId: string, processWindowClose?: boolean): boolean;\r\n\r\n  /**\r\n   * Open a new child window.\r\n   * @param childWindowId Id to assign to the newly created window.\r\n   * @param title Title to display on the window.\r\n   * @param content ReactNode to be rendered in the window.\r\n   * @param location Position and size information\r\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\r\n   * @returns true if the window is opened successfully.\r\n   */\r\n  open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;\r\n}\r\n"]}

package/lib/cjs/appui-react/framework/FrameworkContent.d.ts

@@ -0,0 +1,155 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+/// <reference types="react" />
+import { ContentLayoutProps, UiEvent } from "@itwin/appui-abstract";
+import { ContentControl } from "../content/ContentControl";
+import { ContentGroup, ContentGroupProps } from "../content/ContentGroup";
+import { ContentLayoutDef } from "../content/ContentLayout";
+import { DialogChangedEvent } from "../dialog/DialogManagerBase";
+import { FrameworkStackedDialog } from "./FrameworkDialogs";
+/** [[MouseDownChangedEvent]] Args interface.
+ * @public
+ */
+export interface MouseDownChangedEventArgs {
+    /** Indicates whether the mouse is down */
+    mouseDown: boolean;
+}
+/** Mouse Down Changed Event class.
+ * @public
+ */
+export declare class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> {
+}
+/** [[ActiveContentChangedEvent]] Args interface.
+ * @public
+ */
+export interface ActiveContentChangedEventArgs {
+    /** React node of the old content */
+    oldContent?: React.ReactNode;
+    /** React node of the newly active content */
+    activeContent?: React.ReactNode;
+}
+/** Active Content Changed Event class.
+ * @public
+ */
+export declare class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> {
+}
+/** Content Dialog Changed Event class.
+ * @public
+ */
+export declare class ContentDialogChangedEvent extends DialogChangedEvent {
+}
+/** @public */
+export interface ContentDialogInfo {
+    reactNode: React.ReactNode;
+    zIndex: number;
+    parentDocument: Document;
+}
+/**
+ * [[UiFramework.content]] interface
+ * @beta
+ */
+export interface FrameworkContent {
+    /** Gets the [[MouseDownChangedEvent]] */
+    readonly onMouseDownChangedEvent: MouseDownChangedEvent;
+    /** Determines if the mouse is down in a content view */
+    readonly isMouseDown: boolean;
+    /** Sets the mouse down status for a content view */
+    setMouseDown(mouseDown: boolean): void;
+    /** Gets the [[ActiveContentChangedEvent]] */
+    readonly onActiveContentChangedEvent: ActiveContentChangedEvent;
+    /** Fires when floating contents are added or removed */
+    readonly onAvailableContentChangedEvent: UiEvent<{
+        contentId: string;
+    }>;
+    /** Gets the active content as a React.ReactNode. */
+    getActive(): React.ReactNode | undefined;
+    /** Return the active ContentControl. */
+    getActiveContentControl(): ContentControl | undefined;
+    addFloatingContentControl(contentControl?: ContentControl): void;
+    dropFloatingContentControl(contentControl?: ContentControl): void;
+    /** Sets the active [[ContentControl]] */
+    setActive(activeContent?: React.ReactNode, forceEventProcessing?: boolean): void;
+    /** Refreshes the active [[ContentControl]] */
+    refreshActive(activeContent: React.ReactNode): void;
+    /**
+     * Determines if content displays a Sheet view.
+     * @param content ContentControl to check
+     */
+    isContentSheetView(content: ContentControl | undefined): boolean;
+    /**
+     * Determines if content displays a Drawing view.
+     * @param content ContentControl to check
+     */
+    isContentDrawingView(content: ContentControl | undefined): boolean;
+    /**
+     * Determines if content displays a Spatial view.
+     * @param content ContentControl to check
+     */
+    isContentSpatialView(content: ContentControl | undefined): boolean;
+    /**
+     * Determines if content displays a Orthographic view.
+     * @param content ContentControl to check
+     */
+    isContentOrthographicView(content: ContentControl | undefined): boolean;
+    /**
+     * Determines if content displays a 3d view.
+     * @param content ContentControl to check
+     */
+    isContent3dView(content: ContentControl | undefined): boolean;
+    /**
+     * Determines if viewport supports use of a camera.
+     * @param content ContentControl to check
+     */
+    contentSupportsCamera(content: ContentControl | undefined): boolean;
+    /**
+     * Manage content layouts.
+     * @beta
+     */
+    readonly layouts: {
+        /** build a layout key that is unique for group layout combination */
+        getKey(props: {
+            contentGroupId: string;
+            layoutId: string;
+        }): string;
+        /** Return a LayoutDef that is specific to a content group.
+         * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+         */
+        getForGroup(contentGroupProps: ContentGroupProps | ContentGroup, overrideContentLayout?: ContentLayoutProps): ContentLayoutDef;
+        /** Finds a Content Layout with a given id.
+         * @param layoutKey  group specific layout id, see `getLayoutKey`
+         * @returns the [[ContentLayoutDef]] if found, or undefined otherwise
+         */
+        find(layoutKey: string): ContentLayoutDef | undefined;
+        /** Adds a Content Layout.
+         * @param layoutId  the id of the Content Layout to add
+         * @param layoutDef  the Content Layout definition to add
+         */
+        add(layoutId: string, layoutDef: ContentLayoutDef): void;
+        /** Gets the active Content Layout */
+        readonly activeLayout: ContentLayoutDef | undefined;
+        /** Gets the active Content Group */
+        readonly activeContentGroup: ContentGroup | undefined;
+        /** Sets the active Content Layout, Content Group and Content Control.
+         * @param contentLayoutDef  Content layout to make active
+         * @param contentGroup  Content Group to make active
+         */
+        setActive(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup): Promise<void>;
+        /** Sets the active Content Group.
+         * @param contentGroup  Content Group to make active
+         */
+        setActiveContentGroup(contentGroup: ContentGroup): Promise<void>;
+        /** Refreshes the active layout and content group.
+         */
+        refreshActive(): void;
+    };
+    /**
+     * Manage dialogs displaying managed content.
+     * @beta
+     */
+    readonly dialogs: FrameworkStackedDialog<ContentDialogInfo> & {
+        /** Content Dialog Changed Event */
+        readonly onContentDialogChangedEvent: ContentDialogChangedEvent;
+    };
+}
+//# sourceMappingURL=FrameworkContent.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/framework/FrameworkContent.js

@@ -0,0 +1,31 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentDialogChangedEvent = exports.ActiveContentChangedEvent = exports.MouseDownChangedEvent = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const DialogManagerBase_1 = require("../dialog/DialogManagerBase");
+/** Mouse Down Changed Event class.
+ * @public
+ */
+class MouseDownChangedEvent extends appui_abstract_1.UiEvent {
+}
+exports.MouseDownChangedEvent = MouseDownChangedEvent;
+/** Active Content Changed Event class.
+ * @public
+ */
+class ActiveContentChangedEvent extends appui_abstract_1.UiEvent {
+}
+exports.ActiveContentChangedEvent = ActiveContentChangedEvent;
+/** Content Dialog Changed Event class.
+ * @public
+ */
+class ContentDialogChangedEvent extends DialogManagerBase_1.DialogChangedEvent {
+}
+exports.ContentDialogChangedEvent = ContentDialogChangedEvent;
+//# sourceMappingURL=FrameworkContent.js.map

package/lib/cjs/appui-react/framework/FrameworkContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkContent.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0DAAoE;AAIpE,mEAAiE;AAWjE;;GAEG;AACH,MAAa,qBAAsB,SAAQ,wBAAkC;CAAI;AAAjF,sDAAiF;AAYjF;;GAEG;AACH,MAAa,yBAA0B,SAAQ,wBAAsC;CAAI;AAAzF,8DAAyF;AAEzF;;GAEG;AACH,MAAa,yBAA0B,SAAQ,sCAAkB;CAAI;AAArE,8DAAqE","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 ContentView\r\n */\r\n\r\nimport { ContentLayoutProps, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ContentControl } from \"../content/ContentControl\";\r\nimport { ContentGroup, ContentGroupProps } from \"../content/ContentGroup\";\r\nimport { ContentLayoutDef } from \"../content/ContentLayout\";\r\nimport { DialogChangedEvent } from \"../dialog/DialogManagerBase\";\r\nimport { FrameworkStackedDialog } from \"./FrameworkDialogs\";\r\n\r\n/** [[MouseDownChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface MouseDownChangedEventArgs {\r\n  /** Indicates whether the mouse is down */\r\n  mouseDown: boolean;\r\n}\r\n\r\n/** Mouse Down Changed Event class.\r\n * @public\r\n */\r\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> { }\r\n\r\n/** [[ActiveContentChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface ActiveContentChangedEventArgs {\r\n  /** React node of the old content */\r\n  oldContent?: React.ReactNode;\r\n  /** React node of the newly active content */\r\n  activeContent?: React.ReactNode;\r\n}\r\n\r\n/** Active Content Changed Event class.\r\n * @public\r\n */\r\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> { }\r\n\r\n/** Content Dialog Changed Event class.\r\n * @public\r\n */\r\nexport class ContentDialogChangedEvent extends DialogChangedEvent { }\r\n\r\n/** @public */\r\nexport interface ContentDialogInfo {\r\n  reactNode: React.ReactNode;\r\n  zIndex: number;\r\n  parentDocument: Document;\r\n}\r\n\r\n/**\r\n * [[UiFramework.content]] interface\r\n * @beta\r\n */\r\nexport interface FrameworkContent {\r\n  /** Gets the [[MouseDownChangedEvent]] */\r\n  readonly onMouseDownChangedEvent: MouseDownChangedEvent;\r\n\r\n  /** Determines if the mouse is down in a content view */\r\n  readonly isMouseDown: boolean;\r\n\r\n  /** Sets the mouse down status for a content view */\r\n  setMouseDown(mouseDown: boolean): void;\r\n\r\n  /** Gets the [[ActiveContentChangedEvent]] */\r\n  readonly onActiveContentChangedEvent: ActiveContentChangedEvent;\r\n\r\n  /** Fires when floating contents are added or removed */\r\n\r\n  readonly onAvailableContentChangedEvent: UiEvent<{ contentId: string }>;\r\n\r\n  /** Gets the active content as a React.ReactNode. */\r\n  getActive(): React.ReactNode | undefined;\r\n\r\n  /** Return the active ContentControl. */\r\n  getActiveContentControl(): ContentControl | undefined;\r\n\r\n  addFloatingContentControl(contentControl?: ContentControl): void;\r\n\r\n  dropFloatingContentControl(contentControl?: ContentControl): void;\r\n\r\n  /** Sets the active [[ContentControl]] */\r\n  setActive(activeContent?: React.ReactNode, forceEventProcessing?: boolean): void;\r\n\r\n  /** Refreshes the active [[ContentControl]] */\r\n  refreshActive(activeContent: React.ReactNode): void;\r\n\r\n  /**\r\n   * Determines if content displays a Sheet view.\r\n   * @param content ContentControl to check\r\n   */\r\n  isContentSheetView(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Determines if content displays a Drawing view.\r\n   * @param content ContentControl to check\r\n   */\r\n  isContentDrawingView(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Determines if content displays a Spatial view.\r\n   * @param content ContentControl to check\r\n   */\r\n  isContentSpatialView(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Determines if content displays a Orthographic view.\r\n   * @param content ContentControl to check\r\n   */\r\n  isContentOrthographicView(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Determines if content displays a 3d view.\r\n   * @param content ContentControl to check\r\n   */\r\n  isContent3dView(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Determines if viewport supports use of a camera.\r\n   * @param content ContentControl to check\r\n   */\r\n  contentSupportsCamera(content: ContentControl | undefined): boolean;\r\n\r\n  /**\r\n   * Manage content layouts.\r\n   * @beta\r\n   */\r\n  readonly layouts: {\r\n    /** build a layout key that is unique for group layout combination */\r\n    getKey(props: { contentGroupId: string, layoutId: string }): string;\r\n\r\n    /** Return a LayoutDef that is specific to a content group.\r\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n     */\r\n    getForGroup(contentGroupProps: ContentGroupProps | ContentGroup, overrideContentLayout?: ContentLayoutProps): ContentLayoutDef;\r\n\r\n    /** Finds a Content Layout with a given id.\r\n     * @param layoutKey  group specific layout id, see `getLayoutKey`\r\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\r\n     */\r\n    find(layoutKey: string): ContentLayoutDef | undefined;\r\n\r\n    /** Adds a Content Layout.\r\n     * @param layoutId  the id of the Content Layout to add\r\n     * @param layoutDef  the Content Layout definition to add\r\n     */\r\n    add(layoutId: string, layoutDef: ContentLayoutDef): void;\r\n\r\n    /** Gets the active Content Layout */\r\n    readonly activeLayout: ContentLayoutDef | undefined;\r\n\r\n    /** Gets the active Content Group */\r\n    readonly activeContentGroup: ContentGroup | undefined;\r\n\r\n    /** Sets the active Content Layout, Content Group and Content Control.\r\n     * @param contentLayoutDef  Content layout to make active\r\n     * @param contentGroup  Content Group to make active\r\n     */\r\n    setActive(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup): Promise<void>;\r\n\r\n    /** Sets the active Content Group.\r\n     * @param contentGroup  Content Group to make active\r\n     */\r\n    setActiveContentGroup(contentGroup: ContentGroup): Promise<void>;\r\n\r\n    /** Refreshes the active layout and content group.\r\n     */\r\n    refreshActive(): void;\r\n  };\r\n  /**\r\n   * Manage dialogs displaying managed content.\r\n   * @beta\r\n   */\r\n  readonly dialogs: FrameworkStackedDialog<ContentDialogInfo> & {\r\n    /** Content Dialog Changed Event */\r\n    readonly onContentDialogChangedEvent: ContentDialogChangedEvent;\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/framework/FrameworkControls.d.ts

@@ -0,0 +1,43 @@
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+import { ConfigurableUiControlConstructor, ConfigurableUiElement } from "../configurableui/ConfigurableUiControl";
+/**
+ * [[UiFramework.controls]] interface
+ * @beta
+ */
+export interface FrameworkControls {
+    /** Registers a control implementing the [[ConfigurableUiElement]] interface.
+     * These controls can be a
+     * [[ContentControl]],
+     * [[NavigationAidControl]],
+     * [[StatusBarWidgetControl]],
+     * [[WidgetControl]] or
+     * [[ToolUiProvider]].
+     * @param classId the class id of the control to register
+     * @param constructor the constructor of the control to register
+     */
+    register(classId: string, constructor: ConfigurableUiControlConstructor): void;
+    /** Determines if a control has been registered based on its classId.
+     * @param classId   the class id of the control to test
+     * @returns  true if the control is registered or false if not
+     */
+    isRegistered(classId: string): boolean;
+    /** Unregisters a control that has been registered.
+     * @param classId   the class id of the control to unregister
+     */
+    unregister(classId: string): void;
+    /** Creates a control registered by calling registerControl.
+     * @param classId   the class id of the control to create
+     * @param uniqueId  a unique id for the control
+     * @param options   options passed to the constructor of the control
+     * @param controlId controlId which may not be unique across all control instances.
+     * @returns  the created control
+     */
+    create(classId: string, uniqueId: string, options?: any, controlId?: string): ConfigurableUiElement | undefined;
+    /** Gets the HTML wrapper element for Configurable UI */
+    getWrapperElement(): HTMLElement;
+    /** Closes all UI popups currently open */
+    closeUi(): void;
+}
+//# sourceMappingURL=FrameworkControls.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkControls.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkControls.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAElH;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAEhC;;;;;;;;;OASG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,gCAAgC,GAAG,IAAI,CAAC;IAE/E;;;OAGG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAElC;;;;;;OAMG;IACH,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAAC;IAEhH,wDAAwD;IACxD,iBAAiB,IAAI,WAAW,CAAC;IAEjC,0CAA0C;IAC1C,OAAO,IAAI,IAAI,CAAC;CAEjB"}

package/lib/cjs/appui-react/{statusfields/StatusFieldProps.js → framework/FrameworkControls.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=StatusFieldProps.js.map
+//# sourceMappingURL=FrameworkControls.js.map

package/lib/cjs/appui-react/framework/FrameworkControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkControls.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkControls.ts"],"names":[],"mappings":"","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 ConfigurableUi\r\n */\r\nimport { ConfigurableUiControlConstructor, ConfigurableUiElement } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/**\r\n * [[UiFramework.controls]] interface\r\n * @beta\r\n */\r\nexport interface FrameworkControls {\r\n\r\n  /** Registers a control implementing the [[ConfigurableUiElement]] interface.\r\n   * These controls can be a\r\n   * [[ContentControl]],\r\n   * [[NavigationAidControl]],\r\n   * [[StatusBarWidgetControl]],\r\n   * [[WidgetControl]] or\r\n   * [[ToolUiProvider]].\r\n   * @param classId the class id of the control to register\r\n   * @param constructor the constructor of the control to register\r\n   */\r\n  register(classId: string, constructor: ConfigurableUiControlConstructor): void;\r\n\r\n  /** Determines if a control has been registered based on its classId.\r\n   * @param classId   the class id of the control to test\r\n   * @returns  true if the control is registered or false if not\r\n   */\r\n  isRegistered(classId: string): boolean;\r\n\r\n  /** Unregisters a control that has been registered.\r\n   * @param classId   the class id of the control to unregister\r\n   */\r\n  unregister(classId: string): void;\r\n\r\n  /** Creates a control registered by calling registerControl.\r\n   * @param classId   the class id of the control to create\r\n   * @param uniqueId  a unique id for the control\r\n   * @param options   options passed to the constructor of the control\r\n   * @param controlId controlId which may not be unique across all control instances.\r\n   * @returns  the created control\r\n   */\r\n  create(classId: string, uniqueId: string, options?: any, controlId?: string): ConfigurableUiElement | undefined;\r\n\r\n  /** Gets the HTML wrapper element for Configurable UI */\r\n  getWrapperElement(): HTMLElement;\r\n\r\n  /** Closes all UI popups currently open */\r\n  closeUi(): void;\r\n\r\n}\r\n"]}