@atlaskit/editor-plugin-highlight 11.0.16 → 11.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-highlight
 
+## 11.1.0
+
+### Minor Changes
+
+- [`b26d59f2d7dbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b26d59f2d7dbf) -
+  [ux] [EDITOR-7589] combine text color highlight color behind experiment
+
+### Patch Changes
+
+- [`3a59e88cfd890`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a59e88cfd890) -
+  [ux] [EDITOR-7589] update icon colors for highlight color palette and toolbar icon
+- Updated dependencies
+
+## 11.0.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.16
 
 ### Patch Changes

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

@@ -7,7 +7,6 @@ exports.changeColor = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _mark = require("@atlaskit/editor-common/mark");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../pm-plugins/main");
 var _color = require("./color");
 var changeColor = exports.changeColor = function changeColor(editorAnalyticsAPI) {
@@ -31,16 +30,6 @@ var changeColor = exports.changeColor = function changeColor(editorAnalyticsAPI)
           type: _main.HighlightPluginAction.CHANGE_COLOR,
           color: color
         });
-        var marks = tr.doc.type.schema.marks;
-        if ((0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
-          _main.overrideMarks.forEach(function (mark) {
-            if (marks[mark]) {
-              (0, _mark.removeMark)(marks[mark])({
-                tr: tr
-              });
-            }
-          });
-        }
         (0, _mark.toggleMark)(backgroundColor, {
           color: color
         })({

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.overrideMarks = exports.highlightPluginKey = exports.createPlugin = exports.HighlightPluginAction = void 0;
+exports.highlightPluginKey = exports.createPlugin = exports.HighlightPluginAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -18,7 +18,6 @@ var HighlightPluginAction = exports.HighlightPluginAction = /*#__PURE__*/functio
   HighlightPluginAction[HighlightPluginAction["SET_PALETTE"] = 1] = "SET_PALETTE";
   return HighlightPluginAction;
 }({});
-var overrideMarks = exports.overrideMarks = ['textColor'];
 var createPlugin = exports.createPlugin = function createPlugin(_ref) {
   var api = _ref.api;
   return new _safePlugin.SafePlugin({

package/dist/cjs/ui/HighlightColorMenuItem.js

@@ -32,12 +32,21 @@ var styles = {
   removeHighlightButton: "_2rko12b0 _195gv77o _189ee4h9 _1dqonqa1 _1h6d1l7x",
   icon: "_1e0c1o8l _18u01n1a"
 };
+var getTextColorIconColor = function getTextColorIconColor(defaultColor, textColor) {
+  if (!(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  if (!textColor || defaultColor && textColor === defaultColor) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  return (0, _editorPalette.hexToEditorTextPaletteColor)(textColor) || "var(--ds-icon, #292A2E)";
+};
 var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
   var label = _ref.label,
-    isSelected = _ref.isSelected;
-  var iconColor = "var(--ds-icon, #292A2E)";
+    isSelected = _ref.isSelected,
+    iconColor = _ref.iconColor;
   return isSelected ? /*#__PURE__*/React.createElement(_checkMark.default, {
-    color: iconColor,
+    color: "var(--ds-icon, #292A2E)",
     label: label
   }) : /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "span",
@@ -57,6 +66,9 @@ function HighlightColorMenuItem(_ref2) {
     formatMessage = _useIntl.formatMessage;
   var activeColor = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'highlight.activeColor');
   var context = (0, _editorToolbar.useToolbarDropdownMenu)();
+  var _useSelectedTextColor = (0, _uiColor.useSelectedTextColor)(),
+    textColor = _useSelectedTextColor.textColor,
+    defaultColor = _useSelectedTextColor.defaultColor;
   var closeMenu = context === null || context === void 0 ? void 0 : context.closeMenu;
   var handleHighlightColorChange = (0, _react.useCallback)(function (color, event) {
     var _api$highlight;
@@ -74,17 +86,19 @@ function HighlightColorMenuItem(_ref2) {
     var isSelected = function isSelected(color) {
       return color.value === activeColor;
     };
+    var iconColor = getTextColorIconColor(defaultColor, textColor);
     return _uiColor.highlightColorPalette.filter(function (color) {
       return color.value !== _uiColor.REMOVE_HIGHLIGHT_COLOR;
     }).map(function (color) {
       return _objectSpread(_objectSpread({}, color), {}, {
         decorator: /*#__PURE__*/React.createElement(TextColorIconDecorator, {
           label: color.label,
-          isSelected: isSelected(color)
+          isSelected: isSelected(color),
+          iconColor: iconColor
         })
       });
     });
-  }, [activeColor]);
+  }, [activeColor, defaultColor, textColor]);
   return /*#__PURE__*/React.createElement(_compiled.Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

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

@@ -1,8 +1,7 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
 import { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { HighlightPluginAction, highlightPluginKey, overrideMarks } from '../pm-plugins/main';
+import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
 import { getActiveColor } from './color';
 export const changeColor = editorAnalyticsAPI => ({
   color,
@@ -27,18 +26,6 @@ export const changeColor = editorAnalyticsAPI => ({
       type: HighlightPluginAction.CHANGE_COLOR,
       color
     });
-    const {
-      marks
-    } = tr.doc.type.schema;
-    if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
-      overrideMarks.forEach(mark => {
-        if (marks[mark]) {
-          removeMark(marks[mark])({
-            tr
-          });
-        }
-      });
-    }
     toggleMark(backgroundColor, {
       color
     })({

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

@@ -8,7 +8,6 @@ export let HighlightPluginAction = /*#__PURE__*/function (HighlightPluginAction)
   HighlightPluginAction[HighlightPluginAction["SET_PALETTE"] = 1] = "SET_PALETTE";
   return HighlightPluginAction;
 }({});
-export const overrideMarks = ['textColor'];
 export const createPlugin = ({
   api
 }) => {

package/dist/es2019/ui/HighlightColorMenuItem.js

@@ -6,9 +6,9 @@ import { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
 import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
-import { REMOVE_HIGHLIGHT_COLOR, highlightColorPalette } from '@atlaskit/editor-common/ui-color';
+import { REMOVE_HIGHLIGHT_COLOR, highlightColorPalette, useSelectedTextColor } from '@atlaskit/editor-common/ui-color';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorTextBackgroundPaletteColor, hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import Heading from '@atlaskit/heading';
 import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
@@ -20,13 +20,22 @@ const styles = {
   removeHighlightButton: "_2rko12b0 _195gv77o _189ee4h9 _1dqonqa1 _1h6d1l7x",
   icon: "_1e0c1o8l _18u01n1a"
 };
+const getTextColorIconColor = (defaultColor, textColor) => {
+  if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  if (!textColor || defaultColor && textColor === defaultColor) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  return hexToEditorTextPaletteColor(textColor) || "var(--ds-icon, #292A2E)";
+};
 const TextColorIconDecorator = ({
   label,
-  isSelected
+  isSelected,
+  iconColor
 }) => {
-  const iconColor = "var(--ds-icon, #292A2E)";
   return isSelected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
-    color: iconColor,
+    color: "var(--ds-icon, #292A2E)",
     label: label
   }) : /*#__PURE__*/React.createElement(Box, {
     as: "span",
@@ -48,6 +57,10 @@ export function HighlightColorMenuItem({
   } = useIntl();
   const activeColor = useSharedPluginStateSelector(api, 'highlight.activeColor');
   const context = useToolbarDropdownMenu();
+  const {
+    textColor,
+    defaultColor
+  } = useSelectedTextColor();
   const closeMenu = context === null || context === void 0 ? void 0 : context.closeMenu;
   const handleHighlightColorChange = useCallback((color, event) => {
     var _api$highlight, _api$highlight$comman;
@@ -63,14 +76,16 @@ export function HighlightColorMenuItem({
   }, [api, closeMenu, parents]);
   const colorPalette = useMemo(() => {
     const isSelected = color => color.value === activeColor;
+    const iconColor = getTextColorIconColor(defaultColor, textColor);
     return highlightColorPalette.filter(color => color.value !== REMOVE_HIGHLIGHT_COLOR).map(color => ({
       ...color,
       decorator: /*#__PURE__*/React.createElement(TextColorIconDecorator, {
         label: color.label,
-        isSelected: isSelected(color)
+        isSelected: isSelected(color),
+        iconColor: iconColor
       })
     }));
-  }, [activeColor]);
+  }, [activeColor, defaultColor, textColor]);
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

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

@@ -1,8 +1,7 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
 import { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { HighlightPluginAction, highlightPluginKey, overrideMarks } from '../pm-plugins/main';
+import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
 import { getActiveColor } from './color';
 export var changeColor = function changeColor(editorAnalyticsAPI) {
   return function (_ref) {
@@ -25,16 +24,6 @@ export var changeColor = function changeColor(editorAnalyticsAPI) {
           type: HighlightPluginAction.CHANGE_COLOR,
           color: color
         });
-        var marks = tr.doc.type.schema.marks;
-        if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
-          overrideMarks.forEach(function (mark) {
-            if (marks[mark]) {
-              removeMark(marks[mark])({
-                tr: tr
-              });
-            }
-          });
-        }
         toggleMark(backgroundColor, {
           color: color
         })({

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

@@ -11,7 +11,6 @@ export var HighlightPluginAction = /*#__PURE__*/function (HighlightPluginAction)
   HighlightPluginAction[HighlightPluginAction["SET_PALETTE"] = 1] = "SET_PALETTE";
   return HighlightPluginAction;
 }({});
-export var overrideMarks = ['textColor'];
 export var createPlugin = function createPlugin(_ref) {
   var api = _ref.api;
   return new SafePlugin({

package/dist/esm/ui/HighlightColorMenuItem.js

@@ -9,9 +9,9 @@ import { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
 import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
-import { REMOVE_HIGHLIGHT_COLOR, highlightColorPalette } from '@atlaskit/editor-common/ui-color';
+import { REMOVE_HIGHLIGHT_COLOR, highlightColorPalette, useSelectedTextColor } from '@atlaskit/editor-common/ui-color';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorTextBackgroundPaletteColor, hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import Heading from '@atlaskit/heading';
 import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
@@ -23,12 +23,21 @@ var styles = {
   removeHighlightButton: "_2rko12b0 _195gv77o _189ee4h9 _1dqonqa1 _1h6d1l7x",
   icon: "_1e0c1o8l _18u01n1a"
 };
+var getTextColorIconColor = function getTextColorIconColor(defaultColor, textColor) {
+  if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  if (!textColor || defaultColor && textColor === defaultColor) {
+    return "var(--ds-icon, #292A2E)";
+  }
+  return hexToEditorTextPaletteColor(textColor) || "var(--ds-icon, #292A2E)";
+};
 var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
   var label = _ref.label,
-    isSelected = _ref.isSelected;
-  var iconColor = "var(--ds-icon, #292A2E)";
+    isSelected = _ref.isSelected,
+    iconColor = _ref.iconColor;
   return isSelected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
-    color: iconColor,
+    color: "var(--ds-icon, #292A2E)",
     label: label
   }) : /*#__PURE__*/React.createElement(Box, {
     as: "span",
@@ -48,6 +57,9 @@ export function HighlightColorMenuItem(_ref2) {
     formatMessage = _useIntl.formatMessage;
   var activeColor = useSharedPluginStateSelector(api, 'highlight.activeColor');
   var context = useToolbarDropdownMenu();
+  var _useSelectedTextColor = useSelectedTextColor(),
+    textColor = _useSelectedTextColor.textColor,
+    defaultColor = _useSelectedTextColor.defaultColor;
   var closeMenu = context === null || context === void 0 ? void 0 : context.closeMenu;
   var handleHighlightColorChange = useCallback(function (color, event) {
     var _api$highlight;
@@ -65,17 +77,19 @@ export function HighlightColorMenuItem(_ref2) {
     var isSelected = function isSelected(color) {
       return color.value === activeColor;
     };
+    var iconColor = getTextColorIconColor(defaultColor, textColor);
     return highlightColorPalette.filter(function (color) {
       return color.value !== REMOVE_HIGHLIGHT_COLOR;
     }).map(function (color) {
       return _objectSpread(_objectSpread({}, color), {}, {
         decorator: /*#__PURE__*/React.createElement(TextColorIconDecorator, {
           label: color.label,
-          isSelected: isSelected(color)
+          isSelected: isSelected(color),
+          iconColor: iconColor
         })
       });
     });
-  }, [activeColor]);
+  }, [activeColor, defaultColor, textColor]);
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "highlight-color-menu-item"

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

@@ -12,7 +12,6 @@ export declare enum HighlightPluginAction {
     CHANGE_COLOR = 0,
     SET_PALETTE = 1
 }
-export declare const overrideMarks: string[];
 export declare const createPlugin: ({ api, }: {
     api: ExtractInjectionAPI<HighlightPlugin> | undefined;
 }) => SafePlugin<HighlightPluginState>;

package/highlightPlugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/highlightPlugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/highlightPlugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/highlightPlugin.d.ts"
 }

package/highlightPluginType/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/highlightPluginType.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/highlightPluginType.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/highlightPluginType.d.ts"
 }

package/main/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/main.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/main.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/main.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-highlight",
-	"version": "11.0.16",
+	"version": "11.1.0",
 	"description": "Highlight plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,13 +49,13 @@
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^115.16.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},

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

@@ -1,6 +0,0 @@
-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, inputMethod }: {
-    color: string;
-    inputMethod: INPUT_METHOD;
-}) => EditorCommand;

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

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

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

@@ -1,2 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-export declare const getDisabledState: (state: EditorState) => boolean;

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

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

package/dist/types-ts4.5/entry-points/highlightPlugin.d.ts

@@ -1 +0,0 @@
-export { highlightPlugin } from '../highlightPlugin';

package/dist/types-ts4.5/entry-points/highlightPluginType.d.ts

@@ -1 +0,0 @@
-export type { HighlightPlugin } from '../highlightPluginType';

package/dist/types-ts4.5/entry-points/main.d.ts

@@ -1 +0,0 @@
-export type { HighlightPluginState } from '../pm-plugins/main';

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

@@ -1,2 +0,0 @@
-import type { HighlightPlugin } from './highlightPluginType';
-export declare const highlightPlugin: HighlightPlugin;

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

@@ -1,26 +0,0 @@
-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 { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
-import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { TextFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
-import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
-import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
-import type { HighlightPluginState } from './pm-plugins/main';
-export type HighlightPlugin = NextEditorPlugin<'highlight', {
-    commands: {
-        changeColor: ({ color }: {
-            color: string;
-            inputMethod: INPUT_METHOD;
-        }) => EditorCommand;
-    };
-    dependencies: [
-        OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<TextFormattingPlugin>,
-        OptionalPlugin<PrimaryToolbarPlugin>,
-        OptionalPlugin<ToolbarPlugin>,
-        OptionalPlugin<SelectionToolbarPlugin>,
-        OptionalPlugin<UserPreferencesPlugin>
-    ];
-    sharedState: HighlightPluginState | undefined;
-}>;

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

@@ -1,3 +0,0 @@
-export { highlightPlugin } from './highlightPlugin';
-export type { HighlightPlugin } from './highlightPluginType';
-export type { HighlightPluginState } from './pm-plugins/main';

package/dist/types-ts4.5/pm-plugins/highlight-padding/add-padding-decorations.d.ts

@@ -1,14 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-type AddPaddingDecorationsOptions = {
-    decorationSet: DecorationSet;
-    from: number;
-    state: EditorState;
-    to: number;
-};
-/**
- * Adds padding decorations to highlighted text
- * within the specified range.
- */
-export declare const addPaddingDecorations: ({ decorationSet, state, from, to, }: AddPaddingDecorationsOptions) => DecorationSet;
-export {};

package/dist/types-ts4.5/pm-plugins/highlight-padding/index.d.ts

@@ -1,16 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-type HighlightPaddingPluginState = {
-    decorationSet: DecorationSet;
-};
-export declare const highlightPaddingPluginKey: PluginKey;
-/**
- * Plugin to add padding decorations around highlighted text.
- *
- * Padding is added to the left and/or right of highlighted text
- * only when it is at the start or end of a block, or when it is adjacent
- * to whitespace.
- */
-export declare const createHighlightPaddingPlugin: () => SafePlugin<HighlightPaddingPluginState>;
-export {};

package/dist/types-ts4.5/pm-plugins/highlight-padding/update-padding-decorations.d.ts

@@ -1,13 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-type UpdatePaddingDecorationsOptions = {
-    decorationSet: DecorationSet;
-    end: number;
-    start: number;
-    state: EditorState;
-};
-/**
- * Updates padding decorations in the specified range.
- */
-export declare const updatePaddingDecorations: ({ decorationSet: prevDecorationSet, state, start, end, }: UpdatePaddingDecorationsOptions) => DecorationSet;
-export {};

package/dist/types-ts4.5/pm-plugins/highlight-padding/utils.d.ts

@@ -1,14 +0,0 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-export declare const isHighlightedTextNode: (node: PMNode) => boolean;
-type ShouldPadLeftOptions = {
-    nodeStart: number;
-    state: EditorState;
-};
-export declare const shouldPadLeft: ({ state, nodeStart }: ShouldPadLeftOptions) => boolean;
-type ShouldPadRightOptions = {
-    nodeEnd: number;
-    state: EditorState;
-};
-export declare const shouldPadRight: ({ state, nodeEnd }: ShouldPadRightOptions) => boolean;
-export {};

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

@@ -1,6 +0,0 @@
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { HighlightPlugin } from '../highlightPluginType';
-export declare function keymapPlugin({ api }: {
-    api: ExtractInjectionAPI<HighlightPlugin> | undefined;
-}): SafePlugin;

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

@@ -1,18 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { HighlightPlugin } from '../highlightPluginType';
-export declare const highlightPluginKey: PluginKey<HighlightPluginState>;
-export type HighlightPluginState = {
-    activeColor: string | null;
-    disabled: boolean;
-    isPaletteOpen: boolean;
-};
-export declare enum HighlightPluginAction {
-    CHANGE_COLOR = 0,
-    SET_PALETTE = 1
-}
-export declare const overrideMarks: string[];
-export declare const createPlugin: ({ api, }: {
-    api: ExtractInjectionAPI<HighlightPlugin> | undefined;
-}) => SafePlugin<HighlightPluginState>;

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

@@ -1,15 +0,0 @@
-import type { ComponentType, FC } from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
-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 '../highlightPluginType';
-type FloatingToolbarHighlightColorProps = {
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    editorView: EditorView | undefined;
-    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
-} & WrappedComponentProps;
-export declare const FloatingToolbarHighlightColorWithIntl: FC<WithIntlProps<FloatingToolbarHighlightColorProps>> & {
-    WrappedComponent: ComponentType<FloatingToolbarHighlightColorProps>;
-};
-export {};

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

@@ -1,13 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { HighlightPlugin } from '../highlightPluginType';
-interface HighlightMenuItemProps {
-    api: ExtractInjectionAPI<HighlightPlugin> | undefined;
-    parents: ToolbarComponentTypes;
-}
-export declare function HighlightColorMenuItem({ api, parents }: HighlightMenuItemProps): JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-import type { ComponentType, FC } from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { HighlightPlugin } from '../highlightPluginType';
-type PrimaryToolbarHighlightColorProps = {
-    disabled: boolean;
-    editorView: EditorView;
-    isToolbarReducedSpacing: boolean;
-    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
-    popupsBoundariesElement?: HTMLElement;
-    popupsMountPoint?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
-} & WrappedComponentProps;
-export declare const PrimaryToolbarHighlightColorWithIntl: FC<WithIntlProps<PrimaryToolbarHighlightColorProps>> & {
-    WrappedComponent: ComponentType<PrimaryToolbarHighlightColorProps>;
-};
-export {};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-type EditorHighlightIconProps = {
-    disabled: boolean;
-    selectedColor?: string | null;
-};
-export declare const EditorHighlightIcon: ({ disabled, selectedColor, }: EditorHighlightIconProps) => React.JSX.Element;
-export {};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { WithOutsideClickProps } from '@atlaskit/editor-common/ui';
-type PaletteDropdownProps = {
-    activeColor: string | null;
-    isOpen: boolean;
-    isOpenedByKeyboard: boolean;
-    onColorChange: (color: string) => void;
-    popupsBoundariesElement?: HTMLElement;
-    popupsMountPoint?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
-    trigger: React.ReactElement;
-} & WithOutsideClickProps;
-export declare const PaletteDropdown: (props: PaletteDropdownProps) => React.JSX.Element;
-export {};

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

@@ -1,22 +0,0 @@
-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 '../../highlightPluginType';
-type UseDropdownEventArgs = {
-    isDropdownOpen: boolean;
-    pluginInjectionApi: ExtractInjectionAPI<HighlightPlugin> | undefined;
-    setIsDropdownOpen: (isOpen: boolean) => void;
-    toolbarItemRef: React.RefObject<ToolbarButtonRef>;
-};
-export declare const useDropdownEvents: (args: UseDropdownEventArgs) => {
-    handleClick: () => void;
-    handleClickOutside: () => void;
-    handleColorChange: ({ color, inputMethod }: {
-        color: string;
-        inputMethod: INPUT_METHOD;
-    }) => void;
-    handleEscapeKeydown: () => void;
-    handleKeyDown: (event: React.KeyboardEvent) => void;
-    isOpenedByKeyboard: boolean;
-};
-export {};

package/dist/types-ts4.5/ui/toolbar-component.d.ts

@@ -1,4 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
-import type { HighlightPlugin } from '../highlightPluginType';
-export declare const getToolbarComponent: (api: ExtractInjectionAPI<HighlightPlugin> | undefined) => RegisterComponent[];