@atlaskit/editor-common 125.0.0 → 125.2.0

package/dist/es2019/quick-insert/assets/index.js

@@ -3,102 +3,345 @@ function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t
 
 import React from 'react';
 import Loadable from 'react-loadable';
-export const IconAction = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(module => module.default),
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazy, LazySuspense } from 'react-loosely-lazy';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+const loadIconAction = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(module => module.default);
+const IconActionLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(module => module.default));
+IconActionLazy.displayName = 'lazy(IconAction)';
+const IconActionLoadable = Loadable({
+  loader: loadIconAction,
   loading: () => null
 });
-export const IconCode = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(module => module.default),
+export const IconAction = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconActionLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconActionLoadable, props);
+IconAction.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconActionLazy.preload() : IconActionLoadable.preload();
+const loadIconCode = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(module => module.default);
+const IconCodeLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(module => module.default));
+IconCodeLazy.displayName = 'lazy(IconCode)';
+const IconCodeLoadable = Loadable({
+  loader: loadIconCode,
   loading: () => null
 });
-export const IconDate = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(module => module.default),
+export const IconCode = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconCodeLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconCodeLoadable, props);
+IconCode.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconCodeLazy.preload() : IconCodeLoadable.preload();
+const loadIconDate = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(module => module.default);
+const IconDateLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(module => module.default));
+IconDateLazy.displayName = 'lazy(IconDate)';
+const IconDateLoadable = Loadable({
+  loader: loadIconDate,
   loading: () => null
 });
-export const IconDecision = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(module => module.default),
+export const IconDate = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDateLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDateLoadable, props);
+IconDate.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDateLazy.preload() : IconDateLoadable.preload();
+const loadIconDecision = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(module => module.default);
+const IconDecisionLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(module => module.default));
+IconDecisionLazy.displayName = 'lazy(IconDecision)';
+const IconDecisionLoadable = Loadable({
+  loader: loadIconDecision,
   loading: () => null
 });
-export const IconDivider = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(module => module.default),
+export const IconDecision = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDecisionLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDecisionLoadable, props);
+IconDecision.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDecisionLazy.preload() : IconDecisionLoadable.preload();
+const loadIconDivider = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(module => module.default);
+const IconDividerLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(module => module.default));
+IconDividerLazy.displayName = 'lazy(IconDivider)';
+const IconDividerLoadable = Loadable({
+  loader: loadIconDivider,
   loading: () => null
 });
-export const IconEmoji = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(module => module.default),
+export const IconDivider = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDividerLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDividerLoadable, props);
+IconDivider.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDividerLazy.preload() : IconDividerLoadable.preload();
+const loadIconEmoji = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(module => module.default);
+const IconEmojiLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(module => module.default));
+IconEmojiLazy.displayName = 'lazy(IconEmoji)';
+const IconEmojiLoadable = Loadable({
+  loader: loadIconEmoji,
   loading: () => null
 });
-export const IconImages = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(module => module.default),
+export const IconEmoji = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconEmojiLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconEmojiLoadable, props);
+IconEmoji.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconEmojiLazy.preload() : IconEmojiLoadable.preload();
+const loadIconImages = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(module => module.default);
+const IconImagesLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(module => module.default));
+IconImagesLazy.displayName = 'lazy(IconImages)';
+const IconImagesLoadable = Loadable({
+  loader: loadIconImages,
   loading: () => null
 });
-export const IconLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(module => module.default),
+export const IconImages = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconImagesLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconImagesLoadable, props);
+IconImages.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconImagesLazy.preload() : IconImagesLoadable.preload();
+const loadIconLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(module => module.default);
+const IconLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(module => module.default));
+IconLayoutLazy.displayName = 'lazy(IconLayout)';
+const IconLayoutLoadable = Loadable({
+  loader: loadIconLayout,
   loading: () => null
 });
-export const IconLink = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(module => module.default),
+export const IconLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconLayoutLoadable, props);
+IconLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLayoutLazy.preload() : IconLayoutLoadable.preload();
+const loadIconLink = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(module => module.default);
+const IconLinkLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(module => module.default));
+IconLinkLazy.displayName = 'lazy(IconLink)';
+const IconLinkLoadable = Loadable({
+  loader: loadIconLink,
   loading: () => null
 });
-export const IconListNumber = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(module => module.default),
+export const IconLink = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconLinkLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconLinkLoadable, props);
+IconLink.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLinkLazy.preload() : IconLinkLoadable.preload();
+const loadIconListNumber = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(module => module.default);
+const IconListNumberLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(module => module.default));
+IconListNumberLazy.displayName = 'lazy(IconListNumber)';
+const IconListNumberLoadable = Loadable({
+  loader: loadIconListNumber,
   loading: () => null
 });
-export const IconList = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(module => module.default),
+export const IconListNumber = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconListNumberLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconListNumberLoadable, props);
+IconListNumber.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconListNumberLazy.preload() : IconListNumberLoadable.preload();
+const loadIconList = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(module => module.default);
+const IconListLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(module => module.default));
+IconListLazy.displayName = 'lazy(IconList)';
+const IconListLoadable = Loadable({
+  loader: loadIconList,
   loading: () => null
 });
-export const IconMention = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(module => module.default),
+export const IconList = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconListLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconListLoadable, props);
+IconList.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconListLazy.preload() : IconListLoadable.preload();
+const loadIconMention = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(module => module.default);
+const IconMentionLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(module => module.default));
+IconMentionLazy.displayName = 'lazy(IconMention)';
+const IconMentionLoadable = Loadable({
+  loader: loadIconMention,
   loading: () => null
 });
-export const IconPanelError = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(module => module.default),
+export const IconMention = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconMentionLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconMentionLoadable, props);
+IconMention.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconMentionLazy.preload() : IconMentionLoadable.preload();
+const loadIconPanelError = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(module => module.default);
+const IconPanelErrorLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(module => module.default));
+IconPanelErrorLazy.displayName = 'lazy(IconPanelError)';
+const IconPanelErrorLoadable = Loadable({
+  loader: loadIconPanelError,
   loading: () => null
 });
-export const IconPanelNote = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(module => module.default),
+export const IconPanelError = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconPanelErrorLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconPanelErrorLoadable, props);
+IconPanelError.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelErrorLazy.preload() : IconPanelErrorLoadable.preload();
+const loadIconPanelNote = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(module => module.default);
+const IconPanelNoteLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(module => module.default));
+IconPanelNoteLazy.displayName = 'lazy(IconPanelNote)';
+const IconPanelNoteLoadable = Loadable({
+  loader: loadIconPanelNote,
   loading: () => null
 });
-export const IconPanelSuccess = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(module => module.default),
+export const IconPanelNote = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconPanelNoteLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconPanelNoteLoadable, props);
+IconPanelNote.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelNoteLazy.preload() : IconPanelNoteLoadable.preload();
+const loadIconPanelSuccess = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(module => module.default);
+const IconPanelSuccessLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(module => module.default));
+IconPanelSuccessLazy.displayName = 'lazy(IconPanelSuccess)';
+const IconPanelSuccessLoadable = Loadable({
+  loader: loadIconPanelSuccess,
   loading: () => null
 });
-export const IconPanelWarning = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(module => module.default),
+export const IconPanelSuccess = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconPanelSuccessLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconPanelSuccessLoadable, props);
+IconPanelSuccess.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelSuccessLazy.preload() : IconPanelSuccessLoadable.preload();
+const loadIconPanelWarning = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(module => module.default);
+const IconPanelWarningLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(module => module.default));
+IconPanelWarningLazy.displayName = 'lazy(IconPanelWarning)';
+const IconPanelWarningLoadable = Loadable({
+  loader: loadIconPanelWarning,
   loading: () => null
 });
-export const IconPanel = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(module => module.default),
+export const IconPanelWarning = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconPanelWarningLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconPanelWarningLoadable, props);
+IconPanelWarning.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelWarningLazy.preload() : IconPanelWarningLoadable.preload();
+const loadIconPanel = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(module => module.default);
+const IconPanelLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(module => module.default));
+IconPanelLazy.displayName = 'lazy(IconPanel)';
+const IconPanelLoadable = Loadable({
+  loader: loadIconPanel,
   loading: () => null
 });
-export const IconQuote = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(module => module.default),
+export const IconPanel = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconPanelLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconPanelLoadable, props);
+IconPanel.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelLazy.preload() : IconPanelLoadable.preload();
+const loadIconQuote = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(module => module.default);
+const IconQuoteLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(module => module.default));
+IconQuoteLazy.displayName = 'lazy(IconQuote)';
+const IconQuoteLoadable = Loadable({
+  loader: loadIconQuote,
   loading: () => null
 });
-export const IconStatus = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(module => module.default),
+export const IconQuote = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconQuoteLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconQuoteLoadable, props);
+IconQuote.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconQuoteLazy.preload() : IconQuoteLoadable.preload();
+const loadIconStatus = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(module => module.default);
+const IconStatusLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(module => module.default));
+IconStatusLazy.displayName = 'lazy(IconStatus)';
+const IconStatusLoadable = Loadable({
+  loader: loadIconStatus,
   loading: () => null
 });
-export const IconOneColumnLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(module => module.default),
+export const IconStatus = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconStatusLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconStatusLoadable, props);
+IconStatus.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconStatusLazy.preload() : IconStatusLoadable.preload();
+const loadIconOneColumnLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(module => module.default);
+const IconOneColumnLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(module => module.default));
+IconOneColumnLayoutLazy.displayName = 'lazy(IconOneColumnLayout)';
+const IconOneColumnLayoutLoadable = Loadable({
+  loader: loadIconOneColumnLayout,
   loading: () => null
 });
-export const IconTwoColumnLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(module => module.default),
+export const IconOneColumnLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconOneColumnLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconOneColumnLayoutLoadable, props);
+IconOneColumnLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconOneColumnLayoutLazy.preload() : IconOneColumnLayoutLoadable.preload();
+const loadIconTwoColumnLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(module => module.default);
+const IconTwoColumnLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(module => module.default));
+IconTwoColumnLayoutLazy.displayName = 'lazy(IconTwoColumnLayout)';
+const IconTwoColumnLayoutLoadable = Loadable({
+  loader: loadIconTwoColumnLayout,
   loading: () => null
 });
-export const IconThreeColumnLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(module => module.default),
+export const IconTwoColumnLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconTwoColumnLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconTwoColumnLayoutLoadable, props);
+IconTwoColumnLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconTwoColumnLayoutLazy.preload() : IconTwoColumnLayoutLoadable.preload();
+const loadIconThreeColumnLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(module => module.default);
+const IconThreeColumnLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(module => module.default));
+IconThreeColumnLayoutLazy.displayName = 'lazy(IconThreeColumnLayout)';
+const IconThreeColumnLayoutLoadable = Loadable({
+  loader: loadIconThreeColumnLayout,
   loading: () => null
 });
-export const IconFourColumnLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(module => module.default),
+export const IconThreeColumnLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconThreeColumnLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconThreeColumnLayoutLoadable, props);
+IconThreeColumnLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconThreeColumnLayoutLazy.preload() : IconThreeColumnLayoutLoadable.preload();
+const loadIconFourColumnLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(module => module.default);
+const IconFourColumnLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(module => module.default));
+IconFourColumnLayoutLazy.displayName = 'lazy(IconFourColumnLayout)';
+const IconFourColumnLayoutLoadable = Loadable({
+  loader: loadIconFourColumnLayout,
   loading: () => null
 });
-export const IconFiveColumnLayout = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(module => module.default),
+export const IconFourColumnLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconFourColumnLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconFourColumnLayoutLoadable, props);
+IconFourColumnLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFourColumnLayoutLazy.preload() : IconFourColumnLayoutLoadable.preload();
+const loadIconFiveColumnLayout = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(module => module.default);
+const IconFiveColumnLayoutLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(module => module.default));
+IconFiveColumnLayoutLazy.displayName = 'lazy(IconFiveColumnLayout)';
+const IconFiveColumnLayoutLoadable = Loadable({
+  loader: loadIconFiveColumnLayout,
   loading: () => null
 });
+export const IconFiveColumnLayout = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconFiveColumnLayoutLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconFiveColumnLayoutLoadable, props);
+IconFiveColumnLayout.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFiveColumnLayoutLazy.preload() : IconFiveColumnLayoutLoadable.preload();
 function importHeading(level) {
   switch (level) {
     case 1:
@@ -120,39 +363,116 @@ export const IconHeading = ({
   level,
   label
 }) => {
-  const Icon = Loadable({
-    loader: () => importHeading(level).then(module => module.default),
+  const loadIconHeading = () => importHeading(level).then(module => module.default);
+  const IconHeadingLazy = lazy(() => loadIconHeading());
+  IconHeadingLazy.displayName = `lazy(IconHeading${level})`;
+  const IconHeadingLoadable = Loadable({
+    loader: loadIconHeading,
     loading: () => null
   });
-  return /*#__PURE__*/React.createElement(Icon, {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconHeadingLazy, {
+    label: label
+  })) : /*#__PURE__*/React.createElement(IconHeadingLoadable, {
     label: label
   });
 };
-export const IconFeedback = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(module => module.default),
+const loadIconFeedback = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(module => module.default);
+const IconFeedbackLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(module => module.default));
+IconFeedbackLazy.displayName = 'lazy(IconFeedback)';
+const IconFeedbackLoadable = Loadable({
+  loader: loadIconFeedback,
   loading: () => null
 });
-export const IconExpand = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(module => module.default),
+export const IconFeedback = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconFeedbackLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconFeedbackLoadable, props);
+IconFeedback.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFeedbackLazy.preload() : IconFeedbackLoadable.preload();
+const loadIconExpand = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(module => module.default);
+const IconExpandLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(module => module.default));
+IconExpandLazy.displayName = 'lazy(IconExpand)';
+const IconExpandLoadable = Loadable({
+  loader: loadIconExpand,
   loading: () => null
 });
-export const IconDatasourceJiraIssue = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(module => module.default),
+export const IconExpand = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconExpandLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconExpandLoadable, props);
+IconExpand.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconExpandLazy.preload() : IconExpandLoadable.preload();
+const loadIconDatasourceJiraIssue = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(module => module.default);
+const IconDatasourceJiraIssueLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(module => module.default));
+IconDatasourceJiraIssueLazy.displayName = 'lazy(IconDatasourceJiraIssue)';
+const IconDatasourceJiraIssueLoadable = Loadable({
+  loader: loadIconDatasourceJiraIssue,
   loading: () => null
 });
-export const IconDatasourceAssetsObjects = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(module => module.default),
+export const IconDatasourceJiraIssue = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDatasourceJiraIssueLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDatasourceJiraIssueLoadable, props);
+IconDatasourceJiraIssue.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceJiraIssueLazy.preload() : IconDatasourceJiraIssueLoadable.preload();
+const loadIconDatasourceAssetsObjects = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(module => module.default);
+const IconDatasourceAssetsObjectsLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(module => module.default));
+IconDatasourceAssetsObjectsLazy.displayName = 'lazy(IconDatasourceAssetsObjects)';
+const IconDatasourceAssetsObjectsLoadable = Loadable({
+  loader: loadIconDatasourceAssetsObjects,
   loading: () => null
 });
-export const IconDatasourceConfluenceSearch = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(module => module.default),
+export const IconDatasourceAssetsObjects = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDatasourceAssetsObjectsLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDatasourceAssetsObjectsLoadable, props);
+IconDatasourceAssetsObjects.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceAssetsObjectsLazy.preload() : IconDatasourceAssetsObjectsLoadable.preload();
+const loadIconDatasourceConfluenceSearch = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(module => module.default);
+const IconDatasourceConfluenceSearchLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(module => module.default));
+IconDatasourceConfluenceSearchLazy.displayName = 'lazy(IconDatasourceConfluenceSearch)';
+const IconDatasourceConfluenceSearchLoadable = Loadable({
+  loader: loadIconDatasourceConfluenceSearch,
   loading: () => null
 });
-export const IconLoom = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(module => module.default),
+export const IconDatasourceConfluenceSearch = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconDatasourceConfluenceSearchLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconDatasourceConfluenceSearchLoadable, props);
+IconDatasourceConfluenceSearch.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceConfluenceSearchLazy.preload() : IconDatasourceConfluenceSearchLoadable.preload();
+const loadIconLoom = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(module => module.default);
+const IconLoomLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(module => module.default));
+IconLoomLazy.displayName = 'lazy(IconLoom)';
+const IconLoomLoadable = Loadable({
+  loader: loadIconLoom,
   loading: () => null
 });
-export const IconSyncBlock = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(module => module.default),
+export const IconLoom = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconLoomLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconLoomLoadable, props);
+IconLoom.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLoomLazy.preload() : IconLoomLoadable.preload();
+const loadIconSyncBlock = () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(module => module.default);
+const IconSyncBlockLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(module => module.default));
+IconSyncBlockLazy.displayName = 'lazy(IconSyncBlock)';
+const IconSyncBlockLoadable = Loadable({
+  loader: loadIconSyncBlock,
   loading: () => null
-});
+});
+export const IconSyncBlock = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(IconSyncBlockLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+React.createElement(IconSyncBlockLoadable, props);
+IconSyncBlock.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconSyncBlockLazy.preload() : IconSyncBlockLoadable.preload();

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "124.0.0";
+const packageVersion = "125.1.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -1,5 +1,7 @@
 import React, { useMemo } from 'react';
 import Loadable from 'react-loadable';
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazy, LazySuspense } from 'react-loosely-lazy';
 import ResourcedMention from '@atlaskit/mention/resourced-mention';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -11,12 +13,21 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // Lazy-loaded so the agent profile card chunk (and its `@atlaskit/rovo-agent-components`
 // dependency) stays off the critical path — it is only fetched when an agent mention
 // (`userType === 'APP'`) actually renders, never for person mentions.
-// Uses react-loadable to match editor-common's code-splitting factory (see src/icons/index.ts).
-const AgentProfileCardTrigger = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
-  '@atlaskit/profilecard/agent-profile-card-trigger').then(mod => mod.AgentProfileCardTrigger),
+const loadAgentProfileCardTrigger = () => import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+'@atlaskit/profilecard/agent-profile-card-trigger').then(mod => mod.AgentProfileCardTrigger);
+const AgentProfileCardTriggerLazy = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+'@atlaskit/profilecard/agent-profile-card-trigger').then(mod => mod.AgentProfileCardTrigger));
+AgentProfileCardTriggerLazy.displayName = 'lazy(AgentProfileCardTrigger)';
+const AgentProfileCardTriggerLoadable = Loadable({
+  loader: loadAgentProfileCardTrigger,
   loading: () => null
 });
+const AgentProfileCardTrigger = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(AgentProfileCardTriggerLazy, props)) :
+/*#__PURE__*/
+// eslint-disable-next-line react/jsx-props-no-spreading
+React.createElement(AgentProfileCardTriggerLoadable, props);
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp