@atlaskit/editor-core 174.0.0 → 175.0.0

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

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
-var _consts = require("../consts");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var HORIZONTAL_ALIGN_COLUMN_BUTTON = -(_consts.tableInsertColumnButtonSize / 2);
-var HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON = HORIZONTAL_ALIGN_COLUMN_BUTTON + _editorSharedStyles.akEditorTableNumberColumnWidth;
-var VERTICAL_ALIGN_COLUMN_BUTTON = _consts.tableToolbarSize + _consts.tableInsertColumnButtonOffset;
-var HORIZONTAL_ALIGN_ROW_BUTTON = -(_consts.tableToolbarSize + _consts.tableInsertColumnButtonOffset + _consts.tableInsertColumnButtonSize);
-var VERTICAL_ALIGN_ROW_BUTTON = _consts.tableInsertColumnButtonSize / 2;
-
-function getRowOptions(index) {
-  var defaultOptions = {
-    alignX: 'left',
-    alignY: 'bottom',
-    offset: [0, VERTICAL_ALIGN_ROW_BUTTON]
-  };
-
-  if (index === 0) {
-    defaultOptions = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-      alignY: 'top',
-      // The offset is the inverse the original, because is align top nop bottom.
-      offset: [0, -VERTICAL_ALIGN_ROW_BUTTON]
-    });
-  }
-
-  return _objectSpread(_objectSpread({}, defaultOptions), {}, {
-    onPositionCalculated: function onPositionCalculated(position) {
-      return _objectSpread(_objectSpread({}, position), {}, {
-        // Left position should be always the offset (To place in the correct position even if the table has overflow).
-        left: HORIZONTAL_ALIGN_ROW_BUTTON
-      });
-    }
-  });
-}
-
-function getColumnOptions(index, tableContainer, hasNumberedColumns) {
-  var options = {
-    alignX: 'end',
-    alignY: 'top',
-    offset: [HORIZONTAL_ALIGN_COLUMN_BUTTON, VERTICAL_ALIGN_COLUMN_BUTTON],
-    // :: (position: PopupPosition) -> PopupPosition
-    // Limit the InsertButton position to the table container
-    // if the left position starts before it
-    // we should always set the InsertButton on the start,
-    // considering the offset from the first column
-    onPositionCalculated: function onPositionCalculated(position) {
-      var left = position.left;
-
-      if (!left) {
-        // If not left, lest skip expensive next calculations.
-        return position;
-      }
-
-      if (index === 0) {
-        return _objectSpread(_objectSpread({}, position), {}, {
-          left: hasNumberedColumns ? HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON : HORIZONTAL_ALIGN_COLUMN_BUTTON
-        });
-      } // Check if current position is greater than the available container width
-
-
-      var rect = tableContainer ? tableContainer.getBoundingClientRect() : null;
-      return _objectSpread(_objectSpread({}, position), {}, {
-        left: rect && left > rect.width ? rect.width : left
-      });
-    }
-  }; // We need to change the popup position when
-  // the column index is zero
-
-  if (index === 0) {
-    return _objectSpread(_objectSpread({}, options), {}, {
-      alignX: 'left',
-      alignY: 'top'
-    });
-  }
-
-  return options;
-}
-
-function getPopupOptions(type, index, hasNumberedColumns, tableContainer) {
-  switch (type) {
-    case 'column':
-      return getColumnOptions(index, tableContainer, hasNumberedColumns);
-
-    case 'row':
-      return getRowOptions(index);
-
-    default:
-      return {};
-  }
-}
-
-var _default = getPopupOptions;
-exports.default = _default;

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

@@ -1,244 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FloatingInsertButton = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-var _utils = require("@atlaskit/editor-tables/utils");
-
-var _reactIntlNext = require("react-intl-next");
-
-var _ui = require("@atlaskit/editor-common/ui");
-
-var _dom = require("../../../../utils/dom");
-
-var _analytics = require("@atlaskit/editor-common/analytics");
-
-var _commandsWithAnalytics = require("../../commands-with-analytics");
-
-var _types = require("../../types");
-
-var _utils2 = require("../../utils");
-
-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) {
-  (0, _inherits2.default)(FloatingInsertButton, _React$Component);
-
-  var _super = _createSuper(FloatingInsertButton);
-
-  function FloatingInsertButton(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, FloatingInsertButton);
-    _this = _super.call(this, props);
-    _this.insertColumn = _this.insertColumn.bind((0, _assertThisInitialized2.default)(_this));
-    _this.insertRow = _this.insertRow.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(FloatingInsertButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          tableNode = _this$props.tableNode,
-          editorView = _this$props.editorView,
-          insertColumnButtonIndex = _this$props.insertColumnButtonIndex,
-          insertRowButtonIndex = _this$props.insertRowButtonIndex,
-          tableRef = _this$props.tableRef,
-          mountPoint = _this$props.mountPoint,
-          boundariesElement = _this$props.boundariesElement,
-          isHeaderColumnEnabled = _this$props.isHeaderColumnEnabled,
-          isHeaderRowEnabled = _this$props.isHeaderRowEnabled,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent;
-      var type = typeof insertColumnButtonIndex !== 'undefined' ? 'column' : typeof insertRowButtonIndex !== 'undefined' ? 'row' : null;
-
-      if (!tableNode || !tableRef || !type) {
-        return null;
-      } // We can’t display the insert button for row|colum index 0
-      // when the header row|colum is enabled, this feature will be change on the future
-
-
-      if (type === 'column' && isHeaderColumnEnabled && insertColumnButtonIndex === 0 || type === 'row' && isHeaderRowEnabled && insertRowButtonIndex === 0) {
-        return null;
-      }
-
-      var tr = editorView.state.tr;
-
-      if (tr.selection instanceof _cellSelection.CellSelection && (tr.selection.isColSelection() || tr.selection.isRowSelection())) {
-        return null;
-      }
-
-      var cellPosition = this.getCellPosition(type);
-
-      if (!cellPosition) {
-        return null;
-      }
-
-      var tablePos = (0, _utils.findTable)(editorView.state.selection);
-
-      if (!tablePos) {
-        return null;
-      }
-
-      var domAtPos = editorView.domAtPos.bind(editorView);
-      var pos = cellPosition + tablePos.start + 1;
-      var target;
-
-      try {
-        target = (0, _prosemirrorUtils.findDomRefAtPos)(pos, domAtPos);
-      } catch (error) {
-        // eslint-disable-next-line no-console
-        console.warn(error);
-
-        if (dispatchAnalyticsEvent) {
-          var payload = {
-            action: _analytics.ACTION.ERRORED,
-            actionSubject: _analytics.ACTION_SUBJECT.CONTENT_COMPONENT,
-            eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-            attributes: {
-              component: _analytics.CONTENT_COMPONENT.FLOATING_INSERT_BUTTON,
-              selection: editorView.state.selection.toJSON(),
-              position: pos,
-              docSize: editorView.state.doc.nodeSize,
-              error: error.toString(),
-              errorStack: error.stack || undefined
-            }
-          };
-          dispatchAnalyticsEvent(payload);
-        }
-      }
-
-      if (!target || !(target instanceof HTMLElement)) {
-        return null;
-      }
-
-      var targetCellRef = type === 'row' ? (0, _dom.closestElement)(target, 'tr') : (0, _dom.closestElement)(target, 'td, th');
-
-      if (!targetCellRef) {
-        return null;
-      }
-
-      var tableContainerWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
-      var tableWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
-      var index = type === 'column' ? insertColumnButtonIndex : insertRowButtonIndex;
-      var hasNumberedColumns = (0, _utils2.checkIfNumberColumnEnabled)(editorView.state.selection);
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, (0, _extends2.default)({
-        target: targetCellRef,
-        mountTo: tableContainerWrapper || mountPoint,
-        boundariesElement: tableContainerWrapper || boundariesElement,
-        scrollableElement: tableWrapper,
-        forcePlacement: true,
-        allowOutOfBounds: true
-      }, (0, _getPopupOptions.default)(type, index, hasNumberedColumns, tableContainerWrapper)), /*#__PURE__*/_react.default.createElement(_InsertButton.default, {
-        type: type,
-        tableRef: tableRef,
-        onMouseDown: type === 'column' ? this.insertColumn : this.insertRow,
-        hasStickyHeaders: this.props.hasStickyHeaders || false
-      }));
-    }
-  }, {
-    key: "getCellPosition",
-    value: function getCellPosition(type) {
-      var _this$props2 = this.props,
-          tableNode = _this$props2.tableNode,
-          insertColumnButtonIndex = _this$props2.insertColumnButtonIndex,
-          insertRowButtonIndex = _this$props2.insertRowButtonIndex;
-
-      var tableMap = _tableMap.TableMap.get(tableNode);
-
-      if (type === 'column') {
-        var columnIndex = insertColumnButtonIndex === 0 ? 0 : insertColumnButtonIndex - 1;
-
-        if (columnIndex > tableMap.width - 1) {
-          return null;
-        }
-
-        return tableMap.positionAt(0, columnIndex, tableNode);
-      } else {
-        var rowIndex = insertRowButtonIndex === 0 ? 0 : insertRowButtonIndex - 1;
-
-        if (rowIndex > tableMap.height - 1) {
-          return null;
-        }
-
-        return tableMap.positionAt(rowIndex, 0, tableNode);
-      }
-    }
-  }, {
-    key: "insertRow",
-    value: function insertRow(event) {
-      var _this$props3 = this.props,
-          editorView = _this$props3.editorView,
-          insertRowButtonIndex = _this$props3.insertRowButtonIndex,
-          editorAnalyticsAPI = _this$props3.editorAnalyticsAPI;
-
-      if (typeof insertRowButtonIndex !== 'undefined') {
-        event.preventDefault();
-        var state = editorView.state,
-            dispatch = editorView.dispatch;
-        (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.BUTTON, {
-          index: insertRowButtonIndex,
-          moveCursorToInsertedRow: true
-        })(state, dispatch);
-      }
-    }
-  }, {
-    key: "insertColumn",
-    value: function insertColumn(event) {
-      var _this$props4 = this.props,
-          editorView = _this$props4.editorView,
-          insertColumnButtonIndex = _this$props4.insertColumnButtonIndex,
-          editorAnalyticsAPI = _this$props4.editorAnalyticsAPI,
-          getEditorContainerWidth = _this$props4.getEditorContainerWidth;
-
-      if (typeof insertColumnButtonIndex !== 'undefined') {
-        event.preventDefault();
-        var state = editorView.state,
-            dispatch = editorView.dispatch;
-        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(getEditorContainerWidth, editorAnalyticsAPI)(_analytics.INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
-      }
-    }
-  }]);
-  return FloatingInsertButton;
-}(_react.default.Component);
-
-exports.FloatingInsertButton = FloatingInsertButton;
-(0, _defineProperty2.default)(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-
-var _default = (0, _reactIntlNext.injectIntl)(FloatingInsertButton);
-
-exports.default = _default;

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

@@ -1,253 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-var _reactIntlNext = require("react-intl-next");
-
-var _ui = require("@atlaskit/editor-common/ui");
-
-var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
-
-var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
-
-var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
-
-var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
-
-var _commandsWithAnalytics = require("../../commands-with-analytics");
-
-var _types = require("../../types");
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-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; }
-
-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; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var addPopupOffset = function addPopupOffset(pos) {
-  return _objectSpread(_objectSpread({}, pos), {}, {
-    // add 12 pixels to align y position with
-    //the columns controls
-    top: pos.top ? pos.top + 12 : undefined
-  });
-};
-
-var getMessage = function getMessage(layout) {
-  switch (layout) {
-    case 'default':
-      return _messages.default.layoutWide;
-
-    case 'wide':
-      return _messages.default.layoutFullWidth;
-
-    default:
-      return _messages.default.layoutFixedWidth;
-  }
-};
-
-var LayoutButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(LayoutButton, _React$Component);
-
-  var _super = _createSuper(LayoutButton);
-
-  function LayoutButton() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, LayoutButton);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "stickyButtonRef", /*#__PURE__*/(0, _react.createRef)());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resizeObserver", new ResizeObserver(function (entries) {
-      entries.forEach(function (entry) {
-        var resizeButton = _this.stickyButtonRef.current;
-        var tableWrapper = _this.props.targetRef;
-
-        if (resizeButton && tableWrapper) {
-          var clientRect = tableWrapper.getBoundingClientRect();
-          resizeButton.style.left = "".concat(clientRect.right, "px");
-        }
-      });
-    }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
-      var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch;
-      (0, _commandsWithAnalytics.toggleTableLayoutWithAnalytics)(_this.props.editorAnalyticsAPI)(state, dispatch);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(LayoutButton, [{
-    key: "getTitle",
-    value: function getTitle() {
-      var _this$props = this.props,
-          formatMessage = _this$props.intl.formatMessage,
-          _this$props$layout = _this$props.layout,
-          layout = _this$props$layout === void 0 ? 'default' : _this$props$layout;
-      return formatMessage(getMessage(layout));
-    }
-  }, {
-    key: "toolbarButton",
-    value: function toolbarButton() {
-      var _this$props2 = this.props,
-          isResizing = _this$props2.isResizing,
-          _this$props2$layout = _this$props2.layout,
-          layout = _this$props2$layout === void 0 ? 'default' : _this$props2$layout;
-      var title = this.getTitle();
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames2.default)(_types.TableCssClassName.LAYOUT_BUTTON, (0, _defineProperty2.default)({}, _types.TableCssClassName.IS_RESIZING, isResizing))
-      }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
-        title: title,
-        onClick: this.handleClick,
-        iconBefore: layout === 'full-width' ? /*#__PURE__*/_react.default.createElement(_collapse.default, {
-          label: title
-        }) : /*#__PURE__*/_react.default.createElement(_expand.default, {
-          label: title
-        })
-      }));
-    }
-  }, {
-    key: "getStickyTargetRef",
-    value: function getStickyTargetRef(pos) {
-      var editorView = this.props.editorView;
-      var domAtPos = editorView.domAtPos.bind(editorView);
-      var node = (0, _prosemirrorUtils.findDomRefAtPos)(pos, domAtPos);
-      return node.dataset['headerRow'] && node.classList.contains('sticky') ? node : null;
-    }
-  }, {
-    key: "renderSticky",
-    value: function renderSticky(button, targetRef, tableRef) {
-      var title = this.getTitle();
-
-      if (!(targetRef instanceof HTMLElement) || !(tableRef instanceof HTMLElement)) {
-        return null;
-      }
-
-      var pos = targetRef.getBoundingClientRect();
-      var tablePos = tableRef.getBoundingClientRect();
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.stickyButtonRef,
-        "aria-label": title,
-        style: {
-          position: 'fixed',
-          top: pos.top + 22,
-          left: tablePos.right
-        }
-      }, button);
-    }
-  }, {
-    key: "renderPopup",
-    value: function renderPopup(button) {
-      var _this$props3 = this.props,
-          mountPoint = _this$props3.mountPoint,
-          boundariesElement = _this$props3.boundariesElement,
-          scrollableElement = _this$props3.scrollableElement,
-          targetRef = _this$props3.targetRef;
-
-      if (!targetRef) {
-        return null;
-      }
-
-      var title = this.getTitle();
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
-        ariaLabel: title,
-        target: targetRef,
-        alignY: "start",
-        alignX: "end",
-        onPositionCalculated: addPopupOffset,
-        stick: true,
-        mountTo: mountPoint,
-        boundariesElement: boundariesElement,
-        scrollableElement: scrollableElement,
-        forcePlacement: true
-      }, button);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var stickyHeader = this.props.stickyHeader;
-      var button = this.toolbarButton();
-      var stickyTargetRef = stickyHeader && stickyHeader.sticky && stickyHeader.pos ? this.getStickyTargetRef(stickyHeader.pos) : null;
-
-      if (stickyTargetRef && this.props.targetRef) {
-        return this.renderSticky(button, stickyTargetRef, this.props.targetRef);
-      } else {
-        return this.renderPopup(button);
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var dom = this.props.editorView.dom;
-      var scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-
-      if (scrollPanel instanceof HTMLElement) {
-        this.resizeObserver.observe(scrollPanel);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var dom = this.props.editorView.dom;
-      var scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-
-      if (scrollPanel instanceof HTMLElement) {
-        this.resizeObserver.unobserve(scrollPanel);
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var _this$props4 = this.props,
-          targetRef = _this$props4.targetRef,
-          layout = _this$props4.layout,
-          isResizing = _this$props4.isResizing,
-          stickyHeader = _this$props4.stickyHeader;
-      return stickyHeader !== nextProps.stickyHeader || targetRef !== nextProps.targetRef || layout !== nextProps.layout || isResizing !== nextProps.isResizing;
-    }
-  }]);
-  return LayoutButton;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(LayoutButton, "displayName", 'LayoutButton');
-
-var _default = (0, _reactIntlNext.injectIntl)(LayoutButton);
-
-exports.default = _default;