@atlaskit/editor-core 196.1.0 → 197.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 197.1.0
+
+### Minor Changes
+
+- [#135270](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135270)
+  [`4a75557335357`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4a75557335357) -
+  [ux] [ED-23237] feat(node data provider): wire up to emoji provider
+
+## 197.0.0
+
+### Major Changes
+
+- [#135235](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135235)
+  [`f67578e7140b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f67578e7140b5) -
+  removed MobileAppearance from editor-core, removed editor-mobile-bridge testing step from a
+  pipeline
+
 ## 196.1.0
 
 ### Minor Changes

package/dist/cjs/create-editor/get-ui-component.js

@@ -8,7 +8,6 @@ exports.default = getUiComponent;
 var _Chromeless = _interopRequireDefault(require("../ui/Appearance/Chromeless"));
 var _Comment = _interopRequireDefault(require("../ui/Appearance/Comment"));
 var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
-var _Mobile = _interopRequireDefault(require("../ui/Appearance/Mobile"));
 function getUiComponent(appearance) {
   appearance = appearance || 'comment';
   switch (appearance) {
@@ -19,8 +18,6 @@ function getUiComponent(appearance) {
       return _Chromeless.default;
     case 'comment':
       return _Comment.default;
-    case 'mobile':
-      return _Mobile.default;
     default:
       throw new Error("Appearance '".concat(appearance, "' is not supported by the editor."));
   }

package/dist/cjs/create-editor/preset-utils.js

@@ -19,8 +19,7 @@ function shouldRecreatePreset(props, nextProps) {
   return shouldReconfigureState(props, nextProps);
 }
 function shouldReconfigureState(props, nextProps) {
-  var mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
-  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
+  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'];
   return properties.reduce(function (acc, curr) {
     return acc || props[curr] !== nextProps[curr];
   }, false);

package/dist/cjs/presets/universal.js

@@ -63,6 +63,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
+ *
+ * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
  */
 
 /**
@@ -77,7 +79,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @returns a full featured preset configured according to the provided props - basis for create-plugins-list
  */
 function createUniversalPresetInternal(_ref) {
-  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
+  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _initialPluginConfigu, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
   var appearance = _ref.appearance,
     props = _ref.props,
     featureFlags = _ref.featureFlags,
@@ -139,7 +141,9 @@ function createUniversalPresetInternal(_ref) {
     allowZeroWidthSpaceAfter: !isMobile,
     HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
     profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
-  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd(_emoji.emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, _objectSpread({
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
+    emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
+  }], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, _objectSpread({
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
     dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_editor_table_support_in_comment')),
     isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && (isFullPage || isComment && (0, _platformFeatureFlags.fg)('platform_editor_table_support_in_comment')),

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "196.1.0";
+var version = exports.version = "197.1.0";

package/dist/es2019/create-editor/get-ui-component.js

@@ -1,7 +1,6 @@
 import Chromeless from '../ui/Appearance/Chromeless';
 import Comment from '../ui/Appearance/Comment';
 import FullPage from '../ui/Appearance/FullPage';
-import Mobile from '../ui/Appearance/Mobile';
 export default function getUiComponent(appearance) {
   appearance = appearance || 'comment';
   switch (appearance) {
@@ -12,8 +11,6 @@ export default function getUiComponent(appearance) {
       return Chromeless;
     case 'comment':
       return Comment;
-    case 'mobile':
-      return Mobile;
     default:
       throw new Error(`Appearance '${appearance}' is not supported by the editor.`);
   }

package/dist/es2019/create-editor/preset-utils.js

@@ -9,7 +9,6 @@ export function shouldRecreatePreset(props, nextProps) {
   return shouldReconfigureState(props, nextProps);
 }
 function shouldReconfigureState(props, nextProps) {
-  const mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
-  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent', ...mobileProperties];
+  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'];
   return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
 }

package/dist/es2019/presets/universal.js

@@ -52,6 +52,8 @@ import { createDefaultPreset } from './default';
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
+ *
+ * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
  */
 
 /**
@@ -73,7 +75,7 @@ export default function createUniversalPresetInternal({
   prevAppearance,
   createAnalyticsEvent
 }) {
-  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
+  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _initialPluginConfigu, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
   const isMobile = appearance === 'mobile';
   const isComment = appearance === 'comment';
   const isChromeless = appearance === 'chromeless';
@@ -131,7 +133,9 @@ export default function createUniversalPresetInternal({
     HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
     profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
     ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)
-  }], Boolean(props.mentionProvider)).maybeAdd(emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
+  }], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
+    emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
+  }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
     dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && fg('platform_editor_table_support_in_comment')),
     isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && (isFullPage || isComment && fg('platform_editor_table_support_in_comment')),

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "196.1.0";
+export const version = "197.1.0";

package/dist/esm/create-editor/get-ui-component.js

@@ -1,7 +1,6 @@
 import Chromeless from '../ui/Appearance/Chromeless';
 import Comment from '../ui/Appearance/Comment';
 import FullPage from '../ui/Appearance/FullPage';
-import Mobile from '../ui/Appearance/Mobile';
 export default function getUiComponent(appearance) {
   appearance = appearance || 'comment';
   switch (appearance) {
@@ -12,8 +11,6 @@ export default function getUiComponent(appearance) {
       return Chromeless;
     case 'comment':
       return Comment;
-    case 'mobile':
-      return Mobile;
     default:
       throw new Error("Appearance '".concat(appearance, "' is not supported by the editor."));
   }

package/dist/esm/create-editor/preset-utils.js

@@ -13,8 +13,7 @@ export function shouldRecreatePreset(props, nextProps) {
   return shouldReconfigureState(props, nextProps);
 }
 function shouldReconfigureState(props, nextProps) {
-  var mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
-  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
+  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'];
   return properties.reduce(function (acc, curr) {
     return acc || props[curr] !== nextProps[curr];
   }, false);

package/dist/esm/presets/universal.js

@@ -56,6 +56,8 @@ import { createDefaultPreset } from './default';
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
+ *
+ * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
  */
 
 /**
@@ -70,7 +72,7 @@ import { createDefaultPreset } from './default';
  * @returns a full featured preset configured according to the provided props - basis for create-plugins-list
  */
 export default function createUniversalPresetInternal(_ref) {
-  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
+  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$mention3, _initialPluginConfigu, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
   var appearance = _ref.appearance,
     props = _ref.props,
     featureFlags = _ref.featureFlags,
@@ -132,7 +134,9 @@ export default function createUniversalPresetInternal(_ref) {
     allowZeroWidthSpaceAfter: !isMobile,
     HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
     profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
-  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd(emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, _objectSpread({
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
+    emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
+  }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, _objectSpread({
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
     dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && fg('platform_editor_table_support_in_comment')),
     isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && (isFullPage || isComment && fg('platform_editor_table_support_in_comment')),

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "196.1.0";
+export var version = "197.1.0";

package/dist/types/presets/universal.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import { type EmojiPluginOptions } from '@atlaskit/editor-plugins/emoji';
 import type { EditorProps } from '../types';
 import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
 import type { FeatureFlags } from '../types/feature-flags';
@@ -9,6 +10,8 @@ type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPl
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
+ *
+ * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
  */
 export type InitialPluginConfiguration = {
     mentionsPlugin?: {
@@ -21,6 +24,9 @@ export type InitialPluginConfiguration = {
     tablesPlugin?: {
         tableResizingEnabled?: boolean;
     };
+    emoji?: {
+        emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
+    };
 };
 /**
  * Creates a preset with all of the available plugins.
@@ -784,6 +790,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 }, FeatureFlags>>];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -1049,6 +1061,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }, FeatureFlags>>];
             sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
             actions: {
+                /**
+                 * Mechanism to configuring plugins as the universal preset blocks direct access
+                 * to configuring plugins.
+                 *
+                 * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                 */
                 isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                 isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                 insert: (props: {
@@ -1422,6 +1440,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -2045,6 +2069,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }, FeatureFlags>>];
             sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
             actions: {
+                /**
+                 * Mechanism to configuring plugins as the universal preset blocks direct access
+                 * to configuring plugins.
+                 *
+                 * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                 */
                 isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                 isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                 insert: (props: {
@@ -2124,6 +2154,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -2253,7 +2289,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         sharedState: FeatureFlags;
     }, FeatureFlags>>];
 }, import("@atlaskit/editor-plugins/table").TablePluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
-    pluginConfiguration: import("@atlaskit/editor-plugins/emoji").EmojiPluginOptions | undefined;
+    pluginConfiguration: EmojiPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
@@ -2286,6 +2322,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -2319,7 +2361,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     actions: {
         openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
     };
-}, import("@atlaskit/editor-plugins/emoji").EmojiPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"mention", {
+}, EmojiPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"mention", {
     pluginConfiguration: import("@atlaskit/editor-plugins/mentions").MentionPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -2353,6 +2395,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -3198,6 +3246,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }, FeatureFlags>>];
             sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
             actions: {
+                /**
+                 * Mechanism to configuring plugins as the universal preset blocks direct access
+                 * to configuring plugins.
+                 *
+                 * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                 */
                 isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                 isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                 insert: (props: {
@@ -3898,6 +3952,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -3946,6 +4006,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -4321,6 +4387,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }, FeatureFlags>>];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -4387,6 +4459,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, FeatureFlags>>];
     sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
     actions: {
+        /**
+         * Mechanism to configuring plugins as the universal preset blocks direct access
+         * to configuring plugins.
+         *
+         * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+         */
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
         isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
         insert: (props: {
@@ -5167,6 +5245,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }, FeatureFlags>>];
             sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
             actions: {
+                /**
+                 * Mechanism to configuring plugins as the universal preset blocks direct access
+                 * to configuring plugins.
+                 *
+                 * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                 */
                 isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                 isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                 insert: (props: {

package/dist/types-ts4.5/presets/universal.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import { type EmojiPluginOptions } from '@atlaskit/editor-plugins/emoji';
 import type { EditorProps } from '../types';
 import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
 import type { FeatureFlags } from '../types/feature-flags';
@@ -9,6 +10,8 @@ type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPl
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
+ *
+ * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
  */
 export type InitialPluginConfiguration = {
     mentionsPlugin?: {
@@ -21,6 +24,9 @@ export type InitialPluginConfiguration = {
     tablesPlugin?: {
         tableResizingEnabled?: boolean;
     };
+    emoji?: {
+        emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
+    };
 };
 /**
  * Creates a preset with all of the available plugins.
@@ -1033,6 +1039,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                                 ];
                                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                                 actions: {
+                                    /**
+                                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                                     * to configuring plugins.
+                                     *
+                                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                                     */
                                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                                     insert: (props: {
@@ -1349,6 +1361,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                         ];
                         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                         actions: {
+                            /**
+                             * Mechanism to configuring plugins as the universal preset blocks direct access
+                             * to configuring plugins.
+                             *
+                             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                             */
                             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                             insert: (props: {
@@ -1807,6 +1825,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -2564,6 +2588,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                         ];
                         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                         actions: {
+                            /**
+                             * Mechanism to configuring plugins as the universal preset blocks direct access
+                             * to configuring plugins.
+                             *
+                             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                             */
                             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                             insert: (props: {
@@ -2657,6 +2687,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -2813,7 +2849,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         ];
     }, import("@atlaskit/editor-plugins/table").TablePluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
-        pluginConfiguration: import("@atlaskit/editor-plugins/emoji").EmojiPluginOptions | undefined;
+        pluginConfiguration: EmojiPluginOptions | undefined;
         dependencies: [
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -2855,6 +2891,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -2889,7 +2931,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         actions: {
             openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
         };
-    }, import("@atlaskit/editor-plugins/emoji").EmojiPluginOptions | undefined> | undefined,
+    }, EmojiPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"mention", {
         pluginConfiguration: import("@atlaskit/editor-plugins/mentions").MentionPluginOptions | undefined;
         dependencies: [
@@ -2933,6 +2975,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -3969,6 +4017,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                         ];
                         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                         actions: {
+                            /**
+                             * Mechanism to configuring plugins as the universal preset blocks direct access
+                             * to configuring plugins.
+                             *
+                             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                             */
                             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                             insert: (props: {
@@ -4837,6 +4891,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -4893,6 +4953,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -5349,6 +5415,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 ];
                 sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                 actions: {
+                    /**
+                     * Mechanism to configuring plugins as the universal preset blocks direct access
+                     * to configuring plugins.
+                     *
+                     * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                     */
                     isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                     isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                     insert: (props: {
@@ -5426,6 +5498,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         ];
         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
         actions: {
+            /**
+             * Mechanism to configuring plugins as the universal preset blocks direct access
+             * to configuring plugins.
+             *
+             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+             */
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
             insert: (props: {
@@ -6382,6 +6460,12 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                         ];
                         sharedState: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginSharedState;
                         actions: {
+                            /**
+                             * Mechanism to configuring plugins as the universal preset blocks direct access
+                             * to configuring plugins.
+                             *
+                             * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
+                             */
                             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
                             isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
                             insert: (props: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "196.1.0",
+	"version": "197.1.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/editor-common": "^88.4.0",
-		"@atlaskit/editor-plugins": "^4.2.0",
+		"@atlaskit/editor-plugins": "^4.3.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.7.0",
@@ -80,7 +80,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@af/editor-examples-helpers": "0.3.4",
+		"@af/editor-examples-helpers": "0.3.5",
 		"@af/editor-libra": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/adf-utils": "^19.8.0",

package/dist/cjs/ui/Appearance/Mobile.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Mobile;
-var _react = _interopRequireDefault(require("react"));
-var _Mobile = require("../AppearanceComponents/Mobile");
-var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
-function Mobile(_ref) {
-  var _innerRef$current;
-  var editorView = _ref.editorView,
-    maxHeight = _ref.maxHeight,
-    persistScrollGutter = _ref.persistScrollGutter,
-    editorDOMElement = _ref.editorDOMElement,
-    disabled = _ref.disabled,
-    contentComponents = _ref.contentComponents,
-    editorActions = _ref.editorActions,
-    eventDispatcher = _ref.eventDispatcher,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    providerFactory = _ref.providerFactory,
-    appearance = _ref.appearance,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    innerRef = _ref.innerRef,
-    pluginHooks = _ref.pluginHooks,
-    featureFlags = _ref.featureFlags;
-  return /*#__PURE__*/_react.default.createElement(_Mobile.MobileAppearance, {
-    ref: innerRef,
-    editorView: editorView || null,
-    maxHeight: maxHeight,
-    persistScrollGutter: persistScrollGutter,
-    editorDisabled: disabled,
-    featureFlags: featureFlags
-  }, editorDOMElement, /*#__PURE__*/_react.default.createElement(_PluginSlot.default, {
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: (_innerRef$current = innerRef === null || innerRef === void 0 ? void 0 : innerRef.current) !== null && _innerRef$current !== void 0 ? _innerRef$current : null,
-    disabled: !!disabled,
-    wrapperElement: null,
-    pluginHooks: pluginHooks
-  }));
-}

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileAppearance = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _context = require("../../presets/context");
-var _Addon = require("../Addon");
-var _ContentStyles = require("../ContentStyles");
-var _WithFlash = _interopRequireDefault(require("../WithFlash"));
-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 && Object.prototype.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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// Only mobile bridge is using this appearance. We have some plans to decouple the appearances from editor-core. So it doesn't make sense to move this plugin to a separated package for now.
-// Copied packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/index.ts
-
-// Copied from packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/types.ts
-
-var mobileEditor = (0, _react2.css)({
-  minHeight: '30px',
-  width: '100%',
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0
-  }
-});
-var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
-ContentArea.displayName = 'ContentArea';
-var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppearance(_ref, ref) {
-  var _api$base2;
-  var editorView = _ref.editorView,
-    persistScrollGutter = _ref.persistScrollGutter,
-    children = _ref.children,
-    editorDisabled = _ref.editorDisabled,
-    featureFlags = _ref.featureFlags;
-  var api = (0, _context.usePresetContext)();
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['maxContentSize', 'mobileDimensions']),
-    maxContentSizeState = _useSharedPluginState.maxContentSizeState,
-    mobileDimensionsState = _useSharedPluginState.mobileDimensionsState;
-  var render = (0, _react.useCallback)(function (_ref2) {
-    var maxContentSize = _ref2.maxContentSize,
-      mobileDimensions = _ref2.mobileDimensions;
-    var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-    var minHeight = 100;
-    var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
-    if (mobileDimensions) {
-      var _api$base, _basePluginState$keyb;
-      var windowHeight = mobileDimensions.windowHeight,
-        mobilePaddingTop = mobileDimensions.mobilePaddingTop,
-        isExpanded = mobileDimensions.isExpanded;
-      var basePluginState = api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
-      var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
-
-      /*
-           We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
-           This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
-           but if the clickable area is bigger than the windowHeight - keyboard (including toolbar) then the view
-           is scrolled nevertheless, and it gives the sensation that the content was lost.
-         */
-
-      if (!persistScrollGutter) {
-        // in iOS Hybrid Editor windowHeight doesn't exclude keyboardHeight
-        // in Android keyboardHeight is always set to -1;
-        minHeight = windowHeight - keyboardHeight - 2 * mobilePaddingTop;
-      } else {
-        // in iOS Compact Editor windowHeight excludes keyboardHeight
-        minHeight = windowHeight - mobilePaddingTop;
-        // isExpanded can be true of false for Compact editor
-        currentIsExpanded = isExpanded;
-      }
-    }
-    return (0, _react2.jsx)(_WithFlash.default, {
-      animate: maxContentSizeReached
-    }, (0, _react2.jsx)("div", {
-      css: mobileEditor,
-      ref: ref
-    }, (0, _react2.jsx)(_Addon.ClickAreaMobile, {
-      editorView: editorView || undefined,
-      minHeight: minHeight,
-      persistScrollGutter: persistScrollGutter,
-      isExpanded: currentIsExpanded,
-      editorDisabled: editorDisabled
-    }, (0, _react2.jsx)(ContentArea, {
-      featureFlags: featureFlags
-    }, (0, _react2.jsx)("div", {
-      className: "ak-editor-content-area"
-    }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return render({
-    maxContentSize: maxContentSizeState,
-    mobileDimensions: mobileDimensionsState
-  });
-});

package/dist/es2019/ui/Appearance/Mobile.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { MobileAppearance } from '../AppearanceComponents/Mobile';
-import PluginSlot from '../PluginSlot';
-export default function Mobile({
-  editorView,
-  maxHeight,
-  persistScrollGutter,
-  editorDOMElement,
-  disabled,
-  contentComponents,
-  editorActions,
-  eventDispatcher,
-  dispatchAnalyticsEvent,
-  providerFactory,
-  appearance,
-  popupsMountPoint,
-  popupsBoundariesElement,
-  popupsScrollableElement,
-  innerRef,
-  pluginHooks,
-  featureFlags
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-}) {
-  var _innerRef$current;
-  return /*#__PURE__*/React.createElement(MobileAppearance, {
-    ref: innerRef,
-    editorView: editorView || null,
-    maxHeight: maxHeight,
-    persistScrollGutter: persistScrollGutter,
-    editorDisabled: disabled,
-    featureFlags: featureFlags
-  }, editorDOMElement, /*#__PURE__*/React.createElement(PluginSlot, {
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: (_innerRef$current = innerRef === null || innerRef === void 0 ? void 0 : innerRef.current) !== null && _innerRef$current !== void 0 ? _innerRef$current : null,
-    disabled: !!disabled,
-    wrapperElement: null,
-    pluginHooks: pluginHooks
-  }));
-}

package/dist/es2019/ui/AppearanceComponents/Mobile.js

@@ -1,105 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { forwardRef, useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { usePresetContext } from '../../presets/context';
-import { ClickAreaMobile as ClickArea } from '../Addon';
-import { createEditorContentStyle } from '../ContentStyles';
-import WithFlash from '../WithFlash';
-
-// Only mobile bridge is using this appearance. We have some plans to decouple the appearances from editor-core. So it doesn't make sense to move this plugin to a separated package for now.
-// Copied packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/index.ts
-
-// Copied from packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/types.ts
-
-const mobileEditor = css({
-  minHeight: '30px',
-  width: '100%',
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0
-  }
-});
-const ContentArea = createEditorContentStyle();
-ContentArea.displayName = 'ContentArea';
-export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance({
-  editorView,
-  persistScrollGutter,
-  children,
-  editorDisabled,
-  featureFlags
-}, ref) {
-  var _api$base2;
-  const api = usePresetContext();
-  const {
-    maxContentSizeState,
-    mobileDimensionsState
-  } = useSharedPluginState(api, ['maxContentSize', 'mobileDimensions']);
-  const render = useCallback(({
-    maxContentSize,
-    mobileDimensions
-  }) => {
-    const maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-    let minHeight = 100;
-    let currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
-    if (mobileDimensions) {
-      var _api$base, _basePluginState$keyb;
-      const {
-        windowHeight,
-        mobilePaddingTop,
-        isExpanded
-      } = mobileDimensions;
-      const basePluginState = api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
-      const keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
-
-      /*
-           We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
-           This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
-           but if the clickable area is bigger than the windowHeight - keyboard (including toolbar) then the view
-           is scrolled nevertheless, and it gives the sensation that the content was lost.
-         */
-
-      if (!persistScrollGutter) {
-        // in iOS Hybrid Editor windowHeight doesn't exclude keyboardHeight
-        // in Android keyboardHeight is always set to -1;
-        minHeight = windowHeight - keyboardHeight - 2 * mobilePaddingTop;
-      } else {
-        // in iOS Compact Editor windowHeight excludes keyboardHeight
-        minHeight = windowHeight - mobilePaddingTop;
-        // isExpanded can be true of false for Compact editor
-        currentIsExpanded = isExpanded;
-      }
-    }
-    return jsx(WithFlash, {
-      animate: maxContentSizeReached
-    }, jsx("div", {
-      css: mobileEditor,
-      ref: ref
-    }, jsx(ClickArea, {
-      editorView: editorView || undefined,
-      minHeight: minHeight,
-      persistScrollGutter: persistScrollGutter,
-      isExpanded: currentIsExpanded,
-      editorDisabled: editorDisabled
-    }, jsx(ContentArea, {
-      featureFlags: featureFlags
-    }, jsx("div", {
-      className: "ak-editor-content-area"
-    }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return render({
-    maxContentSize: maxContentSizeState,
-    mobileDimensions: mobileDimensionsState
-  });
-});

package/dist/esm/ui/Appearance/Mobile.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { MobileAppearance } from '../AppearanceComponents/Mobile';
-import PluginSlot from '../PluginSlot';
-export default function Mobile(_ref) {
-  var _innerRef$current;
-  var editorView = _ref.editorView,
-    maxHeight = _ref.maxHeight,
-    persistScrollGutter = _ref.persistScrollGutter,
-    editorDOMElement = _ref.editorDOMElement,
-    disabled = _ref.disabled,
-    contentComponents = _ref.contentComponents,
-    editorActions = _ref.editorActions,
-    eventDispatcher = _ref.eventDispatcher,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    providerFactory = _ref.providerFactory,
-    appearance = _ref.appearance,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    innerRef = _ref.innerRef,
-    pluginHooks = _ref.pluginHooks,
-    featureFlags = _ref.featureFlags;
-  return /*#__PURE__*/React.createElement(MobileAppearance, {
-    ref: innerRef,
-    editorView: editorView || null,
-    maxHeight: maxHeight,
-    persistScrollGutter: persistScrollGutter,
-    editorDisabled: disabled,
-    featureFlags: featureFlags
-  }, editorDOMElement, /*#__PURE__*/React.createElement(PluginSlot, {
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: (_innerRef$current = innerRef === null || innerRef === void 0 ? void 0 : innerRef.current) !== null && _innerRef$current !== void 0 ? _innerRef$current : null,
-    disabled: !!disabled,
-    wrapperElement: null,
-    pluginHooks: pluginHooks
-  }));
-}

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -1,100 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { forwardRef, useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { usePresetContext } from '../../presets/context';
-import { ClickAreaMobile as ClickArea } from '../Addon';
-import { createEditorContentStyle } from '../ContentStyles';
-import WithFlash from '../WithFlash';
-
-// Only mobile bridge is using this appearance. We have some plans to decouple the appearances from editor-core. So it doesn't make sense to move this plugin to a separated package for now.
-// Copied packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/index.ts
-
-// Copied from packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/types.ts
-
-var mobileEditor = css({
-  minHeight: '30px',
-  width: '100%',
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0
-  }
-});
-var ContentArea = createEditorContentStyle();
-ContentArea.displayName = 'ContentArea';
-export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(_ref, ref) {
-  var _api$base2;
-  var editorView = _ref.editorView,
-    persistScrollGutter = _ref.persistScrollGutter,
-    children = _ref.children,
-    editorDisabled = _ref.editorDisabled,
-    featureFlags = _ref.featureFlags;
-  var api = usePresetContext();
-  var _useSharedPluginState = useSharedPluginState(api, ['maxContentSize', 'mobileDimensions']),
-    maxContentSizeState = _useSharedPluginState.maxContentSizeState,
-    mobileDimensionsState = _useSharedPluginState.mobileDimensionsState;
-  var render = useCallback(function (_ref2) {
-    var maxContentSize = _ref2.maxContentSize,
-      mobileDimensions = _ref2.mobileDimensions;
-    var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-    var minHeight = 100;
-    var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
-    if (mobileDimensions) {
-      var _api$base, _basePluginState$keyb;
-      var windowHeight = mobileDimensions.windowHeight,
-        mobilePaddingTop = mobileDimensions.mobilePaddingTop,
-        isExpanded = mobileDimensions.isExpanded;
-      var basePluginState = api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
-      var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
-
-      /*
-           We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
-           This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
-           but if the clickable area is bigger than the windowHeight - keyboard (including toolbar) then the view
-           is scrolled nevertheless, and it gives the sensation that the content was lost.
-         */
-
-      if (!persistScrollGutter) {
-        // in iOS Hybrid Editor windowHeight doesn't exclude keyboardHeight
-        // in Android keyboardHeight is always set to -1;
-        minHeight = windowHeight - keyboardHeight - 2 * mobilePaddingTop;
-      } else {
-        // in iOS Compact Editor windowHeight excludes keyboardHeight
-        minHeight = windowHeight - mobilePaddingTop;
-        // isExpanded can be true of false for Compact editor
-        currentIsExpanded = isExpanded;
-      }
-    }
-    return jsx(WithFlash, {
-      animate: maxContentSizeReached
-    }, jsx("div", {
-      css: mobileEditor,
-      ref: ref
-    }, jsx(ClickArea, {
-      editorView: editorView || undefined,
-      minHeight: minHeight,
-      persistScrollGutter: persistScrollGutter,
-      isExpanded: currentIsExpanded,
-      editorDisabled: editorDisabled
-    }, jsx(ContentArea, {
-      featureFlags: featureFlags
-    }, jsx("div", {
-      className: "ak-editor-content-area"
-    }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return render({
-    maxContentSize: maxContentSizeState,
-    mobileDimensions: mobileDimensionsState
-  });
-});

package/dist/types/ui/Appearance/Mobile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { EditorAppearanceComponentProps } from '../../types';
-export default function Mobile({ editorView, maxHeight, persistScrollGutter, editorDOMElement, disabled, contentComponents, editorActions, eventDispatcher, dispatchAnalyticsEvent, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, innerRef, pluginHooks, featureFlags, }: EditorAppearanceComponentProps<any>): JSX.Element;

package/dist/types/ui/AppearanceComponents/Mobile.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { FeatureFlags } from '../../types/feature-flags';
-export declare const MobileAppearance: React.ForwardRefExoticComponent<{
-    editorView: EditorView | null;
-    maxHeight?: number | undefined;
-    persistScrollGutter?: boolean | undefined;
-    editorDisabled?: boolean | undefined;
-    children?: React.ReactNode;
-    featureFlags?: FeatureFlags | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/Appearance/Mobile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { EditorAppearanceComponentProps } from '../../types';
-export default function Mobile({ editorView, maxHeight, persistScrollGutter, editorDOMElement, disabled, contentComponents, editorActions, eventDispatcher, dispatchAnalyticsEvent, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, innerRef, pluginHooks, featureFlags, }: EditorAppearanceComponentProps<any>): JSX.Element;

package/dist/types-ts4.5/ui/AppearanceComponents/Mobile.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { FeatureFlags } from '../../types/feature-flags';
-export declare const MobileAppearance: React.ForwardRefExoticComponent<{
-    editorView: EditorView | null;
-    maxHeight?: number | undefined;
-    persistScrollGutter?: boolean | undefined;
-    editorDisabled?: boolean | undefined;
-    children?: React.ReactNode;
-    featureFlags?: FeatureFlags | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;