@atlaskit/editor-plugin-help-dialog 1.2.4 → 1.2.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/.eslintrc.js +10 -10
- package/CHANGELOG.md +81 -68
- package/LICENSE.md +6 -8
- package/dist/cjs/ui/ModalHeader.js +2 -1
- package/dist/cjs/ui/formatting.js +60 -8
- package/dist/cjs/ui/styles.js +7 -1
- package/dist/cjs/ui/utils.js +2 -1
- package/dist/es2019/ui/ModalHeader.js +3 -2
- package/dist/es2019/ui/formatting.js +56 -8
- package/dist/es2019/ui/styles.js +7 -1
- package/dist/es2019/ui/utils.js +2 -1
- package/dist/esm/ui/ModalHeader.js +3 -2
- package/dist/esm/ui/formatting.js +60 -8
- package/dist/esm/ui/styles.js +7 -1
- package/dist/esm/ui/utils.js +2 -1
- package/dist/types/types.d.ts +1 -4
- package/dist/types/ui/styles.d.ts +1 -0
- package/dist/types-ts4.5/ui/styles.d.ts +1 -0
- package/package.json +6 -5
- package/report.api.md +14 -19
package/.eslintrc.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
rules: {
|
|
3
|
+
'@typescript-eslint/no-duplicate-imports': 'error',
|
|
4
|
+
'@typescript-eslint/no-explicit-any': 'error',
|
|
5
|
+
'@atlaskit/design-system/consistent-css-prop-usage': 'warn',
|
|
6
|
+
'@repo/internal/dom-events/no-unsafe-event-listeners': 'warn',
|
|
7
|
+
'@atlaskit/design-system/ensure-design-token-usage/preview': [
|
|
8
|
+
'error',
|
|
9
|
+
{ domains: ['spacing'], shouldEnforceFallbacks: false },
|
|
10
|
+
],
|
|
11
|
+
},
|
|
12
12
|
};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,214 +1,227 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-help-dialog
|
|
2
2
|
|
|
3
|
+
## 1.2.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#106818](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106818)
|
|
8
|
+
[`bc92b19cf448`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc92b19cf448) -
|
|
9
|
+
Fix missing styling on focused help model close button
|
|
10
|
+
- [#100714](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100714)
|
|
11
|
+
[`81849acfe13c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81849acfe13c) -
|
|
12
|
+
ECA11Y-228: Added new shortcuts for insert column and row and added correct formatting for help
|
|
13
|
+
modal dialog
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 1.2.4
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
6
19
|
|
|
7
|
-
-
|
|
20
|
+
- Updated dependencies
|
|
8
21
|
|
|
9
22
|
## 1.2.3
|
|
10
23
|
|
|
11
24
|
### Patch Changes
|
|
12
25
|
|
|
13
|
-
-
|
|
26
|
+
- Updated dependencies
|
|
14
27
|
|
|
15
28
|
## 1.2.2
|
|
16
29
|
|
|
17
30
|
### Patch Changes
|
|
18
31
|
|
|
19
|
-
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
32
|
+
- [#97698](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97698)
|
|
33
|
+
[`1c7b378c0d3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1c7b378c0d3b) -
|
|
34
|
+
[HOT-108999] We had an incident where the cursor jumps back a character in table headers for any
|
|
35
|
+
language triggering composition on an empty line.This was fixed in a patch bump of
|
|
36
|
+
prosemirror-view. https://github.com/ProseMirror/prosemirror-view/compare/1.33.4...1.33.5
|
|
24
37
|
|
|
25
38
|
## 1.2.1
|
|
26
39
|
|
|
27
40
|
### Patch Changes
|
|
28
41
|
|
|
29
|
-
-
|
|
42
|
+
- Updated dependencies
|
|
30
43
|
|
|
31
44
|
## 1.2.0
|
|
32
45
|
|
|
33
46
|
### Minor Changes
|
|
34
47
|
|
|
35
|
-
-
|
|
36
|
-
|
|
37
|
-
|
|
48
|
+
- [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934)
|
|
49
|
+
[`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) -
|
|
50
|
+
bumped editor-prosemirror version to 4.0.0
|
|
38
51
|
|
|
39
52
|
### Patch Changes
|
|
40
53
|
|
|
41
|
-
-
|
|
54
|
+
- Updated dependencies
|
|
42
55
|
|
|
43
56
|
## 1.1.2
|
|
44
57
|
|
|
45
58
|
### Patch Changes
|
|
46
59
|
|
|
47
|
-
-
|
|
48
|
-
|
|
49
|
-
|
|
60
|
+
- [#91571](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91571)
|
|
61
|
+
[`984cb24fae77`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/984cb24fae77) -
|
|
62
|
+
refactored help dialog
|
|
50
63
|
|
|
51
64
|
## 1.1.1
|
|
52
65
|
|
|
53
66
|
### Patch Changes
|
|
54
67
|
|
|
55
|
-
-
|
|
56
|
-
|
|
57
|
-
|
|
68
|
+
- [#81374](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81374)
|
|
69
|
+
[`1aa1f97dd341`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1aa1f97dd341) -
|
|
70
|
+
React 18 types for editor-plugin-help-dialog
|
|
58
71
|
|
|
59
72
|
## 1.1.0
|
|
60
73
|
|
|
61
74
|
### Minor Changes
|
|
62
75
|
|
|
63
|
-
-
|
|
64
|
-
|
|
65
|
-
|
|
76
|
+
- [#77222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77222)
|
|
77
|
+
[`b924ab2b79f3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b924ab2b79f3) -
|
|
78
|
+
[ux] Add keyboard shortcuts for center and right text alignment
|
|
66
79
|
|
|
67
80
|
### Patch Changes
|
|
68
81
|
|
|
69
|
-
-
|
|
82
|
+
- Updated dependencies
|
|
70
83
|
|
|
71
84
|
## 1.0.2
|
|
72
85
|
|
|
73
86
|
### Patch Changes
|
|
74
87
|
|
|
75
|
-
-
|
|
76
|
-
|
|
77
|
-
|
|
88
|
+
- [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177)
|
|
89
|
+
[`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) -
|
|
90
|
+
Move styling for certain packages to tokens.
|
|
78
91
|
|
|
79
92
|
## 1.0.1
|
|
80
93
|
|
|
81
94
|
### Patch Changes
|
|
82
95
|
|
|
83
|
-
-
|
|
96
|
+
- Updated dependencies
|
|
84
97
|
|
|
85
98
|
## 1.0.0
|
|
86
99
|
|
|
87
100
|
### Major Changes
|
|
88
101
|
|
|
89
|
-
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
102
|
+
- [#72386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72386)
|
|
103
|
+
[`0c52b0be40c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c52b0be40c1) -
|
|
104
|
+
This changeset exists to bump all editor plugins that currently don't have a major version. This
|
|
105
|
+
is to address an issue with Jira plugin consumption.
|
|
93
106
|
|
|
94
107
|
### Patch Changes
|
|
95
108
|
|
|
96
|
-
-
|
|
109
|
+
- Updated dependencies
|
|
97
110
|
|
|
98
111
|
## 0.3.9
|
|
99
112
|
|
|
100
113
|
### Patch Changes
|
|
101
114
|
|
|
102
|
-
-
|
|
103
|
-
|
|
104
|
-
|
|
115
|
+
- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572)
|
|
116
|
+
[`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) -
|
|
117
|
+
Upgrading @atlaskit/editor-prosemirror dependency
|
|
105
118
|
|
|
106
119
|
## 0.3.8
|
|
107
120
|
|
|
108
121
|
### Patch Changes
|
|
109
122
|
|
|
110
|
-
-
|
|
111
|
-
|
|
112
|
-
|
|
123
|
+
- [#65334](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65334)
|
|
124
|
+
[`089979f0308f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/089979f0308f) -
|
|
125
|
+
[ux] ECA11Y-111/ECA11Y-86 Help dialog - resize table and media information
|
|
113
126
|
|
|
114
127
|
## 0.3.7
|
|
115
128
|
|
|
116
129
|
### Patch Changes
|
|
117
130
|
|
|
118
|
-
-
|
|
131
|
+
- Updated dependencies
|
|
119
132
|
|
|
120
133
|
## 0.3.6
|
|
121
134
|
|
|
122
135
|
### Patch Changes
|
|
123
136
|
|
|
124
|
-
-
|
|
125
|
-
|
|
126
|
-
|
|
137
|
+
- [#58893](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58893)
|
|
138
|
+
[`ed82b25d516b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed82b25d516b) -
|
|
139
|
+
[ux] [ECA11Y-110] Selecting table columns and rows via shortcuts
|
|
127
140
|
|
|
128
141
|
## 0.3.5
|
|
129
142
|
|
|
130
143
|
### Patch Changes
|
|
131
144
|
|
|
132
|
-
-
|
|
145
|
+
- Updated dependencies
|
|
133
146
|
|
|
134
147
|
## 0.3.4
|
|
135
148
|
|
|
136
149
|
### Patch Changes
|
|
137
150
|
|
|
138
|
-
-
|
|
139
|
-
|
|
140
|
-
|
|
151
|
+
- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221)
|
|
152
|
+
[`7fd1f8bb312`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fd1f8bb312) - revert
|
|
153
|
+
pr 42221
|
|
141
154
|
|
|
142
155
|
## 0.3.3
|
|
143
156
|
|
|
144
157
|
### Patch Changes
|
|
145
158
|
|
|
146
|
-
-
|
|
147
|
-
|
|
148
|
-
|
|
159
|
+
- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221)
|
|
160
|
+
[`1f49a73a590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f49a73a590) - [ux]
|
|
161
|
+
[ECA11Y-110] Selecting table columns, rows, whole table via shortcuts
|
|
149
162
|
|
|
150
163
|
## 0.3.2
|
|
151
164
|
|
|
152
165
|
### Patch Changes
|
|
153
166
|
|
|
154
|
-
-
|
|
155
|
-
|
|
156
|
-
|
|
167
|
+
- [#43436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43436)
|
|
168
|
+
[`6bf14e25965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6bf14e25965) - Revert
|
|
169
|
+
"Resize media for the keyboard users"
|
|
157
170
|
|
|
158
171
|
## 0.3.1
|
|
159
172
|
|
|
160
173
|
### Patch Changes
|
|
161
174
|
|
|
162
|
-
-
|
|
175
|
+
- Updated dependencies
|
|
163
176
|
|
|
164
177
|
## 0.3.0
|
|
165
178
|
|
|
166
179
|
### Minor Changes
|
|
167
180
|
|
|
168
|
-
-
|
|
169
|
-
|
|
170
|
-
|
|
181
|
+
- [#43108](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43108)
|
|
182
|
+
[`b779a47b799`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b779a47b799) -
|
|
183
|
+
ECA11Y-86: Added ability to resize media via keyboard and added announcer
|
|
171
184
|
|
|
172
185
|
### Patch Changes
|
|
173
186
|
|
|
174
|
-
-
|
|
187
|
+
- Updated dependencies
|
|
175
188
|
|
|
176
189
|
## 0.2.3
|
|
177
190
|
|
|
178
191
|
### Patch Changes
|
|
179
192
|
|
|
180
|
-
-
|
|
181
|
-
|
|
182
|
-
|
|
193
|
+
- [#42734](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42734)
|
|
194
|
+
[`9a298d1b3c3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a298d1b3c3) - Decouple
|
|
195
|
+
code-block plugin from editor-core.
|
|
183
196
|
|
|
184
197
|
## 0.2.2
|
|
185
198
|
|
|
186
199
|
### Patch Changes
|
|
187
200
|
|
|
188
|
-
-
|
|
201
|
+
- Updated dependencies
|
|
189
202
|
|
|
190
203
|
## 0.2.1
|
|
191
204
|
|
|
192
205
|
### Patch Changes
|
|
193
206
|
|
|
194
|
-
-
|
|
207
|
+
- Updated dependencies
|
|
195
208
|
|
|
196
209
|
## 0.2.0
|
|
197
210
|
|
|
198
211
|
### Minor Changes
|
|
199
212
|
|
|
200
|
-
-
|
|
201
|
-
|
|
202
|
-
|
|
213
|
+
- [#41049](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41049)
|
|
214
|
+
[`56e271b5da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56e271b5da6) - Extract
|
|
215
|
+
help-dialog-plugin from editor-core
|
|
203
216
|
|
|
204
217
|
## 0.1.0
|
|
205
218
|
|
|
206
219
|
### Minor Changes
|
|
207
220
|
|
|
208
|
-
-
|
|
209
|
-
|
|
210
|
-
|
|
221
|
+
- [#41020](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41020)
|
|
222
|
+
[`ab49509530f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab49509530f) - Add
|
|
223
|
+
editor-plugin-help-dialog
|
|
211
224
|
|
|
212
225
|
### Patch Changes
|
|
213
226
|
|
|
214
|
-
-
|
|
227
|
+
- Updated dependencies
|
package/LICENSE.md
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
Copyright 2023 Atlassian Pty Ltd
|
|
2
2
|
|
|
3
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
|
|
5
|
-
You may obtain a copy of the License at
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
|
|
4
|
+
compliance with the License. You may obtain a copy of the License at
|
|
6
5
|
|
|
7
6
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
7
|
|
|
9
|
-
Unless required by applicable law or agreed to in writing, software
|
|
10
|
-
distributed
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
limitations under the License.
|
|
8
|
+
Unless required by applicable law or agreed to in writing, software distributed under the License is
|
|
9
|
+
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
10
|
+
implied. See the License for the specific language governing permissions and limitations under the
|
|
11
|
+
License.
|
|
@@ -29,7 +29,8 @@ var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref) {
|
|
|
29
29
|
iconBefore: (0, _react.jsx)(_cross.default, {
|
|
30
30
|
label: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
|
|
31
31
|
size: "medium"
|
|
32
|
-
})
|
|
32
|
+
}),
|
|
33
|
+
css: _styles.toolbarButton
|
|
33
34
|
})));
|
|
34
35
|
});
|
|
35
36
|
var _default = exports.default = ModalHeader;
|
|
@@ -390,8 +390,8 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
390
390
|
css: _styles.codeSm
|
|
391
391
|
}, "\u2193")));
|
|
392
392
|
}
|
|
393
|
-
}].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-
|
|
394
|
-
name: formatMessage(_messages.helpDialogMessages.
|
|
393
|
+
}].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg') ? [{
|
|
394
|
+
name: formatMessage(_messages.helpDialogMessages.InsertTableColumn),
|
|
395
395
|
type: 'table',
|
|
396
396
|
autoFormatting: function autoFormatting() {
|
|
397
397
|
return (0, _react.jsx)("span", {
|
|
@@ -401,13 +401,17 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
401
401
|
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
402
402
|
css: _styles.codeMd
|
|
403
403
|
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
404
|
+
css: _styles.codeSm
|
|
405
|
+
}, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
406
|
+
css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
|
|
407
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
404
408
|
css: _styles.codeMd
|
|
405
|
-
},
|
|
409
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
406
410
|
css: _styles.codeSm
|
|
407
|
-
}, "
|
|
411
|
+
}, "-")));
|
|
408
412
|
}
|
|
409
413
|
}, {
|
|
410
|
-
name: formatMessage(_messages.helpDialogMessages.
|
|
414
|
+
name: formatMessage(_messages.helpDialogMessages.InsertTableRow),
|
|
411
415
|
type: 'table',
|
|
412
416
|
autoFormatting: function autoFormatting() {
|
|
413
417
|
return (0, _react.jsx)("span", {
|
|
@@ -417,11 +421,57 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
417
421
|
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
418
422
|
css: _styles.codeMd
|
|
419
423
|
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
424
|
+
css: _styles.codeSm
|
|
425
|
+
}, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
426
|
+
css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
|
|
427
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
420
428
|
css: _styles.codeMd
|
|
429
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
430
|
+
css: _styles.codeSm
|
|
421
431
|
}, "[")));
|
|
422
432
|
}
|
|
433
|
+
}] : [{
|
|
434
|
+
name: formatMessage(_messages.helpDialogMessages.InsertTableColumn),
|
|
435
|
+
type: 'table',
|
|
436
|
+
autoFormatting: function autoFormatting() {
|
|
437
|
+
return (0, _react.jsx)("span", {
|
|
438
|
+
css: _styles.shortcutsArray
|
|
439
|
+
}, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
440
|
+
css: _styles.codeSm
|
|
441
|
+
}, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
442
|
+
css: _styles.codeMd
|
|
443
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
444
|
+
css: _styles.codeSm
|
|
445
|
+
}, "\u2192")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
446
|
+
css: _styles.codeSm
|
|
447
|
+
}, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
448
|
+
css: _styles.codeMd
|
|
449
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
450
|
+
css: _styles.codeSm
|
|
451
|
+
}, "\u2190")));
|
|
452
|
+
}
|
|
423
453
|
}, {
|
|
424
|
-
name: formatMessage(_messages.helpDialogMessages.
|
|
454
|
+
name: formatMessage(_messages.helpDialogMessages.InsertTableRow),
|
|
455
|
+
type: 'table',
|
|
456
|
+
autoFormatting: function autoFormatting() {
|
|
457
|
+
return (0, _react.jsx)("span", {
|
|
458
|
+
css: _styles.shortcutsArray
|
|
459
|
+
}, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
460
|
+
css: _styles.codeSm
|
|
461
|
+
}, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
462
|
+
css: _styles.codeMd
|
|
463
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
464
|
+
css: _styles.codeSm
|
|
465
|
+
}, "\u2193")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
|
|
466
|
+
css: _styles.codeSm
|
|
467
|
+
}, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
|
|
468
|
+
css: _styles.codeMd
|
|
469
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
470
|
+
css: _styles.codeSm
|
|
471
|
+
}, "\u2191")));
|
|
472
|
+
}
|
|
473
|
+
}]), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-column-resizing_emcvz') ? [{
|
|
474
|
+
name: formatMessage(_messages.helpDialogMessages.selectColumnResize),
|
|
425
475
|
type: 'table',
|
|
426
476
|
autoFormatting: function autoFormatting() {
|
|
427
477
|
return (0, _react.jsx)("span", {
|
|
@@ -432,7 +482,9 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
432
482
|
css: _styles.codeMd
|
|
433
483
|
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
|
|
434
484
|
css: _styles.codeMd
|
|
435
|
-
}, "
|
|
485
|
+
}, "Shift"), ' + ', (0, _react.jsx)("span", {
|
|
486
|
+
css: _styles.codeSm
|
|
487
|
+
}, "C")));
|
|
436
488
|
}
|
|
437
489
|
}] : []));
|
|
438
490
|
};
|
|
@@ -488,5 +540,5 @@ var getSupportedFormatting = exports.getSupportedFormatting = function getSuppor
|
|
|
488
540
|
var supportedBySchema = formatting(intl).filter(function (format) {
|
|
489
541
|
return schema.nodes[format.type] || schema.marks[format.type];
|
|
490
542
|
});
|
|
491
|
-
return [].concat((0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(
|
|
543
|
+
return [].concat((0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(otherFormatting(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-resizing_uapcv') ? focusTableResizeHandleFormatting(intl) : []), (0, _toConsumableArray2.default)(isAnyA11yResizeFeatureFlagEnabled ? resizeInformationFormatting(intl) : []));
|
|
492
544
|
};
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -4,7 +4,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.title = exports.shortcutsArray = exports.row = exports.line = exports.header = exports.footer = exports.dialogHeader = exports.contentWrapper = exports.content = exports.componentFromKeymapWrapperStyles = exports.column = exports.codeSm = exports.codeMd = exports.codeLg = void 0;
|
|
7
|
+
exports.toolbarButton = exports.title = exports.shortcutsArray = exports.row = exports.line = exports.header = exports.footer = exports.dialogHeader = exports.contentWrapper = exports.content = exports.componentFromKeymapWrapperStyles = exports.column = exports.codeSm = exports.codeMd = exports.codeLg = void 0;
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
10
10
|
var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
@@ -124,4 +124,10 @@ var shortcutsArray = exports.shortcutsArray = (0, _react.css)({
|
|
|
124
124
|
});
|
|
125
125
|
var componentFromKeymapWrapperStyles = exports.componentFromKeymapWrapperStyles = (0, _react.css)({
|
|
126
126
|
flexShrink: 0
|
|
127
|
+
});
|
|
128
|
+
var toolbarButton = exports.toolbarButton = (0, _react.css)({
|
|
129
|
+
'&:focus': {
|
|
130
|
+
outline: "2px solid ".concat("var(--ds-border-focused, ".concat(_colors.B300, ")")),
|
|
131
|
+
outlineOffset: "var(--ds-space-025, 2px)"
|
|
132
|
+
}
|
|
127
133
|
});
|
package/dist/cjs/ui/utils.js
CHANGED
|
@@ -16,7 +16,7 @@ var getKeyParts = function getKeyParts(keymap) {
|
|
|
16
16
|
}
|
|
17
17
|
return shortcut.replace(/\-(?=.)/g, ' + ').split(' ');
|
|
18
18
|
};
|
|
19
|
-
var shortcutNamesWithoutKeymap = exports.shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];
|
|
19
|
+
var shortcutNamesWithoutKeymap = exports.shortcutNamesWithoutKeymap = ['table', 'emoji', 'mention', 'quickInsert'];
|
|
20
20
|
var getComponentFromKeymap = exports.getComponentFromKeymap = function getComponentFromKeymap(keymap) {
|
|
21
21
|
var keyParts = getKeyParts(keymap);
|
|
22
22
|
return (0, _react.jsx)("span", {
|
|
@@ -43,6 +43,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
|
|
|
43
43
|
}, part);
|
|
44
44
|
} else if (part.toLowerCase() === 'enter') {
|
|
45
45
|
return (0, _react.jsx)("span", {
|
|
46
|
+
className: "enter-keymap",
|
|
46
47
|
css: _styles.codeSm,
|
|
47
48
|
key: "".concat(keyParts, "-").concat(index)
|
|
48
49
|
}, '⏎');
|
|
@@ -4,7 +4,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
|
|
|
4
4
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
6
6
|
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
7
|
-
import { dialogHeader, header } from './styles';
|
|
7
|
+
import { dialogHeader, header, toolbarButton } from './styles';
|
|
8
8
|
const ModalHeader = injectIntl(({
|
|
9
9
|
intl: {
|
|
10
10
|
formatMessage
|
|
@@ -24,7 +24,8 @@ const ModalHeader = injectIntl(({
|
|
|
24
24
|
iconBefore: jsx(CrossIcon, {
|
|
25
25
|
label: formatMessage(messages.closeHelpDialog),
|
|
26
26
|
size: "medium"
|
|
27
|
-
})
|
|
27
|
+
}),
|
|
28
|
+
css: toolbarButton
|
|
28
29
|
})));
|
|
29
30
|
});
|
|
30
31
|
export default ModalHeader;
|
|
@@ -275,8 +275,8 @@ const otherFormatting = ({
|
|
|
275
275
|
}, "Shift"), ' + ', jsx("span", {
|
|
276
276
|
css: codeSm
|
|
277
277
|
}, "\u2193")))
|
|
278
|
-
}, ...(getBooleanFF('platform.editor.a11y-
|
|
279
|
-
name: formatMessage(messages.
|
|
278
|
+
}, ...(getBooleanFF('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg') ? [{
|
|
279
|
+
name: formatMessage(messages.InsertTableColumn),
|
|
280
280
|
type: 'table',
|
|
281
281
|
autoFormatting: () => jsx("span", {
|
|
282
282
|
css: shortcutsArray
|
|
@@ -285,12 +285,16 @@ const otherFormatting = ({
|
|
|
285
285
|
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
286
286
|
css: codeMd
|
|
287
287
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
288
|
+
css: codeSm
|
|
289
|
+
}, "=")), jsx("span", null, jsx("span", {
|
|
290
|
+
css: browser.mac ? codeSm : codeMd
|
|
291
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
288
292
|
css: codeMd
|
|
289
|
-
},
|
|
293
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
290
294
|
css: codeSm
|
|
291
|
-
}, "
|
|
295
|
+
}, "-")))
|
|
292
296
|
}, {
|
|
293
|
-
name: formatMessage(messages.
|
|
297
|
+
name: formatMessage(messages.InsertTableRow),
|
|
294
298
|
type: 'table',
|
|
295
299
|
autoFormatting: () => jsx("span", {
|
|
296
300
|
css: shortcutsArray
|
|
@@ -299,10 +303,52 @@ const otherFormatting = ({
|
|
|
299
303
|
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
300
304
|
css: codeMd
|
|
301
305
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
306
|
+
css: codeSm
|
|
307
|
+
}, "]")), jsx("span", null, jsx("span", {
|
|
308
|
+
css: browser.mac ? codeSm : codeMd
|
|
309
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
302
310
|
css: codeMd
|
|
311
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
312
|
+
css: codeSm
|
|
303
313
|
}, "[")))
|
|
314
|
+
}] : [{
|
|
315
|
+
name: formatMessage(messages.InsertTableColumn),
|
|
316
|
+
type: 'table',
|
|
317
|
+
autoFormatting: () => jsx("span", {
|
|
318
|
+
css: shortcutsArray
|
|
319
|
+
}, jsx("span", null, jsx("span", {
|
|
320
|
+
css: codeSm
|
|
321
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
322
|
+
css: codeMd
|
|
323
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
324
|
+
css: codeSm
|
|
325
|
+
}, "\u2192")), jsx("span", null, jsx("span", {
|
|
326
|
+
css: codeSm
|
|
327
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
328
|
+
css: codeMd
|
|
329
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
330
|
+
css: codeSm
|
|
331
|
+
}, "\u2190")))
|
|
304
332
|
}, {
|
|
305
|
-
name: formatMessage(messages.
|
|
333
|
+
name: formatMessage(messages.InsertTableRow),
|
|
334
|
+
type: 'table',
|
|
335
|
+
autoFormatting: () => jsx("span", {
|
|
336
|
+
css: shortcutsArray
|
|
337
|
+
}, jsx("span", null, jsx("span", {
|
|
338
|
+
css: codeSm
|
|
339
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
340
|
+
css: codeMd
|
|
341
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
342
|
+
css: codeSm
|
|
343
|
+
}, "\u2193")), jsx("span", null, jsx("span", {
|
|
344
|
+
css: codeSm
|
|
345
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
346
|
+
css: codeMd
|
|
347
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
348
|
+
css: codeSm
|
|
349
|
+
}, "\u2191")))
|
|
350
|
+
}]), ...(getBooleanFF('platform.editor.a11y-column-resizing_emcvz') ? [{
|
|
351
|
+
name: formatMessage(messages.selectColumnResize),
|
|
306
352
|
type: 'table',
|
|
307
353
|
autoFormatting: () => jsx("span", {
|
|
308
354
|
css: shortcutsArray
|
|
@@ -312,7 +358,9 @@ const otherFormatting = ({
|
|
|
312
358
|
css: codeMd
|
|
313
359
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
314
360
|
css: codeMd
|
|
315
|
-
}, "
|
|
361
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
362
|
+
css: codeSm
|
|
363
|
+
}, "C")))
|
|
316
364
|
}] : [])];
|
|
317
365
|
const resizeInformationFormatting = ({
|
|
318
366
|
formatMessage
|
|
@@ -351,5 +399,5 @@ const quickInsertAutoFormat = ({
|
|
|
351
399
|
const isAnyA11yResizeFeatureFlagEnabled = getBooleanFF('platform.editor.a11y-media-resizing_b5v0o') || getBooleanFF('platform.editor.a11y-table-resizing_uapcv');
|
|
352
400
|
export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled) => {
|
|
353
401
|
const supportedBySchema = formatting(intl).filter(format => schema.nodes[format.type] || schema.marks[format.type]);
|
|
354
|
-
return [...navigationKeymaps(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...
|
|
402
|
+
return [...navigationKeymaps(intl), ...otherFormatting(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...(getBooleanFF('platform.editor.a11y-table-resizing_uapcv') ? focusTableResizeHandleFormatting(intl) : []), ...(isAnyA11yResizeFeatureFlagEnabled ? resizeInformationFormatting(intl) : [])];
|
|
355
403
|
};
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import * as colors from '@atlaskit/theme/colors';
|
|
4
|
-
import { N400 } from '@atlaskit/theme/colors';
|
|
4
|
+
import { B300, N400 } from '@atlaskit/theme/colors';
|
|
5
5
|
export const header = css({
|
|
6
6
|
zIndex: akEditorUnitZIndex,
|
|
7
7
|
minHeight: "var(--ds-space-300, 24px)",
|
|
@@ -115,4 +115,10 @@ export const shortcutsArray = css({
|
|
|
115
115
|
});
|
|
116
116
|
export const componentFromKeymapWrapperStyles = css({
|
|
117
117
|
flexShrink: 0
|
|
118
|
+
});
|
|
119
|
+
export const toolbarButton = css({
|
|
120
|
+
'&:focus': {
|
|
121
|
+
outline: `2px solid ${`var(--ds-border-focused, ${B300})`}`,
|
|
122
|
+
outlineOffset: "var(--ds-space-025, 2px)"
|
|
123
|
+
}
|
|
118
124
|
});
|
package/dist/es2019/ui/utils.js
CHANGED
|
@@ -9,7 +9,7 @@ const getKeyParts = keymap => {
|
|
|
9
9
|
}
|
|
10
10
|
return shortcut.replace(/\-(?=.)/g, ' + ').split(' ');
|
|
11
11
|
};
|
|
12
|
-
export const shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];
|
|
12
|
+
export const shortcutNamesWithoutKeymap = ['table', 'emoji', 'mention', 'quickInsert'];
|
|
13
13
|
export const getComponentFromKeymap = keymap => {
|
|
14
14
|
const keyParts = getKeyParts(keymap);
|
|
15
15
|
return jsx("span", {
|
|
@@ -36,6 +36,7 @@ export const getComponentFromKeymap = keymap => {
|
|
|
36
36
|
}, part);
|
|
37
37
|
} else if (part.toLowerCase() === 'enter') {
|
|
38
38
|
return jsx("span", {
|
|
39
|
+
className: "enter-keymap",
|
|
39
40
|
css: codeSm,
|
|
40
41
|
key: `${keyParts}-${index}`
|
|
41
42
|
}, '⏎');
|
|
@@ -4,7 +4,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
|
|
|
4
4
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
6
6
|
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
7
|
-
import { dialogHeader, header } from './styles';
|
|
7
|
+
import { dialogHeader, header, toolbarButton } from './styles';
|
|
8
8
|
var ModalHeader = injectIntl(function (_ref) {
|
|
9
9
|
var formatMessage = _ref.intl.formatMessage,
|
|
10
10
|
onClose = _ref.onClose;
|
|
@@ -21,7 +21,8 @@ var ModalHeader = injectIntl(function (_ref) {
|
|
|
21
21
|
iconBefore: jsx(CrossIcon, {
|
|
22
22
|
label: formatMessage(messages.closeHelpDialog),
|
|
23
23
|
size: "medium"
|
|
24
|
-
})
|
|
24
|
+
}),
|
|
25
|
+
css: toolbarButton
|
|
25
26
|
})));
|
|
26
27
|
});
|
|
27
28
|
export default ModalHeader;
|
|
@@ -382,8 +382,8 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
382
382
|
css: codeSm
|
|
383
383
|
}, "\u2193")));
|
|
384
384
|
}
|
|
385
|
-
}].concat(_toConsumableArray(getBooleanFF('platform.editor.a11y-
|
|
386
|
-
name: formatMessage(messages.
|
|
385
|
+
}].concat(_toConsumableArray(getBooleanFF('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg') ? [{
|
|
386
|
+
name: formatMessage(messages.InsertTableColumn),
|
|
387
387
|
type: 'table',
|
|
388
388
|
autoFormatting: function autoFormatting() {
|
|
389
389
|
return jsx("span", {
|
|
@@ -393,13 +393,17 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
393
393
|
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
394
394
|
css: codeMd
|
|
395
395
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
396
|
+
css: codeSm
|
|
397
|
+
}, "=")), jsx("span", null, jsx("span", {
|
|
398
|
+
css: browser.mac ? codeSm : codeMd
|
|
399
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
396
400
|
css: codeMd
|
|
397
|
-
},
|
|
401
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
398
402
|
css: codeSm
|
|
399
|
-
}, "
|
|
403
|
+
}, "-")));
|
|
400
404
|
}
|
|
401
405
|
}, {
|
|
402
|
-
name: formatMessage(messages.
|
|
406
|
+
name: formatMessage(messages.InsertTableRow),
|
|
403
407
|
type: 'table',
|
|
404
408
|
autoFormatting: function autoFormatting() {
|
|
405
409
|
return jsx("span", {
|
|
@@ -409,11 +413,57 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
409
413
|
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
410
414
|
css: codeMd
|
|
411
415
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
416
|
+
css: codeSm
|
|
417
|
+
}, "]")), jsx("span", null, jsx("span", {
|
|
418
|
+
css: browser.mac ? codeSm : codeMd
|
|
419
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
412
420
|
css: codeMd
|
|
421
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
422
|
+
css: codeSm
|
|
413
423
|
}, "[")));
|
|
414
424
|
}
|
|
425
|
+
}] : [{
|
|
426
|
+
name: formatMessage(messages.InsertTableColumn),
|
|
427
|
+
type: 'table',
|
|
428
|
+
autoFormatting: function autoFormatting() {
|
|
429
|
+
return jsx("span", {
|
|
430
|
+
css: shortcutsArray
|
|
431
|
+
}, jsx("span", null, jsx("span", {
|
|
432
|
+
css: codeSm
|
|
433
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
434
|
+
css: codeMd
|
|
435
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
436
|
+
css: codeSm
|
|
437
|
+
}, "\u2192")), jsx("span", null, jsx("span", {
|
|
438
|
+
css: codeSm
|
|
439
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
440
|
+
css: codeMd
|
|
441
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
442
|
+
css: codeSm
|
|
443
|
+
}, "\u2190")));
|
|
444
|
+
}
|
|
415
445
|
}, {
|
|
416
|
-
name: formatMessage(messages.
|
|
446
|
+
name: formatMessage(messages.InsertTableRow),
|
|
447
|
+
type: 'table',
|
|
448
|
+
autoFormatting: function autoFormatting() {
|
|
449
|
+
return jsx("span", {
|
|
450
|
+
css: shortcutsArray
|
|
451
|
+
}, jsx("span", null, jsx("span", {
|
|
452
|
+
css: codeSm
|
|
453
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
454
|
+
css: codeMd
|
|
455
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
456
|
+
css: codeSm
|
|
457
|
+
}, "\u2193")), jsx("span", null, jsx("span", {
|
|
458
|
+
css: codeSm
|
|
459
|
+
}, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
|
|
460
|
+
css: codeMd
|
|
461
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
462
|
+
css: codeSm
|
|
463
|
+
}, "\u2191")));
|
|
464
|
+
}
|
|
465
|
+
}]), _toConsumableArray(getBooleanFF('platform.editor.a11y-column-resizing_emcvz') ? [{
|
|
466
|
+
name: formatMessage(messages.selectColumnResize),
|
|
417
467
|
type: 'table',
|
|
418
468
|
autoFormatting: function autoFormatting() {
|
|
419
469
|
return jsx("span", {
|
|
@@ -424,7 +474,9 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
424
474
|
css: codeMd
|
|
425
475
|
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
426
476
|
css: codeMd
|
|
427
|
-
}, "
|
|
477
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
478
|
+
css: codeSm
|
|
479
|
+
}, "C")));
|
|
428
480
|
}
|
|
429
481
|
}] : []));
|
|
430
482
|
};
|
|
@@ -480,5 +532,5 @@ export var getSupportedFormatting = function getSupportedFormatting(schema, intl
|
|
|
480
532
|
var supportedBySchema = formatting(intl).filter(function (format) {
|
|
481
533
|
return schema.nodes[format.type] || schema.marks[format.type];
|
|
482
534
|
});
|
|
483
|
-
return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(
|
|
535
|
+
return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(getBooleanFF('platform.editor.a11y-table-resizing_uapcv') ? focusTableResizeHandleFormatting(intl) : []), _toConsumableArray(isAnyA11yResizeFeatureFlagEnabled ? resizeInformationFormatting(intl) : []));
|
|
484
536
|
};
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import * as colors from '@atlaskit/theme/colors';
|
|
4
|
-
import { N400 } from '@atlaskit/theme/colors';
|
|
4
|
+
import { B300, N400 } from '@atlaskit/theme/colors';
|
|
5
5
|
export var header = css({
|
|
6
6
|
zIndex: akEditorUnitZIndex,
|
|
7
7
|
minHeight: "var(--ds-space-300, 24px)",
|
|
@@ -115,4 +115,10 @@ export var shortcutsArray = css({
|
|
|
115
115
|
});
|
|
116
116
|
export var componentFromKeymapWrapperStyles = css({
|
|
117
117
|
flexShrink: 0
|
|
118
|
+
});
|
|
119
|
+
export var toolbarButton = css({
|
|
120
|
+
'&:focus': {
|
|
121
|
+
outline: "2px solid ".concat("var(--ds-border-focused, ".concat(B300, ")")),
|
|
122
|
+
outlineOffset: "var(--ds-space-025, 2px)"
|
|
123
|
+
}
|
|
118
124
|
});
|
package/dist/esm/ui/utils.js
CHANGED
|
@@ -9,7 +9,7 @@ var getKeyParts = function getKeyParts(keymap) {
|
|
|
9
9
|
}
|
|
10
10
|
return shortcut.replace(/\-(?=.)/g, ' + ').split(' ');
|
|
11
11
|
};
|
|
12
|
-
export var shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];
|
|
12
|
+
export var shortcutNamesWithoutKeymap = ['table', 'emoji', 'mention', 'quickInsert'];
|
|
13
13
|
export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
|
|
14
14
|
var keyParts = getKeyParts(keymap);
|
|
15
15
|
return jsx("span", {
|
|
@@ -36,6 +36,7 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
|
|
|
36
36
|
}, part);
|
|
37
37
|
} else if (part.toLowerCase() === 'enter') {
|
|
38
38
|
return jsx("span", {
|
|
39
|
+
className: "enter-keymap",
|
|
39
40
|
css: codeSm,
|
|
40
41
|
key: "".concat(keyParts, "-").concat(index)
|
|
41
42
|
}, '⏎');
|
package/dist/types/types.d.ts
CHANGED
|
@@ -6,10 +6,7 @@ export interface HelpDialogSharedState {
|
|
|
6
6
|
imageEnabled: boolean;
|
|
7
7
|
}
|
|
8
8
|
export type HelpDialogPlugin = NextEditorPlugin<'helpDialog', {
|
|
9
|
-
dependencies: [
|
|
10
|
-
OptionalPlugin<AnalyticsPlugin>,
|
|
11
|
-
OptionalPlugin<QuickInsertPlugin>
|
|
12
|
-
];
|
|
9
|
+
dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<QuickInsertPlugin>];
|
|
13
10
|
pluginConfiguration: boolean;
|
|
14
11
|
sharedState: HelpDialogSharedState | null;
|
|
15
12
|
}>;
|
|
@@ -33,3 +33,4 @@ export declare const codeMd: import("@emotion/react").SerializedStyles;
|
|
|
33
33
|
export declare const codeLg: import("@emotion/react").SerializedStyles;
|
|
34
34
|
export declare const shortcutsArray: import("@emotion/react").SerializedStyles;
|
|
35
35
|
export declare const componentFromKeymapWrapperStyles: import("@emotion/react").SerializedStyles;
|
|
36
|
+
export declare const toolbarButton: import("@emotion/react").SerializedStyles;
|
|
@@ -33,3 +33,4 @@ export declare const codeMd: import("@emotion/react").SerializedStyles;
|
|
|
33
33
|
export declare const codeLg: import("@emotion/react").SerializedStyles;
|
|
34
34
|
export declare const shortcutsArray: import("@emotion/react").SerializedStyles;
|
|
35
35
|
export declare const componentFromKeymapWrapperStyles: import("@emotion/react").SerializedStyles;
|
|
36
|
+
export declare const toolbarButton: import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-help-dialog",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.5",
|
|
4
4
|
"description": "Help Dialog plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
".": "./src/index.ts"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/editor-common": "^
|
|
35
|
+
"@atlaskit/editor-common": "^82.0.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^1.2.0",
|
|
37
37
|
"@atlaskit/editor-plugin-quick-insert": "^1.1.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "4.0.1",
|
|
39
|
-
"@atlaskit/editor-shared-styles": "^2.
|
|
39
|
+
"@atlaskit/editor-shared-styles": "^2.12.0",
|
|
40
40
|
"@atlaskit/icon": "^22.3.0",
|
|
41
41
|
"@atlaskit/modal-dialog": "^12.13.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^0.2.5",
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
"react-loadable": "^5.1.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
|
|
52
51
|
"@testing-library/react": "^12.1.5"
|
|
53
52
|
},
|
|
54
53
|
"peerDependencies": {
|
|
@@ -84,7 +83,6 @@
|
|
|
84
83
|
]
|
|
85
84
|
}
|
|
86
85
|
},
|
|
87
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
|
|
88
86
|
"platform-feature-flags": {
|
|
89
87
|
"platform.editor.a11y-media-resizing_b5v0o": {
|
|
90
88
|
"type": "boolean"
|
|
@@ -97,6 +95,9 @@
|
|
|
97
95
|
},
|
|
98
96
|
"platform.editor.a11y-column-resizing_emcvz": {
|
|
99
97
|
"type": "boolean"
|
|
98
|
+
},
|
|
99
|
+
"platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg": {
|
|
100
|
+
"type": "boolean"
|
|
100
101
|
}
|
|
101
102
|
}
|
|
102
103
|
}
|
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/editor-plugin-help-dialog"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -22,22 +23,16 @@ import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
|
|
|
22
23
|
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
23
24
|
|
|
24
25
|
// @public (undocumented)
|
|
25
|
-
export const deprecatedOpenHelpCommand: (
|
|
26
|
-
tr: Transaction,
|
|
27
|
-
dispatch?: Function,
|
|
28
|
-
) => boolean;
|
|
26
|
+
export const deprecatedOpenHelpCommand: (tr: Transaction, dispatch?: Function) => boolean;
|
|
29
27
|
|
|
30
28
|
// @public (undocumented)
|
|
31
29
|
export type HelpDialogPlugin = NextEditorPlugin<
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
pluginConfiguration: boolean;
|
|
39
|
-
sharedState: HelpDialogSharedState | null;
|
|
40
|
-
}
|
|
30
|
+
'helpDialog',
|
|
31
|
+
{
|
|
32
|
+
dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<QuickInsertPlugin>];
|
|
33
|
+
pluginConfiguration: boolean;
|
|
34
|
+
sharedState: HelpDialogSharedState | null;
|
|
35
|
+
}
|
|
41
36
|
>;
|
|
42
37
|
|
|
43
38
|
// @public (undocumented)
|
|
@@ -45,10 +40,10 @@ export const helpDialogPlugin: HelpDialogPlugin;
|
|
|
45
40
|
|
|
46
41
|
// @public (undocumented)
|
|
47
42
|
export interface HelpDialogSharedState {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
43
|
+
// (undocumented)
|
|
44
|
+
imageEnabled: boolean;
|
|
45
|
+
// (undocumented)
|
|
46
|
+
isVisible: boolean;
|
|
52
47
|
}
|
|
53
48
|
|
|
54
49
|
// (No @packageDocumentation comment for this package)
|
|
@@ -62,7 +57,7 @@ export interface HelpDialogSharedState {
|
|
|
62
57
|
|
|
63
58
|
```json
|
|
64
59
|
{
|
|
65
|
-
|
|
60
|
+
"react": "^16.8.0"
|
|
66
61
|
}
|
|
67
62
|
```
|
|
68
63
|
|