@atlaskit/editor-plugin-table 7.6.13 → 7.7.0

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

@@ -1,168 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { createRef } from 'react';
-import classnames from 'classnames';
-import { injectIntl } from 'react-intl-next';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import { toggleTableLayoutWithAnalytics } from '../../commands-with-analytics';
-import { TableCssClassName as ClassName } from '../../types';
-const addPopupOffset = pos => ({
-  ...pos,
-  // add 12 pixels to align y position with
-  //the columns controls
-  top: pos.top ? pos.top + 12 : undefined
-});
-const getMessage = layout => {
-  switch (layout) {
-    case 'default':
-      return commonMessages.layoutWide;
-    case 'wide':
-      return commonMessages.layoutFullWidth;
-    default:
-      return commonMessages.layoutFixedWidth;
-  }
-};
-class LayoutButton extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "stickyButtonRef", /*#__PURE__*/createRef());
-    _defineProperty(this, "resizeObserver", new ResizeObserver(entries => {
-      entries.forEach(() => {
-        const resizeButton = this.stickyButtonRef.current;
-        const tableWrapper = this.props.targetRef;
-        if (resizeButton && tableWrapper) {
-          const clientRect = tableWrapper.getBoundingClientRect();
-          resizeButton.style.left = `${clientRect.right}px`;
-        }
-      });
-    }));
-    _defineProperty(this, "handleClick", () => {
-      const {
-        state,
-        dispatch
-      } = this.props.editorView;
-      toggleTableLayoutWithAnalytics(this.props.editorAnalyticsAPI)(state, dispatch);
-    });
-  }
-  getTitle() {
-    const {
-      intl: {
-        formatMessage
-      },
-      layout = 'default'
-    } = this.props;
-    return formatMessage(getMessage(layout));
-  }
-  toolbarButton() {
-    const {
-      isResizing,
-      layout = 'default'
-    } = this.props;
-    const title = this.getTitle();
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(ClassName.LAYOUT_BUTTON, {
-        [ClassName.IS_RESIZING]: isResizing
-      })
-    }, /*#__PURE__*/React.createElement(ToolbarButton, {
-      title: title,
-      onClick: this.handleClick,
-      iconBefore: layout === 'full-width' ? /*#__PURE__*/React.createElement(CollapseIcon, {
-        label: title
-      }) : /*#__PURE__*/React.createElement(ExpandIcon, {
-        label: title
-      })
-    }));
-  }
-  getStickyTargetRef(pos) {
-    const {
-      editorView
-    } = this.props;
-    const domAtPos = editorView.domAtPos.bind(editorView);
-    const node = findDomRefAtPos(pos, domAtPos);
-    return node.dataset['headerRow'] && node.classList.contains('sticky') ? node : null;
-  }
-  renderSticky(button, targetRef, tableRef) {
-    const title = this.getTitle();
-    if (!(targetRef instanceof HTMLElement) || !(tableRef instanceof HTMLElement)) {
-      return null;
-    }
-    const pos = targetRef.getBoundingClientRect();
-    const tablePos = tableRef.getBoundingClientRect();
-    return /*#__PURE__*/React.createElement("div", {
-      ref: this.stickyButtonRef,
-      "aria-label": title,
-      style: {
-        position: 'fixed',
-        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-        top: pos.top + 22,
-        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-        left: tablePos.right
-      }
-    }, button);
-  }
-  renderPopup(button) {
-    const {
-      mountPoint,
-      boundariesElement,
-      scrollableElement,
-      targetRef
-    } = this.props;
-    if (!targetRef) {
-      return null;
-    }
-    const title = this.getTitle();
-    return /*#__PURE__*/React.createElement(Popup, {
-      ariaLabel: title,
-      target: targetRef,
-      alignY: "start",
-      alignX: "end",
-      onPositionCalculated: addPopupOffset,
-      stick: true,
-      mountTo: mountPoint,
-      boundariesElement: boundariesElement,
-      scrollableElement: scrollableElement,
-      forcePlacement: true
-    }, button);
-  }
-  render() {
-    const {
-      stickyHeader
-    } = this.props;
-    const button = this.toolbarButton();
-    const 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);
-    }
-  }
-  componentDidMount() {
-    const dom = this.props.editorView.dom;
-    const scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-    if (scrollPanel instanceof HTMLElement) {
-      this.resizeObserver.observe(scrollPanel);
-    }
-  }
-  componentWillUnmount() {
-    const dom = this.props.editorView.dom;
-    const scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-    if (scrollPanel instanceof HTMLElement) {
-      this.resizeObserver.unobserve(scrollPanel);
-    }
-  }
-  shouldComponentUpdate(nextProps) {
-    const {
-      targetRef,
-      layout,
-      isResizing,
-      stickyHeader
-    } = this.props;
-    return stickyHeader !== nextProps.stickyHeader || targetRef !== nextProps.targetRef || layout !== nextProps.layout || isResizing !== nextProps.isResizing;
-  }
-}
-_defineProperty(LayoutButton, "displayName", 'LayoutButton');
-export default injectIntl(LayoutButton);

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

@@ -1,196 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-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) { _defineProperty(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; }
-import React, { createRef } from 'react';
-import classnames from 'classnames';
-import { injectIntl } from 'react-intl-next';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import { toggleTableLayoutWithAnalytics } from '../../commands-with-analytics';
-import { TableCssClassName as ClassName } from '../../types';
-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 commonMessages.layoutWide;
-    case 'wide':
-      return commonMessages.layoutFullWidth;
-    default:
-      return commonMessages.layoutFixedWidth;
-  }
-};
-var LayoutButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(LayoutButton, _React$Component);
-  var _super = _createSuper(LayoutButton);
-  function LayoutButton() {
-    var _this;
-    _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this), "stickyButtonRef", /*#__PURE__*/createRef());
-    _defineProperty(_assertThisInitialized(_this), "resizeObserver", new ResizeObserver(function (entries) {
-      entries.forEach(function () {
-        var resizeButton = _this.stickyButtonRef.current;
-        var tableWrapper = _this.props.targetRef;
-        if (resizeButton && tableWrapper) {
-          var clientRect = tableWrapper.getBoundingClientRect();
-          resizeButton.style.left = "".concat(clientRect.right, "px");
-        }
-      });
-    }));
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
-      var _this$props$editorVie = _this.props.editorView,
-        state = _this$props$editorVie.state,
-        dispatch = _this$props$editorVie.dispatch;
-      toggleTableLayoutWithAnalytics(_this.props.editorAnalyticsAPI)(state, dispatch);
-    });
-    return _this;
-  }
-  _createClass(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.createElement("div", {
-        className: classnames(ClassName.LAYOUT_BUTTON, _defineProperty({}, ClassName.IS_RESIZING, isResizing))
-      }, /*#__PURE__*/React.createElement(ToolbarButton, {
-        title: title,
-        onClick: this.handleClick,
-        iconBefore: layout === 'full-width' ? /*#__PURE__*/React.createElement(CollapseIcon, {
-          label: title
-        }) : /*#__PURE__*/React.createElement(ExpandIcon, {
-          label: title
-        })
-      }));
-    }
-  }, {
-    key: "getStickyTargetRef",
-    value: function getStickyTargetRef(pos) {
-      var editorView = this.props.editorView;
-      var domAtPos = editorView.domAtPos.bind(editorView);
-      var node = 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.createElement("div", {
-        ref: this.stickyButtonRef,
-        "aria-label": title,
-        style: {
-          position: 'fixed',
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          top: pos.top + 22,
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          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.createElement(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.Component);
-_defineProperty(LayoutButton, "displayName", 'LayoutButton');
-export default injectIntl(LayoutButton);

package/dist/types/ui/LayoutButton/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { TableLayout } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
-export interface Props {
-    editorView: EditorView;
-    targetRef?: HTMLElement;
-    mountPoint?: HTMLElement;
-    boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    isResizing?: boolean;
-    layout?: TableLayout;
-    stickyHeader?: RowStickyState;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
-};
-export default _default;

package/dist/types-ts4.5/ui/LayoutButton/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { TableLayout } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
-export interface Props {
-    editorView: EditorView;
-    targetRef?: HTMLElement;
-    mountPoint?: HTMLElement;
-    boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    isResizing?: boolean;
-    layout?: TableLayout;
-    stickyHeader?: RowStickyState;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
-};
-export default _default;

package/src/ui/LayoutButton/index.tsx

@@ -1,217 +0,0 @@
-import React, { createRef } from 'react';
-
-import classnames from 'classnames';
-import type { WrappedComponentProps } from 'react-intl-next';
-import { injectIntl } from 'react-intl-next';
-
-import type { TableLayout } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { Popup } from '@atlaskit/editor-common/ui';
-import type { PopupPosition } from '@atlaskit/editor-common/ui';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-
-import { toggleTableLayoutWithAnalytics } from '../../commands-with-analytics';
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
-import { TableCssClassName as ClassName } from '../../types';
-
-export interface Props {
-  editorView: EditorView;
-  targetRef?: HTMLElement;
-  mountPoint?: HTMLElement;
-  boundariesElement?: HTMLElement;
-  scrollableElement?: HTMLElement;
-  isResizing?: boolean;
-  layout?: TableLayout;
-  stickyHeader?: RowStickyState;
-  editorAnalyticsAPI?: EditorAnalyticsAPI;
-}
-
-const addPopupOffset = (pos: PopupPosition) => ({
-  ...pos,
-
-  // add 12 pixels to align y position with
-  //the columns controls
-  top: pos.top ? pos.top + 12 : undefined,
-});
-
-const getMessage = (layout: TableLayout) => {
-  switch (layout) {
-    case 'default':
-      return commonMessages.layoutWide;
-    case 'wide':
-      return commonMessages.layoutFullWidth;
-    default:
-      return commonMessages.layoutFixedWidth;
-  }
-};
-
-class LayoutButton extends React.Component<Props & WrappedComponentProps, any> {
-  static displayName = 'LayoutButton';
-  private stickyButtonRef = createRef<HTMLDivElement>();
-
-  private resizeObserver: ResizeObserver = new ResizeObserver((entries) => {
-    entries.forEach(() => {
-      const resizeButton = this.stickyButtonRef.current;
-      const tableWrapper = this.props.targetRef;
-      if (resizeButton && tableWrapper) {
-        const clientRect = tableWrapper.getBoundingClientRect();
-        resizeButton.style.left = `${clientRect.right}px`;
-      }
-    });
-  });
-
-  getTitle() {
-    const {
-      intl: { formatMessage },
-      layout = 'default',
-    } = this.props;
-    return formatMessage(getMessage(layout));
-  }
-
-  toolbarButton() {
-    const { isResizing, layout = 'default' } = this.props;
-    const title = this.getTitle();
-
-    return (
-      <div
-        className={classnames(ClassName.LAYOUT_BUTTON, {
-          [ClassName.IS_RESIZING]: isResizing,
-        })}
-      >
-        <ToolbarButton
-          title={title}
-          onClick={this.handleClick}
-          iconBefore={
-            layout === 'full-width' ? (
-              <CollapseIcon label={title} />
-            ) : (
-              <ExpandIcon label={title} />
-            )
-          }
-        />
-      </div>
-    );
-  }
-
-  getStickyTargetRef(pos: number): Node | null {
-    const { editorView } = this.props;
-    const domAtPos = editorView.domAtPos.bind(editorView);
-    const node = findDomRefAtPos(pos, domAtPos) as HTMLElement;
-    return node.dataset['headerRow'] && node.classList.contains('sticky')
-      ? node
-      : null;
-  }
-
-  renderSticky(button: JSX.Element, targetRef: Node, tableRef: Node) {
-    const title = this.getTitle();
-
-    if (
-      !(targetRef instanceof HTMLElement) ||
-      !(tableRef instanceof HTMLElement)
-    ) {
-      return null;
-    }
-    const pos = targetRef.getBoundingClientRect();
-    const tablePos = tableRef.getBoundingClientRect();
-
-    return (
-      <div
-        ref={this.stickyButtonRef}
-        aria-label={title}
-        style={{
-          position: 'fixed',
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          top: pos.top + 22,
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          left: tablePos.right,
-        }}
-      >
-        {button}
-      </div>
-    );
-  }
-
-  renderPopup(button: JSX.Element) {
-    const { mountPoint, boundariesElement, scrollableElement, targetRef } =
-      this.props;
-
-    if (!targetRef) {
-      return null;
-    }
-
-    const title = this.getTitle();
-
-    return (
-      <Popup
-        ariaLabel={title}
-        target={targetRef}
-        alignY="start"
-        alignX="end"
-        onPositionCalculated={addPopupOffset}
-        stick={true}
-        mountTo={mountPoint}
-        boundariesElement={boundariesElement}
-        scrollableElement={scrollableElement}
-        forcePlacement={true}
-      >
-        {button}
-      </Popup>
-    );
-  }
-
-  render() {
-    const { stickyHeader } = this.props;
-    const button = this.toolbarButton();
-
-    const 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);
-    }
-  }
-
-  componentDidMount() {
-    const dom = this.props.editorView.dom;
-    const scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-    if (scrollPanel instanceof HTMLElement) {
-      this.resizeObserver.observe(scrollPanel);
-    }
-  }
-
-  componentWillUnmount() {
-    const dom = this.props.editorView.dom;
-    const scrollPanel = dom.closest('.fabric-editor-popup-scroll-parent');
-    if (scrollPanel instanceof HTMLElement) {
-      this.resizeObserver.unobserve(scrollPanel);
-    }
-  }
-
-  shouldComponentUpdate(nextProps: Props) {
-    const { targetRef, layout, isResizing, stickyHeader } = this.props;
-    return (
-      stickyHeader !== nextProps.stickyHeader ||
-      targetRef !== nextProps.targetRef ||
-      layout !== nextProps.layout ||
-      isResizing !== nextProps.isResizing
-    );
-  }
-
-  private handleClick = () => {
-    const { state, dispatch } = this.props.editorView;
-    toggleTableLayoutWithAnalytics(this.props.editorAnalyticsAPI)(
-      state,
-      dispatch,
-    );
-  };
-}
-
-export default injectIntl(LayoutButton);