@atlaskit/editor-plugin-help-dialog 0.3.4 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/index.js +60 -1
- package/dist/cjs/ui/styles.js +4 -3
- package/dist/es2019/ui/index.js +57 -2
- package/dist/es2019/ui/styles.js +6 -0
- package/dist/esm/ui/index.js +61 -2
- package/dist/esm/ui/styles.js +3 -2
- package/dist/types/ui/styles.d.ts +1 -0
- package/dist/types-ts4.5/ui/styles.d.ts +1 -0
- package/package.json +12 -6
- package/tmp/api-report-tmp.d.ts +0 -39
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-help-dialog
|
|
2
2
|
|
|
3
|
+
## 0.3.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#58893](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58893) [`ed82b25d516b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed82b25d516b) - [ux] [ECA11Y-110] Selecting table columns and rows via shortcuts
|
|
8
|
+
|
|
9
|
+
## 0.3.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 0.3.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -18,6 +18,7 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
|
18
18
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
19
19
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
|
|
20
20
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
21
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
22
|
var _commands = require("../commands");
|
|
22
23
|
var _styles = require("./styles");
|
|
23
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -60,6 +61,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
|
|
|
60
61
|
defaultMessage: 'Alt text',
|
|
61
62
|
description: 'Alternative text for image.'
|
|
62
63
|
},
|
|
64
|
+
selectTableRow: {
|
|
65
|
+
id: 'fabric.editor.selectTableRow',
|
|
66
|
+
defaultMessage: 'Select table row',
|
|
67
|
+
description: 'Hint for selecting a table row using a shortcut'
|
|
68
|
+
},
|
|
69
|
+
selectTableColumn: {
|
|
70
|
+
id: 'fabric.editor.selectTableColumn',
|
|
71
|
+
defaultMessage: 'Select table column',
|
|
72
|
+
description: 'Hint for selecting a table column using a shortcut'
|
|
73
|
+
},
|
|
63
74
|
closeHelpDialog: {
|
|
64
75
|
id: 'fabric.editor.closeHelpDialog',
|
|
65
76
|
defaultMessage: 'Close help dialog',
|
|
@@ -391,7 +402,55 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
391
402
|
keymap: function keymap() {
|
|
392
403
|
return _keymaps.toggleTaskItemCheckbox;
|
|
393
404
|
}
|
|
394
|
-
}]
|
|
405
|
+
}].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y.table-selection_9uv33') ? [{
|
|
406
|
+
name: formatMessage(messages.selectTableRow),
|
|
407
|
+
type: 'table',
|
|
408
|
+
autoFormatting: function autoFormatting() {
|
|
409
|
+
return (0, _react2.jsx)("span", {
|
|
410
|
+
css: _styles.shortcutsArray
|
|
411
|
+
}, (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
|
|
412
|
+
css: _styles.codeSm
|
|
413
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react2.jsx)("span", {
|
|
414
|
+
css: _styles.codeMd
|
|
415
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react2.jsx)("span", {
|
|
416
|
+
css: _styles.codeMd
|
|
417
|
+
}, "Shift"), ' + ', (0, _react2.jsx)("span", {
|
|
418
|
+
css: _styles.codeSm
|
|
419
|
+
}, "\u2190")), (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
|
|
420
|
+
css: _styles.codeSm
|
|
421
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react2.jsx)("span", {
|
|
422
|
+
css: _styles.codeMd
|
|
423
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react2.jsx)("span", {
|
|
424
|
+
css: _styles.codeMd
|
|
425
|
+
}, "Shift"), ' + ', (0, _react2.jsx)("span", {
|
|
426
|
+
css: _styles.codeSm
|
|
427
|
+
}, "\u2192")));
|
|
428
|
+
}
|
|
429
|
+
}, {
|
|
430
|
+
name: formatMessage(messages.selectTableColumn),
|
|
431
|
+
type: 'table',
|
|
432
|
+
autoFormatting: function autoFormatting() {
|
|
433
|
+
return (0, _react2.jsx)("span", {
|
|
434
|
+
css: _styles.shortcutsArray
|
|
435
|
+
}, (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
|
|
436
|
+
css: _styles.codeSm
|
|
437
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react2.jsx)("span", {
|
|
438
|
+
css: _styles.codeMd
|
|
439
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react2.jsx)("span", {
|
|
440
|
+
css: _styles.codeMd
|
|
441
|
+
}, "Shift"), ' + ', (0, _react2.jsx)("span", {
|
|
442
|
+
css: _styles.codeSm
|
|
443
|
+
}, "\u2191")), (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
|
|
444
|
+
css: _styles.codeSm
|
|
445
|
+
}, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react2.jsx)("span", {
|
|
446
|
+
css: _styles.codeMd
|
|
447
|
+
}, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react2.jsx)("span", {
|
|
448
|
+
css: _styles.codeMd
|
|
449
|
+
}, "Shift"), ' + ', (0, _react2.jsx)("span", {
|
|
450
|
+
css: _styles.codeSm
|
|
451
|
+
}, "\u2193")));
|
|
452
|
+
}
|
|
453
|
+
}] : []));
|
|
395
454
|
};
|
|
396
455
|
var imageAutoFormat = {
|
|
397
456
|
name: 'Image',
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -5,14 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.title = exports.row = exports.line = exports.header = exports.footer = exports.dialogHeader = exports.contentWrapper = exports.content = exports.column = exports.codeSm = exports.codeMd = exports.codeLg = void 0;
|
|
8
|
+
exports.title = exports.shortcutsArray = exports.row = exports.line = exports.header = exports.footer = exports.dialogHeader = exports.contentWrapper = exports.content = exports.column = exports.codeSm = exports.codeMd = exports.codeLg = void 0;
|
|
9
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
12
|
var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
13
13
|
var colors = _colors;
|
|
14
14
|
var _constants = require("@atlaskit/theme/constants");
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
18
|
var header = exports.header = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n z-index: ", ";\n min-height: 24px;\n padding: ", " ", ";\n font-size: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-shadow: 'none';\n color: ", ";\n background-color: ", ";\n border-radius: ", "px;\n"])), _editorSharedStyles.akEditorUnitZIndex, "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(24), "var(--ds-text, ".concat(colors.N400, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"), (0, _constants.borderRadius)());
|
|
@@ -47,4 +47,5 @@ var title = exports.title = {
|
|
|
47
47
|
};
|
|
48
48
|
var codeSm = exports.codeSm = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n width: 24px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), (0, _constants.borderRadius)());
|
|
49
49
|
var codeMd = exports.codeMd = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n width: 50px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), (0, _constants.borderRadius)());
|
|
50
|
-
var codeLg = exports.codeLg = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n padding: 0 10px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), (0, _constants.borderRadius)());
|
|
50
|
+
var codeLg = exports.codeLg = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n padding: 0 10px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), (0, _constants.borderRadius)());
|
|
51
|
+
var shortcutsArray = exports.shortcutsArray = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n gap: ", ";\n"])), "var(--ds-space-150, 12px)");
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -10,8 +10,9 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
|
10
10
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
11
11
|
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
12
12
|
import AkModalDialog, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
13
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
13
14
|
import { closeHelpCommand } from '../commands';
|
|
14
|
-
import { codeLg, codeMd, codeSm, column, content, contentWrapper, dialogHeader, footer, header, line, row, title } from './styles';
|
|
15
|
+
import { codeLg, codeMd, codeSm, column, content, contentWrapper, dialogHeader, footer, header, line, row, shortcutsArray, title } from './styles';
|
|
15
16
|
const messages = defineMessages({
|
|
16
17
|
editorHelp: {
|
|
17
18
|
id: 'fabric.editor.editorHelp',
|
|
@@ -48,6 +49,16 @@ const messages = defineMessages({
|
|
|
48
49
|
defaultMessage: 'Alt text',
|
|
49
50
|
description: 'Alternative text for image.'
|
|
50
51
|
},
|
|
52
|
+
selectTableRow: {
|
|
53
|
+
id: 'fabric.editor.selectTableRow',
|
|
54
|
+
defaultMessage: 'Select table row',
|
|
55
|
+
description: 'Hint for selecting a table row using a shortcut'
|
|
56
|
+
},
|
|
57
|
+
selectTableColumn: {
|
|
58
|
+
id: 'fabric.editor.selectTableColumn',
|
|
59
|
+
defaultMessage: 'Select table column',
|
|
60
|
+
description: 'Hint for selecting a table column using a shortcut'
|
|
61
|
+
},
|
|
51
62
|
closeHelpDialog: {
|
|
52
63
|
id: 'fabric.editor.closeHelpDialog',
|
|
53
64
|
defaultMessage: 'Close help dialog',
|
|
@@ -281,7 +292,51 @@ const otherFormatting = ({
|
|
|
281
292
|
name: formatMessage(messages.CheckUncheckActionItem),
|
|
282
293
|
type: 'checkbox',
|
|
283
294
|
keymap: () => toggleTaskItemCheckbox
|
|
284
|
-
}
|
|
295
|
+
}, ...(getBooleanFF('platform.editor.a11y.table-selection_9uv33') ? [{
|
|
296
|
+
name: formatMessage(messages.selectTableRow),
|
|
297
|
+
type: 'table',
|
|
298
|
+
autoFormatting: () => jsx("span", {
|
|
299
|
+
css: shortcutsArray
|
|
300
|
+
}, jsx("span", null, jsx("span", {
|
|
301
|
+
css: codeSm
|
|
302
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
303
|
+
css: codeMd
|
|
304
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
305
|
+
css: codeMd
|
|
306
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
307
|
+
css: codeSm
|
|
308
|
+
}, "\u2190")), jsx("span", null, jsx("span", {
|
|
309
|
+
css: codeSm
|
|
310
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
311
|
+
css: codeMd
|
|
312
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
313
|
+
css: codeMd
|
|
314
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
315
|
+
css: codeSm
|
|
316
|
+
}, "\u2192")))
|
|
317
|
+
}, {
|
|
318
|
+
name: formatMessage(messages.selectTableColumn),
|
|
319
|
+
type: 'table',
|
|
320
|
+
autoFormatting: () => jsx("span", {
|
|
321
|
+
css: shortcutsArray
|
|
322
|
+
}, jsx("span", null, jsx("span", {
|
|
323
|
+
css: codeSm
|
|
324
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
325
|
+
css: codeMd
|
|
326
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
327
|
+
css: codeMd
|
|
328
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
329
|
+
css: codeSm
|
|
330
|
+
}, "\u2191")), jsx("span", null, jsx("span", {
|
|
331
|
+
css: codeSm
|
|
332
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
333
|
+
css: codeMd
|
|
334
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
335
|
+
css: codeMd
|
|
336
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
337
|
+
css: codeSm
|
|
338
|
+
}, "\u2193")))
|
|
339
|
+
}] : [])];
|
|
285
340
|
const imageAutoFormat = {
|
|
286
341
|
name: 'Image',
|
|
287
342
|
type: 'image',
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -107,4 +107,10 @@ export const codeLg = css`
|
|
|
107
107
|
line-height: 24px;
|
|
108
108
|
padding: 0 10px;
|
|
109
109
|
text-align: center;
|
|
110
|
+
`;
|
|
111
|
+
export const shortcutsArray = css`
|
|
112
|
+
display: flex;
|
|
113
|
+
flex-direction: column;
|
|
114
|
+
flex-shrink: 0;
|
|
115
|
+
gap: ${"var(--ds-space-150, 12px)"};
|
|
110
116
|
`;
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -11,8 +11,9 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
|
11
11
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
12
12
|
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
13
13
|
import AkModalDialog, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
14
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
14
15
|
import { closeHelpCommand } from '../commands';
|
|
15
|
-
import { codeLg, codeMd, codeSm, column, content, contentWrapper, dialogHeader, footer, header, line, row, title } from './styles';
|
|
16
|
+
import { codeLg, codeMd, codeSm, column, content, contentWrapper, dialogHeader, footer, header, line, row, shortcutsArray, title } from './styles';
|
|
16
17
|
var messages = defineMessages({
|
|
17
18
|
editorHelp: {
|
|
18
19
|
id: 'fabric.editor.editorHelp',
|
|
@@ -49,6 +50,16 @@ var messages = defineMessages({
|
|
|
49
50
|
defaultMessage: 'Alt text',
|
|
50
51
|
description: 'Alternative text for image.'
|
|
51
52
|
},
|
|
53
|
+
selectTableRow: {
|
|
54
|
+
id: 'fabric.editor.selectTableRow',
|
|
55
|
+
defaultMessage: 'Select table row',
|
|
56
|
+
description: 'Hint for selecting a table row using a shortcut'
|
|
57
|
+
},
|
|
58
|
+
selectTableColumn: {
|
|
59
|
+
id: 'fabric.editor.selectTableColumn',
|
|
60
|
+
defaultMessage: 'Select table column',
|
|
61
|
+
description: 'Hint for selecting a table column using a shortcut'
|
|
62
|
+
},
|
|
52
63
|
closeHelpDialog: {
|
|
53
64
|
id: 'fabric.editor.closeHelpDialog',
|
|
54
65
|
defaultMessage: 'Close help dialog',
|
|
@@ -380,7 +391,55 @@ var otherFormatting = function otherFormatting(_ref3) {
|
|
|
380
391
|
keymap: function keymap() {
|
|
381
392
|
return toggleTaskItemCheckbox;
|
|
382
393
|
}
|
|
383
|
-
}]
|
|
394
|
+
}].concat(_toConsumableArray(getBooleanFF('platform.editor.a11y.table-selection_9uv33') ? [{
|
|
395
|
+
name: formatMessage(messages.selectTableRow),
|
|
396
|
+
type: 'table',
|
|
397
|
+
autoFormatting: function autoFormatting() {
|
|
398
|
+
return jsx("span", {
|
|
399
|
+
css: shortcutsArray
|
|
400
|
+
}, jsx("span", null, jsx("span", {
|
|
401
|
+
css: codeSm
|
|
402
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
403
|
+
css: codeMd
|
|
404
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
405
|
+
css: codeMd
|
|
406
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
407
|
+
css: codeSm
|
|
408
|
+
}, "\u2190")), jsx("span", null, jsx("span", {
|
|
409
|
+
css: codeSm
|
|
410
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
411
|
+
css: codeMd
|
|
412
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
413
|
+
css: codeMd
|
|
414
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
415
|
+
css: codeSm
|
|
416
|
+
}, "\u2192")));
|
|
417
|
+
}
|
|
418
|
+
}, {
|
|
419
|
+
name: formatMessage(messages.selectTableColumn),
|
|
420
|
+
type: 'table',
|
|
421
|
+
autoFormatting: function autoFormatting() {
|
|
422
|
+
return jsx("span", {
|
|
423
|
+
css: shortcutsArray
|
|
424
|
+
}, jsx("span", null, jsx("span", {
|
|
425
|
+
css: codeSm
|
|
426
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
427
|
+
css: codeMd
|
|
428
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
429
|
+
css: codeMd
|
|
430
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
431
|
+
css: codeSm
|
|
432
|
+
}, "\u2191")), jsx("span", null, jsx("span", {
|
|
433
|
+
css: codeSm
|
|
434
|
+
}, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
|
|
435
|
+
css: codeMd
|
|
436
|
+
}, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
|
|
437
|
+
css: codeMd
|
|
438
|
+
}, "Shift"), ' + ', jsx("span", {
|
|
439
|
+
css: codeSm
|
|
440
|
+
}, "\u2193")));
|
|
441
|
+
}
|
|
442
|
+
}] : []));
|
|
384
443
|
};
|
|
385
444
|
var imageAutoFormat = {
|
|
386
445
|
name: 'Image',
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import * as colors from '@atlaskit/theme/colors';
|
|
@@ -37,4 +37,5 @@ export var title = {
|
|
|
37
37
|
};
|
|
38
38
|
export var codeSm = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n width: 24px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), borderRadius());
|
|
39
39
|
export var codeMd = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n width: 50px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), borderRadius());
|
|
40
|
-
export var codeLg = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n padding: 0 10px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), borderRadius());
|
|
40
|
+
export var codeLg = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n height: 24px;\n line-height: 24px;\n padding: 0 10px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), borderRadius());
|
|
41
|
+
export var shortcutsArray = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n gap: ", ";\n"])), "var(--ds-space-150, 12px)");
|
|
@@ -31,3 +31,4 @@ export declare const title: {
|
|
|
31
31
|
export declare const codeSm: import("@emotion/react").SerializedStyles;
|
|
32
32
|
export declare const codeMd: import("@emotion/react").SerializedStyles;
|
|
33
33
|
export declare const codeLg: import("@emotion/react").SerializedStyles;
|
|
34
|
+
export declare const shortcutsArray: import("@emotion/react").SerializedStyles;
|
|
@@ -31,3 +31,4 @@ export declare const title: {
|
|
|
31
31
|
export declare const codeSm: import("@emotion/react").SerializedStyles;
|
|
32
32
|
export declare const codeMd: import("@emotion/react").SerializedStyles;
|
|
33
33
|
export declare const codeLg: import("@emotion/react").SerializedStyles;
|
|
34
|
+
export declare const shortcutsArray: import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-help-dialog",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.6",
|
|
4
4
|
"description": "Help Dialog plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -31,15 +31,16 @@
|
|
|
31
31
|
".": "./src/index.ts"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@atlaskit/editor-common": "^76.
|
|
35
|
-
"@atlaskit/editor-plugin-analytics": "^0.
|
|
34
|
+
"@atlaskit/editor-common": "^76.27.0",
|
|
35
|
+
"@atlaskit/editor-plugin-analytics": "^0.4.0",
|
|
36
36
|
"@atlaskit/editor-plugin-quick-insert": "^0.2.0",
|
|
37
37
|
"@atlaskit/editor-prosemirror": "1.1.0",
|
|
38
38
|
"@atlaskit/editor-shared-styles": "^2.8.0",
|
|
39
39
|
"@atlaskit/icon": "^22.0.0",
|
|
40
|
-
"@atlaskit/modal-dialog": "^12.
|
|
40
|
+
"@atlaskit/modal-dialog": "^12.10.0",
|
|
41
|
+
"@atlaskit/platform-feature-flags": "^0.2.5",
|
|
41
42
|
"@atlaskit/theme": "^12.6.0",
|
|
42
|
-
"@atlaskit/tokens": "^1.
|
|
43
|
+
"@atlaskit/tokens": "^1.30.0",
|
|
43
44
|
"@babel/runtime": "^7.0.0",
|
|
44
45
|
"@emotion/react": "^11.7.1",
|
|
45
46
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
@@ -84,5 +85,10 @@
|
|
|
84
85
|
]
|
|
85
86
|
}
|
|
86
87
|
},
|
|
87
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
|
|
88
|
+
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
|
|
89
|
+
"platform-feature-flags": {
|
|
90
|
+
"platform.editor.a11y.table-selection_9uv33": {
|
|
91
|
+
"type": "boolean"
|
|
92
|
+
}
|
|
93
|
+
}
|
|
88
94
|
}
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/editor-plugin-help-dialog"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
8
|
-
import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
|
|
9
|
-
import type { OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
10
|
-
import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
|
|
11
|
-
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
12
|
-
|
|
13
|
-
// @public (undocumented)
|
|
14
|
-
export const deprecatedOpenHelpCommand: (tr: Transaction, dispatch?: Function) => boolean;
|
|
15
|
-
|
|
16
|
-
// @public (undocumented)
|
|
17
|
-
export type HelpDialogPlugin = NextEditorPlugin<'helpDialog', {
|
|
18
|
-
dependencies: [
|
|
19
|
-
OptionalPlugin<AnalyticsPlugin>,
|
|
20
|
-
OptionalPlugin<QuickInsertPlugin>
|
|
21
|
-
];
|
|
22
|
-
pluginConfiguration: boolean;
|
|
23
|
-
sharedState: HelpDialogSharedState | null;
|
|
24
|
-
}>;
|
|
25
|
-
|
|
26
|
-
// @public (undocumented)
|
|
27
|
-
export const helpDialogPlugin: HelpDialogPlugin;
|
|
28
|
-
|
|
29
|
-
// @public (undocumented)
|
|
30
|
-
export interface HelpDialogSharedState {
|
|
31
|
-
// (undocumented)
|
|
32
|
-
imageEnabled: boolean;
|
|
33
|
-
// (undocumented)
|
|
34
|
-
isVisible: boolean;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// (No @packageDocumentation comment for this package)
|
|
38
|
-
|
|
39
|
-
```
|