@atlaskit/editor-plugin-table 15.0.7 → 15.0.9

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-table
 
+## 15.0.9
+
+### Patch Changes
+
+- [`8f55eb73e7b77`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f55eb73e7b77) -
+  Cleanup platform_editor_live_page_prevent_table_recreation
+
+## 15.0.8
+
+### Patch Changes
+
+- [`925eb6478e9a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/925eb6478e9a5) -
+  Remove overflowY on tables to prevent Y axis scroll bar showing on Windows.
+- Updated dependencies
+
 ## 15.0.7
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableContainer.js

@@ -254,7 +254,7 @@ var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_
   var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
   // Ensure minimum width for usability while respecting container constraints
-  var width = (0, _expValEquals.expValEquals)('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+  var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
   if (!isResizing) {
     tableWidthRef.current = width;
   }
@@ -300,33 +300,12 @@ var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_
     ,
     className: _types.TableCssClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, (0, _platformFeatureFlags.fg)('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/_react.default.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  _react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), (0, _platformFeatureFlags.fg)('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  _react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
+  }, /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/_react.default.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_ref5) {
   var children = _ref5.children,
@@ -457,7 +436,7 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
       var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
       // Ensure minimum width for usability while respecting container constraints
-      var width = (0, _expValEquals.expValEquals)('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+      var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
       var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, _consts.TABLE_MAX_WIDTH);
       return {
         width: width,
@@ -533,33 +512,12 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     ,
     className: _types.TableCssClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, (0, _platformFeatureFlags.fg)('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/_react.default.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  _react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), (0, _platformFeatureFlags.fg)('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  _react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
+  }, /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/_react.default.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 var ResizableTableContainer = exports.ResizableTableContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true);

package/dist/cjs/nodeviews/TableResizer.js

@@ -24,7 +24,6 @@ var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _insm = require("@atlaskit/insm");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -514,7 +513,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var resizeRatio = !isTableAlignmentEnabled || isTableAlignmentEnabled && (0, _alignment.normaliseAlignment)(node.attrs.layout) === _alignment.ALIGN_CENTER ? 2 : 1;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_resizer.ResizerNext, {
     ref: resizerRef,
-    enable: (0, _platformFeatureFlags.fg)('platform_editor_live_page_prevent_table_recreation') ? disabled ? {} : handles : handles,
+    enable: disabled ? {} : handles,
     width: width,
     handleAlignmentMethod: "sticky",
     handleSize: handleSize,

package/dist/es2019/nodeviews/TableContainer.js

@@ -247,7 +247,7 @@ const ResizableTableContainerLegacy = /*#__PURE__*/React.memo(({
   const calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
   // Ensure minimum width for usability while respecting container constraints
-  const width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+  const width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
   if (!isResizing) {
     tableWidthRef.current = width;
   }
@@ -293,33 +293,12 @@ const ResizableTableContainerLegacy = /*#__PURE__*/React.memo(({
     ,
     className: ClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, fg('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), fg('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, _extends({}, tableResizerProps, {
+  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/React.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
   children,
@@ -452,7 +431,7 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
     const calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
     // Ensure minimum width for usability while respecting container constraints
-    const width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+    const width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
     const maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
     return {
       width,
@@ -526,33 +505,12 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
     ,
     className: ClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, fg('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), fg('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, _extends({}, tableResizerProps, {
+  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/React.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 export const ResizableTableContainer = componentWithCondition(() => expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true), ResizableTableContainerNext, ResizableTableContainerLegacy);
 export const TableContainer = ({

package/dist/es2019/nodeviews/TableResizer.js

@@ -14,7 +14,6 @@ import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { insm } from '@atlaskit/insm';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -510,7 +509,7 @@ export const TableResizer = ({
   const resizeRatio = !isTableAlignmentEnabled || isTableAlignmentEnabled && normaliseAlignment(node.attrs.layout) === ALIGN_CENTER ? 2 : 1;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizerNext, {
     ref: resizerRef,
-    enable: fg('platform_editor_live_page_prevent_table_recreation') ? disabled ? {} : handles : handles,
+    enable: disabled ? {} : handles,
     width: width,
     handleAlignmentMethod: "sticky",
     handleSize: handleSize,

package/dist/esm/nodeviews/TableContainer.js

@@ -245,7 +245,7 @@ var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
   var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
   // Ensure minimum width for usability while respecting container constraints
-  var width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+  var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
   if (!isResizing) {
     tableWidthRef.current = width;
   }
@@ -291,33 +291,12 @@ var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
     ,
     className: ClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, fg('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), fg('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, _extends({}, tableResizerProps, {
+  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/React.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
   var children = _ref5.children,
@@ -448,7 +427,7 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
       var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
       // Ensure minimum width for usability while respecting container constraints
-      var width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+      var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
       var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
       return {
         width: width,
@@ -524,33 +503,12 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     ,
     className: ClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, fg('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      width: 'inherit'
-    }
-  }, children) :
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children)), fg('platform_editor_live_page_prevent_table_recreation') ?
-  /*#__PURE__*/
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  React.createElement(TableResizer, _extends({}, tableResizerProps, {
+  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
     disabled: isLivePageViewMode
   }), /*#__PURE__*/React.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children)) : null));
+  }, children))));
 });
 export var ResizableTableContainer = componentWithCondition(function () {
   return expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true);

package/dist/esm/nodeviews/TableResizer.js

@@ -18,7 +18,6 @@ import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { insm } from '@atlaskit/insm';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -505,7 +504,7 @@ export var TableResizer = function TableResizer(_ref) {
   var resizeRatio = !isTableAlignmentEnabled || isTableAlignmentEnabled && normaliseAlignment(node.attrs.layout) === ALIGN_CENTER ? 2 : 1;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizerNext, {
     ref: resizerRef,
-    enable: fg('platform_editor_live_page_prevent_table_recreation') ? disabled ? {} : handles : handles,
+    enable: disabled ? {} : handles,
     width: width,
     handleAlignmentMethod: "sticky",
     handleSize: handleSize,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.0.7",
+	"version": "15.0.9",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -115,9 +115,6 @@
 		"platform_editor_table_overflow_in_full_width_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_live_page_prevent_table_recreation": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_tables_sticky_header_bug": {
 			"type": "boolean"
 		},