@atlaskit/editor-core 187.41.4 → 187.41.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 187.41.7
+
+### Patch Changes
+
+- [`64c9a1be1b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64c9a1be1b1) - [ux] Show notification dot when image is sized using percentage or legacy
+
+## 187.41.5
+
+### Patch Changes
+
+- [`1e26db8ffd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e26db8ffd0) - ED-18264: Clean up useSomewhatSemanticTextColorNames - default behaviour will be same as when FF was on.
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+- [`69857bbbff0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/69857bbbff0) - [ED-20004] Capture errors in getPos due to prosemirror-view bump
+- [`ba95f6c1fd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba95f6c1fd5) - handleMarkdown no longer throws RangeError when 'from' argument exceeds document length, resolving bug where pasting a Jira issue datasource node at the end of a document would result in the legacy Jira issue macro being rendered instead
+- Updated dependencies
+
 ## 187.41.4
 
 ### Patch Changes

package/dist/cjs/create-editor/feature-flags-from-props.js

@@ -32,7 +32,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
@@ -63,8 +63,7 @@ function createFeatureFlagsFromProps(props) {
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
     restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.restartNumberedLists) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27['prevent-popup-overflow']) : false)
   });
 }

package/dist/cjs/plugins/collab-edit/ui/styles.js

@@ -10,9 +10,9 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject, _templateObject2, _templateObject3;
-var inviteTeamWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-050, 4px)");
+var inviteTeamWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: ", ";\n"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-negative-050, -4px)");
 exports.inviteTeamWrapper = inviteTeamWrapper;
-var avatarContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: 2px;\n  }\n"])), "var(--ds-space-100, 8px)");
+var avatarContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)");
 exports.avatarContainer = avatarContainer;
 var badge = function badge(color) {
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 13px;\n  height: 13px;\n  z-index: ", ";\n  border-radius: 3px;\n  background: ", ";\n  color: ", ";\n  font-size: ", ";\n  line-height: 0;\n  padding-top: 7px;\n  text-align: center;\n  box-shadow: 0 0 1px ", ";\n  box-sizing: border-box;\n"])), _editorSharedStyles.akEditorSmallZIndex, color, "var(--ds-text-inverse, #fff)", (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-border-inverse, #fff)");

package/dist/cjs/plugins/date/nodeviews/date.js

@@ -19,7 +19,12 @@ function DateNodeView(props) {
     selection = _props$view$state.selection,
     getPos = props.getPos;
   var intl = (0, _reactIntlNext.useIntl)();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
+  var pos;
+  try {
+    pos = typeof getPos === 'function' ? getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
 
   // We fall back to selection.$from even though it does not cover all use cases
   // eg. upon Editor init, selection is at the start, not at the Date node

package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js

@@ -62,10 +62,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
     featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  var _ref2 = featureFlags || {
-      useSomewhatSemanticTextColorNames: false
-    },
-    useSomewhatSemanticTextColorNames = _ref2.useSomewhatSemanticTextColorNames;
   return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
@@ -201,14 +197,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
             ,
             hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor,
             paletteColorTooltipMessages: _ColorPalette.backgroundPaletteTooltipMessages
-            // We did not want to create new FF or update
-            //  useSomewhatSemanticTextColorNames name
-            //  because it is temporary and require extra work.
-            // So even though it says text color names,
-            //  we are going to use for all color pickers
-            //  such as text, background and table charts.
-            ,
-            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {
@@ -230,8 +218,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref3 = featureFlags || {},
-          extendFloatingToolbar = _ref3.extendFloatingToolbar;
+        var _ref2 = featureFlags || {},
+          extendFloatingToolbar = _ref2.extendFloatingToolbar;
         if (!extendFloatingToolbar) {
           return null;
         }
@@ -377,8 +365,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   (0, _createClass2.default)(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref4) {
-      var table = _ref4.table;
+    value: function resetStyling(_ref3) {
+      var table = _ref3.table;
       if (this.props.editorView) {
         var _this$props$api;
         var _this$props$editorVie2 = this.props.editorView,

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js

@@ -407,7 +407,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, resizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+        showLegacyNotification: widthType !== 'pixel'
+      }), MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience
       }), MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
     }

package/dist/cjs/plugins/media/toolbar/index.js

@@ -229,7 +229,6 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             var _pluginInjectionApi$a2;
             (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });

package/dist/cjs/plugins/media/ui/ImageBorder/index.js

@@ -24,7 +24,6 @@ var _messages = require("./messages");
 var ImageBorder = function ImageBorder(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     toggleBorder = _ref.toggleBorder,
-    showSomewhatSemanticTooltips = _ref.showSomewhatSemanticTooltips,
     borderMark = _ref.borderMark,
     setBorder = _ref.setBorder;
   var popupTarget = (0, _react2.useRef)(null);
@@ -85,8 +84,7 @@ var ImageBorder = function ImageBorder(_ref) {
       paletteOptions: {
         palette: _uiColor.borderColorPalette,
         paletteColorTooltipMessages: _uiColor.borderPaletteTooltipMessages,
-        hexToPaletteColor: _editorPalette.hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips: showSomewhatSemanticTooltips
+        hexToPaletteColor: _editorPalette.hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizableMediaMigrationNotification = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+/** @jsx jsx */
+
+var ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
+  return (0, _react.jsx)("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [_styles.resizableMediaMigrationNotificationStyle]
+  });
+};
+exports.ResizableMediaMigrationNotification = ResizableMediaMigrationNotification;

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -32,6 +32,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _analytics = require("../../utils/analytics");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _main = require("../../pm-plugins/main");
+var _ResizableMediaMigrationNotification = require("./ResizableMediaMigrationNotification");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var resizerNextTestId = 'mediaSingle.resizerNext.testid';
@@ -502,7 +503,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        lineLength = _this$props8.lineLength;
+        lineLength = _this$props8.lineLength,
+        showLegacyNotification = _this$props8.showLegacyNotification;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size,
@@ -554,7 +556,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         isHandleVisible: selected,
         handlePositioning: isNestedNode ? 'adjacent' : undefined,
         handleHighlight: "full-height"
-      }, children));
+      }, children, showLegacyNotification && (0, _react2.jsx)(_ResizableMediaMigrationNotification.ResizableMediaMigrationNotification, null)));
     }
   }]);
   return ResizableMediaSingleNext;

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resizableMediaMigrationNotificationStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _templateObject;
+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; }
+var NOTIFICATION_SIZE = 8;
+var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+var resizableMediaMigrationNotificationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);
+exports.resizableMediaMigrationNotificationStyle = resizableMediaMigrationNotificationStyle;

package/dist/cjs/plugins/paste/handlers.js

@@ -645,7 +645,8 @@ function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to) {
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(_state.TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    var textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(_state.TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, _analytics.INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/cjs/plugins/text-color/index.js

@@ -23,10 +23,7 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   return textColorConfig;
 };
 var textColorPlugin = function textColorPlugin(_ref) {
-  var _api$featureFlags;
-  var textColorConfig = _ref.config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var textColorConfig = _ref.config;
   return {
     name: 'textColor',
     marks: function marks() {
@@ -66,8 +63,7 @@ var textColorPlugin = function textColorPlugin(_ref) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled,
-            featureFlags: featureFlags
+            disabled: disabled
           });
         }
       });

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -168,11 +168,9 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled,
-        featureFlags = _this$props.featureFlags;
+        disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const
@@ -239,8 +237,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         paletteOptions: {
           palette: palette,
           hexToPaletteColor: _editorPalette.hexToEditorTextPaletteColor,
-          paletteColorTooltipMessages: _ColorPalette.textPaletteTooltipMessages,
-          showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+          paletteColorTooltipMessages: _ColorPalette.textPaletteTooltipMessages
         }
       }))), (0, _react2.jsx)("span", {
         css: _styles2.separatorStyles

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

@@ -27,16 +27,16 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 // helps adjusts position of popup
 var colorPickerButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-var colorPickerExpandContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0px -4px;\n"])));
+var colorPickerExpandContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
 
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var colorPickerWrapper = function colorPickerWrapper(theme) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: 8px 0px;\n"])), (0, _constants.borderRadius)(), (0, _components.themed)({
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: ", " 0px;\n"])), (0, _constants.borderRadius)(), (0, _components.themed)({
     light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
     dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
-  })(theme), _colors.N60A, _colors.N60A);
+  })(theme), _colors.N60A, _colors.N60A, "var(--ds-space-100, 8px)");
 };
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
@@ -160,7 +160,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
-        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
         paletteColorTooltipMessages: props.paletteColorTooltipMessages
       }
     }))));

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -348,25 +348,15 @@ var ColorPicker = function ColorPicker(props) {
     onFieldChange(name, currentColor !== colorValue);
   };
   var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      useSomewhatSemanticTextColorNames: false,
       expandedChartColors: false
     },
-    useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
     expandedChartColors = _ref.expandedChartColors;
   return expandedChartColors ? (0, _react.jsx)(_ColorPickerButton.default, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: _ColorPalette.chartsColorPaletteTooltipMessages
-    // We did not want to create new FF or update
-    //  useSomewhatSemanticTextColorNames name
-    //  because it is temporary and require extra work.
-    // So even though it says text color names,
-    //  we are going to use for all color pickers
-    //  such as text, background and table charts.
-    ,
-    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    paletteColorTooltipMessages: _ColorPalette.chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",

package/dist/cjs/ui/ConfigPanel/Fields/Expand.js

@@ -27,7 +27,7 @@ exports.expandControl = expandControl;
 var chevronContainer = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
-  return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  margin-top: calc(-1 * ", ");\n"])), isHidden ? 'none' : 'block', "var(--ds-space-100, 8px)");
+  return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  margin-top: ", ";\n"])), isHidden ? 'none' : 'block', "var(--ds-space-negative-100, -8px)");
 };
 function Expand(_ref) {
   var field = _ref.field,

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 = "187.41.4";
+var version = "187.41.7";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/create-editor/feature-flags-from-props.js

@@ -21,7 +21,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return {
     ...normalizedFeatureFlags,
@@ -53,8 +53,7 @@ export function createFeatureFlagsFromProps(props) {
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
     restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.restartNumberedLists) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27['prevent-popup-overflow']) : false)
   };
 }

package/dist/es2019/plugins/collab-edit/ui/styles.js

@@ -5,7 +5,7 @@ export const inviteTeamWrapper = css`
   background: ${`var(--ds-background-neutral, ${N20})`};
   border-radius: 50%;
   min-width: ${"var(--ds-space-400, 32px)"};
-  margin-left: calc(-1 * ${"var(--ds-space-050, 4px)"});
+  margin-left: ${"var(--ds-space-negative-050, -4px)"};
 `;
 export const avatarContainer = css`
   margin-right: ${"var(--ds-space-100, 8px)"};
@@ -23,7 +23,7 @@ export const avatarContainer = css`
     border-radius: 50%;
     height: 32px;
     width: 32px;
-    padding: 2px;
+    padding: ${"var(--ds-space-025, 2px)"};
   }
 `;
 export const badge = color => css`

package/dist/es2019/plugins/date/nodeviews/date.js

@@ -21,7 +21,12 @@ export function DateNodeView(props) {
     getPos
   } = props;
   const intl = useIntl();
-  const pos = typeof getPos === 'function' ? getPos() : undefined;
+  let pos;
+  try {
+    pos = typeof getPos === 'function' ? getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
 
   // We fall back to selection.$from even though it does not cover all use cases
   // eg. upon Editor init, selection is at the start, not at the Date node

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -43,11 +43,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
   api
 }) => {
   const emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  const {
-    useSomewhatSemanticTextColorNames
-  } = featureFlags || {
-    useSomewhatSemanticTextColorNames: false
-  };
   return jsx(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
     var _api$contextPanel, _api$extension;
     switch (item.type) {
@@ -167,14 +162,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
             ,
             hexToPaletteColor: hexToEditorBackgroundPaletteColor,
             paletteColorTooltipMessages: backgroundPaletteTooltipMessages
-            // We did not want to create new FF or update
-            //  useSomewhatSemanticTextColorNames name
-            //  because it is temporary and require extra work.
-            // So even though it says text color names,
-            //  we are going to use for all color pickers
-            //  such as text, background and table charts.
-            ,
-            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -317,7 +317,9 @@ export default class MediaSingleNode extends Component {
       ref: this.captionPlaceHolderRef,
       onClick: this.clickPlaceholder
     }));
-    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
+    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+      showLegacyNotification: widthType !== 'pixel'
+    }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
       lineLength: contentWidthForLegacyExperience
     }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
   }

package/dist/es2019/plugins/media/toolbar/index.js

@@ -229,7 +229,6 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
             var _pluginInjectionApi$a2;
             setBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });

package/dist/es2019/plugins/media/ui/ImageBorder/index.js

@@ -18,7 +18,6 @@ const ImageBorder = ({
     formatMessage
   },
   toggleBorder,
-  showSomewhatSemanticTooltips,
   borderMark,
   setBorder
 }) => {
@@ -71,8 +70,7 @@ const ImageBorder = ({
       paletteOptions: {
         palette: borderColorPalette,
         paletteColorTooltipMessages: borderPaletteTooltipMessages,
-        hexToPaletteColor: hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips
+        hexToPaletteColor: hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { resizableMediaMigrationNotificationStyle } from './styles';
+export const ResizableMediaMigrationNotification = () => {
+  return jsx("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [resizableMediaMigrationNotificationStyle]
+  });
+};

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -17,6 +17,7 @@ import memoizeOne from 'memoize-one';
 import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
+import { ResizableMediaMigrationNotification } from './ResizableMediaMigrationNotification';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
 class ResizableMediaSingleNext extends React.Component {
   constructor(props) {
@@ -418,7 +419,8 @@ class ResizableMediaSingleNext extends React.Component {
       fullWidthMode,
       selected,
       children,
-      lineLength
+      lineLength,
+      showLegacyNotification
     } = this.props;
     const {
       isResizing,
@@ -472,7 +474,7 @@ class ResizableMediaSingleNext extends React.Component {
       isHandleVisible: selected,
       handlePositioning: isNestedNode ? 'adjacent' : undefined,
       handleHighlight: "full-height"
-    }, children));
+    }, children, showLegacyNotification && jsx(ResizableMediaMigrationNotification, null)));
   }
 }
 export default ResizableMediaSingleNext;

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,14 @@
+import { css } from '@emotion/react';
+import * as colors from '@atlaskit/theme/colors';
+const NOTIFICATION_SIZE = 8;
+const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+export const resizableMediaMigrationNotificationStyle = css`
+  position: absolute;
+  top: ${SPACE_FROM_EDGE};
+  right: calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE});
+  background-color: ${`var(--ds-background-warning-bold, ${colors.Y300})`};
+  border-radius: ${"var(--ds-border-radius-circle, 50%)"};
+  width: ${NOTIFICATION_SIZE}px;
+  height: ${NOTIFICATION_SIZE}px;
+  pointer-events: none;
+`;

package/dist/es2019/plugins/paste/handlers.js

@@ -635,7 +635,8 @@ export function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to)
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    const textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/es2019/plugins/text-color/index.js

@@ -10,11 +10,8 @@ const pluginConfig = textColorConfig => {
   return textColorConfig;
 };
 const textColorPlugin = ({
-  config: textColorConfig,
-  api
+  config: textColorConfig
 }) => {
-  var _api$featureFlags;
-  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'textColor',
     marks() {
@@ -54,8 +51,7 @@ const textColorPlugin = ({
           popupsBoundariesElement: popupsBoundariesElement,
           popupsScrollableElement: popupsScrollableElement,
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          disabled: disabled,
-          featureFlags: featureFlags
+          disabled: disabled
         })
       });
     }

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -143,14 +143,10 @@ export class ToolbarTextColor extends React.Component {
       intl: {
         formatMessage
       },
-      disabled,
-      featureFlags
+      disabled
     } = this.props;
     const labelTextColor = formatMessage(messages.textColor);
     const palette = pluginState.palette;
-    const {
-      useSomewhatSemanticTextColorNames
-    } = featureFlags;
     let fitWidth;
     if (document.body.clientWidth <= 740) {
       // This was originally hard-coded, but moved here to a const
@@ -216,8 +212,7 @@ export class ToolbarTextColor extends React.Component {
       paletteOptions: {
         palette,
         hexToPaletteColor: hexToEditorTextPaletteColor,
-        paletteColorTooltipMessages: textPaletteTooltipMessages,
-        showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+        paletteColorTooltipMessages: textPaletteTooltipMessages
       }
     }))), jsx("span", {
       css: separatorStyles