@atlaskit/editor-plugin-layout 2.7.0 → 2.7.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-layout
 
+## 2.7.1
+
+### Patch Changes
+
+- [#149482](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149482)
+  [`1f1f73876c3c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f1f73876c3c8) -
+  ED-27860 Add analytics for copy and delete button in floating toolbars
+- Updated dependencies
+
 ## 2.7.0
 
 ### Minor Changes

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

@@ -470,7 +470,7 @@ var fixColumnStructure = exports.fixColumnStructure = function fixColumnStructur
   }
   return;
 };
-var deleteActiveLayoutNode = exports.deleteActiveLayoutNode = function deleteActiveLayoutNode(editorAnalyticsAPI) {
+var deleteActiveLayoutNode = exports.deleteActiveLayoutNode = function deleteActiveLayoutNode(editorAnalyticsAPI, inputMethod) {
   return function (state, dispatch) {
     var _ref3 = _pluginKey.pluginKey.getState(state),
       pos = _ref3.pos,
@@ -483,7 +483,8 @@ var deleteActiveLayoutNode = exports.deleteActiveLayoutNode = function deleteAct
           action: _analytics.ACTION.DELETED,
           actionSubject: _analytics.ACTION_SUBJECT.LAYOUT,
           attributes: {
-            layout: formatLayoutName(selectedLayout)
+            layout: formatLayoutName(selectedLayout),
+            inputMethod: (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_analytics_2') ? inputMethod : undefined
           },
           eventType: _analytics.EVENT_TYPE.TRACK
         })(tr);

package/dist/cjs/ui/toolbar.js

@@ -9,6 +9,7 @@ exports.layoutToolbarTitle = exports.buildToolbar = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -210,7 +211,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos
       icon: _deleteEditorRemove.default,
       testId: _messages.default.remove.id,
       title: intl.formatMessage(_messages.default.remove),
-      onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI),
+      onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI, _analytics.INPUT_METHOD.FLOATING_TB),
       onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
       onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
       onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
@@ -241,7 +242,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos
         onClick: function onClick() {
           var _api$core, _api$floatingToolbar;
           api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute( // @ts-ignore
-          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType));
+          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType, _analytics.INPUT_METHOD.FLOATING_TB));
           return true;
         },
         icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
@@ -249,7 +250,7 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos
         })
       }, hoverDecorationProps(nodeType, _editorSharedStyles.akEditorSelectedNodeClassName)), _objectSpread({
         title: intl.formatMessage(_messages.default.delete),
-        onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI),
+        onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI, _analytics.INPUT_METHOD.FLOATING_TB),
         icon: /*#__PURE__*/_react.default.createElement(_deleteEditorRemove.default, {
           label: ""
         })

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

@@ -448,7 +448,7 @@ export const fixColumnStructure = state => {
   }
   return;
 };
-export const deleteActiveLayoutNode = editorAnalyticsAPI => (state, dispatch) => {
+export const deleteActiveLayoutNode = (editorAnalyticsAPI, inputMethod) => (state, dispatch) => {
   const {
     pos,
     selectedLayout
@@ -461,7 +461,8 @@ export const deleteActiveLayoutNode = editorAnalyticsAPI => (state, dispatch) =>
         action: ACTION.DELETED,
         actionSubject: ACTION_SUBJECT.LAYOUT,
         attributes: {
-          layout: formatLayoutName(selectedLayout)
+          layout: formatLayoutName(selectedLayout),
+          inputMethod: fg('platform_editor_controls_patch_analytics_2') ? inputMethod : undefined
         },
         eventType: EVENT_TYPE.TRACK
       })(tr);

package/dist/es2019/ui/toolbar.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import commonMessages, { layoutMessages, layoutMessages as toolbarMessages } from '@atlaskit/editor-common/messages';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
@@ -194,7 +195,7 @@ export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts
       icon: DeleteIcon,
       testId: commonMessages.remove.id,
       title: intl.formatMessage(commonMessages.remove),
-      onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
+      onClick: deleteActiveLayoutNode(editorAnalyticsAPI, INPUT_METHOD.FLOATING_TB),
       onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
       onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
       onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
@@ -223,7 +224,7 @@ export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts
         onClick: () => {
           var _api$core, _api$floatingToolbar;
           api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute( // @ts-ignore
-          api === null || api === void 0 ? void 0 : (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType));
+          api === null || api === void 0 ? void 0 : (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType, INPUT_METHOD.FLOATING_TB));
           return true;
         },
         icon: /*#__PURE__*/React.createElement(CopyIcon, {
@@ -232,7 +233,7 @@ export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts
         ...hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)
       }, {
         title: intl.formatMessage(commonMessages.delete),
-        onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
+        onClick: deleteActiveLayoutNode(editorAnalyticsAPI, INPUT_METHOD.FLOATING_TB),
         icon: /*#__PURE__*/React.createElement(DeleteIcon, {
           label: ""
         }),

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

@@ -461,7 +461,7 @@ export var fixColumnStructure = function fixColumnStructure(state) {
   }
   return;
 };
-export var deleteActiveLayoutNode = function deleteActiveLayoutNode(editorAnalyticsAPI) {
+export var deleteActiveLayoutNode = function deleteActiveLayoutNode(editorAnalyticsAPI, inputMethod) {
   return function (state, dispatch) {
     var _ref3 = pluginKey.getState(state),
       pos = _ref3.pos,
@@ -474,7 +474,8 @@ export var deleteActiveLayoutNode = function deleteActiveLayoutNode(editorAnalyt
           action: ACTION.DELETED,
           actionSubject: ACTION_SUBJECT.LAYOUT,
           attributes: {
-            layout: formatLayoutName(selectedLayout)
+            layout: formatLayoutName(selectedLayout),
+            inputMethod: fg('platform_editor_controls_patch_analytics_2') ? inputMethod : undefined
           },
           eventType: EVENT_TYPE.TRACK
         })(tr);

package/dist/esm/ui/toolbar.js

@@ -3,6 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
 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) { _defineProperty(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; }
 import React from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import commonMessages, { layoutMessages, layoutMessages as toolbarMessages } from '@atlaskit/editor-common/messages';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
@@ -200,7 +201,7 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
       icon: DeleteIcon,
       testId: commonMessages.remove.id,
       title: intl.formatMessage(commonMessages.remove),
-      onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
+      onClick: deleteActiveLayoutNode(editorAnalyticsAPI, INPUT_METHOD.FLOATING_TB),
       onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
       onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
       onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
@@ -231,7 +232,7 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
         onClick: function onClick() {
           var _api$core, _api$floatingToolbar;
           api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute( // @ts-ignore
-          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType));
+          api === null || api === void 0 || (_api$floatingToolbar = api.floatingToolbar) === null || _api$floatingToolbar === void 0 ? void 0 : _api$floatingToolbar.commands.copyNode(nodeType, INPUT_METHOD.FLOATING_TB));
           return true;
         },
         icon: /*#__PURE__*/React.createElement(CopyIcon, {
@@ -239,7 +240,7 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
         })
       }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)), _objectSpread({
         title: intl.formatMessage(commonMessages.delete),
-        onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
+        onClick: deleteActiveLayoutNode(editorAnalyticsAPI, INPUT_METHOD.FLOATING_TB),
         icon: /*#__PURE__*/React.createElement(DeleteIcon, {
           label: ""
         })

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

@@ -1,4 +1,4 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { Command, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
@@ -20,4 +20,4 @@ export declare function forceSectionToPresetLayout(state: EditorState, node: Nod
 export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (layout: PresetLayout) => Command;
 export declare const fixColumnSizes: (changedTr: Transaction, state: EditorState) => Change | undefined;
 export declare const fixColumnStructure: (state: EditorState) => Transaction | undefined;
-export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, inputMethod?: INPUT_METHOD.FLOATING_TB) => Command;

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

@@ -1,4 +1,4 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { Command, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
@@ -20,4 +20,4 @@ export declare function forceSectionToPresetLayout(state: EditorState, node: Nod
 export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (layout: PresetLayout) => Command;
 export declare const fixColumnSizes: (changedTr: Transaction, state: EditorState) => Change | undefined;
 export declare const fixColumnStructure: (state: EditorState) => Transaction | undefined;
-export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, inputMethod?: INPUT_METHOD.FLOATING_TB) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "2.7.0",
+	"version": "2.7.1",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,18 +34,18 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^103.20.0",
+		"@atlaskit/editor-common": "^104.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
-		"@atlaskit/editor-plugin-selection": "^2.1.0",
+		"@atlaskit/editor-plugin-selection": "^2.2.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.15.0",
+		"@atlaskit/tmp-editor-statsig": "^4.16.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
@@ -107,6 +107,9 @@
 		},
 		"platform_editor_column_count_analytics": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_analytics_2": {
+			"type": "boolean"
 		}
 	}
 }