@atlaskit/editor-core 196.0.0 → 197.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @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
+
+- [`c4d2eb3f9f965`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c4d2eb3f9f965) -
+  [ux] Fix issue with card provider not updating asynchronously
+
+### Patch Changes
+
+- [`84c0869e8c5c6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/84c0869e8c5c6) -
+  remove unused cardview refactor FF and components
+- Updated dependencies
+
 ## 196.0.0
 
 ### Major Changes

package/dist/cjs/composable-editor/editor-internal.js

@@ -147,7 +147,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
   }), (0, _react2.jsx)(PortalRenderer, null))))))));
 });
 function ReactEditorViewContextWrapper(props) {
-  var _props$editorProps$me;
+  var _props$editorProps$me, _props$editorProps$li;
   var setInternalEditorAPI = (0, _context.useSetPresetContext)();
   var setExternalEditorAPI = props.setEditorApi;
 
@@ -165,9 +165,14 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
+
+  // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
+  var UNSAFE_cards = props.editorProps.UNSAFE_cards;
+  var smartLinks = props.editorProps.smartLinks;
   (0, _useProviders.useProviders)({
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
-    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider
+    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
+    cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider
   });
   return (0, _react2.jsx)(_ReactEditorView.default, (0, _extends2.default)({}, props, {
     setEditorApi: setEditorAPI

package/dist/cjs/composable-editor/hooks/useProviders.js

@@ -19,7 +19,8 @@ var _context2 = require("../../presets/context");
  */
 var useProviders = exports.useProviders = function useProviders(_ref) {
   var contextIdentifierProvider = _ref.contextIdentifierProvider,
-    mediaProvider = _ref.mediaProvider;
+    mediaProvider = _ref.mediaProvider,
+    cardProvider = _ref.cardProvider;
   var editorApi = (0, _context2.usePresetContext)();
   (0, _react.useEffect)(function () {
     function setProvider() {
@@ -61,4 +62,10 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
       editorApi === null || editorApi === void 0 || (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 || _editorApi$media.actions.setProvider(mediaProvider);
     }
   }, [mediaProvider, editorApi]);
+  (0, _react.useEffect)(function () {
+    if (cardProvider) {
+      var _editorApi$card;
+      editorApi === null || editorApi === void 0 || (_editorApi$card = editorApi.card) === null || _editorApi$card === void 0 || _editorApi$card.actions.setProvider(cardProvider);
+    }
+  }, [cardProvider, editorApi]);
 };

package/dist/cjs/composable-editor/utils/handleProviders.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = handleProviders;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  *
  * Utility to set all the providers on a provider factory
@@ -37,7 +38,7 @@ function handleProviders(providerFactory, _ref, extensionProvider, quickInsertPr
   providerFactory.setProvider('searchProvider', searchProvider);
   providerFactory.setProvider('presenceProvider', presenceProvider);
   providerFactory.setProvider('macroProvider', macroProvider);
-  if (cardProvider) {
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
   providerFactory.setProvider('autoformattingProvider', autoformattingProvider);

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.0.0";
+var version = exports.version = "197.0.0";

package/dist/es2019/composable-editor/editor-internal.js

@@ -139,7 +139,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
   }), jsx(PortalRenderer, null))))))));
 });
 function ReactEditorViewContextWrapper(props) {
-  var _props$editorProps$me;
+  var _props$editorProps$me, _props$editorProps$li, _props$editorProps$li2;
   const setInternalEditorAPI = useSetPresetContext();
   const {
     setEditorApi: setExternalEditorAPI
@@ -159,9 +159,14 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 ? void 0 : setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 ? void 0 : setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
+
+  // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
+  const UNSAFE_cards = props.editorProps.UNSAFE_cards;
+  const smartLinks = props.editorProps.smartLinks;
   useProviders({
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
-    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider
+    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
+    cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 ? void 0 : (_props$editorProps$li2 = _props$editorProps$li.smartLinks) === null || _props$editorProps$li2 === void 0 ? void 0 : _props$editorProps$li2.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI

package/dist/es2019/composable-editor/hooks/useProviders.js

@@ -10,7 +10,8 @@ import { usePresetContext } from '../../presets/context';
  */
 export const useProviders = ({
   contextIdentifierProvider,
-  mediaProvider
+  mediaProvider,
+  cardProvider
 }) => {
   const editorApi = usePresetContext();
   useEffect(() => {
@@ -32,4 +33,10 @@ export const useProviders = ({
       editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 ? void 0 : _editorApi$media.actions.setProvider(mediaProvider);
     }
   }, [mediaProvider, editorApi]);
+  useEffect(() => {
+    if (cardProvider) {
+      var _editorApi$card;
+      editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$card = editorApi.card) === null || _editorApi$card === void 0 ? void 0 : _editorApi$card.actions.setProvider(cardProvider);
+    }
+  }, [cardProvider, editorApi]);
 };

package/dist/es2019/composable-editor/utils/handleProviders.js

@@ -1,3 +1,5 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
 /**
  *
  * Utility to set all the providers on a provider factory
@@ -32,7 +34,7 @@ export default function handleProviders(providerFactory, {
   providerFactory.setProvider('searchProvider', searchProvider);
   providerFactory.setProvider('presenceProvider', presenceProvider);
   providerFactory.setProvider('macroProvider', macroProvider);
-  if (cardProvider) {
+  if (!fg('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
   providerFactory.setProvider('autoformattingProvider', autoformattingProvider);

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.0.0";
+export const version = "197.0.0";

package/dist/esm/composable-editor/editor-internal.js

@@ -143,7 +143,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
   }), jsx(PortalRenderer, null))))))));
 });
 function ReactEditorViewContextWrapper(props) {
-  var _props$editorProps$me;
+  var _props$editorProps$me, _props$editorProps$li;
   var setInternalEditorAPI = useSetPresetContext();
   var setExternalEditorAPI = props.setEditorApi;
 
@@ -161,9 +161,14 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
+
+  // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
+  var UNSAFE_cards = props.editorProps.UNSAFE_cards;
+  var smartLinks = props.editorProps.smartLinks;
   useProviders({
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
-    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider
+    mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
+    cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI

package/dist/esm/composable-editor/hooks/useProviders.js

@@ -12,7 +12,8 @@ import { usePresetContext } from '../../presets/context';
  */
 export var useProviders = function useProviders(_ref) {
   var contextIdentifierProvider = _ref.contextIdentifierProvider,
-    mediaProvider = _ref.mediaProvider;
+    mediaProvider = _ref.mediaProvider,
+    cardProvider = _ref.cardProvider;
   var editorApi = usePresetContext();
   useEffect(function () {
     function setProvider() {
@@ -54,4 +55,10 @@ export var useProviders = function useProviders(_ref) {
       editorApi === null || editorApi === void 0 || (_editorApi$media = editorApi.media) === null || _editorApi$media === void 0 || _editorApi$media.actions.setProvider(mediaProvider);
     }
   }, [mediaProvider, editorApi]);
+  useEffect(function () {
+    if (cardProvider) {
+      var _editorApi$card;
+      editorApi === null || editorApi === void 0 || (_editorApi$card = editorApi.card) === null || _editorApi$card === void 0 || _editorApi$card.actions.setProvider(cardProvider);
+    }
+  }, [cardProvider, editorApi]);
 };

package/dist/esm/composable-editor/utils/handleProviders.js

@@ -1,3 +1,5 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
 /**
  *
  * Utility to set all the providers on a provider factory
@@ -31,7 +33,7 @@ export default function handleProviders(providerFactory, _ref, extensionProvider
   providerFactory.setProvider('searchProvider', searchProvider);
   providerFactory.setProvider('presenceProvider', presenceProvider);
   providerFactory.setProvider('macroProvider', macroProvider);
-  if (cardProvider) {
+  if (!fg('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
   providerFactory.setProvider('autoformattingProvider', autoformattingProvider);

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.0.0";
+export var version = "197.0.0";

package/dist/types/composable-editor/hooks/useProviders.d.ts

@@ -1,7 +1,8 @@
-import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 interface UseProvidersProps {
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
+    cardProvider: Promise<CardProvider> | undefined;
 }
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
@@ -11,5 +12,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider }: UseProvidersProps) => void;
+export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, }: UseProvidersProps) => void;
 export {};

package/dist/types-ts4.5/composable-editor/hooks/useProviders.d.ts

@@ -1,7 +1,8 @@
-import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 interface UseProvidersProps {
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
+    cardProvider: Promise<CardProvider> | undefined;
 }
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
@@ -11,5 +12,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider }: UseProvidersProps) => void;
+export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, }: UseProvidersProps) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "196.0.0",
+	"version": "197.0.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,13 +45,13 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^88.3.0",
-		"@atlaskit/editor-plugins": "^4.2.0",
+		"@atlaskit/editor-common": "^88.4.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",
 		"@atlaskit/icon": "^22.15.0",
-		"@atlaskit/media-card": "^78.1.0",
+		"@atlaskit/media-card": "^78.2.0",
 		"@atlaskit/mention": "^23.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/spinner": "^16.3.0",
@@ -80,7 +80,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@af/editor-examples-helpers": "0.3.3",
+		"@af/editor-examples-helpers": "0.3.5",
 		"@af/editor-libra": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/adf-utils": "^19.8.0",
@@ -88,7 +88,7 @@
 		"@atlaskit/collab-provider": "9.37.4",
 		"@atlaskit/editor-json-transformer": "^8.18.0",
 		"@atlaskit/editor-plugin-annotation": "1.19.3",
-		"@atlaskit/editor-plugin-card": "^2.13.0",
+		"@atlaskit/editor-plugin-card": "^2.14.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-list": "^3.8.0",
 		"@atlaskit/editor-plugin-paste": "^1.11.0",
@@ -169,10 +169,6 @@
 		"platform.editor.table-sticky-scrollbar": {
 			"type": "boolean"
 		},
-		"platform.media-experience.card-views-refactor_b91lr": {
-			"type": "boolean",
-			"referenceOnly": "true"
-		},
 		"platform.editor.multi-bodied-extension_0rygg": {
 			"type": "boolean",
 			"referenceOnly": "true"
@@ -280,6 +276,9 @@
 		},
 		"platform_editor_remove_hide_avatar_group_prop": {
 			"type": "boolean"
+		},
+		"platform_editor_card_provider_from_plugin_config": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {

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>>;