@atlaskit/editor-plugin-emoji 3.7.2 → 3.7.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-emoji
 
+## 3.7.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.7.3
+
+### Patch Changes
+
+- [#162451](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/162451)
+  [`ef8e2f1c70087`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef8e2f1c70087) -
+  Switching tbt performance fixes in inlineEmojiPopup and BlockMenu to experiment flag
+- Updated dependencies
+
 ## 3.7.2
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -36,8 +36,7 @@ var _EmojiNodeView = require("./nodeviews/EmojiNodeView");
 var _actions = require("./pm-plugins/actions");
 var _asciiInputRules = require("./pm-plugins/ascii-input-rules");
 var _InlineEmojiPopup = require("./ui/InlineEmojiPopup");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var emojiToTypeaheadItem = exports.emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
@@ -297,8 +296,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
                 return _context.abrupt("return", false);
               case 5:
                 previousEmojiProvider = provider;
-                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref10) {
-                  var tr = _ref10.tr;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref0) {
+                  var tr = _ref0.tr;
                   return setProviderTr(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 7:
@@ -316,15 +315,15 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
     commands: {
       insertEmoji: (0, _insertEmoji.insertEmoji)(api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)
     },
-    contentComponent: function contentComponent(_ref11) {
-      var editorView = _ref11.editorView,
-        popupsBoundariesElement = _ref11.popupsBoundariesElement,
-        popupsMountPoint = _ref11.popupsMountPoint,
-        popupsScrollableElement = _ref11.popupsScrollableElement;
+    contentComponent: function contentComponent(_ref1) {
+      var editorView = _ref1.editorView,
+        popupsBoundariesElement = _ref1.popupsBoundariesElement,
+        popupsMountPoint = _ref1.popupsMountPoint,
+        popupsScrollableElement = _ref1.popupsScrollableElement;
       if (!api || (0, _experiments.editorExperiment)('platform_editor_controls', 'control')) {
         return null;
       }
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_controls_perf_tbt_fix')) {
+      if (!(0, _experiments.editorExperiment)('platform_editor_controls_performance_fixes', true)) {
         return /*#__PURE__*/_react.default.createElement(_InlineEmojiPopup.InlineEmojiPopupOld, {
           api: api,
           editorView: editorView,
@@ -345,8 +344,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref12) {
-        var formatMessage = _ref12.formatMessage;
+      quickInsert: function quickInsert(_ref10) {
+        var formatMessage = _ref10.formatMessage;
         return [{
           id: 'emoji',
           title: formatMessage(_messages.toolbarInsertBlockMessages.emoji),
@@ -525,12 +524,12 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         return {};
       },
       apply: function apply(tr, pluginState) {
-        var _ref13 = tr.getMeta(emojiPluginKey) || {
+        var _ref11 = tr.getMeta(emojiPluginKey) || {
             action: null,
             params: null
           },
-          action = _ref13.action,
-          params = _ref13.params;
+          action = _ref11.action,
+          params = _ref11.params;
         var newPluginState = pluginState;
         switch (action) {
           case _actions.ACTIONS.SET_PROVIDER:

package/dist/cjs/ui/InlineEmojiPopup.js

@@ -17,8 +17,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _emoji = require("@atlaskit/emoji");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("../pm-plugins/actions");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
 var emojiPopupMessages = {
   emojiPickerAriaLabel: {

package/dist/cjs/ui/LoadableSimpleEmoji.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoadableSimpleEmojiPlaceholder = exports.LoadableSimpleEmoji = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LoadableSimpleEmoji = exports.LoadableSimpleEmoji = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {

package/dist/cjs/ui/NdpEmoji.js

@@ -11,8 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _emoji = require("@atlaskit/editor-common/emoji");
 var _pluginHooks = require("@atlaskit/node-data-provider/plugin-hooks");
 var _LoadableSimpleEmoji = require("./LoadableSimpleEmoji");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/emojiPlugin.js

@@ -287,7 +287,7 @@ export const emojiPlugin = ({
       if (!api || editorExperiment('platform_editor_controls', 'control')) {
         return null;
       }
-      if (!fg('platform_editor_controls_perf_tbt_fix')) {
+      if (!editorExperiment('platform_editor_controls_performance_fixes', true)) {
         return /*#__PURE__*/React.createElement(InlineEmojiPopupOld, {
           api: api,
           editorView: editorView,

package/dist/esm/emojiPlugin.js

@@ -282,8 +282,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
                 return _context.abrupt("return", false);
               case 5:
                 previousEmojiProvider = provider;
-                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref10) {
-                  var tr = _ref10.tr;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref0) {
+                  var tr = _ref0.tr;
                   return setProviderTr(provider)(tr);
                 })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
               case 7:
@@ -301,15 +301,15 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
     commands: {
       insertEmoji: insertEmoji(api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)
     },
-    contentComponent: function contentComponent(_ref11) {
-      var editorView = _ref11.editorView,
-        popupsBoundariesElement = _ref11.popupsBoundariesElement,
-        popupsMountPoint = _ref11.popupsMountPoint,
-        popupsScrollableElement = _ref11.popupsScrollableElement;
+    contentComponent: function contentComponent(_ref1) {
+      var editorView = _ref1.editorView,
+        popupsBoundariesElement = _ref1.popupsBoundariesElement,
+        popupsMountPoint = _ref1.popupsMountPoint,
+        popupsScrollableElement = _ref1.popupsScrollableElement;
       if (!api || editorExperiment('platform_editor_controls', 'control')) {
         return null;
       }
-      if (!fg('platform_editor_controls_perf_tbt_fix')) {
+      if (!editorExperiment('platform_editor_controls_performance_fixes', true)) {
         return /*#__PURE__*/React.createElement(InlineEmojiPopupOld, {
           api: api,
           editorView: editorView,
@@ -330,8 +330,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref12) {
-        var formatMessage = _ref12.formatMessage;
+      quickInsert: function quickInsert(_ref10) {
+        var formatMessage = _ref10.formatMessage;
         return [{
           id: 'emoji',
           title: formatMessage(messages.emoji),
@@ -510,12 +510,12 @@ export function createEmojiPlugin(pmPluginFactoryParams, options, api) {
         return {};
       },
       apply: function apply(tr, pluginState) {
-        var _ref13 = tr.getMeta(emojiPluginKey) || {
+        var _ref11 = tr.getMeta(emojiPluginKey) || {
             action: null,
             params: null
           },
-          action = _ref13.action,
-          params = _ref13.params;
+          action = _ref11.action,
+          params = _ref11.params;
         var newPluginState = pluginState;
         switch (action) {
           case ACTIONS.SET_PROVIDER:

package/dist/types/ui/InlineEmojiPopup.d.ts

@@ -5,8 +5,12 @@ import { type EmojiPlugin } from '../emojiPluginType';
 type InlineEmojiPopupProps = Pick<UiComponentFactoryParams, 'popupsBoundariesElement' | 'popupsMountPoint' | 'popupsScrollableElement'> & {
     api: ExtractInjectionAPI<EmojiPlugin>;
     editorView: EditorView;
-    onClose?: () => void;
 };
-export declare const InlineEmojiPopupOld: ({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, onClose, }: InlineEmojiPopupProps) => React.JSX.Element | null;
+export declare const InlineEmojiPopupOld: ({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, onClose, }: Pick<UiComponentFactoryParams, "popupsBoundariesElement" | "popupsMountPoint" | "popupsScrollableElement"> & {
+    api: ExtractInjectionAPI<EmojiPlugin>;
+    editorView: EditorView;
+} & {
+    onClose: () => void;
+}) => React.JSX.Element | null;
 export declare const InlineEmojiPopup: React.MemoExoticComponent<({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, }: InlineEmojiPopupProps) => React.JSX.Element | null>;
 export {};

package/dist/types-ts4.5/ui/InlineEmojiPopup.d.ts

@@ -5,8 +5,12 @@ import { type EmojiPlugin } from '../emojiPluginType';
 type InlineEmojiPopupProps = Pick<UiComponentFactoryParams, 'popupsBoundariesElement' | 'popupsMountPoint' | 'popupsScrollableElement'> & {
     api: ExtractInjectionAPI<EmojiPlugin>;
     editorView: EditorView;
-    onClose?: () => void;
 };
-export declare const InlineEmojiPopupOld: ({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, onClose, }: InlineEmojiPopupProps) => React.JSX.Element | null;
+export declare const InlineEmojiPopupOld: ({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, onClose, }: Pick<UiComponentFactoryParams, "popupsBoundariesElement" | "popupsMountPoint" | "popupsScrollableElement"> & {
+    api: ExtractInjectionAPI<EmojiPlugin>;
+    editorView: EditorView;
+} & {
+    onClose: () => void;
+}) => React.JSX.Element | null;
 export declare const InlineEmojiPopup: React.MemoExoticComponent<({ api, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorView, }: InlineEmojiPopupProps) => React.JSX.Element | null>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "3.7.2",
+	"version": "3.7.4",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^106.0.0",
+		"@atlaskit/editor-common": "^106.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-annotation": "^2.9.0",
 		"@atlaskit/editor-plugin-base": "^3.0.0",
@@ -38,8 +38,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.4.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/tmp-editor-statsig": "^5.7.0",
+		"@atlaskit/tokens": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1",
@@ -113,9 +113,6 @@
 		},
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"
-		},
-		"platform_editor_controls_perf_tbt_fix": {
-			"type": "boolean"
 		}
 	}
 }