@atlaskit/editor-plugin-text-color 12.3.5 → 12.3.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-text-color
 
+## 12.3.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.3.6
+
+### Patch Changes
+
+- [`294e8295a274f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/294e8295a274f) -
+  [ux] [EDITOR-7863] Keep the color menu open when clicking inside the palette.
+
 ## 12.3.5
 
 ### Patch Changes

package/dist/cjs/ui/TextMenuSection.js

@@ -11,7 +11,9 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var styles = {
   menu: "_1rjcv77o _18zru2gc"
 };
@@ -21,9 +23,15 @@ var TextMenuSection = exports.TextMenuSection = function TextMenuSection(_ref) {
   var hasSeparator = parents.some(function (parent) {
     return parent.key === _toolbar.TEXT_COLLAPSED_MENU.key;
   });
+  var onMouseDown = function onMouseDown(event) {
+    if ((0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1')) {
+      event.stopPropagation();
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
     hasSeparator: hasSeparator
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.menu
+    xcss: styles.menu,
+    onMouseDown: onMouseDown
   }, children));
 };

package/dist/es2019/ui/TextMenuSection.js

@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const styles = {
   menu: "_1rjcv77o _18zru2gc"
 };
@@ -13,9 +15,15 @@ export const TextMenuSection = ({
   parents
 }) => {
   const hasSeparator = parents.some(parent => parent.key === TEXT_COLLAPSED_MENU.key);
+  const onMouseDown = event => {
+    if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1')) {
+      event.stopPropagation();
+    }
+  };
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
     hasSeparator: hasSeparator
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.menu
+    xcss: styles.menu,
+    onMouseDown: onMouseDown
   }, children));
 };

package/dist/esm/ui/TextMenuSection.js

@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var styles = {
   menu: "_1rjcv77o _18zru2gc"
 };
@@ -14,9 +16,15 @@ export var TextMenuSection = function TextMenuSection(_ref) {
   var hasSeparator = parents.some(function (parent) {
     return parent.key === TEXT_COLLAPSED_MENU.key;
   });
+  var onMouseDown = function onMouseDown(event) {
+    if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1')) {
+      event.stopPropagation();
+    }
+  };
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
     hasSeparator: hasSeparator
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.menu
+    xcss: styles.menu,
+    onMouseDown: onMouseDown
   }, children));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-color",
-	"version": "12.3.5",
+	"version": "12.3.7",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/primitives": "^20.2.0",
-		"@atlaskit/tmp-editor-statsig": "^114.6.0",
+		"@atlaskit/tmp-editor-statsig": "^115.0.0",
 		"@atlaskit/tokens": "^15.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"