@atlaskit/editor-plugin-table 40.0.0 → 40.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-table
 
+## 40.0.1
+
+### Patch Changes
+
+- [`fa1e60dbfa6e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa1e60dbfa6e5) -
+  Keep rendered diffs visible when navigating inside horizontally overflowing tables, behind
+  `platform_editor_ai_suggestion_table_scroll_fix`.
+- Updated dependencies
+
 ## 40.0.0
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableStickyScrollbar.js

@@ -9,6 +9,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-common/Popup/utils");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _types = require("../types");
 var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper, view) {
@@ -19,7 +20,15 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
       if (!_this.stickyScrollbarContainerElement || !_this.wrapper || event.target !== _this.stickyScrollbarContainerElement) {
         return;
       }
-      _this.wrapper.scrollLeft = _this.stickyScrollbarContainerElement.scrollLeft;
+      var left = _this.stickyScrollbarContainerElement.scrollLeft;
+      if ((0, _fg.fg)('platform_editor_ai_suggestion_table_scroll_fix')) {
+        // Ignore positions copied from the table so their scroll events cannot interrupt it.
+        if (left === _this.mirroredScrollLeft) {
+          return;
+        }
+        _this.mirroredScrollLeft = undefined;
+      }
+      _this.wrapper.scrollLeft = left;
     });
     this.wrapper = wrapper;
     this.view = view;
@@ -42,6 +51,9 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
     value: function scrollLeft(left) {
       if (this.stickyScrollbarContainerElement) {
         this.stickyScrollbarContainerElement.scrollLeft = left;
+        if ((0, _fg.fg)('platform_editor_ai_suggestion_table_scroll_fix')) {
+          this.mirroredScrollLeft = this.stickyScrollbarContainerElement.scrollLeft;
+        }
       }
     }
   }, {

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

@@ -9,7 +9,8 @@ var _react = require("@emotion/react");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
 var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,14 +19,16 @@ var _primitives = require("@atlaskit/primitives");
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var containerStyles = (0, _primitives.xcss)({
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+var containerStyles = (0, _xcss.xcss)({
   marginLeft: 'space.100'
 });
 var FloatingAlignmentButtons = exports.FloatingAlignmentButtons = function FloatingAlignmentButtons(_ref) {
   var alignmentButtons = _ref.alignmentButtons,
     dispatchCommand = _ref.dispatchCommand,
     areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
-  return (0, _react.jsx)(_primitives.Box, {
+  return (0, _react.jsx)(_box.Box, {
     xcss: containerStyles
   }, (0, _react.jsx)(_buttonGroup.default, null, alignmentButtons.map(function (item, idx) {
     switch (item.type) {

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

@@ -44,7 +44,8 @@ var _tableColumnDelete = _interopRequireDefault(require("@atlaskit/icon/core/tab
 var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/core/table-columns-distribute"));
 var _tableRowAddBelow = _interopRequireDefault(require("@atlaskit/icon/core/table-row-add-below"));
 var _tableRowDelete = _interopRequireDefault(require("@atlaskit/icon/core/table-row-delete"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");
@@ -66,10 +67,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var dropdownMenuSection = {
   hasSeparator: true
 };
-var elementBeforeIconStyles = (0, _primitives.xcss)({
+var elementBeforeIconStyles = (0, _xcss.xcss)({
   marginRight: 'space.negative.075',
   display: 'flex'
 });
@@ -153,7 +155,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           value: {
             name: 'background'
           },
-          elemBefore: (0, _react2.jsx)(_primitives.Box, {
+          elemBefore: (0, _react2.jsx)(_box.Box, {
             xcss: elementBeforeIconStyles
           }, (0, _react2.jsx)(_paintBucket.default, {
             color: "currentColor",
@@ -216,7 +218,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
     (0, _defineProperty2.default)(_this, "newDistributeColumnsItem", function () {
       var formatMessage = _this.props.intl.formatMessage;
       return _this.createDistributeColumnsItemInternal({
-        elemBefore: (0, _react2.jsx)(_primitives.Box, {
+        elemBefore: (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableColumnsDistribute.default, {
           color: "currentColor",
@@ -237,7 +239,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
             name: 'merge'
           },
           isDisabled: !(0, _merge.canMergeCells)(state.tr),
-          elemBefore: (0, _react2.jsx)(_primitives.Box, {
+          elemBefore: (0, _react2.jsx)(_box.Box, {
             xcss: elementBeforeIconStyles
           }, (0, _react2.jsx)(_tableCellMerge.default, {
             color: "currentColor",
@@ -250,7 +252,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
             name: 'split'
           },
           isDisabled: !(0, _splitCell.splitCell)(state),
-          elemBefore: (0, _react2.jsx)(_primitives.Box, {
+          elemBefore: (0, _react2.jsx)(_box.Box, {
             xcss: elementBeforeIconStyles
           }, (0, _react2.jsx)(_tableCellSplit.default, {
             color: "currentColor",
@@ -275,7 +277,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter)),
         elemBefore:
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        (0, _react2.jsx)(_primitives.Box, {
+        (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableColumnAddRight.default, {
           color: "currentColor",
@@ -297,7 +299,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         elemAfter: (0, _react2.jsx)("div", {
           css: _main.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.addRowAfter)),
-        elemBefore: (0, _react2.jsx)(_primitives.Box, {
+        elemBefore: (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableRowAddBelow.default, {
           color: "currentColor",
@@ -329,7 +331,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         elemAfter: (0, _react2.jsx)("div", {
           css: _main.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.backspace)),
-        elemBefore: (0, _react2.jsx)(_primitives.Box, {
+        elemBefore: (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableCellClear.default, {
           color: "currentColor",
@@ -355,7 +357,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         value: {
           name: 'delete_column'
         },
-        elemBefore: (0, _react2.jsx)(_primitives.Box, {
+        elemBefore: (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableColumnDelete.default, {
           color: "currentColor",
@@ -380,7 +382,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         value: {
           name: 'delete_row'
         },
-        elemBefore: (0, _react2.jsx)(_primitives.Box, {
+        elemBefore: (0, _react2.jsx)(_box.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableRowDelete.default, {
           color: "currentColor",

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

@@ -30,9 +30,10 @@ var _utils2 = require("@atlaskit/editor-tables/utils");
 var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
 var _isSelectionType = require("@atlaskit/editor-tables/utils/is-selection-type");
 var _paintBucket = _interopRequireDefault(require("@atlaskit/icon/core/paint-bucket"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
 var _commands2 = require("../../pm-plugins/drag-and-drop/commands");
@@ -57,6 +58,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var MapDragMenuOptionIdToMessage = {
   add_row_above: {
     message: _table.messages.addRowAbove,
@@ -121,7 +124,7 @@ var getGroupedDragMenuConfig = function getGroupedDragMenuConfig() {
   groupedDragMenuConfig.unshift(sortColumnItems);
   return groupedDragMenuConfig;
 };
-var elementBeforeIconStyles = (0, _primitives.xcss)({
+var elementBeforeIconStyles = (0, _xcss.xcss)({
   marginRight: 'space.negative.075',
   display: 'flex'
 });
@@ -174,7 +177,7 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig, for
         name: item.id
       },
       isDisabled: item.disabled,
-      elemBefore: item.icon ? (0, _react2.jsx)(_primitives.Box, {
+      elemBefore: item.icon ? (0, _react2.jsx)(_box.Box, {
         xcss: elementBeforeIconStyles
       }, (0, _react2.jsx)(item.icon, {
         color: "currentColor",
@@ -302,7 +305,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
       value: {
         name: 'background'
       },
-      elemBefore: (0, _react2.jsx)(_primitives.Box, {
+      elemBefore: (0, _react2.jsx)(_box.Box, {
         xcss: elementBeforeIconStyles
       }, (0, _react2.jsx)(_paintBucket.default, {
         color: "currentColor",

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

@@ -8,10 +8,16 @@ exports.FullWidthDisplay = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _table = require("@atlaskit/editor-common/messages/table");
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _inline = require("@atlaskit/primitives/inline");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var tableFullWidthLabelWrapperStyles = (0, _primitives.xcss)({
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+var tableFullWidthLabelWrapperStyles = (0, _xcss.xcss)({
   height: "var(--ds-space-400, 32px)",
   display: 'flex',
   backgroundColor: 'elevation.surface.overlay',
@@ -22,7 +28,7 @@ var tableFullWidthLabelWrapperStyles = (0, _primitives.xcss)({
   boxSizing: 'border-box',
   alignItems: 'center'
 });
-var tableFullWidthLabelStyles = (0, _primitives.xcss)({
+var tableFullWidthLabelStyles = (0, _xcss.xcss)({
   marginLeft: 'space.100',
   marginRight: 'space.100',
   paddingLeft: 'space.075',
@@ -33,9 +39,9 @@ var tableFullWidthLabelStyles = (0, _primitives.xcss)({
 var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay() {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: tableFullWidthLabelWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     xcss: tableFullWidthLabelStyles
   }, formatMessage(_table.messages.fullWidthLabel)));
 };

package/dist/cjs/ui/TableMenu/column/items/HeaderColumnToggleItem.js

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _table = require("@atlaskit/editor-common/messages/table");
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
-var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /**

package/dist/cjs/ui/TableMenu/column/items/MoveColumnLeftItem.js

@@ -16,7 +16,7 @@ var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circl
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _tableColumnMoveLeft = _interopRequireDefault(require("@atlaskit/icon/core/table-column-move-left"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -84,7 +84,7 @@ var MoveColumnLeftItem = exports.MoveColumnLeftItem = function MoveColumnLeftIte
           }))
         );
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, label));
   }

package/dist/cjs/ui/TableMenu/column/items/MoveColumnRightItem.js

@@ -16,7 +16,7 @@ var _columnMoveRightIcon = require("@atlaskit/editor-toolbar/column-move-right-i
 var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -84,7 +84,7 @@ var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRight
           }))
         );
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, label));
   }

package/dist/cjs/ui/TableMenu/column/items/SortDecreasingItem.js

@@ -18,7 +18,8 @@ var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rec
 var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
 var _sortDescendingIcon = require("@atlaskit/editor-toolbar/sort-descending-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -63,7 +64,7 @@ var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingIte
         content: formatMessage(_table.messages.canNotSortTableNoIcon),
         position: "top"
       }, function (tooltipProps) {
-        return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_box.Box, (0, _extends2.default)({
           as: "span",
           xcss: styles.infoIconTrigger
         }, tooltipProps), /*#__PURE__*/_react.default.createElement(_informationCircleIcon.InformationCircleIcon, {
@@ -72,7 +73,7 @@ var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingIte
           color: "var(--ds-icon, #292A2E)"
         }));
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, formatMessage(_table.messages.sortColumnDecreasing)));
   }

package/dist/cjs/ui/TableMenu/column/items/SortIncreasingItem.js

@@ -18,7 +18,8 @@ var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rec
 var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
 var _sortAscendingIcon = require("@atlaskit/editor-toolbar/sort-ascending-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -63,7 +64,7 @@ var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingIte
         content: formatMessage(_table.messages.canNotSortTableNoIcon),
         position: "top"
       }, function (tooltipProps) {
-        return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_box.Box, (0, _extends2.default)({
           as: "span",
           xcss: styles.infoIconTrigger
         }, tooltipProps), /*#__PURE__*/_react.default.createElement(_informationCircleIcon.InformationCircleIcon, {
@@ -72,7 +73,7 @@ var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingIte
           color: "var(--ds-icon, #292A2E)"
         }));
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, formatMessage(_table.messages.sortColumnIncreasing)));
   }

package/dist/cjs/ui/TableMenu/row/items/HeaderRowToggleItem.js

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _table = require("@atlaskit/editor-common/messages/table");
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
-var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /** Header row toggle is only visible when the first row is the entire selection. */

package/dist/cjs/ui/TableMenu/row/items/MoveRowDownItem.js

@@ -16,7 +16,7 @@ var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circl
 var _rowMoveDownIcon = require("@atlaskit/editor-toolbar/row-move-down-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -84,7 +84,7 @@ var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem(props)
           }))
         );
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, label));
   }

package/dist/cjs/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -16,7 +16,7 @@ var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circl
 var _rowMoveUpIcon = require("@atlaskit/editor-toolbar/row-move-up-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -84,7 +84,7 @@ var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem(props) {
           }))
         );
       })
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
       color: "color.text.disabled"
     }, label));
   }

package/dist/cjs/ui/TableMenu/row/items/NumberedRowsToggleItem.js

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _table = require("@atlaskit/editor-common/messages/table");
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
-var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedRowsToggleItem(props) {

package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -21,7 +21,7 @@ var _background = require("@atlaskit/editor-palette/background");
 var _nestedDropdownRightIcon = require("@atlaskit/editor-toolbar/nested-dropdown-right-icon");
 var _paintBucketIcon = require("@atlaskit/editor-toolbar/paint-bucket-icon");
 var _toolbarNestedDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -90,7 +90,7 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
       label: "",
       size: "small"
     }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    elemAfter: /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: colorPaletteStyles.elemAfter
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: colorPreviewStyle,
@@ -100,7 +100,7 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
       size: "small"
     })),
     text: formatMessage(_table.messages.backgroundColor)
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: colorPaletteStyles.container
   }, /*#__PURE__*/_react.default.createElement(_ColorPalette.default, {
     cols: activeCols,

package/dist/es2019/nodeviews/TableStickyScrollbar.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { TableCssClassName as ClassName } from '../types';
 export class TableStickyScrollbar {
   constructor(wrapper, view) {
@@ -8,7 +9,15 @@ export class TableStickyScrollbar {
       if (!this.stickyScrollbarContainerElement || !this.wrapper || event.target !== this.stickyScrollbarContainerElement) {
         return;
       }
-      this.wrapper.scrollLeft = this.stickyScrollbarContainerElement.scrollLeft;
+      const left = this.stickyScrollbarContainerElement.scrollLeft;
+      if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
+        // Ignore positions copied from the table so their scroll events cannot interrupt it.
+        if (left === this.mirroredScrollLeft) {
+          return;
+        }
+        this.mirroredScrollLeft = undefined;
+      }
+      this.wrapper.scrollLeft = left;
     });
     this.wrapper = wrapper;
     this.view = view;
@@ -27,6 +36,9 @@ export class TableStickyScrollbar {
   scrollLeft(left) {
     if (this.stickyScrollbarContainerElement) {
       this.stickyScrollbarContainerElement.scrollLeft = left;
+      if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
+        this.mirroredScrollLeft = this.stickyScrollbarContainerElement.scrollLeft;
+      }
     }
   }
   init() {

package/dist/es2019/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js

@@ -8,7 +8,9 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/editor-common/FloatingToolbar/Button';
 import FloatingToolbarSeparator from '@atlaskit/editor-common/FloatingToolbar/Separator';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 const containerStyles = xcss({
   marginLeft: 'space.100'
 });

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

@@ -39,7 +39,9 @@ import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distri
 import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';

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

@@ -30,9 +30,11 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { isSelectionType } from '@atlaskit/editor-tables/utils/is-selection-type';
 import PaintBucketIcon from '@atlaskit/icon/core/paint-bucket';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
 import { toggleDragMenu } from '../../pm-plugins/drag-and-drop/commands';

package/dist/es2019/ui/TableFullWidthLabel/index.js

@@ -2,7 +2,11 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Inline, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Inline } from '@atlaskit/primitives/inline';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 const tableFullWidthLabelWrapperStyles = xcss({
   height: "var(--ds-space-400, 32px)",
   display: 'flex',

package/dist/es2019/ui/TableMenu/column/items/HeaderColumnToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleHeaderColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 /**

package/dist/es2019/ui/TableMenu/column/items/MoveColumnLeftItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import TableColumnMoveLeftIcon from '@atlaskit/icon/core/table-column-move-left';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/es2019/ui/TableMenu/column/items/MoveColumnRightItem.js

@@ -9,7 +9,7 @@ import { TableColumnMoveRightIcon } from '@atlaskit/editor-toolbar/column-move-r
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/es2019/ui/TableMenu/column/items/SortDecreasingItem.js

@@ -11,7 +11,8 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { SortDescendingIcon } from '@atlaskit/editor-toolbar/sort-descending-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import { Box, Text } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/es2019/ui/TableMenu/column/items/SortIncreasingItem.js

@@ -11,7 +11,8 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { SortAscendingIcon } from '@atlaskit/editor-toolbar/sort-ascending-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import { Box, Text } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/es2019/ui/TableMenu/row/items/HeaderRowToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleHeaderRowWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 /** Header row toggle is only visible when the first row is the entire selection. */

package/dist/es2019/ui/TableMenu/row/items/MoveRowDownItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { TableRowMoveDownIcon } from '@atlaskit/editor-toolbar/row-move-down-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/es2019/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { TableRowMoveUpIcon } from '@atlaskit/editor-toolbar/row-move-up-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/es2019/ui/TableMenu/row/items/NumberedRowsToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleNumberColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export const NumberedRowsToggleItem = props => {

package/dist/es2019/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -13,7 +13,7 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/back
 import { NestedDropdownRightIcon } from '@atlaskit/editor-toolbar/nested-dropdown-right-icon';
 import { PaintBucketIcon } from '@atlaskit/editor-toolbar/paint-bucket-icon';
 import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { setColorWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/esm/nodeviews/TableStickyScrollbar.js

@@ -2,6 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { TableCssClassName as ClassName } from '../types';
 export var TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper, view) {
@@ -12,7 +13,15 @@ export var TableStickyScrollbar = /*#__PURE__*/function () {
       if (!_this.stickyScrollbarContainerElement || !_this.wrapper || event.target !== _this.stickyScrollbarContainerElement) {
         return;
       }
-      _this.wrapper.scrollLeft = _this.stickyScrollbarContainerElement.scrollLeft;
+      var left = _this.stickyScrollbarContainerElement.scrollLeft;
+      if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
+        // Ignore positions copied from the table so their scroll events cannot interrupt it.
+        if (left === _this.mirroredScrollLeft) {
+          return;
+        }
+        _this.mirroredScrollLeft = undefined;
+      }
+      _this.wrapper.scrollLeft = left;
     });
     this.wrapper = wrapper;
     this.view = view;
@@ -35,6 +44,9 @@ export var TableStickyScrollbar = /*#__PURE__*/function () {
     value: function scrollLeft(left) {
       if (this.stickyScrollbarContainerElement) {
         this.stickyScrollbarContainerElement.scrollLeft = left;
+        if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
+          this.mirroredScrollLeft = this.stickyScrollbarContainerElement.scrollLeft;
+        }
       }
     }
   }, {

package/dist/esm/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js

@@ -8,7 +8,9 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/editor-common/FloatingToolbar/Button';
 import FloatingToolbarSeparator from '@atlaskit/editor-common/FloatingToolbar/Separator';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 var containerStyles = xcss({
   marginLeft: 'space.100'
 });

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

@@ -49,7 +49,9 @@ import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distri
 import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';

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

@@ -32,9 +32,11 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { isSelectionType } from '@atlaskit/editor-tables/utils/is-selection-type';
 import PaintBucketIcon from '@atlaskit/icon/core/paint-bucket';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
 import { toggleDragMenu } from '../../pm-plugins/drag-and-drop/commands';

package/dist/esm/ui/TableFullWidthLabel/index.js

@@ -2,7 +2,11 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Inline, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Inline } from '@atlaskit/primitives/inline';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 var tableFullWidthLabelWrapperStyles = xcss({
   height: "var(--ds-space-400, 32px)",
   display: 'flex',

package/dist/esm/ui/TableMenu/column/items/HeaderColumnToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleHeaderColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 /**

package/dist/esm/ui/TableMenu/column/items/MoveColumnLeftItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import TableColumnMoveLeftIcon from '@atlaskit/icon/core/table-column-move-left';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/esm/ui/TableMenu/column/items/MoveColumnRightItem.js

@@ -9,7 +9,7 @@ import { TableColumnMoveRightIcon } from '@atlaskit/editor-toolbar/column-move-r
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.js

@@ -11,7 +11,8 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { SortDescendingIcon } from '@atlaskit/editor-toolbar/sort-descending-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import { Box, Text } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.js

@@ -11,7 +11,8 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils/get-selection-re
 import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circle-icon';
 import { SortAscendingIcon } from '@atlaskit/editor-toolbar/sort-ascending-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import { Box, Text } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/esm/ui/TableMenu/row/items/HeaderRowToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleHeaderRowWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 /** Header row toggle is only visible when the first row is the entire selection. */

package/dist/esm/ui/TableMenu/row/items/MoveRowDownItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { TableRowMoveDownIcon } from '@atlaskit/editor-toolbar/row-move-down-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/esm/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -9,7 +9,7 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { TableRowMoveUpIcon } from '@atlaskit/editor-toolbar/row-move-up-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';

package/dist/esm/ui/TableMenu/row/items/NumberedRowsToggleItem.js

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/table';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
-import Toggle from '@atlaskit/toggle';
+import Toggle from '@atlaskit/toggle/toggle';
 import { toggleNumberColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export var NumberedRowsToggleItem = function NumberedRowsToggleItem(props) {

package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -13,7 +13,7 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/back
 import { NestedDropdownRightIcon } from '@atlaskit/editor-toolbar/nested-dropdown-right-icon';
 import { PaintBucketIcon } from '@atlaskit/editor-toolbar/paint-bucket-icon';
 import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { setColorWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';

package/dist/types/nodeviews/TableStickyScrollbar.d.ts

@@ -5,6 +5,7 @@ export declare class TableStickyScrollbar {
     private editorScrollableElement?;
     private intersectionObserver?;
     private stickyScrollbarContainerElement?;
+    private mirroredScrollLeft?;
     private sentinels;
     private topSentinelState?;
     private bottomSentinelState?;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "40.0.0",
+	"version": "40.0.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -74,6 +74,9 @@
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"platform-feature-flags": {
+		"platform_editor_ai_suggestion_table_scroll_fix": {
+			"type": "boolean"
+		},
 		"platform-dst-tokens-finesse": {
 			"type": "boolean",
 			"referenceOnly": true