@atlaskit/editor-plugin-text-color 1.1.3 → 1.1.4
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 +115 -45
- package/dist/cjs/ui/ToolbarTextColor/index.js +7 -12
- package/dist/es2019/ui/ToolbarTextColor/index.js +7 -13
- package/dist/esm/ui/ToolbarTextColor/index.js +7 -12
- package/package.json +3 -4
- package/dist/cjs/ui/ToolbarTextColor/styles.js +0 -46
- package/dist/es2019/ui/ToolbarTextColor/styles.js +0 -48
- package/dist/esm/ui/ToolbarTextColor/styles.js +0 -40
- package/dist/types/ui/ToolbarTextColor/styles.d.ts +0 -3
- package/dist/types-ts4.5/ui/ToolbarTextColor/styles.d.ts +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,226 +1,296 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-color
|
|
2
2
|
|
|
3
|
+
## 1.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#96237](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96237)
|
|
8
|
+
[`0401e7b5a88e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0401e7b5a88e) -
|
|
9
|
+
[ED-23102] Bump ADF schema to version 35.12.2
|
|
10
|
+
- [#96613](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96613)
|
|
11
|
+
[`398961a2b0a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/398961a2b0a1) -
|
|
12
|
+
[ux] [ED-23133] Moved stepped rainbow text colour icon styles to editor-common and refactored to
|
|
13
|
+
be reusable
|
|
14
|
+
|
|
3
15
|
## 1.1.3
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
-
|
|
19
|
+
- Updated dependencies
|
|
8
20
|
|
|
9
21
|
## 1.1.2
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
-
|
|
25
|
+
- [#94901](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94901)
|
|
26
|
+
[`da964fcdc828`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/da964fcdc828) -
|
|
27
|
+
[ED-23097] Bump ADF schema to version 35.12.1
|
|
14
28
|
|
|
15
29
|
## 1.1.1
|
|
16
30
|
|
|
17
31
|
### Patch Changes
|
|
18
32
|
|
|
19
|
-
-
|
|
33
|
+
- [#93689](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93689)
|
|
34
|
+
[`5ba5d2b4a9ac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5ba5d2b4a9ac) -
|
|
35
|
+
Updating adf-schema version to 35.10.0
|
|
20
36
|
|
|
21
37
|
## 1.1.0
|
|
22
38
|
|
|
23
39
|
### Minor Changes
|
|
24
40
|
|
|
25
|
-
-
|
|
41
|
+
- [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934)
|
|
42
|
+
[`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) -
|
|
43
|
+
bumped editor-prosemirror version to 4.0.0
|
|
26
44
|
|
|
27
45
|
### Patch Changes
|
|
28
46
|
|
|
29
|
-
-
|
|
47
|
+
- Updated dependencies
|
|
30
48
|
|
|
31
49
|
## 1.0.8
|
|
32
50
|
|
|
33
51
|
### Patch Changes
|
|
34
52
|
|
|
35
|
-
-
|
|
53
|
+
- [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426)
|
|
54
|
+
[`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) -
|
|
55
|
+
Bump adf-schema to 35.9.2 to support table alignment options
|
|
36
56
|
|
|
37
57
|
## 1.0.7
|
|
38
58
|
|
|
39
59
|
### Patch Changes
|
|
40
60
|
|
|
41
|
-
-
|
|
42
|
-
-
|
|
61
|
+
- [#91106](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91106)
|
|
62
|
+
[`b6ffa30186b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6ffa30186b9) -
|
|
63
|
+
Bump ADF-schema package to version 35.0.0
|
|
64
|
+
- Updated dependencies
|
|
43
65
|
|
|
44
66
|
## 1.0.6
|
|
45
67
|
|
|
46
68
|
### Patch Changes
|
|
47
69
|
|
|
48
|
-
-
|
|
70
|
+
- [#86724](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86724)
|
|
71
|
+
[`718a9aa2424d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/718a9aa2424d) -
|
|
72
|
+
[ED-22607] Remove references to maxFrames for multi bodied extensions and bump adf-schema from
|
|
73
|
+
35.7.0 to 35.8.0
|
|
49
74
|
|
|
50
75
|
## 1.0.5
|
|
51
76
|
|
|
52
77
|
### Patch Changes
|
|
53
78
|
|
|
54
|
-
-
|
|
79
|
+
- [#81777](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81777)
|
|
80
|
+
[`c6d7a5378751`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6d7a5378751) -
|
|
81
|
+
Bump adf-schema to 35.7.0
|
|
55
82
|
|
|
56
83
|
## 1.0.4
|
|
57
84
|
|
|
58
85
|
### Patch Changes
|
|
59
86
|
|
|
60
|
-
-
|
|
61
|
-
-
|
|
87
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
88
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
89
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
90
|
+
- Updated dependencies
|
|
62
91
|
|
|
63
92
|
## 1.0.3
|
|
64
93
|
|
|
65
94
|
### Patch Changes
|
|
66
95
|
|
|
67
|
-
-
|
|
96
|
+
- [#80679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80679)
|
|
97
|
+
[`104eb9443b7e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/104eb9443b7e) -
|
|
98
|
+
ED-22553 Updating adf-schema version to 35.6.0
|
|
68
99
|
|
|
69
100
|
## 1.0.2
|
|
70
101
|
|
|
71
102
|
### Patch Changes
|
|
72
103
|
|
|
73
|
-
-
|
|
74
|
-
-
|
|
104
|
+
- [#78224](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78224)
|
|
105
|
+
[`6b4c9dd4ad34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b4c9dd4ad34) -
|
|
106
|
+
ED-22219: adf-schema updated to 35.5.2
|
|
107
|
+
- Updated dependencies
|
|
75
108
|
|
|
76
109
|
## 1.0.1
|
|
77
110
|
|
|
78
111
|
### Patch Changes
|
|
79
112
|
|
|
80
|
-
-
|
|
113
|
+
- Updated dependencies
|
|
81
114
|
|
|
82
115
|
## 1.0.0
|
|
83
116
|
|
|
84
117
|
### Major Changes
|
|
85
118
|
|
|
86
|
-
-
|
|
119
|
+
- [#72386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72386)
|
|
120
|
+
[`0c52b0be40c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c52b0be40c1) -
|
|
121
|
+
This changeset exists to bump all editor plugins that currently don't have a major version. This
|
|
122
|
+
is to address an issue with Jira plugin consumption.
|
|
87
123
|
|
|
88
124
|
### Patch Changes
|
|
89
125
|
|
|
90
|
-
-
|
|
126
|
+
- Updated dependencies
|
|
91
127
|
|
|
92
128
|
## 0.2.3
|
|
93
129
|
|
|
94
130
|
### Patch Changes
|
|
95
131
|
|
|
96
|
-
-
|
|
132
|
+
- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572)
|
|
133
|
+
[`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) -
|
|
134
|
+
Upgrading @atlaskit/editor-prosemirror dependency
|
|
97
135
|
|
|
98
136
|
## 0.2.2
|
|
99
137
|
|
|
100
138
|
### Patch Changes
|
|
101
139
|
|
|
102
|
-
-
|
|
103
|
-
-
|
|
140
|
+
- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136)
|
|
141
|
+
[`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) -
|
|
142
|
+
Move all plugin translations to editor-common
|
|
143
|
+
- Updated dependencies
|
|
104
144
|
|
|
105
145
|
## 0.2.1
|
|
106
146
|
|
|
107
147
|
### Patch Changes
|
|
108
148
|
|
|
109
|
-
-
|
|
149
|
+
- [#70152](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70152)
|
|
150
|
+
[`53ed3673df28`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/53ed3673df28) -
|
|
151
|
+
Updating adf-schema version to 35.5.1
|
|
110
152
|
|
|
111
153
|
## 0.2.0
|
|
112
154
|
|
|
113
155
|
### Minor Changes
|
|
114
156
|
|
|
115
|
-
-
|
|
157
|
+
- [#68790](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68790)
|
|
158
|
+
[`c6d8affc52d1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6d8affc52d1) -
|
|
159
|
+
Support maybeAdd plugins in usePreset. Add typing support for universal preset.
|
|
116
160
|
|
|
117
|
-
|
|
161
|
+
Now when using the editor API with the universal preset
|
|
118
162
|
|
|
119
163
|
### Patch Changes
|
|
120
164
|
|
|
121
|
-
-
|
|
165
|
+
- Updated dependencies
|
|
122
166
|
|
|
123
167
|
## 0.1.17
|
|
124
168
|
|
|
125
169
|
### Patch Changes
|
|
126
170
|
|
|
127
|
-
-
|
|
171
|
+
- Updated dependencies
|
|
128
172
|
|
|
129
173
|
## 0.1.16
|
|
130
174
|
|
|
131
175
|
### Patch Changes
|
|
132
176
|
|
|
133
|
-
-
|
|
134
|
-
-
|
|
177
|
+
- [#67557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67557)
|
|
178
|
+
[`124d0c6d5286`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/124d0c6d5286) -
|
|
179
|
+
Migrating block-type, text-color, and text-formatting to use useSharedPluginState rather than
|
|
180
|
+
WithPluginState. Removing unused option on default preset. Adding formattingIsPresent prop to
|
|
181
|
+
TextFormattingState.
|
|
182
|
+
- Updated dependencies
|
|
135
183
|
|
|
136
184
|
## 0.1.15
|
|
137
185
|
|
|
138
186
|
### Patch Changes
|
|
139
187
|
|
|
140
|
-
-
|
|
188
|
+
- [#65802](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65802)
|
|
189
|
+
[`438ead060875`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/438ead060875) -
|
|
190
|
+
Ensure all editor plugins are marked as singletons
|
|
141
191
|
|
|
142
192
|
## 0.1.14
|
|
143
193
|
|
|
144
194
|
### Patch Changes
|
|
145
195
|
|
|
146
|
-
-
|
|
147
|
-
-
|
|
196
|
+
- [#65031](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65031)
|
|
197
|
+
[`a00094111b5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a00094111b5a) -
|
|
198
|
+
ED-21609 Update adf-schema to 35.3.0
|
|
199
|
+
- Updated dependencies
|
|
148
200
|
|
|
149
201
|
## 0.1.13
|
|
150
202
|
|
|
151
203
|
### Patch Changes
|
|
152
204
|
|
|
153
|
-
-
|
|
205
|
+
- [#62165](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62165)
|
|
206
|
+
[`b44ac0968d79`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b44ac0968d79) -
|
|
207
|
+
[ED-21562] Bump @atlaskit/adf-schema to 35.2.0 for border mark update
|
|
154
208
|
|
|
155
209
|
## 0.1.12
|
|
156
210
|
|
|
157
211
|
### Patch Changes
|
|
158
212
|
|
|
159
|
-
-
|
|
213
|
+
- [#62088](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62088)
|
|
214
|
+
[`cbb82175953e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cbb82175953e) -
|
|
215
|
+
[ux] Fixes the text color popup not disappearing when clicking on the toolbar icon.
|
|
160
216
|
|
|
161
217
|
## 0.1.11
|
|
162
218
|
|
|
163
219
|
### Patch Changes
|
|
164
220
|
|
|
165
|
-
-
|
|
221
|
+
- [#60808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60808)
|
|
222
|
+
[`f509a21be124`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f509a21be124) -
|
|
223
|
+
ED-21506: @atlaskit/adf-schema upgraded to 35.1.1 to support renderer for MBE
|
|
166
224
|
|
|
167
225
|
## 0.1.10
|
|
168
226
|
|
|
169
227
|
### Patch Changes
|
|
170
228
|
|
|
171
|
-
-
|
|
229
|
+
- [#58246](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58246)
|
|
230
|
+
[`a381b2599716`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a381b2599716) -
|
|
231
|
+
ED-21371 Update adf-schema to 35.1.0
|
|
172
232
|
|
|
173
233
|
## 0.1.9
|
|
174
234
|
|
|
175
235
|
### Patch Changes
|
|
176
236
|
|
|
177
|
-
-
|
|
237
|
+
- Updated dependencies
|
|
178
238
|
|
|
179
239
|
## 0.1.8
|
|
180
240
|
|
|
181
241
|
### Patch Changes
|
|
182
242
|
|
|
183
|
-
-
|
|
243
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147)
|
|
244
|
+
[`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) -
|
|
245
|
+
Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
184
246
|
|
|
185
247
|
## 0.1.7
|
|
186
248
|
|
|
187
249
|
### Patch Changes
|
|
188
250
|
|
|
189
|
-
-
|
|
251
|
+
- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763)
|
|
252
|
+
[`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) -
|
|
253
|
+
update ADF schema
|
|
190
254
|
|
|
191
255
|
## 0.1.6
|
|
192
256
|
|
|
193
257
|
### Patch Changes
|
|
194
258
|
|
|
195
|
-
-
|
|
259
|
+
- [#56790](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56790)
|
|
260
|
+
[`ff577a7969d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff577a7969d4) -
|
|
261
|
+
ED-21266: Updated @atlaskit/adf-schema to 34.0.1
|
|
196
262
|
|
|
197
263
|
## 0.1.5
|
|
198
264
|
|
|
199
265
|
### Patch Changes
|
|
200
266
|
|
|
201
|
-
-
|
|
267
|
+
- [#43417](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43417)
|
|
268
|
+
[`3f3c17f0273`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f3c17f0273) -
|
|
269
|
+
ED-20971 Upgrade adf-schema package to ^34.0.0
|
|
202
270
|
|
|
203
271
|
## 0.1.4
|
|
204
272
|
|
|
205
273
|
### Patch Changes
|
|
206
274
|
|
|
207
|
-
-
|
|
275
|
+
- Updated dependencies
|
|
208
276
|
|
|
209
277
|
## 0.1.3
|
|
210
278
|
|
|
211
279
|
### Patch Changes
|
|
212
280
|
|
|
213
|
-
-
|
|
214
|
-
-
|
|
281
|
+
- [#43379](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43379)
|
|
282
|
+
[`482c025520d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/482c025520d) -
|
|
283
|
+
ED-20763 Upgrade ADF schema version to 33.2.3 for MBE nodes.
|
|
284
|
+
- Updated dependencies
|
|
215
285
|
|
|
216
286
|
## 0.1.2
|
|
217
287
|
|
|
218
288
|
### Patch Changes
|
|
219
289
|
|
|
220
|
-
-
|
|
290
|
+
- Updated dependencies
|
|
221
291
|
|
|
222
292
|
## 0.1.1
|
|
223
293
|
|
|
224
294
|
### Patch Changes
|
|
225
295
|
|
|
226
|
-
-
|
|
296
|
+
- Updated dependencies
|
|
@@ -16,6 +16,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
var _react2 = require("@emotion/react");
|
|
17
17
|
var _reactIntlNext = require("react-intl-next");
|
|
18
18
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
19
|
+
var _icons = require("@atlaskit/editor-common/icons");
|
|
19
20
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
20
21
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
21
22
|
var _uiColor = require("@atlaskit/editor-common/ui-color");
|
|
@@ -25,7 +26,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
25
26
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
26
27
|
var _changeColor = require("../../commands/change-color");
|
|
27
28
|
var _icon = require("./icon");
|
|
28
|
-
var _styles2 = require("./styles");
|
|
29
29
|
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; }
|
|
30
30
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31
31
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
@@ -199,16 +199,11 @@ var ToolbarTextColor = exports.ToolbarTextColor = /*#__PURE__*/function (_React$
|
|
|
199
199
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
200
200
|
(0, _react2.jsx)("div", {
|
|
201
201
|
css: _styles.triggerWrapperStyles
|
|
202
|
-
}, (0, _react2.jsx)(
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
_styles2.textColorIconBar, selectedColor ? // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
208
|
-
"background: ".concat(selectedColor, ";") :
|
|
209
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
210
|
-
pluginState.disabled && _styles2.backgroundDisabled]
|
|
211
|
-
})), (0, _react2.jsx)("span", {
|
|
202
|
+
}, (0, _react2.jsx)(_icons.SteppedRainbowIconDecoration, {
|
|
203
|
+
selectedColor: selectedColor,
|
|
204
|
+
disabled: pluginState.disabled,
|
|
205
|
+
icon: (0, _react2.jsx)(_icon.EditorTextColorIcon, null)
|
|
206
|
+
}), (0, _react2.jsx)("span", {
|
|
212
207
|
css: _styles.expandIconWrapperStyle
|
|
213
208
|
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
214
209
|
label: ""
|
|
@@ -235,7 +230,7 @@ var ToolbarTextColor = exports.ToolbarTextColor = /*#__PURE__*/function (_React$
|
|
|
235
230
|
}, {
|
|
236
231
|
key: "getSelectedColor",
|
|
237
232
|
value: function getSelectedColor(pluginState) {
|
|
238
|
-
var selectedColor = pluginState.color !== pluginState.defaultColor
|
|
233
|
+
var selectedColor = pluginState.color !== pluginState.defaultColor ? pluginState.color ? (0, _editorPalette.hexToEditorTextPaletteColor)(pluginState.color) : pluginState.color : null;
|
|
239
234
|
return selectedColor;
|
|
240
235
|
}
|
|
241
236
|
}, {
|
|
@@ -4,6 +4,7 @@ import React from 'react';
|
|
|
4
4
|
import { jsx } from '@emotion/react';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
6
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
7
|
+
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons';
|
|
7
8
|
import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
|
|
8
9
|
import { expandIconWrapperStyle, separatorStyles, triggerWrapperStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
|
|
9
10
|
import { ColorPalette, getSelectedRowAndColumnFromPalette, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
|
|
@@ -13,7 +14,6 @@ import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
|
13
14
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
14
15
|
import { changeColor as changeColorWithAnalytics } from '../../commands/change-color';
|
|
15
16
|
import { EditorTextColorIcon } from './icon';
|
|
16
|
-
import { backgroundDisabled, textColorIconBar, textColorIconWrapper } from './styles';
|
|
17
17
|
const EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
|
|
18
18
|
const EXPERIMENT_GROUP_CONTROL = 'control';
|
|
19
19
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -180,17 +180,11 @@ export class ToolbarTextColor extends React.Component {
|
|
|
180
180
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
181
181
|
jsx("div", {
|
|
182
182
|
css: triggerWrapperStyles
|
|
183
|
-
}, jsx(
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
textColorIconBar, selectedColor ?
|
|
189
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
190
|
-
`background: ${selectedColor};` :
|
|
191
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
192
|
-
pluginState.disabled && backgroundDisabled]
|
|
193
|
-
})), jsx("span", {
|
|
183
|
+
}, jsx(SteppedRainbowIconDecoration, {
|
|
184
|
+
selectedColor: selectedColor,
|
|
185
|
+
disabled: pluginState.disabled,
|
|
186
|
+
icon: jsx(EditorTextColorIcon, null)
|
|
187
|
+
}), jsx("span", {
|
|
194
188
|
css: expandIconWrapperStyle
|
|
195
189
|
}, jsx(ExpandIcon, {
|
|
196
190
|
label: ""
|
|
@@ -215,7 +209,7 @@ export class ToolbarTextColor extends React.Component {
|
|
|
215
209
|
);
|
|
216
210
|
}
|
|
217
211
|
getSelectedColor(pluginState) {
|
|
218
|
-
const selectedColor = pluginState.color !== pluginState.defaultColor
|
|
212
|
+
const selectedColor = pluginState.color !== pluginState.defaultColor ? pluginState.color ? hexToEditorTextPaletteColor(pluginState.color) : pluginState.color : null;
|
|
219
213
|
return selectedColor;
|
|
220
214
|
}
|
|
221
215
|
getCommonAnalyticsAttributes() {
|
|
@@ -14,6 +14,7 @@ import React from 'react';
|
|
|
14
14
|
import { jsx } from '@emotion/react';
|
|
15
15
|
import { injectIntl } from 'react-intl-next';
|
|
16
16
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
17
|
+
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons';
|
|
17
18
|
import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
|
|
18
19
|
import { expandIconWrapperStyle, separatorStyles, triggerWrapperStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
|
|
19
20
|
import { ColorPalette, getSelectedRowAndColumnFromPalette, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
|
|
@@ -23,7 +24,6 @@ import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
|
23
24
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
24
25
|
import { changeColor as changeColorWithAnalytics } from '../../commands/change-color';
|
|
25
26
|
import { EditorTextColorIcon } from './icon';
|
|
26
|
-
import { backgroundDisabled, textColorIconBar, textColorIconWrapper } from './styles';
|
|
27
27
|
var EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
|
|
28
28
|
var EXPERIMENT_GROUP_CONTROL = 'control';
|
|
29
29
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -193,16 +193,11 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
|
|
|
193
193
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
194
194
|
jsx("div", {
|
|
195
195
|
css: triggerWrapperStyles
|
|
196
|
-
}, jsx(
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
textColorIconBar, selectedColor ? // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
202
|
-
"background: ".concat(selectedColor, ";") :
|
|
203
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
204
|
-
pluginState.disabled && backgroundDisabled]
|
|
205
|
-
})), jsx("span", {
|
|
196
|
+
}, jsx(SteppedRainbowIconDecoration, {
|
|
197
|
+
selectedColor: selectedColor,
|
|
198
|
+
disabled: pluginState.disabled,
|
|
199
|
+
icon: jsx(EditorTextColorIcon, null)
|
|
200
|
+
}), jsx("span", {
|
|
206
201
|
css: expandIconWrapperStyle
|
|
207
202
|
}, jsx(ExpandIcon, {
|
|
208
203
|
label: ""
|
|
@@ -229,7 +224,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
|
|
|
229
224
|
}, {
|
|
230
225
|
key: "getSelectedColor",
|
|
231
226
|
value: function getSelectedColor(pluginState) {
|
|
232
|
-
var selectedColor = pluginState.color !== pluginState.defaultColor
|
|
227
|
+
var selectedColor = pluginState.color !== pluginState.defaultColor ? pluginState.color ? hexToEditorTextPaletteColor(pluginState.color) : pluginState.color : null;
|
|
233
228
|
return selectedColor;
|
|
234
229
|
}
|
|
235
230
|
}, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-text-color",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"description": "Text color plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
".": "./src/index.ts"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@atlaskit/adf-schema": "^35.12.
|
|
37
|
-
"@atlaskit/editor-common": "^78.
|
|
36
|
+
"@atlaskit/adf-schema": "^35.12.2",
|
|
37
|
+
"@atlaskit/editor-common": "^78.37.0",
|
|
38
38
|
"@atlaskit/editor-palette": "1.6.0",
|
|
39
39
|
"@atlaskit/editor-plugin-analytics": "^1.1.0",
|
|
40
40
|
"@atlaskit/editor-prosemirror": "4.0.0",
|
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
"@atlaskit/editor-tables": "^2.7.0",
|
|
43
43
|
"@atlaskit/icon": "^22.1.0",
|
|
44
44
|
"@atlaskit/theme": "^12.7.0",
|
|
45
|
-
"@atlaskit/tokens": "^1.44.0",
|
|
46
45
|
"@babel/runtime": "^7.0.0",
|
|
47
46
|
"@emotion/react": "^11.7.1"
|
|
48
47
|
},
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.textColorIconWrapper = exports.textColorIconBar = exports.backgroundDisabled = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
9
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
10
|
-
var createSteppedRainbow = function createSteppedRainbow(colors) {
|
|
11
|
-
return "\n linear-gradient(\n to right,\n ".concat(colors.map(function (color, i) {
|
|
12
|
-
var inc = 100 / colors.length;
|
|
13
|
-
var pos = i + 1;
|
|
14
|
-
if (i === 0) {
|
|
15
|
-
return "".concat(color, " ").concat(pos * inc, "%,");
|
|
16
|
-
}
|
|
17
|
-
if (i === colors.length - 1) {
|
|
18
|
-
return "".concat(color, " ").concat((pos - 1) * inc, "%");
|
|
19
|
-
}
|
|
20
|
-
return "\n ".concat(color, " ").concat((pos - 1) * inc, "%,\n ").concat(color, " ").concat(pos * inc, "%,\n ");
|
|
21
|
-
}).join('\n'), "\n );\n ");
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
// TODO: https://product-fabric.atlassian.net/browse/DSP-4137
|
|
25
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
26
|
-
var rainbow = createSteppedRainbow([_colors.P300, _colors.T300, _colors.Y400, _colors.R400]);
|
|
27
|
-
var disabledRainbow = createSteppedRainbow([_colors.N80, _colors.N60, _colors.N40, _colors.N60]);
|
|
28
|
-
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
29
|
-
|
|
30
|
-
var textColorIconWrapper = exports.textColorIconWrapper = (0, _react.css)({
|
|
31
|
-
position: 'relative'
|
|
32
|
-
});
|
|
33
|
-
var textColorIconBar = exports.textColorIconBar = (0, _react.css)({
|
|
34
|
-
position: 'absolute',
|
|
35
|
-
left: 0,
|
|
36
|
-
right: 0,
|
|
37
|
-
top: "var(--ds-space-200, 16px)",
|
|
38
|
-
margin: 'auto',
|
|
39
|
-
width: '12px',
|
|
40
|
-
height: '3px',
|
|
41
|
-
borderRadius: (0, _constants.borderRadius)() + 'px',
|
|
42
|
-
background: rainbow
|
|
43
|
-
});
|
|
44
|
-
var backgroundDisabled = exports.backgroundDisabled = (0, _react.css)({
|
|
45
|
-
background: disabledRainbow
|
|
46
|
-
});
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { css } from '@emotion/react';
|
|
2
|
-
import { N40, N60, N80, P300, R400, T300, Y400 } from '@atlaskit/theme/colors';
|
|
3
|
-
import { borderRadius } from '@atlaskit/theme/constants';
|
|
4
|
-
const createSteppedRainbow = colors => {
|
|
5
|
-
return `
|
|
6
|
-
linear-gradient(
|
|
7
|
-
to right,
|
|
8
|
-
${colors.map((color, i) => {
|
|
9
|
-
const inc = 100 / colors.length;
|
|
10
|
-
const pos = i + 1;
|
|
11
|
-
if (i === 0) {
|
|
12
|
-
return `${color} ${pos * inc}%,`;
|
|
13
|
-
}
|
|
14
|
-
if (i === colors.length - 1) {
|
|
15
|
-
return `${color} ${(pos - 1) * inc}%`;
|
|
16
|
-
}
|
|
17
|
-
return `
|
|
18
|
-
${color} ${(pos - 1) * inc}%,
|
|
19
|
-
${color} ${pos * inc}%,
|
|
20
|
-
`;
|
|
21
|
-
}).join('\n')}
|
|
22
|
-
);
|
|
23
|
-
`;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
// TODO: https://product-fabric.atlassian.net/browse/DSP-4137
|
|
27
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
28
|
-
const rainbow = createSteppedRainbow([P300, T300, Y400, R400]);
|
|
29
|
-
const disabledRainbow = createSteppedRainbow([N80, N60, N40, N60]);
|
|
30
|
-
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
31
|
-
|
|
32
|
-
export const textColorIconWrapper = css({
|
|
33
|
-
position: 'relative'
|
|
34
|
-
});
|
|
35
|
-
export const textColorIconBar = css({
|
|
36
|
-
position: 'absolute',
|
|
37
|
-
left: 0,
|
|
38
|
-
right: 0,
|
|
39
|
-
top: "var(--ds-space-200, 16px)",
|
|
40
|
-
margin: 'auto',
|
|
41
|
-
width: '12px',
|
|
42
|
-
height: '3px',
|
|
43
|
-
borderRadius: borderRadius() + 'px',
|
|
44
|
-
background: rainbow
|
|
45
|
-
});
|
|
46
|
-
export const backgroundDisabled = css({
|
|
47
|
-
background: disabledRainbow
|
|
48
|
-
});
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { css } from '@emotion/react';
|
|
2
|
-
import { N40, N60, N80, P300, R400, T300, Y400 } from '@atlaskit/theme/colors';
|
|
3
|
-
import { borderRadius } from '@atlaskit/theme/constants';
|
|
4
|
-
var createSteppedRainbow = function createSteppedRainbow(colors) {
|
|
5
|
-
return "\n linear-gradient(\n to right,\n ".concat(colors.map(function (color, i) {
|
|
6
|
-
var inc = 100 / colors.length;
|
|
7
|
-
var pos = i + 1;
|
|
8
|
-
if (i === 0) {
|
|
9
|
-
return "".concat(color, " ").concat(pos * inc, "%,");
|
|
10
|
-
}
|
|
11
|
-
if (i === colors.length - 1) {
|
|
12
|
-
return "".concat(color, " ").concat((pos - 1) * inc, "%");
|
|
13
|
-
}
|
|
14
|
-
return "\n ".concat(color, " ").concat((pos - 1) * inc, "%,\n ").concat(color, " ").concat(pos * inc, "%,\n ");
|
|
15
|
-
}).join('\n'), "\n );\n ");
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
// TODO: https://product-fabric.atlassian.net/browse/DSP-4137
|
|
19
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
20
|
-
var rainbow = createSteppedRainbow([P300, T300, Y400, R400]);
|
|
21
|
-
var disabledRainbow = createSteppedRainbow([N80, N60, N40, N60]);
|
|
22
|
-
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
23
|
-
|
|
24
|
-
export var textColorIconWrapper = css({
|
|
25
|
-
position: 'relative'
|
|
26
|
-
});
|
|
27
|
-
export var textColorIconBar = css({
|
|
28
|
-
position: 'absolute',
|
|
29
|
-
left: 0,
|
|
30
|
-
right: 0,
|
|
31
|
-
top: "var(--ds-space-200, 16px)",
|
|
32
|
-
margin: 'auto',
|
|
33
|
-
width: '12px',
|
|
34
|
-
height: '3px',
|
|
35
|
-
borderRadius: borderRadius() + 'px',
|
|
36
|
-
background: rainbow
|
|
37
|
-
});
|
|
38
|
-
export var backgroundDisabled = css({
|
|
39
|
-
background: disabledRainbow
|
|
40
|
-
});
|