@atlaskit/editor-core 187.10.3 → 187.10.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 187.10.6
+
+### Patch Changes
+
+- [`eeecb78b23f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eeecb78b23f) - Added media-single utils to editor-common and moved utils from editor-core/media to edtor-common/media-single.
+
+## 187.10.4
+
+### Patch Changes
+
+- [`14fb6018157`](https://bitbucket.org/atlassian/atlassian-frontend/commits/14fb6018157) - [ED-19354] Small fixes to respect the next ProseMirror version
+
 ## 187.10.3
 
 ### Patch Changes

package/dist/cjs/plugins/analytics/plugin.js

@@ -66,7 +66,7 @@ function createPlugin(options, featureFlags, pluginInjectionApi) {
                   measureName, function (_ref) {
                     var duration = _ref.duration,
                       distortedDuration = _ref.distortedDuration;
-                    (0, _analytics.fireAnalyticsEvent)(pluginState.createAnalyticsEvent)({
+                    (0, _analytics.fireAnalyticsEvent)(pluginState.createAnalyticsEvent || undefined)({
                       payload: extendPayload({
                         payload: payload,
                         duration: duration,

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

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calcOffsetLeft = calcOffsetLeft;
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -23,6 +22,7 @@ var _mediaClient = require("@atlaskit/media-client");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _styled = require("./styled");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _utils2 = require("@atlaskit/editor-common/utils");
 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 */
@@ -37,7 +37,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      offsetLeft: calcOffsetLeft(_this.insideInlineLike, _this.insideLayout, _this.props.view.dom, undefined),
+      offsetLeft: (0, _mediaSingle.calculateOffsetLeft)(_this.insideInlineLike, _this.insideLayout, _this.props.view.dom, undefined),
       // We default to true until we resolve the file type
       isVideoFile: true
     });
@@ -157,7 +157,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(ResizableMediaSingle, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var offsetLeft = calcOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
+      var offsetLeft = (0, _mediaSingle.calculateOffsetLeft)(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
@@ -399,13 +399,4 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableMediaSingle;
 }(_react.default.Component);
-exports.default = ResizableMediaSingle;
-function calcOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {
-  var offsetLeft = 0;
-  if (wrapper && insideInlineLike && !insideLayout) {
-    var currentNode = wrapper;
-    var boundingRect = currentNode.getBoundingClientRect();
-    offsetLeft = boundingRect.left - pmViewDom.getBoundingClientRect().left;
-  }
-  return offsetLeft;
-}
+exports.default = ResizableMediaSingle;

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

@@ -316,13 +316,22 @@ function handlePasteLinkOnSelectedText(slice) {
 }
 function handlePasteAsPlainText(slice, _event) {
   return function (state, dispatch, view) {
+    var _input;
+    if (!view) {
+      return false;
+    }
+
+    // prosemirror-bump-fix
+    // Yes, this is wrong by default. But, we need to keep the private PAI usage to unblock the prosemirror bump
+    // So, this code will make sure we are checking for both version (current and the newest prosemirror-view version
+    var isShiftKeyPressed = view.shiftKey || ((_input = view.input) === null || _input === void 0 ? void 0 : _input.shiftKey);
     // In case of SHIFT+CMD+V ("Paste and Match Style") we don't want to run the usual
     // fuzzy matching of content. ProseMirror already handles this scenario and will
     // provide us with slice containing paragraphs with plain text, which we decorate
     // with "stored marks".
     // @see prosemirror-view/src/clipboard.js:parseFromClipboard()).
     // @see prosemirror-view/src/input.js:doPaste().
-    if (view && view.shiftKey) {
+    if (isShiftKeyPressed) {
       var tr = (0, _history.closeHistory)(state.tr);
       var _tr = tr,
         selection = _tr.selection;

package/dist/cjs/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -115,7 +115,7 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
   return function (_ref2) {
     var schema = _ref2.schema,
       textFormattingPluginState = _ref2.textFormattingPluginState;
-    var hasPluginState = Boolean(textFormattingPluginState);
+    var hasPluginState = Boolean(Object.keys(textFormattingPluginState || {}).length);
     var markSchema = IconsMarkSchema[iconMark];
     var hasSchemaMark = Boolean(schema.marks[markSchema]);
     if (!hasPluginState) {

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.10.3";
+var version = "187.10.6";
 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": "187.10.3",
+	"version": "187.10.6",
 	"sideEffects": false
 }

package/dist/es2019/plugins/analytics/plugin.js

@@ -52,7 +52,7 @@ function createPlugin(options, featureFlags, pluginInjectionApi) {
                   duration,
                   distortedDuration
                 }) => {
-                  fireAnalyticsEvent(pluginState.createAnalyticsEvent)({
+                  fireAnalyticsEvent(pluginState.createAnalyticsEvent || undefined)({
                     payload: extendPayload({
                       payload,
                       duration,

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

@@ -8,12 +8,13 @@ import { getMediaClient } from '@atlaskit/media-client';
 import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts, Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
+import { calculateOffsetLeft } from '@atlaskit/editor-common/media-single';
 import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 export default class ResizableMediaSingle extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
-      offsetLeft: calcOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, undefined),
+      offsetLeft: calculateOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, undefined),
       // We default to true until we resolve the file type
       isVideoFile: true
     });
@@ -140,7 +141,7 @@ export default class ResizableMediaSingle extends React.Component {
     _defineProperty(this, "saveWrapper", wrapper => this.wrapper = wrapper);
   }
   componentDidUpdate(prevProps) {
-    const offsetLeft = calcOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
+    const offsetLeft = calculateOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
     if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
       this.setState({
         offsetLeft
@@ -323,13 +324,4 @@ export default class ResizableMediaSingle extends React.Component {
       })
     }), children));
   }
-}
-export function calcOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {
-  let offsetLeft = 0;
-  if (wrapper && insideInlineLike && !insideLayout) {
-    const currentNode = wrapper;
-    const boundingRect = currentNode.getBoundingClientRect();
-    offsetLeft = boundingRect.left - pmViewDom.getBoundingClientRect().left;
-  }
-  return offsetLeft;
 }

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

@@ -309,13 +309,22 @@ export function handlePasteLinkOnSelectedText(slice) {
 }
 export function handlePasteAsPlainText(slice, _event) {
   return (state, dispatch, view) => {
+    var _input;
+    if (!view) {
+      return false;
+    }
+
+    // prosemirror-bump-fix
+    // Yes, this is wrong by default. But, we need to keep the private PAI usage to unblock the prosemirror bump
+    // So, this code will make sure we are checking for both version (current and the newest prosemirror-view version
+    const isShiftKeyPressed = view.shiftKey || ((_input = view.input) === null || _input === void 0 ? void 0 : _input.shiftKey);
     // In case of SHIFT+CMD+V ("Paste and Match Style") we don't want to run the usual
     // fuzzy matching of content. ProseMirror already handles this scenario and will
     // provide us with slice containing paragraphs with plain text, which we decorate
     // with "stored marks".
     // @see prosemirror-view/src/clipboard.js:parseFromClipboard()).
     // @see prosemirror-view/src/input.js:doPaste().
-    if (view && view.shiftKey) {
+    if (isShiftKeyPressed) {
       let tr = closeHistory(state.tr);
       const {
         selection

package/dist/es2019/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -106,7 +106,7 @@ const buildMenuIconState = iconMark => ({
   schema,
   textFormattingPluginState
 }) => {
-  const hasPluginState = Boolean(textFormattingPluginState);
+  const hasPluginState = Boolean(Object.keys(textFormattingPluginState || {}).length);
   const markSchema = IconsMarkSchema[iconMark];
   const hasSchemaMark = Boolean(schema.marks[markSchema]);
   if (!hasPluginState) {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.10.3";
+export const version = "187.10.6";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/plugins/analytics/plugin.js

@@ -58,7 +58,7 @@ function createPlugin(options, featureFlags, pluginInjectionApi) {
                   measureName, function (_ref) {
                     var duration = _ref.duration,
                       distortedDuration = _ref.distortedDuration;
-                    fireAnalyticsEvent(pluginState.createAnalyticsEvent)({
+                    fireAnalyticsEvent(pluginState.createAnalyticsEvent || undefined)({
                       payload: extendPayload({
                         payload: payload,
                         duration: duration,

package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js

@@ -18,6 +18,7 @@ import { getMediaClient } from '@atlaskit/media-client';
 import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts, Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
+import { calculateOffsetLeft } from '@atlaskit/editor-common/media-single';
 import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingle, _React$Component);
@@ -30,7 +31,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      offsetLeft: calcOffsetLeft(_this.insideInlineLike, _this.insideLayout, _this.props.view.dom, undefined),
+      offsetLeft: calculateOffsetLeft(_this.insideInlineLike, _this.insideLayout, _this.props.view.dom, undefined),
       // We default to true until we resolve the file type
       isVideoFile: true
     });
@@ -150,7 +151,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   _createClass(ResizableMediaSingle, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var offsetLeft = calcOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
+      var offsetLeft = calculateOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
@@ -392,13 +393,4 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableMediaSingle;
 }(React.Component);
-export { ResizableMediaSingle as default };
-export function calcOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {
-  var offsetLeft = 0;
-  if (wrapper && insideInlineLike && !insideLayout) {
-    var currentNode = wrapper;
-    var boundingRect = currentNode.getBoundingClientRect();
-    offsetLeft = boundingRect.left - pmViewDom.getBoundingClientRect().left;
-  }
-  return offsetLeft;
-}
+export { ResizableMediaSingle as default };

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

@@ -294,13 +294,22 @@ export function handlePasteLinkOnSelectedText(slice) {
 }
 export function handlePasteAsPlainText(slice, _event) {
   return function (state, dispatch, view) {
+    var _input;
+    if (!view) {
+      return false;
+    }
+
+    // prosemirror-bump-fix
+    // Yes, this is wrong by default. But, we need to keep the private PAI usage to unblock the prosemirror bump
+    // So, this code will make sure we are checking for both version (current and the newest prosemirror-view version
+    var isShiftKeyPressed = view.shiftKey || ((_input = view.input) === null || _input === void 0 ? void 0 : _input.shiftKey);
     // In case of SHIFT+CMD+V ("Paste and Match Style") we don't want to run the usual
     // fuzzy matching of content. ProseMirror already handles this scenario and will
     // provide us with slice containing paragraphs with plain text, which we decorate
     // with "stored marks".
     // @see prosemirror-view/src/clipboard.js:parseFromClipboard()).
     // @see prosemirror-view/src/input.js:doPaste().
-    if (view && view.shiftKey) {
+    if (isShiftKeyPressed) {
       var tr = closeHistory(state.tr);
       var _tr = tr,
         selection = _tr.selection;

package/dist/esm/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -105,7 +105,7 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
   return function (_ref2) {
     var schema = _ref2.schema,
       textFormattingPluginState = _ref2.textFormattingPluginState;
-    var hasPluginState = Boolean(textFormattingPluginState);
+    var hasPluginState = Boolean(Object.keys(textFormattingPluginState || {}).length);
     var markSchema = IconsMarkSchema[iconMark];
     var hasSchemaMark = Boolean(schema.marks[markSchema]);
     if (!hasPluginState) {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.10.3";
+export var version = "187.10.6";
 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": "187.10.3",
+	"version": "187.10.6",
 	"sideEffects": false
 }

package/dist/types/plugins/analytics/plugin.d.ts

@@ -1,8 +1,8 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { AnalyticsEventPayload } from './types';
+import type { AnalyticsEventPayload } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { PerformanceTracking } from '../../types/performance-tracking';
+import type { PerformanceTracking } from '../../types/performance-tracking';
 import type { analyticsPlugin as newAnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 interface AnalyticsPluginOptions {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;

package/dist/types/plugins/media/ui/ResizableMediaSingle/index.d.ts

@@ -42,5 +42,4 @@ export default class ResizableMediaSingle extends React.Component<Props, State>
     private saveWrapper;
     render(): jsx.JSX.Element;
 }
-export declare function calcOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;
 export {};

package/dist/types-ts4.5/plugins/analytics/plugin.d.ts

@@ -1,8 +1,8 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { AnalyticsEventPayload } from './types';
+import type { AnalyticsEventPayload } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { PerformanceTracking } from '../../types/performance-tracking';
+import type { PerformanceTracking } from '../../types/performance-tracking';
 import type { analyticsPlugin as newAnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 interface AnalyticsPluginOptions {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/index.d.ts

@@ -42,5 +42,4 @@ export default class ResizableMediaSingle extends React.Component<Props, State>
     private saveWrapper;
     render(): jsx.JSX.Element;
 }
-export declare function calcOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.10.3",
+  "version": "187.10.6",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"