How to use the @bentley/ui-ninezone/lib/popup/tooltip/Tooltip.offsetAndContainInContainer function in @bentley/ui-ninezone

To help you get started, we’ve selected a few @bentley/ui-ninezone examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github imodeljs / imodeljs / ui / framework / src / messages / Pointer.tsx View on Github external
tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: -adjustmentOffset });
        break;
      case RelativePosition.TopRight:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
        break;
      case RelativePosition.Right:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
        break;
      case RelativePosition.BottomRight:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: adjustmentOffset });
        break;
      case RelativePosition.Bottom:
        tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: adjustmentOffset });
        break;
      case RelativePosition.BottomLeft:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: adjustmentOffset });
        break;
      case RelativePosition.Left:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: 0 });
        break;
      case RelativePosition.TopLeft:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: -adjustmentOffset });
        break;
    }
    return tooltipAdjustment;
  }
}
github imodeljs / imodeljs / ui / framework / src / messages / Pointer.tsx View on Github external
private _adjustTooltipPosition(): any {
    let tooltipAdjustment = offsetAndContainInContainer();

    if (!this.state)
      return tooltipAdjustment;

    const adjustmentOffset = 50;
    switch (this.state.relativePosition) {
      case RelativePosition.Top:
        tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: -adjustmentOffset });
        break;
      case RelativePosition.TopRight:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
        break;
      case RelativePosition.Right:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
        break;
      case RelativePosition.BottomRight:
github imodeljs / imodeljs / ui / framework / src / configurableui / ElementTooltip.tsx View on Github external
el?: HTMLElement;
  pt?: XAndY;
  options?: ToolTipOptions;
}

/** [[ElementTooltipChangedEvent]] arguments.
 */
export interface ElementTooltipChangedEventArgs {
  isTooltipVisible: boolean;
  message: HTMLElement | string;
  el?: HTMLElement;
  pt?: XAndY;
  options?: ToolTipOptions;
}

const adjustPosition = offsetAndContainInContainer({ x: 8, y: 8 });

/** ElementTooltip Changed Event class.
 */
export class ElementTooltipChangedEvent extends UiEvent { }

/** ElementTooltip React component.
 */
export class ElementTooltip extends React.Component {
  private static _elementTooltipChangedEvent: ElementTooltipChangedEvent = new ElementTooltipChangedEvent();
  private static _isTooltipVisible: boolean;

  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent { return ElementTooltip._elementTooltipChangedEvent; }
  public static get isTooltipVisible(): boolean { return ElementTooltip._isTooltipVisible; }

  public static showTooltip(el: HTMLElement, message: HTMLElement | string, pt?: XAndY, options?: ToolTipOptions): void {
    ElementTooltip._isTooltipVisible = true;
github imodeljs / imodeljs / ui / framework / src / messages / Pointer.tsx View on Github external
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
        break;
      case RelativePosition.Right:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
        break;
      case RelativePosition.BottomRight:
        tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: adjustmentOffset });
        break;
      case RelativePosition.Bottom:
        tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: adjustmentOffset });
        break;
      case RelativePosition.BottomLeft:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: adjustmentOffset });
        break;
      case RelativePosition.Left:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: 0 });
        break;
      case RelativePosition.TopLeft:
        tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: -adjustmentOffset });
        break;
    }
    return tooltipAdjustment;
  }
}