@atlaskit/editor-core 165.0.0 → 166.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "165.0.0",
+  "version": "166.0.2",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,26 +42,26 @@
     "@atlaskit/date": "^0.9.0",
     "@atlaskit/datetime-picker": "^11.1.0",
     "@atlaskit/droplist": "^11.0.0",
-    "@atlaskit/editor-common": "^66.0.0",
+    "@atlaskit/editor-common": "^67.0.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-markdown-transformer": "^4.1.0",
-    "@atlaskit/editor-shared-styles": "^2.0.0",
+    "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/editor-tables": "^2.1.0",
-    "@atlaskit/emoji": "^64.5.0",
+    "@atlaskit/emoji": "^64.6.0",
     "@atlaskit/empty-state": "^7.3.0",
     "@atlaskit/form": "^8.5.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/item": "^12.0.0",
     "@atlaskit/locale": "^2.3.0",
-    "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-card": "^73.5.0",
-    "@atlaskit/media-client": "^15.1.0",
-    "@atlaskit/media-common": "^2.12.0",
-    "@atlaskit/media-filmstrip": "^43.0.0",
-    "@atlaskit/media-picker": "^61.0.0",
-    "@atlaskit/media-ui": "^21.1.0",
-    "@atlaskit/media-viewer": "^46.2.0",
+    "@atlaskit/logo": "^13.6.0",
+    "@atlaskit/media-card": "^73.6.0",
+    "@atlaskit/media-client": "^16.0.0",
+    "@atlaskit/media-common": "^2.13.0",
+    "@atlaskit/media-filmstrip": "^44.0.0",
+    "@atlaskit/media-picker": "^62.0.0",
+    "@atlaskit/media-ui": "^22.0.0",
+    "@atlaskit/media-viewer": "^46.3.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/modal-dialog": "^12.2.0",
@@ -78,7 +78,7 @@
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/toggle": "^12.4.0",
-    "@atlaskit/tokens": "^0.9.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/util-service-support": "^6.1.0",
     "@atlaskit/width-detector": "^4.0.0",
@@ -127,18 +127,18 @@
     "w3c-keyname": "^2.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^32.3.1",
-    "@atlaskit/smart-card": "^19.0.0",
+    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/smart-card": "^19.1.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/atlassian-navigation": "^2.1.0",
-    "@atlaskit/breadcrumbs": "11.5.7",
+    "@atlaskit/atlassian-navigation": "^2.2.0",
+    "@atlaskit/breadcrumbs": "11.6.1",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/collab-provider": "7.3.1",
+    "@atlaskit/collab-provider": "7.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.1.0",
     "@atlaskit/dropdown-menu": "^11.1.0",
@@ -148,17 +148,17 @@
     "@atlaskit/flag": "^14.5.0",
     "@atlaskit/inline-dialog": "^13.3.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-core": "^32.3.0",
+    "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
-    "@atlaskit/media-test-helpers": "^29.4.0",
+    "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/page-layout": "^1.2.0",
     "@atlaskit/profilecard": "^16.4.0",
     "@atlaskit/pubsub": "^6.0.0",
-    "@atlaskit/renderer": "^94.0.0",
+    "@atlaskit/renderer": "^95.0.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/share": "*",
-    "@atlaskit/smart-card": "^19.0.0",
+    "@atlaskit/smart-card": "^19.1.0",
     "@atlaskit/smart-user-picker": "^5.0.2",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
     "@atlaskit/textarea": "^4.3.0",
@@ -168,7 +168,7 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/search-provider": "2.2.3",
+    "@atlassian/search-provider": "2.3.0",
     "@atlassian/ufo": "^0.1.0",
     "@emotion/jest": "^11.8.0",
     "@testing-library/dom": "^7.7.3",

package/dist/cjs/plugins/emoji/nodeviews/emoji-next.js

@@ -1,250 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojiNodeView = void 0;
-exports.default = emojiNodeView;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _prosemirrorModel = require("prosemirror-model");
-
-var _utils = require("@atlaskit/editor-common/utils");
-
-var EmojiNodeView = /*#__PURE__*/function () {
-  function EmojiNodeView(node, _, context) {
-    var _this = this,
-        _this$options;
-
-    (0, _classCallCheck2.default)(this, EmojiNodeView);
-    (0, _defineProperty2.default)(this, "hasProvider", false);
-    (0, _defineProperty2.default)(this, "subscribe", function (_, provider) {
-      _this.hasProvider = false;
-      _this.emojiProvider = provider;
-      provider === null || provider === void 0 ? void 0 : provider.then(function () {
-        return _this.hasProvider = true;
-      }).then(function () {
-        return _this.findEmoji();
-      }).then(function (emoji) {
-        return _this.update(_this.node, null, emoji);
-      });
-    });
-    this.node = node;
-    this.providers = context.providerFactory;
-    this.options = context.options;
-    this.dom = EmojiNodeView.toDom(node);
-    this.el = this.dom;
-    this.providers.subscribe('emojiProvider', this.subscribe);
-
-    if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.allowZeroWidthSpaceAfter) {
-      this.el.after(document.createTextNode(_utils.ZERO_WIDTH_SPACE));
-    }
-
-    this.update(this.node, null);
-  }
-
-  (0, _createClass2.default)(EmojiNodeView, [{
-    key: "findEmoji",
-    value: function () {
-      var _findEmoji = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var node,
-            emojiProvider,
-            _args = arguments;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                node = _args.length > 0 && _args[0] !== undefined ? _args[0] : this.node;
-                _context.next = 3;
-                return this.emojiProvider;
-
-              case 3:
-                emojiProvider = _context.sent;
-
-                if (!emojiProvider) {
-                  _context.next = 6;
-                  break;
-                }
-
-                return _context.abrupt("return", emojiProvider.findByEmojiId({
-                  id: node.attrs.id,
-                  shortName: node.attrs.shortName,
-                  fallback: node.attrs.text
-                }));
-
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function findEmoji() {
-        return _findEmoji.apply(this, arguments);
-      }
-
-      return findEmoji;
-    }()
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.providers.unsubscribe('emojiProvider', this.subscribe);
-    }
-  }, {
-    key: "update",
-    value: function update(node, _) {
-      var _this2 = this;
-
-      var emoji = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.emoji;
-
-      if (this.node.type !== node.type) {
-        this.node = node;
-        return false;
-      }
-
-      var prev = this.node.attrs;
-      var next = node.attrs;
-      var changed = false;
-
-      if (prev.id !== next.id) {
-        changed = true;
-        this.el.dataset.emojiId = next.id;
-      }
-
-      if (prev.shortName !== next.shortName) {
-        changed = true;
-        this.el.dataset.emojiShortname = next.shortName;
-      }
-
-      if (changed) {
-        this.emoji = undefined;
-        this.node = node;
-        this.findEmoji().then(function (emoji) {
-          return _this2.update(_this2.node, _, emoji);
-        });
-        return true;
-      }
-
-      if (!this.hasProvider) {
-        this.el.classList.add('editor-emoji-loading');
-        this.el.style.backgroundSize = '';
-        this.el.style.backgroundPosition = '';
-        this.el.style.backgroundImage = '';
-        this.node = node;
-        this.emoji = emoji;
-        return true;
-      } else {
-        this.el.classList.remove('editor-emoji-loading');
-      }
-
-      if (!emoji) {
-        this.el.classList.add('editor-emoji-fallback');
-        this.el.style.backgroundSize = '';
-        this.el.style.backgroundPosition = '';
-        this.el.style.backgroundImage = '';
-        this.node = node;
-        this.emoji = emoji;
-        return true;
-      } else {
-        this.el.classList.remove('editor-emoji-fallback');
-      }
-
-      if (this.emoji === emoji) {
-        return true;
-      }
-
-      var representation = emoji === null || emoji === void 0 ? void 0 : emoji.representation;
-
-      if (EmojiNodeView.isSprite(representation)) {
-        var sprite = representation.sprite,
-            xIndex = representation.xIndex,
-            yIndex = representation.yIndex;
-        var row = sprite.row,
-            column = sprite.column,
-            url = sprite.url;
-        var xPosition = 100 / (column - 1) * (xIndex - 0);
-        var yPosition = 100 / (row - 1) * (yIndex - 0);
-        this.el.style.backgroundSize = "".concat(column * 100, "% ").concat(row * 100, "%");
-        this.el.style.backgroundPosition = "".concat(xPosition, "% ").concat(yPosition, "%");
-        this.el.style.backgroundImage = "url(".concat(url, ")");
-      }
-
-      if (EmojiNodeView.isImage(representation) || EmojiNodeView.isMedia(representation)) {
-        var path = EmojiNodeView.isImage(representation) ? representation.imagePath : representation.mediaPath;
-        var rawWidth = representation.width,
-            rawHeight = representation.height;
-        var width = rawWidth / (rawHeight / 20);
-        this.el.style.width = "".concat(width, "px");
-        this.el.style.backgroundImage = "url(".concat(path, ")");
-      }
-
-      this.emoji = emoji;
-      return true;
-    }
-  }, {
-    key: "ignoreMutation",
-    value: function ignoreMutation(_) {
-      return true;
-    }
-  }], [{
-    key: "toDomSpec",
-    value: function toDomSpec(node) {
-      return ['span', {
-        'aria-label': node.attrs.shortName,
-        'data-emoji-id': node.attrs.id,
-        'data-emoji-shortname': node.attrs.shortName,
-        class: 'editor-emoji'
-      }, node.attrs.shortName];
-    }
-  }, {
-    key: "toDom",
-    value: function toDom(node) {
-      return _prosemirrorModel.DOMSerializer.renderSpec(document, EmojiNodeView.toDomSpec(node)).dom;
-    }
-  }, {
-    key: "isSprite",
-    value: function isSprite(representation) {
-      var _representation$hasOw;
-
-      return (_representation$hasOw = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('sprite')) !== null && _representation$hasOw !== void 0 ? _representation$hasOw : false;
-    }
-  }, {
-    key: "isImage",
-    value: function isImage(representation) {
-      var _representation$hasOw2;
-
-      return (_representation$hasOw2 = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('imagePath')) !== null && _representation$hasOw2 !== void 0 ? _representation$hasOw2 : false;
-    }
-  }, {
-    key: "isMedia",
-    value: function isMedia(representation) {
-      var _representation$hasOw3;
-
-      return (_representation$hasOw3 = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('mediaPath')) !== null && _representation$hasOw3 !== void 0 ? _representation$hasOw3 : false;
-    }
-  }]);
-  return EmojiNodeView;
-}();
-
-exports.EmojiNodeView = EmojiNodeView;
-
-function emojiNodeView(providerFactory, options) {
-  return function (node, view) {
-    return new EmojiNodeView(node, view, {
-      providerFactory: providerFactory,
-      options: options
-    });
-  };
-}

package/dist/es2019/plugins/emoji/nodeviews/emoji-next.js

@@ -1,177 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { DOMSerializer } from 'prosemirror-model';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-export class EmojiNodeView {
-  constructor(node, _, context) {
-    var _this$options;
-
-    _defineProperty(this, "hasProvider", false);
-
-    _defineProperty(this, "subscribe", (_, provider) => {
-      this.hasProvider = false;
-      this.emojiProvider = provider;
-      provider === null || provider === void 0 ? void 0 : provider.then(() => this.hasProvider = true).then(() => this.findEmoji()).then(emoji => this.update(this.node, null, emoji));
-    });
-
-    this.node = node;
-    this.providers = context.providerFactory;
-    this.options = context.options;
-    this.dom = EmojiNodeView.toDom(node);
-    this.el = this.dom;
-    this.providers.subscribe('emojiProvider', this.subscribe);
-
-    if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.allowZeroWidthSpaceAfter) {
-      this.el.after(document.createTextNode(ZERO_WIDTH_SPACE));
-    }
-
-    this.update(this.node, null);
-  }
-
-  static toDomSpec(node) {
-    return ['span', {
-      'aria-label': node.attrs.shortName,
-      'data-emoji-id': node.attrs.id,
-      'data-emoji-shortname': node.attrs.shortName,
-      class: 'editor-emoji'
-    }, node.attrs.shortName];
-  }
-
-  static toDom(node) {
-    return DOMSerializer.renderSpec(document, EmojiNodeView.toDomSpec(node)).dom;
-  }
-
-  static isSprite(representation) {
-    var _representation$hasOw;
-
-    return (_representation$hasOw = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('sprite')) !== null && _representation$hasOw !== void 0 ? _representation$hasOw : false;
-  }
-
-  static isImage(representation) {
-    var _representation$hasOw2;
-
-    return (_representation$hasOw2 = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('imagePath')) !== null && _representation$hasOw2 !== void 0 ? _representation$hasOw2 : false;
-  }
-
-  static isMedia(representation) {
-    var _representation$hasOw3;
-
-    return (_representation$hasOw3 = representation === null || representation === void 0 ? void 0 : representation.hasOwnProperty('mediaPath')) !== null && _representation$hasOw3 !== void 0 ? _representation$hasOw3 : false;
-  }
-
-  async findEmoji(node = this.node) {
-    const emojiProvider = await this.emojiProvider;
-
-    if (emojiProvider) {
-      return emojiProvider.findByEmojiId({
-        id: node.attrs.id,
-        shortName: node.attrs.shortName,
-        fallback: node.attrs.text
-      });
-    }
-  }
-
-  destroy() {
-    this.providers.unsubscribe('emojiProvider', this.subscribe);
-  }
-
-  update(node, _, emoji = this.emoji) {
-    if (this.node.type !== node.type) {
-      this.node = node;
-      return false;
-    }
-
-    const prev = this.node.attrs;
-    const next = node.attrs;
-    let changed = false;
-
-    if (prev.id !== next.id) {
-      changed = true;
-      this.el.dataset.emojiId = next.id;
-    }
-
-    if (prev.shortName !== next.shortName) {
-      changed = true;
-      this.el.dataset.emojiShortname = next.shortName;
-    }
-
-    if (changed) {
-      this.emoji = undefined;
-      this.node = node;
-      this.findEmoji().then(emoji => this.update(this.node, _, emoji));
-      return true;
-    }
-
-    if (!this.hasProvider) {
-      this.el.classList.add('editor-emoji-loading');
-      this.el.style.backgroundSize = '';
-      this.el.style.backgroundPosition = '';
-      this.el.style.backgroundImage = '';
-      this.node = node;
-      this.emoji = emoji;
-      return true;
-    } else {
-      this.el.classList.remove('editor-emoji-loading');
-    }
-
-    if (!emoji) {
-      this.el.classList.add('editor-emoji-fallback');
-      this.el.style.backgroundSize = '';
-      this.el.style.backgroundPosition = '';
-      this.el.style.backgroundImage = '';
-      this.node = node;
-      this.emoji = emoji;
-      return true;
-    } else {
-      this.el.classList.remove('editor-emoji-fallback');
-    }
-
-    if (this.emoji === emoji) {
-      return true;
-    }
-
-    const representation = emoji === null || emoji === void 0 ? void 0 : emoji.representation;
-
-    if (EmojiNodeView.isSprite(representation)) {
-      const {
-        sprite,
-        xIndex,
-        yIndex
-      } = representation;
-      const {
-        row,
-        column,
-        url
-      } = sprite;
-      const xPosition = 100 / (column - 1) * (xIndex - 0);
-      const yPosition = 100 / (row - 1) * (yIndex - 0);
-      this.el.style.backgroundSize = `${column * 100}% ${row * 100}%`;
-      this.el.style.backgroundPosition = `${xPosition}% ${yPosition}%`;
-      this.el.style.backgroundImage = `url(${url})`;
-    }
-
-    if (EmojiNodeView.isImage(representation) || EmojiNodeView.isMedia(representation)) {
-      const path = EmojiNodeView.isImage(representation) ? representation.imagePath : representation.mediaPath;
-      const {
-        width: rawWidth,
-        height: rawHeight
-      } = representation;
-      const width = rawWidth / (rawHeight / 20);
-      this.el.style.width = `${width}px`;
-      this.el.style.backgroundImage = `url(${path})`;
-    }
-
-    this.emoji = emoji;
-    return true;
-  }
-
-  ignoreMutation(_) {
-    return true;
-  }
-
-}
-export default function emojiNodeView(providerFactory, options) {
-  return (node, view) => new EmojiNodeView(node, view, {
-    providerFactory,
-    options
-  });
-}