@atlaskit/editor-plugin-toolbar-lists-indentation
Version:
Toolbar lists and indentation plugin for @atlaskit/editor-core
44 lines • 1.71 kB
JavaScript
import React from 'react';
import { BULLETED_LIST_BUTTON, BULLETED_LIST_BUTTON_GROUP, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
import { BulletedListButton } from './BulletedListButton';
var BulletedListButtonGroup = function BulletedListButtonGroup(_ref) {
var children = _ref.children;
var _useEditorToolbar = useEditorToolbar(),
editorAppearance = _useEditorToolbar.editorAppearance;
if (editorAppearance === 'full-page') {
return /*#__PURE__*/React.createElement(Show, {
above: "xl"
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
}
};
export var getBulletedListButtonGroup = function getBulletedListButtonGroup(api) {
return [{
type: BULLETED_LIST_BUTTON_GROUP.type,
key: BULLETED_LIST_BUTTON_GROUP.key,
parents: [{
type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
rank: TEXT_SECTION_PRIMARY_TOOLBAR_RANK[BULLETED_LIST_BUTTON_GROUP.key]
}],
component: function component(_ref2) {
var children = _ref2.children;
return /*#__PURE__*/React.createElement(BulletedListButtonGroup, null, children);
}
}, {
type: BULLETED_LIST_BUTTON.type,
key: BULLETED_LIST_BUTTON.key,
parents: [{
type: BULLETED_LIST_BUTTON_GROUP.type,
key: BULLETED_LIST_BUTTON_GROUP.key,
rank: 100
}],
component: function component(_ref3) {
var parents = _ref3.parents;
return /*#__PURE__*/React.createElement(BulletedListButton, {
api: api,
parents: parents
});
}
}];
};