1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = HeadingEdit;
|
9 |
|
10 | var _element = require("@wordpress/element");
|
11 |
|
12 | var _headingToolbar = _interopRequireDefault(require("./heading-toolbar"));
|
13 |
|
14 | var _i18n = require("@wordpress/i18n");
|
15 |
|
16 | var _components = require("@wordpress/components");
|
17 |
|
18 | var _blocks = require("@wordpress/blocks");
|
19 |
|
20 | var _blockEditor = require("@wordpress/block-editor");
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 | function HeadingEdit(_ref) {
|
30 | var attributes = _ref.attributes,
|
31 | setAttributes = _ref.setAttributes,
|
32 | mergeBlocks = _ref.mergeBlocks,
|
33 | insertBlocksAfter = _ref.insertBlocksAfter,
|
34 | onReplace = _ref.onReplace,
|
35 | className = _ref.className;
|
36 | var align = attributes.align,
|
37 | content = attributes.content,
|
38 | level = attributes.level,
|
39 | placeholder = attributes.placeholder;
|
40 | var tagName = 'h' + level;
|
41 | return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_headingToolbar.default, {
|
42 | minLevel: 2,
|
43 | maxLevel: 5,
|
44 | selectedLevel: level,
|
45 | onChange: function onChange(newLevel) {
|
46 | return setAttributes({
|
47 | level: newLevel
|
48 | });
|
49 | }
|
50 | })), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
|
51 | title: (0, _i18n.__)('Heading Settings')
|
52 | }, (0, _element.createElement)("p", null, (0, _i18n.__)('Level')), (0, _element.createElement)(_headingToolbar.default, {
|
53 | minLevel: 1,
|
54 | maxLevel: 7,
|
55 | selectedLevel: level,
|
56 | onChange: function onChange(newLevel) {
|
57 | return setAttributes({
|
58 | level: newLevel
|
59 | });
|
60 | }
|
61 | }), (0, _element.createElement)("p", null, (0, _i18n.__)('Text Alignment')), (0, _element.createElement)(_blockEditor.AlignmentToolbar, {
|
62 | value: align,
|
63 | onChange: function onChange(nextAlign) {
|
64 | setAttributes({
|
65 | align: nextAlign
|
66 | });
|
67 | }
|
68 | }))), (0, _element.createElement)(_blockEditor.RichText, {
|
69 | identifier: "content",
|
70 | wrapperClassName: "wp-block-heading",
|
71 | tagName: tagName,
|
72 | value: content,
|
73 | onChange: function onChange(value) {
|
74 | return setAttributes({
|
75 | content: value
|
76 | });
|
77 | },
|
78 | onMerge: mergeBlocks,
|
79 | unstableOnSplit: insertBlocksAfter ? function (before, after) {
|
80 | setAttributes({
|
81 | content: before
|
82 | });
|
83 |
|
84 | for (var _len = arguments.length, blocks = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
85 | blocks[_key - 2] = arguments[_key];
|
86 | }
|
87 |
|
88 | insertBlocksAfter([].concat(blocks, [(0, _blocks.createBlock)('core/paragraph', {
|
89 | content: after
|
90 | })]));
|
91 | } : undefined,
|
92 | onRemove: function onRemove() {
|
93 | return onReplace([]);
|
94 | },
|
95 | style: {
|
96 | textAlign: align
|
97 | },
|
98 | className: className,
|
99 | placeholder: placeholder || (0, _i18n.__)('Write heading…')
|
100 | }));
|
101 | }
|
102 |
|
\ | No newline at end of file |