@atlaskit/editor-plugin-block-type 30.0.3 → 30.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/blockTypePlugin.js +25 -24
- package/dist/cjs/pm-plugins/block-types.js +52 -43
- package/dist/cjs/pm-plugins/commands/block-type.js +39 -38
- package/dist/cjs/pm-plugins/commands/clear-formatting.js +8 -8
- package/dist/cjs/pm-plugins/input-rule.js +25 -23
- package/dist/cjs/pm-plugins/keymap.js +12 -11
- package/dist/cjs/pm-plugins/main.js +5 -5
- package/dist/cjs/pm-plugins/ui/FloatingToolbarComponent.js +6 -6
- package/dist/cjs/pm-plugins/ui/PrimaryToolbarComponent.js +6 -6
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +18 -17
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/QuoteButton.js +9 -8
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js +16 -14
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/blocktype-button.js +9 -8
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/index.js +12 -12
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/styled.js +5 -4
- package/dist/cjs/pm-plugins/ui/toolbar-components.js +25 -24
- package/dist/cjs/pm-plugins/utils.js +2 -1
- package/dist/cjs/ui/HeadingBlockMenuItem.js +7 -7
- package/dist/cjs/ui/ParagraphBlockMenuItem.js +7 -7
- package/dist/cjs/ui/QuoteBlockMenuItem.js +7 -7
- package/dist/cjs/ui/SmallTextBlockMenuItem.js +9 -8
- package/dist/cjs/ui/index.js +19 -20
- package/dist/cjs/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +28 -28
- package/dist/cjs/ui/quick-insert/getBlockTypeQuickInsertComponents.js +3 -3
- package/dist/es2019/blockTypePlugin.js +4 -3
- package/dist/es2019/pm-plugins/block-types.js +12 -3
- package/dist/es2019/pm-plugins/commands/block-type.js +5 -4
- package/dist/es2019/pm-plugins/commands/clear-formatting.js +1 -1
- package/dist/es2019/pm-plugins/input-rule.js +6 -4
- package/dist/es2019/pm-plugins/keymap.js +4 -3
- package/dist/es2019/pm-plugins/main.js +1 -1
- package/dist/es2019/pm-plugins/ui/FloatingToolbarComponent.js +2 -2
- package/dist/es2019/pm-plugins/ui/PrimaryToolbarComponent.js +2 -2
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +6 -5
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/QuoteButton.js +5 -4
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js +6 -4
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/blocktype-button.js +4 -3
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/index.js +4 -4
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/styled.js +3 -2
- package/dist/es2019/pm-plugins/ui/toolbar-components.js +2 -1
- package/dist/es2019/pm-plugins/utils.js +2 -1
- package/dist/es2019/ui/HeadingBlockMenuItem.js +3 -3
- package/dist/es2019/ui/ParagraphBlockMenuItem.js +3 -3
- package/dist/es2019/ui/QuoteBlockMenuItem.js +3 -3
- package/dist/es2019/ui/SmallTextBlockMenuItem.js +4 -3
- package/dist/es2019/ui/index.js +2 -3
- package/dist/es2019/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +2 -2
- package/dist/es2019/ui/quick-insert/getBlockTypeQuickInsertComponents.js +1 -1
- package/dist/esm/blockTypePlugin.js +4 -3
- package/dist/esm/pm-plugins/block-types.js +12 -3
- package/dist/esm/pm-plugins/commands/block-type.js +5 -4
- package/dist/esm/pm-plugins/commands/clear-formatting.js +1 -1
- package/dist/esm/pm-plugins/input-rule.js +6 -4
- package/dist/esm/pm-plugins/keymap.js +4 -3
- package/dist/esm/pm-plugins/main.js +1 -1
- package/dist/esm/pm-plugins/ui/FloatingToolbarComponent.js +2 -2
- package/dist/esm/pm-plugins/ui/PrimaryToolbarComponent.js +2 -2
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +6 -5
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/QuoteButton.js +5 -4
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js +6 -4
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/blocktype-button.js +4 -3
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/index.js +4 -4
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/styled.js +3 -2
- package/dist/esm/pm-plugins/ui/toolbar-components.js +2 -1
- package/dist/esm/pm-plugins/utils.js +2 -1
- package/dist/esm/ui/HeadingBlockMenuItem.js +3 -3
- package/dist/esm/ui/ParagraphBlockMenuItem.js +3 -3
- package/dist/esm/ui/QuoteBlockMenuItem.js +3 -3
- package/dist/esm/ui/SmallTextBlockMenuItem.js +4 -3
- package/dist/esm/ui/index.js +2 -3
- package/dist/esm/ui/quick-insert/BlockTypeQuickInsertMenuItem.js +2 -2
- package/dist/esm/ui/quick-insert/getBlockTypeQuickInsertComponents.js +1 -1
- package/dist/types/blockTypePluginType.d.ts +13 -11
- package/dist/types/pm-plugins/commands/block-type.d.ts +5 -2
- package/dist/types/pm-plugins/commands/delete-and-move-cursor.d.ts +1 -1
- package/dist/types/pm-plugins/commands/delete-block-content.d.ts +1 -1
- package/dist/types/pm-plugins/commands/split-heading-with-trailing-space.d.ts +1 -1
- package/dist/types/pm-plugins/commands/wrapSelectionIn.d.ts +1 -1
- package/dist/types/pm-plugins/input-rule.d.ts +2 -2
- package/dist/types/pm-plugins/keymap.d.ts +2 -2
- package/dist/types/pm-plugins/main.d.ts +1 -1
- package/dist/types/pm-plugins/types.d.ts +1 -1
- package/dist/types/pm-plugins/ui/FloatingToolbarComponent.d.ts +1 -1
- package/dist/types/pm-plugins/ui/PrimaryToolbarComponent.d.ts +1 -1
- package/dist/types/pm-plugins/ui/ToolbarBlockType/HeadingButton.d.ts +1 -1
- package/dist/types/pm-plugins/ui/ToolbarBlockType/QuoteButton.d.ts +1 -1
- package/dist/types/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.d.ts +1 -1
- package/dist/types/pm-plugins/ui/ToolbarBlockType/index.d.ts +2 -2
- package/dist/types/pm-plugins/ui/toolbar-components.d.ts +2 -2
- package/dist/types/pm-plugins/utils.d.ts +1 -1
- package/dist/types/ui/HeadingBlockMenuItem.d.ts +1 -1
- package/dist/types/ui/ParagraphBlockMenuItem.d.ts +1 -1
- package/dist/types/ui/QuoteBlockMenuItem.d.ts +1 -1
- package/dist/types/ui/SmallTextBlockMenuItem.d.ts +1 -1
- package/dist/types/ui/index.d.ts +2 -2
- package/dist/types/ui/quick-insert/BlockTypeQuickInsertMenuItem.d.ts +2 -1
- package/dist/types/ui/quick-insert/getBlockTypeQuickInsertComponents.d.ts +1 -1
- package/package.json +2 -2
|
@@ -15,10 +15,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
15
|
var _react2 = require("@emotion/react");
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
17
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
18
|
+
var _toolbar = require("@atlaskit/editor-common/messages/toolbar");
|
|
19
|
+
var _plugins = require("@atlaskit/editor-common/styles/plugins");
|
|
20
|
+
var _DropdownMenu = require("@atlaskit/editor-common/ui-menu/DropdownMenu");
|
|
21
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
22
22
|
var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
|
|
23
23
|
var _primitives = require("@atlaskit/primitives");
|
|
24
24
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
@@ -113,11 +113,11 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
113
113
|
return blockType.name;
|
|
114
114
|
}).includes('blockquote') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'control')) {
|
|
115
115
|
var clearFormattingItem = {
|
|
116
|
-
content: (0, _react2.jsx)("div", null, (0, _react2.jsx)("p", null,
|
|
116
|
+
content: (0, _react2.jsx)("div", null, (0, _react2.jsx)("p", null, _toolbar.toolbarMessages.clearFormatting.defaultMessage)),
|
|
117
117
|
value: {
|
|
118
118
|
name: 'clearFormatting'
|
|
119
119
|
},
|
|
120
|
-
'aria-label': (0, _keymaps.tooltip)(_keymaps.clearFormatting,
|
|
120
|
+
'aria-label': (0, _keymaps.tooltip)(_keymaps.clearFormatting, _toolbar.toolbarMessages.clearFormatting.defaultMessage),
|
|
121
121
|
key: 'clear-formatting',
|
|
122
122
|
elemAfter:
|
|
123
123
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -240,8 +240,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
240
240
|
return (0, _react2.jsx)("span", {
|
|
241
241
|
css:
|
|
242
242
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
243
|
-
[
|
|
244
|
-
}, (0, _react2.jsx)(
|
|
243
|
+
[_plugins.wrapperStyle, _styled.floatingToolbarWrapperStyle]
|
|
244
|
+
}, (0, _react2.jsx)(_DropdownMenu.DropdownMenuWithKeyboardNavigation, {
|
|
245
245
|
items: items,
|
|
246
246
|
onOpenChange: this.onOpenChange,
|
|
247
247
|
onItemActivated: this.handleSelectBlockType,
|
|
@@ -249,7 +249,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
249
249
|
mountTo: popupsMountPoint,
|
|
250
250
|
boundariesElement: popupsBoundariesElement,
|
|
251
251
|
scrollableElement: popupsScrollableElement,
|
|
252
|
-
zIndex:
|
|
252
|
+
zIndex: _constants.akEditorMenuZIndex,
|
|
253
253
|
fitHeight: 360,
|
|
254
254
|
fitWidth: 106
|
|
255
255
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -274,13 +274,13 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
274
274
|
xcss: buttonWrapperStyles
|
|
275
275
|
}, button)), !(api !== null && api !== void 0 && api.primaryToolbar) && (0, _react2.jsx)("span", {
|
|
276
276
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
277
|
-
css:
|
|
277
|
+
css: _plugins.separatorStyles
|
|
278
278
|
}));
|
|
279
279
|
}
|
|
280
280
|
return (
|
|
281
281
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
282
282
|
(0, _react2.jsx)("span", {
|
|
283
|
-
css:
|
|
283
|
+
css: _plugins.wrapperStyle
|
|
284
284
|
}, (0, _react2.jsx)(_blocktypeButton.BlockTypeButton, {
|
|
285
285
|
isSmall: isSmall,
|
|
286
286
|
isReducedSpacing: isReducedSpacing,
|
|
@@ -295,7 +295,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
295
295
|
blockTypeIcon: currentIcon || defaultIcon
|
|
296
296
|
}), !(api !== null && api !== void 0 && api.primaryToolbar) && (0, _react2.jsx)("span", {
|
|
297
297
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
298
|
-
css:
|
|
298
|
+
css: _plugins.separatorStyles
|
|
299
299
|
}))
|
|
300
300
|
);
|
|
301
301
|
}
|
|
@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.wrapperSmallStyle = exports.keyboardShortcutSelect = exports.keyboardShortcut = exports.floatingToolbarWrapperStyle = exports.expandIconWrapperStyle = exports.blockTypeMenuItemStyle = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var _blockquote = require("@atlaskit/editor-common/styles/blockquote");
|
|
9
|
+
var _headings = require("@atlaskit/editor-common/styles/headings");
|
|
10
|
+
var _main = require("@atlaskit/editor-shared-styles/shortcut/main");
|
|
10
11
|
/**
|
|
11
12
|
* @jsxRuntime classic
|
|
12
13
|
* @jsx jsx
|
|
@@ -19,7 +20,7 @@ var blockTypeMenuItemStyle = exports.blockTypeMenuItemStyle = function blockType
|
|
|
19
20
|
return function () {
|
|
20
21
|
return (0, _react.css)(
|
|
21
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
|
-
tagName === 'blockquote' ?
|
|
23
|
+
tagName === 'blockquote' ? _blockquote.blockquoteSharedStyles : (0, _headings.headingsSharedStyles)(typographyTheme), {
|
|
23
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
25
|
'>': {
|
|
25
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -40,7 +41,7 @@ var blockTypeMenuItemStyle = exports.blockTypeMenuItemStyle = function blockType
|
|
|
40
41
|
};
|
|
41
42
|
|
|
42
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
43
|
-
var keyboardShortcut = exports.keyboardShortcut = (0, _react.css)(
|
|
44
|
+
var keyboardShortcut = exports.keyboardShortcut = (0, _react.css)(_main.shortcutStyle, {
|
|
44
45
|
marginLeft: "var(--ds-space-200, 16px)",
|
|
45
46
|
color: "var(--ds-icon, #292A2E)"
|
|
46
47
|
});
|
|
@@ -6,31 +6,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getToolbarComponents = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _keys = require("@atlaskit/editor-common/toolbar/keys");
|
|
10
|
+
var _rank = require("@atlaskit/editor-common/toolbar/rank");
|
|
10
11
|
var _blockTypes = require("../block-types");
|
|
11
12
|
var _HeadingButton = require("./ToolbarBlockType/HeadingButton");
|
|
12
13
|
var _QuoteButton = require("./ToolbarBlockType/QuoteButton");
|
|
13
14
|
var _TextStylesMenuButton = require("./ToolbarBlockType/TextStylesMenuButton");
|
|
14
15
|
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, allowFontSize) {
|
|
15
16
|
var toolbarComponents = [{
|
|
16
|
-
type:
|
|
17
|
-
key:
|
|
17
|
+
type: _keys.TEXT_STYLES_GROUP.type,
|
|
18
|
+
key: _keys.TEXT_STYLES_GROUP.key,
|
|
18
19
|
parents: [{
|
|
19
|
-
type:
|
|
20
|
-
key:
|
|
21
|
-
rank:
|
|
20
|
+
type: _keys.TEXT_SECTION.type,
|
|
21
|
+
key: _keys.TEXT_SECTION.key,
|
|
22
|
+
rank: _rank.TEXT_SECTION_RANK[_keys.TEXT_STYLES_GROUP.key]
|
|
22
23
|
}, {
|
|
23
|
-
type:
|
|
24
|
-
key:
|
|
25
|
-
rank:
|
|
24
|
+
type: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.type,
|
|
25
|
+
key: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.key,
|
|
26
|
+
rank: _rank.TEXT_SECTION_PRIMARY_TOOLBAR_RANK[_keys.TEXT_STYLES_GROUP.key]
|
|
26
27
|
}]
|
|
27
28
|
}, {
|
|
28
|
-
type:
|
|
29
|
-
key:
|
|
29
|
+
type: _keys.TEXT_STYLES_MENU.type,
|
|
30
|
+
key: _keys.TEXT_STYLES_MENU.key,
|
|
30
31
|
parents: [{
|
|
31
|
-
type:
|
|
32
|
-
key:
|
|
33
|
-
rank:
|
|
32
|
+
type: _keys.TEXT_STYLES_GROUP.type,
|
|
33
|
+
key: _keys.TEXT_STYLES_GROUP.key,
|
|
34
|
+
rank: _rank.TEXT_STYLES_GROUP_RANK[_keys.TEXT_STYLES_MENU.key]
|
|
34
35
|
}],
|
|
35
36
|
component: function component(_ref) {
|
|
36
37
|
var children = _ref.children;
|
|
@@ -40,16 +41,16 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
|
|
|
40
41
|
}, children);
|
|
41
42
|
}
|
|
42
43
|
}, {
|
|
43
|
-
type:
|
|
44
|
-
key:
|
|
44
|
+
type: _keys.TEXT_STYLES_MENU_SECTION.type,
|
|
45
|
+
key: _keys.TEXT_STYLES_MENU_SECTION.key,
|
|
45
46
|
parents: [{
|
|
46
|
-
type:
|
|
47
|
-
key:
|
|
48
|
-
rank:
|
|
47
|
+
type: _keys.TEXT_STYLES_MENU.type,
|
|
48
|
+
key: _keys.TEXT_STYLES_MENU.key,
|
|
49
|
+
rank: _rank.TEXT_STYLES_MENU_RANK[_keys.TEXT_STYLES_MENU_SECTION.key]
|
|
49
50
|
}, {
|
|
50
|
-
type:
|
|
51
|
-
key:
|
|
52
|
-
rank:
|
|
51
|
+
type: _keys.TEXT_COLLAPSED_MENU.type,
|
|
52
|
+
key: _keys.TEXT_COLLAPSED_MENU.key,
|
|
53
|
+
rank: _rank.TEXT_COLLAPSED_MENU_RANK[_keys.TEXT_STYLES_MENU_SECTION.key]
|
|
53
54
|
}]
|
|
54
55
|
}];
|
|
55
56
|
Object.values((0, _blockTypes.toolbarBlockTypesWithRank)({
|
|
@@ -60,8 +61,8 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
|
|
|
60
61
|
type: 'menu-item',
|
|
61
62
|
key: blockType.toolbarKey,
|
|
62
63
|
parents: [{
|
|
63
|
-
type:
|
|
64
|
-
key:
|
|
64
|
+
type: _keys.TEXT_STYLES_MENU_SECTION.type,
|
|
65
|
+
key: _keys.TEXT_STYLES_MENU_SECTION.key,
|
|
65
66
|
rank: blockType.toolbarRank
|
|
66
67
|
}],
|
|
67
68
|
component: blockType.name === 'blockquote' ? function () {
|
|
@@ -14,6 +14,7 @@ exports.isSelectionInsideListNode = isSelectionInsideListNode;
|
|
|
14
14
|
var _mark = require("@atlaskit/editor-common/mark");
|
|
15
15
|
var _transforms = require("@atlaskit/editor-common/transforms");
|
|
16
16
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
17
|
+
var _inputRules = require("@atlaskit/editor-common/utils/input-rules");
|
|
17
18
|
var _utils2 = require("@atlaskit/editor-prosemirror/utils");
|
|
18
19
|
var _blockTypes = require("./block-types");
|
|
19
20
|
var isNodeAWrappingBlockNode = exports.isNodeAWrappingBlockNode = function isNodeAWrappingBlockNode(node) {
|
|
@@ -25,7 +26,7 @@ var isNodeAWrappingBlockNode = exports.isNodeAWrappingBlockNode = function isNod
|
|
|
25
26
|
});
|
|
26
27
|
};
|
|
27
28
|
var createJoinNodesRule = exports.createJoinNodesRule = function createJoinNodesRule(match, nodeType) {
|
|
28
|
-
return (0,
|
|
29
|
+
return (0, _inputRules.createWrappingJoinRule)({
|
|
29
30
|
nodeType: nodeType,
|
|
30
31
|
match: match,
|
|
31
32
|
getAttrs: {},
|
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createHeadingBlockMenuItem = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
10
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
11
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
12
|
+
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
|
|
13
13
|
var _textHeadingFive = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-five"));
|
|
14
14
|
var _textHeadingFour = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-four"));
|
|
15
15
|
var _textHeadingOne = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-one"));
|
|
@@ -17,7 +17,7 @@ var _textHeadingSix = _interopRequireDefault(require("@atlaskit/icon-lab/core/te
|
|
|
17
17
|
var _textHeadingThree = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-three"));
|
|
18
18
|
var _textHeadingTwo = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-two"));
|
|
19
19
|
var headingIcons = [_textHeadingOne.default, _textHeadingTwo.default, _textHeadingThree.default, _textHeadingFour.default, _textHeadingFive.default, _textHeadingSix.default];
|
|
20
|
-
var headingMessages = [
|
|
20
|
+
var headingMessages = [_blockType.messages.heading1, _blockType.messages.heading2, _blockType.messages.heading3, _blockType.messages.heading4, _blockType.messages.heading5, _blockType.messages.heading6];
|
|
21
21
|
var NODE_NAME = 'heading';
|
|
22
22
|
var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
23
23
|
var level = _ref.level,
|
|
@@ -28,8 +28,8 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
28
28
|
var Icon = headingIcons[level - 1];
|
|
29
29
|
var message = headingMessages[level - 1];
|
|
30
30
|
var handleClick = function handleClick(event) {
|
|
31
|
-
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ?
|
|
32
|
-
var inputMethod =
|
|
31
|
+
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
|
|
32
|
+
var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
|
|
33
33
|
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
|
|
34
34
|
var _api$blockMenu;
|
|
35
35
|
var tr = _ref2.tr;
|
|
@@ -47,7 +47,7 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
47
47
|
}) : null;
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
|
|
51
51
|
onClick: handleClick,
|
|
52
52
|
elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
|
|
53
53
|
label: "",
|
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createParagraphBlockMenuItem = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
10
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
11
|
+
var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
|
|
12
|
+
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
|
|
13
13
|
var _textNormal = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-normal"));
|
|
14
14
|
var _textParagraph = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-paragraph"));
|
|
15
15
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
@@ -21,8 +21,8 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
21
21
|
formatMessage = _useIntl.formatMessage;
|
|
22
22
|
var isNormalTextLabelEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_small_text');
|
|
23
23
|
var handleClick = function handleClick(event) {
|
|
24
|
-
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ?
|
|
25
|
-
var inputMethod =
|
|
24
|
+
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
|
|
25
|
+
var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
|
|
26
26
|
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
|
|
27
27
|
var _api$blockMenu;
|
|
28
28
|
var tr = _ref2.tr;
|
|
@@ -38,7 +38,7 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
38
38
|
}) : null;
|
|
39
39
|
});
|
|
40
40
|
};
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
|
|
42
42
|
onClick: handleClick,
|
|
43
43
|
elemBefore: isNormalTextLabelEnabled ? /*#__PURE__*/_react.default.createElement(_textNormal.default, {
|
|
44
44
|
label: "",
|
|
@@ -47,7 +47,7 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
47
47
|
label: "",
|
|
48
48
|
size: "small"
|
|
49
49
|
})
|
|
50
|
-
}, formatMessage(isNormalTextLabelEnabled ?
|
|
50
|
+
}, formatMessage(isNormalTextLabelEnabled ? _blockMenu.messages.normalText : _blockMenu.messages.paragraph));
|
|
51
51
|
};
|
|
52
52
|
var createParagraphBlockMenuItem = exports.createParagraphBlockMenuItem = function createParagraphBlockMenuItem(_ref3) {
|
|
53
53
|
var api = _ref3.api;
|
|
@@ -10,9 +10,9 @@ require("./QuoteBlockMenuItem.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _reactIntl = require("react-intl");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
13
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
14
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
15
|
+
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
|
|
16
16
|
var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
|
|
17
17
|
var styles = {
|
|
18
18
|
svgOverflow: "_1wrmewfl _172sewfl"
|
|
@@ -24,8 +24,8 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
24
24
|
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
25
25
|
formatMessage = _useIntl.formatMessage;
|
|
26
26
|
var handleClick = function handleClick(event) {
|
|
27
|
-
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ?
|
|
28
|
-
var inputMethod =
|
|
27
|
+
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
|
|
28
|
+
var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
|
|
29
29
|
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
|
|
30
30
|
var _api$blockMenu;
|
|
31
31
|
var tr = _ref2.tr;
|
|
@@ -40,7 +40,7 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
40
40
|
}) : null;
|
|
41
41
|
});
|
|
42
42
|
};
|
|
43
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
|
|
44
44
|
onClick: handleClick,
|
|
45
45
|
elemBefore: /*#__PURE__*/_react.default.createElement("span", {
|
|
46
46
|
className: (0, _runtime.ax)([styles.svgOverflow])
|
|
@@ -48,7 +48,7 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
48
48
|
label: "",
|
|
49
49
|
size: "small"
|
|
50
50
|
}))
|
|
51
|
-
}, formatMessage(
|
|
51
|
+
}, formatMessage(_blockType.messages.blockquote));
|
|
52
52
|
};
|
|
53
53
|
var createQuoteBlockMenuItem = exports.createQuoteBlockMenuItem = function createQuoteBlockMenuItem(_ref3) {
|
|
54
54
|
var api = _ref3.api;
|
|
@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createSmallTextBlockMenuItem = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
10
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
11
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
12
|
+
var _textSmallIcon = require("@atlaskit/editor-toolbar/text-small-icon");
|
|
13
|
+
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
|
|
13
14
|
var NODE_NAME = 'smallText';
|
|
14
15
|
var SmallTextBlockMenuItem = function SmallTextBlockMenuItem(_ref) {
|
|
15
16
|
var api = _ref.api,
|
|
@@ -17,8 +18,8 @@ var SmallTextBlockMenuItem = function SmallTextBlockMenuItem(_ref) {
|
|
|
17
18
|
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
18
19
|
formatMessage = _useIntl.formatMessage;
|
|
19
20
|
var handleClick = function handleClick(event) {
|
|
20
|
-
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ?
|
|
21
|
-
var inputMethod =
|
|
21
|
+
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
|
|
22
|
+
var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
|
|
22
23
|
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
|
|
23
24
|
var _api$blockMenu;
|
|
24
25
|
var tr = _ref2.tr;
|
|
@@ -38,13 +39,13 @@ var SmallTextBlockMenuItem = function SmallTextBlockMenuItem(_ref) {
|
|
|
38
39
|
}) : null;
|
|
39
40
|
});
|
|
40
41
|
};
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
|
|
42
43
|
onClick: handleClick,
|
|
43
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(
|
|
44
|
+
elemBefore: /*#__PURE__*/_react.default.createElement(_textSmallIcon.TextSmallIcon, {
|
|
44
45
|
label: "",
|
|
45
46
|
size: "small"
|
|
46
47
|
})
|
|
47
|
-
}, formatMessage(
|
|
48
|
+
}, formatMessage(_blockType.messages.smallText));
|
|
48
49
|
};
|
|
49
50
|
var createSmallTextBlockMenuItem = exports.createSmallTextBlockMenuItem = function createSmallTextBlockMenuItem(_ref3) {
|
|
50
51
|
var api = _ref3.api;
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getBlockTypeComponents = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _blockMenu = require("@atlaskit/editor-common/block-menu");
|
|
10
9
|
var _key = require("@atlaskit/editor-common/block-menu/key");
|
|
11
10
|
var _rank = require("@atlaskit/editor-common/block-menu/rank");
|
|
12
11
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
@@ -22,7 +21,7 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
22
21
|
allowFontSize = _ref.allowFontSize;
|
|
23
22
|
var isSmallTextExperimentEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_small_text');
|
|
24
23
|
var isSmallTextEnabled = Boolean(allowFontSize && isSmallTextExperimentEnabled);
|
|
25
|
-
var textFormattingRank = isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK :
|
|
24
|
+
var textFormattingRank = isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK : _rank.TRANSFORM_HEADINGS_MENU_SECTION_RANK;
|
|
26
25
|
var isTransformHeadingDisabled = function isTransformHeadingDisabled(level) {
|
|
27
26
|
var _api$blockMenu;
|
|
28
27
|
return Boolean(api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.isTransformOptionDisabled(HEADING_NODE_NAME, {
|
|
@@ -31,11 +30,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
31
30
|
};
|
|
32
31
|
return [{
|
|
33
32
|
type: 'block-menu-item',
|
|
34
|
-
key:
|
|
33
|
+
key: _key.TRANSFORM_HEADINGS_H1_MENU_ITEM.key,
|
|
35
34
|
parent: {
|
|
36
35
|
type: 'block-menu-section',
|
|
37
36
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
38
|
-
rank: textFormattingRank[
|
|
37
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H1_MENU_ITEM.key]
|
|
39
38
|
},
|
|
40
39
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
41
40
|
level: 1,
|
|
@@ -46,11 +45,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
46
45
|
}
|
|
47
46
|
}, {
|
|
48
47
|
type: 'block-menu-item',
|
|
49
|
-
key:
|
|
48
|
+
key: _key.TRANSFORM_HEADINGS_H2_MENU_ITEM.key,
|
|
50
49
|
parent: {
|
|
51
50
|
type: 'block-menu-section',
|
|
52
51
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
53
|
-
rank: textFormattingRank[
|
|
52
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H2_MENU_ITEM.key]
|
|
54
53
|
},
|
|
55
54
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
56
55
|
level: 2,
|
|
@@ -61,11 +60,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
61
60
|
}
|
|
62
61
|
}, {
|
|
63
62
|
type: 'block-menu-item',
|
|
64
|
-
key:
|
|
63
|
+
key: _key.TRANSFORM_HEADINGS_H3_MENU_ITEM.key,
|
|
65
64
|
parent: {
|
|
66
65
|
type: 'block-menu-section',
|
|
67
66
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
68
|
-
rank: textFormattingRank[
|
|
67
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H3_MENU_ITEM.key]
|
|
69
68
|
},
|
|
70
69
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
71
70
|
level: 3,
|
|
@@ -76,11 +75,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
76
75
|
}
|
|
77
76
|
}, {
|
|
78
77
|
type: 'block-menu-item',
|
|
79
|
-
key:
|
|
78
|
+
key: _key.TRANSFORM_HEADINGS_H4_MENU_ITEM.key,
|
|
80
79
|
parent: {
|
|
81
80
|
type: 'block-menu-section',
|
|
82
81
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
83
|
-
rank: textFormattingRank[
|
|
82
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H4_MENU_ITEM.key]
|
|
84
83
|
},
|
|
85
84
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
86
85
|
level: 4,
|
|
@@ -91,11 +90,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
91
90
|
}
|
|
92
91
|
}, {
|
|
93
92
|
type: 'block-menu-item',
|
|
94
|
-
key:
|
|
93
|
+
key: _key.TRANSFORM_HEADINGS_H5_MENU_ITEM.key,
|
|
95
94
|
parent: {
|
|
96
95
|
type: 'block-menu-section',
|
|
97
96
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
98
|
-
rank: textFormattingRank[
|
|
97
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H5_MENU_ITEM.key]
|
|
99
98
|
},
|
|
100
99
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
101
100
|
level: 5,
|
|
@@ -106,11 +105,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
106
105
|
}
|
|
107
106
|
}, {
|
|
108
107
|
type: 'block-menu-item',
|
|
109
|
-
key:
|
|
108
|
+
key: _key.TRANSFORM_HEADINGS_H6_MENU_ITEM.key,
|
|
110
109
|
parent: {
|
|
111
110
|
type: 'block-menu-section',
|
|
112
111
|
key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
|
|
113
|
-
rank: textFormattingRank[
|
|
112
|
+
rank: textFormattingRank[_key.TRANSFORM_HEADINGS_H6_MENU_ITEM.key]
|
|
114
113
|
},
|
|
115
114
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
116
115
|
level: 6,
|
|
@@ -121,11 +120,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
121
120
|
}
|
|
122
121
|
}, {
|
|
123
122
|
type: 'block-menu-item',
|
|
124
|
-
key:
|
|
123
|
+
key: _key.TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key,
|
|
125
124
|
parent: {
|
|
126
125
|
type: 'block-menu-section',
|
|
127
|
-
key: isSmallTextExperimentEnabled ? _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key :
|
|
128
|
-
rank: isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK[
|
|
126
|
+
key: isSmallTextExperimentEnabled ? _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key : _key.TRANSFORM_STRUCTURE_MENU_SECTION.key,
|
|
127
|
+
rank: isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key] : _rank.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]
|
|
129
128
|
},
|
|
130
129
|
component: (0, _QuoteBlockMenuItem.createQuoteBlockMenuItem)({
|
|
131
130
|
api: api
|
|
@@ -136,11 +135,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
136
135
|
}
|
|
137
136
|
}, {
|
|
138
137
|
type: 'block-menu-item',
|
|
139
|
-
key:
|
|
138
|
+
key: _key.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
|
|
140
139
|
parent: {
|
|
141
140
|
type: 'block-menu-section',
|
|
142
|
-
key: isSmallTextExperimentEnabled ? _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key :
|
|
143
|
-
rank: isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK[
|
|
141
|
+
key: isSmallTextExperimentEnabled ? _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key : _key.TRANSFORM_STRUCTURE_MENU_SECTION.key,
|
|
142
|
+
rank: isSmallTextExperimentEnabled ? _rank.TRANSFORM_TEXT_FORMATTING_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key] : _rank.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]
|
|
144
143
|
},
|
|
145
144
|
component: (0, _ParagraphBlockMenuItem.createParagraphBlockMenuItem)({
|
|
146
145
|
api: api
|
|
@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.getHeadingQuickInsertShortcut = exports.getHeadingQuickInsertMessages = exports.BlockTypeQuickInsertMenuItem = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
|
-
var
|
|
11
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
12
12
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
13
|
-
var
|
|
13
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
14
14
|
var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
|
|
15
|
-
var
|
|
15
|
+
var _messages = require("@atlaskit/editor-common/quick-insert/messages");
|
|
16
16
|
var _textHeadingFive = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-five"));
|
|
17
17
|
var _textHeadingFour = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-four"));
|
|
18
18
|
var _textHeadingOne = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-one"));
|
|
@@ -24,28 +24,28 @@ var _tooltip, _tooltip2, _tooltip3, _tooltip4, _tooltip5, _tooltip6;
|
|
|
24
24
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
25
25
|
var headingQuickInsertMessages = {
|
|
26
26
|
1: {
|
|
27
|
-
description:
|
|
28
|
-
title:
|
|
27
|
+
description: _blockType.messages.heading1Description,
|
|
28
|
+
title: _blockType.messages.heading1
|
|
29
29
|
},
|
|
30
30
|
2: {
|
|
31
|
-
description:
|
|
32
|
-
title:
|
|
31
|
+
description: _blockType.messages.heading2Description,
|
|
32
|
+
title: _blockType.messages.heading2
|
|
33
33
|
},
|
|
34
34
|
3: {
|
|
35
|
-
description:
|
|
36
|
-
title:
|
|
35
|
+
description: _blockType.messages.heading3Description,
|
|
36
|
+
title: _blockType.messages.heading3
|
|
37
37
|
},
|
|
38
38
|
4: {
|
|
39
|
-
description:
|
|
40
|
-
title:
|
|
39
|
+
description: _blockType.messages.heading4Description,
|
|
40
|
+
title: _blockType.messages.heading4
|
|
41
41
|
},
|
|
42
42
|
5: {
|
|
43
|
-
description:
|
|
44
|
-
title:
|
|
43
|
+
description: _blockType.messages.heading5Description,
|
|
44
|
+
title: _blockType.messages.heading5
|
|
45
45
|
},
|
|
46
46
|
6: {
|
|
47
|
-
description:
|
|
48
|
-
title:
|
|
47
|
+
description: _blockType.messages.heading6Description,
|
|
48
|
+
title: _blockType.messages.heading6
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var headingQuickInsertShortcuts = {
|
|
@@ -133,13 +133,13 @@ var BlockTypeQuickInsertMenuItem = exports.BlockTypeQuickInsertMenuItem = functi
|
|
|
133
133
|
var shortcut = (0, _react.useMemo)(function () {
|
|
134
134
|
return isBlockquote ? '>' : getHeadingQuickInsertShortcut(item);
|
|
135
135
|
}, [isBlockquote, item]);
|
|
136
|
-
var title = formatMessage(item === 'blockquote' ?
|
|
137
|
-
var description = formatMessage(item === 'blockquote' ?
|
|
136
|
+
var title = formatMessage(item === 'blockquote' ? _blockType.messages.blockquote : getHeadingQuickInsertMessages(item).title);
|
|
137
|
+
var description = formatMessage(item === 'blockquote' ? _blockType.messages.blockquoteDescription : getHeadingQuickInsertMessages(item).description);
|
|
138
138
|
var preview = (0, _react.useMemo)(function () {
|
|
139
139
|
return {
|
|
140
140
|
image: previewImageUrls[item],
|
|
141
141
|
attribution: {
|
|
142
|
-
name: formatMessage(
|
|
142
|
+
name: formatMessage(_messages.messages.previewAttributionAtlassian)
|
|
143
143
|
}
|
|
144
144
|
};
|
|
145
145
|
}, [formatMessage, item]);
|
|
@@ -153,25 +153,25 @@ var BlockTypeQuickInsertMenuItem = exports.BlockTypeQuickInsertMenuItem = functi
|
|
|
153
153
|
if (item === 'blockquote') {
|
|
154
154
|
var _api$analytics;
|
|
155
155
|
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
|
|
156
|
-
action:
|
|
157
|
-
actionSubject:
|
|
158
|
-
actionSubjectId:
|
|
156
|
+
action: _enums.ACTION.FORMATTED,
|
|
157
|
+
actionSubject: _enums.ACTION_SUBJECT.TEXT,
|
|
158
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
|
|
159
159
|
attributes: {
|
|
160
|
-
inputMethod:
|
|
160
|
+
inputMethod: _enums.INPUT_METHOD.QUICK_INSERT
|
|
161
161
|
},
|
|
162
|
-
eventType:
|
|
162
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
163
163
|
})(tr);
|
|
164
164
|
} else {
|
|
165
165
|
var _api$analytics2;
|
|
166
166
|
api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
|
|
167
|
-
action:
|
|
168
|
-
actionSubject:
|
|
169
|
-
actionSubjectId:
|
|
167
|
+
action: _enums.ACTION.FORMATTED,
|
|
168
|
+
actionSubject: _enums.ACTION_SUBJECT.TEXT,
|
|
169
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.FORMAT_HEADING,
|
|
170
170
|
attributes: {
|
|
171
|
-
inputMethod:
|
|
171
|
+
inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
|
|
172
172
|
newHeadingLevel: item
|
|
173
173
|
},
|
|
174
|
-
eventType:
|
|
174
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
175
175
|
})(tr);
|
|
176
176
|
}
|
|
177
177
|
return tr;
|