@atlaskit/editor-plugin-highlight 27.0.5 → 28.0.1
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/HighlightColorMenuItem.js +6 -4
- package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +2 -2
- package/dist/cjs/ui/shared/EditorHighlightIcon.js +2 -2
- package/dist/es2019/ui/HighlightColorMenuItem.js +3 -1
- package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +1 -1
- package/dist/es2019/ui/shared/EditorHighlightIcon.js +1 -1
- package/dist/esm/ui/HighlightColorMenuItem.js +3 -1
- package/dist/esm/ui/PrimaryToolbarHighlightColor.js +1 -1
- package/dist/esm/ui/shared/EditorHighlightIcon.js +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -27,7 +27,9 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
|
27
27
|
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
28
28
|
var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
|
|
29
29
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
30
|
-
var
|
|
30
|
+
var _bleed = require("@atlaskit/primitives/compiled/bleed");
|
|
31
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
32
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
31
33
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
32
34
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
33
35
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -54,7 +56,7 @@ var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
|
|
|
54
56
|
return isSelected ? /*#__PURE__*/React.createElement(_checkMark.default, {
|
|
55
57
|
color: "var(--ds-icon, #292A2E)",
|
|
56
58
|
label: label
|
|
57
|
-
}) : /*#__PURE__*/React.createElement(
|
|
59
|
+
}) : /*#__PURE__*/React.createElement(_box.Box, {
|
|
58
60
|
as: "span",
|
|
59
61
|
xcss: styles.icon
|
|
60
62
|
}, /*#__PURE__*/React.createElement(_textStyle.default, {
|
|
@@ -157,7 +159,7 @@ function HighlightColorMenuItem(_ref3) {
|
|
|
157
159
|
hexToPaletteColor: _textBackgroundColor.hexToEditorTextBackgroundPaletteColor
|
|
158
160
|
}
|
|
159
161
|
});
|
|
160
|
-
return /*#__PURE__*/React.createElement(
|
|
162
|
+
return /*#__PURE__*/React.createElement(_stack.Stack, {
|
|
161
163
|
xcss: (0, _css.cx)(styles.container, isNewColorPaletteEnabled && styles.containerPatch),
|
|
162
164
|
testId: "highlight-color-menu-item"
|
|
163
165
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
@@ -166,7 +168,7 @@ function HighlightColorMenuItem(_ref3) {
|
|
|
166
168
|
// The label names the palette's radio group; a heading inside a menu is skipped and has no stable level here
|
|
167
169
|
,
|
|
168
170
|
as: (0, _fg.fg)('platform_editor_a11y_color_palette_radiogroup') ? 'div' : undefined
|
|
169
|
-
}, formatMessage(_highlight.highlightMessages.highlight)), isNewColorPaletteEnabled ? /*#__PURE__*/React.createElement(
|
|
171
|
+
}, formatMessage(_highlight.highlightMessages.highlight)), isNewColorPaletteEnabled ? /*#__PURE__*/React.createElement(_bleed.Bleed, {
|
|
170
172
|
inline: "space.025"
|
|
171
173
|
}, colorPaletteElement) : colorPaletteElement);
|
|
172
174
|
}
|
|
@@ -20,7 +20,7 @@ var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useShar
|
|
|
20
20
|
var _textBackgroundColor = require("@atlaskit/editor-palette/text-background-color");
|
|
21
21
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
22
22
|
var _highlight2 = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
|
|
23
|
-
var
|
|
23
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
24
24
|
var _palette = require("../editor-commands/palette");
|
|
25
25
|
var _PaletteDropdown = require("./shared/PaletteDropdown");
|
|
26
26
|
var _useDropdownEvents2 = require("./shared/useDropdownEvents");
|
|
@@ -88,7 +88,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
|
|
|
88
88
|
// Get the design token for the active color (if it exists) to modify the toolbar
|
|
89
89
|
// icon, but show the nice rainbow if none is selected
|
|
90
90
|
var activeColorToken = activeColor === null ? null : (0, _textBackgroundColor.hexToEditorTextBackgroundPaletteColor)(activeColor);
|
|
91
|
-
return (0, _react2.jsx)(
|
|
91
|
+
return (0, _react2.jsx)(_flex.Flex, {
|
|
92
92
|
alignItems: "center"
|
|
93
93
|
}, (0, _react2.jsx)(_PaletteDropdown.PaletteDropdown, {
|
|
94
94
|
popupsMountPoint: popupsMountPoint,
|
|
@@ -8,11 +8,11 @@ exports.EditorHighlightIcon = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _SteppedRainbowIconDecoration = require("@atlaskit/editor-common/icons/SteppedRainbowIconDecoration");
|
|
10
10
|
var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
|
|
11
|
-
var
|
|
11
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
12
12
|
var EditorHighlightIcon = exports.EditorHighlightIcon = function EditorHighlightIcon(_ref) {
|
|
13
13
|
var disabled = _ref.disabled,
|
|
14
14
|
selectedColor = _ref.selectedColor;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
16
16
|
paddingInline: "space.050"
|
|
17
17
|
}, /*#__PURE__*/_react.default.createElement(_SteppedRainbowIconDecoration.SteppedRainbowIconDecoration, {
|
|
18
18
|
selectedColor: selectedColor,
|
|
@@ -18,7 +18,9 @@ import Heading from '@atlaskit/heading/heading';
|
|
|
18
18
|
import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
|
|
19
19
|
import Icon from '@atlaskit/icon/core/text-style';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
21
|
-
import { Bleed
|
|
21
|
+
import { Bleed } from '@atlaskit/primitives/compiled/bleed';
|
|
22
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
23
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
22
24
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
23
25
|
const HIGHLIGHT_COLOR_PICKER_COLUMNS = 10;
|
|
24
26
|
const styles = {
|
|
@@ -18,7 +18,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSha
|
|
|
18
18
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
|
|
19
19
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
20
20
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
21
|
-
import { Flex } from '@atlaskit/primitives/compiled';
|
|
21
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
22
22
|
import { setPalette } from '../editor-commands/palette';
|
|
23
23
|
import { PaletteDropdown } from './shared/PaletteDropdown';
|
|
24
24
|
import { useDropdownEvents } from './shared/useDropdownEvents';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons/SteppedRainbowIconDecoration';
|
|
3
3
|
import EditFilledIcon from '@atlaskit/icon/core/edit';
|
|
4
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
5
5
|
export const EditorHighlightIcon = ({
|
|
6
6
|
disabled,
|
|
7
7
|
selectedColor
|
|
@@ -21,7 +21,9 @@ import Heading from '@atlaskit/heading/heading';
|
|
|
21
21
|
import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
|
|
22
22
|
import Icon from '@atlaskit/icon/core/text-style';
|
|
23
23
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
24
|
-
import { Bleed
|
|
24
|
+
import { Bleed } from '@atlaskit/primitives/compiled/bleed';
|
|
25
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
26
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
25
27
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
26
28
|
var HIGHLIGHT_COLOR_PICKER_COLUMNS = 10;
|
|
27
29
|
var styles = {
|
|
@@ -18,7 +18,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSha
|
|
|
18
18
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
|
|
19
19
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
20
20
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
21
|
-
import { Flex } from '@atlaskit/primitives/compiled';
|
|
21
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
22
22
|
import { setPalette } from '../editor-commands/palette';
|
|
23
23
|
import { PaletteDropdown } from './shared/PaletteDropdown';
|
|
24
24
|
import { useDropdownEvents } from './shared/useDropdownEvents';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons/SteppedRainbowIconDecoration';
|
|
3
3
|
import EditFilledIcon from '@atlaskit/icon/core/edit';
|
|
4
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
5
5
|
export var EditorHighlightIcon = function EditorHighlightIcon(_ref) {
|
|
6
6
|
var disabled = _ref.disabled,
|
|
7
7
|
selectedColor = _ref.selectedColor;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-highlight",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "28.0.1",
|
|
4
4
|
"description": "Highlight plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"@atlaskit/adf-schema": "^57.7.0",
|
|
31
31
|
"@atlaskit/css": "^1.1.0",
|
|
32
32
|
"@atlaskit/editor-palette": "^3.5.0",
|
|
33
|
-
"@atlaskit/editor-plugin-analytics": "^
|
|
34
|
-
"@atlaskit/editor-plugin-primary-toolbar": "^
|
|
35
|
-
"@atlaskit/editor-plugin-selection-toolbar": "^
|
|
36
|
-
"@atlaskit/editor-plugin-text-formatting": "^
|
|
37
|
-
"@atlaskit/editor-plugin-toolbar": "^
|
|
33
|
+
"@atlaskit/editor-plugin-analytics": "^28.0.0",
|
|
34
|
+
"@atlaskit/editor-plugin-primary-toolbar": "^29.0.0",
|
|
35
|
+
"@atlaskit/editor-plugin-selection-toolbar": "^29.0.0",
|
|
36
|
+
"@atlaskit/editor-plugin-text-formatting": "^28.0.0",
|
|
37
|
+
"@atlaskit/editor-plugin-toolbar": "^25.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "^9.0.0",
|
|
39
|
-
"@atlaskit/editor-shared-styles": "^4.
|
|
39
|
+
"@atlaskit/editor-shared-styles": "^4.5.0",
|
|
40
40
|
"@atlaskit/editor-tables": "^3.2.0",
|
|
41
41
|
"@atlaskit/editor-toolbar": "^2.8.0",
|
|
42
42
|
"@atlaskit/editor-toolbar-model": "^1.2.0",
|
|
@@ -44,14 +44,14 @@
|
|
|
44
44
|
"@atlaskit/icon": "^38.0.0",
|
|
45
45
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
47
|
-
"@atlaskit/primitives": "^22.
|
|
48
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
47
|
+
"@atlaskit/primitives": "^22.6.0",
|
|
48
|
+
"@atlaskit/tmp-editor-statsig": "^241.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^20.6.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@emotion/react": "^11.7.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
|
-
"@atlaskit/editor-common": "^
|
|
54
|
+
"@atlaskit/editor-common": "^132.0.0",
|
|
55
55
|
"react": "^18.2.0 || ^19.2.0",
|
|
56
56
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
57
57
|
},
|