@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 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
@@ -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: options !== null && options !== void 0 && (_options$getEditorFea3 = options.getEditorFeatureFlags) !== null && _options$getEditorFea3 !== void 0 && _options$getEditorFea3.call(options).platformEditorTypeaheadImprovedRelevancy ? 800 : 600,
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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);
@@ -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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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
@@ -437,40 +437,37 @@ const tablesPlugin = ({
437
437
  pluginsOptions: {
438
438
  quickInsert: ({
439
439
  formatMessage
440
- }) => {
441
- var _options$getEditorFea3;
442
- return [{
443
- id: 'table',
444
- title: formatMessage(messages.table),
445
- description: formatMessage(messages.tableDescription),
446
- keywords: ['cell', 'table'],
447
- priority: options !== null && options !== void 0 && (_options$getEditorFea3 = options.getEditorFeatureFlags) !== null && _options$getEditorFea3 !== void 0 && _options$getEditorFea3.call(options).platformEditorTypeaheadImprovedRelevancy ? 800 : 600,
448
- keyshortcut: tooltip(toggleTable),
449
- icon: () => /*#__PURE__*/React.createElement(IconTable, null),
450
- action(insert, state) {
451
- var _api$table;
452
- // see comment on tablesPlugin.getSharedState on usage
453
- const tableState = api === null || api === void 0 ? void 0 : (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
454
- const tableNode = createTableWithWidth({
455
- isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
456
- isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.isTableAlignmentEnabled,
457
- isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled
458
- })(state.schema);
459
- const tr = insert(tableNode);
460
- editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
461
- action: ACTION.INSERTED,
462
- actionSubject: ACTION_SUBJECT.DOCUMENT,
463
- actionSubjectId: ACTION_SUBJECT_ID.TABLE,
464
- attributes: {
465
- inputMethod: INPUT_METHOD.QUICK_INSERT,
466
- localId: tableNode.attrs.localId
467
- },
468
- eventType: EVENT_TYPE.TRACK
469
- })(tr);
470
- return tr;
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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}) {
@@ -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: options !== null && options !== void 0 && (_options$getEditorFea3 = options.getEditorFeatureFlags) !== null && _options$getEditorFea3 !== void 0 && _options$getEditorFea3.call(options).platformEditorTypeaheadImprovedRelevancy ? 800 : 600,
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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);
@@ -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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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.6",
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.0.0",
32
+ "@atlaskit/button": "^18.1.0",
33
33
  "@atlaskit/custom-steps": "^0.4.0",
34
- "@atlaskit/editor-common": "^83.5.0",
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.1.0",
50
- "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.3.0",
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: options?.getEditorFeatureFlags?.().platformEditorTypeaheadImprovedRelevancy
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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
@@ -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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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;
@@ -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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
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}) {