@atlaskit/editor-plugin-code-block-advanced 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 3.0.4
+
+### Patch Changes
+
+- [#191913](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191913)
+  [`6d1e56695e91d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d1e56695e91d) -
+  EDITOR-1131 Bump adf-schema package to 50.0.0
+- [#193159](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193159)
+  [`b004f44506551`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b004f44506551) -
+  [ED-28680] Fix a11y violation for aria-input-field-name in advanced code blocks
+- Updated dependencies
+
+## 3.0.3
+
+### Patch Changes
+
+- [#187144](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187144)
+  [`a16147d8fbdfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a16147d8fbdfe) -
+  Bump @atlaskit/adf-schema to v49.0.5
+- Updated dependencies
+
 ## 3.0.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,48 +1,48 @@
 {
-    "extends": "../../../../tsconfig.entry-points.confluence.json",
-    "compilerOptions": {
-        "target": "es5",
-        "composite": true,
-        "outDir": "../../../../../confluence/tsDist/@atlaskit__editor-plugin-code-block-advanced",
-        "rootDir": "../"
-    },
-    "include": [
-        "../src/**/*.ts",
-        "../src/**/*.tsx"
-    ],
-    "exclude": [
-        "../src/**/__tests__/*",
-        "../src/**/*.test.*",
-        "../src/**/test.*",
-        "../src/**/examples.*"
-    ],
-    "references": [
-        {
-            "path": "../../editor-plugin-code-block/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../editor-plugin-editor-disabled/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../editor-plugin-find-replace/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../editor-plugin-selection/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../editor-plugin-selection-marker/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../editor-common/afm-cc/tsconfig.json"
-        }
-    ]
+	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"compilerOptions": {
+		"target": "es5",
+		"composite": true,
+		"outDir": "../../../../../confluence/tsDist/@atlaskit__editor-plugin-code-block-advanced",
+		"rootDir": "../"
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*"
+	],
+	"references": [
+		{
+			"path": "../../editor-plugin-code-block/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-editor-disabled/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-find-replace/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-selection/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-selection-marker/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-cc/tsconfig.json"
+		}
+	]
 }

package/afm-townsquare/tsconfig.json

@@ -0,0 +1,48 @@
+{
+	"extends": "../../../../tsconfig.entry-points.townsquare.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../townsquare/tsDist/@atlaskit__editor-plugin-code-block-advanced/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*"
+	],
+	"references": [
+		{
+			"path": "../../editor-plugin-code-block/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-editor-disabled/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-find-replace/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-selection/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-selection-marker/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../tmp-editor-statsig/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-townsquare/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/codeBlockAdvancedPlugin.js

@@ -20,11 +20,13 @@ var codeBlockAdvancedPlugin = exports.codeBlockAdvancedPlugin = function codeBlo
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlockAdvancedPlugin',
-        plugin: function plugin() {
+        plugin: function plugin(_ref2) {
           var _config$extensions;
+          var getIntl = _ref2.getIntl;
           return (0, _main.createPlugin)({
             api: api,
-            extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : []
+            extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : [],
+            getIntl: getIntl
           });
         }
       }];

package/dist/cjs/nodeviews/codeBlockAdvanced.js

@@ -14,6 +14,7 @@ var _language = require("@codemirror/language");
 var _state = require("@codemirror/state");
 var _view = require("@codemirror/view");
 var _codeBlock = require("@atlaskit/editor-common/code-block");
+var _messages = require("@atlaskit/editor-common/messages");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view2 = require("@atlaskit/editor-prosemirror/view");
@@ -64,6 +65,9 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
       });
       _this.updating = false;
     });
+    var _config$getIntl = config.getIntl(),
+      formatMessage = _config$getIntl.formatMessage;
+    var formattedAriaLabel = formatMessage(_messages.blockTypeMessages.codeblock);
     this.cm = new _view.EditorView({
       doc: this.node.textContent,
       extensions: [].concat((0, _toConsumableArray2.default)(config.extensions), [this.lineWrappingCompartment.of((0, _codeBlock.isCodeBlockWordWrapEnabled)(node) ? _view.EditorView.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], function () {
@@ -94,7 +98,9 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         contentEditable: "".concat(this.view.editable)
       })]), (0, _autocomplete.closeBrackets)(), _view.EditorView.editorAttributes.of({
         class: 'code-block'
-      }), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)(), (0, _firstCodeBlockInDocument.firstCodeBlockInDocument)(getPos)])
+      }), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)(), (0, _firstCodeBlockInDocument.firstCodeBlockInDocument)(getPos), _view.EditorView.contentAttributes.of({
+        'aria-label': formattedAriaLabel
+      })])
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

package/dist/es2019/codeBlockAdvancedPlugin.js

@@ -14,11 +14,14 @@ export const codeBlockAdvancedPlugin = ({
   pmPlugins() {
     return [{
       name: 'codeBlockAdvancedPlugin',
-      plugin: () => {
+      plugin: ({
+        getIntl
+      }) => {
         var _config$extensions;
         return createPlugin({
           api,
-          extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : []
+          extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : [],
+          getIntl
         });
       }
     }];

package/dist/es2019/nodeviews/codeBlockAdvanced.js

@@ -4,6 +4,7 @@ import { syntaxHighlighting, bracketMatching } from '@codemirror/language';
 import { Compartment, EditorSelection, Facet, EditorState as CodeMirrorState } from '@codemirror/state';
 import { EditorView as CodeMirror, lineNumbers, gutters } from '@codemirror/view';
 import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -46,6 +47,10 @@ class CodeBlockAdvancedNodeView {
       });
       this.updating = false;
     });
+    const {
+      formatMessage
+    } = config.getIntl();
+    const formattedAriaLabel = formatMessage(blockTypeMessages.codeblock);
     this.cm = new CodeMirror({
       doc: this.node.textContent,
       extensions: [...config.extensions, this.lineWrappingCompartment.of(isCodeBlockWordWrapEnabled(node) ? CodeMirror.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], () => innerDecorations)), keymapExtension({
@@ -72,7 +77,9 @@ class CodeBlockAdvancedNodeView {
         contentEditable: `${this.view.editable}`
       })]), closeBrackets(), CodeMirror.editorAttributes.of({
         class: 'code-block'
-      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos)]
+      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos), CodeMirror.contentAttributes.of({
+        'aria-label': formattedAriaLabel
+      })]
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

package/dist/esm/codeBlockAdvancedPlugin.js

@@ -14,11 +14,13 @@ export var codeBlockAdvancedPlugin = function codeBlockAdvancedPlugin(_ref) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlockAdvancedPlugin',
-        plugin: function plugin() {
+        plugin: function plugin(_ref2) {
           var _config$extensions;
+          var getIntl = _ref2.getIntl;
           return createPlugin({
             api: api,
-            extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : []
+            extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : [],
+            getIntl: getIntl
           });
         }
       }];

package/dist/esm/nodeviews/codeBlockAdvanced.js

@@ -7,6 +7,7 @@ import { syntaxHighlighting, bracketMatching } from '@codemirror/language';
 import { Compartment, EditorSelection, Facet, EditorState as CodeMirrorState } from '@codemirror/state';
 import { EditorView as CodeMirror, lineNumbers, gutters } from '@codemirror/view';
 import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -57,6 +58,9 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
       });
       _this.updating = false;
     });
+    var _config$getIntl = config.getIntl(),
+      formatMessage = _config$getIntl.formatMessage;
+    var formattedAriaLabel = formatMessage(blockTypeMessages.codeblock);
     this.cm = new CodeMirror({
       doc: this.node.textContent,
       extensions: [].concat(_toConsumableArray(config.extensions), [this.lineWrappingCompartment.of(isCodeBlockWordWrapEnabled(node) ? CodeMirror.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], function () {
@@ -87,7 +91,9 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         contentEditable: "".concat(this.view.editable)
       })]), closeBrackets(), CodeMirror.editorAttributes.of({
         class: 'code-block'
-      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos)])
+      }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos), CodeMirror.contentAttributes.of({
+        'aria-label': formattedAriaLabel
+      })])
     });
 
     // We append an additional element that fixes a selection bug on chrome if the code block

package/dist/types/nodeviews/codeBlockAdvanced.d.ts

@@ -1,5 +1,6 @@
 import { type Extension } from '@codemirror/state';
 import { type ViewUpdate } from '@codemirror/view';
+import type { IntlShape } from 'react-intl-next';
 import type { getPosHandler, getPosHandlerNode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -7,6 +8,7 @@ import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface ConfigProps {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 declare class CodeBlockAdvancedNodeView implements NodeView {
     dom: Node;

package/dist/types/nodeviews/lazyCodeBlockAdvanced.d.ts

@@ -1,9 +1,11 @@
 import { type Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 export declare const lazyCodeBlockView: (props: Props) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
 export {};

package/dist/types/pm-plugins/main.d.ts

@@ -1,10 +1,12 @@
 import type { Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 export declare const createPlugin: (props: Props) => SafePlugin<any>;
 export {};

package/dist/types-ts4.5/nodeviews/codeBlockAdvanced.d.ts

@@ -1,5 +1,6 @@
 import { type Extension } from '@codemirror/state';
 import { type ViewUpdate } from '@codemirror/view';
+import type { IntlShape } from 'react-intl-next';
 import type { getPosHandler, getPosHandlerNode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -7,6 +8,7 @@ import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface ConfigProps {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 declare class CodeBlockAdvancedNodeView implements NodeView {
     dom: Node;

package/dist/types-ts4.5/nodeviews/lazyCodeBlockAdvanced.d.ts

@@ -1,9 +1,11 @@
 import { type Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 export declare const lazyCodeBlockView: (props: Props) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
 export {};

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,10 +1,12 @@
 import type { Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
     api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
     extensions: Extension[];
+    getIntl: () => IntlShape;
 }
 export declare const createPlugin: (props: Props) => SafePlugin<any>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block-advanced",
-	"version": "3.0.2",
+	"version": "3.0.4",
 	"description": "CodeBlockAdvanced plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,16 +31,16 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^47.6.0",
+		"@atlaskit/adf-schema": "^50.0.1",
 		"@atlaskit/editor-plugin-code-block": "^5.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
-		"@atlaskit/editor-plugin-find-replace": "^3.0.0",
+		"@atlaskit/editor-plugin-find-replace": "^3.2.0",
 		"@atlaskit/editor-plugin-selection": "^3.0.0",
 		"@atlaskit/editor-plugin-selection-marker": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^9.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tmp-editor-statsig": "^9.17.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/autocomplete": "6.18.4",
 		"@codemirror/commands": "6.7.1",
@@ -54,7 +54,7 @@
 		"codemirror-lang-elixir": "4.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.7.0",
+		"@atlaskit/editor-common": "^107.12.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {

package/src/codeBlockAdvancedPlugin.tsx

@@ -18,7 +18,8 @@ export const codeBlockAdvancedPlugin: CodeBlockAdvancedPlugin = ({ api, config }
 		return [
 			{
 				name: 'codeBlockAdvancedPlugin',
-				plugin: () => createPlugin({ api, extensions: config?.extensions ?? [] }),
+				plugin: ({ getIntl }) =>
+					createPlugin({ api, extensions: config?.extensions ?? [], getIntl }),
 			},
 		];
 	},

package/src/nodeviews/codeBlockAdvanced.ts

@@ -9,8 +9,10 @@ import {
 	type StateEffect,
 } from '@codemirror/state';
 import { EditorView as CodeMirror, lineNumbers, type ViewUpdate, gutters } from '@codemirror/view';
+import type { IntlShape } from 'react-intl-next';
 
 import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { type RelativeSelectionPos } from '@atlaskit/editor-common/selection';
 import type {
 	getPosHandler,
@@ -47,6 +49,7 @@ import { LanguageLoader } from './languages/loader';
 interface ConfigProps {
 	api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
 	extensions: Extension[];
+	getIntl: () => IntlShape;
 }
 
 // Based on: https://prosemirror.net/examples/codemirror/
@@ -90,6 +93,8 @@ class CodeBlockAdvancedNodeView implements NodeView {
 			});
 			this.updating = false;
 		});
+		const { formatMessage } = config.getIntl();
+		const formattedAriaLabel = formatMessage(blockTypeMessages.codeblock);
 
 		this.cm = new CodeMirror({
 			doc: this.node.textContent,
@@ -136,6 +141,7 @@ class CodeBlockAdvancedNodeView implements NodeView {
 				prosemirrorDecorationPlugin(this.pmFacet, view, getPos),
 				tripleClickSelectAllExtension(),
 				firstCodeBlockInDocument(getPos),
+				CodeMirror.contentAttributes.of({ 'aria-label': formattedAriaLabel }),
 			],
 		});
 

package/src/nodeviews/lazyCodeBlockAdvanced.ts

@@ -1,4 +1,5 @@
 import { type Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -10,6 +11,7 @@ import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
 interface Props {
 	api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
 	extensions: Extension[];
+	getIntl: () => IntlShape;
 }
 
 export const lazyCodeBlockView = (props: Props) => {

package/src/pm-plugins/main.ts

@@ -1,4 +1,5 @@
 import type { Extension } from '@codemirror/state';
+import type { IntlShape } from 'react-intl-next';
 
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -12,6 +13,7 @@ import { shiftArrowDownWorkaround, shiftArrowUpWorkaround } from './shiftArrowKe
 interface Props {
 	api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
 	extensions: Extension[];
+	getIntl: () => IntlShape;
 }
 
 export const createPlugin = (props: Props) => {

package/tsconfig.json

@@ -5,6 +5,5 @@
 		"src/**/*.tsx"
 	],
 	"compilerOptions": {
-		"baseUrl": ""
 	}
 }