@atlaskit/editor-core 196.1.0 → 197.0.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-core
 
+## 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/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.0.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/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "196.1.0";
+export const version = "197.0.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/version-wrapper.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "196.1.0",
+	"version": "197.0.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>>;