@atlaskit/editor-core 229.0.1 → 229.1.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-core
 
+## 229.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 229.1.0
+
+### Minor Changes
+
+- [`dca860eb0017e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dca860eb0017e) -
+  Migrate Editor Core's lazy-loaded extension components to react-loosely-lazy behind the
+  `platform_editor_loosely_lazy_migration` experiment.
+
+### Patch Changes
+
+- [`38952a4383a53`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38952a4383a53) -
+  Add Data and charts slash-command hover previews behind platform_editor_slash_command.
+- [`14307d3138fd3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14307d3138fd3) -
+  Refactor styles to use statically analyzable values and type-checked inline constants for Compiled
+  and Atlaspack incremental builds, preserving existing styling behavior.
+- Updated dependencies
+
 ## 229.0.1
 
 ### Patch Changes

package/dist/cjs/presets/universal.js

@@ -57,8 +57,8 @@ var _tasksAndDecisions = require("@atlaskit/editor-plugins/tasks-and-decisions")
 var _textColor = require("@atlaskit/editor-plugins/text-color");
 var _toolbarListsIndentation = require("@atlaskit/editor-plugins/toolbar-lists-indentation");
 var _ufo = require("@atlaskit/editor-plugins/ufo");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _isFullPage = require("../utils/is-full-page");
 var _versionWrapper = require("../version-wrapper");
 var _default = require("./default");

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

@@ -16,8 +16,8 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _getPrimaryToolbarComponents = require("../../Toolbar/getPrimaryToolbarComponents");
 var _FullPageCompiled = require("./FullPage-compiled");
 var _FullPageEmotion = require("./FullPage-emotion");

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -15,8 +15,8 @@ var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _ClickAreaBlock = require("../../Addon/ClickAreaBlock");
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
 var _ContextPanel = require("../../ContextPanel");
@@ -25,6 +25,8 @@ var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
+var akLayoutGutterOffsetStatic = 12;
+var akEditorGutterPaddingReducedStatic = 24;
 var akEditorFullWidthLayoutWidth = 1800;
 var akEditorUltraWideLayoutWidth = 4000;
 var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js

@@ -16,9 +16,9 @@ var _taskList = require("@atlaskit/adf-schema/task-list");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
 var _ContextPanel = require("../../ContextPanel");

package/dist/cjs/ui/ContextPanel/index-compiled.js

@@ -13,7 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _excluded = ["children", "customWidth", "visible"],
   _excluded2 = ["children", "customWidth", "visible", "hasPadding"];
 /**
@@ -23,6 +22,7 @@ var _excluded = ["children", "customWidth", "visible"],
  * Cleanup: delete this file once the `platform_editor_core_non_ecc_static_css` experiment has shipped.
  */
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var akEditorContextPanelWidthStatic = 320;
 var getContextPanelWidthStyle = function getContextPanelWidthStyle(_ref) {
   var customWidth = _ref.customWidth,
     visible = _ref.visible;

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -11,18 +11,15 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _browser = require("@atlaskit/editor-common/browser");
-var _panel = require("@atlaskit/editor-common/panel");
-var _styles = require("@atlaskit/editor-common/styles");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _tableCellBackgroundForCompiled = require("@atlaskit/editor-common/table-cell-background-for-compiled");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _overflowShadowForCompiled = require("@atlaskit/editor-shared-styles/overflow-shadow-for-compiled");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
 var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -14,9 +14,9 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
 var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
 var _agentShimmerStyles = require("./styles/agentShimmerStyles");
@@ -38,8 +38,8 @@ var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
 var _embedCardStyles = require("./styles/embedCardStyles");
 var _emoji = require("./styles/emoji");
 var _expandStyles = require("./styles/expandStyles");
-var _extensionStyles = require("./styles/extensionStyles");
 var _extensionBreakoutStyles = require("./styles/extensionBreakoutStyles");
+var _extensionStyles = require("./styles/extensionStyles");
 var _findReplaceStyles = require("./styles/findReplaceStyles");
 var _firstBlockNodeStyles = require("./styles/firstBlockNodeStyles");
 var _floatingToolbarStyles = require("./styles/floatingToolbarStyles");

package/dist/cjs/ui/EditorContentContainer/styles/mediaStyles.js

@@ -12,8 +12,8 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _classnames = require("@atlaskit/media-card/card/classnames");
-var _inlinePlayerWrapperStyles = require("@atlaskit/media-card/inlinePlayerWrapperStyles");
 var _cardConstants = require("@atlaskit/media-card/cardConstants");
+var _inlinePlayerWrapperStyles = require("@atlaskit/media-card/inlinePlayerWrapperStyles");
 var _selectionStyles = require("./selectionStyles");
 var _ProseMirror, _css;
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _types = require("@atlaskit/editor-common/types");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _widthObserver = require("@atlaskit/width-detector/width-observer");
 var _isFullPage = require("../../utils/is-full-page");
 var _hooks = require("./hooks");

package/dist/cjs/ui/quick-insert/ExtensionQuickInsertIcon.js

@@ -8,12 +8,12 @@ exports.ExtensionQuickInsertIcon = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
-var _apps = _interopRequireDefault(require("@atlaskit/icon/core/apps"));
-var _card = _interopRequireDefault(require("@atlaskit/icon/core/card"));
-var _whiteboard = _interopRequireDefault(require("@atlaskit/icon/core/whiteboard"));
 var _carousel = _interopRequireDefault(require("@atlaskit/icon-lab/core/carousel"));
 var _tableOfContent = _interopRequireDefault(require("@atlaskit/icon-lab/core/table-of-content"));
 var _template = _interopRequireDefault(require("@atlaskit/icon-lab/core/template"));
+var _apps = _interopRequireDefault(require("@atlaskit/icon/core/apps"));
+var _card = _interopRequireDefault(require("@atlaskit/icon/core/card"));
+var _whiteboard = _interopRequireDefault(require("@atlaskit/icon/core/whiteboard"));
 var lazyExtensionIconCache = new WeakMap();
 var whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
 var quickInsertItemIcons = {

package/dist/cjs/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js

@@ -1,14 +1,124 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getExtensionQuickInsertPreviewImageUrls = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var googleDrivePreviewImageUrls = {
   dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y01wj4t58w86byx86l6k81a22axud131.png',
   light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wi413m0837rjykg23r6y0256b7377185.png'
 };
-var previewImageUrlsByKey = {
+var dataAndChartsPreviewImageUrlsByKey = {
+  'quick-insert-assets-menu-item': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/64d41r462m2343iomn821ver0g4ohh37.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/0w58rc60jh54m68224qqinuk52d6lldt.png'
+  },
+  'blog-posts': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/syvwj7cg10q6n1586u2l64q78o2dc54d.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5n54qb4j1pn588ud6604eh4c8hj5422v.png'
+  },
+  'change-history': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/623tjta5b2flb1b7lf3t0dp6r4c858v5.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/u83vu4k3if5kh4a12e34pr5jf833e71l.png'
+  },
+  children: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/a0qd7lp8011o238rmf3m872hb765y2g1.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/ttbt2qi6tkl6cgdyig1th4x837g3c018.png'
+  },
+  details: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/11j376ovg761h7o2vfr0l6n8okxf22m4.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/857b0i4hxk3pxeq3h5v2ykfav4niv5hx.png'
+  },
+  detailssummary: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/566j328lm7022fx64cv77w8xtyodre44.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/07k170i7odd417hvcpkp800353211gwi.png'
+  },
+  'content-report-table': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/ewhj8d8216yc6lyny58l2w4h3nikbs06.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/060xk53i83jkbc5m5op8v44887tv3038.png'
+  },
+  pagetree: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8g3qkn50t2m3n05465s783f54517su0j.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/kji77816l70343e211ll54222q3i0m57.png'
+  },
+  contributors: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/f115sn7v8x2oo65outd1g7124u03dfj1.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/22801wwe6yf82mcfcrd7vg54620p5e0g.png'
+  },
+  'database-extension:create-database': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/65m57812l47f0a55qpm51t8glk24vsne.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/lqqxkx57ue3ws60m642br54ss6m3neow.png'
+  },
+  'decisionreport:decisionreport': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1w6a5k5f1yndoy2g3j158n151020v71y.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/3347ejx66xy7y375s232mbeg0ia1rdm8.png'
+  },
+  'database-extension:reference-database': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5b815435xso5xv248niy0dg3m3yr2w6c.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/he1vu1p7ngbjcy6lw8i8vh601aw14ct1.png'
+  },
+  contentbylabel: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/3i6n45of3ks7lm5v65k74r0580mqya62.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8hy8d25516esmq4q267bf15483851454.png'
+  },
+  'quick-insert-confluence-list-menu-item': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/8jh31f0k143b475y5tun230v166c7087.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/6co68akkw56t83fql3m823qi21k8776u.png'
+  },
+  'quick-insert-jira-work-items-menu-item': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/m284qw5066530tr5yd11473uq1l8t86t.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/4b1455q46emetd0jxv70xuo7i7lwo574.png'
+  },
+  listlabels: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/3k50k14u80g034t323q3m13m6820ag70.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/1a51b87u6bvsq84pup1wy1n32pg2s6c7.png'
+  },
+  livesearch: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/80v4vx47y130st85qx46432fo18g0sbx.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/0n8ie724cnnvl62w1m521k8eq5v73u76.png'
+  },
+  pagetreesearch: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g32sx54apgb3yt844qi4y28gu835q682.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/w7o6smtuy41bg08327dy2ai0fht2lc6m.png'
+  },
+  'popular-labels': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/oqgl5347hqmx6u3v837q1bh2q70ls7bd.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/a2x44n7aasba646mlmqht7cqfq6k8783.png'
+  },
+  'questionslist-macro-native:questionslist-macro-native': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/37x027653yfd01ik041qnf005f1j5867.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/4f6f51758m5m6nu06x557nm115613233.png'
+  },
+  'recently-updated': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g4y1gsehg600ge0nem6r2xv4b0ga7106.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g2vqf86yj16fi74mny6b265mw5l181fx.png'
+  },
+  'gadget:spaces': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/jw8r2233444raq4p3v56obq230hh5a8n.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/b3py8prmf21tl73nb42gc67a0i437o1q.png'
+  },
+  'tasks-report-macro': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/n2lm728m8n7au2q455wy57m407a8i74b.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/e7qda5xter48ao38ieq82jgv3m7j3g8c.png'
+  },
+  calendar: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/01d5gi6lifcsu5el861v8p7kw84ja8it.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/g7v75uv8mw0i7hw36181xx2nly2674pi.png'
+  },
+  userlister: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/5cy6l23fwmo2820uce5m50g1222l0hpb.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/4883g3sm4pdy8w3mmphdqj81588c37gf.png'
+  },
+  profile: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/evx8rg04mer8binf15e8ao0imm5kv7ek.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/o2kexap23ijq8jeqhpvi8lgc51dex3wj.png'
+  }
+};
+var previewImageUrlsByKey = _objectSpread(_objectSpread({}, dataAndChartsPreviewImageUrlsByKey), {}, {
   'profile-picture:profile-picture': {
     dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/35rb2mbxc2dt8p7op8u8lyss5h220428.png',
     light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/4o3lpe2eh4nlakav375621i73do50kyx.png'
@@ -91,7 +201,7 @@ var previewImageUrlsByKey = {
     dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7jj541q4pq1joqf0ar53j42kr6371t1t.png',
     light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/v8eyy0fvu61fb8a4b4teea4pjs7g2842.png'
   }
-};
+});
 var previewImageUrlsByTitle = {
   amplitude: {
     dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7v8shu6n3wd15644f3ys785628dkt632.png',
@@ -112,6 +222,7 @@ var previewImageUrlsByTitle = {
   }
 };
 var getExtensionQuickInsertPreviewImageUrls = exports.getExtensionQuickInsertPreviewImageUrls = function getExtensionQuickInsertPreviewImageUrls(item) {
-  var _ref;
-  return (_ref = item.key ? previewImageUrlsByKey[item.key] : undefined) !== null && _ref !== void 0 ? _ref : previewImageUrlsByTitle[item.title.toLowerCase()];
+  var _ref, _ref2, _ref3;
+  var normalizedTitle = item.title.toLowerCase();
+  return (_ref = (_ref2 = (_ref3 = item.key ? previewImageUrlsByKey[item.key] : undefined) !== null && _ref3 !== void 0 ? _ref3 : item.extensionKey === 'gadget' ? dataAndChartsPreviewImageUrlsByKey["".concat(item.extensionKey, ":").concat(normalizedTitle)] : undefined) !== null && _ref2 !== void 0 ? _ref2 : item.extensionKey ? dataAndChartsPreviewImageUrlsByKey[item.extensionKey] : undefined) !== null && _ref !== void 0 ? _ref : previewImageUrlsByTitle[normalizedTitle];
 };

package/dist/cjs/utils/extensions.js

@@ -10,13 +10,14 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _reactLooselyLazy = require("react-loosely-lazy");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _getExtensionQuickInsertComponents = require("../ui/quick-insert/getExtensionQuickInsertComponents");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 // Structural shape of the markdown-mode plugin's slice of the injection API.
 // Used to read `isMarkdownMode` without importing the `MarkdownModePlugin`
 // type — that would pull editor-plugin-markdown-mode into editor-core's
@@ -77,6 +78,23 @@ var dummyExtensionAPI = {
     }
   }
 };
+// Keep lazy icon component identities stable across menu unmounts and remounts.
+var lazyExtensionIconCache = new WeakMap();
+var LazyExtensionIcon = function LazyExtensionIcon(_ref) {
+  var iconLoader = _ref.iconLoader;
+  var Icon = lazyExtensionIconCache.get(iconLoader);
+  if (!Icon) {
+    Icon = (0, _reactLooselyLazy.lazyForPaint)(function () {
+      return iconLoader();
+    });
+    lazyExtensionIconCache.set(iconLoader, Icon);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    label: ""
+  }));
+};
 
 /** Creates legacy and registered Quick Insert representations for extensions. */
 function extensionProviderToQuickInsertProvider(_x, _x2, _x3, _x4) {
@@ -122,12 +140,6 @@ function _extensionProviderToQuickInsertProvider() {
                 return Promise.resolve([]);
               }
               var quickInsertItems = (0, _extensions.getQuickInsertItemsFromModule)(extensions, function (item) {
-                var Icon = (0, _reactLoadable.default)({
-                  loader: item.icon,
-                  loading: function loading() {
-                    return null;
-                  }
-                });
                 return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) && item.app ? {
                   app: item.app
                 } : {}), {}, {
@@ -138,6 +150,17 @@ function _extensionProviderToQuickInsertProvider() {
                   title: item.title,
                   description: item.description,
                   icon: function icon() {
+                    if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration')) {
+                      return /*#__PURE__*/_react.default.createElement(LazyExtensionIcon, {
+                        iconLoader: item.icon
+                      });
+                    }
+                    var Icon = (0, _reactLoadable.default)({
+                      loader: item.icon,
+                      loading: function loading() {
+                        return null;
+                      }
+                    });
                     return /*#__PURE__*/_react.default.createElement(Icon, {
                       label: ""
                     });

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "229.0.0";
+var version = exports.version = "229.1.0";

package/dist/es2019/actions/index.js

@@ -3,6 +3,8 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { processRawFragmentValue, processRawValue } from '@atlaskit/editor-common/process-raw-value';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
+// eslint-disable-next-line import/order
+
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -13,7 +15,6 @@ import { isEmptyDocument } from './temp-is-empty-document';
 import { findNodePosByLocalIds } from './temp-nodes-by-localids';
 // eslint-disable-next-line import/order
 import { toJSON } from './temp-to-json';
-// eslint-disable-next-line import/order
 
 // Please, do not copy or use this kind of code below
 // @ts-ignore

package/dist/es2019/entry-points/CollapsedEditor.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as CollapsedEditor } from '../ui/CollapsedEditor/index';

package/dist/es2019/entry-points/ContextPanel.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ContextPanel } from '../ui/ContextPanel/index';

package/dist/es2019/entry-points/EditorContentContainer.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as EditorContentContainer } from '../ui/EditorContentContainer/EditorContentContainer';

package/dist/es2019/entry-points/EditorContext.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as EditorContext } from '../ui/EditorContext/index';

package/dist/es2019/entry-points/ReactEditorView.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ReactEditorView } from '../create-editor/ReactEditorView';

package/dist/es2019/entry-points/ToolbarHelp.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as ToolbarHelp } from '../ui/ToolbarHelp/index';

package/dist/es2019/entry-points/ToolbarPortal.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ToolbarPortalContextProvider, useToolbarPortal } from '../ui/Toolbar/ToolbarPortal';

package/dist/es2019/entry-points/WithEditorActions.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as WithEditorActions } from '../ui/WithEditorActions/index';

package/dist/es2019/entry-points/WithHelpTrigger.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as WithHelpTrigger } from '../ui/WithHelpTrigger/index';

package/dist/es2019/entry-points/actions.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as EditorActions } from '../actions/index';

package/dist/es2019/entry-points/appearance-editor-chromeless.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ChromelessEditor } from '../editor-appearances/ChromelessEditor';

package/dist/es2019/entry-points/appearance-editor-comment.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { CommentEditor } from '../editor-appearances/CommentEditor';

package/dist/es2019/entry-points/appearance-editor-full-page.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { FullPageEditor } from '../editor-appearances/FullPageEditor';

package/dist/es2019/entry-points/appearance-editor-full-width.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { FullWidthEditor } from '../editor-appearances/FullWidthEditor';

package/dist/es2019/entry-points/create-plugins-list.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { getDefaultPresetOptionsFromEditorProps } from '../create-editor/create-plugins-list';

package/dist/es2019/entry-points/exclude-from-hydration.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default } from '../ui/ExcludeFromHydration/index';

package/dist/es2019/entry-points/feature-flags-from-props.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';

package/dist/es2019/entry-points/getNodesCount.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { getNodesCount } from '../utils/getNodesCount';

package/dist/es2019/entry-points/i18n-languages.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default } from '../i18n/languages';

package/dist/es2019/entry-points/measure-enum.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as measurements } from '../utils/performance/measure-enum';

package/dist/es2019/entry-points/preset-universal-universal.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as createUniversalPresetInternal } from '../presets/universal';

package/dist/es2019/entry-points/preset-universal-useUniversalPreset.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as useUniversalPreset } from '../presets/useUniversalPreset';

package/dist/es2019/entry-points/test-utils.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { isElementBySelectorInDocument } from '../isElementBySelectorInDocument';
 export { setTextSelection } from '../setTextSelection';
 export { createPMSchemaAndPlugins } from '../test-utils';

package/dist/es2019/entry-points/use-preset-context.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { EditorAPIContext, PresetContextProvider, usePresetContext, useSetPresetContext } from '../presets/context';

package/dist/es2019/entry-points/version-wrapper.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { name, version } from '../version-wrapper';

package/dist/es2019/presets/universal.js

@@ -47,8 +47,8 @@ import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-deci
 import { textColorPlugin } from '@atlaskit/editor-plugins/text-color';
 import { toolbarListsIndentationPlugin } from '@atlaskit/editor-plugins/toolbar-lists-indentation';
 import { ufoPlugin } from '@atlaskit/editor-plugins/ufo';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { version as coreVersion } from '../version-wrapper';
 import { createDefaultPreset } from './default';

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

@@ -7,8 +7,8 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
 import { FullPageEditorWrapperCompiled } from './FullPage-compiled';
 import { FullPageEditorWrapperEmotion } from './FullPage-emotion';

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -6,9 +6,9 @@ import classnames from 'classnames';
 import { injectIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { akEditorGutterPaddingDynamic, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -18,6 +18,8 @@ import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/content
 import { ContextPanel } from '../../ContextPanel';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
+const akLayoutGutterOffsetStatic = 12;
+const akEditorGutterPaddingReducedStatic = 24;
 const akEditorFullWidthLayoutWidth = 1800;
 const akEditorUltraWideLayoutWidth = 4000;
 const akEditorSwoopCubicBezier = `cubic-bezier(0.15, 1, 0.3, 1)`;