@atlaskit/editor-plugin-table 10.10.4 → 10.10.6

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-table
 
+## 10.10.6
+
+### Patch Changes
+
+- [#160340](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160340)
+  [`4abcfffdd3620`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4abcfffdd3620) -
+  Re-render TableComponentWithSharedState when `targetCellPosition` changes so that table controls
+  re-renders
+- Updated dependencies
+
+## 10.10.5
+
+### Patch Changes
+
+- [#158239](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158239)
+  [`c2caa0af876e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c2caa0af876e0) -
+  [ux] ED-28028 add breakout mark to expands, codeblocks and layouts for new resizing experience
+  behind the platform_editor_breakout_resizing experiment
+- Updated dependencies
+
 ## 10.10.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -27,6 +27,8 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
   var hoveredRows = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'hoveredRows');
   var isTableHovered = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isTableHovered');
   var isWholeTableInDanger = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isWholeTableInDanger');
+  // Required so that table controls re-renders
+  (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'targetCellPosition');
 
   // mediaState
   var isFullscreen = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.isFullscreen');

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

@@ -9,8 +9,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _document = require("@atlaskit/editor-common/utils/document");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _consts = require("./table-resizing/utils/consts");
 var _alignment = require("./utils/alignment");
@@ -54,23 +54,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, dispat
       // and Collab service triggers a transaction to replace the empty document with the real document that should be rendered.
       // what we need to do is to add width attr to all tables in the real document
       // isReplaceDocumentOperation is checking if the transaction is the one that replace the empty document with the real document
-      var isReplaceDocumentOperation = transactions.some(function (tr) {
-        if (tr.getMeta('replaceDocument')) {
-          return true;
-        }
-        var hasStepReplacingEntireDocument = tr.steps.some(function (step) {
-          if (!(step instanceof _transform.ReplaceStep)) {
-            return false;
-          }
-          var isStepReplacingFromDocStart = step.from === 0;
-          var isStepReplacingUntilTheEndOfDocument = step.to === oldState.doc.content.size;
-          if (!isStepReplacingFromDocStart || !isStepReplacingUntilTheEndOfDocument) {
-            return false;
-          }
-          return true;
-        });
-        return hasStepReplacingEntireDocument;
-      });
+      var isReplaceDocumentOperation = (0, _document.isReplaceDocOperation)(transactions, oldState);
       var referentialityTr = transactions.find(function (tr) {
         return tr.getMeta('referentialityTableInserted');
       });

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -21,6 +21,8 @@ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
   const hoveredRows = useInternalTablePluginStateSelector(api, 'hoveredRows');
   const isTableHovered = useInternalTablePluginStateSelector(api, 'isTableHovered');
   const isWholeTableInDanger = useInternalTablePluginStateSelector(api, 'isWholeTableInDanger');
+  // Required so that table controls re-renders
+  useInternalTablePluginStateSelector(api, 'targetCellPosition');
 
   // mediaState
   const isFullscreen = useSharedPluginStateSelector(api, 'media.isFullscreen');

package/dist/es2019/pm-plugins/table-width.js

@@ -6,8 +6,8 @@
 
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { TABLE_MAX_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
@@ -47,23 +47,7 @@ const createPlugin = (dispatch, dispatchAnalyticsEvent, fullWidthEnabled, isTabl
       // and Collab service triggers a transaction to replace the empty document with the real document that should be rendered.
       // what we need to do is to add width attr to all tables in the real document
       // isReplaceDocumentOperation is checking if the transaction is the one that replace the empty document with the real document
-      const isReplaceDocumentOperation = transactions.some(tr => {
-        if (tr.getMeta('replaceDocument')) {
-          return true;
-        }
-        const hasStepReplacingEntireDocument = tr.steps.some(step => {
-          if (!(step instanceof ReplaceStep)) {
-            return false;
-          }
-          const isStepReplacingFromDocStart = step.from === 0;
-          const isStepReplacingUntilTheEndOfDocument = step.to === oldState.doc.content.size;
-          if (!isStepReplacingFromDocStart || !isStepReplacingUntilTheEndOfDocument) {
-            return false;
-          }
-          return true;
-        });
-        return hasStepReplacingEntireDocument;
-      });
+      const isReplaceDocumentOperation = isReplaceDocOperation(transactions, oldState);
       const referentialityTr = transactions.find(tr => tr.getMeta('referentialityTableInserted'));
       const shouldPatchTableWidth = fullWidthEnabled && isTableScalingEnabled;
       const shouldPatchTableAlignment = fullWidthEnabled && isTableAlignmentEnabled;

package/dist/esm/nodeviews/TableComponentWithSharedState.js

@@ -21,6 +21,8 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
   var hoveredRows = useInternalTablePluginStateSelector(api, 'hoveredRows');
   var isTableHovered = useInternalTablePluginStateSelector(api, 'isTableHovered');
   var isWholeTableInDanger = useInternalTablePluginStateSelector(api, 'isWholeTableInDanger');
+  // Required so that table controls re-renders
+  useInternalTablePluginStateSelector(api, 'targetCellPosition');
 
   // mediaState
   var isFullscreen = useSharedPluginStateSelector(api, 'media.isFullscreen');

package/dist/esm/pm-plugins/table-width.js

@@ -11,8 +11,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { TABLE_MAX_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
@@ -49,23 +49,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
       // and Collab service triggers a transaction to replace the empty document with the real document that should be rendered.
       // what we need to do is to add width attr to all tables in the real document
       // isReplaceDocumentOperation is checking if the transaction is the one that replace the empty document with the real document
-      var isReplaceDocumentOperation = transactions.some(function (tr) {
-        if (tr.getMeta('replaceDocument')) {
-          return true;
-        }
-        var hasStepReplacingEntireDocument = tr.steps.some(function (step) {
-          if (!(step instanceof ReplaceStep)) {
-            return false;
-          }
-          var isStepReplacingFromDocStart = step.from === 0;
-          var isStepReplacingUntilTheEndOfDocument = step.to === oldState.doc.content.size;
-          if (!isStepReplacingFromDocStart || !isStepReplacingUntilTheEndOfDocument) {
-            return false;
-          }
-          return true;
-        });
-        return hasStepReplacingEntireDocument;
-      });
+      var isReplaceDocumentOperation = isReplaceDocOperation(transactions, oldState);
       var referentialityTr = transactions.find(function (tr) {
         return tr.getMeta('referentialityTableInserted');
       });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "10.10.4",
+	"version": "10.10.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.24.0",
+		"@atlaskit/tmp-editor-statsig": "^4.25.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",

package/src/nodeviews/TableComponentWithSharedState.tsx

@@ -52,6 +52,8 @@ const useSharedState = sharedPluginStateHookMigratorFactory(
 		const hoveredRows = useInternalTablePluginStateSelector(api, 'hoveredRows');
 		const isTableHovered = useInternalTablePluginStateSelector(api, 'isTableHovered');
 		const isWholeTableInDanger = useInternalTablePluginStateSelector(api, 'isWholeTableInDanger');
+		// Required so that table controls re-renders
+		useInternalTablePluginStateSelector(api, 'targetCellPosition');
 
 		// mediaState
 		const isFullscreen = useSharedPluginStateSelector(api, 'media.isFullscreen');

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

@@ -8,8 +8,8 @@ import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import {
 	akEditorDefaultLayoutWidth,
 	akEditorFullWidthLayoutWidth,
@@ -19,12 +19,6 @@ import {
 import { TABLE_MAX_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
 
-type __ReplaceStep = ReplaceStep & {
-	// Properties `to` and `from` are private attributes of ReplaceStep.
-	to: number;
-	from: number;
-};
-
 type TableWidthPluginState = {
 	resizing: boolean;
 	tableLocalId: string;
@@ -75,28 +69,7 @@ const createPlugin = (
 			// and Collab service triggers a transaction to replace the empty document with the real document that should be rendered.
 			// what we need to do is to add width attr to all tables in the real document
 			// isReplaceDocumentOperation is checking if the transaction is the one that replace the empty document with the real document
-			const isReplaceDocumentOperation = transactions.some((tr) => {
-				if (tr.getMeta('replaceDocument')) {
-					return true;
-				}
-
-				const hasStepReplacingEntireDocument = tr.steps.some((step) => {
-					if (!(step instanceof ReplaceStep)) {
-						return false;
-					}
-
-					const isStepReplacingFromDocStart = (step as __ReplaceStep).from === 0;
-					const isStepReplacingUntilTheEndOfDocument =
-						(step as __ReplaceStep).to === oldState.doc.content.size;
-
-					if (!isStepReplacingFromDocStart || !isStepReplacingUntilTheEndOfDocument) {
-						return false;
-					}
-					return true;
-				});
-
-				return hasStepReplacingEntireDocument;
-			});
+			const isReplaceDocumentOperation = isReplaceDocOperation(transactions, oldState);
 
 			const referentialityTr = transactions.find((tr) => tr.getMeta('referentialityTableInserted'));