@atlaskit/editor-plugin-panel 4.3.2 → 4.3.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-panel
 
+## 4.3.3
+
+### Patch Changes
+
+- [#136524](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/136524)
+  [`d70621353e0f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d70621353e0f7) -
+  [ux] [EDITOR-266] Fix nested panel icon colours in LCM
+- Updated dependencies
+
 ## 4.3.2
 
 ### Patch Changes

package/dist/cjs/pm-plugins/utils/utils.js

@@ -11,6 +11,7 @@ var _panel = require("@atlaskit/editor-common/panel");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
@@ -42,9 +43,13 @@ var panelAttrsToDom = exports.panelAttrsToDom = function panelAttrsToDom(attrs,
       'data-panel-icon-text': panelIconText
     });
   }
-  var iconDiv = ['div', {
+  var iconDiv = ['div', // EDITOR-266 This fixes an issue in LCM where if you have nested panels
+  // The icon colour will be overriden by the parent panel style, this is used to create a more specefic css selector
+  _objectSpread({
     class: _panel.PanelSharedCssClassName.icon
-  }];
+  }, (0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix') ? {
+    'data-panel-type': panelType || _adfSchema.PanelType.INFO
+  } : {})];
   var contentDiv = ['div', {
     class: _panel.PanelSharedCssClassName.content
   }, 0];

package/dist/es2019/pm-plugins/utils/utils.js

@@ -3,6 +3,7 @@ import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export const findPanel = (state, selection) => {
   const {
@@ -37,8 +38,14 @@ export const panelAttrsToDom = (attrs, allowCustomPanel) => {
       'data-panel-icon-text': panelIconText
     };
   }
-  const iconDiv = ['div', {
-    class: PanelSharedCssClassName.icon
+  const iconDiv = ['div',
+  // EDITOR-266 This fixes an issue in LCM where if you have nested panels
+  // The icon colour will be overriden by the parent panel style, this is used to create a more specefic css selector
+  {
+    class: PanelSharedCssClassName.icon,
+    ...(fg('platform_editor_lcm_nested_panel_icon_fix') ? {
+      'data-panel-type': panelType || PanelType.INFO
+    } : {})
   }];
   const contentDiv = ['div', {
     class: PanelSharedCssClassName.content

package/dist/esm/pm-plugins/utils/utils.js

@@ -6,6 +6,7 @@ import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var findPanel = function findPanel(state, selection) {
   var panel = state.schema.nodes.panel;
@@ -35,9 +36,13 @@ export var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
       'data-panel-icon-text': panelIconText
     });
   }
-  var iconDiv = ['div', {
+  var iconDiv = ['div', // EDITOR-266 This fixes an issue in LCM where if you have nested panels
+  // The icon colour will be overriden by the parent panel style, this is used to create a more specefic css selector
+  _objectSpread({
     class: PanelSharedCssClassName.icon
-  }];
+  }, fg('platform_editor_lcm_nested_panel_icon_fix') ? {
+    'data-panel-type': panelType || PanelType.INFO
+  } : {})];
   var contentDiv = ['div', {
     class: PanelSharedCssClassName.content
   }, 0];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "4.3.2",
+	"version": "4.3.3",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,7 +36,7 @@
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
-		"@atlaskit/editor-plugin-emoji": "^3.4.0",
+		"@atlaskit/editor-plugin-emoji": "^3.5.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/emoji": "^69.0.0",
@@ -98,6 +98,9 @@
 		},
 		"platform_editor_controls_patch_1": {
 			"type": "boolean"
+		},
+		"platform_editor_lcm_nested_panel_icon_fix": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {