@atlaskit/editor-plugin-alignment 3.1.8 → 3.1.9

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-alignment
 
+## 3.1.9
+
+### Patch Changes
+
+- [#139038](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139038)
+  [`50d48758aba38`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50d48758aba38) -
+  [ED-27448] Implement alignment updated event
+- Updated dependencies
+
 ## 3.1.8
 
 ### Patch Changes

package/dist/cjs/alignmentPlugin.js

@@ -69,7 +69,7 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
       }, {
         name: 'annotationKeymap',
         plugin: function plugin() {
-          return (0, _keymap.keymapPlugin)();
+          return (0, _keymap.keymapPlugin)(api);
         }
       }];
     },

package/dist/cjs/editor-commands/index.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isAlignable = exports.changeAlignment = void 0;
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _commands = require("@atlaskit/editor-common/commands");
+var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * Iterates over the commands one after the other,
  * passes the tr through and dispatches the cumulated transaction
@@ -46,14 +49,52 @@ var isAlignable = exports.isAlignable = function isAlignable(align) {
     }, [paragraph, heading])(state, dispatch);
   };
 };
-var changeAlignment = exports.changeAlignment = function changeAlignment(align) {
+var changeBlockAlignmentWithAnalytics = function changeBlockAlignmentWithAnalytics(editorAnalyticsApi, align, inputMethod) {
   return function (state, dispatch) {
     var _state$schema2 = state.schema,
       _state$schema2$nodes = _state$schema2.nodes,
       paragraph = _state$schema2$nodes.paragraph,
       heading = _state$schema2$nodes.heading,
       alignment = _state$schema2.marks.alignment;
-    return cascadeCommands([(0, _commands.changeImageAlignment)(align), (0, _commands.toggleBlockMark)(alignment, function () {
+    return (0, _editorAnalytics.withAnalytics)(editorAnalyticsApi, {
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      actionSubject: _analytics.ACTION_SUBJECT.ALIGNMENT,
+      action: _analytics.ACTION.UPDATED,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.TEXT,
+      attributes: {
+        alignmentType: align,
+        inputMethod: inputMethod
+      }
+    })((0, _commands.toggleBlockMark)(alignment, function () {
+      return !align ? undefined : align === 'start' ? false : {
+        align: align
+      };
+    }, [paragraph, heading]))(state, dispatch);
+  };
+};
+var changeImageAlignmentWithAnalytics = function changeImageAlignmentWithAnalytics(editorAnalyticsApi, align, inputMethod) {
+  return function (state, dispatch) {
+    return (0, _editorAnalytics.withAnalytics)(editorAnalyticsApi, {
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      actionSubject: _analytics.ACTION_SUBJECT.ALIGNMENT,
+      action: _analytics.ACTION.UPDATED,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA_SINGLE,
+      attributes: {
+        alignmentType: align,
+        inputMethod: inputMethod
+      }
+    })((0, _commands.changeImageAlignment)(align))(state, dispatch);
+  };
+};
+var changeAlignment = exports.changeAlignment = function changeAlignment(align, api, inputMethod) {
+  return function (state, dispatch) {
+    var _api$analytics, _api$analytics2;
+    var _state$schema3 = state.schema,
+      _state$schema3$nodes = _state$schema3.nodes,
+      paragraph = _state$schema3$nodes.paragraph,
+      heading = _state$schema3$nodes.heading,
+      alignment = _state$schema3.marks.alignment;
+    return cascadeCommands((0, _platformFeatureFlags.fg)('platform_editor_add_alignment_tracking') ? [changeImageAlignmentWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, align, inputMethod), changeBlockAlignmentWithAnalytics(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, align, inputMethod)] : [(0, _commands.changeImageAlignment)(align), (0, _commands.toggleBlockMark)(alignment, function () {
       return !align ? undefined : align === 'start' ? false : {
         align: align
       };

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

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.keymapPlugin = keymapPlugin;
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _editorCommands = require("../editor-commands");
-function keymapPlugin() {
+function keymapPlugin(api) {
   var list = {};
 
   // Ignored via go/ees005
+  (0, _keymaps.bindKeymapWithCommand)(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignLeft.common, (0, _editorCommands.changeAlignment)('start'), list);
+  _keymaps.alignLeft.common, (0, _editorCommands.changeAlignment)('start', api, _analytics.INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  (0, _keymaps.bindKeymapWithCommand)(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignCenter.common, (0, _editorCommands.changeAlignment)('center'), list);
+  _keymaps.alignCenter.common, (0, _editorCommands.changeAlignment)('center', api, _analytics.INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  (0, _keymaps.bindKeymapWithCommand)(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignRight.common, (0, _editorCommands.changeAlignment)('end'), list);
+  _keymaps.alignRight.common, (0, _editorCommands.changeAlignment)('end', api, _analytics.INPUT_METHOD.SHORTCUT), list);
   return (0, _keymaps.keymap)(list);
 }

package/dist/cjs/ui/FloatingToolbarComponent.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FloatingToolbarComponent = FloatingToolbarComponent;
 var _react = _interopRequireWildcard(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _editorCommands = require("../editor-commands");
@@ -24,8 +25,8 @@ function FloatingToolbarComponent(_ref) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
-    return (0, _editorCommands.changeAlignment)(align)(editorView.state, editorView.dispatch);
-  }, [editorView]);
+    return (0, _editorCommands.changeAlignment)(align, api, _analytics.INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
+  }, [editorView, api]);
   return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
     pluginState: alignmentState,
     isReducedSpacing: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? false : FloatingToolbarSettings.isToolbarReducedSpacing,

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
 var _react = _interopRequireWildcard(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _types = require("@atlaskit/editor-common/types");
 var _editorCommands = require("../editor-commands");
@@ -27,8 +28,8 @@ function PrimaryToolbarComponent(_ref) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
-    return (0, _editorCommands.changeAlignment)(align)(editorView.state, editorView.dispatch);
-  }, [editorView]);
+    return (0, _editorCommands.changeAlignment)(align, api, _analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+  }, [editorView, api]);
   return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,

package/dist/es2019/alignmentPlugin.js

@@ -62,7 +62,7 @@ export const alignmentPlugin = ({
         }) => createPlugin(dispatch, defaultConfig)
       }, {
         name: 'annotationKeymap',
-        plugin: () => keymapPlugin()
+        plugin: () => keymapPlugin(api)
       }];
     },
     pluginsOptions: {

package/dist/es2019/editor-commands/index.js

@@ -1,5 +1,8 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { changeImageAlignment, toggleBlockMark } from '@atlaskit/editor-common/commands';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * Iterates over the commands one after the other,
  * passes the tr through and dispatches the cumulated transaction
@@ -40,7 +43,7 @@ export const isAlignable = align => (state, dispatch) => {
     align
   }, [paragraph, heading])(state, dispatch);
 };
-export const changeAlignment = align => (state, dispatch) => {
+const changeBlockAlignmentWithAnalytics = (editorAnalyticsApi, align, inputMethod) => (state, dispatch) => {
   const {
     nodes: {
       paragraph,
@@ -50,7 +53,43 @@ export const changeAlignment = align => (state, dispatch) => {
       alignment
     }
   } = state.schema;
-  return cascadeCommands([changeImageAlignment(align), toggleBlockMark(alignment, () => !align ? undefined : align === 'start' ? false : {
+  return withAnalytics(editorAnalyticsApi, {
+    eventType: EVENT_TYPE.TRACK,
+    actionSubject: ACTION_SUBJECT.ALIGNMENT,
+    action: ACTION.UPDATED,
+    actionSubjectId: ACTION_SUBJECT_ID.TEXT,
+    attributes: {
+      alignmentType: align,
+      inputMethod
+    }
+  })(toggleBlockMark(alignment, () => !align ? undefined : align === 'start' ? false : {
+    align
+  }, [paragraph, heading]))(state, dispatch);
+};
+const changeImageAlignmentWithAnalytics = (editorAnalyticsApi, align, inputMethod) => (state, dispatch) => {
+  return withAnalytics(editorAnalyticsApi, {
+    eventType: EVENT_TYPE.TRACK,
+    actionSubject: ACTION_SUBJECT.ALIGNMENT,
+    action: ACTION.UPDATED,
+    actionSubjectId: ACTION_SUBJECT_ID.MEDIA_SINGLE,
+    attributes: {
+      alignmentType: align,
+      inputMethod
+    }
+  })(changeImageAlignment(align))(state, dispatch);
+};
+export const changeAlignment = (align, api, inputMethod) => (state, dispatch) => {
+  var _api$analytics, _api$analytics2;
+  const {
+    nodes: {
+      paragraph,
+      heading
+    },
+    marks: {
+      alignment
+    }
+  } = state.schema;
+  return cascadeCommands(fg('platform_editor_add_alignment_tracking') ? [changeImageAlignmentWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, align, inputMethod), changeBlockAlignmentWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, align, inputMethod)] : [changeImageAlignment(align), toggleBlockMark(alignment, () => !align ? undefined : align === 'start' ? false : {
     align
   }, [paragraph, heading])])(state, dispatch);
 };

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

@@ -1,16 +1,20 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand, keymap } from '@atlaskit/editor-common/keymaps';
 import { changeAlignment } from '../editor-commands';
-export function keymapPlugin() {
+export function keymapPlugin(api) {
   const list = {};
 
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  alignLeft.common, changeAlignment('start', api, INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+  alignCenter.common, changeAlignment('center', api, INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  alignRight.common, changeAlignment('end', api, INPUT_METHOD.SHORTCUT), list);
   return keymap(list);
 }

package/dist/es2019/ui/FloatingToolbarComponent.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeAlignment } from '../editor-commands';
@@ -16,8 +17,8 @@ export function FloatingToolbarComponent({
     alignmentState
   } = useSharedPluginState(api, ['alignment']);
   const changeAlignmentCallback = useCallback(align => {
-    return changeAlignment(align)(editorView.state, editorView.dispatch);
-  }, [editorView]);
+    return changeAlignment(align, api, INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
+  }, [editorView, api]);
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: editorExperiment('platform_editor_controls', 'variant1') ? false : FloatingToolbarSettings.isToolbarReducedSpacing,

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { changeAlignment } from '../editor-commands';
@@ -17,7 +18,7 @@ export function PrimaryToolbarComponent({
   const {
     alignmentState
   } = useSharedPluginState(api, ['alignment']);
-  const changeAlignmentCallback = useCallback(align => changeAlignment(align)(editorView.state, editorView.dispatch), [editorView]);
+  const changeAlignmentCallback = useCallback(align => changeAlignment(align, api, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch), [editorView, api]);
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,

package/dist/esm/alignmentPlugin.js

@@ -62,7 +62,7 @@ export var alignmentPlugin = function alignmentPlugin(_ref) {
       }, {
         name: 'annotationKeymap',
         plugin: function plugin() {
-          return keymapPlugin();
+          return keymapPlugin(api);
         }
       }];
     },

package/dist/esm/editor-commands/index.js

@@ -1,5 +1,8 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { changeImageAlignment, toggleBlockMark } from '@atlaskit/editor-common/commands';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * Iterates over the commands one after the other,
  * passes the tr through and dispatches the cumulated transaction
@@ -40,14 +43,52 @@ export var isAlignable = function isAlignable(align) {
     }, [paragraph, heading])(state, dispatch);
   };
 };
-export var changeAlignment = function changeAlignment(align) {
+var changeBlockAlignmentWithAnalytics = function changeBlockAlignmentWithAnalytics(editorAnalyticsApi, align, inputMethod) {
   return function (state, dispatch) {
     var _state$schema2 = state.schema,
       _state$schema2$nodes = _state$schema2.nodes,
       paragraph = _state$schema2$nodes.paragraph,
       heading = _state$schema2$nodes.heading,
       alignment = _state$schema2.marks.alignment;
-    return cascadeCommands([changeImageAlignment(align), toggleBlockMark(alignment, function () {
+    return withAnalytics(editorAnalyticsApi, {
+      eventType: EVENT_TYPE.TRACK,
+      actionSubject: ACTION_SUBJECT.ALIGNMENT,
+      action: ACTION.UPDATED,
+      actionSubjectId: ACTION_SUBJECT_ID.TEXT,
+      attributes: {
+        alignmentType: align,
+        inputMethod: inputMethod
+      }
+    })(toggleBlockMark(alignment, function () {
+      return !align ? undefined : align === 'start' ? false : {
+        align: align
+      };
+    }, [paragraph, heading]))(state, dispatch);
+  };
+};
+var changeImageAlignmentWithAnalytics = function changeImageAlignmentWithAnalytics(editorAnalyticsApi, align, inputMethod) {
+  return function (state, dispatch) {
+    return withAnalytics(editorAnalyticsApi, {
+      eventType: EVENT_TYPE.TRACK,
+      actionSubject: ACTION_SUBJECT.ALIGNMENT,
+      action: ACTION.UPDATED,
+      actionSubjectId: ACTION_SUBJECT_ID.MEDIA_SINGLE,
+      attributes: {
+        alignmentType: align,
+        inputMethod: inputMethod
+      }
+    })(changeImageAlignment(align))(state, dispatch);
+  };
+};
+export var changeAlignment = function changeAlignment(align, api, inputMethod) {
+  return function (state, dispatch) {
+    var _api$analytics, _api$analytics2;
+    var _state$schema3 = state.schema,
+      _state$schema3$nodes = _state$schema3.nodes,
+      paragraph = _state$schema3$nodes.paragraph,
+      heading = _state$schema3$nodes.heading,
+      alignment = _state$schema3.marks.alignment;
+    return cascadeCommands(fg('platform_editor_add_alignment_tracking') ? [changeImageAlignmentWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, align, inputMethod), changeBlockAlignmentWithAnalytics(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, align, inputMethod)] : [changeImageAlignment(align), toggleBlockMark(alignment, function () {
       return !align ? undefined : align === 'start' ? false : {
         align: align
       };

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

@@ -1,16 +1,20 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand, keymap } from '@atlaskit/editor-common/keymaps';
 import { changeAlignment } from '../editor-commands';
-export function keymapPlugin() {
+export function keymapPlugin(api) {
   var list = {};
 
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  alignLeft.common, changeAlignment('start', api, INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+  alignCenter.common, changeAlignment('center', api, INPUT_METHOD.SHORTCUT), list);
   // Ignored via go/ees005
+  bindKeymapWithCommand(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  alignRight.common, changeAlignment('end', api, INPUT_METHOD.SHORTCUT), list);
   return keymap(list);
 }

package/dist/esm/ui/FloatingToolbarComponent.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeAlignment } from '../editor-commands';
@@ -14,8 +15,8 @@ export function FloatingToolbarComponent(_ref) {
   var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = useCallback(function (align) {
-    return changeAlignment(align)(editorView.state, editorView.dispatch);
-  }, [editorView]);
+    return changeAlignment(align, api, INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
+  }, [editorView, api]);
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: editorExperiment('platform_editor_controls', 'variant1') ? false : FloatingToolbarSettings.isToolbarReducedSpacing,

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { changeAlignment } from '../editor-commands';
@@ -17,8 +18,8 @@ export function PrimaryToolbarComponent(_ref) {
   var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
     alignmentState = _useSharedPluginState.alignmentState;
   var changeAlignmentCallback = useCallback(function (align) {
-    return changeAlignment(align)(editorView.state, editorView.dispatch);
-  }, [editorView]);
+    return changeAlignment(align, api, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+  }, [editorView, api]);
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,

package/dist/types/alignmentPluginType.d.ts

@@ -1,12 +1,16 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
 import type { AlignmentPluginState } from './pm-plugins/types';
 export type AlignmentPluginDependencies = [
     OptionalPlugin<PrimaryToolbarPlugin>,
-    OptionalPlugin<SelectionToolbarPlugin>
+    OptionalPlugin<SelectionToolbarPlugin>,
+    OptionalPlugin<AnalyticsPlugin>
 ];
 export type AlignmentPlugin = NextEditorPlugin<'alignment', {
     sharedState: AlignmentPluginState | undefined;
     dependencies: AlignmentPluginDependencies;
 }>;
+export type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT;

package/dist/types/editor-commands/index.d.ts

@@ -1,4 +1,5 @@
-import type { Command } from '@atlaskit/editor-common/types';
+import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AlignmentPlugin, InputMethod } from '../alignmentPluginType';
 import type { AlignmentState } from '../pm-plugins/types';
 export declare const isAlignable: (align?: AlignmentState) => Command;
-export declare const changeAlignment: (align?: AlignmentState) => Command;
+export declare const changeAlignment: (align?: AlignmentState, api?: ExtractInjectionAPI<AlignmentPlugin>, inputMethod?: InputMethod) => Command;

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

@@ -1,2 +1,4 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare function keymapPlugin(): SafePlugin;
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { AlignmentPlugin } from '../alignmentPluginType';
+export declare function keymapPlugin(api?: ExtractInjectionAPI<AlignmentPlugin>): SafePlugin;

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

@@ -1,12 +1,16 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
 import type { AlignmentPluginState } from './pm-plugins/types';
 export type AlignmentPluginDependencies = [
     OptionalPlugin<PrimaryToolbarPlugin>,
-    OptionalPlugin<SelectionToolbarPlugin>
+    OptionalPlugin<SelectionToolbarPlugin>,
+    OptionalPlugin<AnalyticsPlugin>
 ];
 export type AlignmentPlugin = NextEditorPlugin<'alignment', {
     sharedState: AlignmentPluginState | undefined;
     dependencies: AlignmentPluginDependencies;
 }>;
+export type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT;

package/dist/types-ts4.5/editor-commands/index.d.ts

@@ -1,4 +1,5 @@
-import type { Command } from '@atlaskit/editor-common/types';
+import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AlignmentPlugin, InputMethod } from '../alignmentPluginType';
 import type { AlignmentState } from '../pm-plugins/types';
 export declare const isAlignable: (align?: AlignmentState) => Command;
-export declare const changeAlignment: (align?: AlignmentState) => Command;
+export declare const changeAlignment: (align?: AlignmentState, api?: ExtractInjectionAPI<AlignmentPlugin>, inputMethod?: InputMethod) => Command;

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

@@ -1,2 +1,4 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare function keymapPlugin(): SafePlugin;
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { AlignmentPlugin } from '../alignmentPluginType';
+export declare function keymapPlugin(api?: ExtractInjectionAPI<AlignmentPlugin>): SafePlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "3.1.8",
+	"version": "3.1.9",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,14 +24,18 @@
 	"platform-feature-flags": {
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
+		},
+		"platform_editor_add_alignment_tracking": {
+			"type": "boolean"
 		}
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/editor-common": "^103.0.0",
+		"@atlaskit/editor-common": "^103.3.0",
+		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^3.1.0",
-		"@atlaskit/editor-plugin-selection-toolbar": "^3.1.0",
+		"@atlaskit/editor-plugin-selection-toolbar": "^3.3.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^25.5.0",