@atlaskit/editor-core 183.1.6 → 184.0.4

package/dist/cjs/ui/ContentStyles/index.js

@@ -28,16 +28,15 @@ var _styles14 = require("../../plugins/mentions/styles");
 var _styles15 = require("../../plugins/emoji/styles");
 var _styles16 = require("../../plugins/text-formatting/styles");
 var _styles17 = require("../../plugins/placeholder-text/styles");
-var _styles18 = require("../../plugins/grid/styles");
-var _styles19 = require("../../plugins/hyperlink/styles");
-var _styles20 = require("../../plugins/extension/ui/styles");
-var _styles21 = require("../../plugins/expand/ui/styles");
+var _styles18 = require("../../plugins/hyperlink/styles");
+var _styles19 = require("../../plugins/extension/ui/styles");
+var _styles20 = require("../../plugins/expand/ui/styles");
 var _style = require("../../plugins/media/pm-plugins/alt-text/style");
-var _styles22 = require("../../plugins/find-replace/styles");
-var _styles23 = require("../../plugins/tasks-and-decisions/styles");
-var _styles24 = require("../../plugins/status/styles");
-var _styles25 = require("../../plugins/card/styles");
-var _styles26 = require("../../plugins/date/styles");
+var _styles21 = require("../../plugins/find-replace/styles");
+var _styles22 = require("../../plugins/tasks-and-decisions/styles");
+var _styles23 = require("../../plugins/status/styles");
+var _styles24 = require("../../plugins/card/styles");
+var _styles25 = require("../../plugins/date/styles");
 var _styled = require("../../plugins/card/ui/styled");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _templateObject;
@@ -47,7 +46,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles17.placeholderTextStyles, _styles5.placeholderStyles, (0, _styles7.codeBlockStyles)(props), (0, _styles6.blocktypeStyles)(props), (0, _styles16.textFormattingStyles)(props), _styles.textColorStyles, _styles8.listsStyles, (0, _styles9.ruleStyles)(props), _styles10.mediaStyles, (0, _styles11.layoutStyles)(props), _styles3.telepointerStyle, _styles4.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles12.panelStyles)(props), _styles13.fakeCursorStyles, _styles14.mentionsStyles, _styles15.emojiStyles, _styles.tasksAndDecisionsStyles, _styles18.gridStyles, _styles19.linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles20.extensionStyles, (0, _styles21.expandStyles)(props), _styles22.findReplaceStyles, _styles23.taskDecisionStyles, _styles24.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles25.smartCardStyles, _styles.smartCardSharedStyles, _styles26.dateStyles, _styled.embedCardStyles, _styles2.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles17.placeholderTextStyles, _styles5.placeholderStyles, (0, _styles7.codeBlockStyles)(props), (0, _styles6.blocktypeStyles)(props), (0, _styles16.textFormattingStyles)(props), _styles.textColorStyles, _styles8.listsStyles, (0, _styles9.ruleStyles)(props), _styles10.mediaStyles, (0, _styles11.layoutStyles)(props), _styles3.telepointerStyle, _styles4.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles12.panelStyles)(props), _styles13.fakeCursorStyles, _styles14.mentionsStyles, _styles15.emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, _styles18.linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles19.extensionStyles, (0, _styles20.expandStyles)(props), _styles21.findReplaceStyles, _styles22.taskDecisionStyles, _styles23.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles24.smartCardStyles, _styles.smartCardSharedStyles, _styles25.dateStyles, _styled.embedCardStyles, _styles2.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

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

@@ -4,8 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldPanelBePositionedOverEditor = exports.panel = exports.default = exports.content = exports.SwappableContentArea = void 0;
+exports.content = exports.SwappableContentArea = void 0;
+exports.default = ContextPanel;
+exports.shouldPanelBePositionedOverEditor = exports.panel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -19,12 +22,12 @@ var _react2 = require("@emotion/react");
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _context = require("./context");
+var _ui = require("@atlaskit/editor-common/ui");
 var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _contextPanel = require("../../plugins/context-panel");
-var _width = require("../../plugins/width");
 var _WithEditorActions = _interopRequireDefault(require("../WithEditorActions"));
 var _document = require("../../utils/document");
+var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 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; }
@@ -67,6 +70,13 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showPluginContent", function () {
       var pluginContent = _this.props.pluginContent;
       var currentPluginContent = _this.state.currentPluginContent;
@@ -92,7 +102,8 @@ 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;
@@ -120,12 +131,13 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       var width = _editorSharedStyles.akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return (0, _react2.jsx)(_context.ContextPanelConsumer, null, function (_ref) {
+      return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
         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 (0, _react2.jsx)("div", {
           css: [panel, !visible && panelHidden,
@@ -155,57 +167,56 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return SwappableContentArea;
-}(_react.default.PureComponent);
+}(_react.default.PureComponent); // 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.
 exports.SwappableContentArea = SwappableContentArea;
-var ContextPanel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ContextPanel, _React$Component);
-  var _super2 = _createSuper(ContextPanel);
-  function ContextPanel() {
-    (0, _classCallCheck2.default)(this, ContextPanel);
-    return _super2.apply(this, arguments);
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
   }
-  (0, _createClass2.default)(ContextPanel, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      return (0, _react2.jsx)(_WithEditorActions.default, {
-        render: function render(actions) {
-          var eventDispatcher = actions._privateGetEventDispatcher();
-          var editorView = actions._privateGetEditorView();
-          if (!eventDispatcher) {
-            return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
-              editorView: editorView
-            }, _this3.props));
-          }
-          return (0, _react2.jsx)(_WithPluginState.default, {
-            eventDispatcher: eventDispatcher,
-            plugins: {
-              contextPanel: _contextPanel.pluginKey,
-              widthState: _width.pluginKey
-            },
-            render: function render(_ref2) {
-              var contextPanel = _ref2.contextPanel,
-                _ref2$widthState = _ref2.widthState,
-                widthState = _ref2$widthState === void 0 ? {
-                  width: 0,
-                  containerWidth: 0,
-                  lineLength: _editorSharedStyles.akEditorDefaultLayoutWidth
-                } : _ref2$widthState;
-              var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-              var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-                contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
-              });
-              return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, _this3.props, {
-                editorView: editorView,
-                pluginContent: firstContent,
-                editorWidth: editorWidth
-              }));
-            }
-          });
-        }
+};
+function ContextPanelWithActions(_ref2) {
+  var actions = _ref2.actions,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var eventDispatcher = actions._privateGetEventDispatcher();
+  var editorView = actions._privateGetEditorView();
+  if (!eventDispatcher) {
+    return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
+      editorView: editorView
+    }, props));
+  }
+  return (0, _react2.jsx)(_WithPluginState.default, {
+    eventDispatcher: eventDispatcher,
+    plugins: {
+      contextPanel: _contextPanel.pluginKey,
+      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 ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
       });
+      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
+        editorView: editorView,
+        pluginContent: firstContent,
+        editorWidth: editorWidth
+      }));
     }
-  }]);
-  return ContextPanel;
-}(_react.default.Component);
-exports.default = ContextPanel;
+  });
+}
+function ContextPanel(props) {
+  return (0, _react2.jsx)(_WithEditorActions.default, {
+    render: function render(actions) {
+      return (0, _react2.jsx)(ContextPanelWithActions, (0, _extends2.default)({
+        actions: actions
+      }, props));
+    }
+  });
+}

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

@@ -17,7 +17,6 @@ var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/edito
 var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
 var _alignImageCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
 var _richMediaUtils = require("../../utils/rich-media-utils");
-var _width = require("../../plugins/width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("../../plugins/analytics/utils");
 var _analytics = require("../../plugins/analytics");
@@ -68,7 +67,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;
@@ -77,7 +76,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     if (!dispatch) {
       return false;
     }
-    var widthPluginState = _width.pluginKey.getState(state);
+    var widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
     if (!node || node.type !== nodeType || !widthPluginState) {
       return false;
     }
@@ -107,7 +106,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;
@@ -117,7 +116,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)
     };
   });
 };
@@ -125,17 +124,17 @@ var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2,
   var nodes = _ref2.nodes;
   return (0, _prosemirrorUtils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(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 _prosemirrorState.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((0, _toConsumableArray2.default)(alignmentToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), (0, _toConsumableArray2.default)(wrappingToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), (0, _toConsumableArray2.default)(breakOutToolbarItems));
   return items;
 };

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

@@ -15,8 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
-var _grid = require("../../plugins/grid");
-var _utils = require("./utils");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("./utils");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _analytics = require("../../plugins/analytics");
@@ -71,7 +71,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       }, function () {
         var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
@@ -96,7 +96,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         updateSize(newSize.width, newSize.layout);
       }
       var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -121,19 +121,19 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         return;
       }
       var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
-      var snapWidth = (0, _utils.snapTo)(newWidth, snapPoints);
+      var snapWidth = (0, _utils2.snapTo)(newWidth, snapPoints);
       var newSize = calcNewSize(snapWidth, true);
       var newHighlights = highlights(newWidth, snapPoints);
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       _this.setState({
         isResizing: false
       }, function () {
         updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _grid.gridTypeForLayout)(layout), []);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
       });
     });
     return _this;
@@ -156,7 +156,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         ratio = _this$props4.ratio,
         handleComponentFunc = _this$props4.handleComponentFunc;
       var isResizing = this.state.isResizing;
-      _utils.handleSides.forEach(function (side) {
+      _utils2.handleSides.forEach(function (side) {
         var _handleStyles$side;
         handles[side] = "richMedia-resize-handle-".concat(side);
         handleStyles[side] = (_handleStyles$side = {

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

@@ -8,11 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _width = require("../../plugins/width");
 var _ui = require("@atlaskit/editor-common/ui");
-var _context = require("../ContextPanel/context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// 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.
@@ -30,7 +36,7 @@ var useListener = function useListener(contextValue) {
 };
 var WidthEmitter = function WidthEmitter(_ref) {
   var editorView = _ref.editorView;
-  var _useContext = (0, _react.useContext)(_context.ContextPanel),
+  var _useContext = (0, _react.useContext)(_ui.ContextPanel),
     contextPanelWidthContext = _useContext.width;
   var _useContext2 = (0, _react.useContext)(_ui.WidthContext),
     containerWidthContext = _useContext2.width;
@@ -44,7 +50,7 @@ var WidthEmitter = function WidthEmitter(_ref) {
     var dom = editorView.dom,
       tr = editorView.state.tr,
       dispatch = editorView.dispatch;
-    tr.setMeta(_width.pluginKey, {
+    tr.setMeta(widthPluginKey, {
       width: width,
       containerWidth: containerWidth,
       lineLength: dom ? dom.clientWidth : undefined

package/dist/cjs/ui/styles.js

@@ -26,8 +26,14 @@ var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 var buttonGroupStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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.
 exports.buttonGroupStyle = buttonGroupStyle;
 var separatorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.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.
 exports.separatorStyles = separatorStyles;
 var wrapperStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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"])));
 exports.wrapperStyle = wrapperStyle;

package/dist/cjs/utils/clipboard.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkClipboardTypes = checkClipboardTypes;
-exports.copyToClipboard = exports.copyHTMLToClipboard = void 0;
+exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
 exports.isPastedFile = isPastedFile;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -88,7 +88,7 @@ var copyToClipboard = /*#__PURE__*/function () {
 exports.copyToClipboard = copyToClipboard;
 var copyHTMLToClipboard = /*#__PURE__*/function () {
   var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(elementToCopy, plainTextToCopy) {
-    var data, Clipboard, dt;
+    var data;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -115,17 +115,13 @@ 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();
       }
@@ -135,4 +131,15 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
     return _ref3.apply(this, arguments);
   };
 }();
-exports.copyHTMLToClipboard = copyHTMLToClipboard;
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+exports.copyHTMLToClipboard = copyHTMLToClipboard;
+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);
+};
+exports.copyHTMLToClipboardPolyfill = copyHTMLToClipboardPolyfill;

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

@@ -61,18 +61,30 @@ 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 = (0, _assertThisInitialized2.default)(_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) {
-            (0, _utils.startMeasure)(measure);
+            var shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              (0, _utils.startMeasure)(measure);
+            }
             originalUpdate(view, state);
-            (0, _utils.stopMeasure)(measure, function () {});
+            if (shouldTrack) {
+              (0, _utils.stopMeasure)(measure, function () {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "183.1.6";
+var version = "184.0.4";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

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

package/dist/es2019/labs/next/full-page.js

@@ -8,7 +8,6 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { BaseTheme } from '@atlaskit/editor-common/ui';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
 import ContentStyles from '../../ui/ContentStyles';
-import WidthEmitter from '../../ui/WidthEmitter';
 import { ClickAreaBlock } from '../../ui/Addon';
 import { scrollbarStyles } from '../../ui/styles';
 import { tableFullPageEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
@@ -17,7 +16,7 @@ import { Editor, EditorContent, useEditorSharedConfig } from './Editor';
 import { Toolbar } from './Toolbar';
 import { ContentComponents } from './ContentComponents';
 import { useCreateAnalyticsHandler } from './internal/hooks/use-analytics';
-import { ContextPanelWidthProvider } from '../../ui/ContextPanel/context';
+import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 const fullPageEditorWrapper = css`
   min-width: 340px;
   height: 100%;
@@ -186,9 +185,7 @@ function FullPage(props) {
     containerElement: scrollContainerRef.current
   }))))), contextPanel && jsx("div", {
     css: sidebarArea
-  }, contextPanel), jsx(WidthEmitter, {
-    editorView: config === null || config === void 0 ? void 0 : config.editorView
-  }))))));
+  }, contextPanel))))));
 }
 FullPage.displayName = 'FullPageEditor';
 const FullPageWithAnalytics = withAnalyticsEvents()(FullPage);

package/dist/es2019/labs/next/presets/create-stub-internal-apis.js

@@ -23,8 +23,10 @@ export const createStubInternalApis = () => {
     // That means, there is no createAnalyticsEvent available at all.
     // This should not happen, but if it does, we will send a mock function to avoid
     // regression on SmartLinks (they are the only one using this function directly)
-    // eslint-disable-next-line no-console
-    console.error('This should never be called, if it does we have a problem');
+    if (process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line no-console
+      console.error('This should never be called, if it does we have a problem');
+    }
     return {
       fire: () => {}
     };

package/dist/es2019/labs/next/presets/default.js

@@ -5,7 +5,7 @@ import blockTypePlugin from '../../../plugins/block-type';
 import clearMarksOnChangeToEmptyDocumentPlugin from '../../../plugins/clear-marks-on-change-to-empty-document';
 import hyperlinkPlugin from '../../../plugins/hyperlink';
 import textFormattingPlugin from '../../../plugins/text-formatting';
-import widthPlugin from '../../../plugins/width';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import unsupportedContentPlugin from '../../../plugins/unsupported-content';
 import basePlugin from '../../../plugins/base';
 import editorDisabledPlugin from '../../../plugins/editor-disabled';

package/dist/es2019/labs/next/presets/universal.js

@@ -1,4 +1,5 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import cardPlugin from '../../../plugins/card';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';