@atlaskit/editor-plugin-highlight 1.4.2 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-plugin-highlight
 
+## 1.6.0
+
+### Minor Changes
+
+-   [#104271](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104271)
+    [`5d03a899b0c9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d03a899b0c9) -
+    [ux] [ED-23155] Adds plugin state for currently selected color for highlight button
+
+### Patch Changes
+
+-   [#103816](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103816)
+    [`3fb50173376f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3fb50173376f) -
+    [ED-23159] Added blending styling for when highlights overlap inline comments
+
+## 1.5.0
+
+### Minor Changes
+
+-   [#101406](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101406)
+    [`6daffd65aec4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6daffd65aec4) -
+    [ED-23298] Extract primary toolbar components to editor plugin to allow for custom ordering
+
+### Patch Changes
+
+-   [#102478](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102478)
+    [`3378951608b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3378951608b0) -
+    [ED-23332] Update adf-schema package to 36.10.1
+-   Updated dependencies
+
 ## 1.4.2
 
 ### Patch Changes

package/dist/cjs/commands/change-color.js

@@ -51,7 +51,7 @@ var createAnalyticsEvent = function createAnalyticsEvent(color, tr) {
     return value === previousColor;
   });
   var newColorLabel = newColorFromPalette ? newColorFromPalette.label : color;
-  var previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor || '';
+  var previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor;
   return {
     action: _analytics.ACTION.FORMATTED,
     actionSubject: _analytics.ACTION_SUBJECT.TEXT,

package/dist/cjs/plugin.js

@@ -14,6 +14,23 @@ var highlightPlugin = exports.highlightPlugin = function highlightPlugin(_ref) {
   var _api$analytics;
   var api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
+    var popupsMountPoint = _ref2.popupsMountPoint,
+      popupsBoundariesElement = _ref2.popupsBoundariesElement,
+      popupsScrollableElement = _ref2.popupsScrollableElement,
+      disabled = _ref2.disabled,
+      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+    return /*#__PURE__*/_react.default.createElement(_ToolbarHighlightColor.ToolbarHighlightColorWithIntl, {
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      disabled: disabled,
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: api
+    });
+  };
   return {
     name: 'highlight',
     commands: {
@@ -41,23 +58,13 @@ var highlightPlugin = exports.highlightPlugin = function highlightPlugin(_ref) {
       }
       return _pmPlugin.highlightPluginKey.getState(editorState);
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-      return /*#__PURE__*/_react.default.createElement(_ToolbarHighlightColor.ToolbarHighlightColorWithIntl, {
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        disabled: disabled,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        pluginInjectionApi: api
-      });
-    }
+    usePluginHook: function usePluginHook() {
+      var _api$core, _api$primaryToolbar;
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'highlight',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

package/dist/cjs/pm-plugin.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _color = require("./utils/color");
 var _disabled = require("./utils/disabled");
 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) { (0, _defineProperty2.default)(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; }
@@ -41,12 +42,10 @@ var createPlugin = exports.createPlugin = function createPlugin(_ref) {
             });
           default:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
+              activeColor: (0, _color.getActiveColor)(tr),
               disabled: (0, _disabled.getDisabledState)(newState)
             });
-            if (pluginState && pluginState.disabled !== nextState.disabled) {
-              return nextState;
-            }
-            return pluginState;
+            return nextState;
         }
       }
     }

package/dist/cjs/ui/ToolbarHighlightColor.js

@@ -158,8 +158,6 @@ var ToolbarHighlightColor = function ToolbarHighlightColor(_ref) {
       palette: _uiColor.highlightColorPalette,
       hexToPaletteColor: _editorPalette.hexToEditorTextBackgroundPaletteColor
     }
-  }))), (0, _react2.jsx)("span", {
-    css: _styles.separatorStyles
-  }));
+  }))));
 };
 var ToolbarHighlightColorWithIntl = exports.ToolbarHighlightColorWithIntl = (0, _reactIntlNext.injectIntl)(ToolbarHighlightColor);

package/dist/cjs/utils/color.js

@@ -10,8 +10,7 @@ var getActiveColor = exports.getActiveColor = function getActiveColor(tr) {
     $from = _ref.$from,
     $to = _ref.$to,
     $cursor = _ref.$cursor;
-  var _ref2 = tr.doc.type.schema.marks,
-    backgroundColor = _ref2.backgroundColor;
+  var backgroundColor = tr.doc.type.schema.marks.backgroundColor;
 
   // Filter out other marks
   var marks = [];
@@ -41,8 +40,8 @@ var getActiveColor = exports.getActiveColor = function getActiveColor(tr) {
     return !!mark;
   });
   // When multiple colors are selected revert back to default color
-  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1) {
-    return null;
+  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1 || marksWithColor.length === 0) {
+    return _uiColor.REMOVE_HIGHLIGHT_COLOR;
   }
-  return marksWithColor.length ? marksWithColor[0].attrs.color : _uiColor.REMOVE_HIGHLIGHT_COLOR;
+  return marksWithColor[0].attrs.color;
 };

package/dist/es2019/commands/change-color.js

@@ -43,7 +43,7 @@ const createAnalyticsEvent = (color, tr) => {
     value
   }) => value === previousColor);
   const newColorLabel = newColorFromPalette ? newColorFromPalette.label : color;
-  const previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor || '';
+  const previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor;
   return {
     action: ACTION.FORMATTED,
     actionSubject: ACTION_SUBJECT.TEXT,

package/dist/es2019/plugin.js

@@ -8,6 +8,22 @@ export const highlightPlugin = ({
 }) => {
   var _api$analytics;
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  const primaryToolbarComponent = ({
+    popupsMountPoint,
+    popupsBoundariesElement,
+    popupsScrollableElement,
+    disabled,
+    isToolbarReducedSpacing,
+    dispatchAnalyticsEvent
+  }) => /*#__PURE__*/React.createElement(ToolbarHighlightColor, {
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement,
+    disabled: disabled,
+    isToolbarReducedSpacing: isToolbarReducedSpacing,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    pluginInjectionApi: api
+  });
   return {
     name: 'highlight',
     commands: {
@@ -31,22 +47,13 @@ export const highlightPlugin = ({
       }
       return highlightPluginKey.getState(editorState);
     },
-    primaryToolbarComponent: ({
-      editorView,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      disabled,
-      isToolbarReducedSpacing,
-      dispatchAnalyticsEvent
-    }) => /*#__PURE__*/React.createElement(ToolbarHighlightColor, {
-      popupsMountPoint: popupsMountPoint,
-      popupsBoundariesElement: popupsBoundariesElement,
-      popupsScrollableElement: popupsScrollableElement,
-      disabled: disabled,
-      isToolbarReducedSpacing: isToolbarReducedSpacing,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      pluginInjectionApi: api
-    })
+    usePluginHook: () => {
+      var _api$core, _api$primaryToolbar;
+      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$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'highlight',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

package/dist/es2019/pm-plugin.js

@@ -1,6 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getActiveColor } from './utils/color';
 import { getDisabledState } from './utils/disabled';
 export const highlightPluginKey = new PluginKey('highlight');
 export let HighlightPluginAction = /*#__PURE__*/function (HighlightPluginAction) {
@@ -33,12 +34,10 @@ export const createPlugin = ({
           default:
             nextState = {
               ...pluginState,
+              activeColor: getActiveColor(tr),
               disabled: getDisabledState(newState)
             };
-            if (pluginState && pluginState.disabled !== nextState.disabled) {
-              return nextState;
-            }
-            return pluginState;
+            return nextState;
         }
       }
     }

package/dist/es2019/ui/ToolbarHighlightColor.js

@@ -5,7 +5,7 @@ import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
-import { expandIconWrapperStyle, separatorStyles } from '@atlaskit/editor-common/styles';
+import { expandIconWrapperStyle } from '@atlaskit/editor-common/styles';
 import { ColorPalette, getSelectedRowAndColumnFromPalette, highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
@@ -141,8 +141,6 @@ const ToolbarHighlightColor = ({
       palette: highlightColorPalette,
       hexToPaletteColor: hexToEditorTextBackgroundPaletteColor
     }
-  }))), jsx("span", {
-    css: separatorStyles
-  }));
+  }))));
 };
 export const ToolbarHighlightColorWithIntl = injectIntl(ToolbarHighlightColor);

package/dist/es2019/utils/color.js

@@ -35,8 +35,8 @@ export const getActiveColor = tr => {
   });
   const marksWithColor = marks.filter(mark => !!mark);
   // When multiple colors are selected revert back to default color
-  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1) {
-    return null;
+  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1 || marksWithColor.length === 0) {
+    return REMOVE_HIGHLIGHT_COLOR;
   }
-  return marksWithColor.length ? marksWithColor[0].attrs.color : REMOVE_HIGHLIGHT_COLOR;
+  return marksWithColor[0].attrs.color;
 };

package/dist/esm/commands/change-color.js

@@ -45,7 +45,7 @@ var createAnalyticsEvent = function createAnalyticsEvent(color, tr) {
     return value === previousColor;
   });
   var newColorLabel = newColorFromPalette ? newColorFromPalette.label : color;
-  var previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor || '';
+  var previousColorLabel = previousColorFromPalette ? previousColorFromPalette.label : previousColor;
   return {
     action: ACTION.FORMATTED,
     actionSubject: ACTION_SUBJECT.TEXT,

package/dist/esm/plugin.js

@@ -7,6 +7,23 @@ export var highlightPlugin = function highlightPlugin(_ref) {
   var _api$analytics;
   var api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
+    var popupsMountPoint = _ref2.popupsMountPoint,
+      popupsBoundariesElement = _ref2.popupsBoundariesElement,
+      popupsScrollableElement = _ref2.popupsScrollableElement,
+      disabled = _ref2.disabled,
+      isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+    return /*#__PURE__*/React.createElement(ToolbarHighlightColor, {
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      disabled: disabled,
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: api
+    });
+  };
   return {
     name: 'highlight',
     commands: {
@@ -34,23 +51,13 @@ export var highlightPlugin = function highlightPlugin(_ref) {
       }
       return highlightPluginKey.getState(editorState);
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-      return /*#__PURE__*/React.createElement(ToolbarHighlightColor, {
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        disabled: disabled,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        pluginInjectionApi: api
-      });
-    }
+    usePluginHook: function usePluginHook() {
+      var _api$core, _api$primaryToolbar;
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'highlight',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

package/dist/esm/pm-plugin.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getActiveColor } from './utils/color';
 import { getDisabledState } from './utils/disabled';
 export var highlightPluginKey = new PluginKey('highlight');
 export var HighlightPluginAction = /*#__PURE__*/function (HighlightPluginAction) {
@@ -34,12 +35,10 @@ export var createPlugin = function createPlugin(_ref) {
             });
           default:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
+              activeColor: getActiveColor(tr),
               disabled: getDisabledState(newState)
             });
-            if (pluginState && pluginState.disabled !== nextState.disabled) {
-              return nextState;
-            }
-            return pluginState;
+            return nextState;
         }
       }
     }

package/dist/esm/ui/ToolbarHighlightColor.js

@@ -6,7 +6,7 @@ import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
-import { expandIconWrapperStyle, separatorStyles } from '@atlaskit/editor-common/styles';
+import { expandIconWrapperStyle } from '@atlaskit/editor-common/styles';
 import { ColorPalette, getSelectedRowAndColumnFromPalette, highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
@@ -147,8 +147,6 @@ var ToolbarHighlightColor = function ToolbarHighlightColor(_ref) {
       palette: highlightColorPalette,
       hexToPaletteColor: hexToEditorTextBackgroundPaletteColor
     }
-  }))), jsx("span", {
-    css: separatorStyles
-  }));
+  }))));
 };
 export var ToolbarHighlightColorWithIntl = injectIntl(ToolbarHighlightColor);

package/dist/esm/utils/color.js

@@ -4,8 +4,7 @@ export var getActiveColor = function getActiveColor(tr) {
     $from = _ref.$from,
     $to = _ref.$to,
     $cursor = _ref.$cursor;
-  var _ref2 = tr.doc.type.schema.marks,
-    backgroundColor = _ref2.backgroundColor;
+  var backgroundColor = tr.doc.type.schema.marks.backgroundColor;
 
   // Filter out other marks
   var marks = [];
@@ -35,8 +34,8 @@ export var getActiveColor = function getActiveColor(tr) {
     return !!mark;
   });
   // When multiple colors are selected revert back to default color
-  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1) {
-    return null;
+  if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1 || marksWithColor.length === 0) {
+    return REMOVE_HIGHLIGHT_COLOR;
   }
-  return marksWithColor.length ? marksWithColor[0].attrs.color : REMOVE_HIGHLIGHT_COLOR;
+  return marksWithColor[0].attrs.color;
 };

package/dist/types/plugin.d.ts

@@ -1,11 +1,13 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { TextFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
 import type { HighlightPluginState } from './pm-plugin';
 export type HighlightPlugin = NextEditorPlugin<'highlight', {
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<TextFormattingPlugin>
+        OptionalPlugin<TextFormattingPlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>
     ];
     sharedState: HighlightPluginState | undefined;
 }>;

package/dist/types/utils/color.d.ts

@@ -1,2 +1,2 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getActiveColor: (tr: Transaction) => string | null;
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const getActiveColor: (tr: Transaction | ReadonlyTransaction) => string;

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

@@ -1,11 +1,13 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { TextFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
 import type { HighlightPluginState } from './pm-plugin';
 export type HighlightPlugin = NextEditorPlugin<'highlight', {
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<TextFormattingPlugin>
+        OptionalPlugin<TextFormattingPlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>
     ];
     sharedState: HighlightPluginState | undefined;
 }>;

package/dist/types-ts4.5/utils/color.d.ts

@@ -1,2 +1,2 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getActiveColor: (tr: Transaction) => string | null;
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const getActiveColor: (tr: Transaction | ReadonlyTransaction) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-highlight",
-  "version": "1.4.2",
+  "version": "1.6.0",
   "description": "Highlight plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -38,11 +38,12 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^36.8.0",
-    "@atlaskit/editor-common": "^80.5.0",
+    "@atlaskit/adf-schema": "^36.10.7",
+    "@atlaskit/editor-common": "^81.1.0",
     "@atlaskit/editor-palette": "1.6.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
-    "@atlaskit/editor-plugin-text-formatting": "^1.6.0",
+    "@atlaskit/editor-plugin-primary-toolbar": "^1.1.0",
+    "@atlaskit/editor-plugin-text-formatting": "^1.7.0",
     "@atlaskit/editor-prosemirror": "4.0.1",
     "@atlaskit/editor-shared-styles": "^2.11.0",
     "@atlaskit/icon": "^22.3.0",