@atlaskit/editor-plugin-highlight 1.11.3 → 1.12.0

package/dist/esm/commands/palette.js

@@ -0,0 +1,50 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
+export var togglePalette = function togglePalette(api) {
+  return function (_ref) {
+    var inputMethod = _ref.inputMethod;
+    return function (state, dispatch) {
+      var _highlightPluginKey$g;
+      var isPaletteOpen = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.isPaletteOpen;
+      return setPalette(api)({
+        isPaletteOpen: !isPaletteOpen,
+        inputMethod: inputMethod
+      })(state, dispatch);
+    };
+  };
+};
+export var setPalette = function setPalette(api) {
+  return function (_ref2) {
+    var isPaletteOpen = _ref2.isPaletteOpen,
+      inputMethod = _ref2.inputMethod;
+    return function (state, dispatch) {
+      var _highlightPluginKey$g2;
+      var isDisabled = (_highlightPluginKey$g2 = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.disabled;
+      if (!isDisabled) {
+        var _api$analytics;
+        var tr = state.tr;
+        tr.setMeta(highlightPluginKey, {
+          type: HighlightPluginAction.SET_PALETTE,
+          isPaletteOpen: isPaletteOpen
+        });
+        (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen, inputMethod))(tr);
+        if (dispatch) {
+          dispatch(tr);
+        }
+        return true;
+      }
+      return false;
+    };
+  };
+};
+var createAnalyticsEvent = function createAnalyticsEvent(isPaletteOpen, inputMethod) {
+  return {
+    action: isPaletteOpen ? ACTION.OPENED : ACTION.CLOSED,
+    actionSubject: ACTION_SUBJECT.TOOLBAR,
+    actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
+    eventType: EVENT_TYPE.TRACK,
+    attributes: {
+      inputMethod: inputMethod
+    }
+  };
+};

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

@@ -1,8 +1,11 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { bindKeymapWithCommand, keymap, toggleHighlightPalette } from '@atlaskit/editor-common/keymaps';
 import { togglePalette } from '../commands';
 export function keymapPlugin(_ref) {
   var api = _ref.api;
   var list = {};
-  bindKeymapWithCommand(toggleHighlightPalette.common, togglePalette(api), list);
+  bindKeymapWithCommand(toggleHighlightPalette.common, togglePalette(api)({
+    inputMethod: INPUT_METHOD.SHORTCUT
+  }), list);
   return keymap(list);
 }

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

@@ -8,7 +8,7 @@ import { getDisabledState } from '../utils/disabled';
 export var highlightPluginKey = new PluginKey('highlight');
 export var HighlightPluginAction = /*#__PURE__*/function (HighlightPluginAction) {
   HighlightPluginAction[HighlightPluginAction["CHANGE_COLOR"] = 0] = "CHANGE_COLOR";
-  HighlightPluginAction[HighlightPluginAction["TOGGLE_PALETTE"] = 1] = "TOGGLE_PALETTE";
+  HighlightPluginAction[HighlightPluginAction["SET_PALETTE"] = 1] = "SET_PALETTE";
   return HighlightPluginAction;
 }({});
 export var createPlugin = function createPlugin(_ref) {
@@ -33,7 +33,7 @@ export var createPlugin = function createPlugin(_ref) {
             return _objectSpread(_objectSpread({}, pluginState), {}, {
               activeColor: color
             });
-          case HighlightPluginAction.TOGGLE_PALETTE:
+          case HighlightPluginAction.SET_PALETTE:
             var _tr$getMeta3 = tr.getMeta(highlightPluginKey),
               isPaletteOpen = _tr$getMeta3.isPaletteOpen;
             return _objectSpread(_objectSpread({}, pluginState), {}, {

package/dist/esm/ui/FloatingToolbarHighlightColor.js

@@ -5,6 +5,7 @@ import { useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
@@ -23,15 +24,28 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
   var pluginInjectionApi = _ref.pluginInjectionApi,
     formatMessage = _ref.intl.formatMessage;
   var toolbarItemRef = useRef(null);
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['highlight']),
-    highlightState = _useSharedPluginState.highlightState;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDropdownOpen = _useState2[0],
     setIsDropdownOpen = _useState2[1];
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['highlight']),
+    highlightState = _useSharedPluginState.highlightState;
+  var setDropdownOpen = function setDropdownOpen(isOpen) {
+    var _pluginInjectionApi$a;
+    setIsDropdownOpen(isOpen);
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.fireAnalyticsEvent({
+      action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
+      actionSubject: ACTION_SUBJECT.TOOLBAR,
+      actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        inputMethod: INPUT_METHOD.FLOATING_TB
+      }
+    });
+  };
   var _useDropdownEvents = useDropdownEvents({
       toolbarItemRef: toolbarItemRef,
-      setIsDropdownOpen: setIsDropdownOpen,
+      setIsDropdownOpen: setDropdownOpen,
       isDropdownOpen: isDropdownOpen,
       pluginInjectionApi: pluginInjectionApi
     }),
@@ -79,7 +93,10 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
       }))
     }, formatMessage(messages.highlightFloatingToolbar)),
     onColorChange: function onColorChange(color) {
-      return handleColorChange(color);
+      return handleColorChange({
+        color: color,
+        inputMethod: INPUT_METHOD.FLOATING_TB
+      });
     },
     isOpenedByKeyboard: isOpenedByKeyboard,
     handleClickOutside: handleClickOutside,

package/dist/esm/ui/PrimaryToolbarHighlightColor.js

@@ -4,6 +4,7 @@ import { useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
@@ -28,17 +29,20 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
   var toolbarItemRef = useRef(null);
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['highlight']),
     highlightState = _useSharedPluginState.highlightState;
-  var setDropdownOpen = function setDropdownOpen(isOpen) {
+  var setIsDropdownOpen = function setIsDropdownOpen(isOpen) {
     if (!(highlightState !== null && highlightState !== void 0 && highlightState.disabled)) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      setPalette(pluginInjectionApi, isOpen)(state, dispatch);
+      setPalette(pluginInjectionApi)({
+        isPaletteOpen: isOpen,
+        inputMethod: INPUT_METHOD.TOOLBAR
+      })(state, dispatch);
     }
   };
   var isDropdownOpen = !!(highlightState !== null && highlightState !== void 0 && highlightState.isPaletteOpen);
   var _useDropdownEvents = useDropdownEvents({
       toolbarItemRef: toolbarItemRef,
-      setIsDropdownOpen: setDropdownOpen,
+      setIsDropdownOpen: setIsDropdownOpen,
       isDropdownOpen: isDropdownOpen,
       pluginInjectionApi: pluginInjectionApi
     }),
@@ -89,7 +93,10 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
       })))
     }),
     onColorChange: function onColorChange(color) {
-      return handleColorChange(color);
+      return handleColorChange({
+        color: color,
+        inputMethod: INPUT_METHOD.TOOLBAR
+      });
     },
     isOpenedByKeyboard: isOpenedByKeyboard,
     handleClickOutside: handleClickOutside,

package/dist/esm/ui/ToolbarHighlightColor.js

@@ -5,6 +5,7 @@ import React, { useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
@@ -34,14 +35,17 @@ var ToolbarHighlightColor = function ToolbarHighlightColor(_ref) {
     setIsOpenedByKeyboard = _useState2[1];
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['highlight']),
     highlightState = _useSharedPluginState.highlightState;
-  var isDropdownOpen = !!(highlightState !== null && highlightState !== void 0 && highlightState.isPaletteOpen);
   var setDropdownOpen = function setDropdownOpen(isOpen) {
     if (!(highlightState !== null && highlightState !== void 0 && highlightState.disabled)) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      setPalette(pluginInjectionApi, isOpen)(state, dispatch);
+      setPalette(pluginInjectionApi)({
+        isPaletteOpen: isOpen,
+        inputMethod: INPUT_METHOD.TOOLBAR
+      })(state, dispatch);
     }
   };
+  var isDropdownOpen = !!(highlightState !== null && highlightState !== void 0 && highlightState.isPaletteOpen);
   var toggleDropdown = function toggleDropdown() {
     return setDropdownOpen(!isDropdownOpen);
   };
@@ -73,7 +77,8 @@ var ToolbarHighlightColor = function ToolbarHighlightColor(_ref) {
   var handleColorChange = function handleColorChange(color) {
     var _pluginInjectionApi$c, _pluginInjectionApi$a;
     pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.execute(changeColor(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)({
-      color: color
+      color: color,
+      inputMethod: INPUT_METHOD.TOOLBAR
     }));
     setDropdownOpen(false);
   };

package/dist/esm/ui/shared/useDropdownEvents.js

@@ -36,10 +36,13 @@ export var useDropdownEvents = function useDropdownEvents(args) {
         toolbarItemRef === null || toolbarItemRef === void 0 || (_toolbarItemRef$curre = toolbarItemRef.current) === null || _toolbarItemRef$curre === void 0 || _toolbarItemRef$curre.focus();
       }
     },
-    handleColorChange: function handleColorChange(color) {
+    handleColorChange: function handleColorChange(_ref) {
       var _pluginInjectionApi$c, _pluginInjectionApi$a;
+      var color = _ref.color,
+        inputMethod = _ref.inputMethod;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.execute(changeColor(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)({
-        color: color
+        color: color,
+        inputMethod: inputMethod
       }));
       setIsDropdownOpen(false);
     },

package/dist/types/commands/change-color.d.ts

@@ -1,5 +1,6 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
-export declare const changeColor: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ color }: {
+export declare const changeColor: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ color, inputMethod }: {
     color: string;
+    inputMethod: INPUT_METHOD;
 }) => EditorCommand;

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

@@ -1,3 +1,2 @@
 export { changeColor } from './change-color';
-export { togglePalette } from './toggle-palette';
-export { setPalette } from './set-palette';
+export { setPalette, togglePalette } from './palette';

package/dist/types/commands/palette.d.ts

@@ -0,0 +1,10 @@
+import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { HighlightPlugin } from '../plugin';
+export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ inputMethod }: {
+    inputMethod: INPUT_METHOD;
+}) => Command;
+export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ isPaletteOpen, inputMethod, }: {
+    isPaletteOpen: boolean;
+    inputMethod: INPUT_METHOD;
+}) => Command;

package/dist/types/plugin.d.ts

@@ -1,3 +1,4 @@
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BackgroundColorPlugin } from '@atlaskit/editor-plugin-background-color';
@@ -19,6 +20,7 @@ export type HighlightPlugin = NextEditorPlugin<'highlight', {
     commands: {
         changeColor: ({ color }: {
             color: string;
+            inputMethod: INPUT_METHOD;
         }) => EditorCommand;
     };
 }>;

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

@@ -10,7 +10,7 @@ export type HighlightPluginState = {
 };
 export declare enum HighlightPluginAction {
     CHANGE_COLOR = 0,
-    TOGGLE_PALETTE = 1
+    SET_PALETTE = 1
 }
 export declare const createPlugin: ({ api, }: {
     api: ExtractInjectionAPI<HighlightPlugin> | undefined;

package/dist/types/ui/FloatingToolbarHighlightColor.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HighlightPlugin } from '../plugin';
 export declare const FloatingToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<{

package/dist/types/ui/ToolbarHighlightColor.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../plugin';

package/dist/types/ui/shared/useDropdownEvents.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
 import type { HighlightPlugin } from '../../plugin';
 type UseDropdownEventArgs = {
     setIsDropdownOpen: (isOpen: boolean) => void;
@@ -13,7 +14,10 @@ export declare const useDropdownEvents: (args: UseDropdownEventArgs) => {
     handleKeyDown: (event: React.KeyboardEvent) => void;
     handleClickOutside: () => void;
     handleEscapeKeydown: () => void;
-    handleColorChange: (color: string) => void;
+    handleColorChange: ({ color, inputMethod }: {
+        color: string;
+        inputMethod: INPUT_METHOD;
+    }) => void;
     isOpenedByKeyboard: boolean;
 };
 export {};

package/dist/types-ts4.5/commands/change-color.d.ts

@@ -1,5 +1,6 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
-export declare const changeColor: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ color }: {
+export declare const changeColor: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ color, inputMethod }: {
     color: string;
+    inputMethod: INPUT_METHOD;
 }) => EditorCommand;

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

@@ -1,3 +1,2 @@
 export { changeColor } from './change-color';
-export { togglePalette } from './toggle-palette';
-export { setPalette } from './set-palette';
+export { setPalette, togglePalette } from './palette';

package/dist/types-ts4.5/commands/palette.d.ts

@@ -0,0 +1,10 @@
+import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { HighlightPlugin } from '../plugin';
+export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ inputMethod }: {
+    inputMethod: INPUT_METHOD;
+}) => Command;
+export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>) => ({ isPaletteOpen, inputMethod, }: {
+    isPaletteOpen: boolean;
+    inputMethod: INPUT_METHOD;
+}) => Command;

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

@@ -1,3 +1,4 @@
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BackgroundColorPlugin } from '@atlaskit/editor-plugin-background-color';
@@ -19,6 +20,7 @@ export type HighlightPlugin = NextEditorPlugin<'highlight', {
     commands: {
         changeColor: ({ color }: {
             color: string;
+            inputMethod: INPUT_METHOD;
         }) => EditorCommand;
     };
 }>;

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

@@ -10,7 +10,7 @@ export type HighlightPluginState = {
 };
 export declare enum HighlightPluginAction {
     CHANGE_COLOR = 0,
-    TOGGLE_PALETTE = 1
+    SET_PALETTE = 1
 }
 export declare const createPlugin: ({ api, }: {
     api: ExtractInjectionAPI<HighlightPlugin> | undefined;

package/dist/types-ts4.5/ui/FloatingToolbarHighlightColor.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { HighlightPlugin } from '../plugin';
 export declare const FloatingToolbarHighlightColorWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<{

package/dist/types-ts4.5/ui/ToolbarHighlightColor.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HighlightPlugin } from '../plugin';

package/dist/types-ts4.5/ui/shared/useDropdownEvents.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
 import type { HighlightPlugin } from '../../plugin';
 type UseDropdownEventArgs = {
     setIsDropdownOpen: (isOpen: boolean) => void;
@@ -13,7 +14,10 @@ export declare const useDropdownEvents: (args: UseDropdownEventArgs) => {
     handleKeyDown: (event: React.KeyboardEvent) => void;
     handleClickOutside: () => void;
     handleEscapeKeydown: () => void;
-    handleColorChange: (color: string) => void;
+    handleColorChange: ({ color, inputMethod }: {
+        color: string;
+        inputMethod: INPUT_METHOD;
+    }) => void;
     isOpenedByKeyboard: boolean;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-highlight",
-	"version": "1.11.3",
+	"version": "1.12.0",
 	"description": "Highlight plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^83.5.0",
+		"@atlaskit/editor-common": "^83.6.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-background-color": "^1.3.0",

package/dist/cjs/commands/set-palette.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setPalette = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _main = require("../pm-plugins/main");
-var setPalette = exports.setPalette = function setPalette(api, isPaletteOpen) {
-  return function (state, dispatch) {
-    var _highlightPluginKey$g;
-    var isDisabled = (_highlightPluginKey$g = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
-    if (!isDisabled) {
-      var _api$analytics;
-      var tr = state.tr;
-      (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
-      tr.setMeta(_main.highlightPluginKey, {
-        type: _main.HighlightPluginAction.TOGGLE_PALETTE,
-        isPaletteOpen: isPaletteOpen
-      });
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
-  return {
-    action: isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED,
-    actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
-    eventType: _analytics.EVENT_TYPE.TRACK,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-    }
-  };
-};

package/dist/cjs/commands/toggle-palette.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.togglePalette = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _main = require("../pm-plugins/main");
-var togglePalette = exports.togglePalette = function togglePalette(api) {
-  return function (state, dispatch) {
-    var _highlightPluginKey$g, _highlightPluginKey$g2;
-    var isDisabled = (_highlightPluginKey$g = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
-    var isPaletteOpen = (_highlightPluginKey$g2 = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.isPaletteOpen;
-    var tr = state.tr;
-    if (!isDisabled) {
-      var _api$analytics;
-      (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(!isPaletteOpen))(tr);
-      tr.setMeta(_main.highlightPluginKey, {
-        type: _main.HighlightPluginAction.TOGGLE_PALETTE,
-        isPaletteOpen: !isPaletteOpen
-      });
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
-  return {
-    action: isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED,
-    actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
-    eventType: _analytics.EVENT_TYPE.TRACK,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.SHORTCUT
-    }
-  };
-};

package/dist/es2019/commands/set-palette.js

@@ -1,31 +0,0 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
-export const setPalette = (api, isPaletteOpen) => (state, dispatch) => {
-  var _highlightPluginKey$g;
-  const isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
-  if (!isDisabled) {
-    var _api$analytics;
-    const tr = state.tr;
-    (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
-    tr.setMeta(highlightPluginKey, {
-      type: HighlightPluginAction.TOGGLE_PALETTE,
-      isPaletteOpen
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  }
-  return false;
-};
-const createAnalyticsEvent = isOpen => {
-  return {
-    action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
-    actionSubject: ACTION_SUBJECT.TOOLBAR,
-    actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
-    eventType: EVENT_TYPE.TRACK,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR
-    }
-  };
-};

package/dist/es2019/commands/toggle-palette.js

@@ -1,32 +0,0 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
-export const togglePalette = api => (state, dispatch) => {
-  var _highlightPluginKey$g, _highlightPluginKey$g2;
-  const isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
-  const isPaletteOpen = (_highlightPluginKey$g2 = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.isPaletteOpen;
-  const tr = state.tr;
-  if (!isDisabled) {
-    var _api$analytics;
-    (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(!isPaletteOpen))(tr);
-    tr.setMeta(highlightPluginKey, {
-      type: HighlightPluginAction.TOGGLE_PALETTE,
-      isPaletteOpen: !isPaletteOpen
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  }
-  return false;
-};
-const createAnalyticsEvent = isOpen => {
-  return {
-    action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
-    actionSubject: ACTION_SUBJECT.TOOLBAR,
-    actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
-    eventType: EVENT_TYPE.TRACK,
-    attributes: {
-      inputMethod: INPUT_METHOD.SHORTCUT
-    }
-  };
-};

package/dist/esm/commands/set-palette.js

@@ -1,33 +0,0 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
-export var setPalette = function setPalette(api, isPaletteOpen) {
-  return function (state, dispatch) {
-    var _highlightPluginKey$g;
-    var isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
-    if (!isDisabled) {
-      var _api$analytics;
-      var tr = state.tr;
-      (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
-      tr.setMeta(highlightPluginKey, {
-        type: HighlightPluginAction.TOGGLE_PALETTE,
-        isPaletteOpen: isPaletteOpen
-      });
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
-  return {
-    action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
-    actionSubject: ACTION_SUBJECT.TOOLBAR,
-    actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
-    eventType: EVENT_TYPE.TRACK,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR
-    }
-  };
-};