@atlaskit/editor-plugin-highlight 7.0.0 → 7.1.0

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 (8) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/ui/FloatingToolbarHighlightColor.js +3 -23
  3. package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +2 -13
  4. package/dist/es2019/ui/FloatingToolbarHighlightColor.js +4 -24
  5. package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +3 -14
  6. package/dist/esm/ui/FloatingToolbarHighlightColor.js +4 -24
  7. package/dist/esm/ui/PrimaryToolbarHighlightColor.js +3 -14
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-highlight
2
2
 
3
+ ## 7.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
8
+ Clean up and removal of the `platform-visual-refresh-icons` feature flag.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 7.0.1
15
+
16
+ ### Patch Changes
17
+
18
+ - [`b429c01ce6af9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b429c01ce6af9) -
19
+ icon migration entry point update
20
+ - Updated dependencies
21
+
3
22
  ## 7.0.0
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -16,12 +16,10 @@ var _messages = require("@atlaskit/editor-common/messages");
16
16
  var _styles = require("@atlaskit/editor-common/styles");
17
17
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
18
18
  var _editorPalette = require("@atlaskit/editor-palette");
19
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
19
20
  var _highlight = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
20
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
21
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
23
22
  var _palette = require("../editor-commands/palette");
24
- var _EditorHighlightIcon = require("./shared/EditorHighlightIcon");
25
23
  var _PaletteDropdown = require("./shared/PaletteDropdown");
26
24
  var _useDropdownEvents2 = require("./shared/useDropdownEvents");
27
25
  /**
@@ -31,12 +29,6 @@ var _useDropdownEvents2 = require("./shared/useDropdownEvents");
31
29
 
32
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
33
31
 
34
- var expandIconContainerHighlightStyle = (0, _react2.css)({
35
- margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
36
- });
37
- var highlightIconContainerStyle = (0, _react2.css)({
38
- marginTop: "var(--ds-space-negative-050, -4px)"
39
- });
40
32
  var selector = function selector(states) {
41
33
  var _states$highlightStat, _states$highlightStat2, _states$highlightStat3;
42
34
  return {
@@ -117,7 +109,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
117
109
  onClick: handleClick,
118
110
  onKeyDown: handleKeyDown,
119
111
  ref: toolbarItemRef,
120
- iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
112
+ iconBefore:
121
113
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
122
114
  (0, _react2.jsx)("div", {
123
115
  css: _styles.triggerWrapperStylesWithPadding
@@ -137,19 +129,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
137
129
  label: "",
138
130
  color: "currentColor",
139
131
  size: "small"
140
- }))) : (0, _react2.jsx)("span", {
141
- css: highlightIconContainerStyle
142
- }, (0, _react2.jsx)(_EditorHighlightIcon.EditorHighlightIcon, {
143
- selectedColor: activeColorToken,
144
- disabled: disabled
145
- })),
146
- iconAfter: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : (0, _react2.jsx)("span", {
147
- css: expandIconContainerHighlightStyle
148
- }, (0, _react2.jsx)(_chevronDown.default, {
149
- label: "",
150
- color: "currentColor",
151
- size: "small"
152
- }))
132
+ })))
153
133
  }, (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && formatMessage(_messages.highlightMessages.highlightFloatingToolbar)),
154
134
  onColorChange: function onColorChange(color) {
155
135
  return handleColorChange({
package/dist/cjs/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -16,12 +16,10 @@ var _messages = require("@atlaskit/editor-common/messages");
16
16
  var _styles = require("@atlaskit/editor-common/styles");
17
17
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
18
18
  var _editorPalette = require("@atlaskit/editor-palette");
19
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
19
20
  var _highlight = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
20
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
21
  var _compiled = require("@atlaskit/primitives/compiled");
23
22
  var _palette = require("../editor-commands/palette");
24
- var _EditorHighlightIcon = require("./shared/EditorHighlightIcon");
25
23
  var _PaletteDropdown = require("./shared/PaletteDropdown");
26
24
  var _useDropdownEvents2 = require("./shared/useDropdownEvents");
27
25
  /**
@@ -112,7 +110,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
112
110
  onClick: handleClick,
113
111
  onKeyDown: handleKeyDown,
114
112
  ref: toolbarItemRef,
115
- iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
113
+ iconBefore:
116
114
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
117
115
  (0, _react2.jsx)("div", {
118
116
  css: _styles.triggerWrapperStylesWithPadding
@@ -132,15 +130,6 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
132
130
  label: "",
133
131
  color: "currentColor",
134
132
  size: "small"
135
- }))) : (0, _react2.jsx)(_compiled.Flex, null, (0, _react2.jsx)(_EditorHighlightIcon.EditorHighlightIcon, {
136
- selectedColor: activeColorToken,
137
- disabled: highlightDisabled
138
- }), (0, _react2.jsx)("span", {
139
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
140
- css: _styles.expandIconWrapperStyle
141
- }, (0, _react2.jsx)(_chevronDown.default, {
142
- label: "",
143
- size: "small"
144
133
  })))
145
134
  }),
146
135
  onColorChange: function onColorChange(color) {
package/dist/es2019/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import { useRef } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
- import { css, jsx } from '@emotion/react';
8
+ import { jsx } from '@emotion/react';
9
9
  import { injectIntl } from 'react-intl-next';
10
10
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
11
11
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -15,20 +15,12 @@ import { highlightMessages as messages } from '@atlaskit/editor-common/messages'
15
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
+ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
18
19
  import HighlightIcon from '@atlaskit/icon/core/highlight';
19
- import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
20
- import { fg } from '@atlaskit/platform-feature-flags';
21
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
22
21
  import { setPalette } from '../editor-commands/palette';
23
- import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
24
22
  import { PaletteDropdown } from './shared/PaletteDropdown';
25
23
  import { useDropdownEvents } from './shared/useDropdownEvents';
26
- const expandIconContainerHighlightStyle = css({
27
- margin: `0px ${"var(--ds-space-negative-050, -4px)"}`
28
- });
29
- const highlightIconContainerStyle = css({
30
- marginTop: "var(--ds-space-negative-050, -4px)"
31
- });
32
24
  const selector = states => {
33
25
  var _states$highlightStat, _states$highlightStat2, _states$highlightStat3;
34
26
  return {
@@ -116,7 +108,7 @@ const FloatingToolbarHighlightColor = ({
116
108
  onClick: handleClick,
117
109
  onKeyDown: handleKeyDown,
118
110
  ref: toolbarItemRef,
119
- iconBefore: fg('platform-visual-refresh-icons') ?
111
+ iconBefore:
120
112
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
121
113
  jsx("div", {
122
114
  css: triggerWrapperStylesWithPadding
@@ -136,19 +128,7 @@ const FloatingToolbarHighlightColor = ({
136
128
  label: "",
137
129
  color: "currentColor",
138
130
  size: "small"
139
- }))) : jsx("span", {
140
- css: highlightIconContainerStyle
141
- }, jsx(EditorHighlightIcon, {
142
- selectedColor: activeColorToken,
143
- disabled: disabled
144
- })),
145
- iconAfter: fg('platform-visual-refresh-icons') ? undefined : jsx("span", {
146
- css: expandIconContainerHighlightStyle
147
- }, jsx(ChevronDownIcon, {
148
- label: "",
149
- color: "currentColor",
150
- size: "small"
151
- }))
131
+ })))
152
132
  }, editorExperiment('platform_editor_controls', 'control') && formatMessage(messages.highlightFloatingToolbar)),
153
133
  onColorChange: color => handleColorChange({
154
134
  color,
package/dist/es2019/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,15 +12,13 @@ import { useSharedPluginStateWithSelector } 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 { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, 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
+ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
18
19
  import HighlightIcon from '@atlaskit/icon/core/highlight';
19
- import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
20
- import { fg } from '@atlaskit/platform-feature-flags';
21
20
  import { Flex } from '@atlaskit/primitives/compiled';
22
21
  import { setPalette } from '../editor-commands/palette';
23
- import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
24
22
  import { PaletteDropdown } from './shared/PaletteDropdown';
25
23
  import { useDropdownEvents } from './shared/useDropdownEvents';
26
24
  const selector = states => {
@@ -111,7 +109,7 @@ const PrimaryToolbarHighlightColor = ({
111
109
  onClick: handleClick,
112
110
  onKeyDown: handleKeyDown,
113
111
  ref: toolbarItemRef,
114
- iconBefore: fg('platform-visual-refresh-icons') ?
112
+ iconBefore:
115
113
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
116
114
  jsx("div", {
117
115
  css: triggerWrapperStylesWithPadding
@@ -131,15 +129,6 @@ const PrimaryToolbarHighlightColor = ({
131
129
  label: "",
132
130
  color: "currentColor",
133
131
  size: "small"
134
- }))) : jsx(Flex, null, jsx(EditorHighlightIcon, {
135
- selectedColor: activeColorToken,
136
- disabled: highlightDisabled
137
- }), jsx("span", {
138
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
139
- css: expandIconWrapperStyle
140
- }, jsx(ChevronDownIcon, {
141
- label: "",
142
- size: "small"
143
132
  })))
144
133
  }),
145
134
  onColorChange: color => handleColorChange({
package/dist/esm/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import { useRef } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
- import { css, jsx } from '@emotion/react';
8
+ import { jsx } from '@emotion/react';
9
9
  import { injectIntl } from 'react-intl-next';
10
10
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
11
11
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -15,20 +15,12 @@ import { highlightMessages as messages } from '@atlaskit/editor-common/messages'
15
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
+ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
18
19
  import HighlightIcon from '@atlaskit/icon/core/highlight';
19
- import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
20
- import { fg } from '@atlaskit/platform-feature-flags';
21
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
22
21
  import { setPalette } from '../editor-commands/palette';
23
- import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
24
22
  import { PaletteDropdown } from './shared/PaletteDropdown';
25
23
  import { useDropdownEvents } from './shared/useDropdownEvents';
26
- var expandIconContainerHighlightStyle = css({
27
- margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
28
- });
29
- var highlightIconContainerStyle = css({
30
- marginTop: "var(--ds-space-negative-050, -4px)"
31
- });
32
24
  var selector = function selector(states) {
33
25
  var _states$highlightStat, _states$highlightStat2, _states$highlightStat3;
34
26
  return {
@@ -109,7 +101,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
109
101
  onClick: handleClick,
110
102
  onKeyDown: handleKeyDown,
111
103
  ref: toolbarItemRef,
112
- iconBefore: fg('platform-visual-refresh-icons') ?
104
+ iconBefore:
113
105
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
114
106
  jsx("div", {
115
107
  css: triggerWrapperStylesWithPadding
@@ -129,19 +121,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
129
121
  label: "",
130
122
  color: "currentColor",
131
123
  size: "small"
132
- }))) : jsx("span", {
133
- css: highlightIconContainerStyle
134
- }, jsx(EditorHighlightIcon, {
135
- selectedColor: activeColorToken,
136
- disabled: disabled
137
- })),
138
- iconAfter: fg('platform-visual-refresh-icons') ? undefined : jsx("span", {
139
- css: expandIconContainerHighlightStyle
140
- }, jsx(ChevronDownIcon, {
141
- label: "",
142
- color: "currentColor",
143
- size: "small"
144
- }))
124
+ })))
145
125
  }, editorExperiment('platform_editor_controls', 'control') && formatMessage(messages.highlightFloatingToolbar)),
146
126
  onColorChange: function onColorChange(color) {
147
127
  return handleColorChange({
package/dist/esm/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,15 +12,13 @@ import { useSharedPluginStateWithSelector } 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 { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, 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
+ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
18
19
  import HighlightIcon from '@atlaskit/icon/core/highlight';
19
- import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
20
- import { fg } from '@atlaskit/platform-feature-flags';
21
20
  import { Flex } from '@atlaskit/primitives/compiled';
22
21
  import { setPalette } from '../editor-commands/palette';
23
- import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
24
22
  import { PaletteDropdown } from './shared/PaletteDropdown';
25
23
  import { useDropdownEvents } from './shared/useDropdownEvents';
26
24
  var selector = function selector(states) {
@@ -104,7 +102,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
104
102
  onClick: handleClick,
105
103
  onKeyDown: handleKeyDown,
106
104
  ref: toolbarItemRef,
107
- iconBefore: fg('platform-visual-refresh-icons') ?
105
+ iconBefore:
108
106
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
109
107
  jsx("div", {
110
108
  css: triggerWrapperStylesWithPadding
@@ -124,15 +122,6 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
124
122
  label: "",
125
123
  color: "currentColor",
126
124
  size: "small"
127
- }))) : jsx(Flex, null, jsx(EditorHighlightIcon, {
128
- selectedColor: activeColorToken,
129
- disabled: highlightDisabled
130
- }), jsx("span", {
131
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
132
- css: expandIconWrapperStyle
133
- }, jsx(ChevronDownIcon, {
134
- label: "",
135
- size: "small"
136
125
  })))
137
126
  }),
138
127
  onColorChange: function onColorChange(color) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-highlight",
3
- "version": "7.0.0",
3
+ "version": "7.1.0",
4
4
  "description": "Highlight plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/editor-plugin-analytics": "^7.0.0",
40
40
  "@atlaskit/editor-plugin-primary-toolbar": "^8.0.0",
41
41
  "@atlaskit/editor-plugin-selection-toolbar": "^8.0.0",
42
- "@atlaskit/editor-plugin-text-formatting": "^7.0.0",
42
+ "@atlaskit/editor-plugin-text-formatting": "^7.1.0",
43
43
  "@atlaskit/editor-plugin-toolbar": "^4.0.0",
44
44
  "@atlaskit/editor-prosemirror": "^7.2.0",
45
45
  "@atlaskit/editor-shared-styles": "^3.10.0",
@@ -56,7 +56,7 @@
56
56
  "@emotion/react": "^11.7.1"
57
57
  },
58
58
  "peerDependencies": {
59
- "@atlaskit/editor-common": "^111.0.0",
59
+ "@atlaskit/editor-common": "^111.1.0",
60
60
  "react": "^18.2.0",
61
61
  "react-intl-next": "npm:react-intl@^5.18.1"
62
62
  },