@atlaskit/editor-common 120.10.0 → 120.10.1

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -24,6 +24,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _customItem = _interopRequireDefault(require("@atlaskit/menu/custom-item"));
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
+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 _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -311,7 +312,7 @@ function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onItemActivated, item]);
-  var onClick = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnClick : function () {
+  var onClick = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnClick : function () {
     return onItemActivated && onItemActivated({
       item: item
     });
@@ -319,7 +320,7 @@ function DropdownMenuItem(_ref) {
   var memoizedOnMouseDown = (0, _react.useCallback)(function (e) {
     e.preventDefault();
   }, []);
-  var onMouseDown = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseDown : function (e) {
+  var onMouseDown = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnMouseDown : function (e) {
     e.preventDefault();
   };
   var memoizedOnMouseEnter = (0, _react.useCallback)(function () {
@@ -327,7 +328,7 @@ function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onMouseEnter, item]);
-  var onMouseEnterHandler = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseEnter : function () {
+  var onMouseEnterHandler = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnMouseEnter : function () {
     return onMouseEnter && onMouseEnter({
       item: item
     });
@@ -337,7 +338,7 @@ function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onMouseLeave, item]);
-  var onMouseLeaveHandler = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseLeave : function () {
+  var onMouseLeaveHandler = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnMouseLeave : function () {
     return onMouseLeave && onMouseLeave({
       item: item
     });
@@ -412,7 +413,7 @@ function (_ref2) {
       keyDownHandlerContext: keyDownHandlerContext
     });
   }, [props.arrowKeyNavigationProviderOptions, keyDownHandlerContext]);
-  var arrowKeyNavOptions = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedArrowKeyNavOptions : _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+  var arrowKeyNavOptions = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedArrowKeyNavOptions : _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
     keyDownHandlerContext: keyDownHandlerContext
   });
   return (0, _react2.jsx)(DropdownMenuWrapper, (0, _extends2.default)({

package/dist/cjs/ui-menu/ToolbarButton/styles.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 // If you make any change here, copy it to above file as well
 //  and notify about the change in #team-fc-editor-ai-dev channel.
 
@@ -25,7 +25,7 @@ var _default_1 = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? toolbarButtonStyle : {
+    style: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? toolbarButtonStyle : {
       alignItems: 'center'
     }
   }));

package/dist/es2019/card/ui/assets/card.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 const IconCardGlyph = ({
@@ -30,7 +30,7 @@ const iconCardStyle = {
 export const IconCard = ({
   label
 }) => {
-  const style = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconCardStyle :
+  const style = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? iconCardStyle :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
   {
     width: '24px',

package/dist/es2019/card/ui/assets/embed.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 const IconEmbedGlyph = ({
@@ -30,7 +30,7 @@ const iconEmbedStyle = {
 export const IconEmbed = ({
   label
 }) => {
-  const style = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconEmbedStyle :
+  const style = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? iconEmbedStyle :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
   {
     width: '24px',

package/dist/es2019/card/ui/assets/inline.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 const IconInlineGlyph = ({
@@ -30,7 +30,7 @@ const iconInlineStyle = {
 export const IconInline = ({
   label
 }) => {
-  const style = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconInlineStyle :
+  const style = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? iconInlineStyle :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
   {
     width: '24px',

package/dist/es2019/card/ui/assets/url.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 const IconUrlGlyph = ({
@@ -32,7 +32,7 @@ const iconUrlStyle = {
 export const IconUrl = ({
   label
 }) => {
-  const style = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconUrlStyle :
+  const style = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? iconUrlStyle :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
   {
     width: '24px',

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -9,6 +9,7 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useSharedPluginStateWithSelector } from '../../../hooks';
@@ -234,7 +235,7 @@ const Extension = props => {
     width: width !== null && width !== void 0 ? width : 0,
     lineLength
   }), [width, lineLength]);
-  const widthState = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedWidthState : {
+  const widthState = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedWidthState : {
     width: width !== null && width !== void 0 ? width : 0,
     lineLength
   };

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -10,6 +10,7 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { FormattedMessage, defineMessages } from 'react-intl';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -144,7 +145,7 @@ export const ExtensionLabel = ({
   const memoizedTooltipValues = useMemo(() => ({
     macroName: text
   }), [text]);
-  const tooltipValues = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTooltipValues : {
+  const tooltipValues = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedTooltipValues : {
     macroName: text
   };
   return (

package/dist/es2019/extensions/UnknownMacroPlaceholder.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { messages } from './messages';
 // Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
 const neutralBorder = "var(--ds-background-neutral, #0515240F)";
@@ -37,7 +37,7 @@ export function UnknownMacroPlaceholder({
     return `${key} = ${value}`;
   };
   const memoizedVisibleParams = useMemo(() => Object.entries(macroParams).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParam(key, param)).join(' | '), [macroParams]);
-  const visibleParams = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedVisibleParams :
+  const visibleParams = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedVisibleParams :
   // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
   Object.entries(macroParamsOld).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParamInline(key, param)).join(' | ');
   const headerText = visibleParams ? `${intl.formatMessage(messages.unknownMacroHeader, {

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -14,7 +14,7 @@ import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group'
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import PreferencesIcon from '@atlaskit/icon/core/customize';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -85,7 +85,7 @@ const Dropdown = ({
     }
   })), [configureLinkLabel, fireLinkClickEvent]);
   return jsx(DropdownMenu, {
-    trigger: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTrigger : ({
+    trigger: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedTrigger : ({
       onClick,
       triggerRef,
       ...props

package/dist/es2019/link/LinkPicker/EditorLinkPicker/index.js

@@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getAnalyticsEditorAppearance } from '../../../utils';
 import { useEscapeClickaway } from './useEscapeClickaway';
@@ -69,12 +70,12 @@ export const EditorLinkPicker = ({
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: analyticsEditorAppearance
   }), [invokeMethod, analyticsEditorAppearance]);
-  const returnFocus = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  const returnFocus = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? PREVENT_SCROLL :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
   {
     preventScroll: true
   };
-  const focusOptions = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  const focusOptions = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? PREVENT_SCROLL :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
   {
     preventScroll: true

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { INPUT_METHOD } from '../../../analytics';
 import { WithProviders } from '../../../provider-factory';
 import { EditorLinkPicker } from '../EditorLinkPicker';
@@ -81,13 +81,13 @@ export function HyperlinkAddToolbar({
       timesViewed: timesViewed
     });
   }, [lpLinkPicker, isOffline, view, invokeMethod, inputMethod, editorAppearance, linkPickerOptions, displayUrl, displayText, onSubmit, memoizedOnSubmitWithInterface, onCancel, onClose, onEscapeCallback, onClickAwayCallback, searchSessionId, timesViewed]);
-  const providers = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? HYPERLINK_PROVIDERS :
+  const providers = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? HYPERLINK_PROVIDERS :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
   ['activityProvider', 'searchProvider'];
   return /*#__PURE__*/React.createElement(WithProviders, {
     providers: providers,
     providerFactory: providerFactory,
-    renderNode: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedRenderNode :
+    renderNode: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedRenderNode :
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
     ({
       activityProvider,

package/dist/es2019/media-inline/inline-image-card.js

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import { getRandomHex } from '@atlaskit/media-common';
 import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { MediaImage } from '@atlaskit/media-ui/mediaImage';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { InlineImageCardLoadingView } from './views/loading-view';
 export const InlineImageCard = ({
   dimensions,
@@ -57,7 +57,7 @@ export const InlineImageCard = ({
     dataURI: preview.dataURI,
     alt: alt,
     previewOrientation: preview.orientation,
-    onImageLoad: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnImageLoad : () => {
+    onImageLoad: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnImageLoad : () => {
       onImageLoad(preview);
     },
     onImageError: onImageError,

package/dist/es2019/media-inline/media-inline-image-card.js

@@ -13,8 +13,8 @@ import { fireFailedMediaInlineEvent, fireSucceededMediaInlineEvent, MediaCardErr
 import { FileFetcherError } from '@atlaskit/media-client';
 import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { messages } from '../messages/media-inline-card';
 import { referenceHeights } from './constants';
 import { InlineImageCard } from './inline-image-card';
@@ -126,7 +126,7 @@ export const MediaInlineImageCardInternal = ({
     }, jsx(InlineImageCard, {
       dimensions: dimensions,
       identifier: identifier,
-      renderError: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedRenderError :
+      renderError: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedRenderError :
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
       () => jsx(InlineImageCardErrorView, {
         message: formatMessage(messages.unableToLoadContent)
@@ -197,7 +197,7 @@ export const MediaInlineImageCardInternal = ({
     if (isMediaViewerVisible && mediaClient !== null && mediaClient !== void 0 && mediaClient.mediaClientConfig) {
       return /*#__PURE__*/ReactDOM.createPortal(jsx(MediaViewer, {
         collectionName: identifier.collectionName || '',
-        items: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedMediaViewerItems :
+        items: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedMediaViewerItems :
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
         [identifier],
         mediaClientConfig: mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig,

package/dist/es2019/media-single/CommentBadge.js

@@ -9,7 +9,7 @@ import debounce from 'lodash/debounce';
 import CustomThemeButton from '@atlaskit/button/custom-theme-button/custom-theme-button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { commentMessages as messages } from '../media';
 import { getBadgeSize } from './getBadgeSize';
@@ -76,7 +76,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
     justifyContent: 'center',
     alignItems: 'center'
   }), [badgeDimensions, colourToken]);
-  const badgeStyle = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedBadgeStyle : {
+  const badgeStyle = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedBadgeStyle : {
     height: badgeDimensions,
     width: badgeDimensions,
     background: colourToken,

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "120.9.0";
+const packageVersion = "120.10.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/rank.js

@@ -16,27 +16,28 @@ export const STRUCTURE_SECTION_RANK = {
   [TABLE_MENU_ITEM.key]: 200,
   [STATUS_MENU_ITEM.key]: 300,
   [DATE_MENU_ITEM.key]: 400,
-  [SYNCED_BLOCK_MENU_ITEM.key]: 500,
-  [EXPAND_MENU_ITEM.key]: 600,
-  [CODE_BLOCK_MENU_ITEM.key]: 700,
-  [DECISION_MENU_ITEM.key]: 800,
+  [MENTION_MENU_ITEM.key]: 500,
+  [EXPAND_MENU_ITEM.key]: 700,
+  [CODE_BLOCK_MENU_ITEM.key]: 800,
   [INFO_PANEL_MENU_ITEM.key]: 900,
   [NOTE_PANEL_MENU_ITEM.key]: 1000,
   [SUCCESS_PANEL_MENU_ITEM.key]: 1100,
   [WARNING_PANEL_MENU_ITEM.key]: 1200,
   [ERROR_PANEL_MENU_ITEM.key]: 1300,
   [CUSTOM_PANEL_MENU_ITEM.key]: 1400,
-  [TWO_COLUMNS_LAYOUT_MENU_ITEM.key]: 1600,
-  [THREE_COLUMNS_LAYOUT_MENU_ITEM.key]: 1700,
-  [FOUR_COLUMNS_LAYOUT_MENU_ITEM.key]: 1800,
-  [FIVE_COLUMNS_LAYOUT_MENU_ITEM.key]: 1900
+  [TWO_COLUMNS_LAYOUT_MENU_ITEM.key]: 1500,
+  [THREE_COLUMNS_LAYOUT_MENU_ITEM.key]: 1600,
+  [FOUR_COLUMNS_LAYOUT_MENU_ITEM.key]: 1700,
+  [FIVE_COLUMNS_LAYOUT_MENU_ITEM.key]: 1800,
+  [SYNCED_BLOCK_MENU_ITEM.key]: 2300,
+  [RULE_MENU_ITEM.key]: 2400,
+  [DECISION_MENU_ITEM.key]: 2800
 };
 export const MEDIA_SECTION_RANK = {
   [MEDIA_INSERT_MENU_ITEM.key]: 100,
   [HYPERLINK_MENU_ITEM.key]: 200,
   [EMOJI_MENU_ITEM.key]: 300,
   [LOOM_MENU_ITEM.key]: 400,
-  [MENTION_MENU_ITEM.key]: 500,
   [AI_IMAGE_GENERATION_MENU_ITEM.key]: 600
 };
 export const TEXT_FORMATTING_SECTION_RANK = {
@@ -47,7 +48,6 @@ export const TEXT_FORMATTING_SECTION_RANK = {
   [HEADING_5_MENU_ITEM.key]: 500,
   [HEADING_6_MENU_ITEM.key]: 600,
   [BLOCKQUOTE_MENU_ITEM.key]: 700,
-  [RULE_MENU_ITEM.key]: 800,
   [PLACEHOLDER_TEXT_MENU_ITEM.key]: 900,
   [UNORDERED_LIST_MENU_ITEM.key]: 1100,
   [ORDERED_LIST_MENU_ITEM.key]: 1200

package/dist/es2019/resizer/BreakoutResizer.js

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bind, bindAll } from 'bind-event-listener';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { LAYOUT_SECTION_MARGIN } from '../styles';
 import { getBrowserInfo } from '../utils/browser';
@@ -329,7 +329,7 @@ const BreakoutResizer = ({
   }
   return /*#__PURE__*/React.createElement(Resizer, {
     ref: resizerRef,
-    enable: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? RESIZER_ENABLE_HANDLES : {
+    enable: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? RESIZER_ENABLE_HANDLES : {
       left: true,
       right: true
     },

package/dist/es2019/resizer/Resizer.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, u
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { useIntl } from 'react-intl';
-
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -154,7 +154,7 @@ const ResizerNext = (props, ref) => {
       ...(handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])
     }
   }), {}), [memoizedBaseBottomHandleStyles, memoizedBaseHorizontalHandleStyles, offset, handleStyles, supportedHandles]);
-  const nextHandleStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedNextHandleStyles :
+  const nextHandleStyles = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedNextHandleStyles :
   // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
   supportedHandles.reduce((result, position) => ({
     ...result,
@@ -245,7 +245,7 @@ const ResizerNext = (props, ref) => {
     width: width !== null && width !== void 0 ? width : 'auto',
     height: resolvedHeight
   }), [resolvedHeight, width]);
-  const resizerSize = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? resizerAutoSize :
+  const resizerSize = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? resizerAutoSize :
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
   {
     width: width !== null && width !== void 0 ? width : 'auto',

package/dist/es2019/toolbar/context.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useMemo } from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const EditorToolbarContext = /*#__PURE__*/createContext({
   editorView: null,
   editorAppearance: undefined,
@@ -33,7 +33,7 @@ export const EditorToolbarProvider = ({
     editorToolbarDockingPreference,
     isOffline
   }), [editorView, editorAppearance, editorViewMode, editorToolbarDockingPreference, isOffline]);
-  const contextValue = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedValue : {
+  const contextValue = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedValue : {
     editorView,
     editorAppearance,
     editorViewMode,

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 = "120.9.0";
+const packageVersion = "120.10.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -15,6 +15,7 @@ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Anchor, Box, Text, xcss } from '@atlaskit/primitives';
@@ -112,7 +113,7 @@ const HoverLinkOverlay = ({
   const memoizedHoverLinkStyles = useMemo(() => ({
     paddingBlock: compactPadding ? '1px' : regularPadding
   }), [compactPadding, regularPadding]);
-  const hoverLinkStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHoverLinkStyles : {
+  const hoverLinkStyles = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedHoverLinkStyles : {
     paddingBlock: compactPadding ? '1px' : DYNAMIC_PADDING_BLOCK
   };
   useLayoutEffect(() => {

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

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
 import { MentionWithAvatarProviders, MentionWithProviders } from './mention-with-providers';
 const MENTION_PROVIDERS = ['mentionProvider', 'profilecardProvider'];
@@ -65,7 +64,7 @@ export default class Mention extends PureComponent {
     }
   }
   render() {
-    const providers = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
+    const providers = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
     return /*#__PURE__*/React.createElement(WithProviders, {
       providers: providers,
       providerFactory: this.providerFactory,

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

@@ -8,8 +8,8 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { withReactEditorViewOuterListeners as withOuterListeners } from '../../ui-react';
 import Popup from '../Popup';
 import tableSelectorPopup, { TABLE_SELECTOR_BUTTON_GAP, TABLE_SELECTOR_BUTTON_SIZE } from './table-selector';
@@ -236,7 +236,7 @@ export const TableSelectorPopup = props => {
     }
     return unbind;
   }, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
-  const offset = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? POPUP_OFFSET : [0, 3];
+  const offset = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? POPUP_OFFSET : [0, 3];
   return jsx(Popup, {
     target: props.target,
     offset: offset,

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -11,10 +11,10 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/default/button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss, Inline } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
 import { colorPickerButtonMessages } from '../../messages/color-picker-button';
@@ -67,7 +67,7 @@ const ColorPickerButton = props => {
     formatMessage
   } = useIntl();
   const memoizedHandleClose = useCallback(() => setIsPopupOpen(false), [setIsPopupOpen]);
-  const handleClose = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHandleClose : () => setIsPopupOpen(false);
+  const handleClose = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedHandleClose : () => setIsPopupOpen(false);
   const memoizedTogglePopup = useCallback(() => {
     setIsPopupOpen(prevIsOpen => {
       if (!prevIsOpen) {
@@ -77,7 +77,7 @@ const ColorPickerButton = props => {
       return !prevIsOpen;
     });
   }, []);
-  const togglePopup = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTogglePopup : () => {
+  const togglePopup = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedTogglePopup : () => {
     setIsPopupOpen(!isPopupOpen);
     if (!isPopupOpen) {
       setIsOpenedByKeyboard(false);
@@ -91,7 +91,7 @@ const ColorPickerButton = props => {
       setIsOpenedByKeyboard(true);
     }
   }, [memoizedTogglePopup]);
-  const onKeyDown = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnKeyDown : event => {
+  const onKeyDown = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnKeyDown : event => {
     if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       togglePopup();
@@ -103,7 +103,7 @@ const ColorPickerButton = props => {
     hexToPaletteColor: props.hexToPaletteColor,
     paletteColorTooltipMessages: props.paletteColorTooltipMessages
   }), [props.colorPalette, props.hexToPaletteColor, props.paletteColorTooltipMessages]);
-  const paletteOptions = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedPaletteOptions : {
+  const paletteOptions = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedPaletteOptions : {
     palette: props.colorPalette,
     hexToPaletteColor: props.hexToPaletteColor,
     paletteColorTooltipMessages: props.paletteColorTooltipMessages
@@ -175,7 +175,7 @@ const ColorPickerButton = props => {
       target: buttonRef.current,
       fitHeight: 350,
       fitWidth: 350,
-      offset: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? COLOR_PICKER_POPUP_OFFSET : [0, 10],
+      offset: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? COLOR_PICKER_POPUP_OFFSET : [0, 10],
       alignX: props.alignX,
       mountTo: props.setDisableParentScroll ? props.mountPoint : undefined,
       absoluteOffset: props.absoluteOffset