@atlaskit/editor-plugin-emoji 3.7.9 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @atlaskit/editor-plugin-emoji
 
+## 4.0.0
+
+### Major Changes
+
+- [#181024](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181024)
+  [`8e80c487ca307`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e80c487ca307) - ##
+  Make `@atlaskit/editor-common` a peer dependency
+
+  **WHAT:** `@atlaskit/editor-common` has been moved from `dependencies` to `peerDependencies` in
+  all editor plugin packages.
+
+  **WHY:** This change ensures that only a single version of `@atlaskit/editor-common` is used in
+  consuming applications, preventing issues caused by multiple versions of singleton libraries (such
+  as context mismatches or duplicated state). This is especially important for packages that rely on
+  shared context or singletons.
+
+  **HOW TO ADJUST:**
+
+  - Consumers must now explicitly install `@atlaskit/editor-common` in their own project if they use
+    any of these editor plugins.
+  - Ensure the version you install matches the version required by the plugins.
+  - You can use the
+    [`check-peer-dependencies`](https://www.npmjs.com/package/check-peer-dependencies) package to
+    verify that all required peer dependencies are installed and compatible.
+  - Example install command:
+    ```
+    npm install @atlaskit/editor-common
+    ```
+    or
+    ```
+    yarn add @atlaskit/editor-common
+    ```
+
+  **Note:** This is a breaking change. If `@atlaskit/editor-common` is not installed at the
+  application level, you may see errors or unexpected behavior.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.7.10
+
+### Patch Changes
+
+- [#179660](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/179660)
+  [`75577e79c0fa2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75577e79c0fa2) -
+  Cleanup vanilla emoji experiment
+- Updated dependencies
+
 ## 3.7.9
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -19,7 +19,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -30,7 +29,6 @@ var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _insertEmoji = require("./editor-commands/insert-emoji");
-var _emoji3 = require("./nodeviews/emoji");
 var _emojiNodeSpec = require("./nodeviews/emojiNodeSpec");
 var _EmojiNodeView = require("./nodeviews/EmojiNodeView");
 var _actions = require("./pm-plugins/actions");
@@ -557,21 +555,11 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
     },
     props: {
       nodeViews: {
-        emoji: function emoji(node, view, getPos, decorations) {
-          return (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new _EmojiNodeView.EmojiNodeView(node, {
+        emoji: function emoji(node) {
+          return new _EmojiNodeView.EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
             api: api
-          }) : (0, _reactNodeView.getInlineNodeViewProducer)({
-            pmPluginFactoryParams: pmPluginFactoryParams,
-            Component: _emoji3.EmojiNodeView,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              options: options,
-              api: api
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/cjs/nodeviews/EmojiNodeView.js

@@ -172,9 +172,6 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
         this.domElement.classList.remove(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER);
         this.domElement.removeAttribute('aria-label'); // The label is set in the renderEmoji method
         this.domElement.removeAttribute('aria-busy');
-
-        // Each vanilla JS node implementation should have this data attribute
-        this.domElement.setAttribute('data-prosemirror-node-view-type', 'vanilla');
       }
     }
   }, {

package/dist/es2019/emojiPlugin.js

@@ -3,7 +3,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
@@ -14,7 +13,6 @@ import CommentIcon from '@atlaskit/icon/core/comment';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { createEmojiFragment, insertEmoji } from './editor-commands/insert-emoji';
-import { EmojiNodeView as EmojiNodeViewReact } from './nodeviews/emoji';
 import { emojiNodeSpec } from './nodeviews/emojiNodeSpec';
 import { EmojiNodeView } from './nodeviews/EmojiNodeView';
 import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setInlineEmojiPopupOpen, setProvider as setProviderAction } from './pm-plugins/actions';
@@ -510,21 +508,11 @@ export function createEmojiPlugin(pmPluginFactoryParams, options, api) {
     },
     props: {
       nodeViews: {
-        emoji: (node, view, getPos, decorations) => {
-          return editorExperiment('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new EmojiNodeView(node, {
+        emoji: node => {
+          return new EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
             api
-          }) : getInlineNodeViewProducer({
-            pmPluginFactoryParams,
-            Component: EmojiNodeViewReact,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              options,
-              api
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/es2019/nodeviews/EmojiNodeView.js

@@ -142,9 +142,6 @@ export class EmojiNodeView {
       this.domElement.classList.remove(EmojiSharedCssClassName.EMOJI_PLACEHOLDER);
       this.domElement.removeAttribute('aria-label'); // The label is set in the renderEmoji method
       this.domElement.removeAttribute('aria-busy');
-
-      // Each vanilla JS node implementation should have this data attribute
-      this.domElement.setAttribute('data-prosemirror-node-view-type', 'vanilla');
     }
   }
   renderFallback() {

package/dist/esm/emojiPlugin.js

@@ -8,7 +8,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
@@ -19,7 +18,6 @@ import CommentIcon from '@atlaskit/icon/core/comment';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { createEmojiFragment, insertEmoji } from './editor-commands/insert-emoji';
-import { EmojiNodeView as EmojiNodeViewReact } from './nodeviews/emoji';
 import { emojiNodeSpec } from './nodeviews/emojiNodeSpec';
 import { EmojiNodeView } from './nodeviews/EmojiNodeView';
 import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setInlineEmojiPopupOpen, setProvider as setProviderAction } from './pm-plugins/actions';
@@ -543,21 +541,11 @@ export function createEmojiPlugin(pmPluginFactoryParams, options, api) {
     },
     props: {
       nodeViews: {
-        emoji: function emoji(node, view, getPos, decorations) {
-          return editorExperiment('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new EmojiNodeView(node, {
+        emoji: function emoji(node) {
+          return new EmojiNodeView(node, {
             intl: pmPluginFactoryParams.getIntl(),
             api: api
-          }) : getInlineNodeViewProducer({
-            pmPluginFactoryParams: pmPluginFactoryParams,
-            Component: EmojiNodeViewReact,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              options: options,
-              api: api
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/esm/nodeviews/EmojiNodeView.js

@@ -164,9 +164,6 @@ export var EmojiNodeView = /*#__PURE__*/function () {
         this.domElement.classList.remove(EmojiSharedCssClassName.EMOJI_PLACEHOLDER);
         this.domElement.removeAttribute('aria-label'); // The label is set in the renderEmoji method
         this.domElement.removeAttribute('aria-busy');
-
-        // Each vanilla JS node implementation should have this data attribute
-        this.domElement.setAttribute('data-prosemirror-node-view-type', 'vanilla');
       }
     }
   }, {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type EmojiPlugin } from '../emojiPluginType';
 type InlineEmojiPopupProps = Pick<UiComponentFactoryParams, 'popupsBoundariesElement' | 'popupsMountPoint' | 'popupsScrollableElement'> & {
     api: ExtractInjectionAPI<EmojiPlugin>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type EmojiPlugin } from '../emojiPluginType';
 type InlineEmojiPopupProps = Pick<UiComponentFactoryParams, 'popupsBoundariesElement' | 'popupsMountPoint' | 'popupsScrollableElement'> & {
     api: ExtractInjectionAPI<EmojiPlugin>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "3.7.9",
+	"version": "4.0.0",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -18,41 +18,40 @@
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "Editor: Collaboration",
-		"singleton": true,
-		"runReact18": true
+		"singleton": true
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^107.0.0",
-		"@atlaskit/editor-plugin-analytics": "^2.3.0",
-		"@atlaskit/editor-plugin-annotation": "^2.9.0",
-		"@atlaskit/editor-plugin-base": "^3.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
-		"@atlaskit/editor-plugin-metrics": "^3.5.0",
-		"@atlaskit/editor-plugin-type-ahead": "^2.7.0",
+		"@atlaskit/editor-plugin-analytics": "^3.0.0",
+		"@atlaskit/editor-plugin-annotation": "^3.0.0",
+		"@atlaskit/editor-plugin-base": "^4.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
+		"@atlaskit/editor-plugin-metrics": "^4.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/node-data-provider": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tmp-editor-statsig": "^8.7.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
+		"@atlaskit/editor-common": "^107.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/editor-plugin-composition": "^1.3.0",
-		"@atlaskit/editor-plugin-decorations": "^2.0.0",
+		"@atlaskit/editor-plugin-composition": "^2.0.0",
+		"@atlaskit/editor-plugin-decorations": "^3.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/util-data-test": "^18.0.0",
 		"@atlaskit/visual-regression": "workspace:^",

package/dist/cjs/nodeviews/emoji.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojiNodeView = EmojiNodeView;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _Emoji = _interopRequireDefault(require("../ui/Emoji"));
-var _NdpEmoji = require("../ui/NdpEmoji");
-var EmojiAssistiveTextComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var emojiShortName = _ref.emojiShortName;
-  var intl = (0, _reactIntlNext.useIntl)();
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    _react.default.createElement("span", {
-      style: {
-        fontSize: 0
-      }
-    }, "".concat(intl.formatMessage(_emoji.messages.emojiNodeLabel), " ").concat(emojiShortName))
-  );
-});
-var useEmojiProvider = function useEmojiProvider(pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['emoji']),
-    emojiState = _useSharedPluginState.emojiState;
-  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
-};
-function EmojiNodeView(props) {
-  var _props$options;
-  var _props$node$attrs = props.node.attrs,
-    shortName = _props$node$attrs.shortName,
-    id = _props$node$attrs.id,
-    text = _props$node$attrs.text;
-  var emojiProvider = useEmojiProvider(props.api);
-  if ((_props$options = props.options) !== null && _props$options !== void 0 && _props$options.emojiNodeDataProvider) {
-    return /*#__PURE__*/_react.default.createElement(_NdpEmoji.NdpEmoji, {
-      node: props.node,
-      emojiNodeDataProvider: props.options.emojiNodeDataProvider
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EmojiAssistiveTextComponent, {
-    emojiShortName: shortName
-  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Emoji.default, {
-    emojiProvider: emojiProvider,
-    providers: props.providerFactory,
-    id: id,
-    shortName: shortName,
-    fallback: text
-  })));
-}

package/dist/cjs/ui/Emoji/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = EmojiNode;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line
-var clickSelectWrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tuser-select: all;\n"])));
-function EmojiNode(props) {
-  return (0, _react.jsx)("span", {
-    css: clickSelectWrapperStyle
-  }, (0, _react.jsx)(_emoji.Emoji
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , props));
-}

package/dist/cjs/ui/LoadableSimpleEmoji.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadableSimpleEmojiPlaceholder = exports.LoadableSimpleEmoji = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-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 () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji'));
-    }).then(function (component) {
-      return component.SimpleEmoji;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
-var LoadableSimpleEmojiPlaceholder = exports.LoadableSimpleEmojiPlaceholder = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji'));
-    }).then(function (component) {
-      return component.SimpleEmojiPlaceholder;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});

package/dist/cjs/ui/NdpEmoji.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NdpEmoji = NdpEmoji;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-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 _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
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-function NdpEmoji(props) {
-  var emojiNode = props.node;
-  var value = (0, _pluginHooks.useNodeDataProviderGet)({
-    node: emojiNode,
-    provider: props.emojiNodeDataProvider
-  });
-  if (value.state === 'loading') {
-    return (0, _react2.jsx)(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, (0, _react2.jsx)(_LoadableSimpleEmoji.LoadableSimpleEmojiPlaceholder, {
-      shortName: emojiNode.attrs.shortName
-    }));
-  }
-  if (value.state === 'failed') {
-    return (0, _react2.jsx)(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, (0, _react2.jsx)(_react.Fragment, null, emojiNode.attrs.text || emojiNode.attrs.shortName));
-  }
-  return (0, _react2.jsx)(EmojiCommonWrapper, {
-    emojiNode: emojiNode
-  }, (0, _react2.jsx)(_LoadableSimpleEmoji.LoadableSimpleEmoji, {
-    emojiDescription: value.result
-  }));
-}
-var clickSelectWrapperStyle = (0, _react2.css)({
-  userSelect: 'all'
-});
-var EmojiAssistiveTextComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var emojiShortName = _ref.emojiShortName;
-  var intl = (0, _reactIntlNext.useIntl)();
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    (0, _react2.jsx)("span", {
-      style: {
-        fontSize: 0
-      }
-    }, "".concat(intl.formatMessage(_emoji.messages.emojiNodeLabel), " ").concat(emojiShortName))
-  );
-});
-function EmojiCommonWrapper(_ref2) {
-  var emojiNode = _ref2.emojiNode,
-    children = _ref2.children;
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(EmojiAssistiveTextComponent, {
-    emojiShortName: emojiNode.attrs.shortName
-  }), (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
-    css: clickSelectWrapperStyle
-  }, (0, _react2.jsx)("span", {
-    "data-emoji-id": emojiNode.attrs.id,
-    "data-emoji-short-name": emojiNode.attrs.shortName,
-    "data-emoji-text": emojiNode.attrs.text || emojiNode.attrs.shortName
-  }, children))));
-}

package/dist/cjs/ui/SimpleEmoji.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SimpleEmoji = SimpleEmoji;
-exports.SimpleEmojiPlaceholder = SimpleEmojiPlaceholder;
-var _react = _interopRequireDefault(require("react"));
-var _emoji = require("@atlaskit/emoji");
-function SimpleEmoji(_ref) {
-  var emojiDescription = _ref.emojiDescription;
-  return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
-    emoji: emojiDescription,
-    autoWidth: false,
-    editorEmoji: true,
-    fitToHeight: _emoji.defaultEmojiHeight
-  });
-}
-function SimpleEmojiPlaceholder(_ref2) {
-  var shortName = _ref2.shortName;
-  return /*#__PURE__*/_react.default.createElement(_emoji.EmojiPlaceholder, {
-    shortName: shortName,
-    showTooltip: false,
-    size: _emoji.defaultEmojiHeight,
-    loading: true
-  });
-}

package/dist/es2019/nodeviews/emoji.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-import { messages } from '@atlaskit/editor-common/emoji';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import Emoji from '../ui/Emoji';
-import { NdpEmoji } from '../ui/NdpEmoji';
-const EmojiAssistiveTextComponent = /*#__PURE__*/React.memo(({
-  emojiShortName
-}) => {
-  const intl = useIntl();
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    React.createElement("span", {
-      style: {
-        fontSize: 0
-      }
-    }, `${intl.formatMessage(messages.emojiNodeLabel)} ${emojiShortName}`)
-  );
-});
-const useEmojiProvider = pluginInjectionApi => {
-  const {
-    emojiState
-  } = useSharedPluginState(pluginInjectionApi, ['emoji']);
-  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
-};
-export function EmojiNodeView(props) {
-  var _props$options;
-  const {
-    shortName,
-    id,
-    text
-  } = props.node.attrs;
-  const emojiProvider = useEmojiProvider(props.api);
-  if ((_props$options = props.options) !== null && _props$options !== void 0 && _props$options.emojiNodeDataProvider) {
-    return /*#__PURE__*/React.createElement(NdpEmoji, {
-      node: props.node,
-      emojiNodeDataProvider: props.options.emojiNodeDataProvider
-    });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EmojiAssistiveTextComponent, {
-    emojiShortName: shortName
-  }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Emoji, {
-    emojiProvider: emojiProvider,
-    providers: props.providerFactory,
-    id: id,
-    shortName: shortName,
-    fallback: text
-  })));
-}

package/dist/es2019/ui/Emoji/index.js

@@ -1,20 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { Emoji } from '@atlaskit/editor-common/emoji';
-
-// eslint-disable-next-line
-const clickSelectWrapperStyle = css`
-	user-select: all;
-`;
-export default function EmojiNode(props) {
-  return jsx("span", {
-    css: clickSelectWrapperStyle
-  }, jsx(Emoji
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , props));
-}

package/dist/es2019/ui/LoadableSimpleEmoji.js

@@ -1,9 +0,0 @@
-import Loadable from 'react-loadable';
-export const LoadableSimpleEmoji = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji').then(component => component.SimpleEmoji),
-  loading: () => null
-});
-export const LoadableSimpleEmojiPlaceholder = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji').then(component => component.SimpleEmojiPlaceholder),
-  loading: () => null
-});

package/dist/es2019/ui/NdpEmoji.js

@@ -1,66 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { Fragment } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { messages } from '@atlaskit/editor-common/emoji';
-import { useNodeDataProviderGet } from '@atlaskit/node-data-provider/plugin-hooks';
-import { LoadableSimpleEmoji, LoadableSimpleEmojiPlaceholder } from './LoadableSimpleEmoji';
-export function NdpEmoji(props) {
-  const emojiNode = props.node;
-  const value = useNodeDataProviderGet({
-    node: emojiNode,
-    provider: props.emojiNodeDataProvider
-  });
-  if (value.state === 'loading') {
-    return jsx(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, jsx(LoadableSimpleEmojiPlaceholder, {
-      shortName: emojiNode.attrs.shortName
-    }));
-  }
-  if (value.state === 'failed') {
-    return jsx(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, jsx(Fragment, null, emojiNode.attrs.text || emojiNode.attrs.shortName));
-  }
-  return jsx(EmojiCommonWrapper, {
-    emojiNode: emojiNode
-  }, jsx(LoadableSimpleEmoji, {
-    emojiDescription: value.result
-  }));
-}
-const clickSelectWrapperStyle = css({
-  userSelect: 'all'
-});
-const EmojiAssistiveTextComponent = /*#__PURE__*/React.memo(({
-  emojiShortName
-}) => {
-  const intl = useIntl();
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    jsx("span", {
-      style: {
-        fontSize: 0
-      }
-    }, `${intl.formatMessage(messages.emojiNodeLabel)} ${emojiShortName}`)
-  );
-});
-function EmojiCommonWrapper({
-  emojiNode,
-  children
-}) {
-  return jsx(Fragment, null, jsx(EmojiAssistiveTextComponent, {
-    emojiShortName: emojiNode.attrs.shortName
-  }), jsx("span", null, jsx("span", {
-    css: clickSelectWrapperStyle
-  }, jsx("span", {
-    "data-emoji-id": emojiNode.attrs.id,
-    "data-emoji-short-name": emojiNode.attrs.shortName,
-    "data-emoji-text": emojiNode.attrs.text || emojiNode.attrs.shortName
-  }, children))));
-}

package/dist/es2019/ui/SimpleEmoji.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Emoji as AtlaskitEmoji, defaultEmojiHeight, EmojiPlaceholder } from '@atlaskit/emoji';
-export function SimpleEmoji({
-  emojiDescription
-}) {
-  return /*#__PURE__*/React.createElement(AtlaskitEmoji, {
-    emoji: emojiDescription,
-    autoWidth: false,
-    editorEmoji: true,
-    fitToHeight: defaultEmojiHeight
-  });
-}
-export function SimpleEmojiPlaceholder({
-  shortName
-}) {
-  return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
-    shortName: shortName,
-    showTooltip: false,
-    size: defaultEmojiHeight,
-    loading: true
-  });
-}

package/dist/esm/nodeviews/emoji.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-import { messages } from '@atlaskit/editor-common/emoji';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import Emoji from '../ui/Emoji';
-import { NdpEmoji } from '../ui/NdpEmoji';
-var EmojiAssistiveTextComponent = /*#__PURE__*/React.memo(function (_ref) {
-  var emojiShortName = _ref.emojiShortName;
-  var intl = useIntl();
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    React.createElement("span", {
-      style: {
-        fontSize: 0
-      }
-    }, "".concat(intl.formatMessage(messages.emojiNodeLabel), " ").concat(emojiShortName))
-  );
-});
-var useEmojiProvider = function useEmojiProvider(pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['emoji']),
-    emojiState = _useSharedPluginState.emojiState;
-  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
-};
-export function EmojiNodeView(props) {
-  var _props$options;
-  var _props$node$attrs = props.node.attrs,
-    shortName = _props$node$attrs.shortName,
-    id = _props$node$attrs.id,
-    text = _props$node$attrs.text;
-  var emojiProvider = useEmojiProvider(props.api);
-  if ((_props$options = props.options) !== null && _props$options !== void 0 && _props$options.emojiNodeDataProvider) {
-    return /*#__PURE__*/React.createElement(NdpEmoji, {
-      node: props.node,
-      emojiNodeDataProvider: props.options.emojiNodeDataProvider
-    });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EmojiAssistiveTextComponent, {
-    emojiShortName: shortName
-  }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Emoji, {
-    emojiProvider: emojiProvider,
-    providers: props.providerFactory,
-    id: id,
-    shortName: shortName,
-    fallback: text
-  })));
-}

package/dist/esm/ui/Emoji/index.js

@@ -1,20 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { Emoji } from '@atlaskit/editor-common/emoji';
-
-// eslint-disable-next-line
-var clickSelectWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tuser-select: all;\n"])));
-export default function EmojiNode(props) {
-  return jsx("span", {
-    css: clickSelectWrapperStyle
-  }, jsx(Emoji
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , props));
-}

package/dist/esm/ui/LoadableSimpleEmoji.js

@@ -1,21 +0,0 @@
-import Loadable from 'react-loadable';
-export var LoadableSimpleEmoji = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji').then(function (component) {
-      return component.SimpleEmoji;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
-export var LoadableSimpleEmojiPlaceholder = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_simpleEmoji" */'./SimpleEmoji').then(function (component) {
-      return component.SimpleEmojiPlaceholder;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});

package/dist/esm/ui/NdpEmoji.js

@@ -1,64 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { Fragment } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { messages } from '@atlaskit/editor-common/emoji';
-import { useNodeDataProviderGet } from '@atlaskit/node-data-provider/plugin-hooks';
-import { LoadableSimpleEmoji, LoadableSimpleEmojiPlaceholder } from './LoadableSimpleEmoji';
-export function NdpEmoji(props) {
-  var emojiNode = props.node;
-  var value = useNodeDataProviderGet({
-    node: emojiNode,
-    provider: props.emojiNodeDataProvider
-  });
-  if (value.state === 'loading') {
-    return jsx(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, jsx(LoadableSimpleEmojiPlaceholder, {
-      shortName: emojiNode.attrs.shortName
-    }));
-  }
-  if (value.state === 'failed') {
-    return jsx(EmojiCommonWrapper, {
-      emojiNode: emojiNode
-    }, jsx(Fragment, null, emojiNode.attrs.text || emojiNode.attrs.shortName));
-  }
-  return jsx(EmojiCommonWrapper, {
-    emojiNode: emojiNode
-  }, jsx(LoadableSimpleEmoji, {
-    emojiDescription: value.result
-  }));
-}
-var clickSelectWrapperStyle = css({
-  userSelect: 'all'
-});
-var EmojiAssistiveTextComponent = /*#__PURE__*/React.memo(function (_ref) {
-  var emojiShortName = _ref.emojiShortName;
-  var intl = useIntl();
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    jsx("span", {
-      style: {
-        fontSize: 0
-      }
-    }, "".concat(intl.formatMessage(messages.emojiNodeLabel), " ").concat(emojiShortName))
-  );
-});
-function EmojiCommonWrapper(_ref2) {
-  var emojiNode = _ref2.emojiNode,
-    children = _ref2.children;
-  return jsx(Fragment, null, jsx(EmojiAssistiveTextComponent, {
-    emojiShortName: emojiNode.attrs.shortName
-  }), jsx("span", null, jsx("span", {
-    css: clickSelectWrapperStyle
-  }, jsx("span", {
-    "data-emoji-id": emojiNode.attrs.id,
-    "data-emoji-short-name": emojiNode.attrs.shortName,
-    "data-emoji-text": emojiNode.attrs.text || emojiNode.attrs.shortName
-  }, children))));
-}

package/dist/esm/ui/SimpleEmoji.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Emoji as AtlaskitEmoji, defaultEmojiHeight, EmojiPlaceholder } from '@atlaskit/emoji';
-export function SimpleEmoji(_ref) {
-  var emojiDescription = _ref.emojiDescription;
-  return /*#__PURE__*/React.createElement(AtlaskitEmoji, {
-    emoji: emojiDescription,
-    autoWidth: false,
-    editorEmoji: true,
-    fitToHeight: defaultEmojiHeight
-  });
-}
-export function SimpleEmojiPlaceholder(_ref2) {
-  var shortName = _ref2.shortName;
-  return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
-    shortName: shortName,
-    showTooltip: false,
-    size: defaultEmojiHeight,
-    loading: true
-  });
-}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type EmojiPlugin, type EmojiPluginOptions } from '../emojiPluginType';
-export type Props = InlineNodeViewComponentProps & {
-    providerFactory: ProviderFactory;
-    options?: EmojiPluginOptions;
-    api?: ExtractInjectionAPI<EmojiPlugin>;
-};
-export declare function EmojiNodeView(props: Props): React.JSX.Element;

package/dist/types/ui/Emoji/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import { type EmojiProps } from '@atlaskit/editor-common/emoji';
-export default function EmojiNode(props: EmojiProps): jsx.JSX.Element;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import Loadable from 'react-loadable';
-import { type SimpleEmojiPlaceholderProps, type SimpleEmojiProps } from './SimpleEmoji';
-export declare const LoadableSimpleEmoji: import("react").ComponentType<import("react").PropsWithChildren<SimpleEmojiProps>> & Loadable.LoadableComponent;
-export declare const LoadableSimpleEmojiPlaceholder: import("react").ComponentType<import("react").PropsWithChildren<SimpleEmojiPlaceholderProps>> & Loadable.LoadableComponent;

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

@@ -1,7 +0,0 @@
-import { jsx } from '@emotion/react';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type EmojiNodeDataProvider } from '@atlaskit/node-data-provider/emoji-provider';
-export declare function NdpEmoji(props: {
-    node: PMNode;
-    emojiNodeDataProvider: EmojiNodeDataProvider;
-}): jsx.JSX.Element;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type EmojiDescription } from '@atlaskit/emoji';
-export type SimpleEmojiProps = {
-    emojiDescription: EmojiDescription;
-};
-export declare function SimpleEmoji({ emojiDescription }: {
-    emojiDescription: EmojiDescription;
-}): React.JSX.Element;
-export type SimpleEmojiPlaceholderProps = {
-    shortName: string;
-};
-export declare function SimpleEmojiPlaceholder({ shortName }: {
-    shortName: string;
-}): React.JSX.Element;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type EmojiPlugin, type EmojiPluginOptions } from '../emojiPluginType';
-export type Props = InlineNodeViewComponentProps & {
-    providerFactory: ProviderFactory;
-    options?: EmojiPluginOptions;
-    api?: ExtractInjectionAPI<EmojiPlugin>;
-};
-export declare function EmojiNodeView(props: Props): React.JSX.Element;

package/dist/types-ts4.5/ui/Emoji/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import { type EmojiProps } from '@atlaskit/editor-common/emoji';
-export default function EmojiNode(props: EmojiProps): jsx.JSX.Element;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import Loadable from 'react-loadable';
-import { type SimpleEmojiPlaceholderProps, type SimpleEmojiProps } from './SimpleEmoji';
-export declare const LoadableSimpleEmoji: import("react").ComponentType<import("react").PropsWithChildren<SimpleEmojiProps>> & Loadable.LoadableComponent;
-export declare const LoadableSimpleEmojiPlaceholder: import("react").ComponentType<import("react").PropsWithChildren<SimpleEmojiPlaceholderProps>> & Loadable.LoadableComponent;

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

@@ -1,7 +0,0 @@
-import { jsx } from '@emotion/react';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type EmojiNodeDataProvider } from '@atlaskit/node-data-provider/emoji-provider';
-export declare function NdpEmoji(props: {
-    node: PMNode;
-    emojiNodeDataProvider: EmojiNodeDataProvider;
-}): jsx.JSX.Element;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type EmojiDescription } from '@atlaskit/emoji';
-export type SimpleEmojiProps = {
-    emojiDescription: EmojiDescription;
-};
-export declare function SimpleEmoji({ emojiDescription }: {
-    emojiDescription: EmojiDescription;
-}): React.JSX.Element;
-export type SimpleEmojiPlaceholderProps = {
-    shortName: string;
-};
-export declare function SimpleEmojiPlaceholder({ shortName }: {
-    shortName: string;
-}): React.JSX.Element;