documentation-site/components/yard/config/tooltip.ts

/*
Copyright (c) Uber Technologies, Inc.

This source code is licensed under the MIT license found in the
LICENSE file in the root directory of this source tree.
*/

import {
  StatefulTooltip,
  ACCESSIBILITY_TYPE,
  PLACEMENT,
  TRIGGER_TYPE,
} from "baseui/tooltip";
import { PropTypes } from "react-view";
import type { TConfig } from "../types";
import { Button } from "baseui/button";
import { Input } from "baseui/input";
import { Block } from "baseui/block";

import PopoverConfig from "./popover";

const TooltipConfig: TConfig = {
  ...PopoverConfig,
  componentName: "StatefulTooltip",
  imports: {
    "baseui/tooltip": { named: ["StatefulTooltip"] },
  },
  scope: {
    Button,
    Input,
    StatefulTooltip,
    ACCESSIBILITY_TYPE,
    PLACEMENT,
    TRIGGER_TYPE,
    Block,
  },
  theme: [],
  props: {
    ...PopoverConfig.props,
    placement: {
      ...PopoverConfig.props.placement,
      imports: {
        "baseui/tooltip": {
          named: ["PLACEMENT"],
        },
      },
    },
    triggerType: {
      ...PopoverConfig.props.triggerType,
      value: "TRIGGER_TYPE.hover",
      defaultValue: "TRIGGER_TYPE.hover",
      imports: {
        "baseui/tooltip": {
          named: ["TRIGGER_TYPE"],
        },
      },
    },
    accessibilityType: {
      ...PopoverConfig.props.accessibilityType,
      imports: {
        "baseui/tooltip": {
          named: ["ACCESSIBILITY_TYPE"],
        },
      },
    },
    children: {
      value: `Hover me`,
      type: PropTypes.ReactNode,
      description: `The content that will trigger the popover.`,
    },
  },
};

export default TooltipConfig;