@atlaskit/editor-plugin-table 7.21.5 → 7.22.0

package/src/plugin.tsx

@@ -472,13 +472,14 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 				{
 					name: 'tableWidth',
 					plugin: ({ dispatchAnalyticsEvent, dispatch }) =>
-						options?.tableResizingEnabled && !options?.isCommentEditor
+						options?.tableResizingEnabled
 							? createTableWidthPlugin(
 									dispatch,
 									dispatchAnalyticsEvent,
 									options?.fullWidthEnabled ?? false,
 									options?.isTableScalingEnabled ?? false,
 									options?.isTableAlignmentEnabled ?? false,
+									options?.isCommentEditor ?? false,
 								)
 							: undefined,
 				},
@@ -683,7 +684,8 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 											editorAnalyticsAPI={editorAnalyticsAPI}
 										/>
 									)}
-									{options?.isTableScalingEnabled &&
+									{(options?.isTableScalingEnabled ||
+										(options?.tableResizingEnabled && options.isCommentEditor)) &&
 										isTableResizing &&
 										widthToWidest &&
 										resizingTableLocalId &&

package/src/pm-plugins/table-resizing/utils/consts.ts

@@ -6,3 +6,7 @@ export const MAX_SCALING_PERCENT = 0.3;
 export const MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 // Used to calculate the width of a table using the Editor width
 export const TABLE_EDITOR_MARGIN = 76;
+const COMMENT_AK_EDITOR_CONTENT_AREA_PADDING = 20;
+const COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN = 12;
+export const TABLE_OFFSET_IN_COMMENT_EDITOR =
+	2 * (COMMENT_AK_EDITOR_CONTENT_AREA_PADDING + COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN);

package/src/pm-plugins/table-resizing/utils/index.ts

@@ -44,4 +44,5 @@ export {
 	TABLE_DEFAULT_WIDTH,
 	MAX_SCALING_PERCENT,
 	MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION,
+	TABLE_OFFSET_IN_COMMENT_EDITOR,
 } from './consts';

package/src/pm-plugins/table-width.ts

@@ -47,6 +47,7 @@ const createPlugin = (
 	fullWidthEnabled: boolean,
 	isTableScalingEnabled: boolean,
 	isTableAlignmentEnabled: boolean,
+	isCommentEditor: boolean,
 ) => {
 	return new SafePlugin({
 		key: pluginKey,
@@ -158,7 +159,7 @@ const createPlugin = (
 				});
 			}
 
-			if (isReplaceDocumentOperation) {
+			if (isReplaceDocumentOperation && !isCommentEditor) {
 				newState.doc.forEach((node, offset) => {
 					if (node.type === table) {
 						const width = node.attrs.width;

package/src/ui/common-styles.ts

@@ -242,18 +242,6 @@ const viewModeSortStyles = () => {
 	}
 };
 
-const numberColumnFix = () => {
-	if (fg('platform.editor.table.editor-num-col-style-changes')) {
-		return '';
-	}
-
-	return css`
-		> table[data-number-column='true'] {
-			width: calc(100% - 1px);
-		}
-	`;
-};
-
 const tableBorderStyles = () => {
 	return `border-color: ${tableBorderDeleteColor}`;
 };
@@ -1070,8 +1058,6 @@ export const baseTableStyles = (props: { featureFlags?: FeatureFlags }) => css`
 		overflow: auto;
 		overflow-y: hidden;
 		position: relative;
-
-		${numberColumnFix()}
 	}
 `;