@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
46 lines • 1.63 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
/**
* @jsxRuntime classic
* @jsx jsx
*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { jsx } from '@emotion/react';
import { useIntl } from 'react-intl';
import { startColumnResizing, ToolTipContent } from '@atlaskit/editor-common/keymaps';
import { tableMessages as messages } from '@atlaskit/editor-common/messages';
import Tooltip from '@atlaskit/tooltip';
import { TableCssClassName } from '../../types';
export const ColumnResizeWidget = ({
startIndex,
endIndex,
includeTooltip
}) => {
const {
formatMessage
} = useIntl();
if (!includeTooltip) {
return jsx("div", {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: TableCssClassName.RESIZE_HANDLE_DECORATION,
"data-start-index": startIndex,
"data-end-index": endIndex
});
}
return jsx(Tooltip, {
content: jsx(ToolTipContent, {
description: formatMessage(messages.adjustColumns),
keymap: startColumnResizing
}),
hideTooltipOnClick: true,
hideTooltipOnMouseDown: true,
position: "mouse",
mousePosition: "auto-start"
}, tooltipProps => jsx("div", _extends({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: TableCssClassName.RESIZE_HANDLE_DECORATION,
"data-start-index": startIndex,
"data-end-index": endIndex
// Ignored via go/ees005
// eslint-disable-next-line react/jsx-props-no-spreading
}, tooltipProps)));
};