@atlaskit/editor-core 226.2.0 → 226.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 226.3.0
+
+### Minor Changes
+
+- [`ec66928dbdbeb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec66928dbdbeb) -
+  For the platform_editor_slash_command experiment, reorder Structure items, update slash-command
+  icons, move Jira work items to Data & Charts, and move Create Jira work item and Mention to
+  Structure. Use BlockSyncedIcon for the Synced block command.
+
+### Patch Changes
+
+- [`08bf773f7599a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08bf773f7599a) -
+  Migrate experiments to use the new platform experiment API. This major release removes the
+  migrated experiment entries from `@atlaskit/tmp-editor-statsig`'s `editorExperimentsConfig` and
+  test overrides. Consumers must replace legacy `expVal`/`expValEquals` calls with
+  `@atlaskit/platform-feature-experiments` APIs, using `isExperimentEnabled` for boolean `isEnabled`
+  experiments and `expVal` for parameterized experiments; use `mockExpEnabled`/`mockExpDisabled` in
+  tests.
+- Updated dependencies
+
 ## 226.2.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -92,6 +92,9 @@
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/icon-lab/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/link/afm-cc/tsconfig.json"
 		},

package/dist/cjs/create-editor/ReactEditorView.js

@@ -1138,7 +1138,7 @@ function ReactEditorView(props) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [editorRef, props.editorProps.popupsMountPoint]);
   // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
-  var reactEditorViewContext = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+  var reactEditorViewContext = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedReactEditorViewContext : {
     editorRef: editorRef,
     editorView: viewRef.current,
     popupsMountPoint: props.editorProps.popupsMountPoint
@@ -1171,7 +1171,7 @@ function ReactEditorView(props) {
       prebuiltEditorState: ssrDeps.ssrEditorState
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : function (state) {
+      onEditorStateChanged: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? handleSsrEditorStateChanged : function (state) {
         preMountEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({

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

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
@@ -66,7 +66,7 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
         var _states$editorViewMod;
         return states === null || states === void 0 || (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
-      var containerRef = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
+      var containerRef = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? _this.setContainerElement : function (ref) {
         return _this.containerElement = ref;
       };
       return /*#__PURE__*/_react.default.createElement(_WithFlash.default, {

package/dist/cjs/ui/Appearance/Comment/Comment-emotion.js

@@ -19,6 +19,7 @@ var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
@@ -221,7 +222,7 @@ var CommentEditorWithIntlEmotion = exports.CommentEditorWithIntlEmotion = functi
       overflowY: 'auto'
     }) : null];
   }, [maxHeight]);
-  var contentAreaStyles = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  var contentAreaStyles = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedContentAreaStyles : [maxHeight ?
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react2.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -20,6 +20,7 @@ var _contextPanel = require("@atlaskit/editor-common/context-panel");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -67,7 +68,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       var animSpeedMs = (0, _fg.fg)('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
-      var onExited = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.handleTransitionExited : function () {
+      var onExited = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? _this.handleTransitionExited : function () {
         return _this.unsetPluginContent();
       };
       return /*#__PURE__*/_react.default.createElement(_Transition.default, {

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

@@ -12,7 +12,7 @@ var _types = require("@atlaskit/editor-common/types");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _editorToolbarModel = require("@atlaskit/editor-toolbar-model");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _ToolbarInner = require("./ToolbarInner");
 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 TOOLBAR_FALLBACKS = {
@@ -83,10 +83,10 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
     var _editorAPI$analytics;
     editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
   }, [editorAPI]);
-  var fireAnalyticsEvent = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : function (payload) {
+  var fireAnalyticsEvent = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedFireAnalyticsEvent : function (payload) {
     return memoizedFireAnalyticsEvent(payload);
   };
-  var fallbacks = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+  var fallbacks = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? TOOLBAR_FALLBACKS : {
     group: _editorToolbar.ToolbarButtonGroup,
     section: _editorToolbar.ToolbarSection,
     menuSection: _editorToolbar.ToolbarDropdownItemSection

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

@@ -9,9 +9,19 @@ 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 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 = {
+  'toc:toc': _tableOfContent.default,
+  'cards:quick-insert': _card.default,
+  'carousel:quick-insert': _carousel.default,
+  'create-from-template:create-from-template': _template.default
+};
 var resolveExtensionIcon = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getIcon) {
     var maybeIcon, _default, _t;
@@ -80,7 +90,14 @@ var ExtensionQuickInsertIcon = exports.ExtensionQuickInsertIcon = function Exten
     itemKey = _ref2.itemKey,
     label = _ref2.label;
   var Icon = _react.default.useMemo(function () {
-    return whiteboardQuickInsertItemKeys.has(itemKey) ? _whiteboard.default : getIcon ? createLazyExtensionIcon(getIcon) : _apps.default;
+    var quickInsertItemIcon = quickInsertItemIcons[itemKey];
+    if (quickInsertItemIcon) {
+      return quickInsertItemIcon;
+    }
+    if (whiteboardQuickInsertItemKeys.has(itemKey)) {
+      return _whiteboard.default;
+    }
+    return getIcon ? createLazyExtensionIcon(getIcon) : _apps.default;
   }, [getIcon, itemKey]);
   return /*#__PURE__*/_react.default.createElement(Icon, {
     label: label

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

@@ -8,20 +8,56 @@ exports.getExtensionQuickInsertComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
 var _getMenuItemParents = require("@atlaskit/editor-common/quick-insert/get-menu-item-parents");
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
 var _ExtensionQuickInsertMenuItem = require("./ExtensionQuickInsertMenuItem");
+var structureExtensionItemKeyRanks = {
+  'toc:toc': 600,
+  'native-tabs:native-tabs': 1900,
+  'cards:quick-insert': 2000,
+  'carousel:quick-insert': 2100,
+  'spotlight:quick-insert': 2200,
+  'com.atlassian.linking-platform.create:linking-platform-create-jira-issue': 2500,
+  'com.atlassian.linking-platform.create:linking-platform-create-confluence-page': 2600,
+  'create-from-template:create-from-template': 2700,
+  'anchor:anchor': 2900,
+  'smart-button:quick-insert': 3000
+};
+var UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK = 3100;
+var getStructureExtensionItemRank = function getStructureExtensionItemRank(item) {
+  return structureExtensionItemKeyRanks[item.key];
+};
+var isStructureExtensionItem = function isStructureExtensionItem(item) {
+  return (0, _getMenuItemParents.getQuickInsertMenuItemParents)({
+    categories: item.categories,
+    rank: 0
+  }).some(function (parent) {
+    return parent.key === _keys.STRUCTURE_SECTION.key;
+  });
+};
 var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponents = function getExtensionQuickInsertComponents(_ref) {
   var apiRef = _ref.apiRef,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     items = _ref.items;
+  var unrecognizedStructureItemRanks = new Map(items.filter(isStructureExtensionItem).filter(function (item) {
+    return getStructureExtensionItemRank(item) === undefined;
+  }).sort(function (firstItem, secondItem) {
+    return firstItem.title.localeCompare(secondItem.title) || firstItem.key.localeCompare(secondItem.key);
+  }).map(function (item, index) {
+    return [item, UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK + index];
+  }));
   return items.map(function (item, index) {
-    var _item$priority;
+    var _unrecognizedStructur, _item$priority;
+    var structureRank = getStructureExtensionItemRank(item);
+    var isStructureItem = structureRank !== undefined;
+    var categories = isStructureItem ? ['structure'] : item.categories;
+    var fallbackRank = (_unrecognizedStructur = unrecognizedStructureItemRanks.get(item)) !== null && _unrecognizedStructur !== void 0 ? _unrecognizedStructur : _rank.EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index);
     return {
       type: 'menu-item',
       key: item.key,
       parents: (0, _getMenuItemParents.getQuickInsertMenuItemParents)({
-        categories: item.categories,
-        rank: _rank.EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index)
+        categories: categories,
+        rank: structureRank !== null && structureRank !== void 0 ? structureRank : fallbackRank
       }),
       match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function () {
         return {

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

package/dist/es2019/create-editor/ReactEditorView.js

@@ -1054,7 +1054,7 @@ export function ReactEditorView(props) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [editorRef, props.editorProps.popupsMountPoint]);
   // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
-  const reactEditorViewContext = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+  const reactEditorViewContext = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedReactEditorViewContext : {
     editorRef,
     editorView: viewRef.current,
     popupsMountPoint: props.editorProps.popupsMountPoint
@@ -1087,7 +1087,7 @@ export function ReactEditorView(props) {
       prebuiltEditorState: ssrDeps.ssrEditorState
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : state => {
+      onEditorStateChanged: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? handleSsrEditorStateChanged : state => {
         preMountEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -46,7 +46,7 @@ export default class Editor extends React.Component {
         var _states$editorViewMod;
         return states === null || states === void 0 ? void 0 : (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
-      const containerRef = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? this.setContainerElement : ref => this.containerElement = ref;
+      const containerRef = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? this.setContainerElement : ref => this.containerElement = ref;
       return /*#__PURE__*/React.createElement(WithFlash, {
         animate: maxContentSizeReached
       }, /*#__PURE__*/React.createElement(ChromelessEditorContainer, {

package/dist/es2019/ui/Appearance/Comment/Comment-emotion.js

@@ -21,6 +21,7 @@ import messages from '@atlaskit/editor-common/messages';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 // Ignored via go/ees005
@@ -207,7 +208,7 @@ export const CommentEditorWithIntlEmotion = props => {
     // so need to set overflow-y as auto to make sure the content area is scrollable
     overflowY: 'auto'
   }) : null], [maxHeight]);
-  const contentAreaStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  const contentAreaStyles = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedContentAreaStyles : [maxHeight ?
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -8,6 +8,7 @@ import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { contextPanelMessages } from '@atlaskit/editor-common/messages';
 import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -48,7 +49,7 @@ class SwappableContentAreaInner extends React.PureComponent {
         return;
       }
       const animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
-      const onExited = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? this.handleTransitionExited : () => this.unsetPluginContent();
+      const onExited = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? this.handleTransitionExited : () => this.unsetPluginContent();
       return /*#__PURE__*/React.createElement(Transition, {
         timeout: this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,

package/dist/es2019/ui/Toolbar/Toolbar.js

@@ -5,7 +5,7 @@ import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { ToolbarButtonGroup, ToolbarDropdownItemSection, ToolbarSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { ToolbarInner } from './ToolbarInner';
 const TOOLBAR_FALLBACKS = {
   group: ToolbarButtonGroup,
@@ -77,8 +77,8 @@ export const ToolbarNext = ({
     var _editorAPI$analytics;
     editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
   }, [editorAPI]);
-  const fireAnalyticsEvent = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : payload => memoizedFireAnalyticsEvent(payload);
-  const fallbacks = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+  const fireAnalyticsEvent = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedFireAnalyticsEvent : payload => memoizedFireAnalyticsEvent(payload);
+  const fallbacks = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? TOOLBAR_FALLBACKS : {
     group: ToolbarButtonGroup,
     section: ToolbarSection,
     menuSection: ToolbarDropdownItemSection

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

@@ -1,8 +1,18 @@
 import React from 'react';
 import AppsIcon from '@atlaskit/icon/core/apps';
+import CardIcon from '@atlaskit/icon/core/card';
 import WhiteboardIcon from '@atlaskit/icon/core/whiteboard';
+import CarouselIcon from '@atlaskit/icon-lab/core/carousel';
+import TableOfContentIcon from '@atlaskit/icon-lab/core/table-of-content';
+import TemplateIcon from '@atlaskit/icon-lab/core/template';
 const lazyExtensionIconCache = new WeakMap();
 const 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']);
+const quickInsertItemIcons = {
+  'toc:toc': TableOfContentIcon,
+  'cards:quick-insert': CardIcon,
+  'carousel:quick-insert': CarouselIcon,
+  'create-from-template:create-from-template': TemplateIcon
+};
 const resolveExtensionIcon = async getIcon => {
   try {
     const maybeIcon = await (getIcon === null || getIcon === void 0 ? void 0 : getIcon());
@@ -42,7 +52,16 @@ export const ExtensionQuickInsertIcon = ({
   itemKey,
   label
 }) => {
-  const Icon = React.useMemo(() => whiteboardQuickInsertItemKeys.has(itemKey) ? WhiteboardIcon : getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon, [getIcon, itemKey]);
+  const Icon = React.useMemo(() => {
+    const quickInsertItemIcon = quickInsertItemIcons[itemKey];
+    if (quickInsertItemIcon) {
+      return quickInsertItemIcon;
+    }
+    if (whiteboardQuickInsertItemKeys.has(itemKey)) {
+      return WhiteboardIcon;
+    }
+    return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
+  }, [getIcon, itemKey]);
   return /*#__PURE__*/React.createElement(Icon, {
     label: label
   });

package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js

@@ -1,33 +1,59 @@
 import React from 'react';
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
 import { getQuickInsertMenuItemParents } from '@atlaskit/editor-common/quick-insert/get-menu-item-parents';
+import { STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
 import { EXTENSION_ITEM_RANK } from '@atlaskit/editor-common/quick-insert/rank';
 import { ExtensionQuickInsertMenuItem } from './ExtensionQuickInsertMenuItem';
+const structureExtensionItemKeyRanks = {
+  'toc:toc': 600,
+  'native-tabs:native-tabs': 1900,
+  'cards:quick-insert': 2000,
+  'carousel:quick-insert': 2100,
+  'spotlight:quick-insert': 2200,
+  'com.atlassian.linking-platform.create:linking-platform-create-jira-issue': 2500,
+  'com.atlassian.linking-platform.create:linking-platform-create-confluence-page': 2600,
+  'create-from-template:create-from-template': 2700,
+  'anchor:anchor': 2900,
+  'smart-button:quick-insert': 3000
+};
+const UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK = 3100;
+const getStructureExtensionItemRank = item => structureExtensionItemKeyRanks[item.key];
+const isStructureExtensionItem = item => getQuickInsertMenuItemParents({
+  categories: item.categories,
+  rank: 0
+}).some(parent => parent.key === STRUCTURE_SECTION.key);
 export const getExtensionQuickInsertComponents = ({
   apiRef,
   createAnalyticsEvent,
   items
-}) => items.map((item, index) => {
-  var _item$priority;
-  return {
-    type: 'menu-item',
-    key: item.key,
-    parents: getQuickInsertMenuItemParents({
-      categories: item.categories,
-      rank: EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index)
-    }),
-    match: createQuickInsertMatcher(() => ({
-      description: item.description,
-      keywords: item.keywords,
-      title: item.title
-    })),
-    component: props => {
-      return /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
-        apiRef: apiRef,
-        createAnalyticsEvent: createAnalyticsEvent,
-        item: item,
-        onInsert: props.onInsert
-      });
-    }
-  };
-});
+}) => {
+  const unrecognizedStructureItemRanks = new Map(items.filter(isStructureExtensionItem).filter(item => getStructureExtensionItemRank(item) === undefined).sort((firstItem, secondItem) => firstItem.title.localeCompare(secondItem.title) || firstItem.key.localeCompare(secondItem.key)).map((item, index) => [item, UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK + index]));
+  return items.map((item, index) => {
+    var _unrecognizedStructur, _item$priority;
+    const structureRank = getStructureExtensionItemRank(item);
+    const isStructureItem = structureRank !== undefined;
+    const categories = isStructureItem ? ['structure'] : item.categories;
+    const fallbackRank = (_unrecognizedStructur = unrecognizedStructureItemRanks.get(item)) !== null && _unrecognizedStructur !== void 0 ? _unrecognizedStructur : EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index);
+    return {
+      type: 'menu-item',
+      key: item.key,
+      parents: getQuickInsertMenuItemParents({
+        categories,
+        rank: structureRank !== null && structureRank !== void 0 ? structureRank : fallbackRank
+      }),
+      match: createQuickInsertMatcher(() => ({
+        description: item.description,
+        keywords: item.keywords,
+        title: item.title
+      })),
+      component: props => {
+        return /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
+          apiRef: apiRef,
+          createAnalyticsEvent: createAnalyticsEvent,
+          item: item,
+          onInsert: props.onInsert
+        });
+      }
+    };
+  });
+};

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "226.1.7";
+export const version = "226.2.0";

package/dist/esm/create-editor/ReactEditorView.js

@@ -1129,7 +1129,7 @@ export function ReactEditorView(props) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [editorRef, props.editorProps.popupsMountPoint]);
   // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
-  var reactEditorViewContext = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+  var reactEditorViewContext = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedReactEditorViewContext : {
     editorRef: editorRef,
     editorView: viewRef.current,
     popupsMountPoint: props.editorProps.popupsMountPoint
@@ -1162,7 +1162,7 @@ export function ReactEditorView(props) {
       prebuiltEditorState: ssrDeps.ssrEditorState
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : function (state) {
+      onEditorStateChanged: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? handleSsrEditorStateChanged : function (state) {
         preMountEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({

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

@@ -8,7 +8,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Fragment } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -57,7 +57,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         var _states$editorViewMod;
         return states === null || states === void 0 || (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
-      var containerRef = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
+      var containerRef = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? _this.setContainerElement : function (ref) {
         return _this.containerElement = ref;
       };
       return /*#__PURE__*/React.createElement(WithFlash, {

package/dist/esm/ui/Appearance/Comment/Comment-emotion.js

@@ -23,6 +23,7 @@ import messages from '@atlaskit/editor-common/messages';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 // Ignored via go/ees005
@@ -210,7 +211,7 @@ export var CommentEditorWithIntlEmotion = function CommentEditorWithIntlEmotion(
       overflowY: 'auto'
     }) : null];
   }, [maxHeight]);
-  var contentAreaStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  var contentAreaStyles = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedContentAreaStyles : [maxHeight ?
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/esm/ui/ContextPanel/index.js

@@ -17,6 +17,7 @@ import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { contextPanelMessages } from '@atlaskit/editor-common/messages';
 import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -60,7 +61,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       var animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
-      var onExited = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.handleTransitionExited : function () {
+      var onExited = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? _this.handleTransitionExited : function () {
         return _this.unsetPluginContent();
       };
       return /*#__PURE__*/React.createElement(Transition, {

package/dist/esm/ui/Toolbar/Toolbar.js

@@ -5,7 +5,7 @@ import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { ToolbarButtonGroup, ToolbarDropdownItemSection, ToolbarSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { ToolbarInner } from './ToolbarInner';
 var TOOLBAR_FALLBACKS = {
   group: ToolbarButtonGroup,
@@ -75,10 +75,10 @@ export var ToolbarNext = function ToolbarNext(_ref) {
     var _editorAPI$analytics;
     editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
   }, [editorAPI]);
-  var fireAnalyticsEvent = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : function (payload) {
+  var fireAnalyticsEvent = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedFireAnalyticsEvent : function (payload) {
     return memoizedFireAnalyticsEvent(payload);
   };
-  var fallbacks = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+  var fallbacks = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? TOOLBAR_FALLBACKS : {
     group: ToolbarButtonGroup,
     section: ToolbarSection,
     menuSection: ToolbarDropdownItemSection

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

@@ -2,9 +2,19 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import AppsIcon from '@atlaskit/icon/core/apps';
+import CardIcon from '@atlaskit/icon/core/card';
 import WhiteboardIcon from '@atlaskit/icon/core/whiteboard';
+import CarouselIcon from '@atlaskit/icon-lab/core/carousel';
+import TableOfContentIcon from '@atlaskit/icon-lab/core/table-of-content';
+import TemplateIcon from '@atlaskit/icon-lab/core/template';
 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 = {
+  'toc:toc': TableOfContentIcon,
+  'cards:quick-insert': CardIcon,
+  'carousel:quick-insert': CarouselIcon,
+  'create-from-template:create-from-template': TemplateIcon
+};
 var resolveExtensionIcon = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getIcon) {
     var maybeIcon, _default, _t;
@@ -73,7 +83,14 @@ export var ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
     itemKey = _ref2.itemKey,
     label = _ref2.label;
   var Icon = React.useMemo(function () {
-    return whiteboardQuickInsertItemKeys.has(itemKey) ? WhiteboardIcon : getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
+    var quickInsertItemIcon = quickInsertItemIcons[itemKey];
+    if (quickInsertItemIcon) {
+      return quickInsertItemIcon;
+    }
+    if (whiteboardQuickInsertItemKeys.has(itemKey)) {
+      return WhiteboardIcon;
+    }
+    return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
   }, [getIcon, itemKey]);
   return /*#__PURE__*/React.createElement(Icon, {
     label: label

package/dist/esm/ui/quick-insert/getExtensionQuickInsertComponents.js

@@ -1,20 +1,56 @@
 import React from 'react';
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
 import { getQuickInsertMenuItemParents } from '@atlaskit/editor-common/quick-insert/get-menu-item-parents';
+import { STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
 import { EXTENSION_ITEM_RANK } from '@atlaskit/editor-common/quick-insert/rank';
 import { ExtensionQuickInsertMenuItem } from './ExtensionQuickInsertMenuItem';
+var structureExtensionItemKeyRanks = {
+  'toc:toc': 600,
+  'native-tabs:native-tabs': 1900,
+  'cards:quick-insert': 2000,
+  'carousel:quick-insert': 2100,
+  'spotlight:quick-insert': 2200,
+  'com.atlassian.linking-platform.create:linking-platform-create-jira-issue': 2500,
+  'com.atlassian.linking-platform.create:linking-platform-create-confluence-page': 2600,
+  'create-from-template:create-from-template': 2700,
+  'anchor:anchor': 2900,
+  'smart-button:quick-insert': 3000
+};
+var UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK = 3100;
+var getStructureExtensionItemRank = function getStructureExtensionItemRank(item) {
+  return structureExtensionItemKeyRanks[item.key];
+};
+var isStructureExtensionItem = function isStructureExtensionItem(item) {
+  return getQuickInsertMenuItemParents({
+    categories: item.categories,
+    rank: 0
+  }).some(function (parent) {
+    return parent.key === STRUCTURE_SECTION.key;
+  });
+};
 export var getExtensionQuickInsertComponents = function getExtensionQuickInsertComponents(_ref) {
   var apiRef = _ref.apiRef,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     items = _ref.items;
+  var unrecognizedStructureItemRanks = new Map(items.filter(isStructureExtensionItem).filter(function (item) {
+    return getStructureExtensionItemRank(item) === undefined;
+  }).sort(function (firstItem, secondItem) {
+    return firstItem.title.localeCompare(secondItem.title) || firstItem.key.localeCompare(secondItem.key);
+  }).map(function (item, index) {
+    return [item, UNRECOGNIZED_STRUCTURE_EXTENSION_ITEM_RANK + index];
+  }));
   return items.map(function (item, index) {
-    var _item$priority;
+    var _unrecognizedStructur, _item$priority;
+    var structureRank = getStructureExtensionItemRank(item);
+    var isStructureItem = structureRank !== undefined;
+    var categories = isStructureItem ? ['structure'] : item.categories;
+    var fallbackRank = (_unrecognizedStructur = unrecognizedStructureItemRanks.get(item)) !== null && _unrecognizedStructur !== void 0 ? _unrecognizedStructur : EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index);
     return {
       type: 'menu-item',
       key: item.key,
       parents: getQuickInsertMenuItemParents({
-        categories: item.categories,
-        rank: EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index)
+        categories: categories,
+        rank: structureRank !== null && structureRank !== void 0 ? structureRank : fallbackRank
       }),
       match: createQuickInsertMatcher(function () {
         return {

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "226.1.7";
+export var version = "226.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "226.2.0",
+	"version": "226.3.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,6 +62,7 @@
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/heading": "^7.2.0",
 		"@atlaskit/icon": "^37.6.0",
+		"@atlaskit/icon-lab": "^7.7.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/media-card": "^81.9.0",
 		"@atlaskit/mention": "^27.19.0",
@@ -73,7 +74,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.7.0",
 		"@atlaskit/task-decision": "^21.9.0",
-		"@atlaskit/tmp-editor-statsig": "^168.0.0",
+		"@atlaskit/tmp-editor-statsig": "^169.0.0",
 		"@atlaskit/tokens": "^16.10.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -91,7 +92,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.9.0",
+		"@atlaskit/editor-common": "^120.10.0",
 		"@atlaskit/link-provider": "^5.5.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0",