@atlaskit/editor-plugin-code-block 4.4.2 → 4.4.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-code-block
 
+## 4.4.4
+
+### Patch Changes
+
+- [#156585](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/156585)
+  [`a63da8fac528b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a63da8fac528b) -
+  [ux] [ED-27962] Code block will now trigger interaction state
+- Updated dependencies
+
+## 4.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.4.2
 
 ### Patch Changes

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

@@ -31,7 +31,14 @@ var createPlugin = exports.createPlugin = function createPlugin(_ref) {
     _ref$allowComposition = _ref.allowCompositionInputOverride,
     allowCompositionInputOverride = _ref$allowComposition === void 0 ? false : _ref$allowComposition,
     api = _ref.api;
-  var handleDOMEvents = {};
+  var handleDOMEvents = (0, _platformFeatureFlags.fg)('platform_editor_interaction_on_code_blocks') ? {
+    click: function click() {
+      var _api$core, _api$interaction;
+      // Set hasHadInteraction to true on any click of code blocks, as clicks
+      // on code blocks to not propagate to editor-level click handlers
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$interaction = api.interaction) === null || _api$interaction === void 0 ? void 0 : _api$interaction.commands.handleInteraction);
+    }
+  } : {};
 
   // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
   // incorrecly and lose content when pressing enter in the middle of a code block line.

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

@@ -141,6 +141,9 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
 
 /**
  * Filters language list based on both name and alias properties.
+ * @param option
+ * @param rawInput
+ * @example
  */
 var languageListFilter = exports.languageListFilter = function languageListFilter(option, rawInput) {
   // Ignored via go/ees005

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

@@ -22,7 +22,14 @@ export const createPlugin = ({
   allowCompositionInputOverride = false,
   api
 }) => {
-  const handleDOMEvents = {};
+  const handleDOMEvents = fg('platform_editor_interaction_on_code_blocks') ? {
+    click: () => {
+      var _api$core, _api$interaction;
+      // Set hasHadInteraction to true on any click of code blocks, as clicks
+      // on code blocks to not propagate to editor-level click handlers
+      api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$interaction = api.interaction) === null || _api$interaction === void 0 ? void 0 : _api$interaction.commands.handleInteraction);
+    }
+  } : {};
 
   // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
   // incorrecly and lose content when pressing enter in the middle of a code block line.

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

@@ -114,6 +114,9 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLang
 
 /**
  * Filters language list based on both name and alias properties.
+ * @param option
+ * @param rawInput
+ * @example
  */
 export const languageListFilter = (option, rawInput) => {
   // Ignored via go/ees005

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

@@ -26,7 +26,14 @@ export var createPlugin = function createPlugin(_ref) {
     _ref$allowComposition = _ref.allowCompositionInputOverride,
     allowCompositionInputOverride = _ref$allowComposition === void 0 ? false : _ref$allowComposition,
     api = _ref.api;
-  var handleDOMEvents = {};
+  var handleDOMEvents = fg('platform_editor_interaction_on_code_blocks') ? {
+    click: function click() {
+      var _api$core, _api$interaction;
+      // Set hasHadInteraction to true on any click of code blocks, as clicks
+      // on code blocks to not propagate to editor-level click handlers
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$interaction = api.interaction) === null || _api$interaction === void 0 ? void 0 : _api$interaction.commands.handleInteraction);
+    }
+  } : {};
 
   // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
   // incorrecly and lose content when pressing enter in the middle of a code block line.

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

@@ -131,6 +131,9 @@ export var getToolbarConfig = function getToolbarConfig() {
 
 /**
  * Filters language list based on both name and alias properties.
+ * @param option
+ * @param rawInput
+ * @example
  */
 export var languageListFilter = function languageListFilter(option, rawInput) {
   // Ignored via go/ees005

package/dist/types/codeBlockPluginType.d.ts

@@ -5,6 +5,7 @@ import type { CompositionPlugin } from '@atlaskit/editor-plugin-composition';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { CodeBlockOptions } from './types';
 type CodeBlockDependencies = [
@@ -12,7 +13,8 @@ type CodeBlockDependencies = [
     CompositionPlugin,
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<EditorDisabledPlugin>,
-    OptionalPlugin<FeatureFlagsPlugin>
+    OptionalPlugin<FeatureFlagsPlugin>,
+    OptionalPlugin<InteractionPlugin>
 ];
 export type CodeBlockPlugin = NextEditorPlugin<'codeBlock', {
     pluginConfiguration: CodeBlockOptions | undefined;

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

@@ -322,6 +322,10 @@ export declare const DEFAULT_LANGUAGES: ({
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly ["gherkin", "cucumber"];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];
@@ -656,6 +660,10 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly ["gherkin", "cucumber"];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];
@@ -991,6 +999,10 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly ["gherkin", "cucumber"];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];

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

@@ -36,7 +36,12 @@ export declare const createPlugin: ({ useLongPressSelection, getIntl, allowCompo
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
             pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
             sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
+            sharedState: import("@atlaskit/editor-plugin-interaction").InteractionState;
+            commands: {
+                handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, undefined>>];
         sharedState: {
             copyButtonHoverNode: PMNode;
         } | undefined;

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

@@ -1,8 +1,11 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler, SelectOption } from '@atlaskit/editor-common/types';
 import type { CodeBlockPlugin } from '../index';
-import { Language } from './language-list';
+import { type Language } from './language-list';
 export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language['name']) => string) | undefined) => FloatingToolbarHandler;
 /**
  * Filters language list based on both name and alias properties.
+ * @param option
+ * @param rawInput
+ * @example
  */
 export declare const languageListFilter: (option: SelectOption, rawInput: string) => any;

package/dist/types-ts4.5/codeBlockPluginType.d.ts

@@ -5,6 +5,7 @@ import type { CompositionPlugin } from '@atlaskit/editor-plugin-composition';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { CodeBlockOptions } from './types';
 type CodeBlockDependencies = [
@@ -12,7 +13,8 @@ type CodeBlockDependencies = [
     CompositionPlugin,
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<EditorDisabledPlugin>,
-    OptionalPlugin<FeatureFlagsPlugin>
+    OptionalPlugin<FeatureFlagsPlugin>,
+    OptionalPlugin<InteractionPlugin>
 ];
 export type CodeBlockPlugin = NextEditorPlugin<'codeBlock', {
     pluginConfiguration: CodeBlockOptions | undefined;

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

@@ -567,6 +567,13 @@ export declare const DEFAULT_LANGUAGES: ({
         "mustache"
     ];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly [
+        "gherkin",
+        "cucumber"
+    ];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [
@@ -1148,6 +1155,13 @@ export declare function findMatchedLanguage(supportedLanguages: Language[], lang
         "mustache"
     ];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly [
+        "gherkin",
+        "cucumber"
+    ];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [
@@ -1730,6 +1744,13 @@ export declare function createLanguageList(supportedLanguages: Language[]): ({
         "mustache"
     ];
     readonly value: "handlebars";
+} | {
+    readonly name: "Gherkin";
+    readonly alias: readonly [
+        "gherkin",
+        "cucumber"
+    ];
+    readonly value: "gherkin";
 } | {
     readonly name: "ABAP";
     readonly alias: readonly [

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

@@ -43,7 +43,13 @@ export declare const createPlugin: ({ useLongPressSelection, getIntl, allowCompo
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
                 pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
                 sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
-            }, import("@atlaskit/editor-common/types").FeatureFlags>>
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
+                sharedState: import("@atlaskit/editor-plugin-interaction").InteractionState;
+                commands: {
+                    handleInteraction: import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, undefined>>
         ];
         sharedState: {
             copyButtonHoverNode: PMNode;

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

@@ -1,8 +1,11 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler, SelectOption } from '@atlaskit/editor-common/types';
 import type { CodeBlockPlugin } from '../index';
-import { Language } from './language-list';
+import { type Language } from './language-list';
 export declare const getToolbarConfig: (allowCopyToClipboard: boolean | undefined, api: ExtractInjectionAPI<CodeBlockPlugin> | undefined, overrideLanguageName?: ((name: Language['name']) => string) | undefined) => FloatingToolbarHandler;
 /**
  * Filters language list based on both name and alias properties.
+ * @param option
+ * @param rawInput
+ * @example
  */
 export declare const languageListFilter: (option: SelectOption, rawInput: string) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block",
-	"version": "4.4.2",
+	"version": "4.4.4",
 	"description": "Code block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,17 +32,18 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/code": "^17.1.0",
-		"@atlaskit/editor-common": "^104.1.0",
-		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/code": "^17.2.0",
+		"@atlaskit/editor-common": "^105.6.0",
+		"@atlaskit/editor-plugin-analytics": "^2.3.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-plugin-interaction": "^1.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/icon": "^26.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/tmp-editor-statsig": "^4.19.0",
+		"@atlaskit/tmp-editor-statsig": "^4.22.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -105,6 +106,9 @@
 		},
 		"editor_a11y_remove_unwrap_button": {
 			"type": "boolean"
+		},
+		"platform_editor_interaction_on_code_blocks": {
+			"type": "boolean"
 		}
 	}
 }