@atlaskit/editor-plugin-highlight 1.19.5 → 1.19.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/pm-plugins/keymap.js +7 -1
  3. package/dist/cjs/pm-plugins/main.js +2 -0
  4. package/dist/cjs/ui/FloatingToolbarHighlightColor.js +5 -2
  5. package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +7 -2
  6. package/dist/es2019/pm-plugins/keymap.js +7 -1
  7. package/dist/es2019/pm-plugins/main.js +2 -0
  8. package/dist/es2019/ui/FloatingToolbarHighlightColor.js +6 -3
  9. package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +8 -3
  10. package/dist/esm/pm-plugins/keymap.js +7 -1
  11. package/dist/esm/pm-plugins/main.js +2 -0
  12. package/dist/esm/ui/FloatingToolbarHighlightColor.js +6 -3
  13. package/dist/esm/ui/PrimaryToolbarHighlightColor.js +8 -3
  14. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-highlight
2
2
 
3
+ ## 1.19.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#99080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99080)
8
+ [`8b2f0af25c400`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2f0af25c400) -
9
+ [ux] ED-26062: Removed icon blue borders when selected
10
+
11
+ ## 1.19.6
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 1.19.5
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/pm-plugins/keymap.js CHANGED
@@ -10,7 +10,13 @@ var _palette = require("../editor-commands/palette");
10
10
  function keymapPlugin(_ref) {
11
11
  var api = _ref.api;
12
12
  var list = {};
13
- (0, _keymaps.bindKeymapWithCommand)(_keymaps.toggleHighlightPalette.common, (0, _palette.togglePalette)(api)({
13
+ (0, _keymaps.bindKeymapWithCommand)(
14
+ // Ignored via go/ees005
15
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
16
+ _keymaps.toggleHighlightPalette.common,
17
+ // Ignored via go/ees005
18
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
19
+ (0, _palette.togglePalette)(api)({
14
20
  inputMethod: _analytics.INPUT_METHOD.SHORTCUT
15
21
  }), list);
16
22
  return (0, _keymaps.keymap)(list);
package/dist/cjs/pm-plugins/main.js CHANGED
@@ -30,6 +30,8 @@ var createPlugin = exports.createPlugin = function createPlugin(_ref) {
30
30
  isPaletteOpen: false
31
31
  };
32
32
  },
33
+ // Ignored via go/ees005
34
+ // eslint-disable-next-line @typescript-eslint/max-params
33
35
  apply: function apply(tr, pluginState, _oldState, newState) {
34
36
  var _tr$getMeta;
35
37
  var action = (_tr$getMeta = tr.getMeta(highlightPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
package/dist/cjs/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -87,7 +87,10 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
87
87
  return (0, _react2.jsx)(_PaletteDropdown.PaletteDropdown, {
88
88
  isOpen: isDropdownOpen && !highlightState.disabled,
89
89
  activeColor: highlightState.activeColor,
90
- trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
90
+ trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton
91
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
92
+ , {
93
+ css: _styles.disableBlueBorderStyles,
91
94
  buttonId: _uiMenu.TOOLBAR_BUTTON.BACKGROUND_COLOR,
92
95
  spacing: 'compact',
93
96
  disabled: highlightState.disabled,
@@ -100,7 +103,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
100
103
  onKeyDown: handleKeyDown,
101
104
  ref: toolbarItemRef,
102
105
  iconBefore:
103
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
106
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
104
107
  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
105
108
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
106
109
  (0, _react2.jsx)("div", {
package/dist/cjs/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -48,6 +48,8 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
48
48
  if (!(highlightState !== null && highlightState !== void 0 && highlightState.disabled)) {
49
49
  var state = editorView.state,
50
50
  dispatch = editorView.dispatch;
51
+ // Ignored via go/ees005
52
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
51
53
  (0, _palette.setPalette)(pluginInjectionApi)({
52
54
  isPaletteOpen: isOpen,
53
55
  inputMethod: _analytics.INPUT_METHOD.TOOLBAR
@@ -85,7 +87,10 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
85
87
  popupsScrollableElement: popupsScrollableElement,
86
88
  isOpen: isDropdownOpen && !highlightState.disabled,
87
89
  activeColor: highlightState.activeColor,
88
- trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
90
+ trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton
91
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
92
+ , {
93
+ css: _styles.disableBlueBorderStyles,
89
94
  buttonId: _uiMenu.TOOLBAR_BUTTON.BACKGROUND_COLOR,
90
95
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
91
96
  disabled: disabled || highlightState.disabled,
@@ -99,7 +104,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
99
104
  onKeyDown: handleKeyDown,
100
105
  ref: toolbarItemRef,
101
106
  iconBefore:
102
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
107
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
103
108
  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
104
109
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
105
110
  (0, _react2.jsx)("div", {
package/dist/es2019/pm-plugins/keymap.js CHANGED
@@ -5,7 +5,13 @@ export function keymapPlugin({
5
5
  api
6
6
  }) {
7
7
  const list = {};
8
- bindKeymapWithCommand(toggleHighlightPalette.common, togglePalette(api)({
8
+ bindKeymapWithCommand(
9
+ // Ignored via go/ees005
10
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
11
+ toggleHighlightPalette.common,
12
+ // Ignored via go/ees005
13
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
14
+ togglePalette(api)({
9
15
  inputMethod: INPUT_METHOD.SHORTCUT
10
16
  }), list);
11
17
  return keymap(list);
package/dist/es2019/pm-plugins/main.js CHANGED
@@ -19,6 +19,8 @@ export const createPlugin = ({
19
19
  disabled: getDisabledState(editorState),
20
20
  isPaletteOpen: false
21
21
  }),
22
+ // Ignored via go/ees005
23
+ // eslint-disable-next-line @typescript-eslint/max-params
22
24
  apply: (tr, pluginState, _oldState, newState) => {
23
25
  var _tr$getMeta;
24
26
  const action = (_tr$getMeta = tr.getMeta(highlightPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
package/dist/es2019/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
16
16
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
17
17
  import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
18
18
  import HighlightIcon from '@atlaskit/icon/core/highlight';
@@ -80,7 +80,10 @@ const FloatingToolbarHighlightColor = ({
80
80
  return jsx(PaletteDropdown, {
81
81
  isOpen: isDropdownOpen && !highlightState.disabled,
82
82
  activeColor: highlightState.activeColor,
83
- trigger: jsx(ToolbarButton, {
83
+ trigger: jsx(ToolbarButton
84
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
85
+ , {
86
+ css: disableBlueBorderStyles,
84
87
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
85
88
  spacing: 'compact',
86
89
  disabled: highlightState.disabled,
@@ -93,7 +96,7 @@ const FloatingToolbarHighlightColor = ({
93
96
  onKeyDown: handleKeyDown,
94
97
  ref: toolbarItemRef,
95
98
  iconBefore:
96
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
99
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
97
100
  fg('platform-visual-refresh-icons') ?
98
101
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
99
102
  jsx("div", {
package/dist/es2019/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
16
16
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
17
17
  import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
18
18
  import HighlightIcon from '@atlaskit/icon/core/highlight';
@@ -46,6 +46,8 @@ const PrimaryToolbarHighlightColor = ({
46
46
  state,
47
47
  dispatch
48
48
  } = editorView;
49
+ // Ignored via go/ees005
50
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
49
51
  setPalette(pluginInjectionApi)({
50
52
  isPaletteOpen: isOpen,
51
53
  inputMethod: INPUT_METHOD.TOOLBAR
@@ -84,7 +86,10 @@ const PrimaryToolbarHighlightColor = ({
84
86
  popupsScrollableElement: popupsScrollableElement,
85
87
  isOpen: isDropdownOpen && !highlightState.disabled,
86
88
  activeColor: highlightState.activeColor,
87
- trigger: jsx(ToolbarButton, {
89
+ trigger: jsx(ToolbarButton
90
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
91
+ , {
92
+ css: disableBlueBorderStyles,
88
93
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
89
94
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
90
95
  disabled: disabled || highlightState.disabled,
@@ -98,7 +103,7 @@ const PrimaryToolbarHighlightColor = ({
98
103
  onKeyDown: handleKeyDown,
99
104
  ref: toolbarItemRef,
100
105
  iconBefore:
101
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
106
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
102
107
  fg('platform-visual-refresh-icons') ?
103
108
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
104
109
  jsx("div", {
package/dist/esm/pm-plugins/keymap.js CHANGED
@@ -4,7 +4,13 @@ import { togglePalette } from '../editor-commands/palette';
4
4
  export function keymapPlugin(_ref) {
5
5
  var api = _ref.api;
6
6
  var list = {};
7
- bindKeymapWithCommand(toggleHighlightPalette.common, togglePalette(api)({
7
+ bindKeymapWithCommand(
8
+ // Ignored via go/ees005
9
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
10
+ toggleHighlightPalette.common,
11
+ // Ignored via go/ees005
12
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
13
+ togglePalette(api)({
8
14
  inputMethod: INPUT_METHOD.SHORTCUT
9
15
  }), list);
10
16
  return keymap(list);
package/dist/esm/pm-plugins/main.js CHANGED
@@ -23,6 +23,8 @@ export var createPlugin = function createPlugin(_ref) {
23
23
  isPaletteOpen: false
24
24
  };
25
25
  },
26
+ // Ignored via go/ees005
27
+ // eslint-disable-next-line @typescript-eslint/max-params
26
28
  apply: function apply(tr, pluginState, _oldState, newState) {
27
29
  var _tr$getMeta;
28
30
  var action = (_tr$getMeta = tr.getMeta(highlightPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
package/dist/esm/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -13,7 +13,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
13
13
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
14
14
  import { toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
15
15
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
16
- import { expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
16
+ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
17
17
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
18
18
  import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
19
19
  import HighlightIcon from '@atlaskit/icon/core/highlight';
@@ -79,7 +79,10 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
79
79
  return jsx(PaletteDropdown, {
80
80
  isOpen: isDropdownOpen && !highlightState.disabled,
81
81
  activeColor: highlightState.activeColor,
82
- trigger: jsx(ToolbarButton, {
82
+ trigger: jsx(ToolbarButton
83
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
84
+ , {
85
+ css: disableBlueBorderStyles,
83
86
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
84
87
  spacing: 'compact',
85
88
  disabled: highlightState.disabled,
@@ -92,7 +95,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
92
95
  onKeyDown: handleKeyDown,
93
96
  ref: toolbarItemRef,
94
97
  iconBefore:
95
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
98
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
96
99
  fg('platform-visual-refresh-icons') ?
97
100
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
98
101
  jsx("div", {
package/dist/esm/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
16
16
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
17
17
  import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
18
18
  import HighlightIcon from '@atlaskit/icon/core/highlight';
@@ -40,6 +40,8 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
40
40
  if (!(highlightState !== null && highlightState !== void 0 && highlightState.disabled)) {
41
41
  var state = editorView.state,
42
42
  dispatch = editorView.dispatch;
43
+ // Ignored via go/ees005
44
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
43
45
  setPalette(pluginInjectionApi)({
44
46
  isPaletteOpen: isOpen,
45
47
  inputMethod: INPUT_METHOD.TOOLBAR
@@ -77,7 +79,10 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
77
79
  popupsScrollableElement: popupsScrollableElement,
78
80
  isOpen: isDropdownOpen && !highlightState.disabled,
79
81
  activeColor: highlightState.activeColor,
80
- trigger: jsx(ToolbarButton, {
82
+ trigger: jsx(ToolbarButton
83
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
84
+ , {
85
+ css: disableBlueBorderStyles,
81
86
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
82
87
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
83
88
  disabled: disabled || highlightState.disabled,
@@ -91,7 +96,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
91
96
  onKeyDown: handleKeyDown,
92
97
  ref: toolbarItemRef,
93
98
  iconBefore:
94
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
99
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
95
100
  fg('platform-visual-refresh-icons') ?
96
101
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
97
102
  jsx("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-highlight",
3
- "version": "1.19.5",
3
+ "version": "1.19.7",
4
4
  "description": "Highlight plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/adf-schema": "^46.1.0",
40
- "@atlaskit/editor-common": "^97.0.0",
40
+ "@atlaskit/editor-common": "^98.0.0",
41
41
  "@atlaskit/editor-palette": "1.6.3",
42
42
  "@atlaskit/editor-plugin-analytics": "^1.10.0",
43
43
  "@atlaskit/editor-plugin-primary-toolbar": "^2.1.0",
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/icon": "^23.1.0",
49
49
  "@atlaskit/platform-feature-flags": "^0.3.0",
50
50
  "@atlaskit/primitives": "^13.3.0",
51
- "@atlaskit/tmp-editor-statsig": "^2.29.0",
51
+ "@atlaskit/tmp-editor-statsig": "^2.31.0",
52
52
  "@atlaskit/tokens": "^2.5.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@emotion/react": "^11.7.1"