chore: Moves Tooltip to the components folder

superset-frontend/spec/javascripts/explore/components/AdhocMetricEditPopoverTitle_spec.jsx

@@ -20,7 +20,7 @@
 import React from 'react';
 import sinon from 'sinon';
 import { shallow } from 'enzyme';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 import AdhocMetricEditPopoverTitle from 'src/explore/components/controls/MetricControl/AdhocMetricEditPopoverTitle';
 

superset-frontend/spec/javascripts/explore/components/DatasourceControl_spec.jsx

@@ -25,7 +25,7 @@ import DatasourceModal from 'src/datasource/DatasourceModal';
 import ChangeDatasourceModal from 'src/datasource/ChangeDatasourceModal';
 import DatasourceControl from 'src/explore/components/controls/DatasourceControl';
 import Icon from 'src/components/Icon';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 const defaultProps = {
   name: 'datasource',

superset-frontend/spec/javascripts/explore/components/RowCountLabel_spec.jsx

@@ -20,7 +20,7 @@ import React from 'react';
 import { shallow } from 'enzyme';
 
 import Label from 'src/components/Label';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import RowCountLabel from 'src/explore/components/RowCountLabel';
 
 describe('RowCountLabel', () => {

superset-frontend/src/CRUD/Field.jsx

@@ -20,7 +20,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FormGroup, HelpBlock, FormControl } from 'react-bootstrap';
 
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import FormLabel from 'src/components/FormLabel';
 import './crud.less';
 

superset-frontend/src/SqlLab/components/ColumnElement.tsx

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import { ClassNames } from '@emotion/core';
 import { styled, useTheme } from '@superset-ui/core';
 
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 const propTypes = {
   column: PropTypes.object.isRequired,

superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx

@@ -28,7 +28,7 @@ import { styled, t } from '@superset-ui/core';
 import { isFeatureEnabled, FeatureFlag } from 'src/featureFlags';
 
 import { areArraysShallowEqual } from 'src/reduxUtils';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { detectOS } from 'src/utils/common';
 import * as Actions from '../actions/sqlLab';
 import SqlEditor from './SqlEditor';

superset-frontend/src/SqlLab/components/TableElement.jsx

@@ -25,7 +25,7 @@ import shortid from 'shortid';
 import { t, styled } from '@superset-ui/core';
 import { debounce } from 'lodash';
 
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import CopyToClipboard from '../../components/CopyToClipboard';
 import { IconTooltip } from '../../components/IconTooltip';
 import ColumnElement from './ColumnElement';

superset-frontend/src/SqlLab/components/TemplateParamsEditor.tsx

@@ -25,7 +25,7 @@ import { debounce } from 'lodash';
 import ModalTrigger from 'src/components/ModalTrigger';
 import { ConfigEditor } from 'src/components/AsyncAceEditor';
 import { FAST_DEBOUNCE } from 'src/constants';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 const StyledConfigEditor = styled(ConfigEditor)`
   &.ace_editor {

superset-frontend/src/common/components/common.stories.tsx

@@ -18,13 +18,11 @@
  */
 import React, { useState, useRef, useCallback } from 'react';
 import { action } from '@storybook/addon-actions';
-import { withKnobs, boolean, select } from '@storybook/addon-knobs';
-import Button from 'src/components/Button';
+import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { CronPicker, CronError } from 'src/components/CronPicker';
 import Modal from 'src/components/Modal';
 import InfoTooltip from 'src/components/InfoTooltip';
 import Tabs, { EditableTabs } from './Tabs';
-import { Tooltip as AntdTooltip } from './Tooltip';
 import { Menu, Input, Divider } from '.';
 import { Dropdown } from './Dropdown';
 
@@ -121,34 +119,6 @@ export const TabsWithDropdownMenu = () => (
   </EditableTabs>
 );
 
-export const Tooltip = () => (
-  <AntdTooltip
-    title="This is a Tooltip"
-    trigger={select('Trigger', ['click', 'hover', 'focus'], 'click')}
-    placement={select(
-      'Placement',
-      [
-        'topLeft',
-        'top',
-        'topRight',
-        'leftTop',
-        'left',
-        'leftBottom',
-        'rightTop',
-        'right',
-        'rightBottom',
-        'bottomLeft',
-        'bottom',
-        'bottomRight',
-      ],
-      'topLeft',
-    )}
-    arrowPointAtCenter={boolean('Arrow point at center', false)}
-  >
-    <Button>A button with tooltip</Button>
-  </AntdTooltip>
-);
-
 export const StyledInfoTooltip = (args: any) => {
   const styles = {
     padding: '100px 0 0 200px',

superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.test.jsx

@@ -22,7 +22,7 @@ import { getChartControlPanelRegistry } from '@superset-ui/core';
 
 import AlteredSliceTag from 'src/components/AlteredSliceTag';
 import ModalTrigger from 'src/components/ModalTrigger';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import TableCollection from 'src/components/dataViewCommon/TableCollection';
 import TableView from 'src/components/TableView';
 

superset-frontend/src/components/AlteredSliceTag/index.jsx

@@ -22,7 +22,7 @@ import { isEqual, isEmpty } from 'lodash';
 import { t } from '@superset-ui/core';
 import getControlsForVizType from 'src/utils/getControlsForVizType';
 import { safeStringify } from 'src/utils/safeStringify';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import ModalTrigger from '../ModalTrigger';
 import TableView from '../TableView';
 

superset-frontend/src/components/Button/index.tsx

@@ -22,7 +22,7 @@ import { mix } from 'polished';
 import cx from 'classnames';
 import { Button as AntdButton } from 'antd';
 import { useTheme } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 export type OnClickHandler = React.MouseEventHandler<HTMLElement>;
 

superset-frontend/src/components/CachedLabel/index.tsx

@@ -19,7 +19,7 @@
 import React, { useState } from 'react';
 import { t } from '@superset-ui/core';
 import Label from 'src/components/Label';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { TooltipContent } from './TooltipContent';
 
 interface Props {

superset-frontend/src/components/CertifiedIcon/index.tsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import { t, supersetTheme } from '@superset-ui/core';
 import Icon from 'src/components/Icon';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 export interface CertifiedIconProps {
   certifiedBy?: string;

superset-frontend/src/components/CopyToClipboard/index.jsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import withToasts from 'src/messageToasts/enhancers/withToasts';
 import copyTextToClipboard from 'src/utils/copy';
 

superset-frontend/src/components/EditableTitle/index.tsx

@@ -19,7 +19,7 @@
 import React, { useEffect, useState, useRef } from 'react';
 import cx from 'classnames';
 import { t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 export interface EditableTitleProps {
   canEdit?: boolean;

superset-frontend/src/components/FacePile/index.tsx

@@ -22,7 +22,7 @@ import {
   styled,
   SupersetTheme,
 } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { Avatar } from 'src/common/components';
 import { getRandomColor } from './utils';
 

superset-frontend/src/components/FaveStar/FaveStar.test.tsx

@@ -29,7 +29,7 @@ jest.mock('../Icon', () => ({
   ),
 }));
 
-jest.mock('src/common/components/Tooltip', () => ({
+jest.mock('src/components/Tooltip', () => ({
   Tooltip: (props: any) => <div data-test="tooltip" {...props} />,
 }));
 

superset-frontend/src/components/FaveStar/index.tsx

@@ -19,7 +19,7 @@
 
 import React, { useCallback } from 'react';
 import { t, styled } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { useComponentDidMount } from 'src/common/hooks/useComponentDidMount';
 import Icon from '../Icon';
 

superset-frontend/src/components/FilterableTable/FilterableTable.tsx

@@ -30,7 +30,7 @@ import {
   Table,
 } from 'react-virtualized';
 import { getMultipleTextDimensions, t, styled } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Button from '../Button';
 import CopyToClipboard from '../CopyToClipboard';
 import ModalTrigger from '../ModalTrigger';

superset-frontend/src/components/IconTooltip/IconTooltip.test.jsx

@@ -18,7 +18,7 @@
  */
 import React from 'react';
 import { shallow } from 'enzyme';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { IconTooltip } from 'src/components/IconTooltip';
 
 describe('IconTooltip', () => {

superset-frontend/src/components/IconTooltip/index.tsx

@@ -17,7 +17,7 @@
  * under the License.
  */
 import React, { ReactNode } from 'react';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { styled } from '@superset-ui/core';
 
 export interface Props {

superset-frontend/src/components/InfoTooltip/index.tsx

@@ -19,7 +19,7 @@
 
 import React from 'react';
 import { styled } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Icon from 'src/components/Icon';
 
 interface InfoTooltipProps {

superset-frontend/src/components/ListView/ActionsBar.tsx

@@ -18,7 +18,7 @@
  */
 import React from 'react';
 import { styled } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { IconName } from 'src/components/Icon';
 import Icons from 'src/components/Icons';
 import { TooltipPlacement } from 'antd/lib/tooltip';

superset-frontend/src/components/ListViewCard/index.tsx

@@ -20,7 +20,7 @@ import React from 'react';
 import { styled } from '@superset-ui/core';
 import Icon from 'src/components/Icon';
 import { AntdCard, Skeleton, ThinSkeleton } from 'src/common/components';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import ImageLoader, { BackgroundPosition } from './ImageLoader';
 
 const ActionsWrapper = styled.div`

superset-frontend/src/components/PopoverSection/index.tsx

@@ -18,7 +18,7 @@
  */
 import React, { MouseEventHandler, ReactNode } from 'react';
 import { useTheme } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Icon from 'src/components/Icon';
 
 export interface PopoverSectionProps {

superset-frontend/src/components/RefreshLabel/index.tsx

@@ -18,7 +18,7 @@
  */
 import React, { MouseEventHandler } from 'react';
 import { SupersetTheme } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Icon, { IconProps } from 'src/components/Icon';
 
 export interface RefreshLabelProps {

superset-frontend/src/components/WarningIconWithTooltip.tsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import { supersetTheme, SafeMarkdown } from '@superset-ui/core';
 import Icon from 'src/components/Icon';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 interface WarningIconWithTooltipProps {
   warningMarkdown: string;

superset-frontend/src/dashboard/components/PublishedStatus/index.jsx

@@ -19,7 +19,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Label from 'src/components/Label';
 
 const propTypes = {

superset-frontend/src/dashboard/components/SliceHeader/index.tsx

@@ -18,7 +18,7 @@
  */
 import React, { FC } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { useSelector } from 'react-redux';
 import EditableTitle from 'src/components/EditableTitle';
 import SliceHeaderControls from 'src/dashboard/components/SliceHeaderControls';

superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterSets/FilterSetUnit.tsx

@@ -22,8 +22,8 @@ import { FilterSet } from 'src/dashboard/reducers/types';
 import { DataMaskState } from 'src/dataMask/types';
 import { CheckOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { HandlerFunction, styled, supersetTheme, t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
 import Button from 'src/components/Button';
+import { Tooltip } from 'src/components/Tooltip';
 import FiltersHeader from './FiltersHeader';
 import { getFilterBarTestId } from '..';
 

superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterSets/Footer.tsx

@@ -19,7 +19,7 @@
 import { t, styled } from '@superset-ui/core';
 import React, { FC } from 'react';
 import Button from 'src/components/Button';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { APPLY_FILTERS_HINT } from './utils';
 import { useFilterSetNameDuplicated } from './state';
 import { getFilterBarTestId } from '..';

superset-frontend/src/explore/components/ControlHeader.jsx

@@ -20,7 +20,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { t } from '@superset-ui/core';
 import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import FormLabel from 'src/components/FormLabel';
 
 const propTypes = {

superset-frontend/src/explore/components/EmbedCodeButton.jsx

@@ -23,7 +23,7 @@ import { t } from '@superset-ui/core';
 import Popover from 'src/components/Popover';
 import FormLabel from 'src/components/FormLabel';
 import Icon from 'src/components/Icon';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import CopyToClipboard from 'src/components/CopyToClipboard';
 import { getShortUrl } from 'src/utils/urlUtils';
 import { URL_PARAMS } from 'src/constants';

superset-frontend/src/explore/components/ExploreActionButtons.tsx

@@ -20,7 +20,7 @@ import React, { useState } from 'react';
 import cx from 'classnames';
 import { t } from '@superset-ui/core';
 import Icon from 'src/components/Icon';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import copyTextToClipboard from 'src/utils/copy';
 import withToasts from 'src/messageToasts/enhancers/withToasts';
 import { useUrlShortener } from 'src/common/hooks/useUrlShortener';

superset-frontend/src/explore/components/ExploreChartHeader.jsx

@@ -21,7 +21,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import PropTypes from 'prop-types';
 import { styled, t } from '@superset-ui/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { chartPropShape } from '../../dashboard/util/propShapes';
 import ExploreActionButtons from './ExploreActionButtons';
 import RowCountLabel from './RowCountLabel';

superset-frontend/src/explore/components/ExploreViewContainer.jsx

@@ -27,7 +27,7 @@ import { Resizable } from 're-resizable';
 
 import { useDynamicPluginContext } from 'src/components/DynamicPlugins';
 import { Global } from '@emotion/core';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import { usePrevious } from 'src/common/hooks/usePrevious';
 import Icon from 'src/components/Icon';
 import {

superset-frontend/src/explore/components/QueryAndSaveBtns.jsx

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import ButtonGroup from 'src/components/ButtonGroup';
 import { t, useTheme } from '@superset-ui/core';
 
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 import Button from 'src/components/Button';
 
 const propTypes = {

superset-frontend/src/explore/components/RowCountLabel.jsx

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import { getNumberFormatter, t } from '@superset-ui/core';
 
 import Label from 'src/components/Label';
-import { Tooltip } from 'src/common/components/Tooltip';
+import { Tooltip } from 'src/components/Tooltip';
 
 const propTypes = {
   rowcount: PropTypes.number,