@atlaskit/editor-core 165.0.0 → 166.0.0

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

@@ -1,234 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { DOMSerializer } from 'prosemirror-model';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-export var EmojiNodeView = /*#__PURE__*/function () {
-  function EmojiNodeView(node, _, context) {
-    var _this = this,
-        _this$options;
-
-    _classCallCheck(this, EmojiNodeView);
-
-    _defineProperty(this, "hasProvider", false);
-
-    _defineProperty(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(ZERO_WIDTH_SPACE));
-    }
-
-    this.update(this.node, null);
-  }
-
-  _createClass(EmojiNodeView, [{
-    key: "findEmoji",
-    value: function () {
-      var _findEmoji = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var node,
-            emojiProvider,
-            _args = arguments;
-        return _regeneratorRuntime.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 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;
-}();
-export default function emojiNodeView(providerFactory, options) {
-  return function (node, view) {
-    return new EmojiNodeView(node, view, {
-      providerFactory: providerFactory,
-      options: options
-    });
-  };
-}

package/dist/types/plugins/emoji/nodeviews/emoji-next.d.ts

@@ -1,31 +0,0 @@
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, NodeView } from 'prosemirror-view';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { EmojiDescription } from '@atlaskit/emoji';
-import { EmojiPluginOptions } from '../types';
-export interface Props {
-    providerFactory: ProviderFactory;
-    options?: EmojiPluginOptions;
-}
-export declare class EmojiNodeView implements NodeView {
-    private node;
-    private options?;
-    private providers;
-    private emojiProvider;
-    private hasProvider;
-    private emoji;
-    private el;
-    dom: HTMLElement;
-    constructor(node: PMNode, _: EditorView, context: Props);
-    private static toDomSpec;
-    private static toDom;
-    private static isSprite;
-    private static isImage;
-    private static isMedia;
-    private subscribe;
-    private findEmoji;
-    destroy(): void;
-    update(node: PMNode, _: unknown, emoji?: EmojiDescription | undefined): boolean;
-    ignoreMutation(_: unknown): boolean;
-}
-export default function emojiNodeView(providerFactory: ProviderFactory, options?: EmojiPluginOptions): (node: PMNode, view: EditorView) => NodeView;