@atlaskit/editor-plugin-insert-block
Version:
Insert block plugin for @atlaskit/editor-core
45 lines (44 loc) • 1.53 kB
JavaScript
/**
* @jsxRuntime classic
* @jsx jsx
*/
import React from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
import { jsx } from '@emotion/react';
import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
import AddIcon from '@atlaskit/icon/core/add';
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
import { triggerWrapper } from './styles';
const DropDownButtonIcon = /*#__PURE__*/React.memo(props =>
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
jsx("span", {
css: triggerWrapper
}, jsx(AddIcon, {
label: props.label,
color: "currentColor",
spacing: "spacious"
}), jsx("span", null, jsx(ChevronDownIcon, {
label: "",
color: "currentColor",
size: "small"
}))));
export const DropDownButton = /*#__PURE__*/React.memo(props => jsx(ToolbarButton, {
ref: props.handleRef,
selected: props.selected,
disabled: props.disabled,
onClick: props.onClick,
onKeyDown: props.onKeyDown,
spacing: props.spacing,
"aria-expanded": props['aria-expanded'],
"aria-haspopup": props['aria-haspopup'],
"aria-keyshortcuts": props['aria-keyshortcuts'],
"aria-label": `${props.label}`,
iconBefore: jsx(DropDownButtonIcon, {
label: ""
}),
title: jsx(ToolTipContent, {
description: props.label,
shortcutOverride: "/"
})
}));