@atlaskit/editor-plugin-table 2.3.1 → 2.4.0

package/dist/cjs/plugins/table/nodeviews/TableComponent.js

@@ -14,12 +14,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
-var _utils = require("@atlaskit/editor-tables/utils");
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _commands = require("../commands");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _stickyHeaders = require("../pm-plugins/sticky-headers");
@@ -28,16 +29,14 @@ var _dom = require("../pm-plugins/table-resizing/utils/dom");
 var _types = require("../types");
 var _TableFloatingControls = _interopRequireDefault(require("../ui/TableFloatingControls"));
 var _utils4 = require("../utils");
-var _updateOverflowShadows = require("./update-overflow-shadows");
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _OverflowShadowsObserver = require("./OverflowShadowsObserver");
 var _TableContainer = require("./TableContainer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _updateOverflowShadows = require("./update-overflow-shadows");
 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, _defineProperty3.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; }
 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 isIE11 = _utils2.browser.ie_version === 11;
+var isIE11 = _utils.browser.ie_version === 11;
 var NOOP = function NOOP() {
   return undefined;
 };
@@ -74,7 +73,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _this$props$getEditor = _this.props.getEditorFeatureFlags(),
         tableOverflowShadowsOptimization = _this$props$getEditor.tableOverflowShadowsOptimization;
       var pos = _this.props.getPos();
-      if (!(0, _utils2.isValidPosition)(pos, _this.props.view.state)) {
+      if (!(0, _utils.isValidPosition)(pos, _this.props.view.state)) {
         return;
       }
       var stickyHeader = (0, _stickyHeaders.findStickyHeaderForTable)(state, pos);
@@ -135,7 +134,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       // This last check is also to cater for dynamic text sizing changing the 'default' layout width
       // Usually happens on window resize.
       layoutSize !== _this.layoutSize || noOfColumnsChanged) {
-        var shouldScaleTable = (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') || (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
+        var shouldScaleTable = (!(options !== null && options !== void 0 && options.isTableResizingEnabled) || (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
 
         // If column has been inserted/deleted avoid multi dispatch
         if (shouldScaleTable) {
@@ -161,7 +160,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var state = view.state,
         dispatch = view.dispatch;
       var pos = getPos();
-      if (typeof pos !== 'number' || !(0, _utils2.isValidPosition)(pos, state)) {
+      if (typeof pos !== 'number' || !(0, _utils.isValidPosition)(pos, state)) {
         return;
       }
       var domAtPos = view.domAtPos.bind(view);
@@ -185,7 +184,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           containerWidth = _this$props3.containerWidth;
         var _node = getNode();
         var pos = getPos();
-        if (!(0, _utils2.isValidPosition)(pos, view.state)) {
+        if (!(0, _utils.isValidPosition)(pos, view.state)) {
           return;
         }
         (0, _commands.autoSizeTable)(view, _node, _this.table, pos, {
@@ -219,7 +218,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         options = _this$props5.options,
         state = _this$props5.view.state;
       var pos = getPos();
-      if (!(0, _utils2.isValidPosition)(pos, state)) {
+      if (!(0, _utils.isValidPosition)(pos, state)) {
         return;
       }
       var parentNodeWith = (0, _nodeWidth.getParentNodeWidth)(pos, state, containerWidth, options && options.isFullWidthModeEnabled);
@@ -277,7 +276,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var _this$props6 = this.props,
         allowColumnResizing = _this$props6.allowColumnResizing,
-        eventDispatcher = _this$props6.eventDispatcher;
+        eventDispatcher = _this$props6.eventDispatcher,
+        options = _this$props6.options;
       if (allowColumnResizing && this.wrapper && !isIE11) {
         this.wrapper.addEventListener('scroll', this.handleScrollDebounced);
       }
@@ -286,7 +286,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          * We no longer use `containerWidth` as a variable to determine an update for table resizing (avoids unnecessary updates).
          * Instead we use the resize event to only trigger updates when necessary.
          */
-        if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
+        if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
           window.addEventListener('resize', this.handleWindowResizeDebounced);
         }
         this.handleTableResizingDebounced();
@@ -300,6 +300,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$props7 = this.props,
+        allowColumnResizing = _this$props7.allowColumnResizing,
+        eventDispatcher = _this$props7.eventDispatcher,
+        options = _this$props7.options;
       if (this.wrapper && !isIE11) {
         this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
       }
@@ -307,28 +311,28 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       this.scaleTableDebounced.cancel();
       this.handleTableResizingDebounced.cancel();
       this.handleAutoSizeDebounced.cancel();
-      if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
+      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
         this.handleWindowResizeDebounced.cancel();
       }
-      if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') && this.props.allowColumnResizing) {
+      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled) && allowColumnResizing) {
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }
-      this.props.eventDispatcher.off(_stickyHeaders.pluginKey.key, this.onStickyState);
+      eventDispatcher.off(_stickyHeaders.pluginKey.key, this.onStickyState);
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this$props7 = this.props,
-        view = _this$props7.view,
-        getNode = _this$props7.getNode,
-        isMediaFullscreen = _this$props7.isMediaFullscreen,
-        allowColumnResizing = _this$props7.allowColumnResizing;
+      var _this$props8 = this.props,
+        view = _this$props8.view,
+        getNode = _this$props8.getNode,
+        isMediaFullscreen = _this$props8.isMediaFullscreen,
+        allowColumnResizing = _this$props8.allowColumnResizing;
       var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
         isInDanger = _getPluginState.isInDanger;
-      var table = (0, _utils.findTable)(view.state.selection);
+      var table = (0, _utils2.findTable)(view.state.selection);
       if (isInDanger && !table) {
         (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
       }
@@ -381,20 +385,20 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _classnames,
         _this2 = this;
-      var _this$props8 = this.props,
-        view = _this$props8.view,
-        getNode = _this$props8.getNode,
-        isResizing = _this$props8.isResizing,
-        _this$props8$allowCon = _this$props8.allowControls,
-        allowControls = _this$props8$allowCon === void 0 ? true : _this$props8$allowCon,
-        isHeaderRowEnabled = _this$props8.isHeaderRowEnabled,
-        ordering = _this$props8.ordering,
-        isHeaderColumnEnabled = _this$props8.isHeaderColumnEnabled,
-        tableActive = _this$props8.tableActive,
-        containerWidth = _this$props8.containerWidth,
-        options = _this$props8.options,
-        getPos = _this$props8.getPos,
-        pluginInjectionApi = _this$props8.pluginInjectionApi;
+      var _this$props9 = this.props,
+        view = _this$props9.view,
+        getNode = _this$props9.getNode,
+        isResizing = _this$props9.isResizing,
+        _this$props9$allowCon = _this$props9.allowControls,
+        allowControls = _this$props9$allowCon === void 0 ? true : _this$props9$allowCon,
+        isHeaderRowEnabled = _this$props9.isHeaderRowEnabled,
+        ordering = _this$props9.ordering,
+        isHeaderColumnEnabled = _this$props9.isHeaderColumnEnabled,
+        tableActive = _this$props9.tableActive,
+        containerWidth = _this$props9.containerWidth,
+        options = _this$props9.options,
+        getPos = _this$props9.getPos,
+        pluginInjectionApi = _this$props9.pluginInjectionApi;
       var _this$state = this.state,
         isLoading = _this$state.isLoading,
         showBeforeShadow = _this$state.showBeforeShadow,
@@ -445,16 +449,16 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }) : NOOP;
       var isNested = (0, _utils4.isTableNested)(view.state, getPos());
       return /*#__PURE__*/_react.default.createElement(_TableContainer.TableContainer, {
-        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (_classnames = {}, (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_SELECTED, (0, _utils.isTableSelected)(view.state.selection)), _classnames)),
+        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (_classnames = {}, (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_SELECTED, (0, _utils2.isTableSelected)(view.state.selection)), _classnames)),
         editorView: view,
         getPos: getPos,
         node: node,
         tableRef: tableRef,
         containerWidth: containerWidth,
-        isFullWidthModeEnabled: options === null || options === void 0 ? void 0 : options.isFullWidthModeEnabled,
         isBreakoutEnabled: options === null || options === void 0 ? void 0 : options.isBreakoutEnabled,
         isNested: isNested,
-        pluginInjectionApi: pluginInjectionApi
+        pluginInjectionApi: pluginInjectionApi,
+        isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.isTableResizingEnabled
       }, stickyHeadersOptimization && /*#__PURE__*/_react.default.createElement("div", {
         className: _types.TableCssClassName.TABLE_STICKY_SENTINEL_TOP,
         "data-testid": "sticky-sentinel-top"

package/dist/cjs/plugins/table/nodeviews/TableContainer.js

@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableContainer = exports.ResizableTableContainer = exports.InnerContainer = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _utils = require("../pm-plugins/table-resizing/utils");
 var _types = require("../types");
 var _TableResizer = require("./TableResizer");
-var _utils = require("../pm-plugins/table-resizing/utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _editorSharedStyles = require("@atlaskit/editor-shared-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 getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
@@ -53,10 +52,9 @@ var ResizableTableContainer = function ResizableTableContainer(_ref2) {
     tableRef = _ref2.tableRef,
     pluginInjectionApi = _ref2.pluginInjectionApi;
   var containerRef = (0, _react.useRef)(null);
-  var innerContainerRef = (0, _react.useRef)(null);
   var marginLeftRef = (0, _react.useRef)(0);
   var updateWidth = (0, _react.useCallback)(function (width) {
-    if (!containerRef.current || !innerContainerRef.current) {
+    if (!containerRef.current) {
       return;
     }
     var marginLeft = getMarginLeft(lineLength, width);
@@ -97,7 +95,6 @@ var ResizableTableContainer = function ResizableTableContainer(_ref2) {
     tableRef: tableRef,
     displayGuideline: displayGuideline
   }, /*#__PURE__*/_react.default.createElement(InnerContainer, {
-    ref: innerContainerRef,
     className: className,
     node: node
   }, children)));
@@ -110,14 +107,14 @@ var TableContainer = function TableContainer(_ref3) {
     _ref3$containerWidth = _ref3.containerWidth,
     lineLength = _ref3$containerWidth.lineLength,
     editorWidth = _ref3$containerWidth.width,
-    isFullWidthModeEnabled = _ref3.isFullWidthModeEnabled,
+    isTableResizingEnabled = _ref3.isTableResizingEnabled,
     isBreakoutEnabled = _ref3.isBreakoutEnabled,
     editorView = _ref3.editorView,
     getPos = _ref3.getPos,
     tableRef = _ref3.tableRef,
     isNested = _ref3.isNested,
     pluginInjectionApi = _ref3.pluginInjectionApi;
-  if ((isFullWidthModeEnabled || isBreakoutEnabled) && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') && !isNested) {
+  if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/_react.default.createElement(ResizableTableContainer, {
       className: className,
       node: node,

package/dist/cjs/plugins/table/nodeviews/TableResizer.js

@@ -10,13 +10,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _resizer = require("@atlaskit/editor-common/resizer");
 var _guideline = require("@atlaskit/editor-common/guideline");
+var _resizer = require("@atlaskit/editor-common/resizer");
 var _utils = require("../pm-plugins/table-resizing/utils");
 var _tableWidth = require("../pm-plugins/table-width");
+var _consts = require("../ui/consts");
 var _guidelines = require("../utils/guidelines");
 var _snapping = require("../utils/snapping");
-var _consts = require("../ui/consts");
 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 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; }

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

@@ -17,23 +17,25 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _prosemirrorModel = require("prosemirror-model");
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _createPluginConfig = require("../create-plugin-config");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _tableResizing = require("../pm-plugins/table-resizing");
-var _tableWidth = require("../pm-plugins/table-width");
 var _utils = require("../pm-plugins/table-resizing/utils");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _TableComponent = _interopRequireDefault(require("./TableComponent"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _tableWidth = require("../pm-plugins/table-width");
 var _utils2 = require("../utils");
+var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 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 tableAttributes = function tableAttributes(node, state, pos) {
-  var shouldHaveInlineWidth = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') && !(0, _utils2.isTableNested)(state, pos);
+var tableAttributes = function tableAttributes(node, options, state, pos) {
+  // provide a width for tables when custom table width is supported
+  // this is to ensure 'responsive' tables (colgroup widths are undefined) become fixed to
+  // support screen size adjustments
+  var shouldHaveInlineWidth = (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && !(0, _utils2.isTableNested)(state, pos);
   var style = shouldHaveInlineWidth ? "width: ".concat((0, _nodeWidth.getTableContainerWidth)(node), "px") : undefined;
   return {
     'data-number-column': node.attrs.isNumberColumnEnabled,
@@ -49,7 +51,7 @@ var toDOM = function toDOM(node, props) {
   if (props.allowColumnResizing) {
     colgroup = ['colgroup', {}].concat((0, _toConsumableArray2.default)((0, _utils.generateColgroup)(node)));
   }
-  return ['table', tableAttributes(node, props.view.state, props.getPos()), colgroup, ['tbody', 0]];
+  return ['table', tableAttributes(node, props.options, props.view.state, props.getPos()), colgroup, ['tbody', 0]];
 };
 var TableView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(TableView, _ReactNodeView);
@@ -83,7 +85,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (!this.table) {
         return;
       }
-      var attrs = tableAttributes(node, this.view.state, this.getPos());
+      var attrs = tableAttributes(node, this.reactComponentProps.options, this.view.state, this.getPos());
       Object.keys(attrs).forEach(function (attr) {
         _this2.table.setAttribute(attr, attrs[attr]);
       });

package/dist/cjs/plugins/table/nodeviews/tableCell.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _uuid = _interopRequireDefault(require("uuid"));
 var _prosemirrorModel = require("prosemirror-model");
+var _uuid = _interopRequireDefault(require("uuid"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var DEFAULT_COL_SPAN = 1;
 var DEFAULT_ROW_SPAN = 1;

package/dist/cjs/plugins/table/pm-plugins/decorations/plugin.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = exports.handleDocOrSelectionChanged = exports.getDecorations = exports.createPlugin = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _prosemirrorView = require("prosemirror-view");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _pluginKey = require("../plugin-key");
 var _tableWidth = require("../table-width");
 var _utils = require("./utils");

package/dist/cjs/plugins/table/pm-plugins/keymap.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.keymapPlugin = keymapPlugin;
-var _prosemirrorKeymap = require("prosemirror-keymap");
 var _prosemirrorCommands = require("prosemirror-commands");
-var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
+var _prosemirrorKeymap = require("prosemirror-keymap");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
 var _commands = require("../commands");
 var _commandsWithAnalytics = require("../commands-with-analytics");
 var _insert = require("../commands/insert");

package/dist/cjs/plugins/table/pm-plugins/main.js

@@ -6,36 +6,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorUtils = require("prosemirror-utils");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _transforms = require("@atlaskit/editor-common/transforms");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _commands = require("../commands");
+var _misc = require("../commands/misc");
 var _eventHandlers = require("../event-handlers");
 var _table = require("../nodeviews/table");
+var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
 var _plugin = require("../pm-plugins/decorations/plugin");
-var _transforms = require("../transforms");
+var _transforms2 = require("../transforms");
 var _types = require("../types");
 var _utils3 = require("../utils");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _paste = require("../utils/paste");
 var _defaultTableSelection = require("./default-table-selection");
 var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
-var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
-var _misc = require("../commands/misc");
-var _transforms2 = require("@atlaskit/editor-common/transforms");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
-var _paste = require("../utils/paste");
 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 isBreakoutEnabled;
 var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
-var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) {
+var isTableResizingEnabled;
+var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, tableResizingEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) {
   var _window;
   isBreakoutEnabled = breakoutEnabled;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
+  isTableResizingEnabled = tableResizingEnabled;
   var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread({
     pluginConfig: pluginConfig,
     insertColumnButtonIndex: undefined,
@@ -101,12 +103,12 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
         var updatedTr = (0, _eventHandlers.handleCut)(tr, oldState, newState, editorAnalyticsAPI);
-        return (0, _transforms.fixTables)(updatedTr) || updatedTr;
+        return (0, _transforms2.fixTables)(updatedTr) || updatedTr;
       }
       if (transactions.find(function (tr) {
         return tr.docChanged;
       })) {
-        return (0, _transforms.fixTables)(newState.tr, reportInvalidTableCellSpanAttrs);
+        return (0, _transforms2.fixTables)(newState.tr, reportInvalidTableCellSpanAttrs);
       }
     },
     view: function view(editorView) {
@@ -125,7 +127,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
             if (parent) {
               tableRef = parent.querySelector('table') || undefined;
             }
-            tableNode = (0, _utils.findTable)(state.selection);
+            tableNode = (0, _utils2.findTable)(state.selection);
           }
           if (pluginState.tableRef !== tableRef) {
             (0, _commands.setTableRef)(tableRef)(state, dispatch);
@@ -170,17 +172,17 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
 
         // We do this separately, so it also applies to drag/drop events
         // This needs to go before `transformSliceToRemoveOpenExpand`
-        slice = (0, _transforms2.transformSliceToRemoveOpenLayoutNodes)(slice, schema);
+        slice = (0, _transforms.transformSliceToRemoveOpenLayoutNodes)(slice, schema);
 
         // If a partial paste of expand, paste only the content
         // This needs to go before `transformSliceToRemoveOpenTable`
-        slice = (0, _transforms2.transformSliceToRemoveOpenExpand)(slice, schema);
+        slice = (0, _transforms.transformSliceToRemoveOpenExpand)(slice, schema);
 
         /** If a partial paste of table, paste only table's content */
         slice = (0, _utils3.transformSliceToRemoveOpenTable)(slice, schema);
 
         /** If a partial paste of bodied extension, paste only text */
-        slice = (0, _transforms2.transformSliceToRemoveOpenBodiedExtension)(slice, schema);
+        slice = (0, _transforms.transformSliceToRemoveOpenBodiedExtension)(slice, schema);
         slice = (0, _utils3.transformSliceToCorrectEmptyTableCells)(slice, schema);
         if (!pluginConfig.allowColumnResizing) {
           slice = (0, _misc.transformSliceToRemoveColumnsWidths)(slice, schema);
@@ -204,7 +206,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
         // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
-        if (_utils2.browser.chrome && event.target) {
+        if (_utils.browser.chrome && event.target) {
           var targetClassList = event.target.classList;
           if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON)) {
             return true;
@@ -217,13 +219,13 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
         // back to the top of the table if the user has already scrolled down
         var tableHeader = view.state.schema.nodes.tableHeader;
         var domRef = (0, _prosemirrorUtils.findParentDomRefOfType)(tableHeader, view.domAtPos.bind(view))(view.state.selection);
-        var maybeTr = (0, _utils2.closestElement)(domRef, 'tr');
+        var maybeTr = (0, _utils.closestElement)(domRef, 'tr');
         return maybeTr ? maybeTr.classList.contains('sticky') : false;
       },
       handleTextInput: function handleTextInput(_ref3, _from, _to, text) {
         var state = _ref3.state,
           dispatch = _ref3.dispatch;
-        var tr = (0, _transforms.replaceSelectedTable)(state, text, _analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
+        var tr = (0, _transforms2.replaceSelectedTable)(state, text, _analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
         if (tr.selectionSet) {
           dispatch(tr);
           return true;
@@ -235,7 +237,8 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
           return (0, _table.createTableView)(node, view, getPos, portalProviderAPI, eventDispatcher, {
             isBreakoutEnabled: isBreakoutEnabled,
             isFullWidthModeEnabled: isFullWidthModeEnabled,
-            wasFullWidthModeEnabled: wasFullWidthModeEnabled
+            wasFullWidthModeEnabled: wasFullWidthModeEnabled,
+            isTableResizingEnabled: isTableResizingEnabled
           }, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi);
         }
       }),

package/dist/cjs/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableSafariDeleteCompositionTextIssueWorkaroundKey = exports.createPlugin = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorView = require("prosemirror-view");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 /**
  * Fix an issue that composition text replacement in Safari removes empty nodes during text composition text deletion.
  * https://github.com/ProseMirror/prosemirror/issues/934

package/dist/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -8,6 +8,8 @@ exports.supportedHeaderRow = exports.TableRowNodeView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("../../../types");
@@ -16,8 +18,6 @@ var _pluginKey = require("../../plugin-key");
 var _dom = require("../../table-resizing/utils/dom");
 var _commands = require("../commands");
 var _dom2 = require("./dom");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _throttle = _interopRequireDefault(require("lodash/throttle"));
 // limit scroll event calls
 var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 

package/dist/cjs/plugins/table/pm-plugins/table-local-id.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _adfSchema = require("@atlaskit/adf-schema");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

package/dist/cjs/plugins/table/pm-plugins/table-resizing/commands.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.stopResizing = exports.setResizeHandlePos = exports.setLastClick = exports.setDragging = exports.evenColumns = exports.distributeColumnsWidths = void 0;
 var _utils = require("@atlaskit/editor-tables/utils");
+var _transforms = require("../../transforms");
 var _pluginFactory = require("./plugin-factory");
 var _utils2 = require("./utils");
-var _transforms = require("../../transforms");
 var evenColumns = function evenColumns(_ref) {
   var resizeState = _ref.resizeState,
     table = _ref.table,

package/dist/cjs/plugins/table/pm-plugins/table-resizing/event-handlers.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleMouseDown = void 0;
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _utils = require("@atlaskit/editor-tables/utils");
 var _transforms = require("../../transforms");
 var _utils2 = require("../../utils");
 var _commands = require("./commands");
 var _pluginFactory = require("./plugin-factory");
 var _utils3 = require("./utils");
-var _analytics = require("@atlaskit/editor-common/analytics");
 var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var state = view.state,
     dispatch = view.dispatch;

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/colgroup.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.isMinCellWidthTable = exports.insertColgroupFromNode = exports.hasTableBeenResized = exports.getColgroupChildrenLength = exports.generateColgroup = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _prosemirrorModel = require("prosemirror-model");
-var _utils = require("@atlaskit/editor-common/utils");
 var _styles = require("@atlaskit/editor-common/styles");
+var _utils = require("@atlaskit/editor-common/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var generateColgroup = function generateColgroup(table) {

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/column-state.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFreeSpace = exports.getColumnStateFromDOM = exports.getCellsRefsInColumn = exports.calculateColumnWidth = exports.addContainerLeftRightPadding = void 0;
-var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _styles = require("@atlaskit/editor-common/styles");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _contentWidth2 = require("./content-width");
 var _unitToNumber = require("./unit-to-number");
 // Reads `width` and `minWidth` of each column from DOM and returns `ColumnState` containing those values

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/dom.js

@@ -8,8 +8,8 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _updateOverflowShadows = require("../../../nodeviews/update-overflow-shadows");
 var _types = require("../../../types");
-var _rowControls = require("../../../utils/row-controls");
 var _columnControls = require("../../../utils/column-controls");
+var _rowControls = require("../../../utils/row-controls");
 var _pluginFactory = require("../../plugin-factory");
 var updateControls = function updateControls(getEditorFeatureFlags) {
   return function (state) {