@atlaskit/editor-core 187.29.4 → 187.30.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-core
 
+## 187.30.1
+
+### Patch Changes
+
+- [`e6582078cf9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6582078cf9) - ED-19433 Create editor-plugin-emoji package for atlaskit
+- Updated dependencies
+
+## 187.30.0
+
+### Minor Changes
+
+- [`7f45581d141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f45581d141) - ED-19630 fixed guideline alignment issue.
+
+### Patch Changes
+
+- [`1e4b853a636`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e4b853a636) - ED-19411 added guideline test, fixed invalid cursor location issue.
+- Updated dependencies
+
 ## 187.29.4
 
 ### Patch Changes

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

@@ -36,6 +36,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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';
 exports.resizerNextTestId = resizerNextTestId;
+var handleComponent = {
+  left: (0, _react2.jsx)("div", {
+    "data-testid": "richMedia-resize-handle-left-elem",
+    contentEditable: false
+  }),
+  right: (0, _react2.jsx)("div", {
+    "data-testid": "richMedia-resize-handle-right-elem",
+    contentEditable: false
+  })
+};
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -153,11 +163,18 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.min(contentWidth || _editorSharedStyles.akEditorDefaultLayoutWidth, isVideoFile ? _mediaSingle.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : _mediaSingle.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
     }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRelativeGuides", function () {
+      var _this$props$pluginInj5, _this$props$pluginInj6, _this$props$pluginInj7, _this$props$pluginInj8;
+      var guidelinePluginState = (_this$props$pluginInj5 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.dependencies) === null || _this$props$pluginInj6 === void 0 ? void 0 : (_this$props$pluginInj7 = _this$props$pluginInj6.guideline) === null || _this$props$pluginInj7 === void 0 ? void 0 : (_this$props$pluginInj8 = _this$props$pluginInj7.sharedState) === null || _this$props$pluginInj8 === void 0 ? void 0 : _this$props$pluginInj8.currentState();
+      var _ref = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
+          top: 0,
+          left: 0
+        },
+        topOffset = _ref.top;
       var $pos = _this.$pos;
       var relativeGuides = $pos && $pos.nodeAfter && _this.state.size.width ? (0, _guideline.getRelativeGuidelines)(_this.state.relativeGuides, {
         node: $pos.nodeAfter,
         pos: $pos.pos
-      }, _this.props.view, _this.props.lineLength, _this.state.size) : [];
+      }, _this.props.view, _this.props.lineLength, topOffset, _this.state.size) : [];
       return relativeGuides;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateActiveGuidelines", function () {
@@ -415,7 +432,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     key: "isNestedNode",
     value: function isNestedNode() {
       var $pos = this.$pos;
-      return !!($pos && $pos.parent.type !== $pos.parent.type.schema.nodes.doc);
+      return !!($pos && $pos.depth !== 0);
     }
   }, {
     key: "getDefaultGuidelines",
@@ -539,6 +556,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         handleResizeStop: this.handleResizeStop,
         snap: this.state.snaps,
         resizeRatio: _utils2.nonWrappedLayouts.includes(layout) ? 2 : 1,
+        handleComponent: handleComponent,
         "data-testid": resizerNextTestId,
         isHandleVisible: selected
       }, children));

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

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

@@ -18,6 +18,16 @@ 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';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
+const handleComponent = {
+  left: jsx("div", {
+    "data-testid": "richMedia-resize-handle-left-elem",
+    contentEditable: false
+  }),
+  right: jsx("div", {
+    "data-testid": "richMedia-resize-handle-right-elem",
+    contentEditable: false
+  })
+};
 class ResizableMediaSingleNext extends React.Component {
   constructor(props) {
     super(props);
@@ -136,11 +146,19 @@ class ResizableMediaSingleNext extends React.Component {
       return Math.min(contentWidth || akEditorDefaultLayoutWidth, isVideoFile ? MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
     }));
     _defineProperty(this, "getRelativeGuides", () => {
+      var _this$props$pluginInj5, _this$props$pluginInj6, _this$props$pluginInj7, _this$props$pluginInj8;
+      const guidelinePluginState = (_this$props$pluginInj5 = this.props.pluginInjectionApi) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.dependencies) === null || _this$props$pluginInj6 === void 0 ? void 0 : (_this$props$pluginInj7 = _this$props$pluginInj6.guideline) === null || _this$props$pluginInj7 === void 0 ? void 0 : (_this$props$pluginInj8 = _this$props$pluginInj7.sharedState) === null || _this$props$pluginInj8 === void 0 ? void 0 : _this$props$pluginInj8.currentState();
+      const {
+        top: topOffset
+      } = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
+        top: 0,
+        left: 0
+      };
       const $pos = this.$pos;
       const relativeGuides = $pos && $pos.nodeAfter && this.state.size.width ? getRelativeGuidelines(this.state.relativeGuides, {
         node: $pos.nodeAfter,
         pos: $pos.pos
-      }, this.props.view, this.props.lineLength, this.state.size) : [];
+      }, this.props.view, this.props.lineLength, topOffset, this.state.size) : [];
       return relativeGuides;
     });
     _defineProperty(this, "updateActiveGuidelines", (width = 0, guidelines, guidelineSnapsReference) => {
@@ -366,7 +384,7 @@ class ResizableMediaSingleNext extends React.Component {
   // check if is inside of layout, table, expand, nestedExpand and list item
   isNestedNode() {
     const $pos = this.$pos;
-    return !!($pos && $pos.parent.type !== $pos.parent.type.schema.nodes.doc);
+    return !!($pos && $pos.depth !== 0);
   }
   getDefaultGuidelines() {
     const {
@@ -459,6 +477,7 @@ class ResizableMediaSingleNext extends React.Component {
       handleResizeStop: this.handleResizeStop,
       snap: this.state.snaps,
       resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
+      handleComponent: handleComponent,
       "data-testid": resizerNextTestId,
       isHandleVisible: selected
     }, children));

package/dist/es2019/version-wrapper.js

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

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

@@ -29,6 +29,16 @@ 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';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
+var handleComponent = {
+  left: jsx("div", {
+    "data-testid": "richMedia-resize-handle-left-elem",
+    contentEditable: false
+  }),
+  right: jsx("div", {
+    "data-testid": "richMedia-resize-handle-right-elem",
+    contentEditable: false
+  })
+};
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -146,11 +156,18 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.min(contentWidth || akEditorDefaultLayoutWidth, isVideoFile ? MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
     }));
     _defineProperty(_assertThisInitialized(_this), "getRelativeGuides", function () {
+      var _this$props$pluginInj5, _this$props$pluginInj6, _this$props$pluginInj7, _this$props$pluginInj8;
+      var guidelinePluginState = (_this$props$pluginInj5 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.dependencies) === null || _this$props$pluginInj6 === void 0 ? void 0 : (_this$props$pluginInj7 = _this$props$pluginInj6.guideline) === null || _this$props$pluginInj7 === void 0 ? void 0 : (_this$props$pluginInj8 = _this$props$pluginInj7.sharedState) === null || _this$props$pluginInj8 === void 0 ? void 0 : _this$props$pluginInj8.currentState();
+      var _ref = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
+          top: 0,
+          left: 0
+        },
+        topOffset = _ref.top;
       var $pos = _this.$pos;
       var relativeGuides = $pos && $pos.nodeAfter && _this.state.size.width ? getRelativeGuidelines(_this.state.relativeGuides, {
         node: $pos.nodeAfter,
         pos: $pos.pos
-      }, _this.props.view, _this.props.lineLength, _this.state.size) : [];
+      }, _this.props.view, _this.props.lineLength, topOffset, _this.state.size) : [];
       return relativeGuides;
     });
     _defineProperty(_assertThisInitialized(_this), "updateActiveGuidelines", function () {
@@ -408,7 +425,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     key: "isNestedNode",
     value: function isNestedNode() {
       var $pos = this.$pos;
-      return !!($pos && $pos.parent.type !== $pos.parent.type.schema.nodes.doc);
+      return !!($pos && $pos.depth !== 0);
     }
   }, {
     key: "getDefaultGuidelines",
@@ -532,6 +549,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         handleResizeStop: this.handleResizeStop,
         snap: this.state.snaps,
         resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
+        handleComponent: handleComponent,
         "data-testid": resizerNextTestId,
         isHandleVisible: selected
       }, children));

package/dist/esm/version-wrapper.js

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

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

@@ -1,27 +1,17 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { EmojiDescription, EmojiProvider, EmojiId } from '@atlaskit/emoji';
-import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
+import type { Command, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type { TypeAheadItem } from '../type-ahead/types';
-import type { EmojiPluginOptions, EmojiPluginState } from './types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { EmojiPluginState } from './types';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
     clear(): void;
 };
 export declare const defaultListLimit = 50;
-export type EmojiPlugin = NextEditorPlugin<'emoji', {
-    pluginConfiguration: EmojiPluginOptions | undefined;
-    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
-    sharedState: EmojiPluginState | undefined;
-    commands: {
-        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;
-    };
-}>;
 export declare const emojiPlugin: EmojiPlugin;
 /**
  * Actions

package/dist/types/plugins/emoji/types.d.ts

@@ -1,9 +1 @@
-import type { EmojiProvider, EmojiDescription, EmojiResourceConfig } from '@atlaskit/emoji';
-export interface EmojiPluginOptions {
-    headless?: boolean;
-}
-export type EmojiPluginState = {
-    emojiProvider?: EmojiProvider;
-    emojiResourceConfig?: EmojiResourceConfig;
-    asciiMap?: Map<string, EmojiDescription>;
-};
+export type { EmojiPluginState, EmojiPluginOptions, } from '@atlaskit/editor-plugin-emoji';

package/dist/types/plugins/insert-block/types.d.ts

@@ -1,6 +1,6 @@
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { ImageUploadPlugin } from '@atlaskit/editor-plugin-image-upload';
-import type { EmojiPlugin } from '../emoji';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type datePlugin from '../date';
 import type { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';

package/dist/types-ts4.5/plugins/emoji/index.d.ts

@@ -1,30 +1,17 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { EmojiDescription, EmojiProvider, EmojiId } from '@atlaskit/emoji';
-import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
+import type { Command, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type { TypeAheadItem } from '../type-ahead/types';
-import type { EmojiPluginOptions, EmojiPluginState } from './types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { EmojiPluginState } from './types';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
     clear(): void;
 };
 export declare const defaultListLimit = 50;
-export type EmojiPlugin = NextEditorPlugin<'emoji', {
-    pluginConfiguration: EmojiPluginOptions | undefined;
-    dependencies: [
-        OptionalPlugin<typeof analyticsPlugin>,
-        TypeAheadPlugin
-    ];
-    sharedState: EmojiPluginState | undefined;
-    commands: {
-        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;
-    };
-}>;
 export declare const emojiPlugin: EmojiPlugin;
 /**
  * Actions

package/dist/types-ts4.5/plugins/emoji/types.d.ts

@@ -1,9 +1 @@
-import type { EmojiProvider, EmojiDescription, EmojiResourceConfig } from '@atlaskit/emoji';
-export interface EmojiPluginOptions {
-    headless?: boolean;
-}
-export type EmojiPluginState = {
-    emojiProvider?: EmojiProvider;
-    emojiResourceConfig?: EmojiResourceConfig;
-    asciiMap?: Map<string, EmojiDescription>;
-};
+export type { EmojiPluginState, EmojiPluginOptions, } from '@atlaskit/editor-plugin-emoji';

package/dist/types-ts4.5/plugins/insert-block/types.d.ts

@@ -1,6 +1,6 @@
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { ImageUploadPlugin } from '@atlaskit/editor-plugin-image-upload';
-import type { EmojiPlugin } from '../emoji';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type datePlugin from '../date';
 import type { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.29.4",
+  "version": "187.30.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.7.0",
-    "@atlaskit/editor-common": "^74.50.0",
+    "@atlaskit/editor-common": "^74.51.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",
@@ -66,11 +66,12 @@
     "@atlaskit/editor-plugin-context-panel": "^0.1.0",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.1.0",
+    "@atlaskit/editor-plugin-emoji": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^0.3.0",
     "@atlaskit/editor-plugin-focus": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
-    "@atlaskit/editor-plugin-guideline": "^0.3.4",
+    "@atlaskit/editor-plugin-guideline": "^0.4.0",
     "@atlaskit/editor-plugin-hyperlink": "^0.3.0",
     "@atlaskit/editor-plugin-image-upload": "^0.1.0",
     "@atlaskit/editor-plugin-list": "^1.0.0",