@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
42 lines • 1.96 kB
JavaScript
import React from 'react';
import { injectIntl } from 'react-intl';
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
import { TableCssClassName as ClassName } from '../../types';
var DeleteButton = function DeleteButton(_ref) {
var style = _ref.style,
onClick = _ref.onClick,
onMouseEnter = _ref.onMouseEnter,
onMouseLeave = _ref.onMouseLeave,
removeLabel = _ref.removeLabel,
formatMessage = _ref.intl.formatMessage;
return /*#__PURE__*/React.createElement("div", {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: style,
onMouseEnter: onMouseEnter,
onMouseLeave: onMouseLeave,
onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseEnter : undefined,
onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
}, /*#__PURE__*/React.createElement("button", {
type: "button",
"aria-label": formatMessage(removeLabel, {
0: 1
})
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
,
className: ClassName.CONTROLS_DELETE_BUTTON,
onMouseDown: onClick,
onMouseMove: function onMouseMove(e) {
return e.preventDefault();
}
}, /*#__PURE__*/React.createElement("svg", {
className: ClassName.CONTROLS_BUTTON_ICON
}, /*#__PURE__*/React.createElement("path", {
d: "M12.242 10.828L9.414 8l2.828-2.829a.999.999 0 1 0-1.414-1.414L8 6.587l-2.829-2.83a1 1 0 0 0-1.414 1.414l2.83 2.83-2.83 2.827a1 1 0 0 0 1.414 1.414l2.83-2.828 2.827 2.828a.999.999 0 1 0 1.414-1.414",
fill: "currentColor",
fillRule: "evenodd"
}))));
};
export default injectIntl(DeleteButton);