@atlaskit/editor-plugin-table 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 0.0.2
+
+### Patch Changes
+
+- [`b18bb5420cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b18bb5420cb) - [ED-15731] Replace the GetEditorContainerWidth API with a workaround to grab with plugin state data
+
 ## 0.0.1
 
 ### Patch Changes

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

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _utils = require("@atlaskit/editor-common/utils");
 
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
@@ -63,19 +65,31 @@ var _utils3 = require("./utils");
 
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
 
-var defaultGetEditorContainerWidth = function defaultGetEditorContainerWidth() {
-  var _document, _document$body;
-
-  return {
-    width: ((_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) || 500
-  };
-};
-
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
 
 var tablesPlugin = function tablesPlugin(options) {
+  var editorViewRef = {
+    current: null
+  };
+
+  var defaultGetEditorContainerWidth = function defaultGetEditorContainerWidth() {
+    if (!editorViewRef.current) {
+      var _document, _document$body;
+
+      return {
+        width: ((_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) || 500
+      };
+    }
+
+    var state = editorViewRef.current.state; // TODO: ED-15663
+    // Please, do not copy or use this kind of code below
+    // @ts-ignore
+
+    return state['widthPlugin$'];
+  };
+
   return {
     name: 'table',
     nodes: function nodes() {
@@ -110,7 +124,7 @@ var tablesPlugin = function tablesPlugin(options) {
               editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
               getEditorFeatureFlags = _ref2.getEditorFeatureFlags;
 
-          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), (options === null || options === void 0 ? void 0 : options.getEditorContainerWidth) || defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI);
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI);
         }
       }, {
         name: 'tablePMColResizing',
@@ -121,7 +135,6 @@ var tablesPlugin = function tablesPlugin(options) {
               fullWidthEnabled = _ref4.fullWidthEnabled,
               tableOptions = _ref4.tableOptions,
               editorAnalyticsAPI = _ref4.editorAnalyticsAPI,
-              getEditorContainerWidth = _ref4.getEditorContainerWidth,
               getEditorFeatureFlags = _ref4.getEditorFeatureFlags;
 
           var _pluginConfig = (0, _createPluginConfig.pluginConfig)(tableOptions),
@@ -129,7 +142,7 @@ var tablesPlugin = function tablesPlugin(options) {
 
           return allowColumnResizing ? (0, _tableResizing.createPlugin)(dispatch, {
             lastColumnResizable: !fullWidthEnabled
-          }, getEditorContainerWidth || defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, editorAnalyticsAPI) : undefined;
+          }, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, editorAnalyticsAPI) : undefined;
         }
       }, {
         name: 'tableEditing',
@@ -141,7 +154,7 @@ var tablesPlugin = function tablesPlugin(options) {
       {
         name: 'tableKeymap',
         plugin: function plugin() {
-          return (0, _keymap.keymapPlugin)((options === null || options === void 0 ? void 0 : options.getEditorContainerWidth) || defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI);
+          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -168,6 +181,20 @@ var tablesPlugin = function tablesPlugin(options) {
           var dispatch = _ref6.dispatch;
           return (0, _tableLocalId.createPlugin)(dispatch);
         }
+      }, {
+        name: 'tableGetEditorViewReferencePlugin',
+        plugin: function plugin() {
+          return new _safePlugin.SafePlugin({
+            view: function view(editorView) {
+              editorViewRef.current = editorView;
+              return {
+                destroy: function destroy() {
+                  editorViewRef.current = null;
+                }
+              };
+            }
+          });
+        }
       }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
       // causing issues with table selections in Safari
       // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
@@ -258,7 +285,7 @@ var tablesPlugin = function tablesPlugin(options) {
             hasStickyHeaders: stickyHeader && stickyHeader.sticky,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
             editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI,
-            getEditorContainerWidth: (options === null || options === void 0 ? void 0 : options.getEditorContainerWidth) || defaultGetEditorContainerWidth
+            getEditorContainerWidth: defaultGetEditorContainerWidth
           }), /*#__PURE__*/_react.default.createElement(_FloatingContextualMenu.default, {
             editorView: editorView,
             mountPoint: popupsMountPoint,
@@ -267,7 +294,7 @@ var tablesPlugin = function tablesPlugin(options) {
             isOpen: Boolean(isContextualMenuOpen),
             pluginConfig: pluginConfig,
             editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI,
-            getEditorContainerWidth: (options === null || options === void 0 ? void 0 : options.getEditorContainerWidth) || defaultGetEditorContainerWidth
+            getEditorContainerWidth: defaultGetEditorContainerWidth
           }), allowControls && /*#__PURE__*/_react.default.createElement(_FloatingDeleteButton.default, {
             editorView: editorView,
             selection: editorView.state.selection,
@@ -338,7 +365,7 @@ var tablesPlugin = function tablesPlugin(options) {
           }
         }];
       },
-      floatingToolbar: (0, _toolbar.getToolbarConfig)((options === null || options === void 0 ? void 0 : options.getEditorContainerWidth) || defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI)((0, _createPluginConfig.pluginConfig)(options === null || options === void 0 ? void 0 : options.tableOptions))
+      floatingToolbar: (0, _toolbar.getToolbarConfig)(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI)((0, _createPluginConfig.pluginConfig)(options === null || options === void 0 ? void 0 : options.tableOptions))
     }
   };
 };

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "0.0.1"
+	"version": "0.0.2"
 }