@atlaskit/editor-plugin-table 4.0.2 → 4.0.3

package/dist/cjs/plugins/table/transforms/delete-rows.js

@@ -13,7 +13,7 @@ var _utils = require("@atlaskit/editor-tables/utils");
 var _merge = require("./merge");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var deleteRows = function deleteRows(rect) {
+var deleteRows = exports.deleteRows = function deleteRows(rect) {
   var isHeaderRowRequired = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return function (tr) {
     var table = (0, _utils.findTable)(tr.selection);
@@ -43,61 +43,62 @@ var deleteRows = function deleteRows(rect) {
       var rowCells = [];
       var row = table.node.child(rowIndex);
       var _loop2 = function _loop2() {
-        var cellPos = map.map[rowIndex * map.width + colIndex];
-        var cell = table.node.nodeAt(cellPos);
-        if (!cell) {
-          return "continue";
-        }
-        var cellsInRow = map.cellsInRect({
-          left: 0,
-          top: rowIndex,
-          right: map.width,
-          bottom: rowIndex + 1
-        });
-        if (rowsToDelete.indexOf(rowIndex) === -1 && !seen[cellPos]) {
-          // decrement rowspans for row-spanning cells that overlap deleted rows
-          if (cellsInRow.indexOf(cellPos) > -1) {
-            var overlappingRows = 0;
-            rowsToDelete.forEach(function (rowIndexToDelete) {
-              if (rowIndex < rowIndexToDelete && cell.attrs.rowspan + rowIndex - 1 >= rowIndexToDelete) {
-                overlappingRows += 1;
+          var cellPos = map.map[rowIndex * map.width + colIndex];
+          var cell = table.node.nodeAt(cellPos);
+          if (!cell) {
+            return 0; // continue
+          }
+          var cellsInRow = map.cellsInRect({
+            left: 0,
+            top: rowIndex,
+            right: map.width,
+            bottom: rowIndex + 1
+          });
+          if (rowsToDelete.indexOf(rowIndex) === -1 && !seen[cellPos]) {
+            // decrement rowspans for row-spanning cells that overlap deleted rows
+            if (cellsInRow.indexOf(cellPos) > -1) {
+              var overlappingRows = 0;
+              rowsToDelete.forEach(function (rowIndexToDelete) {
+                if (rowIndex < rowIndexToDelete && cell.attrs.rowspan + rowIndex - 1 >= rowIndexToDelete) {
+                  overlappingRows += 1;
+                }
+              });
+              if (overlappingRows > 0) {
+                var newCell = cell.type.createChecked(_objectSpread(_objectSpread({}, cell.attrs), {}, {
+                  rowspan: cell.attrs.rowspan - overlappingRows
+                }), cell.content, cell.marks);
+                rowCells.push(newCell);
+                seen[cellPos] = true;
+                return 0; // continue
               }
-            });
-            if (overlappingRows > 0) {
-              var newCell = cell.type.createChecked(_objectSpread(_objectSpread({}, cell.attrs), {}, {
-                rowspan: cell.attrs.rowspan - overlappingRows
-              }), cell.content, cell.marks);
-              rowCells.push(newCell);
-              seen[cellPos] = true;
-              return "continue";
-            }
-          } else if (deletedCells[cellPos]) {
-            // if we're removing a row-spanning cell, we need to add missing cells to rows below
-            var attrs = _objectSpread(_objectSpread({}, cell.attrs), {}, {
-              colspan: 1,
-              rowspan: 1
-            });
-            if (cell.attrs.colwidth) {
-              var pos = colIndex > 0 ? colIndex - map.colCount(cellPos) : 0;
-              attrs.colwidth = cell.attrs.colwidth.slice().splice(pos, 1);
+            } else if (deletedCells[cellPos]) {
+              // if we're removing a row-spanning cell, we need to add missing cells to rows below
+              var attrs = _objectSpread(_objectSpread({}, cell.attrs), {}, {
+                colspan: 1,
+                rowspan: 1
+              });
+              if (cell.attrs.colwidth) {
+                var pos = colIndex > 0 ? colIndex - map.colCount(cellPos) : 0;
+                attrs.colwidth = cell.attrs.colwidth.slice().splice(pos, 1);
+              }
+              var _newCell = cell.type.createChecked(attrs, cell.type.schema.nodes.paragraph.createChecked(), cell.marks);
+              rowCells.push(_newCell);
+              return 0; // continue
             }
-            var _newCell = cell.type.createChecked(attrs, cell.type.schema.nodes.paragraph.createChecked(), cell.marks);
-            rowCells.push(_newCell);
-            return "continue";
-          }
 
-          // normal cells that we want to keep
-          if (!seen[cellPos]) {
-            seen[cellPos] = true;
-            rowCells.push(cell);
+            // normal cells that we want to keep
+            if (!seen[cellPos]) {
+              seen[cellPos] = true;
+              rowCells.push(cell);
+            }
+          } else if (cellsInRow.indexOf(cellPos) > -1) {
+            deletedCells[cellPos] = true;
           }
-        } else if (cellsInRow.indexOf(cellPos) > -1) {
-          deletedCells[cellPos] = true;
-        }
-      };
+        },
+        _ret;
       for (var colIndex = 0; colIndex < map.width; colIndex++) {
-        var _ret = _loop2();
-        if (_ret === "continue") continue;
+        _ret = _loop2();
+        if (_ret === 0) continue;
       }
       if (rowCells.length) {
         rows.push(row.type.createChecked(row.attrs, rowCells, row.marks));
@@ -120,7 +121,6 @@ var deleteRows = function deleteRows(rect) {
     .setSelection(_state.Selection.near(tr.doc.resolve(table.pos + cursorPos)));
   };
 };
-exports.deleteRows = deleteRows;
 function getNextCursorPos(table, deletedRows) {
   var minRow = Math.min.apply(Math, (0, _toConsumableArray2.default)(deletedRows));
   var nextRowWithCursor = minRow > 0 ? minRow - 1 : 0;

package/dist/cjs/plugins/table/transforms/fix-tables.js

@@ -43,7 +43,7 @@ var validateTableCellNodeAttrs = function validateTableCellNodeAttrs(_ref, repor
 //
 // This row only spans two columns, yet it contains widths for 3.
 // We remove the third width here, assumed duplicate content.
-var removeExtraneousColumnWidths = function removeExtraneousColumnWidths(node, basePos, tr, reportInvalidTableCellSpanAttrs) {
+var removeExtraneousColumnWidths = exports.removeExtraneousColumnWidths = function removeExtraneousColumnWidths(node, basePos, tr, reportInvalidTableCellSpanAttrs) {
   var hasProblems = false;
   tr = replaceCells(tr, node, basePos, function (cell) {
     var _cell$attrs = cell.attrs,
@@ -70,8 +70,7 @@ var removeExtraneousColumnWidths = function removeExtraneousColumnWidths(node, b
   }
   return false;
 };
-exports.removeExtraneousColumnWidths = removeExtraneousColumnWidths;
-var fixTables = function fixTables(tr, reportInvalidTableCellSpanAttrs) {
+var fixTables = exports.fixTables = function fixTables(tr, reportInvalidTableCellSpanAttrs) {
   var hasProblems = false;
   tr.doc.descendants(function (node, pos) {
     if (node.type.name === 'table') {
@@ -95,8 +94,7 @@ var fixTables = function fixTables(tr, reportInvalidTableCellSpanAttrs) {
 //
 // We use this when migrating TinyMCE tables for Confluence, for example:
 // https://pug.jira-dev.com/wiki/spaces/AEC/pages/3362882215/How+do+we+map+TinyMCE+tables+to+Fabric+tables
-exports.fixTables = fixTables;
-var fixAutoSizedTable = function fixAutoSizedTable(view, tableNode, tableRef, tablePos, opts) {
+var fixAutoSizedTable = exports.fixAutoSizedTable = function fixAutoSizedTable(view, tableNode, tableRef, tablePos, opts) {
   var tr = view.state.tr;
   var domAtPos = view.domAtPos.bind(view);
   var tableStart = tablePos + 1;
@@ -130,7 +128,6 @@ var fixAutoSizedTable = function fixAutoSizedTable(view, tableNode, tableRef, ta
     __autoSize: false
   })).setMeta('addToHistory', false);
 };
-exports.fixAutoSizedTable = fixAutoSizedTable;
 var getLayoutBasedOnWidth = function getLayoutBasedOnWidth(totalWidth) {
   if (totalWidth > _editorSharedStyles.akEditorWideLayoutWidth) {
     return 'full-width';

package/dist/cjs/plugins/table/transforms/replace-table.js

@@ -9,7 +9,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _utils2 = require("../utils");
-var replaceSelectedTable = function replaceSelectedTable(state, content, inputMethod, editorAnalyticsAPI) {
+var replaceSelectedTable = exports.replaceSelectedTable = function replaceSelectedTable(state, content, inputMethod, editorAnalyticsAPI) {
   if ((0, _utils.isTableSelected)(state.selection)) {
     var table = (0, _utils.findTable)(state.selection);
     if (table) {
@@ -19,7 +19,7 @@ var replaceSelectedTable = function replaceSelectedTable(state, content, inputMe
       var _getSelectedTableInfo = (0, _utils2.getSelectedTableInfo)(state.selection),
         totalRowCount = _getSelectedTableInfo.totalRowCount,
         totalColumnCount = _getSelectedTableInfo.totalColumnCount;
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
         action: _analytics.TABLE_ACTION.REPLACED,
         actionSubject: _analytics.ACTION_SUBJECT.TABLE,
         attributes: {
@@ -33,5 +33,4 @@ var replaceSelectedTable = function replaceSelectedTable(state, content, inputMe
     }
   }
   return state.tr;
-};
-exports.replaceSelectedTable = replaceSelectedTable;
+};

package/dist/cjs/plugins/table/types.js

@@ -10,7 +10,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _styles = require("@atlaskit/editor-common/styles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
+var RESIZE_HANDLE_AREA_DECORATION_GAP = exports.RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 
 /*
  * This type represents the start and end from a cell in a column,
@@ -36,8 +36,7 @@ var RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
  * ```
  *
  */
-exports.RESIZE_HANDLE_AREA_DECORATION_GAP = RESIZE_HANDLE_AREA_DECORATION_GAP;
-var TableDecorations = /*#__PURE__*/function (TableDecorations) {
+var TableDecorations = exports.TableDecorations = /*#__PURE__*/function (TableDecorations) {
   TableDecorations["ALL_CONTROLS_HOVER"] = "CONTROLS_HOVER";
   TableDecorations["ROW_CONTROLS_HOVER"] = "ROW_CONTROLS_HOVER";
   TableDecorations["COLUMN_CONTROLS_HOVER"] = "COLUMN_CONTROLS_HOVER";
@@ -51,8 +50,7 @@ var TableDecorations = /*#__PURE__*/function (TableDecorations) {
   TableDecorations["LAST_CELL_ELEMENT"] = "LAST_CELL_ELEMENT";
   return TableDecorations;
 }({});
-exports.TableDecorations = TableDecorations;
-var TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssClassName), {}, {
+var TableCssClassName = exports.TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssClassName), {}, {
   COLUMN_CONTROLS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls"),
   COLUMN_CONTROLS_DECORATIONS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls-decoration"),
   COLUMN_SELECTED: "".concat(_adfSchema.tablePrefixSelector, "-column__selected"),
@@ -115,10 +113,8 @@ var TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssCl
   WITH_RESIZE_LINE: "".concat(_adfSchema.tablePrefixSelector, "-column-resize-line"),
   WITH_RESIZE_LINE_LAST_COLUMN: "".concat(_adfSchema.tablePrefixSelector, "-column-resize-line-last-column")
 });
-exports.TableCssClassName = TableCssClassName;
-var ShadowEvent = /*#__PURE__*/function (ShadowEvent) {
+var ShadowEvent = exports.ShadowEvent = /*#__PURE__*/function (ShadowEvent) {
   ShadowEvent["SHOW_BEFORE_SHADOW"] = "showBeforeShadow";
   ShadowEvent["SHOW_AFTER_SHADOW"] = "showAfterShadow";
   return ShadowEvent;
-}({});
-exports.ShadowEvent = ShadowEvent;
+}({});

package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js

@@ -14,7 +14,7 @@ var _types = require("../../types");
 var _messages = _interopRequireDefault(require("../messages"));
 /** @jsx jsx */
 
-var ColumnResizeWidget = function ColumnResizeWidget(_ref) {
+var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidget(_ref) {
   var startIndex = _ref.startIndex,
     endIndex = _ref.endIndex,
     includeTooltip = _ref.includeTooltip;
@@ -40,5 +40,4 @@ var ColumnResizeWidget = function ColumnResizeWidget(_ref) {
       "data-end-index": endIndex
     }, tooltipProps));
   });
-};
-exports.ColumnResizeWidget = ColumnResizeWidget;
+};

package/dist/cjs/plugins/table/ui/FloatingContextualButton/FixedButton.js

@@ -14,24 +14,21 @@ var _types = require("../../types");
 var _commonStyles = require("../common-styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var BUTTON_WIDTH = 20;
-exports.BUTTON_WIDTH = BUTTON_WIDTH;
-var calcLeftPos = function calcLeftPos(_ref) {
+var BUTTON_WIDTH = exports.BUTTON_WIDTH = 20;
+var calcLeftPos = exports.calcLeftPos = function calcLeftPos(_ref) {
   var buttonWidth = _ref.buttonWidth,
     cellRectLeft = _ref.cellRectLeft,
     cellRefWidth = _ref.cellRefWidth,
     offset = _ref.offset;
   return cellRectLeft + cellRefWidth - buttonWidth - offset;
 };
-exports.calcLeftPos = calcLeftPos;
-var calcObserverTargetMargin = function calcObserverTargetMargin(tableWrapper, fixedButtonRefCurrent) {
+var calcObserverTargetMargin = exports.calcObserverTargetMargin = function calcObserverTargetMargin(tableWrapper, fixedButtonRefCurrent) {
   var tableWrapperRect = tableWrapper.getBoundingClientRect();
   var fixedButtonRect = fixedButtonRefCurrent.getBoundingClientRect();
   var scrollLeft = tableWrapper.scrollLeft;
   return fixedButtonRect.left - tableWrapperRect.left + scrollLeft;
 };
-exports.calcObserverTargetMargin = calcObserverTargetMargin;
-var FixedButton = function FixedButton(_ref2) {
+var FixedButton = exports.FixedButton = function FixedButton(_ref2) {
   var children = _ref2.children,
     isContextualMenuOpen = _ref2.isContextualMenuOpen,
     mountTo = _ref2.mountTo,
@@ -128,6 +125,4 @@ var FixedButton = function FixedButton(_ref2) {
     className: _types.TableCssClassName.CONTEXTUAL_MENU_BUTTON_FIXED
   }, children)), mountTo);
 };
-exports.FixedButton = FixedButton;
-var _default = FixedButton;
-exports.default = _default;
+var _default = exports.default = FixedButton;

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

@@ -12,7 +12,7 @@ var _components = require("@atlaskit/theme/components");
 var _constants = require("@atlaskit/theme/constants");
 var _consts = require("../consts");
 var _templateObject, _templateObject2;
-var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props) {
+var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    // Sits behind button to provide surface-color background\n    background: ", ";\n    border-radius: ", "px;\n    display: flex;\n    height: ", "px;\n    flex-direction: column;\n  }\n  && button {\n    background: ", ";\n    flex-direction: column;\n    margin: 2px;\n    outline: 2px solid ", ";\n    border-radius: 1px;\n    padding: 0;\n    height: calc(100% - 4px);\n    display: flex;\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n  && button > span {\n    margin: 0px -4px;\n  }\n  && span {\n    pointer-events: none;\n  }\n"])), "var(--ds-surface, ".concat(_colors.N20, ")"), (0, _constants.borderRadius)(), _consts.contextualMenuTriggerSize + 2, (0, _components.themed)({
     light: "var(--ds-background-neutral, none)",
     dark: "var(--ds-background-neutral, none)"
@@ -24,8 +24,7 @@ var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props
     dark: "var(--ds-background-neutral-pressed, ".concat(_colors.B75, ")")
   })(props));
 };
-exports.tableFloatingCellButtonStyles = tableFloatingCellButtonStyles;
-var tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSelectedStyles(props) {
+var tableFloatingCellButtonSelectedStyles = exports.tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSelectedStyles(props) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  && button {\n    background: ", ";\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n"])), (0, _components.themed)({
     light: "var(--ds-background-selected, ".concat(_colors.N700, ")"),
     dark: "var(--ds-background-selected, ".concat(_colors.DN0, ")")
@@ -36,5 +35,4 @@ var tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSele
     light: "var(--ds-background-selected-pressed, ".concat(_colors.N700, ")"),
     dark: "var(--ds-background-selected-pressed, ".concat(_colors.DN0, ")")
   })(props));
-};
-exports.tableFloatingCellButtonSelectedStyles = tableFloatingCellButtonSelectedStyles;
+};

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

@@ -39,7 +39,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   cellBackground: {
     id: 'fabric.editor.cellBackground',
     defaultMessage: 'Cell background',
@@ -81,8 +81,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
     description: "Distribute widths between selected columns"
   }
 });
-exports.messages = messages;
-var ContextualMenu = /*#__PURE__*/function (_Component) {
+var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ContextualMenu, _Component);
   var _super = _createSuper(ContextualMenu);
   function ContextualMenu() {
@@ -125,7 +124,7 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
       if (allowBackgroundColor) {
         var _node$attrs;
         var node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
-        var background = (0, _editorPalette.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
+        var background = (0, _editorPalette.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
         items.push({
           content: formatMessage(messages.cellBackground),
           value: {
@@ -434,9 +433,7 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
   }]);
   return ContextualMenu;
 }(_react.Component);
-exports.ContextualMenu = ContextualMenu;
 (0, _defineProperty2.default)(ContextualMenu, "defaultProps", {
   boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
-var _default = (0, _reactIntlNext.injectIntl)(ContextualMenu);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ContextualMenu);

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

@@ -75,5 +75,4 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   })));
 };
 FloatingContextualMenu.displayName = 'FloatingContextualMenu';
-var _default = FloatingContextualMenu;
-exports.default = _default;
+var _default = exports.default = FloatingContextualMenu;

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

@@ -13,12 +13,10 @@ var _constants = require("@atlaskit/theme/constants");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _templateObject, _templateObject2;
-var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
+var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &::before {\n    background: ", ";\n  }\n"])), selectedColor);
 };
 
 // TODO Delete this comment after verifying space token -> previous value `padding: 8px`
 // TODO Delete this comment after verifying space token -> previous value `margin-left: 4px`
-exports.cellColourPreviewStyles = cellColourPreviewStyles;
-var tablePopupStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    background: ", ";\n    box-shadow: ", ";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: ", "px;\n    padding: ", ";\n\n    > div {\n      padding: 0;\n    }\n  }\n\n  .", " {\n    display: flex;\n\n    &::before {\n      content: '';\n      display: block;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      width: 20px;\n      height: 20px;\n    }\n\n    &::after {\n      content: '\u203A';\n      margin-left: ", ";\n      line-height: 20px;\n      color: ", ";\n    }\n  }\n"])), _types.TableCssClassName.CONTEXTUAL_SUBMENU, (0, _constants.borderRadius)(), "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), _consts.contextualMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON, _adfSchema.tableBackgroundBorderColor, (0, _constants.borderRadius)(), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
-exports.tablePopupStyles = tablePopupStyles;
+var tablePopupStyles = exports.tablePopupStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    background: ", ";\n    box-shadow: ", ";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: ", "px;\n    padding: ", ";\n\n    > div {\n      padding: 0;\n    }\n  }\n\n  .", " {\n    display: flex;\n\n    &::before {\n      content: '';\n      display: block;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      width: 20px;\n      height: 20px;\n    }\n\n    &::after {\n      content: '\u203A';\n      margin-left: ", ";\n      line-height: 20px;\n      color: ", ";\n    }\n  }\n"])), _types.TableCssClassName.CONTEXTUAL_SUBMENU, (0, _constants.borderRadius)(), "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), _consts.contextualMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON, _adfSchema.tableBackgroundBorderColor, (0, _constants.borderRadius)(), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));

package/dist/cjs/plugins/table/ui/FloatingDeleteButton/DeleteButton.js

@@ -38,5 +38,4 @@ var DeleteButton = function DeleteButton(_ref) {
     fillRule: "evenodd"
   }))));
 };
-var _default = (0, _reactIntlNext.injectIntl)(DeleteButton);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(DeleteButton);

package/dist/cjs/plugins/table/ui/FloatingDeleteButton/index.js

@@ -298,5 +298,4 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
   return FloatingDeleteButton;
 }(_react.Component);
 (0, _defineProperty2.default)(FloatingDeleteButton, "displayName", 'FloatingDeleteButton');
-var _default = FloatingDeleteButton;
-exports.default = _default;
+var _default = exports.default = FloatingDeleteButton;

package/dist/cjs/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -86,5 +86,4 @@ var InsertButton = function InsertButton(_ref2) {
     className: "".concat(_types.TableCssClassName.CONTROLS_INSERT_BUTTON_WRAP, " ").concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)
   }, content));
 };
-var _default = (0, _reactIntlNext.injectIntl)(InsertButton);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(InsertButton);

package/dist/cjs/plugins/table/ui/FloatingInsertButton/getPopupOptions.js

@@ -87,5 +87,4 @@ function getPopupOptions(type, index, hasNumberedColumns, tableContainer) {
       return {};
   }
 }
-var _default = getPopupOptions;
-exports.default = _default;
+var _default = exports.default = getPopupOptions;

package/dist/cjs/plugins/table/ui/FloatingInsertButton/index.js

@@ -30,7 +30,7 @@ var _getPopupOptions = _interopRequireDefault(require("./getPopupOptions"));
 var _InsertButton = _interopRequireDefault(require("./InsertButton"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
+var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(FloatingInsertButton, _React$Component);
   var _super = _createSuper(FloatingInsertButton);
   function FloatingInsertButton(props) {
@@ -194,7 +194,5 @@ var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
   }]);
   return FloatingInsertButton;
 }(_react.default.Component);
-exports.FloatingInsertButton = FloatingInsertButton;
 (0, _defineProperty2.default)(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-var _default = (0, _reactIntlNext.injectIntl)(FloatingInsertButton);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(FloatingInsertButton);

package/dist/cjs/plugins/table/ui/LayoutButton/index.js

@@ -201,5 +201,4 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
   return LayoutButton;
 }(_react.default.Component);
 (0, _defineProperty2.default)(LayoutButton, "displayName", 'LayoutButton');
-var _default = (0, _reactIntlNext.injectIntl)(LayoutButton);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(LayoutButton);

package/dist/cjs/plugins/table/ui/TableFloatingControls/CornerControls/index.js

@@ -117,5 +117,4 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
   }]);
   return CornerControlComponent;
 }(_react.Component);
-var CornerControls = (0, _reactIntlNext.injectIntl)(CornerControlComponent);
-exports.CornerControls = CornerControls;
+var CornerControls = exports.CornerControls = (0, _reactIntlNext.injectIntl)(CornerControlComponent);

package/dist/cjs/plugins/table/ui/TableFloatingControls/NumberColumn/index.js

@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var NumberColumn = /*#__PURE__*/function (_Component) {
+var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NumberColumn, _Component);
   var _super = _createSuper(NumberColumn);
   function NumberColumn() {
@@ -115,5 +115,4 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
     }
   }]);
   return NumberColumn;
-}(_react.Component);
-exports.default = NumberColumn;
+}(_react.Component);

package/dist/cjs/plugins/table/ui/TableFloatingControls/RowControls/index.js

@@ -111,5 +111,4 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
   }]);
   return RowControlsComponent;
 }(_react.Component);
-var RowControls = (0, _reactIntlNext.injectIntl)(RowControlsComponent);
-exports.RowControls = RowControls;
+var RowControls = exports.RowControls = (0, _reactIntlNext.injectIntl)(RowControlsComponent);

package/dist/cjs/plugins/table/ui/TableFloatingControls/index.js

@@ -27,7 +27,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var TableFloatingControls = /*#__PURE__*/function (_Component) {
+var TableFloatingControls = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TableFloatingControls, _Component);
   var _super = _createSuper(TableFloatingControls);
   function TableFloatingControls() {
@@ -180,5 +180,4 @@ var TableFloatingControls = /*#__PURE__*/function (_Component) {
   }]);
   return TableFloatingControls;
 }(_react.Component);
-exports.default = TableFloatingControls;
 (0, _defineProperty2.default)(TableFloatingControls, "displayName", 'TableFloatingControls');