@atlaskit/editor-core 211.2.2 → 211.2.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 211.2.4
+
+### Patch Changes
+
+- [`db97eb262cc5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db97eb262cc5a) -
+  replace platform_editor_toolbar_aifc with separate experiements for jira and confluence
+- Updated dependencies
+
+## 211.2.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 211.2.2
 
 ### Patch Changes

package/dist/cjs/presets/default.js

@@ -42,6 +42,7 @@ var _unsupportedContent = require("@atlaskit/editor-plugins/unsupported-content"
 var _width = require("@atlaskit/editor-plugins/width");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _isFullPage = require("../utils/is-full-page");
 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; } // #region Imports
@@ -69,7 +70,9 @@ function createDefaultPreset(options) {
     return (0, _platformFeatureFlags.fg)('platform_editor_use_preferences_plugin');
   }).maybeAdd(_interaction.interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || (0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(_composition.compositionPlugin).add([_contextIdentifier.contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([_toolbar.toolbarPlugin, options.toolbar || {}], (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)).add([_primaryToolbar.primaryToolbarPlugin, {
+  }]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([_toolbar.toolbarPlugin, options.toolbar || {}], (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  })).add([_primaryToolbar.primaryToolbarPlugin, {
     contextualFormattingEnabled: isFullPage
   }]).maybeAdd(_undoRedo.undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([_blockType.blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
     includeBlockQuoteAsTextstyleOption: isFullPage

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

@@ -226,7 +226,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
   }, (0, _react2.jsx)(_Toolbar.MainToolbar, {
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled
-  }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_CommentToolbar.CommentToolbar, {
+  }, (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_CommentToolbar.CommentToolbar, {
     editorAPI: editorAPI,
     editorView: editorView,
     editorAppearance: appearance

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

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject, _templateObject2;
 /**
  * @jsxRuntime classic
@@ -112,11 +113,11 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] : [
+      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] : [
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       mainToolbarWrapperStyle(props.twoLineEditorToolbar,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)), stickyToolbarWrapperStyle]
+      (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)), stickyToolbarWrapperStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -133,11 +134,11 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] :
+      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] :
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       mainToolbarWrapperStyle(props.twoLineEditorToolbar,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)),
+      (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)),
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

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

@@ -16,7 +16,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _getPrimaryToolbarComponents = require("../../Toolbar/getPrimaryToolbarComponents");
 var _FullPageContentArea = require("./FullPageContentArea");
@@ -154,7 +153,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       '--ak-editor-fullpage-toolbar-height': (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)()
     }
-  }, !isEditorToolbarHidden && ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) ? (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
+  }, !isEditorToolbarHidden && ((0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, (0, _react2.jsx)(_FullPageToolbarNext.FullPageToolbarNext, {
     toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,

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

@@ -69,7 +69,8 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
   var toolbarStyle = (0, _react.useMemo)(function () {
     var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
     var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
-    var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
+    var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+    var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (
@@ -105,15 +106,16 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
   var minWidthValue = (0, _react.useMemo)(function () {
     if (props.hasMinWidth) {
       var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
-      return (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
+      return "".concat((0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance), "px");
     } else {
-      return 254;
+      var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+      return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
     }
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (0, _react2.jsx)("div", {
     css: staticToolbar,
     style: {
-      minWidth: "".concat(minWidthValue, "px")
+      minWidth: minWidthValue
     }
   }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
     setWidth: setWidth

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "211.2.1";
+var version = exports.version = "211.2.3";

package/dist/es2019/presets/default.js

@@ -35,6 +35,7 @@ import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-c
 import { widthPlugin } from '@atlaskit/editor-plugins/width';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 
 // #endregion
@@ -60,7 +61,9 @@ export function createDefaultPreset(options) {
     }
   }], () => fg('platform_editor_use_preferences_plugin')).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([toolbarPlugin, options.toolbar || {}], expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)).add([primaryToolbarPlugin, {
+  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([toolbarPlugin, options.toolbar || {}], editorExperiment('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  })).add([primaryToolbarPlugin, {
     contextualFormattingEnabled: isFullPage
   }]).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, {
     ...options.blockType,

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

@@ -227,7 +227,7 @@ export const CommentEditorWithIntl = props => {
   }, jsx(MainToolbar, {
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled
-  }, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) ? jsx(React.Fragment, null, jsx(CommentToolbar, {
+  }, editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(React.Fragment, null, jsx(CommentToolbar, {
     editorAPI: editorAPI,
     editorView: editorView,
     editorAppearance: appearance

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

@@ -10,6 +10,7 @@ import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 const akEditorMenuZIndex = 500;
 const akEditorToolbarKeylineHeight = 2;
@@ -157,11 +158,11 @@ const StickyToolbar = props => {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] : [
+      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, editorExperiment('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] : [
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       mainToolbarWrapperStyle(props.twoLineEditorToolbar,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)), stickyToolbarWrapperStyle]
+      editorExperiment('platform_editor_toolbar_aifc', true)), stickyToolbarWrapperStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -177,11 +178,11 @@ const StickyToolbar = props => {
 const FixedToolbar = props =>
 // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
 jsx("div", {
-  css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] :
+  css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, editorExperiment('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] :
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   mainToolbarWrapperStyle(props.twoLineEditorToolbar,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)),
+  editorExperiment('platform_editor_toolbar_aifc', true)),
   "data-testid": "ak-editor-main-toolbar"
 }, props.children);
 

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

@@ -13,7 +13,6 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
 import { FullPageContentArea } from './FullPageContentArea';
@@ -139,7 +138,7 @@ export const FullPageEditor = props => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       '--ak-editor-fullpage-toolbar-height': FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()
     }
-  }, !isEditorToolbarHidden && (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) ? jsx(IntlProvider, {
+  }, !isEditorToolbarHidden && (editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
     locale: "en"
   }, jsx(FullPageToolbarNext, {
     toolbarDockingPosition: (_toolbarDockingPositi = toolbarDockingPosition) !== null && _toolbarDockingPositi !== void 0 ? _toolbarDockingPositi : toolbarDocking,

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

@@ -56,7 +56,8 @@ const DynamicStyleToolbarWithSizeDetector = props => {
   const toolbarStyle = useMemo(() => {
     const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
     const toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
-    const minWidth = `min-width: ${props.hasMinWidth ? toolbarMinWidth : '254'}px`;
+    const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+    const minWidth = `min-width: ${props.hasMinWidth ? `${toolbarMinWidth}px` : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px'}`;
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (
@@ -89,15 +90,16 @@ const StaticStyleToolbarWithSizeDetector = props => {
   const minWidthValue = useMemo(() => {
     if (props.hasMinWidth) {
       const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
-      return toolbarSizeToWidth(toolbarWidth, props.appearance);
+      return `${toolbarSizeToWidth(toolbarWidth, props.appearance)}px`;
     } else {
-      return 254;
+      const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+      return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
     }
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return jsx("div", {
     css: staticToolbar,
     style: {
-      minWidth: `${minWidthValue}px`
+      minWidth: minWidthValue
     }
   }, jsx(WidthObserver, {
     setWidth: setWidth

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "211.2.1";
+export const version = "211.2.3";

package/dist/esm/presets/default.js

@@ -38,6 +38,7 @@ import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-c
 import { widthPlugin } from '@atlaskit/editor-plugins/width';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 
 // #endregion
@@ -64,7 +65,9 @@ export function createDefaultPreset(options) {
     return fg('platform_editor_use_preferences_plugin');
   }).maybeAdd(interactionPlugin, Boolean(options === null || options === void 0 ? void 0 : options.__livePage) || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)).add(compositionPlugin).add([contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([toolbarPlugin, options.toolbar || {}], expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)).add([primaryToolbarPlugin, {
+  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).maybeAdd([toolbarPlugin, options.toolbar || {}], editorExperiment('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  })).add([primaryToolbarPlugin, {
     contextualFormattingEnabled: isFullPage
   }]).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
     includeBlockQuoteAsTextstyleOption: isFullPage

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

@@ -218,7 +218,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   }, jsx(MainToolbar, {
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled
-  }, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) ? jsx(React.Fragment, null, jsx(CommentToolbar, {
+  }, editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(React.Fragment, null, jsx(CommentToolbar, {
     editorAPI: editorAPI,
     editorView: editorView,
     editorAppearance: appearance

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

@@ -15,6 +15,7 @@ import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var akEditorMenuZIndex = 500;
 var akEditorToolbarKeylineHeight = 2;
@@ -105,11 +106,11 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] : [
+      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, editorExperiment('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] : [
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       mainToolbarWrapperStyle(props.twoLineEditorToolbar,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)), stickyToolbarWrapperStyle]
+      editorExperiment('platform_editor_toolbar_aifc', true)), stickyToolbarWrapperStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -126,11 +127,11 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && mainToolbarWithoutLeftPadding] :
+      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, editorExperiment('platform_editor_toolbar_aifc', true) && mainToolbarWithoutLeftPadding] :
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       mainToolbarWrapperStyle(props.twoLineEditorToolbar,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)),
+      editorExperiment('platform_editor_toolbar_aifc', true)),
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

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

@@ -14,7 +14,6 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
 import { FullPageContentArea } from './FullPageContentArea';
@@ -144,7 +143,7 @@ export var FullPageEditor = function FullPageEditor(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       '--ak-editor-fullpage-toolbar-height': FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()
     }
-  }, !isEditorToolbarHidden && (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) ? jsx(IntlProvider, {
+  }, !isEditorToolbarHidden && (editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
     locale: "en"
   }, jsx(FullPageToolbarNext, {
     toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,

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

@@ -59,7 +59,8 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
   var toolbarStyle = useMemo(function () {
     var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
     var toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
-    var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
+    var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+    var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (
@@ -95,15 +96,16 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
   var minWidthValue = useMemo(function () {
     if (props.hasMinWidth) {
       var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
-      return toolbarSizeToWidth(toolbarWidth, props.appearance);
+      return "".concat(toolbarSizeToWidth(toolbarWidth, props.appearance), "px");
     } else {
-      return 254;
+      var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
+      return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
     }
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return jsx("div", {
     css: staticToolbar,
     style: {
-      minWidth: "".concat(minWidthValue, "px")
+      minWidth: minWidthValue
     }
   }, jsx(WidthObserver, {
     setWidth: setWidth

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "211.2.1";
+export var version = "211.2.3";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "211.2.2",
+	"version": "211.2.4",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/css": "^0.13.0",
 		"@atlaskit/editor-json-transformer": "^8.27.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^4.0.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/editor-plugins": "^10.3.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/editor-toolbar": "^0.7.0",
+		"@atlaskit/editor-toolbar": "^0.8.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/icon": "^28.1.0",
@@ -63,8 +63,8 @@
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.5.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^12.4.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.2.0",
+		"@atlaskit/editor-common": "^108.3.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -103,10 +103,10 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/renderer": "^121.1.0",
 		"@atlaskit/section-message": "^8.7.0",
-		"@atlaskit/smart-card": "^40.18.0",
+		"@atlaskit/smart-card": "^40.19.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/util-data-test": "^18.1.0",