@atlaskit/editor-plugin-text-color 1.1.3 → 1.1.5
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 +121 -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,302 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-color
|
|
2
2
|
|
|
3
|
+
## 1.1.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.1.4
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#96237](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96237)
|
|
14
|
+
[`0401e7b5a88e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0401e7b5a88e) -
|
|
15
|
+
[ED-23102] Bump ADF schema to version 35.12.2
|
|
16
|
+
- [#96613](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96613)
|
|
17
|
+
[`398961a2b0a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/398961a2b0a1) -
|
|
18
|
+
[ux] [ED-23133] Moved stepped rainbow text colour icon styles to editor-common and refactored to
|
|
19
|
+
be reusable
|
|
20
|
+
|
|
3
21
|
## 1.1.3
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
6
24
|
|
|
7
|
-
-
|
|
25
|
+
- Updated dependencies
|
|
8
26
|
|
|
9
27
|
## 1.1.2
|
|
10
28
|
|
|
11
29
|
### Patch Changes
|
|
12
30
|
|
|
13
|
-
-
|
|
31
|
+
- [#94901](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94901)
|
|
32
|
+
[`da964fcdc828`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/da964fcdc828) -
|
|
33
|
+
[ED-23097] Bump ADF schema to version 35.12.1
|
|
14
34
|
|
|
15
35
|
## 1.1.1
|
|
16
36
|
|
|
17
37
|
### Patch Changes
|
|
18
38
|
|
|
19
|
-
-
|
|
39
|
+
- [#93689](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93689)
|
|
40
|
+
[`5ba5d2b4a9ac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5ba5d2b4a9ac) -
|
|
41
|
+
Updating adf-schema version to 35.10.0
|
|
20
42
|
|
|
21
43
|
## 1.1.0
|
|
22
44
|
|
|
23
45
|
### Minor Changes
|
|
24
46
|
|
|
25
|
-
-
|
|
47
|
+
- [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934)
|
|
48
|
+
[`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) -
|
|
49
|
+
bumped editor-prosemirror version to 4.0.0
|
|
26
50
|
|
|
27
51
|
### Patch Changes
|
|
28
52
|
|
|
29
|
-
-
|
|
53
|
+
- Updated dependencies
|
|
30
54
|
|
|
31
55
|
## 1.0.8
|
|
32
56
|
|
|
33
57
|
### Patch Changes
|
|
34
58
|
|
|
35
|
-
-
|
|
59
|
+
- [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426)
|
|
60
|
+
[`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) -
|
|
61
|
+
Bump adf-schema to 35.9.2 to support table alignment options
|
|
36
62
|
|
|
37
63
|
## 1.0.7
|
|
38
64
|
|
|
39
65
|
### Patch Changes
|
|
40
66
|
|
|
41
|
-
-
|
|
42
|
-
-
|
|
67
|
+
- [#91106](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91106)
|
|
68
|
+
[`b6ffa30186b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6ffa30186b9) -
|
|
69
|
+
Bump ADF-schema package to version 35.0.0
|
|
70
|
+
- Updated dependencies
|
|
43
71
|
|
|
44
72
|
## 1.0.6
|
|
45
73
|
|
|
46
74
|
### Patch Changes
|
|
47
75
|
|
|
48
|
-
-
|
|
76
|
+
- [#86724](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86724)
|
|
77
|
+
[`718a9aa2424d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/718a9aa2424d) -
|
|
78
|
+
[ED-22607] Remove references to maxFrames for multi bodied extensions and bump adf-schema from
|
|
79
|
+
35.7.0 to 35.8.0
|
|
49
80
|
|
|
50
81
|
## 1.0.5
|
|
51
82
|
|
|
52
83
|
### Patch Changes
|
|
53
84
|
|
|
54
|
-
-
|
|
85
|
+
- [#81777](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81777)
|
|
86
|
+
[`c6d7a5378751`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6d7a5378751) -
|
|
87
|
+
Bump adf-schema to 35.7.0
|
|
55
88
|
|
|
56
89
|
## 1.0.4
|
|
57
90
|
|
|
58
91
|
### Patch Changes
|
|
59
92
|
|
|
60
|
-
-
|
|
61
|
-
-
|
|
93
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
94
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
95
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
96
|
+
- Updated dependencies
|
|
62
97
|
|
|
63
98
|
## 1.0.3
|
|
64
99
|
|
|
65
100
|
### Patch Changes
|
|
66
101
|
|
|
67
|
-
-
|
|
102
|
+
- [#80679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80679)
|
|
103
|
+
[`104eb9443b7e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/104eb9443b7e) -
|
|
104
|
+
ED-22553 Updating adf-schema version to 35.6.0
|
|
68
105
|
|
|
69
106
|
## 1.0.2
|
|
70
107
|
|
|
71
108
|
### Patch Changes
|
|
72
109
|
|
|
73
|
-
-
|
|
74
|
-
-
|
|
110
|
+
- [#78224](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78224)
|
|
111
|
+
[`6b4c9dd4ad34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b4c9dd4ad34) -
|
|
112
|
+
ED-22219: adf-schema updated to 35.5.2
|
|
113
|
+
- Updated dependencies
|
|
75
114
|
|
|
76
115
|
## 1.0.1
|
|
77
116
|
|
|
78
117
|
### Patch Changes
|
|
79
118
|
|
|
80
|
-
-
|
|
119
|
+
- Updated dependencies
|
|
81
120
|
|
|
82
121
|
## 1.0.0
|
|
83
122
|
|
|
84
123
|
### Major Changes
|
|
85
124
|
|
|
86
|
-
-
|
|
125
|
+
- [#72386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72386)
|
|
126
|
+
[`0c52b0be40c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c52b0be40c1) -
|
|
127
|
+
This changeset exists to bump all editor plugins that currently don't have a major version. This
|
|
128
|
+
is to address an issue with Jira plugin consumption.
|
|
87
129
|
|
|
88
130
|
### Patch Changes
|
|
89
131
|
|
|
90
|
-
-
|
|
132
|
+
- Updated dependencies
|
|
91
133
|
|
|
92
134
|
## 0.2.3
|
|
93
135
|
|
|
94
136
|
### Patch Changes
|
|
95
137
|
|
|
96
|
-
-
|
|
138
|
+
- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572)
|
|
139
|
+
[`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) -
|
|
140
|
+
Upgrading @atlaskit/editor-prosemirror dependency
|
|
97
141
|
|
|
98
142
|
## 0.2.2
|
|
99
143
|
|
|
100
144
|
### Patch Changes
|
|
101
145
|
|
|
102
|
-
-
|
|
103
|
-
-
|
|
146
|
+
- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136)
|
|
147
|
+
[`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) -
|
|
148
|
+
Move all plugin translations to editor-common
|
|
149
|
+
- Updated dependencies
|
|
104
150
|
|
|
105
151
|
## 0.2.1
|
|
106
152
|
|
|
107
153
|
### Patch Changes
|
|
108
154
|
|
|
109
|
-
-
|
|
155
|
+
- [#70152](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70152)
|
|
156
|
+
[`53ed3673df28`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/53ed3673df28) -
|
|
157
|
+
Updating adf-schema version to 35.5.1
|
|
110
158
|
|
|
111
159
|
## 0.2.0
|
|
112
160
|
|
|
113
161
|
### Minor Changes
|
|
114
162
|
|
|
115
|
-
-
|
|
163
|
+
- [#68790](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68790)
|
|
164
|
+
[`c6d8affc52d1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6d8affc52d1) -
|
|
165
|
+
Support maybeAdd plugins in usePreset. Add typing support for universal preset.
|
|
116
166
|
|
|
117
|
-
|
|
167
|
+
Now when using the editor API with the universal preset
|
|
118
168
|
|
|
119
169
|
### Patch Changes
|
|
120
170
|
|
|
121
|
-
-
|
|
171
|
+
- Updated dependencies
|
|
122
172
|
|
|
123
173
|
## 0.1.17
|
|
124
174
|
|
|
125
175
|
### Patch Changes
|
|
126
176
|
|
|
127
|
-
-
|
|
177
|
+
- Updated dependencies
|
|
128
178
|
|
|
129
179
|
## 0.1.16
|
|
130
180
|
|
|
131
181
|
### Patch Changes
|
|
132
182
|
|
|
133
|
-
-
|
|
134
|
-
-
|
|
183
|
+
- [#67557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67557)
|
|
184
|
+
[`124d0c6d5286`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/124d0c6d5286) -
|
|
185
|
+
Migrating block-type, text-color, and text-formatting to use useSharedPluginState rather than
|
|
186
|
+
WithPluginState. Removing unused option on default preset. Adding formattingIsPresent prop to
|
|
187
|
+
TextFormattingState.
|
|
188
|
+
- Updated dependencies
|
|
135
189
|
|
|
136
190
|
## 0.1.15
|
|
137
191
|
|
|
138
192
|
### Patch Changes
|
|
139
193
|
|
|
140
|
-
-
|
|
194
|
+
- [#65802](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65802)
|
|
195
|
+
[`438ead060875`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/438ead060875) -
|
|
196
|
+
Ensure all editor plugins are marked as singletons
|
|
141
197
|
|
|
142
198
|
## 0.1.14
|
|
143
199
|
|
|
144
200
|
### Patch Changes
|
|
145
201
|
|
|
146
|
-
-
|
|
147
|
-
-
|
|
202
|
+
- [#65031](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65031)
|
|
203
|
+
[`a00094111b5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a00094111b5a) -
|
|
204
|
+
ED-21609 Update adf-schema to 35.3.0
|
|
205
|
+
- Updated dependencies
|
|
148
206
|
|
|
149
207
|
## 0.1.13
|
|
150
208
|
|
|
151
209
|
### Patch Changes
|
|
152
210
|
|
|
153
|
-
-
|
|
211
|
+
- [#62165](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62165)
|
|
212
|
+
[`b44ac0968d79`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b44ac0968d79) -
|
|
213
|
+
[ED-21562] Bump @atlaskit/adf-schema to 35.2.0 for border mark update
|
|
154
214
|
|
|
155
215
|
## 0.1.12
|
|
156
216
|
|
|
157
217
|
### Patch Changes
|
|
158
218
|
|
|
159
|
-
-
|
|
219
|
+
- [#62088](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62088)
|
|
220
|
+
[`cbb82175953e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cbb82175953e) -
|
|
221
|
+
[ux] Fixes the text color popup not disappearing when clicking on the toolbar icon.
|
|
160
222
|
|
|
161
223
|
## 0.1.11
|
|
162
224
|
|
|
163
225
|
### Patch Changes
|
|
164
226
|
|
|
165
|
-
-
|
|
227
|
+
- [#60808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60808)
|
|
228
|
+
[`f509a21be124`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f509a21be124) -
|
|
229
|
+
ED-21506: @atlaskit/adf-schema upgraded to 35.1.1 to support renderer for MBE
|
|
166
230
|
|
|
167
231
|
## 0.1.10
|
|
168
232
|
|
|
169
233
|
### Patch Changes
|
|
170
234
|
|
|
171
|
-
-
|
|
235
|
+
- [#58246](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58246)
|
|
236
|
+
[`a381b2599716`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a381b2599716) -
|
|
237
|
+
ED-21371 Update adf-schema to 35.1.0
|
|
172
238
|
|
|
173
239
|
## 0.1.9
|
|
174
240
|
|
|
175
241
|
### Patch Changes
|
|
176
242
|
|
|
177
|
-
-
|
|
243
|
+
- Updated dependencies
|
|
178
244
|
|
|
179
245
|
## 0.1.8
|
|
180
246
|
|
|
181
247
|
### Patch Changes
|
|
182
248
|
|
|
183
|
-
-
|
|
249
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147)
|
|
250
|
+
[`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) -
|
|
251
|
+
Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
184
252
|
|
|
185
253
|
## 0.1.7
|
|
186
254
|
|
|
187
255
|
### Patch Changes
|
|
188
256
|
|
|
189
|
-
-
|
|
257
|
+
- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763)
|
|
258
|
+
[`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) -
|
|
259
|
+
update ADF schema
|
|
190
260
|
|
|
191
261
|
## 0.1.6
|
|
192
262
|
|
|
193
263
|
### Patch Changes
|
|
194
264
|
|
|
195
|
-
-
|
|
265
|
+
- [#56790](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56790)
|
|
266
|
+
[`ff577a7969d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff577a7969d4) -
|
|
267
|
+
ED-21266: Updated @atlaskit/adf-schema to 34.0.1
|
|
196
268
|
|
|
197
269
|
## 0.1.5
|
|
198
270
|
|
|
199
271
|
### Patch Changes
|
|
200
272
|
|
|
201
|
-
-
|
|
273
|
+
- [#43417](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43417)
|
|
274
|
+
[`3f3c17f0273`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f3c17f0273) -
|
|
275
|
+
ED-20971 Upgrade adf-schema package to ^34.0.0
|
|
202
276
|
|
|
203
277
|
## 0.1.4
|
|
204
278
|
|
|
205
279
|
### Patch Changes
|
|
206
280
|
|
|
207
|
-
-
|
|
281
|
+
- Updated dependencies
|
|
208
282
|
|
|
209
283
|
## 0.1.3
|
|
210
284
|
|
|
211
285
|
### Patch Changes
|
|
212
286
|
|
|
213
|
-
-
|
|
214
|
-
-
|
|
287
|
+
- [#43379](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43379)
|
|
288
|
+
[`482c025520d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/482c025520d) -
|
|
289
|
+
ED-20763 Upgrade ADF schema version to 33.2.3 for MBE nodes.
|
|
290
|
+
- Updated dependencies
|
|
215
291
|
|
|
216
292
|
## 0.1.2
|
|
217
293
|
|
|
218
294
|
### Patch Changes
|
|
219
295
|
|
|
220
|
-
-
|
|
296
|
+
- Updated dependencies
|
|
221
297
|
|
|
222
298
|
## 0.1.1
|
|
223
299
|
|
|
224
300
|
### Patch Changes
|
|
225
301
|
|
|
226
|
-
-
|
|
302
|
+
- 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.5",
|
|
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": "^
|
|
36
|
+
"@atlaskit/adf-schema": "^35.12.2",
|
|
37
|
+
"@atlaskit/editor-common": "^79.0.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
|
-
});
|