@atlaskit/editor-plugin-help-dialog 1.2.3 → 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 +86 -67
- 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 +9 -8
- 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,208 +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
|
+
|
|
16
|
+
## 1.2.4
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 1.2.3
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
6
25
|
|
|
7
|
-
-
|
|
26
|
+
- Updated dependencies
|
|
8
27
|
|
|
9
28
|
## 1.2.2
|
|
10
29
|
|
|
11
30
|
### Patch Changes
|
|
12
31
|
|
|
13
|
-
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
|
18
37
|
|
|
19
38
|
## 1.2.1
|
|
20
39
|
|
|
21
40
|
### Patch Changes
|
|
22
41
|
|
|
23
|
-
-
|
|
42
|
+
- Updated dependencies
|
|
24
43
|
|
|
25
44
|
## 1.2.0
|
|
26
45
|
|
|
27
46
|
### Minor Changes
|
|
28
47
|
|
|
29
|
-
-
|
|
30
|
-
|
|
31
|
-
|
|
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
|
|
32
51
|
|
|
33
52
|
### Patch Changes
|
|
34
53
|
|
|
35
|
-
-
|
|
54
|
+
- Updated dependencies
|
|
36
55
|
|
|
37
56
|
## 1.1.2
|
|
38
57
|
|
|
39
58
|
### Patch Changes
|
|
40
59
|
|
|
41
|
-
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
|
44
63
|
|
|
45
64
|
## 1.1.1
|
|
46
65
|
|
|
47
66
|
### Patch Changes
|
|
48
67
|
|
|
49
|
-
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
52
71
|
|
|
53
72
|
## 1.1.0
|
|
54
73
|
|
|
55
74
|
### Minor Changes
|
|
56
75
|
|
|
57
|
-
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
|
60
79
|
|
|
61
80
|
### Patch Changes
|
|
62
81
|
|
|
63
|
-
-
|
|
82
|
+
- Updated dependencies
|
|
64
83
|
|
|
65
84
|
## 1.0.2
|
|
66
85
|
|
|
67
86
|
### Patch Changes
|
|
68
87
|
|
|
69
|
-
-
|
|
70
|
-
|
|
71
|
-
|
|
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.
|
|
72
91
|
|
|
73
92
|
## 1.0.1
|
|
74
93
|
|
|
75
94
|
### Patch Changes
|
|
76
95
|
|
|
77
|
-
-
|
|
96
|
+
- Updated dependencies
|
|
78
97
|
|
|
79
98
|
## 1.0.0
|
|
80
99
|
|
|
81
100
|
### Major Changes
|
|
82
101
|
|
|
83
|
-
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
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.
|
|
87
106
|
|
|
88
107
|
### Patch Changes
|
|
89
108
|
|
|
90
|
-
-
|
|
109
|
+
- Updated dependencies
|
|
91
110
|
|
|
92
111
|
## 0.3.9
|
|
93
112
|
|
|
94
113
|
### Patch Changes
|
|
95
114
|
|
|
96
|
-
-
|
|
97
|
-
|
|
98
|
-
|
|
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
|
|
99
118
|
|
|
100
119
|
## 0.3.8
|
|
101
120
|
|
|
102
121
|
### Patch Changes
|
|
103
122
|
|
|
104
|
-
-
|
|
105
|
-
|
|
106
|
-
|
|
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
|
|
107
126
|
|
|
108
127
|
## 0.3.7
|
|
109
128
|
|
|
110
129
|
### Patch Changes
|
|
111
130
|
|
|
112
|
-
-
|
|
131
|
+
- Updated dependencies
|
|
113
132
|
|
|
114
133
|
## 0.3.6
|
|
115
134
|
|
|
116
135
|
### Patch Changes
|
|
117
136
|
|
|
118
|
-
-
|
|
119
|
-
|
|
120
|
-
|
|
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
|
|
121
140
|
|
|
122
141
|
## 0.3.5
|
|
123
142
|
|
|
124
143
|
### Patch Changes
|
|
125
144
|
|
|
126
|
-
-
|
|
145
|
+
- Updated dependencies
|
|
127
146
|
|
|
128
147
|
## 0.3.4
|
|
129
148
|
|
|
130
149
|
### Patch Changes
|
|
131
150
|
|
|
132
|
-
-
|
|
133
|
-
|
|
134
|
-
|
|
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
|
|
135
154
|
|
|
136
155
|
## 0.3.3
|
|
137
156
|
|
|
138
157
|
### Patch Changes
|
|
139
158
|
|
|
140
|
-
-
|
|
141
|
-
|
|
142
|
-
|
|
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
|
|
143
162
|
|
|
144
163
|
## 0.3.2
|
|
145
164
|
|
|
146
165
|
### Patch Changes
|
|
147
166
|
|
|
148
|
-
-
|
|
149
|
-
|
|
150
|
-
|
|
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"
|
|
151
170
|
|
|
152
171
|
## 0.3.1
|
|
153
172
|
|
|
154
173
|
### Patch Changes
|
|
155
174
|
|
|
156
|
-
-
|
|
175
|
+
- Updated dependencies
|
|
157
176
|
|
|
158
177
|
## 0.3.0
|
|
159
178
|
|
|
160
179
|
### Minor Changes
|
|
161
180
|
|
|
162
|
-
-
|
|
163
|
-
|
|
164
|
-
|
|
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
|
|
165
184
|
|
|
166
185
|
### Patch Changes
|
|
167
186
|
|
|
168
|
-
-
|
|
187
|
+
- Updated dependencies
|
|
169
188
|
|
|
170
189
|
## 0.2.3
|
|
171
190
|
|
|
172
191
|
### Patch Changes
|
|
173
192
|
|
|
174
|
-
-
|
|
175
|
-
|
|
176
|
-
|
|
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.
|
|
177
196
|
|
|
178
197
|
## 0.2.2
|
|
179
198
|
|
|
180
199
|
### Patch Changes
|
|
181
200
|
|
|
182
|
-
-
|
|
201
|
+
- Updated dependencies
|
|
183
202
|
|
|
184
203
|
## 0.2.1
|
|
185
204
|
|
|
186
205
|
### Patch Changes
|
|
187
206
|
|
|
188
|
-
-
|
|
207
|
+
- Updated dependencies
|
|
189
208
|
|
|
190
209
|
## 0.2.0
|
|
191
210
|
|
|
192
211
|
### Minor Changes
|
|
193
212
|
|
|
194
|
-
-
|
|
195
|
-
|
|
196
|
-
|
|
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
|
|
197
216
|
|
|
198
217
|
## 0.1.0
|
|
199
218
|
|
|
200
219
|
### Minor Changes
|
|
201
220
|
|
|
202
|
-
-
|
|
203
|
-
|
|
204
|
-
|
|
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
|
|
205
224
|
|
|
206
225
|
### Patch Changes
|
|
207
226
|
|
|
208
|
-
-
|
|
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,23 +32,22 @@
|
|
|
32
32
|
".": "./src/index.ts"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/editor-common": "^
|
|
36
|
-
"@atlaskit/editor-plugin-analytics": "^1.
|
|
35
|
+
"@atlaskit/editor-common": "^82.0.0",
|
|
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.
|
|
40
|
-
"@atlaskit/icon": "^22.
|
|
39
|
+
"@atlaskit/editor-shared-styles": "^2.12.0",
|
|
40
|
+
"@atlaskit/icon": "^22.3.0",
|
|
41
41
|
"@atlaskit/modal-dialog": "^12.13.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^0.2.5",
|
|
43
43
|
"@atlaskit/theme": "^12.8.0",
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
44
|
+
"@atlaskit/tokens": "^1.49.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"@emotion/react": "^11.7.1",
|
|
47
47
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
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
|
|