@atlaskit/editor-core 183.1.6 → 184.0.4

package/dist/esm/ui/ContextPanel/index.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,6 +8,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -18,10 +20,9 @@ import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
-import { ContextPanelConsumer } from './context';
+import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import WithPluginState from '../WithPluginState';
 import { pluginKey as contextPanelPluginKey } from '../../plugins/context-panel';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import WithEditorActions from '../WithEditorActions';
 import { getChildBreakoutModes } from '../../utils/document';
 var ANIM_SPEED_MS = 500;
@@ -57,6 +58,13 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    _defineProperty(_assertThisInitialized(_this), "focusEditor", function () {
+      var editorView = _this.props.editorView;
+      if (editorView && !editorView.hasFocus()) {
+        var _editorView$focus;
+        (_editorView$focus = editorView.focus) === null || _editorView$focus === void 0 ? void 0 : _editorView$focus.call(editorView);
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "showPluginContent", function () {
       var pluginContent = _this.props.pluginContent;
       var currentPluginContent = _this.state.currentPluginContent;
@@ -82,7 +90,8 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
-        unmountOnExit: true
+        unmountOnExit: true,
+        onExiting: _this.focusEditor
       }, children);
     });
     return _this;
@@ -114,8 +123,9 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
+        var contextPanelWidth = visible ? width : 0;
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width) : false;
-        broadcastWidth(visible ? width : 0);
+        broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
         return jsx("div", {
           css: [panel, !visible && panelHidden,
@@ -146,55 +156,56 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return SwappableContentArea;
 }(React.PureComponent);
-var ContextPanel = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContextPanel, _React$Component);
-  var _super2 = _createSuper(ContextPanel);
-  function ContextPanel() {
-    _classCallCheck(this, ContextPanel);
-    return _super2.apply(this, arguments);
+
+// TODO: ED-17837 We have this workaround because we do
+// not have access to the pluginInjectionApi at this location.
+// It might be that we need to inject the pluginInjectionApi
+// via context so that we can use it in this file (similar to
+// WithEditorActions). To be investigated further.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
   }
-  _createClass(ContextPanel, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      return jsx(WithEditorActions, {
-        render: function render(actions) {
-          var eventDispatcher = actions._privateGetEventDispatcher();
-          var editorView = actions._privateGetEditorView();
-          if (!eventDispatcher) {
-            return jsx(SwappableContentArea, _extends({
-              editorView: editorView
-            }, _this3.props));
-          }
-          return jsx(WithPluginState, {
-            eventDispatcher: eventDispatcher,
-            plugins: {
-              contextPanel: contextPanelPluginKey,
-              widthState: widthPluginKey
-            },
-            render: function render(_ref2) {
-              var contextPanel = _ref2.contextPanel,
-                _ref2$widthState = _ref2.widthState,
-                widthState = _ref2$widthState === void 0 ? {
-                  width: 0,
-                  containerWidth: 0,
-                  lineLength: akEditorDefaultLayoutWidth
-                } : _ref2$widthState;
-              var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-              var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-                contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-              });
-              return jsx(SwappableContentArea, _extends({}, _this3.props, {
-                editorView: editorView,
-                pluginContent: firstContent,
-                editorWidth: editorWidth
-              }));
-            }
-          });
-        }
+};
+function ContextPanelWithActions(_ref2) {
+  var actions = _ref2.actions,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var eventDispatcher = actions._privateGetEventDispatcher();
+  var editorView = actions._privateGetEditorView();
+  if (!eventDispatcher) {
+    return jsx(SwappableContentArea, _extends({
+      editorView: editorView
+    }, props));
+  }
+  return jsx(WithPluginState, {
+    eventDispatcher: eventDispatcher,
+    plugins: {
+      contextPanel: contextPanelPluginKey,
+      widthState: widthPluginKey
+    },
+    render: function render(_ref3) {
+      var contextPanel = _ref3.contextPanel,
+        widthState = _ref3.widthState;
+      var firstContent = contextPanel && contextPanel.contents.find(Boolean);
+      var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
+        contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
       });
+      return jsx(SwappableContentArea, _extends({}, props, {
+        editorView: editorView,
+        pluginContent: firstContent,
+        editorWidth: editorWidth
+      }));
     }
-  }]);
-  return ContextPanel;
-}(React.Component);
-export { ContextPanel as default };
+  });
+}
+export default function ContextPanel(props) {
+  return jsx(WithEditorActions, {
+    render: function render(actions) {
+      return jsx(ContextPanelWithActions, _extends({
+        actions: actions
+      }, props));
+    }
+  });
+}

package/dist/esm/ui/MediaAndEmbedsToolbar/index.js

@@ -10,7 +10,6 @@ import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import { alignAttributes } from '../../utils/rich-media-utils';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { addAnalytics } from '../../plugins/analytics/utils';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../../plugins/analytics';
@@ -61,7 +60,7 @@ var getNodeWidth = function getNodeWidth(node, schema) {
   }
   return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
 };
-var makeAlign = function makeAlign(layout, nodeType) {
+var makeAlign = function makeAlign(layout, nodeType, widthPluginDependencyApi) {
   return function (state, dispatch) {
     var _ref = state.selection,
       node = _ref.node;
@@ -70,7 +69,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     if (!dispatch) {
       return false;
     }
-    var widthPluginState = widthPluginKey.getState(state);
+    var widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
     if (!node || node.type !== nodeType || !widthPluginState) {
       return false;
     }
@@ -100,7 +99,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     return true;
   };
 };
-var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType) {
+var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType, widthPluginDependencyApi) {
   return icons.map(function (toolbarItem) {
     var id = toolbarItem.id,
       value = toolbarItem.value;
@@ -110,7 +109,7 @@ var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl,
       icon: toolbarItem.icon,
       title: intl.formatMessage(layoutToMessages[value]),
       selected: layout === value,
-      onClick: makeAlign(value, nodeType)
+      onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
     };
   });
 };
@@ -118,17 +117,17 @@ var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2,
   var nodes = _ref2.nodes;
   return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
-var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, allowResizing, allowResizingInTables) {
-  var allowWrapping = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
-  var allowAlignment = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables) {
+  var allowWrapping = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+  var allowAlignment = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;
   var selection = state.selection;
   if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
     return [];
   }
   var layout = selection.node.attrs.layout;
-  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType) : [];
-  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType) : [];
-  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType) : [];
+  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
   var items = [].concat(_toConsumableArray(alignmentToolbarItems), _toConsumableArray(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), _toConsumableArray(wrappingToolbarItems), _toConsumableArray(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), _toConsumableArray(breakOutToolbarItems));
   return items;
 };

package/dist/esm/ui/Resizer/index.js

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { gridTypeForLayout } from '../../plugins/grid';
+import { gridTypeForLayout } from '@atlaskit/editor-common/utils';
 import { snapTo, handleSides } from './utils';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';

package/dist/esm/ui/WidthEmitter/index.js

@@ -1,8 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useContext, useState } from 'react';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthContext } from '@atlaskit/editor-common/ui';
-import { ContextPanel } from '../ContextPanel/context';
+import React, { useContext, useEffect, useState } from 'react';
+import { ContextPanel, WidthContext } from '@atlaskit/editor-common/ui';
+// TODO: ED-17870 This workaround will be removed here.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
+  }
+};
 // Why do we need this? Why not just use the width from the context directly rather than this?
 // Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
 // assumes the initial value is 0, the width from context may not start from 0 however.

package/dist/esm/ui/styles.js

@@ -5,7 +5,13 @@ import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 export var buttonGroupStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
+
+// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
+// If you make change here, change in above file as well.
 export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n  user-select: none;\n"])), "var(--ds-border, ".concat(N30, ")"));
+
+// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
+// If you make change here, change in above file as well.
 export var wrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
 export var wrapperSmallStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
 export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));

package/dist/esm/utils/clipboard.js

@@ -75,7 +75,7 @@ export var copyToClipboard = /*#__PURE__*/function () {
 }();
 export var copyHTMLToClipboard = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(elementToCopy, plainTextToCopy) {
-    var data, Clipboard, dt;
+    var data;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -102,17 +102,13 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.t0 = _context2["catch"](1);
           throw new Error('Clipboard api is not supported');
         case 10:
-          _context2.next = 17;
+          _context2.next = 13;
           break;
         case 12:
-          // At the time of development, Firefox doesn't support ClipboardItem API
+          // ED-17083 extension copy seems have issue with ClipboardItem API
           // Hence of use of this polyfill
-          Clipboard = clipboard;
-          dt = new Clipboard.DT();
-          dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
-          dt.setData('text/html', elementToCopy.innerHTML);
-          Clipboard.write(dt);
-        case 17:
+          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+        case 13:
         case "end":
           return _context2.stop();
       }
@@ -121,4 +117,14 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
   return function copyHTMLToClipboard(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
-}();
+}();
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};

package/dist/esm/utils/performance/instrumented-plugin.js

@@ -54,18 +54,30 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
         return result;
       };
     }
+    var _uiTracking$samplingR = uiTracking.samplingRate,
+      uiTrackingSamplingRate = _uiTracking$samplingR === void 0 ? 100 : _uiTracking$samplingR;
     if (uiTracking.enabled && spec.view) {
       var originalView = spec.view.bind(spec);
       spec.view = function (editorView) {
         var self = _assertThisInitialized(_this);
         var measure = "\uD83E\uDD89".concat(self.key, "::view::update");
         var view = originalView(editorView);
+        var uiTrackingSamplingCounter = 0;
         if (view.update) {
           var originalUpdate = view.update;
           view.update = function (view, state) {
-            startMeasure(measure);
+            var shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              startMeasure(measure);
+            }
             originalUpdate(view, state);
-            stopMeasure(measure, function () {});
+            if (shouldTrack) {
+              stopMeasure(measure, function () {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "183.1.6";
+export var version = "184.0.4";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.1.6",
+	"version": "184.0.4",
 	"sideEffects": false
 }

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

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
-import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider';
 import type { FeatureFlags, Transformer } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';

package/dist/types/create-editor/get-plugins.d.ts

@@ -7,6 +7,7 @@ import { MarkConfig, NodeConfig } from '../types/pm-config';
 import { EditorReactContext } from '../types/editor-react-context';
 import { FeatureFlags } from '../types/feature-flags';
 import { IntlShape } from 'react-intl-next';
+import { UIComponentFactory } from '@atlaskit/editor-common/types';
 export type LightPMPluginFactoryParams = {
     schema: Schema;
     dispatch: Dispatch;
@@ -36,6 +37,7 @@ export interface LightEditorPlugin {
     marks?: () => MarkConfig[];
     nodes?: () => NodeConfig[];
     pmPlugins?: (pluginOptions?: any) => Array<LightPMPlugin>;
+    contentComponent?: UIComponentFactory;
     pluginsOptions?: Record<string, any>;
     onEditorViewStateUpdated?: OnEditorViewStateUpdated;
 }

package/dist/types/index.d.ts

@@ -13,7 +13,6 @@ export { EmojiResource } from '@atlaskit/emoji/resource';
 export { default as mediaPlugin, insertMediaSingleNode } from './plugins/media';
 export type { MediaProvider, MediaState, CustomMediaPicker, } from './plugins/media';
 export type { MediaOptions } from './plugins/media/types';
-export type { CollabEditProvider } from './plugins/collab-edit';
 export { AbstractMentionResource, MentionResource, PresenceResource, } from '@atlaskit/mention/resource';
 export type { MentionProvider, PresenceProvider, } from '@atlaskit/mention/resource';
 export { TeamMentionResource } from '@atlaskit/mention/team-resource';

package/dist/types/plugins/breakout/index.d.ts

@@ -1,8 +1,12 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { BreakoutPluginState } from './types';
 interface BreakoutPluginOptions {
     allowBreakoutButton?: boolean;
 }
 declare const breakoutPlugin: NextEditorPlugin<'breakout', {
     pluginConfiguration: BreakoutPluginOptions | undefined;
+    dependencies: [typeof widthPlugin];
+    sharedState: Partial<BreakoutPluginState>;
 }>;
 export default breakoutPlugin;

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
-interface Props {
+export interface Props {
     editorView: EditorView;
     mountPoint?: HTMLElement;
     node: PMNode | null;

package/dist/types/plugins/card/index.d.ts

@@ -2,9 +2,9 @@ import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { CardPluginOptions } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type widthPlugin from '../width';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type basePlugin from '../base';
-import type gridPlugin from '../grid';
+import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 declare const cardPlugin: NextEditorPlugin<'card', {
     pluginConfiguration: CardPluginOptions;
     dependencies: [

package/dist/types/plugins/collab-edit/actions.d.ts

@@ -1,10 +1,11 @@
 import { Selection } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabSendableSelection, PrivateCollabEditOptions } from './types';
+import type { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabSendableSelection } from '@atlaskit/collab-provider';
+import { PrivateCollabEditOptions } from './types';
 export declare const handleInit: (initData: CollabEventInitData, view: EditorView, options?: PrivateCollabEditOptions) => void;
 export declare const handleConnection: (connectionData: CollabEventConnectionData, view: EditorView) => void;
 export declare const handlePresence: (presenceData: CollabEventPresenceData, view: EditorView) => void;
 export declare const applyRemoteData: (remoteData: CollabEventRemoteData, view: EditorView, options: PrivateCollabEditOptions) => void;
 export declare const applyRemoteSteps: (json: any[], view: EditorView, userIds?: (number | string)[], options?: PrivateCollabEditOptions) => void;
-export declare const handleTelePointer: (telepointerData: CollabEventTelepointerData, view: EditorView) => void;
+export declare const handleTelePointer: (telepointerData: CollabTelepointerPayload, view: EditorView) => void;
 export declare const getSendableSelection: (selection: Selection) => CollabSendableSelection;

package/dist/types/plugins/collab-edit/events/handlers.d.ts

@@ -1,5 +1,5 @@
 import { EditorView } from 'prosemirror-view';
-import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/collab-provider';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { PrivateCollabEditOptions } from '../types';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
@@ -12,7 +12,7 @@ export interface CollabHandlers {
     connectedHandler: (data: CollabEventConnectionData) => void;
     dataHandler: (data: CollabEventRemoteData) => void;
     presenceHandler: (data: CollabEventPresenceData) => void;
-    telepointerHandler: (data: CollabEventTelepointerData) => void;
+    telepointerHandler: (data: CollabTelepointerPayload) => void;
     localStepsHandler: (data: CollabEventLocalStepData) => void;
     errorHandler: (error: any) => void;
     entityHandler: ({ entity }: {
@@ -20,4 +20,4 @@ export interface CollabHandlers {
     }) => void;
 }
 export type Cleanup = () => void;
-export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;
+export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;

package/dist/types/plugins/collab-edit/events/initialize.d.ts

@@ -1,6 +1,6 @@
 import { EditorView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { CollabEditProvider } from '../provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { PrivateCollabEditOptions } from '../types';
 import { Cleanup } from './handlers';
 import { FeatureFlags } from '@atlaskit/editor-common/types';

package/dist/types/plugins/collab-edit/events/send-transaction.d.ts

@@ -1,4 +1,4 @@
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { Transaction, EditorState } from 'prosemirror-state';
 type Props = {
     originalTransaction: Transaction;

package/dist/types/plugins/collab-edit/index.d.ts

@@ -1,7 +1,6 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { pluginKey } from './plugin';
 import { CollabEditOptions, PrivateCollabEditOptions } from './types';
-export type { CollabEditProvider } from './provider';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 export { pluginKey };
 export type { CollabEditOptions };

package/dist/types/plugins/collab-edit/native-collab-provider-plugin.d.ts

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { EditorState } from 'prosemirror-state';
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 export declare const nativeCollabProviderPlugin: ({ providerPromise, }: {
     providerPromise: Promise<CollabEditProvider>;
-}) => SafePlugin<CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData> | null, any>;
+}) => SafePlugin<CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents> | null, any>;
 export declare const getCollabProvider: (editorState: EditorState) => CollabEditProvider | null;

package/dist/types/plugins/collab-edit/participants.d.ts

@@ -1,4 +1,4 @@
-import { CollabParticipant } from './types';
+import { CollabParticipant } from '@atlaskit/collab-provider';
 export interface ReadOnlyParticipants {
     get(sessionId: string): CollabParticipant | undefined;
     toArray(): ReadonlyArray<CollabParticipant>;

package/dist/types/plugins/collab-edit/plugin.d.ts

@@ -2,10 +2,8 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { Dispatch } from '../../event-dispatcher';
 import { PrivateCollabEditOptions, ProviderCallback } from './types';
-import { CollabEditProvider } from './provider';
 import { PluginState } from './plugin-state';
 import { pluginKey } from './plugin-key';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
 export { PluginState, pluginKey };
-export type { CollabEditProvider };
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, collabProviderCallback: ProviderCallback, options: PrivateCollabEditOptions, featureFlags: FeatureFlags) => SafePlugin<any, any>;

package/dist/types/plugins/collab-edit/types.d.ts

@@ -1,9 +1,7 @@
 import { ReactElement } from 'react';
 import { Providers } from '@atlaskit/editor-common/provider-factory';
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider, SyncUpErrorFunction } from '@atlaskit/collab-provider';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
-import { SyncUpErrorFunction } from '@atlaskit/editor-common/types';
-export type { CollabParticipant, CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabSendableSelection, } from '@atlaskit/editor-common/collab';
 export type InviteToEditComponentProps = {
     children: ReactElement<InviteToEditButtonProps>;
 };

package/dist/types/plugins/collab-edit/ui/to-avatar.d.ts

@@ -1,4 +1,4 @@
 import { AvatarProps } from '@atlaskit/avatar-group';
-import { CollabParticipant } from '../types';
+import type { CollabParticipant } from '@atlaskit/collab-provider';
 declare const _default: import("memoize-one").MemoizedFn<(participant: CollabParticipant) => AvatarProps>;
 export default _default;

package/dist/types/plugins/collab-edit/utils.d.ts

@@ -1,6 +1,7 @@
 import { EditorState } from 'prosemirror-state';
 import { EditorView, Decoration, DecorationSet } from 'prosemirror-view';
-import { CollabEditOptions, CollabParticipant } from './types';
+import type { CollabParticipant } from '@atlaskit/collab-provider';
+import { CollabEditOptions } from './types';
 export interface Color {
     solid: string;
     selection: string;

package/dist/types/plugins/extension/index.d.ts

@@ -2,6 +2,7 @@ import { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { NextEditorPlugin, EditorAppearance } from '../../types';
 import { LongPressSelectionPluginOptions } from '../selection/types';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
     allowAutoSave?: boolean;
     breakoutEnabled?: boolean;
@@ -10,6 +11,6 @@ interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
 }
 declare const extensionPlugin: NextEditorPlugin<'extension', {
     pluginConfiguration: ExtensionPluginOptions | undefined;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [typeof featureFlagsPlugin, typeof widthPlugin];
 }>;
 export default extensionPlugin;

package/dist/types/plugins/extension/nodeviews/extension.d.ts

@@ -3,10 +3,12 @@ import { EditorView, NodeView } from 'prosemirror-view';
 import { Node as PmNode } from 'prosemirror-model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 import { EditorAppearance } from '../../../types/editor-appearance';
 import { ForwardRef, getPosHandler, ReactNodeView } from '../../../nodeviews';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { EventDispatcher } from '../../../event-dispatcher';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 interface ExtensionNodeViewOptions {
     appearance?: EditorAppearance;
 }
@@ -22,7 +24,8 @@ export declare class ExtensionNode extends ReactNodeView {
         providerFactory: ProviderFactory;
         extensionHandlers: ExtensionHandlers;
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
+        pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};