@atlaskit/editor-plugin-table 7.4.6 → 7.4.8

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

@@ -11,130 +11,149 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { TABLE_MAX_WIDTH } from './table-resizing/utils';
 export const pluginKey = new PluginKey('tableWidthPlugin');
-const createPlugin = (dispatch, dispatchAnalyticsEvent, fullWidthEnabled) => new SafePlugin({
-  key: pluginKey,
-  state: {
-    init() {
-      return {
-        resizing: false
-      };
-    },
-    apply(tr, pluginState) {
-      const meta = tr.getMeta(pluginKey);
-      if (meta && meta.resizing !== pluginState.resizing) {
-        const newState = {
-          resizing: meta.resizing
+const createPlugin = (dispatch, dispatchAnalyticsEvent, fullWidthEnabled, getEditorFeatureFlags) => {
+  return new SafePlugin({
+    key: pluginKey,
+    state: {
+      init() {
+        return {
+          resizing: false
         };
-        dispatch(pluginKey, newState);
-        return newState;
+      },
+      apply(tr, pluginState) {
+        const meta = tr.getMeta(pluginKey);
+        if (meta && meta.resizing !== pluginState.resizing) {
+          const newState = {
+            resizing: meta.resizing
+          };
+          dispatch(pluginKey, newState);
+          return newState;
+        }
+        return pluginState;
       }
-      return pluginState;
-    }
-  },
-  appendTransaction: (transactions, oldState, newState) => {
-    // do not fire select table analytics events when a table is being created or deleted
-    const selectedTableOldState = findTable(oldState.selection);
-    const selectedTableNewState = findTable(newState.selection);
+    },
+    appendTransaction: (transactions, oldState, newState) => {
+      // do not fire select table analytics events when a table is being created or deleted
+      const selectedTableOldState = findTable(oldState.selection);
+      const selectedTableNewState = findTable(newState.selection);
 
-    /**
-     * Select table event
-     *   condition: 1
-     * When users selection changes to table
-     */
-    if (!selectedTableOldState && selectedTableNewState) {
-      dispatchAnalyticsEvent({
-        action: ACTION.SELECTED,
-        actionSubject: ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-        eventType: EVENT_TYPE.TRACK,
-        attributes: {
-          localId: selectedTableNewState.node.attrs.localId || ''
-        }
-      });
-    }
-    // When document first load in Confluence, initially it is an empty document
-    // 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;
+      /**
+       * Select table event
+       *   condition: 1
+       * When users selection changes to table
+       */
+      if (!selectedTableOldState && selectedTableNewState) {
+        dispatchAnalyticsEvent({
+          action: ACTION.SELECTED,
+          actionSubject: ACTION_SUBJECT.DOCUMENT,
+          actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            localId: selectedTableNewState.node.attrs.localId || ''
+          }
+        });
       }
-      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;
-    });
-    if (!isReplaceDocumentOperation) {
-      return null;
-    }
-    const tr = newState.tr;
-    const {
-      table
-    } = newState.schema.nodes;
 
-    /**
-     * Select table event
-     *   condition: 2
-     * Users selection defaults to table, if first node
-     */
-    if (selectedTableOldState) {
-      dispatchAnalyticsEvent({
-        action: ACTION.SELECTED,
-        actionSubject: ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-        eventType: EVENT_TYPE.TRACK,
-        attributes: {
-          localId: selectedTableOldState.node.attrs.localId || ''
+      // When document first load in Confluence, initially it is an empty document
+      // 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;
       });
-    }
-    newState.doc.forEach((node, offset) => {
-      if (node.type === table) {
-        const width = node.attrs.width;
-        const layout = node.attrs.layout;
-        if (!width && layout) {
-          let tableWidthCal;
-          if (fullWidthEnabled) {
-            tableWidthCal = akEditorFullWidthLayoutWidth;
-          } else {
-            switch (layout) {
-              case 'wide':
-                tableWidthCal = akEditorWideLayoutWidth;
-                break;
-              case 'full-width':
+      const referentialityTr = transactions.find(tr => tr.getMeta('referentialityTableInserted'));
+      const shouldPatchTable = fullWidthEnabled && getEditorFeatureFlags && getEditorFeatureFlags()['tablePreserveWidth'];
+      if (!isReplaceDocumentOperation && (!shouldPatchTable || !referentialityTr)) {
+        return null;
+      }
+      const {
+        table
+      } = newState.schema.nodes;
+      const tr = newState.tr;
+
+      /**
+       * Select table event
+       *   condition: 2
+       * Users selection defaults to table, if first node
+       */
+      if (selectedTableOldState) {
+        dispatchAnalyticsEvent({
+          action: ACTION.SELECTED,
+          actionSubject: ACTION_SUBJECT.DOCUMENT,
+          actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            localId: selectedTableOldState.node.attrs.localId || ''
+          }
+        });
+      }
+      if (isReplaceDocumentOperation) {
+        newState.doc.forEach((node, offset) => {
+          if (node.type === table) {
+            const width = node.attrs.width;
+            const layout = node.attrs.layout;
+            if (!width && layout) {
+              let tableWidthCal;
+              if (fullWidthEnabled) {
                 tableWidthCal = akEditorFullWidthLayoutWidth;
-                break;
-              // when in fix-width appearance, no need to assign value to table width attr
-              // as when table is created, width attr is null by default, table rendered using layout attr
-              default:
-                tableWidthCal = akEditorDefaultLayoutWidth;
-                break;
+              } else {
+                switch (layout) {
+                  case 'wide':
+                    tableWidthCal = akEditorWideLayoutWidth;
+                    break;
+                  case 'full-width':
+                    tableWidthCal = akEditorFullWidthLayoutWidth;
+                    break;
+                  // when in fix-width appearance, no need to assign value to table width attr
+                  // as when table is created, width attr is null by default, table rendered using layout attr
+                  default:
+                    tableWidthCal = akEditorDefaultLayoutWidth;
+                    break;
+                }
+              }
+              const {
+                width,
+                ...rest
+              } = node.attrs;
+              if (tableWidthCal) {
+                tr.step(new SetAttrsStep(offset, {
+                  width: tableWidthCal,
+                  ...rest
+                }));
+              }
             }
           }
-          const {
-            width,
-            ...rest
-          } = node.attrs;
-          if (tableWidthCal) {
-            tr.step(new SetAttrsStep(offset, {
-              width: tableWidthCal,
-              ...rest
-            }));
-          }
-        }
+        });
       }
-    });
-    return tr;
-  }
-});
+      if (referentialityTr) {
+        referentialityTr.steps.forEach(step => {
+          step.getMap().forEach((oldStart, oldEnd, newStart, newEnd) => {
+            newState.doc.nodesBetween(newStart, newEnd, (node, pos) => {
+              if (node.type === table && node.attrs.width !== TABLE_MAX_WIDTH) {
+                tr.setNodeAttribute(pos, 'width', TABLE_MAX_WIDTH);
+              }
+            });
+          });
+        });
+      }
+      return tr;
+    }
+  });
+};
 export { createPlugin };

package/dist/es2019/utils/create.js

@@ -0,0 +1,18 @@
+import { createTable } from '@atlaskit/editor-tables/utils';
+import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+export const createTableWithWidth = (isFullWidthModeEnabled, getEditorFeatureFlags, createTableProps) => schema => {
+  const {
+    tablePreserveWidth = false
+  } = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
+  if (tablePreserveWidth && isFullWidthModeEnabled) {
+    return createTable({
+      schema,
+      tableWidth: TABLE_MAX_WIDTH,
+      ...createTableProps
+    });
+  }
+  return createTable({
+    schema,
+    ...createTableProps
+  });
+};

package/dist/es2019/utils/index.js

@@ -8,4 +8,5 @@ export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getR
 export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
 export { getMergedCellsPositions } from './table';
 export { updatePluginStateDecorations } from './update-plugin-state-decorations';
-export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells } from './merged-cells';
+export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells } from './merged-cells';
+export { createTableWithWidth } from './create';

package/dist/esm/commands/insert.js

@@ -4,12 +4,12 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, TABLE_OVERFLOW_C
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { addColumnAt as addColumnAtPMUtils, addRowAt, createTable as createTableNode, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
+import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { updateRowOrColumnMovedTransform } from '../pm-plugins/analytics/commands';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { rescaleColumns } from '../transforms/column-width';
-import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
+import { checkIfHeaderRowEnabled, copyPreviousRow, createTableWithWidth } from '../utils';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 function addColumnAtCustomStep(column) {
   return function (tr) {
@@ -80,8 +80,6 @@ export var addColumnAfter = function addColumnAfter(getEditorContainerWidth) {
     return true;
   };
 };
-
-// #region Commands
 export var insertColumn = function insertColumn(getEditorContainerWidth) {
   return function (column) {
     return function (state, dispatch, view) {
@@ -134,28 +132,23 @@ export var insertRow = function insertRow(row, moveCursorToTheNewRow) {
     return true;
   };
 };
-export var createTable = function createTable() {
+export var createTable = function createTable(isFullWidthModeEnabled, getEditorFeatureFlags) {
   return function (state, dispatch) {
-    var table = createTableNode({
-      schema: state.schema
-    });
+    var table = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags)(state.schema);
     if (dispatch) {
       dispatch(safeInsert(table)(state.tr).scrollIntoView());
     }
     return true;
   };
 };
-// #endregion
-
-export var insertTableWithSize = function insertTableWithSize(editorAnalyticsAPI) {
+export var insertTableWithSize = function insertTableWithSize(isFullWidthModeEnabled, getEditorFeatureFlags, editorAnalyticsAPI) {
   return function (rowsCount, colsCount, inputMethod) {
     return function (_ref) {
       var tr = _ref.tr;
-      var tableNode = createTableNode({
-        schema: tr.doc.type.schema,
+      var tableNode = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags, {
         rowsCount: rowsCount,
         colsCount: colsCount
-      });
+      })(tr.doc.type.schema);
       var newTr = safeInsert(tableNode)(tr).scrollIntoView();
       if (inputMethod) {
         editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({

package/dist/esm/plugin.js

@@ -9,7 +9,6 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { browser } from '@atlaskit/editor-common/utils';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
-import { createTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { insertTableWithSize } from './commands/insert';
 import { pluginConfig } from './create-plugin-config';
@@ -34,7 +33,7 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingDragMenu from './ui/FloatingDragMenu';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
-import { isLayoutSupported } from './utils';
+import { createTableWithWidth, isLayoutSupported } from './utils';
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
@@ -59,13 +58,19 @@ var tablesPlugin = function tablesPlugin(_ref) {
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   return {
     name: 'table',
+    // Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
+    // to most up to date values - passing to createPluginState will not re-initialise the state
+    getSharedState: function getSharedState() {
+      return {
+        isFullWidthModeEnabled: !!(options !== null && options !== void 0 && options.fullWidthEnabled),
+        wasFullWidthModeEnabled: !!(options !== null && options !== void 0 && options.wasFullWidthEnabled)
+      };
+    },
     actions: {
       insertTable: function insertTable(analyticsPayload) {
         return function (state, dispatch) {
           var _api$contentInsertion, _api$contentInsertion2;
-          var node = createTable({
-            schema: state.schema
-          });
+          var node = createTableWithWidth(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags)(state.schema);
           return (_api$contentInsertion = api === null || api === void 0 || (_api$contentInsertion2 = api.contentInsertion) === null || _api$contentInsertion2 === void 0 || (_api$contentInsertion2 = _api$contentInsertion2.actions) === null || _api$contentInsertion2 === void 0 ? void 0 : _api$contentInsertion2.insert({
             state: state,
             dispatch: dispatch,
@@ -79,7 +84,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }
     },
     commands: {
-      insertTableWithSize: insertTableWithSize(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
+      insertTableWithSize: insertTableWithSize(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
     },
     nodes: function nodes() {
       var tableNode = options !== null && options !== void 0 && options.tableResizingEnabled ? tableWithCustomWidth : table;
@@ -201,7 +206,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
           var _options$fullWidthEna;
           var dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent,
             dispatch = _ref12.dispatch;
-          return options !== null && options !== void 0 && options.tableResizingEnabled ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
+          return options !== null && options !== void 0 && options.tableResizingEnabled ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false, options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) : undefined;
         }
       },
       // TODO: should be deprecated and eventually replaced with 'tableAnalyticsPlugin'
@@ -384,9 +389,10 @@ var tablesPlugin = function tablesPlugin(_ref) {
             return /*#__PURE__*/React.createElement(IconTable, null);
           },
           action: function action(insert, state) {
-            var tr = insert(createTable({
-              schema: state.schema
-            }));
+            var _api$table;
+            // see comment on tablesPlugin.getSharedState on usage
+            var tableState = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
+            var tr = insert(createTableWithWidth(tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled, options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags)(state.schema));
             editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,

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

@@ -16,8 +16,9 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { TABLE_MAX_WIDTH } from './table-resizing/utils';
 export var pluginKey = new PluginKey('tableWidthPlugin');
-var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled) {
+var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled, getEditorFeatureFlags) {
   return new SafePlugin({
     key: pluginKey,
     state: {
@@ -59,6 +60,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
           }
         });
       }
+
       // When document first load in Confluence, initially it is an empty document
       // 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
@@ -80,11 +82,15 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
         });
         return hasStepReplacingEntireDocument;
       });
-      if (!isReplaceDocumentOperation) {
+      var referentialityTr = transactions.find(function (tr) {
+        return tr.getMeta('referentialityTableInserted');
+      });
+      var shouldPatchTable = fullWidthEnabled && getEditorFeatureFlags && getEditorFeatureFlags()['tablePreserveWidth'];
+      if (!isReplaceDocumentOperation && (!shouldPatchTable || !referentialityTr)) {
         return null;
       }
-      var tr = newState.tr;
       var table = newState.schema.nodes.table;
+      var tr = newState.tr;
 
       /**
        * Select table event
@@ -102,40 +108,53 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
           }
         });
       }
-      newState.doc.forEach(function (node, offset) {
-        if (node.type === table) {
-          var width = node.attrs.width;
-          var layout = node.attrs.layout;
-          if (!width && layout) {
-            var tableWidthCal;
-            if (fullWidthEnabled) {
-              tableWidthCal = akEditorFullWidthLayoutWidth;
-            } else {
-              switch (layout) {
-                case 'wide':
-                  tableWidthCal = akEditorWideLayoutWidth;
-                  break;
-                case 'full-width':
-                  tableWidthCal = akEditorFullWidthLayoutWidth;
-                  break;
-                // when in fix-width appearance, no need to assign value to table width attr
-                // as when table is created, width attr is null by default, table rendered using layout attr
-                default:
-                  tableWidthCal = akEditorDefaultLayoutWidth;
-                  break;
+      if (isReplaceDocumentOperation) {
+        newState.doc.forEach(function (node, offset) {
+          if (node.type === table) {
+            var width = node.attrs.width;
+            var layout = node.attrs.layout;
+            if (!width && layout) {
+              var tableWidthCal;
+              if (fullWidthEnabled) {
+                tableWidthCal = akEditorFullWidthLayoutWidth;
+              } else {
+                switch (layout) {
+                  case 'wide':
+                    tableWidthCal = akEditorWideLayoutWidth;
+                    break;
+                  case 'full-width':
+                    tableWidthCal = akEditorFullWidthLayoutWidth;
+                    break;
+                  // when in fix-width appearance, no need to assign value to table width attr
+                  // as when table is created, width attr is null by default, table rendered using layout attr
+                  default:
+                    tableWidthCal = akEditorDefaultLayoutWidth;
+                    break;
+                }
+              }
+              var _node$attrs = node.attrs,
+                _width = _node$attrs.width,
+                rest = _objectWithoutProperties(_node$attrs, _excluded);
+              if (tableWidthCal) {
+                tr.step(new SetAttrsStep(offset, _objectSpread({
+                  width: tableWidthCal
+                }, rest)));
               }
-            }
-            var _node$attrs = node.attrs,
-              _width = _node$attrs.width,
-              rest = _objectWithoutProperties(_node$attrs, _excluded);
-            if (tableWidthCal) {
-              tr.step(new SetAttrsStep(offset, _objectSpread({
-                width: tableWidthCal
-              }, rest)));
             }
           }
-        }
-      });
+        });
+      }
+      if (referentialityTr) {
+        referentialityTr.steps.forEach(function (step) {
+          step.getMap().forEach(function (oldStart, oldEnd, newStart, newEnd) {
+            newState.doc.nodesBetween(newStart, newEnd, function (node, pos) {
+              if (node.type === table && node.attrs.width !== TABLE_MAX_WIDTH) {
+                tr.setNodeAttribute(pos, 'width', TABLE_MAX_WIDTH);
+              }
+            });
+          });
+        });
+      }
       return tr;
     }
   });

package/dist/esm/utils/create.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { createTable } from '@atlaskit/editor-tables/utils';
+import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+export var createTableWithWidth = function createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags, createTableProps) {
+  return function (schema) {
+    var _ref = getEditorFeatureFlags ? getEditorFeatureFlags() : {},
+      _ref$tablePreserveWid = _ref.tablePreserveWidth,
+      tablePreserveWidth = _ref$tablePreserveWid === void 0 ? false : _ref$tablePreserveWid;
+    if (tablePreserveWidth && isFullWidthModeEnabled) {
+      return createTable(_objectSpread({
+        schema: schema,
+        tableWidth: TABLE_MAX_WIDTH
+      }, createTableProps));
+    }
+    return createTable(_objectSpread({
+      schema: schema
+    }, createTableProps));
+  };
+};

package/dist/esm/utils/index.js

@@ -8,4 +8,5 @@ export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getR
 export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
 export { getMergedCellsPositions } from './table';
 export { updatePluginStateDecorations } from './update-plugin-state-decorations';
-export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells } from './merged-cells';
+export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells } from './merged-cells';
+export { createTableWithWidth } from './create';

package/dist/types/commands/insert.d.ts

@@ -1,5 +1,5 @@
 import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { Command, EditorCommand, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand, GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare function addColumnAt(getEditorContainerWidth: GetEditorContainerWidth): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
@@ -7,5 +7,5 @@ export declare const addColumnBefore: (getEditorContainerWidth: GetEditorContain
 export declare const addColumnAfter: (getEditorContainerWidth: GetEditorContainerWidth) => Command;
 export declare const insertColumn: (getEditorContainerWidth: GetEditorContainerWidth) => (column: number) => Command;
 export declare const insertRow: (row: number, moveCursorToTheNewRow: boolean) => Command;
-export declare const createTable: () => Command;
-export declare const insertTableWithSize: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
+export declare const createTable: (isFullWidthModeEnabled?: boolean, getEditorFeatureFlags?: GetEditorFeatureFlags) => Command;
+export declare const insertTableWithSize: (isFullWidthModeEnabled?: boolean, getEditorFeatureFlags?: GetEditorFeatureFlags, editorAnalyticsAPI?: EditorAnalyticsAPI) => (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;

package/dist/types/plugin.d.ts

@@ -23,6 +23,10 @@ export type TablePlugin = NextEditorPlugin<'table', {
     actions: {
         insertTable: InsertTableAction;
     };
+    sharedState: {
+        isFullWidthModeEnabled: boolean;
+        wasFullWidthModeEnabled: boolean;
+    };
     commands: {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };

package/dist/types/pm-plugins/table-width.d.ts

@@ -6,12 +6,13 @@
 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 type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 type TableWidthPluginState = {
     resizing: boolean;
 };
 export declare const pluginKey: PluginKey<TableWidthPluginState>;
-declare const createPlugin: (dispatch: Dispatch, dispatchAnalyticsEvent: DispatchAnalyticsEvent, fullWidthEnabled: boolean) => SafePlugin<{
+declare const createPlugin: (dispatch: Dispatch, dispatchAnalyticsEvent: DispatchAnalyticsEvent, fullWidthEnabled: boolean, getEditorFeatureFlags?: GetEditorFeatureFlags) => SafePlugin<{
     resizing: boolean;
 }>;
 export { createPlugin };

package/dist/types/utils/create.d.ts

@@ -0,0 +1,6 @@
+import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+export declare const createTableWithWidth: (isFullWidthModeEnabled?: boolean, getEditorFeatureFlags?: GetEditorFeatureFlags, createTableProps?: {
+    rowsCount?: number;
+    colsCount?: number;
+}) => (schema: Schema) => import("prosemirror-model").Node;

package/dist/types/utils/index.d.ts

@@ -10,3 +10,4 @@ export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
 export { getMergedCellsPositions } from './table';
 export { updatePluginStateDecorations } from './update-plugin-state-decorations';
 export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells, } from './merged-cells';
+export { createTableWithWidth } from './create';