@atlaskit/editor-plugin-table 7.19.6 → 7.19.7
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 +11 -0
- package/dist/cjs/plugin.js +1 -2
- package/dist/cjs/ui/FloatingContextualMenu/styles.js +1 -1
- package/dist/cjs/ui/FloatingDragMenu/styles.js +2 -2
- package/dist/cjs/ui/common-styles.js +2 -2
- package/dist/cjs/ui/ui-styles.js +1 -1
- package/dist/es2019/plugin.js +31 -34
- package/dist/es2019/ui/FloatingContextualMenu/styles.js +1 -1
- package/dist/es2019/ui/FloatingDragMenu/styles.js +2 -2
- package/dist/es2019/ui/common-styles.js +2 -2
- package/dist/es2019/ui/ui-styles.js +1 -1
- package/dist/esm/plugin.js +1 -2
- package/dist/esm/ui/FloatingContextualMenu/styles.js +1 -1
- package/dist/esm/ui/FloatingDragMenu/styles.js +2 -2
- package/dist/esm/ui/common-styles.js +2 -2
- package/dist/esm/ui/ui-styles.js +1 -1
- package/package.json +5 -5
- package/src/plugin.tsx +1 -3
- package/src/ui/FloatingContextualMenu/styles.ts +1 -1
- package/src/ui/FloatingDragMenu/styles.ts +2 -2
- package/src/ui/common-styles.ts +2 -2
- package/src/ui/ui-styles.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 7.19.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`d9b562bd66f8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9b562bd66f8e) -
|
|
8
|
+
[ux] [ED-23947] restoring the original order of the typeahead menu so that actions, media,
|
|
9
|
+
mentions and emojis are above the fold (in the top 5 results). this change is a major because it
|
|
10
|
+
removes the `getEditorFeatureFlags prop` for plugins. if any consumers who have adopted these
|
|
11
|
+
changes to the public API, they should remove them on their side too.
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 7.19.6
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/dist/cjs/plugin.js
CHANGED
|
@@ -442,14 +442,13 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
442
442
|
},
|
|
443
443
|
pluginsOptions: {
|
|
444
444
|
quickInsert: function quickInsert(_ref19) {
|
|
445
|
-
var _options$getEditorFea3;
|
|
446
445
|
var formatMessage = _ref19.formatMessage;
|
|
447
446
|
return [{
|
|
448
447
|
id: 'table',
|
|
449
448
|
title: formatMessage(_messages.toolbarInsertBlockMessages.table),
|
|
450
449
|
description: formatMessage(_messages.toolbarInsertBlockMessages.tableDescription),
|
|
451
450
|
keywords: ['cell', 'table'],
|
|
452
|
-
priority:
|
|
451
|
+
priority: 600,
|
|
453
452
|
keyshortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable),
|
|
454
453
|
icon: function icon() {
|
|
455
454
|
return /*#__PURE__*/_react.default.createElement(_icons.IconTable, null);
|
|
@@ -21,7 +21,7 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
|
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
25
|
var elementBeforeIconStyles = exports.elementBeforeIconStyles = (0, _react.css)({
|
|
26
26
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
27
27
|
display: 'flex'
|
|
@@ -21,7 +21,7 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
|
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
25
|
var elementBeforeIconStyles = exports.elementBeforeIconStyles = (0, _react.css)({
|
|
26
26
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
27
27
|
display: 'flex'
|
|
@@ -33,7 +33,7 @@ var dragMenuBackgroundColorStyles = exports.dragMenuBackgroundColorStyles = func
|
|
|
33
33
|
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tborder-radius: ", ";\n\t\tbackground: ", ";\n\t\tbox-shadow: ", ";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: ", "px; // move the submenu down when 'sort increasing/decreasing' appear before background color picker\n\t\tleft: ", "px;\n\t\tpadding: ", ";\n\n\t\t> div {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid ", ";\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 14px;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _types.TableCssClassName.DRAG_SUBMENU, "var(--ds-border-radius, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), tableSortColumnReorder ? _consts.TABLE_DRAG_MENU_PADDING_TOP + _consts.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + _consts.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT : 0, _consts.dragMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.DRAG_SUBMENU_ICON, _adfSchema.tableBackgroundBorderColor, "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
37
37
|
var toggleStyles = exports.toggleStyles = (0, _react.css)({
|
|
38
38
|
display: 'flex',
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -83,8 +83,8 @@ var tableStyles = exports.tableStyles = function tableStyles(props) {
|
|
|
83
83
|
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t}\n\n\t.ProseMirror.", " {\n\t\t.", " {\n\t\t\toverflow-x: auto;\n\t\t\t", ";\n\t\t}\n\t}\n\n\t.ProseMirror.", " {\n\t\tcursor: col-resize;\n\t}\n\n\t", "\n"])), baseTableStyles(props), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_NODE_WRAPPER, _scrollbar.scrollbarStyles, _types.TableCssClassName.RESIZE_CURSOR, shadowSentinelStyles);
|
|
84
84
|
};
|
|
85
85
|
|
|
86
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles
|
|
86
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
87
87
|
var tableFullPageEditorStyles = exports.tableFullPageEditorStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror .", " > table {\n\t\tmargin-left: 0;\n\t\t// 1px border width offset added here to prevent unwanted overflow and scolling - ED-16212\n\t\tmargin-right: -1px;\n\t\twidth: 100%;\n\t}\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER);
|
|
88
88
|
|
|
89
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
89
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
90
90
|
var tableCommentEditorStyles = exports.tableCommentEditorStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror .", " > table {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\t", ";\n\t}\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER, _scrollbar.scrollbarStyles);
|
package/dist/cjs/ui/ui-styles.js
CHANGED
|
@@ -141,7 +141,7 @@ var hoveredCell = exports.hoveredCell = function hoveredCell() {
|
|
|
141
141
|
return (0, _react.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n\t:not(.", ")\n\t\t.", ":not(.", ") {\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t.", ".", " {\n\t\t\tposition: relative;\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t}\n"])), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.HOVERED_DELETE_BUTTON, _types.TableCssClassName.HOVERED_CELL, _consts.tableBorderSelectedColor, _types.TableCssClassName.HOVERED_CELL, _types.TableCssClassName.HOVERED_NO_HIGHLIGHT, _consts.tableBorderColor);
|
|
142
142
|
};
|
|
143
143
|
|
|
144
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
145
145
|
var hoveredWarningCell = exports.hoveredWarningCell = (0, _react.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\t:not(.", ")\n\t\t.", ":not(.", ") {\n\t\ttd.", " {\n\t\t\tbackground-color: ", " !important; // We need to override the background-color added to the cell\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t}\n"])), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.HOVERED_DELETE_BUTTON, _types.TableCssClassName.HOVERED_CELL_WARNING, "var(--ds-background-warning, ".concat(_colors.Y50, ")"), "var(--ds-border-warning, ".concat(_colors.Y200, ")"));
|
|
146
146
|
|
|
147
147
|
// Explicit pixel values required here to ensure correct positioning and sizes of column resize handle
|
package/dist/es2019/plugin.js
CHANGED
|
@@ -437,40 +437,37 @@ const tablesPlugin = ({
|
|
|
437
437
|
pluginsOptions: {
|
|
438
438
|
quickInsert: ({
|
|
439
439
|
formatMessage
|
|
440
|
-
}) => {
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
}
|
|
472
|
-
}];
|
|
473
|
-
},
|
|
440
|
+
}) => [{
|
|
441
|
+
id: 'table',
|
|
442
|
+
title: formatMessage(messages.table),
|
|
443
|
+
description: formatMessage(messages.tableDescription),
|
|
444
|
+
keywords: ['cell', 'table'],
|
|
445
|
+
priority: 600,
|
|
446
|
+
keyshortcut: tooltip(toggleTable),
|
|
447
|
+
icon: () => /*#__PURE__*/React.createElement(IconTable, null),
|
|
448
|
+
action(insert, state) {
|
|
449
|
+
var _api$table;
|
|
450
|
+
// see comment on tablesPlugin.getSharedState on usage
|
|
451
|
+
const tableState = api === null || api === void 0 ? void 0 : (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
|
|
452
|
+
const tableNode = createTableWithWidth({
|
|
453
|
+
isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
|
|
454
|
+
isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.isTableAlignmentEnabled,
|
|
455
|
+
isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled
|
|
456
|
+
})(state.schema);
|
|
457
|
+
const tr = insert(tableNode);
|
|
458
|
+
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
|
|
459
|
+
action: ACTION.INSERTED,
|
|
460
|
+
actionSubject: ACTION_SUBJECT.DOCUMENT,
|
|
461
|
+
actionSubjectId: ACTION_SUBJECT_ID.TABLE,
|
|
462
|
+
attributes: {
|
|
463
|
+
inputMethod: INPUT_METHOD.QUICK_INSERT,
|
|
464
|
+
localId: tableNode.attrs.localId
|
|
465
|
+
},
|
|
466
|
+
eventType: EVENT_TYPE.TRACK
|
|
467
|
+
})(tr);
|
|
468
|
+
return tr;
|
|
469
|
+
}
|
|
470
|
+
}],
|
|
474
471
|
floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, () => editorViewRef.current, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
|
|
475
472
|
}
|
|
476
473
|
};
|
|
@@ -11,7 +11,7 @@ export const cellColourPreviewStyles = selectedColor => css({
|
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
15
|
export const elementBeforeIconStyles = css({
|
|
16
16
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
17
17
|
display: 'flex'
|
|
@@ -11,7 +11,7 @@ export const cellColourPreviewStyles = selectedColor => css({
|
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
15
|
export const elementBeforeIconStyles = css({
|
|
16
16
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
17
17
|
display: 'flex'
|
|
@@ -55,7 +55,7 @@ export const dragMenuBackgroundColorStyles = (tableSortColumnReorder = false) =>
|
|
|
55
55
|
}
|
|
56
56
|
`;
|
|
57
57
|
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
59
59
|
export const toggleStyles = css({
|
|
60
60
|
display: 'flex',
|
|
61
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -1002,7 +1002,7 @@ export const tableStyles = props => css`
|
|
|
1002
1002
|
${shadowSentinelStyles}
|
|
1003
1003
|
`;
|
|
1004
1004
|
|
|
1005
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles
|
|
1005
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
1006
1006
|
export const tableFullPageEditorStyles = css`
|
|
1007
1007
|
.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
|
|
1008
1008
|
margin-left: 0;
|
|
@@ -1012,7 +1012,7 @@ export const tableFullPageEditorStyles = css`
|
|
|
1012
1012
|
}
|
|
1013
1013
|
`;
|
|
1014
1014
|
|
|
1015
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
1015
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
1016
1016
|
export const tableCommentEditorStyles = css`
|
|
1017
1017
|
.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
|
|
1018
1018
|
margin-left: 0;
|
|
@@ -565,7 +565,7 @@ export const hoveredCell = () => css`
|
|
|
565
565
|
}
|
|
566
566
|
`;
|
|
567
567
|
|
|
568
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
568
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
569
569
|
export const hoveredWarningCell = css`
|
|
570
570
|
:not(.${ClassName.IS_RESIZING})
|
|
571
571
|
.${ClassName.TABLE_CONTAINER}:not(.${ClassName.HOVERED_DELETE_BUTTON}) {
|
package/dist/esm/plugin.js
CHANGED
|
@@ -435,14 +435,13 @@ var tablesPlugin = function tablesPlugin(_ref) {
|
|
|
435
435
|
},
|
|
436
436
|
pluginsOptions: {
|
|
437
437
|
quickInsert: function quickInsert(_ref19) {
|
|
438
|
-
var _options$getEditorFea3;
|
|
439
438
|
var formatMessage = _ref19.formatMessage;
|
|
440
439
|
return [{
|
|
441
440
|
id: 'table',
|
|
442
441
|
title: formatMessage(messages.table),
|
|
443
442
|
description: formatMessage(messages.tableDescription),
|
|
444
443
|
keywords: ['cell', 'table'],
|
|
445
|
-
priority:
|
|
444
|
+
priority: 600,
|
|
446
445
|
keyshortcut: tooltip(toggleTable),
|
|
447
446
|
icon: function icon() {
|
|
448
447
|
return /*#__PURE__*/React.createElement(IconTable, null);
|
|
@@ -15,7 +15,7 @@ export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedCo
|
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
19
|
export var elementBeforeIconStyles = css({
|
|
20
20
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
21
21
|
display: 'flex'
|
|
@@ -15,7 +15,7 @@ export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedCo
|
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
19
|
export var elementBeforeIconStyles = css({
|
|
20
20
|
marginRight: "var(--ds-space-negative-075, -6px)",
|
|
21
21
|
display: 'flex'
|
|
@@ -27,7 +27,7 @@ export var dragMenuBackgroundColorStyles = function dragMenuBackgroundColorStyle
|
|
|
27
27
|
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tborder-radius: ", ";\n\t\tbackground: ", ";\n\t\tbox-shadow: ", ";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: ", "px; // move the submenu down when 'sort increasing/decreasing' appear before background color picker\n\t\tleft: ", "px;\n\t\tpadding: ", ";\n\n\t\t> div {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid ", ";\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 14px;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), ClassName.DRAG_SUBMENU, "var(--ds-border-radius, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), tableSortColumnReorder ? TABLE_DRAG_MENU_PADDING_TOP + TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT : 0, dragMenuDropdownWidth, "var(--ds-space-100, 8px)", ClassName.DRAG_SUBMENU_ICON, tableBackgroundBorderColor, "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N90, ")"));
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
31
31
|
export var toggleStyles = css({
|
|
32
32
|
display: 'flex',
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -77,8 +77,8 @@ export var tableStyles = function tableStyles(props) {
|
|
|
77
77
|
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t}\n\n\t.ProseMirror.", " {\n\t\t.", " {\n\t\t\toverflow-x: auto;\n\t\t\t", ";\n\t\t}\n\t}\n\n\t.ProseMirror.", " {\n\t\tcursor: col-resize;\n\t}\n\n\t", "\n"])), baseTableStyles(props), ClassName.IS_RESIZING, ClassName.TABLE_NODE_WRAPPER, scrollbarStyles, ClassName.RESIZE_CURSOR, shadowSentinelStyles);
|
|
78
78
|
};
|
|
79
79
|
|
|
80
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles
|
|
80
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
81
81
|
export var tableFullPageEditorStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t.ProseMirror .", " > table {\n\t\tmargin-left: 0;\n\t\t// 1px border width offset added here to prevent unwanted overflow and scolling - ED-16212\n\t\tmargin-right: -1px;\n\t\twidth: 100%;\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER);
|
|
82
82
|
|
|
83
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
84
84
|
export var tableCommentEditorStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t.ProseMirror .", " > table {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\t", ";\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, scrollbarStyles);
|
package/dist/esm/ui/ui-styles.js
CHANGED
|
@@ -134,7 +134,7 @@ export var hoveredCell = function hoveredCell() {
|
|
|
134
134
|
return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n\t:not(.", ")\n\t\t.", ":not(.", ") {\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t.", ".", " {\n\t\t\tposition: relative;\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t}\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL, ClassName.HOVERED_NO_HIGHLIGHT, tableBorderColor);
|
|
135
135
|
};
|
|
136
136
|
|
|
137
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
138
138
|
export var hoveredWarningCell = css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n\t:not(.", ")\n\t\t.", ":not(.", ") {\n\t\ttd.", " {\n\t\t\tbackground-color: ", " !important; // We need to override the background-color added to the cell\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t}\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL_WARNING, "var(--ds-background-warning, ".concat(Y50, ")"), "var(--ds-border-warning, ".concat(Y200, ")"));
|
|
139
139
|
|
|
140
140
|
// Explicit pixel values required here to ensure correct positioning and sizes of column resize handle
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "7.19.
|
|
3
|
+
"version": "7.19.7",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/adf-schema": "^39.0.3",
|
|
32
|
-
"@atlaskit/button": "^18.
|
|
32
|
+
"@atlaskit/button": "^18.1.0",
|
|
33
33
|
"@atlaskit/custom-steps": "^0.4.0",
|
|
34
|
-
"@atlaskit/editor-common": "^
|
|
34
|
+
"@atlaskit/editor-common": "^84.0.0",
|
|
35
35
|
"@atlaskit/editor-palette": "1.6.0",
|
|
36
36
|
"@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^1.4.0",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@atlaskit/icon": "^22.5.0",
|
|
47
47
|
"@atlaskit/menu": "^2.6.0",
|
|
48
48
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
49
|
-
"@atlaskit/pragmatic-drag-and-drop": "^1.
|
|
50
|
-
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.
|
|
49
|
+
"@atlaskit/pragmatic-drag-and-drop": "^1.2.0",
|
|
50
|
+
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
|
|
51
51
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
|
|
52
52
|
"@atlaskit/primitives": "^10.0.0",
|
|
53
53
|
"@atlaskit/theme": "^12.11.0",
|
package/src/plugin.tsx
CHANGED
|
@@ -654,9 +654,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
|
|
|
654
654
|
title: formatMessage(messages.table),
|
|
655
655
|
description: formatMessage(messages.tableDescription),
|
|
656
656
|
keywords: ['cell', 'table'],
|
|
657
|
-
priority:
|
|
658
|
-
? 800
|
|
659
|
-
: 600,
|
|
657
|
+
priority: 600,
|
|
660
658
|
keyshortcut: tooltip(toggleTable),
|
|
661
659
|
icon: () => <IconTable />,
|
|
662
660
|
action(insert, state) {
|
|
@@ -16,7 +16,7 @@ export const cellColourPreviewStyles = (selectedColor: string) =>
|
|
|
16
16
|
},
|
|
17
17
|
});
|
|
18
18
|
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
20
20
|
export const elementBeforeIconStyles = css({
|
|
21
21
|
marginRight: token('space.negative.075', '-6px'),
|
|
22
22
|
display: 'flex',
|
|
@@ -21,7 +21,7 @@ export const cellColourPreviewStyles = (selectedColor: string) =>
|
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
23
|
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
25
|
export const elementBeforeIconStyles = css({
|
|
26
26
|
marginRight: token('space.negative.075', '-6px'),
|
|
27
27
|
display: 'flex',
|
|
@@ -69,7 +69,7 @@ export const dragMenuBackgroundColorStyles = (tableSortColumnReorder: boolean =
|
|
|
69
69
|
}
|
|
70
70
|
`;
|
|
71
71
|
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
73
73
|
export const toggleStyles = css({
|
|
74
74
|
display: 'flex',
|
|
75
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
package/src/ui/common-styles.ts
CHANGED
|
@@ -1082,7 +1082,7 @@ export const tableStyles = (props: { featureFlags?: FeatureFlags }) => css`
|
|
|
1082
1082
|
${shadowSentinelStyles}
|
|
1083
1083
|
`;
|
|
1084
1084
|
|
|
1085
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles
|
|
1085
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
1086
1086
|
export const tableFullPageEditorStyles = css`
|
|
1087
1087
|
.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
|
|
1088
1088
|
margin-left: 0;
|
|
@@ -1092,7 +1092,7 @@ export const tableFullPageEditorStyles = css`
|
|
|
1092
1092
|
}
|
|
1093
1093
|
`;
|
|
1094
1094
|
|
|
1095
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
1095
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
1096
1096
|
export const tableCommentEditorStyles = css`
|
|
1097
1097
|
.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
|
|
1098
1098
|
margin-left: 0;
|
package/src/ui/ui-styles.ts
CHANGED
|
@@ -640,7 +640,7 @@ export const hoveredCell = () => css`
|
|
|
640
640
|
}
|
|
641
641
|
`;
|
|
642
642
|
|
|
643
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
643
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
644
644
|
export const hoveredWarningCell = css`
|
|
645
645
|
:not(.${ClassName.IS_RESIZING})
|
|
646
646
|
.${ClassName.TABLE_CONTAINER}:not(.${ClassName.HOVERED_DELETE_BUTTON}) {
|