@atlaskit/editor-plugin-code-block 4.2.4 → 4.2.6

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-code-block
 
+## 4.2.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.5
+
+### Patch Changes
+
+- [#133457](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/133457)
+  [`3feb915ee0488`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3feb915ee0488) -
+  [ux] A11Y-10108 fixing Inappropriate accessible name for code block wrap toggle button
+- Updated dependencies
+
 ## 4.2.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/toolbar.js

@@ -13,6 +13,7 @@ var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/migration/copy"));
 var _deleteEditorRemove = _interopRequireDefault(require("@atlaskit/icon/core/migration/delete--editor-remove"));
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorCommands = require("../editor-commands");
 var _WrapIcon = require("../ui/icons/WrapIcon");
 var _codeBlockCopySelectionPlugin = require("./codeBlockCopySelectionPlugin");
@@ -112,7 +113,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
       icon: _textWrap.default,
       iconFallback: _WrapIcon.WrapIcon,
       onClick: (0, _editorCommands.toggleWordWrapStateForCodeBlockNode)(editorAnalyticsAPI),
-      title: isWrapped ? formatMessage(_messages.codeBlockButtonMessages.unwrapCode) : formatMessage(_messages.codeBlockButtonMessages.wrapCode),
+      title: (0, _platformFeatureFlags.fg)('editor_a11y_remove_unwrap_button') ? formatMessage(_messages.codeBlockButtonMessages.wrapCode) : isWrapped ? formatMessage(_messages.codeBlockButtonMessages.unwrapCode) : formatMessage(_messages.codeBlockButtonMessages.wrapCode),
       tabIndex: null,
       selected: isWrapped
     };

package/dist/es2019/pm-plugins/toolbar.js

@@ -5,6 +5,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import CopyIcon from '@atlaskit/icon/core/migration/copy';
 import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { changeLanguage, copyContentToClipboard, removeCodeBlock, resetCopiedState, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
 import { WrapIcon } from '../ui/icons/WrapIcon';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
@@ -93,7 +94,7 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api) => (state, {
     icon: TextWrapIcon,
     iconFallback: WrapIcon,
     onClick: toggleWordWrapStateForCodeBlockNode(editorAnalyticsAPI),
-    title: isWrapped ? formatMessage(codeBlockButtonMessages.unwrapCode) : formatMessage(codeBlockButtonMessages.wrapCode),
+    title: fg('editor_a11y_remove_unwrap_button') ? formatMessage(codeBlockButtonMessages.wrapCode) : isWrapped ? formatMessage(codeBlockButtonMessages.unwrapCode) : formatMessage(codeBlockButtonMessages.wrapCode),
     tabIndex: null,
     selected: isWrapped
   };

package/dist/esm/pm-plugins/toolbar.js

@@ -5,6 +5,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import CopyIcon from '@atlaskit/icon/core/migration/copy';
 import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { changeLanguage, copyContentToClipboard, removeCodeBlock, resetCopiedState, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
 import { WrapIcon } from '../ui/icons/WrapIcon';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
@@ -102,7 +103,7 @@ export var getToolbarConfig = function getToolbarConfig() {
       icon: TextWrapIcon,
       iconFallback: WrapIcon,
       onClick: toggleWordWrapStateForCodeBlockNode(editorAnalyticsAPI),
-      title: isWrapped ? formatMessage(codeBlockButtonMessages.unwrapCode) : formatMessage(codeBlockButtonMessages.wrapCode),
+      title: fg('editor_a11y_remove_unwrap_button') ? formatMessage(codeBlockButtonMessages.wrapCode) : isWrapped ? formatMessage(codeBlockButtonMessages.unwrapCode) : formatMessage(codeBlockButtonMessages.wrapCode),
       tabIndex: null,
       selected: isWrapped
     };

package/dist/types/pm-plugins/language-list.d.ts

@@ -318,6 +318,10 @@ export declare const DEFAULT_LANGUAGES: ({
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly ["handlebars", "mustache"];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];
@@ -648,6 +652,10 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly ["handlebars", "mustache"];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];
@@ -979,6 +987,10 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
     readonly name: "Protocol Buffers";
     readonly alias: readonly ["protobuf", "proto"];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly ["handlebars", "mustache"];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];

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

@@ -560,6 +560,13 @@ export declare const DEFAULT_LANGUAGES: ({
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly [
+        "handlebars",
+        "mustache"
+    ];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [
@@ -1134,6 +1141,13 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly [
+        "handlebars",
+        "mustache"
+    ];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [
@@ -1709,6 +1723,13 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
         "proto"
     ];
     readonly value: "protobuf";
+} | {
+    readonly name: "Handlebars";
+    readonly alias: readonly [
+        "handlebars",
+        "mustache"
+    ];
+    readonly value: "handlebars";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block",
-	"version": "4.2.4",
+	"version": "4.2.6",
 	"description": "Code block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,14 +32,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/code": "^16.2.0",
-		"@atlaskit/editor-common": "^102.17.0",
+		"@atlaskit/code": "^17.0.0",
+		"@atlaskit/editor-common": "^102.18.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-composition": "^1.3.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^25.4.0",
+		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/tmp-editor-statsig": "^4.6.0",
@@ -99,6 +99,9 @@
 		},
 		"editor_code_wrapping_perf_improvement_ed-25141": {
 			"type": "boolean"
+		},
+		"editor_a11y_remove_unwrap_button": {
+			"type": "boolean"
 		}
 	}
 }