@atlaskit/editor-plugin-table 18.1.3 → 18.1.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 18.1.5
+
+### Patch Changes
+
+- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 18.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.1.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -843,7 +843,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
         getEditorFeatureFlags: getEditorFeatureFlags,
         tableContainerWidth: tableContainerWidth,
-        isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
+        isNumberColumnEnabled: node.attrs.isNumberColumnEnabled
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         getScrollOffset: function getScrollOffset() {
           var _this5$wrapper;
           return ((_this5$wrapper = _this5.wrapper) === null || _this5$wrapper === void 0 ? void 0 : _this5$wrapper.scrollLeft) || 0;
@@ -905,11 +907,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         "data-testid": "sticky-scrollbar-sentinel-top"
       }), allowControls && rowControls, isDragAndDropEnabled && /*#__PURE__*/_react.default.createElement(_ExternalDropTargets.ExternalDropTargets, {
         editorView: view,
-        node: node,
+        node: node
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         getScrollOffset: function getScrollOffset() {
           var _this5$wrapper2;
           return ((_this5$wrapper2 = _this5.wrapper) === null || _this5$wrapper2 === void 0 ? void 0 : _this5$wrapper2.scrollLeft) || 0;
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         getTableWrapperWidth: function getTableWrapperWidth() {
           var _this5$wrapper3;
           return ((_this5$wrapper3 = _this5.wrapper) === null || _this5$wrapper3 === void 0 ? void 0 : _this5$wrapper3.clientWidth) || 760;

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -86,6 +86,7 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
   try {
     currentTablePos = getPos ? getPos() : undefined;
   } catch (e) {
+    // eslint-disable-line no-unused-vars
     currentTablePos = undefined;
   }
   var selectedTable = (0, _editorTables.findTable)(view.state.selection);
@@ -109,7 +110,9 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     tableActive: tableActive && !isLivePageViewMode && interaction !== 'hasNotHadInteraction',
     ordering: ordering,
     isResizing: isResizing,
-    getNode: getNode,
+    getNode: getNode
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     containerWidth: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength

package/dist/cjs/nodeviews/TableContainer.js

@@ -407,7 +407,9 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
     className: (0, _classnames.default)(className, {
       'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
     }),
-    style: {
+    style:
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: 'inherit',
       marginLeft: isChromelessEditor ? 18 : undefined,

package/dist/cjs/nodeviews/TableResizer.js

@@ -519,7 +519,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     isHandleVisible: isTableSelected,
     needExtendedResizeZone: (0, _expValEquals.expValEquals)('platform_editor_table_resizer_extended_zone', 'isEnabled', true) ? true : !isTableSelected,
     appearance: isTableSelected && isWholeTableInDanger ? 'danger' : undefined,
-    handleHighlight: "shadow",
+    handleHighlight: "shadow"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     handleTooltipContent: function handleTooltipContent(_ref3) {
       var update = _ref3.update;
       updateTooltip.current = update;

package/dist/cjs/ui/ContentComponent.js

@@ -188,7 +188,9 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     alignY: 'bottom',
     stick: true,
     forcePlacement: true,
-    zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex,
+    zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [0, 10]
   }), isTableSelectorEnabled && isSizeSelectorOpen && /*#__PURE__*/_react.default.createElement(_SizeSelector.SizeSelector, {
     api: api,

package/dist/cjs/ui/DragPreview/index.js

@@ -25,12 +25,16 @@ var DragPreview = exports.DragPreview = function DragPreview(_ref) {
   var marginTop = direction === 'row' ? height / 2 - 14 : -10;
   var transform = direction === 'row' ? 'rotate(90deg)' : 'none';
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: boxStyles,
+    xcss: boxStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     style: {
       width: "".concat(width, "px"),
       height: "".concat(height, "px")
     }
-  }, /*#__PURE__*/_react.default.createElement(_DragInMotionIcon.DragInMotionIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_DragInMotionIcon.DragInMotionIcon
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',

package/dist/cjs/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js

@@ -49,7 +49,9 @@ var FloatingAlignmentButtons = exports.FloatingAlignmentButtons = function Float
           }) : undefined,
           title: item.title,
           selected: item.selected,
-          disabled: item.disabled,
+          disabled: item.disabled
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onClick: function onClick() {
             dispatchCommand(item.onClick);
           },

package/dist/cjs/ui/FloatingContextualButton/index.js

@@ -165,7 +165,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     target: targetCellRef,
     mountTo: tableWrapper || mountPoint,
     boundariesElement: targetCellRef,
-    scrollableElement: scrollableElement,
+    scrollableElement: scrollableElement
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [BUTTON_OFFSET, -BUTTON_OFFSET],
     forcePlacement: true,
     allowOutOfBounds: true,

package/dist/cjs/ui/FloatingContextualButton/styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tableFloatingCellButtonStyles = exports.tableFloatingCellButtonSelectedStyles = void 0;
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _consts = require("../consts");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -14,7 +13,7 @@ var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = func
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
       // Sits behind button to provide surface-color background
-      background: "var(--ds-surface, ".concat(_colors.N20, ")"),
+      background: "var(--ds-surface, #FFFFFF)",
       borderRadius: "var(--ds-radius-small, 3px)",
       display: 'flex',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -24,10 +23,10 @@ var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = func
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button': {
-      background: "var(--ds-background-neutral, none)",
+      background: "var(--ds-background-neutral, #0515240F)",
       flexDirection: 'column',
       margin: "var(--ds-space-025, 2px)",
-      outline: "2px solid ".concat("var(--ds-surface, ".concat(_colors.N0, ")")),
+      outline: "2px solid ".concat("var(--ds-surface, #FFFFFF)"),
       borderRadius: '1px',
       padding: 0,
       height: 'calc(100% - 4px)',
@@ -35,11 +34,11 @@ var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = func
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button:hover': {
-      background: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")
+      background: "var(--ds-background-neutral-hovered, #0B120E24)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button:active': {
-      background: "var(--ds-background-neutral-pressed, rgba(179, 212, 255, 0.6))"
+      background: "var(--ds-background-neutral-pressed, #080F214A)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button > span': {
@@ -55,15 +54,15 @@ var tableFloatingCellButtonSelectedStyles = exports.tableFloatingCellButtonSelec
   return (0, _react.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button': {
-      background: "var(--ds-background-selected, ".concat(_colors.N700, ")")
+      background: "var(--ds-background-selected, #E9F2FE)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button:hover': {
-      background: "var(--ds-background-selected-hovered, ".concat(_colors.N700, ")")
+      background: "var(--ds-background-selected-hovered, #CFE1FD)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button:active': {
-      background: "var(--ds-background-selected-pressed, ".concat(_colors.N700, ")")
+      background: "var(--ds-background-selected-pressed, #8FB8F6)"
     }
   });
 };

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -163,7 +163,9 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           }, (0, _react2.jsx)(_uiMenu.ArrowKeyNavigationProvider, {
             type: _uiMenu.ArrowKeyNavigationType.COLOR,
             selectedRowIndex: selectedRowIndex || 0,
-            selectedColumnIndex: selectedColumnIndex || 0,
+            selectedColumnIndex: selectedColumnIndex || 0
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             handleClose: function handleClose() {
               _this.setState({
                 isSubmenuOpen: false
@@ -183,7 +185,9 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           }, (0, _react2.jsx)(_uiColor.ColorPalette, {
             cols: 7,
             onClick: _this.setColor,
-            selectedColor: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff',
+            selectedColor: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff'
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             paletteOptions: {
               palette: _uiColor.cellBackgroundColorPalette,
               paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
@@ -788,6 +792,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       }, (0, _react2.jsx)(_uiMenu.DropdownMenu
       //This needs be removed when the a11y is completely handled
       //Disabling key navigation now as it works only partially
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
       , {
         arrowKeyNavigationProviderOptions: {
           type: _uiMenu.ArrowKeyNavigationType.MENU,
@@ -800,7 +805,9 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         onMouseEnter: this.handleItemMouseEnter,
         onMouseLeave: this.handleItemMouseLeave,
         fitHeight: 188,
-        fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth,
+        fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         shouldFocusFirstItem: function shouldFocusFirstItem() {
           return Boolean(isCellMenuOpenByKeyboard);
         },

package/dist/cjs/ui/FloatingContextualMenu/index.js

@@ -88,7 +88,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     // in table, but below floating dialogs like typeaheads, pickers, etc.
     ,
     zIndex: parentSticky ? _editorSharedStyles.akEditorFloatingDialogZIndex : _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
-    forcePlacement: true,
+    forcePlacement: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [-7, 0],
     stick: true
   }, (0, _react.jsx)("div", {
@@ -97,7 +99,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   // Remove ! during platform_editor_hydratable_ui cleanup
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   , {
-    editorView: editorView,
+    editorView: editorView
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [_consts.contextualMenuTriggerSize / 2, -_consts.contextualMenuTriggerSize],
     isOpen: isOpen,
     targetCellPosition: targetCellPosition,

package/dist/cjs/ui/FloatingContextualMenu/styles.js

@@ -8,7 +8,6 @@ exports.tablePopupStyles = exports.cellColourPreviewStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _colors = require("@atlaskit/theme/colors");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -23,5 +22,5 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
 var tablePopupStyles = exports.tablePopupStyles = function tablePopupStyles(isDragAndDropEnabled
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 ) {
-  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: 0;\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: 20px;\n\t\t\theight: 20px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 20px;\n\t\t\tcolor: ", ";\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.CONTEXTUAL_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"), _types.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
+  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: 0;\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: 20px;\n\t\t\theight: 20px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 20px;\n\t\t\tcolor: ", ";\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.CONTEXTUAL_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, #292A2E)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, #292A2E)");
 };

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -319,7 +319,9 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
       }, (0, _react2.jsx)(_uiMenu.ArrowKeyNavigationProvider, {
         type: _uiMenu.ArrowKeyNavigationType.COLOR,
         selectedRowIndex: selectedRowIndex,
-        selectedColumnIndex: selectedColumnIndex,
+        selectedColumnIndex: selectedColumnIndex
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         handleClose: function handleClose() {
           var keyboardEvent = new KeyboardEvent('keydown', {
             key: 'ArrowDown',
@@ -334,11 +336,15 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         isPopupPositioned: true,
         isOpenedByKeyboard: isKeyboardModeActive
       }, (0, _react2.jsx)(_uiColor.ColorPalette, {
-        cols: _consts.colorPalletteColumns,
+        cols: _consts.colorPalletteColumns
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onClick: function onClick(color) {
           setColor(color);
         },
-        selectedColor: background,
+        selectedColor: background
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         paletteOptions: {
           palette: _uiColor.cellBackgroundColorPalette,
           paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
@@ -568,7 +574,9 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     api: api,
     userIntent: "tableDragMenuPopupOpen"
   }, (0, _react2.jsx)(_DropdownMenu.DropdownMenu, {
-    disableKeyboardHandling: isSubmenuOpen,
+    disableKeyboardHandling: isSubmenuOpen
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     section: {
       hasSeparator: true
     },

package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js

@@ -60,15 +60,21 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
     return /*#__PURE__*/_react.default.createElement(DropListWithOutsideListeners, {
       isOpen: true,
       shouldFitContainer: true,
-      position: popupPlacement.join(' '),
+      position: popupPlacement.join(' ')
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       handleClickOutside: function handleClickOutside() {
         return handleClose('editor');
-      },
+      }
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       handleEscapeKeydown: function handleEscapeKeydown() {
         if (!disableKeyboardHandling) {
           handleClose('handle');
         }
-      },
+      }
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       handleEnterKeydown: function handleEnterKeydown(e) {
         if (!disableKeyboardHandling) {
           e.preventDefault();
@@ -164,13 +170,17 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
       target: targetRefDiv,
       mountTo: mountPoint,
       boundariesElement: boundariesElement,
-      scrollableElement: scrollableElement,
+      scrollableElement: scrollableElement
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onPlacementChanged: function onPlacementChanged(placement) {
         setPopupPlacement(placement);
       },
       fitHeight: fitHeight,
       fitWidth: fitWidth,
-      zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex,
+      zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       offset: [offsetX, offsetY],
       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
     }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {

package/dist/cjs/ui/FloatingDragMenu/styles.js

@@ -8,7 +8,6 @@ exports.toggleStyles = exports.dragMenuBackgroundColorStyles = exports.cellColou
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _colors = require("@atlaskit/theme/colors");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -23,7 +22,7 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 var dragMenuBackgroundColorStyles = exports.dragMenuBackgroundColorStyles = function dragMenuBackgroundColorStyles() {
-  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-radius-small, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), _consts.TABLE_DRAG_MENU_PADDING_TOP + _consts.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + _consts.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, _consts.dragMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.DRAG_SUBMENU_ICON, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
+  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-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", _consts.TABLE_DRAG_MENU_PADDING_TOP + _consts.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + _consts.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, _consts.dragMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.DRAG_SUBMENU_ICON, _adfSchema.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, #292A2E)");
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/cjs/ui/SizeSelector/index.js

@@ -47,7 +47,9 @@ var SizeSelector = exports.SizeSelector = function SizeSelector(_ref) {
   var onUnmount = function onUnmount() {
     api === null || api === void 0 || api.core.actions.focus();
   };
-  return (0, _react2.jsx)(_ui.TableSelectorPopup, {
+  return (0, _react2.jsx)(_ui.TableSelectorPopup
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     defaultSize: {
       row: DEFAULT_TABLE_SELECTOR_ROWS,
       col: DEFAULT_TABLE_SELECTOR_COLS

package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js

@@ -258,7 +258,9 @@ var DragControls = exports.DragControls = function DragControls(_ref) {
       , {
         key: "drop-target-".concat(index),
         index: index,
-        localId: currentNodeLocalId,
+        localId: currentNodeLocalId
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           gridColumn: '1 / span 3',