@atlaskit/editor-common 120.9.0 → 120.10.1

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

@@ -12,10 +12,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';
@@ -80,7 +80,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
   var memoizedHandleClose = useCallback(function () {
     return setIsPopupOpen(false);
   }, [setIsPopupOpen]);
-  var handleClose = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHandleClose : function () {
+  var handleClose = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedHandleClose : function () {
     return setIsPopupOpen(false);
   };
   var memoizedTogglePopup = useCallback(function () {
@@ -92,7 +92,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       return !prevIsOpen;
     });
   }, []);
-  var togglePopup = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTogglePopup : function () {
+  var togglePopup = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedTogglePopup : function () {
     setIsPopupOpen(!isPopupOpen);
     if (!isPopupOpen) {
       setIsOpenedByKeyboard(false);
@@ -106,7 +106,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       setIsOpenedByKeyboard(true);
     }
   }, [memoizedTogglePopup]);
-  var onKeyDown = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnKeyDown : function (event) {
+  var onKeyDown = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnKeyDown : function (event) {
     if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       togglePopup();
@@ -120,7 +120,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       paletteColorTooltipMessages: props.paletteColorTooltipMessages
     };
   }, [props.colorPalette, props.hexToPaletteColor, props.paletteColorTooltipMessages]);
-  var paletteOptions = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedPaletteOptions : {
+  var paletteOptions = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedPaletteOptions : {
     palette: props.colorPalette,
     hexToPaletteColor: props.hexToPaletteColor,
     paletteColorTooltipMessages: props.paletteColorTooltipMessages
@@ -191,7 +191,7 @@ var ColorPickerButton = function 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

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

@@ -29,6 +29,7 @@ import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import CustomItem from '@atlaskit/menu/custom-item';
 import MenuGroup from '@atlaskit/menu/menu-group';
 import Section from '@atlaskit/menu/section';
+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';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
@@ -304,7 +305,7 @@ export function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onItemActivated, item]);
-  var onClick = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnClick : function () {
+  var onClick = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnClick : function () {
     return onItemActivated && onItemActivated({
       item: item
     });
@@ -312,7 +313,7 @@ export function DropdownMenuItem(_ref) {
   var memoizedOnMouseDown = useCallback(function (e) {
     e.preventDefault();
   }, []);
-  var onMouseDown = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseDown : function (e) {
+  var onMouseDown = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnMouseDown : function (e) {
     e.preventDefault();
   };
   var memoizedOnMouseEnter = useCallback(function () {
@@ -320,7 +321,7 @@ export function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onMouseEnter, item]);
-  var onMouseEnterHandler = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseEnter : function () {
+  var onMouseEnterHandler = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnMouseEnter : function () {
     return onMouseEnter && onMouseEnter({
       item: item
     });
@@ -330,7 +331,7 @@ export function DropdownMenuItem(_ref) {
       item: item
     });
   }, [onMouseLeave, item]);
-  var onMouseLeaveHandler = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedOnMouseLeave : function () {
+  var onMouseLeaveHandler = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedOnMouseLeave : function () {
     return onMouseLeave && onMouseLeave({
       item: item
     });
@@ -405,7 +406,7 @@ function (_ref2) {
       keyDownHandlerContext: keyDownHandlerContext
     });
   }, [props.arrowKeyNavigationProviderOptions, keyDownHandlerContext]);
-  var arrowKeyNavOptions = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedArrowKeyNavOptions : _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+  var arrowKeyNavOptions = isExperimentEnabled('platform_editor_perf_lint_cleanup') ? memoizedArrowKeyNavOptions : _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
     keyDownHandlerContext: keyDownHandlerContext
   });
   return jsx(DropdownMenuWrapper, _extends({

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 //  and notify about the change in #team-fc-editor-ai-dev channel.
 import React from 'react';
 import Button from '@atlaskit/button/standard-button';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 var toolbarButtonStyle = {
   alignItems: 'center'
 };
@@ -17,7 +17,7 @@ var _default_1 = /*#__PURE__*/React.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: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? toolbarButtonStyle : {
+    style: isExperimentEnabled('platform_editor_perf_lint_cleanup') ? toolbarButtonStyle : {
       alignItems: 'center'
     }
   }));

package/dist/types/block-controls/surface-keys.d.ts

@@ -18,3 +18,11 @@ export declare const BLOCK_CONTROLS_LEFT_GROUP: {
     readonly key: 'block-controls-left-group';
     readonly type: 'group';
 };
+export declare const BLOCK_CONTROLS_RIGHT_SECTION: {
+    readonly key: 'block-controls-right-section';
+    readonly type: 'section';
+};
+export declare const BLOCK_CONTROLS_RIGHT_GROUP: {
+    readonly key: 'block-controls-right-group';
+    readonly type: 'group';
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "120.9.0",
+	"version": "120.10.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -84,7 +84,7 @@
 		"@atlaskit/task-decision": "^21.9.0",
 		"@atlaskit/teams-app-config": "^3.0.0",
 		"@atlaskit/textfield": "^10.2.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",