@atlaskit/editor-plugin-table 7.19.5 → 7.19.7

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

@@ -19,7 +19,7 @@ import { splitCell } from '@atlaskit/editor-tables/utils';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import EditorBackgroundColorIcon from '@atlaskit/icon/glyph/editor/background-color';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -77,7 +77,7 @@ export class ContextualMenu extends Component {
         const background = hexToEditorBackgroundPaletteColor((node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
         let selectedRowIndex;
         let selectedColumnIndex;
-        if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+        if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
           const selectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette(cellBackgroundColorPalette, background, colorPalletteColumns);
           selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
           selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
@@ -105,7 +105,7 @@ export class ContextualMenu extends Component {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             ,
             className: isDragAndDropEnabled ? ClassName.CONTEXTUAL_MENU_ICON_SMALL : ClassName.CONTEXTUAL_MENU_ICON
-          }), getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen && jsx("div", {
+          }), fg('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen && jsx("div", {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: this.handleSubMenuRef
@@ -150,7 +150,7 @@ export class ContextualMenu extends Component {
               hexToPaletteColor: hexToEditorBackgroundPaletteColor
             }
           }))),
-          'aria-expanded': getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen : undefined
+          'aria-expanded': fg('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen : undefined
         };
       }
     });
@@ -500,7 +500,7 @@ export class ContextualMenu extends Component {
       } = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
       // context menu opened by keyboard and any item except 'background' activated
       // or color has been chosen from color palette
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && (item.value.name !== 'background' || item.value.name === 'background' && this.state.isSubmenuOpen)) {
+      if (isCellMenuOpenByKeyboard && (item.value.name !== 'background' || item.value.name === 'background' && this.state.isSubmenuOpen) && fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         const {
           tr
         } = state;
@@ -513,7 +513,7 @@ export class ContextualMenu extends Component {
         dispatch(tr);
         editorView.dom.focus(); // otherwise cursor disappears from cell
       }
-      const shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+      const shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent');
       switch (item.value.name) {
         case 'sort_column_desc':
           sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
@@ -572,7 +572,7 @@ export class ContextualMenu extends Component {
             // 1st time when user chooses the background color item.
             // 2nd when color has been chosen from color palette.
             // here we are handling the 1st call relying on the isSubmenuOpen state value
-            if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen) {
+            if (isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen && fg('platform.editor.a11y-table-context-menu_y4c9c')) {
               this.setState({
                 isSubmenuOpen: true
               });
@@ -605,7 +605,7 @@ export class ContextualMenu extends Component {
         },
         isCellMenuOpenByKeyboard
       } = this.props;
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+      if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         if (payload) {
           const {
             event
@@ -695,20 +695,16 @@ export class ContextualMenu extends Component {
         editorView,
         editorAnalyticsAPI
       } = this.props;
-      // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-      const {
-        targetCellPosition
-      } = getPluginState(editorView.state);
       const {
         state,
         dispatch
       } = editorView;
-      setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
+      setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
       this.toggleOpen();
     });
   }
   componentDidMount() {
-    if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+    if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
       // ArrowKeyNavigationProvider in DropdownMenu expects that menu handle will stay focused
       // until user pressed ArrowDown.
       // Behavior above fails the A11Y requirement about first item in menu should be focused immediately.
@@ -738,7 +734,7 @@ export class ContextualMenu extends Component {
     } = getPluginState(editorView.state);
     const items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
     let isOpenAllowed = false;
-    if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+    if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
     } else {
       isOpenAllowed = isOpen;
@@ -754,7 +750,7 @@ export class ContextualMenu extends Component {
       ,
       arrowKeyNavigationProviderOptions: {
         type: ArrowKeyNavigationType.MENU,
-        disableArrowKeyNavigation: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen ? false : true
+        disableArrowKeyNavigation: isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen && fg('platform.editor.a11y-table-context-menu_y4c9c') ? false : true
       },
       items: items,
       isOpen: isOpenAllowed,
@@ -764,7 +760,7 @@ export class ContextualMenu extends Component {
       onMouseLeave: this.handleItemMouseLeave,
       fitHeight: 188,
       fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
-      shouldFocusFirstItem: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? () => {
+      shouldFocusFirstItem: fg('platform.editor.a11y-table-context-menu_y4c9c') ? () => {
         return Boolean(isCellMenuOpenByKeyboard);
       } : undefined,
       boundariesElement: boundariesElement,
@@ -772,7 +768,7 @@ export class ContextualMenu extends Component {
       section: isDragAndDropEnabled ? {
         hasSeparator: true
       } : undefined,
-      isAllowEnterDefaultBehavior: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? this.state.isSubmenuOpen : false
+      isAllowEnterDefaultBehavior: fg('platform.editor.a11y-table-context-menu_y4c9c') ? this.state.isSubmenuOpen : false
     }));
   }
 }

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

@@ -11,7 +11,7 @@ export const cellColourPreviewStyles = selectedColor => css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const elementBeforeIconStyles = css({
   marginRight: "var(--ds-space-negative-075, -6px)",
   display: 'flex'

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

@@ -18,7 +18,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import EditorBackgroundColorIcon from '@atlaskit/icon/glyph/editor/background-color';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../commands-with-analytics';
@@ -209,7 +209,7 @@ export const DragMenu = /*#__PURE__*/React.memo(({
   const selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
   let shouldMoveDisabled;
   let hasMergedCellsInTable;
-  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+  if (fg('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
     var _tableMap$hasMergedCe;
     shouldMoveDisabled = false;
     hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
@@ -236,14 +236,11 @@ export const DragMenu = /*#__PURE__*/React.memo(({
     }
   };
   const setColor = color => {
-    const {
-      targetCellPosition
-    } = getTablePluginState(editorView.state);
     const {
       state,
       dispatch
     } = editorView;
-    setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
+    setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
     closeMenu();
     setIsSubmenuOpen(false);
   };

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

@@ -11,7 +11,7 @@ export const cellColourPreviewStyles = selectedColor => css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const elementBeforeIconStyles = css({
   marginRight: "var(--ds-space-negative-075, -6px)",
   display: 'flex'
@@ -55,7 +55,7 @@ export const dragMenuBackgroundColorStyles = (tableSortColumnReorder = false) =>
 	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const toggleStyles = css({
   display: 'flex',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

package/dist/es2019/ui/common-styles.js

@@ -1002,7 +1002,7 @@ export const tableStyles = props => css`
 	${shadowSentinelStyles}
 `;
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const tableFullPageEditorStyles = css`
 	.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
 		margin-left: 0;
@@ -1012,7 +1012,7 @@ export const tableFullPageEditorStyles = css`
 	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const tableCommentEditorStyles = css`
 	.ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
 		margin-left: 0;

package/dist/es2019/ui/ui-styles.js

@@ -565,7 +565,7 @@ export const hoveredCell = () => css`
 	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const hoveredWarningCell = css`
 	:not(.${ClassName.IS_RESIZING})
 		.${ClassName.TABLE_CONTAINER}:not(.${ClassName.HOVERED_DELETE_BUTTON}) {

package/dist/esm/commands/misc.js

@@ -302,10 +302,12 @@ export var moveCursorBackward = function moveCursorBackward(state, dispatch) {
   }
   return true;
 };
-export var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, targetCellPosition, editorView) {
+export var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, editorView) {
   return function (state, dispatch) {
     var cursorPos;
     var tr = state.tr;
+    var _getPluginState2 = getPluginState(state),
+      targetCellPosition = _getPluginState2.targetCellPosition;
     if (isSelectionType(tr.selection, 'cell')) {
       var selection = tr.selection;
       selection.forEachCell(function (_cell, pos) {
@@ -463,9 +465,9 @@ export var hideInsertColumnOrRowButton = function hideInsertColumnOrRowButton()
 export var addResizeHandleDecorations = function addResizeHandleDecorations(rowIndex, columnIndex, includeTooltip, isKeyboardResize) {
   return createCommand(function (state) {
     var tableNode = findTable(state.selection);
-    var _getPluginState2 = getPluginState(state),
-      allowColumnResizing = _getPluginState2.pluginConfig.allowColumnResizing,
-      getIntl = _getPluginState2.getIntl;
+    var _getPluginState3 = getPluginState(state),
+      allowColumnResizing = _getPluginState3.pluginConfig.allowColumnResizing,
+      getIntl = _getPluginState3.getIntl;
     if (!tableNode || !allowColumnResizing) {
       return false;
     }
@@ -489,12 +491,12 @@ export var addResizeHandleDecorations = function addResizeHandleDecorations(rowI
 export var updateResizeHandleDecorations = function updateResizeHandleDecorations(rowIndex, columnIndex, includeTooltip) {
   return createCommand(function (state) {
     var tableNode = findTable(state.selection);
-    var _getPluginState3 = getPluginState(state),
-      resizeHandleRowIndex = _getPluginState3.resizeHandleRowIndex,
-      resizeHandleColumnIndex = _getPluginState3.resizeHandleColumnIndex,
-      resizeHandleIncludeTooltip = _getPluginState3.resizeHandleIncludeTooltip,
-      allowColumnResizing = _getPluginState3.pluginConfig.allowColumnResizing,
-      getIntl = _getPluginState3.getIntl;
+    var _getPluginState4 = getPluginState(state),
+      resizeHandleRowIndex = _getPluginState4.resizeHandleRowIndex,
+      resizeHandleColumnIndex = _getPluginState4.resizeHandleColumnIndex,
+      resizeHandleIncludeTooltip = _getPluginState4.resizeHandleIncludeTooltip,
+      allowColumnResizing = _getPluginState4.pluginConfig.allowColumnResizing,
+      getIntl = _getPluginState4.getIntl;
     if (!tableNode || !allowColumnResizing) {
       return false;
     }
@@ -568,8 +570,8 @@ export var addBoldInEmptyHeaderCells = function addBoldInEmptyHeaderCells(tableC
 };
 export var updateWidthToWidest = function updateWidthToWidest(widthToWidest) {
   return createCommand(function (state) {
-    var _getPluginState4 = getPluginState(state),
-      prevWidthToWidest = _getPluginState4.widthToWidest;
+    var _getPluginState5 = getPluginState(state),
+      prevWidthToWidest = _getPluginState5.widthToWidest;
     if (isEqual(widthToWidest, prevWidthToWidest)) {
       return false;
     }

package/dist/esm/commands-with-analytics.js

@@ -118,7 +118,7 @@ export var splitCellWithAnalytics = function splitCellWithAnalytics(editorAnalyt
   };
 };
 export var setColorWithAnalytics = function setColorWithAnalytics(editorAnalyticsAPI) {
-  return function (inputMethod, cellColor, targetCellPosition, editorView) {
+  return function (inputMethod, cellColor, editorView) {
     return withEditorAnalyticsAPI(function (_ref4) {
       var selection = _ref4.selection;
       var _getSelectedCellInfo4 = getSelectedCellInfo(selection),
@@ -144,7 +144,7 @@ export var setColorWithAnalytics = function setColorWithAnalytics(editorAnalytic
       };
     })(editorAnalyticsAPI)(setMultipleCellAttrs({
       background: cellColor
-    }, targetCellPosition, editorView));
+    }, editorView));
   };
 };
 export var addRowAroundSelection = function addRowAroundSelection(editorAnalyticsAPI) {

package/dist/esm/plugin.js

@@ -435,14 +435,13 @@ var tablesPlugin = function tablesPlugin(_ref) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref19) {
-        var _options$getEditorFea3;
         var formatMessage = _ref19.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),
           description: formatMessage(messages.tableDescription),
           keywords: ['cell', 'table'],
-          priority: options !== null && options !== void 0 && (_options$getEditorFea3 = options.getEditorFeatureFlags) !== null && _options$getEditorFea3 !== void 0 && _options$getEditorFea3.call(options).platformEditorTypeaheadImprovedRelevancy ? 800 : 600,
+          priority: 600,
           keyshortcut: tooltip(toggleTable),
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconTable, null);

package/dist/esm/pm-plugins/drag-and-drop/plugin.js

@@ -3,7 +3,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getCellsInRow, getSelectedCellInfo } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
@@ -159,7 +159,7 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
             if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
               isTableScalingEnabledOnCurrentTable = tableNode.attrs.displayMode !== 'fixed';
             }
-            var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+            var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent');
             insertColgroupFromNode(tableRef, tableNode, isTableScalingEnabledOnCurrentTable, undefined, shouldUseIncreasedScalingPercent);
           }
         }

package/dist/esm/toolbar.js

@@ -547,7 +547,7 @@ var getColorPicker = function getColorPicker(state, menu, _ref5, editorAnalytics
     options: cellBackgroundColorPalette,
     returnEscToButton: true,
     onChange: function onChange(option) {
-      return setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB, option.value, targetCellPosition, getEditorView());
+      return setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB, option.value, getEditorView());
     }
   }, separator(menu.hidden)];
 };

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

@@ -30,7 +30,7 @@ import { splitCell } from '@atlaskit/editor-tables/utils';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import EditorBackgroundColorIcon from '@atlaskit/icon/glyph/editor/background-color';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -87,7 +87,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         var background = hexToEditorBackgroundPaletteColor((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
         var selectedRowIndex;
         var selectedColumnIndex;
-        if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+        if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
           var selectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette(cellBackgroundColorPalette, background, colorPalletteColumns);
           selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
           selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
@@ -115,7 +115,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             ,
             className: isDragAndDropEnabled ? ClassName.CONTEXTUAL_MENU_ICON_SMALL : ClassName.CONTEXTUAL_MENU_ICON
-          }), getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen && jsx("div", {
+          }), fg('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen && jsx("div", {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
@@ -160,7 +160,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
               hexToPaletteColor: hexToEditorBackgroundPaletteColor
             }
           }))),
-          'aria-expanded': getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen : undefined
+          'aria-expanded': fg('platform.editor.a11y-table-context-menu_y4c9c') ? isSubmenuOpen : undefined
         };
       }
     });
@@ -462,7 +462,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         tableWithFixedColumnWidthsOption = _ref4$tableWithFixedC === void 0 ? false : _ref4$tableWithFixedC;
       // context menu opened by keyboard and any item except 'background' activated
       // or color has been chosen from color palette
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && (item.value.name !== 'background' || item.value.name === 'background' && _this.state.isSubmenuOpen)) {
+      if (isCellMenuOpenByKeyboard && (item.value.name !== 'background' || item.value.name === 'background' && _this.state.isSubmenuOpen) && fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         var tr = state.tr;
         tr.setMeta(tablePluginKey, {
           type: 'SET_CELL_MENU_OPEN',
@@ -473,7 +473,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         dispatch(tr);
         editorView.dom.focus(); // otherwise cursor disappears from cell
       }
-      var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+      var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent');
       switch (item.value.name) {
         case 'sort_column_desc':
           sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
@@ -529,7 +529,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
             // 1st time when user chooses the background color item.
             // 2nd when color has been chosen from color palette.
             // here we are handling the 1st call relying on the isSubmenuOpen state value
-            if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && !_this.state.isSubmenuOpen) {
+            if (isCellMenuOpenByKeyboard && !_this.state.isSubmenuOpen && fg('platform.editor.a11y-table-context-menu_y4c9c')) {
               _this.setState({
                 isSubmenuOpen: true
               });
@@ -558,7 +558,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         dispatch = _this$props12$editorV.dispatch,
         dom = _this$props12$editorV.dom,
         isCellMenuOpenByKeyboard = _this$props12.isCellMenuOpenByKeyboard;
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+      if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         if (payload) {
           var event = payload.event;
           if (event && event instanceof KeyboardEvent) {
@@ -640,12 +640,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       var _this$props14 = _this.props,
         editorView = _this$props14.editorView,
         editorAnalyticsAPI = _this$props14.editorAnalyticsAPI;
-      // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-      var _getPluginState13 = getPluginState(editorView.state),
-        targetCellPosition = _getPluginState13.targetCellPosition;
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
+      setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
       _this.toggleOpen();
     });
     return _this;
@@ -653,7 +650,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
   _createClass(ContextualMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+      if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         // ArrowKeyNavigationProvider in DropdownMenu expects that menu handle will stay focused
         // until user pressed ArrowDown.
         // Behavior above fails the A11Y requirement about first item in menu should be focused immediately.
@@ -676,11 +673,11 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         boundariesElement = _this$props15.boundariesElement,
         editorView = _this$props15.editorView,
         isCellMenuOpenByKeyboard = _this$props15.isCellMenuOpenByKeyboard;
-      var _getPluginState14 = getPluginState(editorView.state),
-        isDragAndDropEnabled = _getPluginState14.isDragAndDropEnabled;
+      var _getPluginState13 = getPluginState(editorView.state),
+        isDragAndDropEnabled = _getPluginState13.isDragAndDropEnabled;
       var items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       var isOpenAllowed = false;
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+      if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
       } else {
         isOpenAllowed = isOpen;
@@ -696,7 +693,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         ,
         arrowKeyNavigationProviderOptions: {
           type: ArrowKeyNavigationType.MENU,
-          disableArrowKeyNavigation: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen ? false : true
+          disableArrowKeyNavigation: isCellMenuOpenByKeyboard && !this.state.isSubmenuOpen && fg('platform.editor.a11y-table-context-menu_y4c9c') ? false : true
         },
         items: items,
         isOpen: isOpenAllowed,
@@ -706,7 +703,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         onMouseLeave: this.handleItemMouseLeave,
         fitHeight: 188,
         fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
-        shouldFocusFirstItem: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? function () {
+        shouldFocusFirstItem: fg('platform.editor.a11y-table-context-menu_y4c9c') ? function () {
           return Boolean(isCellMenuOpenByKeyboard);
         } : undefined,
         boundariesElement: boundariesElement,
@@ -714,7 +711,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         section: isDragAndDropEnabled ? {
           hasSeparator: true
         } : undefined,
-        isAllowEnterDefaultBehavior: getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? this.state.isSubmenuOpen : false
+        isAllowEnterDefaultBehavior: fg('platform.editor.a11y-table-context-menu_y4c9c') ? this.state.isSubmenuOpen : false
       }));
     }
   }]);

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

@@ -15,7 +15,7 @@ export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedCo
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var elementBeforeIconStyles = css({
   marginRight: "var(--ds-space-negative-075, -6px)",
   display: 'flex'

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

@@ -20,7 +20,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import EditorBackgroundColorIcon from '@atlaskit/icon/glyph/editor/background-color';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../commands-with-analytics';
@@ -211,7 +211,7 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
   var shouldMoveDisabled;
   var hasMergedCellsInTable;
-  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+  if (fg('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
     var _tableMap$hasMergedCe;
     shouldMoveDisabled = false;
     hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
@@ -237,18 +237,16 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     }
   };
   var setColor = function setColor(color) {
-    var _getTablePluginState = getTablePluginState(editorView.state),
-      targetCellPosition = _getTablePluginState.targetCellPosition;
     var state = editorView.state,
       dispatch = editorView.dispatch;
-    setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
+    setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
     closeMenu();
     setIsSubmenuOpen(false);
   };
   var createBackgroundColorMenuItem = function createBackgroundColorMenuItem() {
     var _node$attrs;
-    var _getTablePluginState2 = getTablePluginState(editorView.state),
-      targetCellPosition = _getTablePluginState2.targetCellPosition;
+    var _getTablePluginState = getTablePluginState(editorView.state),
+      targetCellPosition = _getTablePluginState.targetCellPosition;
     var node = targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
     var background = hexToEditorBackgroundPaletteColor((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
     var _getSelectedRowAndCol = getSelectedRowAndColumnFromPalette(cellBackgroundColorPalette, background, colorPalletteColumns),

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

@@ -15,7 +15,7 @@ export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedCo
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var elementBeforeIconStyles = css({
   marginRight: "var(--ds-space-negative-075, -6px)",
   display: 'flex'
@@ -27,7 +27,7 @@ export var dragMenuBackgroundColorStyles = function dragMenuBackgroundColorStyle
   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, ")"));
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var toggleStyles = css({
   display: 'flex',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

package/dist/esm/ui/common-styles.js

@@ -77,8 +77,8 @@ export var tableStyles = function tableStyles(props) {
   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);
 };
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var tableCommentEditorStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t.ProseMirror .", " > table {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\t", ";\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, scrollbarStyles);

package/dist/esm/ui/ui-styles.js

@@ -134,7 +134,7 @@ export var hoveredCell = function hoveredCell() {
   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);
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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, ")"));
 
 // Explicit pixel values required here to ensure correct positioning and sizes of column resize handle

package/dist/types/commands/misc.d.ts

@@ -20,7 +20,7 @@ export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;
 export declare const moveCursorBackward: Command;
-export declare const setMultipleCellAttrs: (attrs: Object, targetCellPosition?: number, editorView?: EditorView | null) => Command;
+export declare const setMultipleCellAttrs: (attrs: Object, editorView?: EditorView | null) => Command;
 export declare const selectColumn: (column: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;
 export declare const selectColumns: (columnIndexes: number[]) => Command;
 export declare const selectRow: (row: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;

package/dist/types/commands-with-analytics.d.ts

@@ -13,7 +13,7 @@ import type { AlignmentOptions, InsertRowMethods, InsertRowOptions, RowInsertPos
 export declare const emptyMultipleCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition?: number) => Command;
 export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | null | undefined) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
 export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
-export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, targetCellPosition?: number, editorView?: EditorView | null) => Command;
+export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, editorView?: EditorView | null) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
 export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isCellbackgroundDuplicated?: boolean) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
 export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;

package/dist/types-ts4.5/commands/misc.d.ts

@@ -20,7 +20,7 @@ export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;
 export declare const moveCursorBackward: Command;
-export declare const setMultipleCellAttrs: (attrs: Object, targetCellPosition?: number, editorView?: EditorView | null) => Command;
+export declare const setMultipleCellAttrs: (attrs: Object, editorView?: EditorView | null) => Command;
 export declare const selectColumn: (column: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;
 export declare const selectColumns: (columnIndexes: number[]) => Command;
 export declare const selectRow: (row: number, expand?: boolean, triggeredByKeyboard?: boolean) => Command;