@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

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

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

package/lib/esm/core-react/dialog/GlobalDialog.d.ts

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { DialogProps } from "./Dialog";
-/** Properties for the [[GlobalDialog]] component
- * @public
- */
-export interface GlobalDialogProps extends DialogProps {
-    identifier?: string;
-}
-/** State properties for the [[GlobalDialog]] component
- * @public
- */
-export interface GlobalDialogState {
-    parentDocument: Document | null;
-}
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- */
-export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
-    private _container?;
-    readonly state: GlobalDialogState;
-    constructor(props: GlobalDialogProps);
-    private _handleRefSet;
-    componentWillUnmount(): void;
-    render(): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { DialogProps } from "./Dialog";
+/** Properties for the [[GlobalDialog]] component
+ * @public
+ */
+export interface GlobalDialogProps extends DialogProps {
+    identifier?: string;
+}
+/** State properties for the [[GlobalDialog]] component
+ * @public
+ */
+export interface GlobalDialogState {
+    parentDocument: Document | null;
+}
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ */
+export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
+    private _container?;
+    readonly state: GlobalDialogState;
+    constructor(props: GlobalDialogProps);
+    private _handleRefSet;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
 //# sourceMappingURL=GlobalDialog.d.ts.map

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

@@ -1,50 +1,49 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { Dialog } from "./Dialog";
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- */
-export class GlobalDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a;
-            const parentDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-dialog";
-                let rt = parentDocument.getElementById("core-dialog-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-dialog-root";
-                    parentDocument.body.appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
-    }
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._container && this._container.parentElement) { // cleanup
-            this._container.parentElement.removeChild(this._container);
-        }
-    }
-    render() {
-        const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
-            ReactDOM.createPortal(React.createElement(Dialog, { ...props }), this.state.parentDocument.body)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { Dialog } from "./Dialog";
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ */
+export class GlobalDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            const parentDocument = popupDiv?.ownerDocument ?? null;
+            if (parentDocument) {
+                this._container = parentDocument.createElement("div");
+                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-dialog";
+                let rt = parentDocument.getElementById("core-dialog-root");
+                if (!rt) {
+                    rt = parentDocument.createElement("div");
+                    rt.id = "core-dialog-root";
+                    parentDocument.body.appendChild(rt);
+                }
+                rt.appendChild(this._container);
+                // used to support component rendering in pop-out window
+                this.setState({ parentDocument });
+            }
+        };
+    }
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._container && this._container.parentElement) { // cleanup
+            this._container.parentElement.removeChild(this._container);
+        }
+    }
+    render() {
+        const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
+            ReactDOM.createPortal(React.createElement(Dialog, { ...props }), this.state.parentDocument.body)));
+    }
+}
 //# sourceMappingURL=GlobalDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAgB/C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAOrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAMM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7G,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAmB,CAAC;gBAC7E,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACrC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IAlBF,CAAC;IAoBe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACrG,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1E,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { Dialog, DialogProps } from \"./Dialog\";\r\n\r\n/** Properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogProps extends DialogProps {\r\n  identifier?: string;\r\n}\r\n\r\n/** State properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\r\n * @public\r\n */\r\nexport class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalDialogState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalDialogProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentDocument = popupDiv?.ownerDocument ?? null;\r\n    if (parentDocument) {\r\n      this._container = parentDocument.createElement(\"div\");\r\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-dialog\";\r\n      let rt = parentDocument.getElementById(\"core-dialog-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-dialog-root\";\r\n        parentDocument.body.appendChild(rt);\r\n      }\r\n      rt.appendChild(this._container);\r\n\r\n      // used to support component rendering in pop-out window\r\n      this.setState({ parentDocument });\r\n    }\r\n  };\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._container && this._container.parentElement) { // cleanup\r\n      this._container.parentElement.removeChild(this._container);\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <div ref={this._handleRefSet}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(<Dialog {...props} />, this.state.parentDocument.body)}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAgB/C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAOrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAMM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7G,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAmB,CAAC;gBAC7E,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACrC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IAlBF,CAAC;IAoBe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACrG,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1E,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { Dialog, DialogProps } from \"./Dialog\";\r\n\r\n/** Properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogProps extends DialogProps {\r\n  identifier?: string;\r\n}\r\n\r\n/** State properties for the [[GlobalDialog]] component\r\n * @public\r\n */\r\nexport interface GlobalDialogState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\r\n * @public\r\n */\r\nexport class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalDialogState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalDialogProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentDocument = popupDiv?.ownerDocument ?? null;\r\n    if (parentDocument) {\r\n      this._container = parentDocument.createElement(\"div\");\r\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-dialog\";\r\n      let rt = parentDocument.getElementById(\"core-dialog-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-dialog-root\";\r\n        parentDocument.body.appendChild(rt);\r\n      }\r\n      rt.appendChild(this._container);\r\n\r\n      // used to support component rendering in pop-out window\r\n      this.setState({ parentDocument });\r\n    }\r\n  };\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._container && this._container.parentElement) { // cleanup\r\n      this._container.parentElement.removeChild(this._container);\r\n    }\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const { identifier, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <div ref={this._handleRefSet}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(<Dialog {...props} />, this.state.parentDocument.body)}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/elementseparator/ElementSeparator.d.ts

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module ElementSeparator
- */
-/// <reference types="react" />
-import "./ElementSeparator.scss";
-import { Orientation } from "../enums/Orientation";
-import { CommonProps } from "../utils/Props";
-/**
- * Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.
- * @public
- */
-export interface RatioChangeResult {
-    ratio: number;
-}
-/** Properties of [[ElementSeparator]] React component
- * @public
- */
-export interface ElementSeparatorProps extends CommonProps {
-    /** Separator orientation */
-    orientation: Orientation;
-    /** Ratio between left cell and right cell */
-    ratio: number;
-    /** Area width or height (depending on orientation) in pixels */
-    movableArea?: number;
-    /** Separator width or height in pixels. 30 by default */
-    separatorSize?: number;
-    /** Callback to ratio changed event */
-    onRatioChanged?: (ratio: number) => void | RatioChangeResult;
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-}
-/** A movable button, which allows to change the ratio between left element and right element
- * @public
- */
-export declare const ElementSeparator: (props: ElementSeparatorProps) => JSX.Element;
+/** @packageDocumentation
+ * @module ElementSeparator
+ */
+/// <reference types="react" />
+import "./ElementSeparator.scss";
+import { Orientation } from "../enums/Orientation";
+import { CommonProps } from "../utils/Props";
+/**
+ * Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.
+ * @public
+ */
+export interface RatioChangeResult {
+    ratio: number;
+}
+/** Properties of [[ElementSeparator]] React component
+ * @public
+ */
+export interface ElementSeparatorProps extends CommonProps {
+    /** Separator orientation */
+    orientation: Orientation;
+    /** Ratio between left cell and right cell */
+    ratio: number;
+    /** Area width or height (depending on orientation) in pixels */
+    movableArea?: number;
+    /** Separator width or height in pixels. 30 by default */
+    separatorSize?: number;
+    /** Callback to ratio changed event */
+    onRatioChanged?: (ratio: number) => void | RatioChangeResult;
+    /** Is resize handle hovered */
+    isResizeHandleHovered?: boolean;
+    /** Callback to hover event change */
+    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
+    /** Is resize handle being dragged */
+    isResizeHandleBeingDragged?: boolean;
+    /** Callback to drag event change */
+    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
+}
+/** A movable button, which allows to change the ratio between left element and right element
+ * @public
+ */
+export declare const ElementSeparator: (props: ElementSeparatorProps) => JSX.Element;
 //# sourceMappingURL=ElementSeparator.d.ts.map