@atlaskit/editor-plugin-table 18.1.2 → 18.1.4

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.
Files changed (50) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/nodeviews/TableComponent.js +9 -3
  3. package/dist/cjs/nodeviews/TableComponentWithSharedState.js +4 -1
  4. package/dist/cjs/nodeviews/TableContainer.js +3 -1
  5. package/dist/cjs/nodeviews/TableResizer.js +3 -1
  6. package/dist/cjs/ui/ContentComponent.js +3 -1
  7. package/dist/cjs/ui/DragPreview/index.js +6 -2
  8. package/dist/cjs/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js +3 -1
  9. package/dist/cjs/ui/FloatingContextualButton/index.js +3 -1
  10. package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +10 -3
  11. package/dist/cjs/ui/FloatingContextualMenu/index.js +6 -2
  12. package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +12 -4
  13. package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js +15 -5
  14. package/dist/cjs/ui/SizeSelector/index.js +3 -1
  15. package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js +3 -1
  16. package/dist/cjs/ui/common-styles.js +1 -2
  17. package/dist/cjs/ui/toolbar.js +6 -2
  18. package/dist/es2019/nodeviews/TableComponent.js +9 -3
  19. package/dist/es2019/nodeviews/TableComponentWithSharedState.js +4 -1
  20. package/dist/es2019/nodeviews/TableContainer.js +3 -1
  21. package/dist/es2019/nodeviews/TableResizer.js +3 -1
  22. package/dist/es2019/ui/ContentComponent.js +3 -1
  23. package/dist/es2019/ui/DragPreview/index.js +6 -2
  24. package/dist/es2019/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js +3 -1
  25. package/dist/es2019/ui/FloatingContextualButton/index.js +3 -1
  26. package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js +10 -3
  27. package/dist/es2019/ui/FloatingContextualMenu/index.js +6 -2
  28. package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +12 -4
  29. package/dist/es2019/ui/FloatingDragMenu/DropdownMenu.js +15 -5
  30. package/dist/es2019/ui/SizeSelector/index.js +3 -1
  31. package/dist/es2019/ui/TableFloatingControls/RowControls/DragControls.js +3 -1
  32. package/dist/es2019/ui/common-styles.js +2 -3
  33. package/dist/es2019/ui/toolbar.js +6 -2
  34. package/dist/esm/nodeviews/TableComponent.js +9 -3
  35. package/dist/esm/nodeviews/TableComponentWithSharedState.js +4 -1
  36. package/dist/esm/nodeviews/TableContainer.js +3 -1
  37. package/dist/esm/nodeviews/TableResizer.js +3 -1
  38. package/dist/esm/ui/ContentComponent.js +3 -1
  39. package/dist/esm/ui/DragPreview/index.js +6 -2
  40. package/dist/esm/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js +3 -1
  41. package/dist/esm/ui/FloatingContextualButton/index.js +3 -1
  42. package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +10 -3
  43. package/dist/esm/ui/FloatingContextualMenu/index.js +6 -2
  44. package/dist/esm/ui/FloatingDragMenu/DragMenu.js +12 -4
  45. package/dist/esm/ui/FloatingDragMenu/DropdownMenu.js +15 -5
  46. package/dist/esm/ui/SizeSelector/index.js +3 -1
  47. package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js +3 -1
  48. package/dist/esm/ui/common-styles.js +1 -2
  49. package/dist/esm/ui/toolbar.js +6 -2
  50. package/package.json +3 -3
@@ -800,7 +800,9 @@ class TableComponent extends React.Component {
800
800
  stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
801
801
  getEditorFeatureFlags: getEditorFeatureFlags,
802
802
  tableContainerWidth: tableContainerWidth,
803
- isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
803
+ isNumberColumnEnabled: node.attrs.isNumberColumnEnabled
804
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
805
+ ,
804
806
  getScrollOffset: () => {
805
807
  var _this$wrapper2;
806
808
  return ((_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.scrollLeft) || 0;
@@ -868,11 +870,15 @@ class TableComponent extends React.Component {
868
870
  "data-testid": "sticky-scrollbar-sentinel-top"
869
871
  }), allowControls && rowControls, isDragAndDropEnabled && /*#__PURE__*/React.createElement(ExternalDropTargets, {
870
872
  editorView: view,
871
- node: node,
873
+ node: node
874
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
875
+ ,
872
876
  getScrollOffset: () => {
873
877
  var _this$wrapper3;
874
878
  return ((_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : _this$wrapper3.scrollLeft) || 0;
875
- },
879
+ }
880
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
881
+ ,
876
882
  getTableWrapperWidth: () => {
877
883
  var _this$wrapper4;
878
884
  return ((_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.clientWidth) || 760;
@@ -82,6 +82,7 @@ export const TableComponentWithSharedState = ({
82
82
  try {
83
83
  currentTablePos = getPos ? getPos() : undefined;
84
84
  } catch (e) {
85
+ // eslint-disable-line no-unused-vars
85
86
  currentTablePos = undefined;
86
87
  }
87
88
  const selectedTable = findTable(view.state.selection);
@@ -105,7 +106,9 @@ export const TableComponentWithSharedState = ({
105
106
  tableActive: tableActive && !isLivePageViewMode && interaction !== 'hasNotHadInteraction',
106
107
  ordering: ordering,
107
108
  isResizing: isResizing,
108
- getNode: getNode,
109
+ getNode: getNode
110
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
111
+ ,
109
112
  containerWidth: {
110
113
  width: width !== null && width !== void 0 ? width : 0,
111
114
  lineLength
@@ -404,7 +404,9 @@ export const TableContainer = ({
404
404
  className: classNames(className, {
405
405
  'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
406
406
  }),
407
- style: {
407
+ style:
408
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
409
+ {
408
410
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
409
411
  width: 'inherit',
410
412
  marginLeft: isChromelessEditor ? 18 : undefined,
@@ -515,7 +515,9 @@ export const TableResizer = ({
515
515
  isHandleVisible: isTableSelected,
516
516
  needExtendedResizeZone: expValEquals('platform_editor_table_resizer_extended_zone', 'isEnabled', true) ? true : !isTableSelected,
517
517
  appearance: isTableSelected && isWholeTableInDanger ? 'danger' : undefined,
518
- handleHighlight: "shadow",
518
+ handleHighlight: "shadow"
519
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
520
+ ,
519
521
  handleTooltipContent: ({
520
522
  update
521
523
  }) => {
@@ -183,7 +183,9 @@ const ContentComponentInternal = ({
183
183
  alignY: 'bottom',
184
184
  stick: true,
185
185
  forcePlacement: true,
186
- zIndex: akEditorFloatingPanelZIndex,
186
+ zIndex: akEditorFloatingPanelZIndex
187
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
188
+ ,
187
189
  offset: [0, 10]
188
190
  }), isTableSelectorEnabled && isSizeSelectorOpen && /*#__PURE__*/React.createElement(SizeSelector, {
189
191
  api: api,
@@ -19,12 +19,16 @@ export const DragPreview = ({
19
19
  const marginTop = direction === 'row' ? height / 2 - 14 : -10;
20
20
  const transform = direction === 'row' ? 'rotate(90deg)' : 'none';
21
21
  return /*#__PURE__*/React.createElement(Box, {
22
- xcss: boxStyles,
22
+ xcss: boxStyles
23
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
24
+ ,
23
25
  style: {
24
26
  width: `${width}px`,
25
27
  height: `${height}px`
26
28
  }
27
- }, /*#__PURE__*/React.createElement(DragInMotionIcon, {
29
+ }, /*#__PURE__*/React.createElement(DragInMotionIcon
30
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
31
+ , {
28
32
  style: {
29
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
30
34
  position: 'absolute',
@@ -42,7 +42,9 @@ export const FloatingAlignmentButtons = ({
42
42
  }) : undefined,
43
43
  title: item.title,
44
44
  selected: item.selected,
45
- disabled: item.disabled,
45
+ disabled: item.disabled
46
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
47
+ ,
46
48
  onClick: () => {
47
49
  dispatchCommand(item.onClick);
48
50
  },
@@ -163,7 +163,9 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
163
163
  target: targetCellRef,
164
164
  mountTo: tableWrapper || mountPoint,
165
165
  boundariesElement: targetCellRef,
166
- scrollableElement: scrollableElement,
166
+ scrollableElement: scrollableElement
167
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
168
+ ,
167
169
  offset: [BUTTON_OFFSET, -BUTTON_OFFSET],
168
170
  forcePlacement: true,
169
171
  allowOutOfBounds: true,
@@ -150,7 +150,9 @@ export class ContextualMenu extends Component {
150
150
  }, jsx(ArrowKeyNavigationProvider, {
151
151
  type: ArrowKeyNavigationType.COLOR,
152
152
  selectedRowIndex: selectedRowIndex || 0,
153
- selectedColumnIndex: selectedColumnIndex || 0,
153
+ selectedColumnIndex: selectedColumnIndex || 0
154
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
155
+ ,
154
156
  handleClose: () => {
155
157
  this.setState({
156
158
  isSubmenuOpen: false
@@ -170,7 +172,9 @@ export class ContextualMenu extends Component {
170
172
  }, jsx(ColorPalette, {
171
173
  cols: 7,
172
174
  onClick: this.setColor,
173
- selectedColor: (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff',
175
+ selectedColor: (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff'
176
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
177
+ ,
174
178
  paletteOptions: {
175
179
  palette: cellBackgroundColorPalette,
176
180
  paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
@@ -844,6 +848,7 @@ export class ContextualMenu extends Component {
844
848
  }, jsx(DropdownMenu
845
849
  //This needs be removed when the a11y is completely handled
846
850
  //Disabling key navigation now as it works only partially
851
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
847
852
  , {
848
853
  arrowKeyNavigationProviderOptions: {
849
854
  type: ArrowKeyNavigationType.MENU,
@@ -856,7 +861,9 @@ export class ContextualMenu extends Component {
856
861
  onMouseEnter: this.handleItemMouseEnter,
857
862
  onMouseLeave: this.handleItemMouseLeave,
858
863
  fitHeight: 188,
859
- fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
864
+ fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth
865
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
866
+ ,
860
867
  shouldFocusFirstItem: () => {
861
868
  return Boolean(isCellMenuOpenByKeyboard);
862
869
  },
@@ -84,7 +84,9 @@ const FloatingContextualMenu = ({
84
84
  // in table, but below floating dialogs like typeaheads, pickers, etc.
85
85
  ,
86
86
  zIndex: parentSticky ? akEditorFloatingDialogZIndex : akEditorFloatingOverlapPanelZIndex,
87
- forcePlacement: true,
87
+ forcePlacement: true
88
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
89
+ ,
88
90
  offset: [-7, 0],
89
91
  stick: true
90
92
  }, jsx("div", {
@@ -93,7 +95,9 @@ const FloatingContextualMenu = ({
93
95
  // Remove ! during platform_editor_hydratable_ui cleanup
94
96
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
95
97
  , {
96
- editorView: editorView,
98
+ editorView: editorView
99
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
100
+ ,
97
101
  offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
98
102
  isOpen: isOpen,
99
103
  targetCellPosition: targetCellPosition,
@@ -313,7 +313,9 @@ const DragMenu = /*#__PURE__*/React.memo(({
313
313
  }, jsx(ArrowKeyNavigationProvider, {
314
314
  type: ArrowKeyNavigationType.COLOR,
315
315
  selectedRowIndex: selectedRowIndex,
316
- selectedColumnIndex: selectedColumnIndex,
316
+ selectedColumnIndex: selectedColumnIndex
317
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
318
+ ,
317
319
  handleClose: () => {
318
320
  const keyboardEvent = new KeyboardEvent('keydown', {
319
321
  key: 'ArrowDown',
@@ -328,11 +330,15 @@ const DragMenu = /*#__PURE__*/React.memo(({
328
330
  isPopupPositioned: true,
329
331
  isOpenedByKeyboard: isKeyboardModeActive
330
332
  }, jsx(ColorPalette, {
331
- cols: colorPalletteColumns,
333
+ cols: colorPalletteColumns
334
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
335
+ ,
332
336
  onClick: color => {
333
337
  setColor(color);
334
338
  },
335
- selectedColor: background,
339
+ selectedColor: background
340
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
341
+ ,
336
342
  paletteOptions: {
337
343
  palette: cellBackgroundColorPalette,
338
344
  paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
@@ -561,7 +567,9 @@ const DragMenu = /*#__PURE__*/React.memo(({
561
567
  api: api,
562
568
  userIntent: "tableDragMenuPopupOpen"
563
569
  }, jsx(DropdownMenu, {
564
- disableKeyboardHandling: isSubmenuOpen,
570
+ disableKeyboardHandling: isSubmenuOpen
571
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
572
+ ,
565
573
  section: {
566
574
  hasSeparator: true
567
575
  },
@@ -44,13 +44,19 @@ export const DropdownMenu = ({
44
44
  return /*#__PURE__*/React.createElement(DropListWithOutsideListeners, {
45
45
  isOpen: true,
46
46
  shouldFitContainer: true,
47
- position: popupPlacement.join(' '),
48
- handleClickOutside: () => handleClose('editor'),
47
+ position: popupPlacement.join(' ')
48
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
49
+ ,
50
+ handleClickOutside: () => handleClose('editor')
51
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
52
+ ,
49
53
  handleEscapeKeydown: () => {
50
54
  if (!disableKeyboardHandling) {
51
55
  handleClose('handle');
52
56
  }
53
- },
57
+ }
58
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
59
+ ,
54
60
  handleEnterKeydown: e => {
55
61
  if (!disableKeyboardHandling) {
56
62
  e.preventDefault();
@@ -140,13 +146,17 @@ export const DropdownMenu = ({
140
146
  target: targetRefDiv,
141
147
  mountTo: mountPoint,
142
148
  boundariesElement: boundariesElement,
143
- scrollableElement: scrollableElement,
149
+ scrollableElement: scrollableElement
150
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
151
+ ,
144
152
  onPlacementChanged: placement => {
145
153
  setPopupPlacement(placement);
146
154
  },
147
155
  fitHeight: fitHeight,
148
156
  fitWidth: fitWidth,
149
- zIndex: akEditorFloatingPanelZIndex,
157
+ zIndex: akEditorFloatingPanelZIndex
158
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
159
+ ,
150
160
  offset: [offsetX, offsetY],
151
161
  allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
152
162
  }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
@@ -43,7 +43,9 @@ export const SizeSelector = ({
43
43
  const onUnmount = () => {
44
44
  api === null || api === void 0 ? void 0 : api.core.actions.focus();
45
45
  };
46
- return jsx(TableSelectorPopup, {
46
+ return jsx(TableSelectorPopup
47
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
48
+ , {
47
49
  defaultSize: {
48
50
  row: DEFAULT_TABLE_SELECTOR_ROWS,
49
51
  col: DEFAULT_TABLE_SELECTOR_COLS
@@ -250,7 +250,9 @@ export const DragControls = ({
250
250
  , {
251
251
  key: `drop-target-${index}`,
252
252
  index: index,
253
- localId: currentNodeLocalId,
253
+ localId: currentNodeLocalId
254
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
255
+ ,
254
256
  style: {
255
257
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
256
258
  gridColumn: '1 / span 3',
@@ -14,7 +14,6 @@ import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-st
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import { N0, N40A, R500 } from '@atlaskit/theme/colors';
16
16
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
- import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
18
17
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
19
18
  import { SORTING_ICON_CLASS_NAME } from '../pm-plugins/view-mode-sort/consts';
20
19
  import { TableCssClassName as ClassName } from '../types';
@@ -981,7 +980,7 @@ const baseTableStylesWithoutSharedStyle = props => {
981
980
  }
982
981
  }
983
982
 
984
- ${expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? `/* Apply numbered column styling when table is selected via text selection (e.g., block menu) */
983
+ ${editorExperiment('platform_editor_block_menu', true) ? `/* Apply numbered column styling when table is selected via text selection (e.g., block menu) */
985
984
  .${akEditorSelectedNodeClassName} {
986
985
  .${ClassName.NUMBERED_COLUMN} {
987
986
  .${ClassName.NUMBERED_COLUMN_BUTTON} {
@@ -1008,7 +1007,7 @@ const baseTableStylesWithoutSharedStyle = props => {
1008
1007
  }
1009
1008
  }
1010
1009
 
1011
- ${expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? `.tableView-content-wrap.danger {
1010
+ ${editorExperiment('platform_editor_block_menu', true) ? `.tableView-content-wrap.danger {
1012
1011
  :not(.${ClassName.IS_RESIZING}) .${ClassName.WITH_CONTROLS} {
1013
1012
  .${ClassName.NUMBERED_COLUMN_BUTTON} {
1014
1013
  background-color: ${tableToolbarDeleteColor};
@@ -548,12 +548,16 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
548
548
  }
549
549
  return jsx(DropdownMenuExtensionItems, {
550
550
  node: tableObject.node,
551
- editorView: editorView,
551
+ editorView: editorView
552
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
553
+ ,
552
554
  extension: {
553
555
  extensionProvider: extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider ? Promise.resolve(extensionState.extensionProvider) : undefined,
554
556
  extensionApi: extensionApi
555
557
  },
556
- dropdownOptions: dropdownOptions,
558
+ dropdownOptions: dropdownOptions
559
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
560
+ ,
557
561
  disabled: key => {
558
562
  return isNestedTable && ['referentiality:connections', 'chart:insert-chart'].includes(key);
559
563
  },
@@ -837,7 +837,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
837
837
  stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
838
838
  getEditorFeatureFlags: getEditorFeatureFlags,
839
839
  tableContainerWidth: tableContainerWidth,
840
- isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
840
+ isNumberColumnEnabled: node.attrs.isNumberColumnEnabled
841
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
842
+ ,
841
843
  getScrollOffset: function getScrollOffset() {
842
844
  var _this5$wrapper;
843
845
  return ((_this5$wrapper = _this5.wrapper) === null || _this5$wrapper === void 0 ? void 0 : _this5$wrapper.scrollLeft) || 0;
@@ -899,11 +901,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
899
901
  "data-testid": "sticky-scrollbar-sentinel-top"
900
902
  }), allowControls && rowControls, isDragAndDropEnabled && /*#__PURE__*/React.createElement(ExternalDropTargets, {
901
903
  editorView: view,
902
- node: node,
904
+ node: node
905
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
906
+ ,
903
907
  getScrollOffset: function getScrollOffset() {
904
908
  var _this5$wrapper2;
905
909
  return ((_this5$wrapper2 = _this5.wrapper) === null || _this5$wrapper2 === void 0 ? void 0 : _this5$wrapper2.scrollLeft) || 0;
906
- },
910
+ }
911
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
912
+ ,
907
913
  getTableWrapperWidth: function getTableWrapperWidth() {
908
914
  var _this5$wrapper3;
909
915
  return ((_this5$wrapper3 = _this5.wrapper) === null || _this5$wrapper3 === void 0 ? void 0 : _this5$wrapper3.clientWidth) || 760;
@@ -80,6 +80,7 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
80
80
  try {
81
81
  currentTablePos = getPos ? getPos() : undefined;
82
82
  } catch (e) {
83
+ // eslint-disable-line no-unused-vars
83
84
  currentTablePos = undefined;
84
85
  }
85
86
  var selectedTable = findTable(view.state.selection);
@@ -103,7 +104,9 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
103
104
  tableActive: tableActive && !isLivePageViewMode && interaction !== 'hasNotHadInteraction',
104
105
  ordering: ordering,
105
106
  isResizing: isResizing,
106
- getNode: getNode,
107
+ getNode: getNode
108
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
109
+ ,
107
110
  containerWidth: {
108
111
  width: width !== null && width !== void 0 ? width : 0,
109
112
  lineLength: lineLength
@@ -398,7 +398,9 @@ export var TableContainer = function TableContainer(_ref5) {
398
398
  className: classNames(className, {
399
399
  'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
400
400
  }),
401
- style: {
401
+ style:
402
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
403
+ {
402
404
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
403
405
  width: 'inherit',
404
406
  marginLeft: isChromelessEditor ? 18 : undefined,
@@ -510,7 +510,9 @@ export var TableResizer = function TableResizer(_ref) {
510
510
  isHandleVisible: isTableSelected,
511
511
  needExtendedResizeZone: expValEquals('platform_editor_table_resizer_extended_zone', 'isEnabled', true) ? true : !isTableSelected,
512
512
  appearance: isTableSelected && isWholeTableInDanger ? 'danger' : undefined,
513
- handleHighlight: "shadow",
513
+ handleHighlight: "shadow"
514
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
515
+ ,
514
516
  handleTooltipContent: function handleTooltipContent(_ref3) {
515
517
  var update = _ref3.update;
516
518
  updateTooltip.current = update;
@@ -180,7 +180,9 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
180
180
  alignY: 'bottom',
181
181
  stick: true,
182
182
  forcePlacement: true,
183
- zIndex: akEditorFloatingPanelZIndex,
183
+ zIndex: akEditorFloatingPanelZIndex
184
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
185
+ ,
184
186
  offset: [0, 10]
185
187
  }), isTableSelectorEnabled && isSizeSelectorOpen && /*#__PURE__*/React.createElement(SizeSelector, {
186
188
  api: api,
@@ -18,12 +18,16 @@ export var DragPreview = function DragPreview(_ref) {
18
18
  var marginTop = direction === 'row' ? height / 2 - 14 : -10;
19
19
  var transform = direction === 'row' ? 'rotate(90deg)' : 'none';
20
20
  return /*#__PURE__*/React.createElement(Box, {
21
- xcss: boxStyles,
21
+ xcss: boxStyles
22
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
23
+ ,
22
24
  style: {
23
25
  width: "".concat(width, "px"),
24
26
  height: "".concat(height, "px")
25
27
  }
26
- }, /*#__PURE__*/React.createElement(DragInMotionIcon, {
28
+ }, /*#__PURE__*/React.createElement(DragInMotionIcon
29
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
30
+ , {
27
31
  style: {
28
32
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
29
33
  position: 'absolute',
@@ -41,7 +41,9 @@ export var FloatingAlignmentButtons = function FloatingAlignmentButtons(_ref) {
41
41
  }) : undefined,
42
42
  title: item.title,
43
43
  selected: item.selected,
44
- disabled: item.disabled,
44
+ disabled: item.disabled
45
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
46
+ ,
45
47
  onClick: function onClick() {
46
48
  dispatchCommand(item.onClick);
47
49
  },
@@ -155,7 +155,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
155
155
  target: targetCellRef,
156
156
  mountTo: tableWrapper || mountPoint,
157
157
  boundariesElement: targetCellRef,
158
- scrollableElement: scrollableElement,
158
+ scrollableElement: scrollableElement
159
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
160
+ ,
159
161
  offset: [BUTTON_OFFSET, -BUTTON_OFFSET],
160
162
  forcePlacement: true,
161
163
  allowOutOfBounds: true,
@@ -157,7 +157,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
157
157
  }, jsx(ArrowKeyNavigationProvider, {
158
158
  type: ArrowKeyNavigationType.COLOR,
159
159
  selectedRowIndex: selectedRowIndex || 0,
160
- selectedColumnIndex: selectedColumnIndex || 0,
160
+ selectedColumnIndex: selectedColumnIndex || 0
161
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
162
+ ,
161
163
  handleClose: function handleClose() {
162
164
  _this.setState({
163
165
  isSubmenuOpen: false
@@ -177,7 +179,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
177
179
  }, jsx(ColorPalette, {
178
180
  cols: 7,
179
181
  onClick: _this.setColor,
180
- selectedColor: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff',
182
+ selectedColor: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff'
183
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
184
+ ,
181
185
  paletteOptions: {
182
186
  palette: cellBackgroundColorPalette,
183
187
  paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
@@ -782,6 +786,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
782
786
  }, jsx(DropdownMenu
783
787
  //This needs be removed when the a11y is completely handled
784
788
  //Disabling key navigation now as it works only partially
789
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
785
790
  , {
786
791
  arrowKeyNavigationProviderOptions: {
787
792
  type: ArrowKeyNavigationType.MENU,
@@ -794,7 +799,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
794
799
  onMouseEnter: this.handleItemMouseEnter,
795
800
  onMouseLeave: this.handleItemMouseLeave,
796
801
  fitHeight: 188,
797
- fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
802
+ fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth
803
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
804
+ ,
798
805
  shouldFocusFirstItem: function shouldFocusFirstItem() {
799
806
  return Boolean(isCellMenuOpenByKeyboard);
800
807
  },
@@ -80,7 +80,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
80
80
  // in table, but below floating dialogs like typeaheads, pickers, etc.
81
81
  ,
82
82
  zIndex: parentSticky ? akEditorFloatingDialogZIndex : akEditorFloatingOverlapPanelZIndex,
83
- forcePlacement: true,
83
+ forcePlacement: true
84
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
85
+ ,
84
86
  offset: [-7, 0],
85
87
  stick: true
86
88
  }, jsx("div", {
@@ -89,7 +91,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
89
91
  // Remove ! during platform_editor_hydratable_ui cleanup
90
92
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
91
93
  , {
92
- editorView: editorView,
94
+ editorView: editorView
95
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
96
+ ,
93
97
  offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
94
98
  isOpen: isOpen,
95
99
  targetCellPosition: targetCellPosition,
@@ -308,7 +308,9 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
308
308
  }, jsx(ArrowKeyNavigationProvider, {
309
309
  type: ArrowKeyNavigationType.COLOR,
310
310
  selectedRowIndex: selectedRowIndex,
311
- selectedColumnIndex: selectedColumnIndex,
311
+ selectedColumnIndex: selectedColumnIndex
312
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
313
+ ,
312
314
  handleClose: function handleClose() {
313
315
  var keyboardEvent = new KeyboardEvent('keydown', {
314
316
  key: 'ArrowDown',
@@ -323,11 +325,15 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
323
325
  isPopupPositioned: true,
324
326
  isOpenedByKeyboard: isKeyboardModeActive
325
327
  }, jsx(ColorPalette, {
326
- cols: colorPalletteColumns,
328
+ cols: colorPalletteColumns
329
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
330
+ ,
327
331
  onClick: function onClick(color) {
328
332
  setColor(color);
329
333
  },
330
- selectedColor: background,
334
+ selectedColor: background
335
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
336
+ ,
331
337
  paletteOptions: {
332
338
  palette: cellBackgroundColorPalette,
333
339
  paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
@@ -557,7 +563,9 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
557
563
  api: api,
558
564
  userIntent: "tableDragMenuPopupOpen"
559
565
  }, jsx(DropdownMenu, {
560
- disableKeyboardHandling: isSubmenuOpen,
566
+ disableKeyboardHandling: isSubmenuOpen
567
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
568
+ ,
561
569
  section: {
562
570
  hasSeparator: true
563
571
  },
@@ -50,15 +50,21 @@ export var DropdownMenu = function DropdownMenu(_ref) {
50
50
  return /*#__PURE__*/React.createElement(DropListWithOutsideListeners, {
51
51
  isOpen: true,
52
52
  shouldFitContainer: true,
53
- position: popupPlacement.join(' '),
53
+ position: popupPlacement.join(' ')
54
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
55
+ ,
54
56
  handleClickOutside: function handleClickOutside() {
55
57
  return handleClose('editor');
56
- },
58
+ }
59
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
60
+ ,
57
61
  handleEscapeKeydown: function handleEscapeKeydown() {
58
62
  if (!disableKeyboardHandling) {
59
63
  handleClose('handle');
60
64
  }
61
- },
65
+ }
66
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
67
+ ,
62
68
  handleEnterKeydown: function handleEnterKeydown(e) {
63
69
  if (!disableKeyboardHandling) {
64
70
  e.preventDefault();
@@ -154,13 +160,17 @@ export var DropdownMenu = function DropdownMenu(_ref) {
154
160
  target: targetRefDiv,
155
161
  mountTo: mountPoint,
156
162
  boundariesElement: boundariesElement,
157
- scrollableElement: scrollableElement,
163
+ scrollableElement: scrollableElement
164
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
165
+ ,
158
166
  onPlacementChanged: function onPlacementChanged(placement) {
159
167
  setPopupPlacement(placement);
160
168
  },
161
169
  fitHeight: fitHeight,
162
170
  fitWidth: fitWidth,
163
- zIndex: akEditorFloatingPanelZIndex,
171
+ zIndex: akEditorFloatingPanelZIndex
172
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
173
+ ,
164
174
  offset: [offsetX, offsetY],
165
175
  allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
166
176
  }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {