@atlaskit/editor-plugin-emoji 7.6.4 → 7.6.7

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-plugin-emoji
 
+## 7.6.7
+
+### Patch Changes
+
+- [`4d676bbdb3ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d676bbdb3ce6) -
+  ts-ignore added temporarily to unblock local consumption for help-center, will be removed once
+  project refs are setup
+- Updated dependencies
+
+## 7.6.6
+
+### Patch Changes
+
+- [`a05464ea42678`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a05464ea42678) -
+  EDITOR-2791 bump adf-schema
+- Updated dependencies
+
+## 7.6.5
+
+### Patch Changes
+
+- [`236fe86fc7b5e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/236fe86fc7b5e) -
+  NOISSUE: fix emoji node view error logging
+- Updated dependencies
+
 ## 7.6.4
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -126,6 +126,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
             if (!emojiResult || !emojiResult.emojis) {
               resolve([]);
             } else {
+              // @ts-ignore - Workaround for help-center local consumption
+
               var emojiItems = emojiResult.emojis.map(function (emoji) {
                 return memoizedToItem.call(emoji, emojiProvider);
               });
@@ -135,6 +137,9 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           }
         };
         emojiProvider.subscribe(emojiProviderChangeHandler);
+
+        // @ts-ignore - Workaround for help-center local consumption
+
         emojiProvider.filter(TRIGGER.concat(query), {
           limit: defaultListLimit,
           skinTone: emojiProvider.getSelectedTone(),
@@ -158,7 +163,9 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           emoji: _emoji
         };
       }
-      var matchedItem = isFullShortName(normalizedQuery) ? items.find(function (item) {
+      var matchedItem = isFullShortName(normalizedQuery)
+      // @ts-ignore - Workaround for help-center local consumption
+      ? items.find(function (item) {
         return item.title.toLowerCase() === normalizedQuery;
       }) : undefined;
       return matchedItem;
@@ -198,6 +205,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
     var emojiNodeType = schema.nodes.emoji;
     if (node.type === emojiNodeType) {
       var newText = node.attrs.text;
+      // @ts-ignore - Workaround for help-center local consumption
+
       var currentPos = tr.mapping.map(pos);
       tr.replaceWith(currentPos, currentPos + node.nodeSize, schema.text(newText, node.marks));
     }
@@ -377,6 +386,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           items: function items(node) {
             var _api$annotation2;
             var annotationState = api === null || api === void 0 || (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+            // @ts-ignore - Workaround for help-center local consumption
+
             var activeCommentMark = node.marks.find(function (mark) {
               return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
             });
@@ -479,6 +490,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new _safePlugin.SafePlugin({
     key: emojiPluginKey,
     state: {
+      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         if (options !== null && options !== void 0 && options.emojiProvider && (0, _experiments.editorExperiment)('platform_editor_prevent_toolbar_layout_shifts', true)) {
           return {
@@ -487,6 +499,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
         return {};
       },
+      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr, pluginState) {
         var _ref11 = tr.getMeta(emojiPluginKey) || {
             action: null,
@@ -520,7 +533,11 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
       }
     },
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
+        // @ts-ignore - Workaround for help-center local consumption
+
         emoji: function emoji(node) {
           return new _EmojiNodeView.EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
@@ -530,6 +547,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
       }
     },
+    // @ts-ignore - Workaround for help-center local consumption
     view: function view(editorView) {
       var providerHandler = function providerHandler(name, providerPromise) {
         switch (name) {
@@ -556,6 +574,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         providerHandler('emojiProvider', options.emojiProvider);
       }
       return {
+        // @ts-ignore - Workaround for help-center local consumption
         destroy: function destroy() {
           if (pmPluginFactoryParams.providerFactory) {
             pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);

package/dist/cjs/nodeviews/EmojiNodeView.js

@@ -78,24 +78,22 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
           _this.renderFallback();
           return;
         }
-        var emojiDescription = payload.data;
-        if (!emojiDescription) {
-          EmojiNodeView.logError(new Error('Emoji description is not loaded'));
+        var optionalEmojiDescription = payload.data;
+        if (!optionalEmojiDescription) {
           _this.renderFallback();
           return;
         }
-        var emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+        var emojiRepresentation = optionalEmojiDescription === null || optionalEmojiDescription === void 0 ? void 0 : optionalEmojiDescription.representation;
         if (!EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
-          EmojiNodeView.logError(new Error('Emoji representation is not supported'));
           _this.renderFallback();
           return;
         }
-        if ((0, _isEqual.default)(previousEmojiDescription, emojiDescription)) {
+        if ((0, _isEqual.default)(previousEmojiDescription, optionalEmojiDescription)) {
           // Do not re-render if the emoji description is the same as before
           return;
         }
-        previousEmojiDescription = emojiDescription;
-        _this.renderEmoji(emojiDescription, emojiRepresentation);
+        previousEmojiDescription = optionalEmojiDescription;
+        _this.renderEmoji(optionalEmojiDescription, emojiRepresentation);
       });
     } else {
       var _api$emoji, _sharedState$currentS, _api$connectivity;

package/dist/es2019/emojiPlugin.js

@@ -105,6 +105,8 @@ export const emojiPlugin = ({
             if (!emojiResult || !emojiResult.emojis) {
               resolve([]);
             } else {
+              // @ts-ignore - Workaround for help-center local consumption
+
               const emojiItems = emojiResult.emojis.map(emoji => memoizedToItem.call(emoji, emojiProvider));
               resolve(emojiItems);
             }
@@ -112,6 +114,9 @@ export const emojiPlugin = ({
           }
         };
         emojiProvider.subscribe(emojiProviderChangeHandler);
+
+        // @ts-ignore - Workaround for help-center local consumption
+
         emojiProvider.filter(TRIGGER.concat(query), {
           limit: defaultListLimit,
           skinTone: emojiProvider.getSelectedTone(),
@@ -137,7 +142,9 @@ export const emojiPlugin = ({
           emoji
         };
       }
-      const matchedItem = isFullShortName(normalizedQuery) ? items.find(item => item.title.toLowerCase() === normalizedQuery) : undefined;
+      const matchedItem = isFullShortName(normalizedQuery)
+      // @ts-ignore - Workaround for help-center local consumption
+      ? items.find(item => item.title.toLowerCase() === normalizedQuery) : undefined;
       return matchedItem;
     },
     selectItem(state, item, insert, {
@@ -183,6 +190,8 @@ export const emojiPlugin = ({
     } = schema.nodes;
     if (node.type === emojiNodeType) {
       const newText = node.attrs.text;
+      // @ts-ignore - Workaround for help-center local consumption
+
       const currentPos = tr.mapping.map(pos);
       tr.replaceWith(currentPos, currentPos + node.nodeSize, schema.text(newText, node.marks));
     }
@@ -341,6 +350,8 @@ export const emojiPlugin = ({
           items: node => {
             var _api$annotation2;
             const annotationState = api === null || api === void 0 ? void 0 : (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+            // @ts-ignore - Workaround for help-center local consumption
+
             const activeCommentMark = node.marks.find(mark => mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false);
             const showAnnotation = annotationState && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !activeCommentMark && isViewMode();
             if (showAnnotation) {
@@ -433,6 +444,8 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new SafePlugin({
     key: emojiPluginKey,
     state: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       init() {
         if (options !== null && options !== void 0 && options.emojiProvider && editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)) {
           return {
@@ -441,6 +454,8 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
         return {};
       },
+      // @ts-ignore - Workaround for help-center local consumption
+
       apply(tr, pluginState) {
         const {
           action,
@@ -478,7 +493,11 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
       }
     },
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
+        // @ts-ignore - Workaround for help-center local consumption
+
         emoji: node => {
           return new EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
@@ -488,6 +507,8 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
       }
     },
+    // @ts-ignore - Workaround for help-center local consumption
+
     view(editorView) {
       const providerHandler = (name, providerPromise) => {
         switch (name) {
@@ -514,6 +535,8 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         providerHandler('emojiProvider', options.emojiProvider);
       }
       return {
+        // @ts-ignore - Workaround for help-center local consumption
+
         destroy() {
           if (pmPluginFactoryParams.providerFactory) {
             pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);

package/dist/es2019/nodeviews/EmojiNodeView.js

@@ -72,24 +72,22 @@ export class EmojiNodeView {
           this.renderFallback();
           return;
         }
-        const emojiDescription = payload.data;
-        if (!emojiDescription) {
-          EmojiNodeView.logError(new Error('Emoji description is not loaded'));
+        const optionalEmojiDescription = payload.data;
+        if (!optionalEmojiDescription) {
           this.renderFallback();
           return;
         }
-        const emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+        const emojiRepresentation = optionalEmojiDescription === null || optionalEmojiDescription === void 0 ? void 0 : optionalEmojiDescription.representation;
         if (!EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
-          EmojiNodeView.logError(new Error('Emoji representation is not supported'));
           this.renderFallback();
           return;
         }
-        if (isEqual(previousEmojiDescription, emojiDescription)) {
+        if (isEqual(previousEmojiDescription, optionalEmojiDescription)) {
           // Do not re-render if the emoji description is the same as before
           return;
         }
-        previousEmojiDescription = emojiDescription;
-        this.renderEmoji(emojiDescription, emojiRepresentation);
+        previousEmojiDescription = optionalEmojiDescription;
+        this.renderEmoji(optionalEmojiDescription, emojiRepresentation);
       });
     } else {
       var _api$emoji, _sharedState$currentS, _api$connectivity;

package/dist/esm/emojiPlugin.js

@@ -115,6 +115,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
             if (!emojiResult || !emojiResult.emojis) {
               resolve([]);
             } else {
+              // @ts-ignore - Workaround for help-center local consumption
+
               var emojiItems = emojiResult.emojis.map(function (emoji) {
                 return memoizedToItem.call(emoji, emojiProvider);
               });
@@ -124,6 +126,9 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           }
         };
         emojiProvider.subscribe(emojiProviderChangeHandler);
+
+        // @ts-ignore - Workaround for help-center local consumption
+
         emojiProvider.filter(TRIGGER.concat(query), {
           limit: defaultListLimit,
           skinTone: emojiProvider.getSelectedTone(),
@@ -147,7 +152,9 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           emoji: _emoji
         };
       }
-      var matchedItem = isFullShortName(normalizedQuery) ? items.find(function (item) {
+      var matchedItem = isFullShortName(normalizedQuery)
+      // @ts-ignore - Workaround for help-center local consumption
+      ? items.find(function (item) {
         return item.title.toLowerCase() === normalizedQuery;
       }) : undefined;
       return matchedItem;
@@ -187,6 +194,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
     var emojiNodeType = schema.nodes.emoji;
     if (node.type === emojiNodeType) {
       var newText = node.attrs.text;
+      // @ts-ignore - Workaround for help-center local consumption
+
       var currentPos = tr.mapping.map(pos);
       tr.replaceWith(currentPos, currentPos + node.nodeSize, schema.text(newText, node.marks));
     }
@@ -366,6 +375,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           items: function items(node) {
             var _api$annotation2;
             var annotationState = api === null || api === void 0 || (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
+            // @ts-ignore - Workaround for help-center local consumption
+
             var activeCommentMark = node.marks.find(function (mark) {
               return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
             });
@@ -468,6 +479,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new SafePlugin({
     key: emojiPluginKey,
     state: {
+      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         if (options !== null && options !== void 0 && options.emojiProvider && editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)) {
           return {
@@ -476,6 +488,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
         return {};
       },
+      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr, pluginState) {
         var _ref11 = tr.getMeta(emojiPluginKey) || {
             action: null,
@@ -509,7 +522,11 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
       }
     },
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
+        // @ts-ignore - Workaround for help-center local consumption
+
         emoji: function emoji(node) {
           return new EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
@@ -519,6 +536,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         }
       }
     },
+    // @ts-ignore - Workaround for help-center local consumption
     view: function view(editorView) {
       var providerHandler = function providerHandler(name, providerPromise) {
         switch (name) {
@@ -545,6 +563,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         providerHandler('emojiProvider', options.emojiProvider);
       }
       return {
+        // @ts-ignore - Workaround for help-center local consumption
         destroy: function destroy() {
           if (pmPluginFactoryParams.providerFactory) {
             pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);

package/dist/esm/nodeviews/EmojiNodeView.js

@@ -70,24 +70,22 @@ export var EmojiNodeView = /*#__PURE__*/function () {
           _this.renderFallback();
           return;
         }
-        var emojiDescription = payload.data;
-        if (!emojiDescription) {
-          EmojiNodeView.logError(new Error('Emoji description is not loaded'));
+        var optionalEmojiDescription = payload.data;
+        if (!optionalEmojiDescription) {
           _this.renderFallback();
           return;
         }
-        var emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+        var emojiRepresentation = optionalEmojiDescription === null || optionalEmojiDescription === void 0 ? void 0 : optionalEmojiDescription.representation;
         if (!EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
-          EmojiNodeView.logError(new Error('Emoji representation is not supported'));
           _this.renderFallback();
           return;
         }
-        if (isEqual(previousEmojiDescription, emojiDescription)) {
+        if (isEqual(previousEmojiDescription, optionalEmojiDescription)) {
           // Do not re-render if the emoji description is the same as before
           return;
         }
-        previousEmojiDescription = emojiDescription;
-        _this.renderEmoji(emojiDescription, emojiRepresentation);
+        previousEmojiDescription = optionalEmojiDescription;
+        _this.renderEmoji(optionalEmojiDescription, emojiRepresentation);
       });
     } else {
       var _api$emoji, _sharedState$currentS, _api$connectivity;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "7.6.4",
+	"version": "7.6.7",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,7 +21,7 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.3.2",
+		"@atlaskit/adf-schema": "^51.4.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-annotation": "^6.2.0",
 		"@atlaskit/editor-plugin-base": "^7.2.0",
@@ -29,15 +29,15 @@
 		"@atlaskit/editor-plugin-metrics": "^7.1.0",
 		"@atlaskit/editor-plugin-type-ahead": "^6.5.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.9.0",
+		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/emoji": "^69.8.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/node-data-provider": "^7.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.38.0",
-		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.42.0",
+		"@atlaskit/tokens": "^8.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -45,7 +45,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.29.0",
+		"@atlaskit/editor-common": "^110.34.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},