@atlaskit/editor-plugin-code-block 28.0.4 → 28.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 +6 -0
- package/dist/cjs/codeBlockPlugin.js +14 -13
- package/dist/cjs/editor-commands/index.js +39 -38
- package/dist/cjs/pm-plugins/ide-ux/commands.js +16 -15
- package/dist/cjs/pm-plugins/input-rule.js +14 -12
- package/dist/cjs/pm-plugins/main.js +2 -2
- package/dist/cjs/pm-plugins/toolbar.js +11 -12
- package/dist/cjs/pm-plugins/transform-to-code-block.js +5 -4
- package/dist/cjs/ui/CodeBlockMenuItem.js +7 -7
- package/dist/cjs/ui/FormatCodeErrorFlag.js +5 -5
- package/dist/cjs/ui/LanguagePicker.js +4 -4
- package/dist/cjs/ui/class-names.js +9 -9
- package/dist/cjs/ui/icons/WrapIcon.js +2 -2
- package/dist/cjs/ui/language-picker-options.js +4 -4
- package/dist/cjs/ui/quick-insert/CodeBlockQuickInsertMenuItem.js +7 -7
- package/dist/cjs/ui/quick-insert/getCodeBlockQuickInsertComponents.js +3 -3
- package/dist/cjs/ui/recent-languages.js +2 -2
- package/dist/cjs/utils/auto-detect-view.js +4 -4
- package/dist/es2019/codeBlockPlugin.js +4 -3
- package/dist/es2019/editor-commands/index.js +4 -3
- package/dist/es2019/pm-plugins/ide-ux/commands.js +2 -1
- package/dist/es2019/pm-plugins/input-rule.js +6 -4
- package/dist/es2019/pm-plugins/main.js +1 -1
- package/dist/es2019/pm-plugins/toolbar.js +2 -1
- package/dist/es2019/pm-plugins/transform-to-code-block.js +3 -2
- package/dist/es2019/ui/CodeBlockMenuItem.js +3 -3
- package/dist/es2019/ui/FormatCodeErrorFlag.js +2 -2
- package/dist/es2019/ui/LanguagePicker.js +2 -2
- package/dist/es2019/ui/class-names.js +1 -1
- package/dist/es2019/ui/icons/WrapIcon.js +1 -1
- package/dist/es2019/ui/language-picker-options.js +1 -1
- package/dist/es2019/ui/quick-insert/CodeBlockQuickInsertMenuItem.js +2 -2
- package/dist/es2019/ui/quick-insert/getCodeBlockQuickInsertComponents.js +1 -1
- package/dist/es2019/ui/recent-languages.js +1 -1
- package/dist/es2019/utils/auto-detect-view.js +1 -1
- package/dist/esm/codeBlockPlugin.js +4 -3
- package/dist/esm/editor-commands/index.js +4 -3
- package/dist/esm/pm-plugins/ide-ux/commands.js +2 -1
- package/dist/esm/pm-plugins/input-rule.js +6 -4
- package/dist/esm/pm-plugins/main.js +1 -1
- package/dist/esm/pm-plugins/toolbar.js +2 -1
- package/dist/esm/pm-plugins/transform-to-code-block.js +3 -2
- package/dist/esm/ui/CodeBlockMenuItem.js +3 -3
- package/dist/esm/ui/FormatCodeErrorFlag.js +2 -2
- package/dist/esm/ui/LanguagePicker.js +2 -2
- package/dist/esm/ui/class-names.js +1 -1
- package/dist/esm/ui/icons/WrapIcon.js +1 -1
- package/dist/esm/ui/language-picker-options.js +1 -1
- package/dist/esm/ui/quick-insert/CodeBlockQuickInsertMenuItem.js +2 -2
- package/dist/esm/ui/quick-insert/getCodeBlockQuickInsertComponents.js +1 -1
- package/dist/esm/ui/recent-languages.js +1 -1
- package/dist/esm/utils/auto-detect-view.js +1 -1
- package/dist/types/codeBlockPluginType.d.ts +14 -13
- package/dist/types/editor-commands/index.d.ts +5 -3
- package/dist/types/nodeviews/code-block.d.ts +2 -1
- package/dist/types/pm-plugins/auto-detect.d.ts +1 -1
- package/dist/types/pm-plugins/ide-ux/commands.d.ts +2 -2
- package/dist/types/pm-plugins/ide-ux.d.ts +1 -1
- package/dist/types/pm-plugins/input-rule.d.ts +1 -1
- package/dist/types/pm-plugins/main.d.ts +1 -1
- package/dist/types/pm-plugins/toolbar.d.ts +2 -1
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/ui/CodeBlockLanguagePicker.d.ts +1 -1
- package/dist/types/ui/CodeBlockMenuItem.d.ts +1 -1
- package/dist/types/ui/FormatCodeErrorFlag.d.ts +1 -1
- package/dist/types/ui/LanguagePicker.d.ts +1 -1
- package/dist/types/ui/quick-insert/CodeBlockQuickInsertMenuItem.d.ts +1 -1
- package/dist/types/ui/quick-insert/getCodeBlockQuickInsertComponents.d.ts +1 -1
- package/dist/types/utils/auto-detect-view.d.ts +1 -1
- package/dist/types/utils/format-code/formatter.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -9,10 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _codeBlock = require("@atlaskit/adf-schema/code-block");
|
|
12
|
-
var
|
|
12
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
13
13
|
var _assets = require("@atlaskit/editor-common/assets");
|
|
14
|
-
var
|
|
15
|
-
var
|
|
14
|
+
var _key = require("@atlaskit/editor-common/block-menu/key");
|
|
15
|
+
var _rank = require("@atlaskit/editor-common/block-menu/rank");
|
|
16
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
16
17
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
17
18
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
19
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
@@ -40,11 +41,11 @@ var codeBlockPlugin = function codeBlockPlugin(_ref) {
|
|
|
40
41
|
var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
|
|
41
42
|
api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
|
|
42
43
|
type: 'block-menu-item',
|
|
43
|
-
key:
|
|
44
|
+
key: _key.TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key,
|
|
44
45
|
parent: {
|
|
45
46
|
type: 'block-menu-section',
|
|
46
|
-
key:
|
|
47
|
-
rank:
|
|
47
|
+
key: _key.TRANSFORM_STRUCTURE_MENU_SECTION.key,
|
|
48
|
+
rank: _rank.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_key.TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key]
|
|
48
49
|
},
|
|
49
50
|
component: (0, _CodeBlockMenuItem.createCodeBlockMenuItem)(api),
|
|
50
51
|
isHidden: function isHidden() {
|
|
@@ -142,8 +143,8 @@ var codeBlockPlugin = function codeBlockPlugin(_ref) {
|
|
|
142
143
|
var formatMessage = _ref5.formatMessage;
|
|
143
144
|
return [{
|
|
144
145
|
id: 'codeblock',
|
|
145
|
-
title: formatMessage(
|
|
146
|
-
description: formatMessage(
|
|
146
|
+
title: formatMessage(_blockType.messages.codeblock),
|
|
147
|
+
description: formatMessage(_blockType.messages.codeblockDescription),
|
|
147
148
|
keywords: ['code block'],
|
|
148
149
|
priority: 700,
|
|
149
150
|
keyshortcut: '```',
|
|
@@ -156,13 +157,13 @@ var codeBlockPlugin = function codeBlockPlugin(_ref) {
|
|
|
156
157
|
state: state
|
|
157
158
|
});
|
|
158
159
|
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
|
|
159
|
-
action:
|
|
160
|
-
actionSubject:
|
|
161
|
-
actionSubjectId:
|
|
160
|
+
action: _enums.ACTION.INSERTED,
|
|
161
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
162
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CODE_BLOCK,
|
|
162
163
|
attributes: {
|
|
163
|
-
inputMethod: source ||
|
|
164
|
+
inputMethod: source || _enums.INPUT_METHOD.QUICK_INSERT
|
|
164
165
|
},
|
|
165
|
-
eventType:
|
|
166
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
166
167
|
})(tr);
|
|
167
168
|
return tr;
|
|
168
169
|
}
|
|
@@ -11,13 +11,14 @@ exports.ignoreFollowingMutations = exports.detectLanguage = void 0;
|
|
|
11
11
|
exports.insertCodeBlockWithAnalytics = insertCodeBlockWithAnalytics;
|
|
12
12
|
exports.toggleWordWrapStateForCodeBlockNode = exports.toggleLineNumbersForCodeBlockNodeEditorCommand = exports.toggleLineNumbersForCodeBlockNode = exports.resetShouldIgnoreFollowingMutations = exports.resetCopiedState = exports.removeCodeBlockWithAnalytics = exports.removeCodeBlock = void 0;
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var
|
|
14
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
15
|
+
var _generalEvents = require("@atlaskit/editor-common/analytics/types/general-events");
|
|
15
16
|
var _clipboard = require("@atlaskit/editor-common/clipboard");
|
|
16
17
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
17
|
-
var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
|
|
18
18
|
var _insert = require("@atlaskit/editor-common/insert");
|
|
19
|
-
var
|
|
19
|
+
var _editorCommands = require("@atlaskit/editor-common/preset/editor-commands");
|
|
20
20
|
var _transforms = require("@atlaskit/editor-common/transforms");
|
|
21
|
+
var _withAnalytics = require("@atlaskit/editor-common/withAnalytics");
|
|
21
22
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
22
23
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
23
24
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -30,13 +31,13 @@ var _autoDetectState2 = require("../utils/auto-detect-state");
|
|
|
30
31
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
31
32
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
32
33
|
var removeCodeBlockWithAnalytics = exports.removeCodeBlockWithAnalytics = function removeCodeBlockWithAnalytics(editorAnalyticsAPI) {
|
|
33
|
-
return (0,
|
|
34
|
-
action:
|
|
35
|
-
actionSubject:
|
|
34
|
+
return (0, _withAnalytics.withAnalytics)(editorAnalyticsAPI, {
|
|
35
|
+
action: _enums.ACTION.DELETED,
|
|
36
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
36
37
|
attributes: {
|
|
37
|
-
inputMethod:
|
|
38
|
+
inputMethod: _enums.INPUT_METHOD.FLOATING_TB
|
|
38
39
|
},
|
|
39
|
-
eventType:
|
|
40
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
40
41
|
})(removeCodeBlock);
|
|
41
42
|
};
|
|
42
43
|
var removeCodeBlock = exports.removeCodeBlock = function removeCodeBlock(state, dispatch) {
|
|
@@ -81,8 +82,8 @@ var changeLanguage = exports.changeLanguage = function changeLanguage(editorAnal
|
|
|
81
82
|
var result = tr.setSelection(selection);
|
|
82
83
|
if (dispatch) {
|
|
83
84
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
84
|
-
action:
|
|
85
|
-
actionSubject:
|
|
85
|
+
action: _enums.ACTION.LANGUAGE_SELECTED,
|
|
86
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
86
87
|
attributes: _objectSpread(_objectSpread({
|
|
87
88
|
language: language !== null && language !== void 0 ? language : 'none'
|
|
88
89
|
}, selectionSource ? {
|
|
@@ -91,7 +92,7 @@ var changeLanguage = exports.changeLanguage = function changeLanguage(editorAnal
|
|
|
91
92
|
autoDetectionResult: previousAutoDetectEntry === null || previousAutoDetectEntry === void 0 ? void 0 : previousAutoDetectEntry.detectionResult,
|
|
92
93
|
autoDetectedLanguage: previousAutoDetectEntry === null || previousAutoDetectEntry === void 0 ? void 0 : previousAutoDetectEntry.autoDetectedLanguage
|
|
93
94
|
} : {}),
|
|
94
|
-
eventType:
|
|
95
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
95
96
|
})(result);
|
|
96
97
|
dispatch(result);
|
|
97
98
|
}
|
|
@@ -178,26 +179,26 @@ var attachFormatCodeAnalytics = function attachFormatCodeAnalytics(_ref3) {
|
|
|
178
179
|
tr = _ref3.tr;
|
|
179
180
|
if (result.status === 'failed') {
|
|
180
181
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
181
|
-
action:
|
|
182
|
-
actionSubject:
|
|
182
|
+
action: _enums.ACTION.ERRORED,
|
|
183
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
183
184
|
attributes: {
|
|
184
185
|
errorType: result.errorType,
|
|
185
186
|
language: result.language,
|
|
186
187
|
languageSource: languageSource
|
|
187
188
|
},
|
|
188
|
-
eventType:
|
|
189
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
189
190
|
})(tr);
|
|
190
191
|
return;
|
|
191
192
|
}
|
|
192
193
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
193
|
-
action:
|
|
194
|
-
actionSubject:
|
|
194
|
+
action: _enums.ACTION.FORMATTED,
|
|
195
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
195
196
|
attributes: {
|
|
196
197
|
language: result.language,
|
|
197
198
|
languageSource: languageSource,
|
|
198
199
|
outcome: result.status
|
|
199
200
|
},
|
|
200
|
-
eventType:
|
|
201
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
201
202
|
})(tr);
|
|
202
203
|
};
|
|
203
204
|
var createResolveFormatCodeTransaction = function createResolveFormatCodeTransaction(_ref4) {
|
|
@@ -333,9 +334,9 @@ var copyContentToClipboardWithAnalytics = exports.copyContentToClipboardWithAnal
|
|
|
333
334
|
});
|
|
334
335
|
copyToClipboardTr.setMeta(_codeBlockCopySelectionPlugin.copySelectionPluginKey, 'remove-selection');
|
|
335
336
|
if (editorAnalyticsAPI) {
|
|
336
|
-
var analyticsPayload = (0, _clipboard.getAnalyticsPayload)(state,
|
|
337
|
+
var analyticsPayload = (0, _clipboard.getAnalyticsPayload)(state, _enums.ACTION.COPIED);
|
|
337
338
|
if (analyticsPayload) {
|
|
338
|
-
analyticsPayload.attributes.inputMethod =
|
|
339
|
+
analyticsPayload.attributes.inputMethod = _enums.INPUT_METHOD.FLOATING_TB;
|
|
339
340
|
analyticsPayload.attributes.nodeType = codeBlock === null || codeBlock === void 0 ? void 0 : codeBlock.node.type.name;
|
|
340
341
|
editorAnalyticsAPI.attachAnalyticsEvent(analyticsPayload)(copyToClipboardTr);
|
|
341
342
|
}
|
|
@@ -456,25 +457,25 @@ function createInsertCodeBlockTransactionWithAnalytics(_ref9) {
|
|
|
456
457
|
state: state
|
|
457
458
|
});
|
|
458
459
|
analyticsAPI === null || analyticsAPI === void 0 || analyticsAPI.attachAnalyticsEvent({
|
|
459
|
-
action:
|
|
460
|
-
actionSubject:
|
|
461
|
-
actionSubjectId:
|
|
460
|
+
action: _enums.ACTION.INSERTED,
|
|
461
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
462
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CODE_BLOCK,
|
|
462
463
|
attributes: {
|
|
463
464
|
inputMethod: inputMethod
|
|
464
465
|
},
|
|
465
|
-
eventType:
|
|
466
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
466
467
|
})(tr);
|
|
467
468
|
return tr;
|
|
468
469
|
}
|
|
469
470
|
function insertCodeBlockWithAnalytics(inputMethod, analyticsAPI) {
|
|
470
|
-
return (0,
|
|
471
|
-
action:
|
|
472
|
-
actionSubject:
|
|
473
|
-
actionSubjectId:
|
|
471
|
+
return (0, _withAnalytics.withAnalytics)(analyticsAPI, {
|
|
472
|
+
action: _enums.ACTION.INSERTED,
|
|
473
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
474
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CODE_BLOCK,
|
|
474
475
|
attributes: {
|
|
475
476
|
inputMethod: inputMethod
|
|
476
477
|
},
|
|
477
|
-
eventType:
|
|
478
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
478
479
|
})(function (state, dispatch) {
|
|
479
480
|
var tr = createInsertCodeBlockTransaction({
|
|
480
481
|
state: state
|
|
@@ -511,15 +512,15 @@ var toggleWordWrapStateForCodeBlockNode = exports.toggleWordWrapStateForCodeBloc
|
|
|
511
512
|
});
|
|
512
513
|
if (dispatch) {
|
|
513
514
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
514
|
-
action:
|
|
515
|
-
actionSubject:
|
|
515
|
+
action: _enums.ACTION.TOGGLE_CODE_BLOCK_WRAP,
|
|
516
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
516
517
|
attributes: {
|
|
517
|
-
platform:
|
|
518
|
-
mode:
|
|
518
|
+
platform: _generalEvents.PLATFORMS.WEB,
|
|
519
|
+
mode: _generalEvents.MODE.EDITOR,
|
|
519
520
|
wordWrapEnabled: updatedToggleState,
|
|
520
521
|
codeBlockNodeSize: codeBlockNode.nodeSize
|
|
521
522
|
},
|
|
522
|
-
eventType:
|
|
523
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
523
524
|
})(tr);
|
|
524
525
|
dispatch(tr);
|
|
525
526
|
}
|
|
@@ -540,18 +541,18 @@ var toggleLineNumbersForCodeBlockNodeEditorCommand = exports.toggleLineNumbersFo
|
|
|
540
541
|
hideLineNumbers: lineNumbersHidden
|
|
541
542
|
}));
|
|
542
543
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
543
|
-
action:
|
|
544
|
-
actionSubject:
|
|
544
|
+
action: _enums.ACTION.TOGGLE_CODE_BLOCK_LINE_NUMBERS,
|
|
545
|
+
actionSubject: _enums.ACTION_SUBJECT.CODE_BLOCK,
|
|
545
546
|
attributes: {
|
|
546
|
-
platform:
|
|
547
|
+
platform: _generalEvents.PLATFORMS.WEB,
|
|
547
548
|
lineNumbersHidden: lineNumbersHidden,
|
|
548
549
|
codeBlockNodeSize: codeBlockNode.nodeSize
|
|
549
550
|
},
|
|
550
|
-
eventType:
|
|
551
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
551
552
|
})(tr);
|
|
552
553
|
return tr;
|
|
553
554
|
};
|
|
554
555
|
};
|
|
555
556
|
var toggleLineNumbersForCodeBlockNode = exports.toggleLineNumbersForCodeBlockNode = function toggleLineNumbersForCodeBlockNode(editorAnalyticsAPI) {
|
|
556
|
-
return (0,
|
|
557
|
+
return (0, _editorCommands.editorCommandToPMCommand)(toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI));
|
|
557
558
|
};
|
|
@@ -7,7 +7,8 @@ exports.indent = void 0;
|
|
|
7
7
|
exports.insertIndent = insertIndent;
|
|
8
8
|
exports.insertNewlineWithIndent = insertNewlineWithIndent;
|
|
9
9
|
exports.outdent = void 0;
|
|
10
|
-
var
|
|
10
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
11
|
+
var _formatEvents = require("@atlaskit/editor-common/analytics/types/format-events");
|
|
11
12
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
12
13
|
var _lineHandling = require("./line-handling");
|
|
13
14
|
/**
|
|
@@ -36,16 +37,16 @@ var indent = exports.indent = function indent(editorAnalyticsAPI) {
|
|
|
36
37
|
var indentToAdd = indentToken.token.repeat(indentToken.size - indentText.length % indentToken.size || indentToken.size);
|
|
37
38
|
tr.insertText(indentToAdd, tr.mapping.map(start + offset, -1));
|
|
38
39
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
39
|
-
action:
|
|
40
|
-
actionSubject:
|
|
41
|
-
actionSubjectId:
|
|
42
|
-
eventType:
|
|
40
|
+
action: _enums.ACTION.FORMATTED,
|
|
41
|
+
actionSubject: _enums.ACTION_SUBJECT.TEXT,
|
|
42
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.FORMAT_INDENT,
|
|
43
|
+
eventType: _enums.EVENT_TYPE.TRACK,
|
|
43
44
|
attributes: {
|
|
44
|
-
inputMethod:
|
|
45
|
+
inputMethod: _enums.INPUT_METHOD.KEYBOARD,
|
|
45
46
|
previousIndentationLevel: indentLevel,
|
|
46
47
|
newIndentLevel: indentLevel + 1,
|
|
47
|
-
direction:
|
|
48
|
-
indentType:
|
|
48
|
+
direction: _formatEvents.INDENT_DIRECTION.INDENT,
|
|
49
|
+
indentType: _formatEvents.INDENT_TYPE.CODE_BLOCK
|
|
49
50
|
}
|
|
50
51
|
})(tr);
|
|
51
52
|
if (!selection.empty) {
|
|
@@ -73,16 +74,16 @@ var outdent = exports.outdent = function outdent(editorAnalyticsAPI) {
|
|
|
73
74
|
var unindentLength = indentText.length % indentToken.size || indentToken.size;
|
|
74
75
|
tr.delete(tr.mapping.map(start + offset), tr.mapping.map(start + offset + unindentLength));
|
|
75
76
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
76
|
-
action:
|
|
77
|
-
actionSubject:
|
|
78
|
-
actionSubjectId:
|
|
79
|
-
eventType:
|
|
77
|
+
action: _enums.ACTION.FORMATTED,
|
|
78
|
+
actionSubject: _enums.ACTION_SUBJECT.TEXT,
|
|
79
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.FORMAT_INDENT,
|
|
80
|
+
eventType: _enums.EVENT_TYPE.TRACK,
|
|
80
81
|
attributes: {
|
|
81
|
-
inputMethod:
|
|
82
|
+
inputMethod: _enums.INPUT_METHOD.KEYBOARD,
|
|
82
83
|
previousIndentationLevel: indentLevel,
|
|
83
84
|
newIndentLevel: indentLevel - 1,
|
|
84
|
-
direction:
|
|
85
|
-
indentType:
|
|
85
|
+
direction: _formatEvents.INDENT_DIRECTION.OUTDENT,
|
|
86
|
+
indentType: _formatEvents.INDENT_TYPE.CODE_BLOCK
|
|
86
87
|
}
|
|
87
88
|
})(tr);
|
|
88
89
|
}
|
|
@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createCodeBlockInputRule = createCodeBlockInputRule;
|
|
7
|
-
var
|
|
7
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
8
8
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
9
|
-
var
|
|
9
|
+
var _insertBlock = require("@atlaskit/editor-common/commands/insert-block");
|
|
10
10
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
11
11
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
12
|
+
var _inputRules = require("@atlaskit/editor-common/utils/input-rules");
|
|
12
13
|
var _utils2 = require("@atlaskit/editor-prosemirror/utils");
|
|
13
|
-
var
|
|
14
|
+
var _constants = require("@atlaskit/prosemirror-input-rules/constants");
|
|
15
|
+
var _utils3 = require("@atlaskit/prosemirror-input-rules/utils");
|
|
14
16
|
var _transformToCodeBlock = require("./transform-to-code-block");
|
|
15
17
|
// eslint-disable-next-line require-unicode-regexp
|
|
16
18
|
var THREE_TILDE_RULE_REGEX = /(?!\s)(`{3,})$/;
|
|
17
19
|
function createCodeBlockInputRule(schema, editorAnalyticsAPI) {
|
|
18
20
|
var rules = getCodeBlockRules(editorAnalyticsAPI, schema);
|
|
19
|
-
return new _safePlugin.SafePlugin((0,
|
|
21
|
+
return new _safePlugin.SafePlugin((0, _utils3.createPlugin)('code-block-input-rule', rules, {
|
|
20
22
|
isBlockNodeRule: true
|
|
21
23
|
}));
|
|
22
24
|
}
|
|
@@ -28,14 +30,14 @@ function createCodeBlockInputRule(schema, editorAnalyticsAPI) {
|
|
|
28
30
|
* @returns {InputRuleWithHandler[]}
|
|
29
31
|
*/
|
|
30
32
|
function getCodeBlockRules(editorAnalyticsAPI, schema) {
|
|
31
|
-
var ruleAnalytics = (0,
|
|
32
|
-
action:
|
|
33
|
-
actionSubject:
|
|
34
|
-
actionSubjectId:
|
|
33
|
+
var ruleAnalytics = (0, _inputRules.inputRuleWithAnalytics)({
|
|
34
|
+
action: _enums.ACTION.INSERTED,
|
|
35
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
36
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CODE_BLOCK,
|
|
35
37
|
attributes: {
|
|
36
|
-
inputMethod:
|
|
38
|
+
inputMethod: _enums.INPUT_METHOD.FORMATTING
|
|
37
39
|
},
|
|
38
|
-
eventType:
|
|
40
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
39
41
|
}, editorAnalyticsAPI);
|
|
40
42
|
var validMatchLength = function validMatchLength(match) {
|
|
41
43
|
return match.length > 0 && match[0].length === 3;
|
|
@@ -59,7 +61,7 @@ function getCodeBlockRules(editorAnalyticsAPI, schema) {
|
|
|
59
61
|
var leftNodeReplacementThreeTildeRule = (0, _utils.createRule)(
|
|
60
62
|
// Ignored via go/ees005
|
|
61
63
|
// eslint-disable-next-line require-unicode-regexp
|
|
62
|
-
new RegExp("((".concat(
|
|
64
|
+
new RegExp("((".concat(_constants.leafNodeReplacementCharacter, "`{3,})|^\\s(`{3,}))(\\S*)$")), function (state, match, start, end) {
|
|
63
65
|
if (!validMatchLength(match)) {
|
|
64
66
|
return null;
|
|
65
67
|
}
|
|
@@ -67,7 +69,7 @@ function getCodeBlockRules(editorAnalyticsAPI, schema) {
|
|
|
67
69
|
language: match[4]
|
|
68
70
|
} : {});
|
|
69
71
|
var inlineStart = Math.max(match.index + state.selection.$from.start(), 1);
|
|
70
|
-
return (0,
|
|
72
|
+
return (0, _insertBlock.insertBlock)(state, schema.nodes.codeBlock, inlineStart, end, attributes);
|
|
71
73
|
});
|
|
72
74
|
return [ruleAnalytics(threeTildeRule), ruleAnalytics(leftNodeReplacementThreeTildeRule)];
|
|
73
75
|
}
|
|
@@ -8,7 +8,7 @@ exports.createPlugin = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
10
10
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
11
|
-
var
|
|
11
|
+
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
12
12
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
13
13
|
var _selection = require("@atlaskit/editor-common/selection");
|
|
14
14
|
var _transforms = require("@atlaskit/editor-common/transforms");
|
|
@@ -174,7 +174,7 @@ var createPlugin = exports.createPlugin = function createPlugin(_ref) {
|
|
|
174
174
|
codeBlock: function codeBlock(node, view, getPos) {
|
|
175
175
|
var _getIntl = getIntl(),
|
|
176
176
|
formatMessage = _getIntl.formatMessage;
|
|
177
|
-
var formattedAriaLabel = formatMessage(
|
|
177
|
+
var formattedAriaLabel = formatMessage(_blockType.messages.codeblock);
|
|
178
178
|
return (0, _codeBlock2.codeBlockNodeView)(node, view, getPos, formattedAriaLabel, api);
|
|
179
179
|
}
|
|
180
180
|
},
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -10,7 +9,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
10
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
10
|
var _react = _interopRequireDefault(require("react"));
|
|
12
11
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
13
|
-
var _messages =
|
|
12
|
+
var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
|
|
13
|
+
var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
|
|
14
14
|
var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
15
15
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
16
16
|
var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
|
|
@@ -31,20 +31,19 @@ var _autoDetectState = require("./auto-detect-state");
|
|
|
31
31
|
var _codeBlockCopySelectionPlugin = require("./codeBlockCopySelectionPlugin");
|
|
32
32
|
var _languageList = require("./language-list");
|
|
33
33
|
var _pluginKey = require("./plugin-key");
|
|
34
|
-
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); }
|
|
35
34
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
36
35
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
37
36
|
var getDetectLanguageOption = function getDetectLanguageOption(formatMessage) {
|
|
38
37
|
return {
|
|
39
38
|
alias: [],
|
|
40
|
-
label: formatMessage(
|
|
39
|
+
label: formatMessage(_codeBlockButton.codeBlockButtonMessages.detectLanguage),
|
|
41
40
|
value: _languagePickerOptions.DETECT_LANGUAGE_VALUE
|
|
42
41
|
};
|
|
43
42
|
};
|
|
44
43
|
var getNoneDetectedOption = function getNoneDetectedOption(formatMessage) {
|
|
45
44
|
return {
|
|
46
45
|
alias: [],
|
|
47
|
-
label: formatMessage(
|
|
46
|
+
label: formatMessage(_codeBlockButton.codeBlockButtonMessages.noneDetected),
|
|
48
47
|
value: _languagePickerOptions.NONE_LANGUAGE_VALUE
|
|
49
48
|
};
|
|
50
49
|
};
|
|
@@ -66,7 +65,7 @@ var getAutoDetectPickerValue = function getAutoDetectPickerValue(_ref) {
|
|
|
66
65
|
var shouldShowDetectedLabel = Boolean(defaultPickerValue) && (autoDetectEntry === null || autoDetectEntry === void 0 ? void 0 : autoDetectEntry.autoDetectedLanguage) === language && Boolean(autoDetectEntry === null || autoDetectEntry === void 0 ? void 0 : autoDetectEntry.detectionResult);
|
|
67
66
|
if (shouldShowDetectedLabel && defaultPickerValue) {
|
|
68
67
|
return _objectSpread(_objectSpread({}, defaultPickerValue), {}, {
|
|
69
|
-
label: formatMessage(
|
|
68
|
+
label: formatMessage(_codeBlockButton.codeBlockButtonMessages.detectedLanguage, {
|
|
70
69
|
language: defaultPickerValue.label
|
|
71
70
|
})
|
|
72
71
|
});
|
|
@@ -144,7 +143,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
144
143
|
return (0, _editorCommands.changeLanguage)(editorAnalyticsAPI)(option.value);
|
|
145
144
|
},
|
|
146
145
|
defaultValue: defaultValue,
|
|
147
|
-
placeholder: formatMessage(
|
|
146
|
+
placeholder: formatMessage(_codeBlockButton.codeBlockButtonMessages.selectLanguage),
|
|
148
147
|
options: languageSelectOptions,
|
|
149
148
|
filterOption: languageListFilter
|
|
150
149
|
};
|
|
@@ -190,7 +189,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
190
189
|
// note: copyContentToClipboardWithAnalytics contains logic that also removes the
|
|
191
190
|
// visual feedback for the copy button
|
|
192
191
|
onClick: (0, _editorCommands.copyContentToClipboardWithAnalytics)(editorAnalyticsAPI),
|
|
193
|
-
title: formatMessage(codeBlockState.contentCopied ?
|
|
192
|
+
title: formatMessage(codeBlockState.contentCopied ? _codeBlockButton.codeBlockButtonMessages.copiedCodeToClipboard : (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_a11y_codeblock_copy_name') ? _codeBlockButton.codeBlockButtonMessages.copyCodeSnippetToClipboard : _codeBlockButton.codeBlockButtonMessages.copyCodeToClipboard),
|
|
194
193
|
onMouseEnter: _codeBlockCopySelectionPlugin.provideVisualFeedbackForCopyButton,
|
|
195
194
|
// note: resetCopiedState contains logic that also removes the
|
|
196
195
|
// visual feedback for the copy button
|
|
@@ -217,7 +216,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
217
216
|
}];
|
|
218
217
|
if (allowCopyToClipboard) {
|
|
219
218
|
overflowMenuOptions.unshift({
|
|
220
|
-
title: formatMessage((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_a11y_codeblock_copy_name') ?
|
|
219
|
+
title: formatMessage((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_a11y_codeblock_copy_name') ? _codeBlockButton.codeBlockButtonMessages.copyCodeSnippetToClipboard : _messages.default.copyToClipboard),
|
|
221
220
|
onClick: (0, _editorCommands.copyContentToClipboardWithAnalytics)(editorAnalyticsAPI),
|
|
222
221
|
icon: (0, _copy.default)({
|
|
223
222
|
label: ''
|
|
@@ -254,7 +253,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
254
253
|
};
|
|
255
254
|
copyAndDeleteButtonMenuItems = [separator].concat(copyToClipboardItems, [deleteButton]);
|
|
256
255
|
}
|
|
257
|
-
var codeBlockWrapButtonTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_code_block_q4_lovability', 'isEnabled', true) ? formatMessage(isWrapped ?
|
|
256
|
+
var codeBlockWrapButtonTitle = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_code_block_q4_lovability', 'isEnabled', true) ? formatMessage(isWrapped ? _codeBlockButton.codeBlockButtonMessages.unwrapCodeLabel : _codeBlockButton.codeBlockButtonMessages.wrapCodeLabel) : formatMessage(_codeBlockButton.codeBlockButtonMessages.wrapCode);
|
|
258
257
|
var codeBlockWrapButton = {
|
|
259
258
|
id: 'editor.codeBlock.wrap',
|
|
260
259
|
type: 'button',
|
|
@@ -273,7 +272,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
273
272
|
supportsViewMode: false,
|
|
274
273
|
icon: _listNumbered.default,
|
|
275
274
|
onClick: (0, _editorCommands.toggleLineNumbersForCodeBlockNode)(editorAnalyticsAPI),
|
|
276
|
-
title: formatMessage(areLineNumbersVisible ?
|
|
275
|
+
title: formatMessage(areLineNumbersVisible ? _codeBlockButton.codeBlockButtonMessages.hideLineNumbersLabel : _codeBlockButton.codeBlockButtonMessages.showLineNumbersLabel),
|
|
277
276
|
tabIndex: null,
|
|
278
277
|
selected: areLineNumbersVisible
|
|
279
278
|
};
|
|
@@ -292,7 +291,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
|
|
|
292
291
|
}),
|
|
293
292
|
onFocus: (0, _formatter.preloadFormatterOnIntent)(formatCodeProvider, formatLanguage),
|
|
294
293
|
onMouseEnter: (0, _formatter.preloadFormatterOnIntent)(formatCodeProvider, formatLanguage),
|
|
295
|
-
title: formatMessage(canFormatCode ?
|
|
294
|
+
title: formatMessage(canFormatCode ? _codeBlockButton.codeBlockButtonMessages.formatCode : _codeBlockButton.codeBlockButtonMessages.formatCodeUnavailable)
|
|
296
295
|
};
|
|
297
296
|
return {
|
|
298
297
|
title: 'CodeBlock floating controls',
|
|
@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.isConvertableToCodeBlock = isConvertableToCodeBlock;
|
|
7
7
|
exports.transformToCodeBlockAction = transformToCodeBlockAction;
|
|
8
|
-
var _selection = require("@atlaskit/editor-common/selection");
|
|
9
|
-
var
|
|
8
|
+
var _selection = require("@atlaskit/editor-common/selection/gap-cursor/selection");
|
|
9
|
+
var _date = require("@atlaskit/editor-common/utils/date");
|
|
10
|
+
var _slice = require("@atlaskit/editor-common/utils/slice");
|
|
10
11
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
11
12
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
12
13
|
function transformToCodeBlockAction(state, start,
|
|
@@ -19,7 +20,7 @@ attrs) {
|
|
|
19
20
|
//when cmd+A is used to select the content. start position should be 0.
|
|
20
21
|
var parentStartPosition = startOfCodeBlockText.depth === 0 ? 0 : startOfCodeBlockText.before();
|
|
21
22
|
var contentSlice = state.doc.slice(startOfCodeBlockText.pos, endPosition);
|
|
22
|
-
var codeBlockSlice = (0,
|
|
23
|
+
var codeBlockSlice = (0, _slice.mapSlice)(contentSlice, function (node, parent, index) {
|
|
23
24
|
if (node.type === state.schema.nodes.hardBreak) {
|
|
24
25
|
return state.schema.text('\n');
|
|
25
26
|
}
|
|
@@ -29,7 +30,7 @@ attrs) {
|
|
|
29
30
|
if (node.isInline) {
|
|
30
31
|
// Convert dates
|
|
31
32
|
if (node.attrs.timestamp) {
|
|
32
|
-
return state.schema.text((0,
|
|
33
|
+
return state.schema.text((0, _date.timestampToString)(node.attrs.timestamp, null));
|
|
33
34
|
}
|
|
34
35
|
// Convert links
|
|
35
36
|
if (node.attrs.url) {
|
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createCodeBlockMenuItem = 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 _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
|
|
14
14
|
var NODE_NAME = 'codeBlock';
|
|
15
15
|
var CodeBlockMenuItem = function CodeBlockMenuItem(_ref) {
|
|
@@ -18,8 +18,8 @@ var CodeBlockMenuItem = function CodeBlockMenuItem(_ref) {
|
|
|
18
18
|
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
19
19
|
formatMessage = _useIntl.formatMessage;
|
|
20
20
|
var handleClick = function handleClick(event) {
|
|
21
|
-
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ?
|
|
22
|
-
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;
|
|
23
23
|
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
|
|
24
24
|
var _api$blockMenu;
|
|
25
25
|
var tr = _ref2.tr;
|
|
@@ -34,13 +34,13 @@ var CodeBlockMenuItem = function CodeBlockMenuItem(_ref) {
|
|
|
34
34
|
}) : null;
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
|
|
38
38
|
onClick: handleClick,
|
|
39
39
|
elemBefore: /*#__PURE__*/_react.default.createElement(_angleBrackets.default, {
|
|
40
40
|
label: "",
|
|
41
41
|
size: "small"
|
|
42
42
|
})
|
|
43
|
-
}, formatMessage(
|
|
43
|
+
}, formatMessage(_blockMenu.messages.codeBlock));
|
|
44
44
|
};
|
|
45
45
|
var createCodeBlockMenuItem = exports.createCodeBlockMenuItem = function createCodeBlockMenuItem(api) {
|
|
46
46
|
return function () {
|
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.FormatCodeErrorFlag = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
|
|
12
|
+
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
13
13
|
var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
|
|
14
14
|
var _flagGroup = require("@atlaskit/flag/flag-group");
|
|
15
15
|
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
|
|
@@ -21,18 +21,18 @@ var FormatCodeErrorFlagItem = function FormatCodeErrorFlagItem(_ref) {
|
|
|
21
21
|
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
22
22
|
formatMessage = _useIntl.formatMessage;
|
|
23
23
|
return /*#__PURE__*/_react.default.createElement(_flag.default, {
|
|
24
|
-
description: formatMessage(formatCodeError.languageSource === 'auto-detected' ?
|
|
24
|
+
description: formatMessage(formatCodeError.languageSource === 'auto-detected' ? _codeBlockButton.codeBlockButtonMessages.formatCodeFailedAutoDetectedDescription : _codeBlockButton.codeBlockButtonMessages.formatCodeFailedDescription),
|
|
25
25
|
icon: /*#__PURE__*/_react.default.createElement(_statusError.default, {
|
|
26
26
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
27
27
|
label: ""
|
|
28
28
|
}),
|
|
29
29
|
id: formatCodeError.localId,
|
|
30
|
-
title: formatMessage(
|
|
30
|
+
title: formatMessage(_codeBlockButton.codeBlockButtonMessages.formatCodeFailed)
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
var FormatCodeErrorFlag = exports.FormatCodeErrorFlag = function FormatCodeErrorFlag(_ref2) {
|
|
34
34
|
var api = _ref2.api;
|
|
35
|
-
var _useSharedPluginState = (0,
|
|
35
|
+
var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['codeBlock'], function (states) {
|
|
36
36
|
var _states$codeBlockStat, _states$codeBlockStat2;
|
|
37
37
|
return {
|
|
38
38
|
formatCodeErrors: (_states$codeBlockStat = (_states$codeBlockStat2 = states.codeBlockState) === null || _states$codeBlockStat2 === void 0 ? void 0 : _states$codeBlockStat2.formatCodeErrors) !== null && _states$codeBlockStat !== void 0 ? _states$codeBlockStat : {}
|
|
@@ -13,8 +13,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
13
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
16
|
-
var
|
|
17
|
-
var
|
|
16
|
+
var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
|
|
17
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
18
18
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
19
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
20
|
var _components = require("@atlaskit/react-select/components");
|
|
@@ -87,8 +87,8 @@ var LanguagePicker = exports.LanguagePicker = function LanguagePicker(_ref) {
|
|
|
87
87
|
onSelection = _ref.onSelection,
|
|
88
88
|
_ref$triggerSpacing = _ref.triggerSpacing,
|
|
89
89
|
triggerSpacing = _ref$triggerSpacing === void 0 ? 'default' : _ref$triggerSpacing;
|
|
90
|
-
var label = (_defaultValue$label = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.label) !== null && _defaultValue$label !== void 0 ? _defaultValue$label : formatMessage(
|
|
91
|
-
var selectLanguageLabel = formatMessage(
|
|
90
|
+
var label = (_defaultValue$label = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.label) !== null && _defaultValue$label !== void 0 ? _defaultValue$label : formatMessage(_codeBlockButton.codeBlockButtonMessages.selectLanguage);
|
|
91
|
+
var selectLanguageLabel = formatMessage(_codeBlockButton.codeBlockButtonMessages.selectLanguage);
|
|
92
92
|
var _useState = (0, _react.useState)(false),
|
|
93
93
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
94
94
|
hasSearchQuery = _useState2[0],
|