@atlaskit/editor-plugin-text-color 3.2.2 → 3.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-text-color
 
+## 3.2.3
+
+### Patch Changes
+
+- [`51f3f2db61f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51f3f2db61f6e) -
+  Update toolbar config across plugins
+- Updated dependencies
+
 ## 3.2.2
 
 ### Patch Changes

package/dist/cjs/ui/TextColorHighlightMenu.js

@@ -53,7 +53,7 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.menu
   }, children))) : /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarColorSwatch, {
@@ -69,7 +69,7 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.menu
   }, children));
 };

package/dist/cjs/ui/TextMenuSection.compiled.css

@@ -0,0 +1,2 @@
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}

package/dist/cjs/ui/TextMenuSection.js

@@ -0,0 +1,29 @@
+/* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextMenuSection = void 0;
+require("./TextMenuSection.compiled.css");
+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 _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  menu: "_1rjcv77o _18zru2gc"
+};
+var TextMenuSection = exports.TextMenuSection = function TextMenuSection(_ref) {
+  var children = _ref.children,
+    parents = _ref.parents;
+  var hasSeparator = parents.some(function (parent) {
+    return parent.key === _toolbar.TEXT_COLLAPSED_MENU.key;
+  });
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.menu
+  }, children));
+};

package/dist/cjs/ui/toolbar-components.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolbarComponents = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _TextColorHighlightMenu = require("./TextColorHighlightMenu");
 var _TextColorMenuItem = require("./TextColorMenuItem");
+var _TextMenuSection = require("./TextMenuSection");
 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; }
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
@@ -30,7 +33,12 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   }), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
     parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU), {}, {
       rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
-    })]
+    })].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: _toolbar.TEXT_COLLAPSED_MENU.type,
+      key: _toolbar.TEXT_COLLAPSED_MENU.key,
+      rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
+    }] : [])),
+    component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? _TextMenuSection.TextMenuSection : undefined
   }), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_MENU_ITEM), {}, {
     parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
       rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[_toolbar.TEXT_COLOR_MENU_ITEM.key]

package/dist/es2019/ui/TextColorHighlightMenu.js

@@ -48,7 +48,7 @@ export const TextColorHighlightMenu = ({
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.menu
   }, children))) : /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
@@ -64,7 +64,7 @@ export const TextColorHighlightMenu = ({
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.menu
   }, children));
 };

package/dist/es2019/ui/TextMenuSection.compiled.css

@@ -0,0 +1,2 @@
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}

package/dist/es2019/ui/TextMenuSection.js

@@ -0,0 +1,21 @@
+/* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./TextMenuSection.compiled.css";
+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 { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  menu: "_1rjcv77o _18zru2gc"
+};
+export const TextMenuSection = ({
+  children,
+  parents
+}) => {
+  const hasSeparator = parents.some(parent => parent.key === TEXT_COLLAPSED_MENU.key);
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.menu
+  }, children));
+};

package/dist/es2019/ui/toolbar-components.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK } from '@atlaskit/editor-common/toolbar';
+import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TextColorHighlightMenu } from './TextColorHighlightMenu';
 import { TextColorMenuItem } from './TextColorMenuItem';
+import { TextMenuSection } from './TextMenuSection';
 export const getToolbarComponents = api => {
   return [{
     ...TEXT_COLOR_HIGHLIGHT_GROUP,
@@ -25,7 +27,12 @@ export const getToolbarComponents = api => {
     parents: [{
       ...TEXT_COLOR_HIGHLIGHT_MENU,
       rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
-    }]
+    }, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: TEXT_COLLAPSED_MENU.type,
+      key: TEXT_COLLAPSED_MENU.key,
+      rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
+    }] : [])],
+    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? TextMenuSection : undefined
   }, {
     ...TEXT_COLOR_MENU_ITEM,
     parents: [{

package/dist/esm/ui/TextColorHighlightMenu.js

@@ -46,7 +46,7 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.menu
   }, children))) : /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
@@ -62,7 +62,7 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
     isDisabled: isTextColorDisabled,
     testId: "text-color-highlight-menu",
     hasSectionMargin: false
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.menu
   }, children));
 };

package/dist/esm/ui/TextMenuSection.compiled.css

@@ -0,0 +1,2 @@
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}

package/dist/esm/ui/TextMenuSection.js

@@ -0,0 +1,22 @@
+/* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./TextMenuSection.compiled.css";
+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 { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  menu: "_1rjcv77o _18zru2gc"
+};
+export var TextMenuSection = function TextMenuSection(_ref) {
+  var children = _ref.children,
+    parents = _ref.parents;
+  var hasSeparator = parents.some(function (parent) {
+    return parent.key === TEXT_COLLAPSED_MENU.key;
+  });
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.menu
+  }, children));
+};

package/dist/esm/ui/toolbar-components.js

@@ -1,10 +1,13 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import React from 'react';
-import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK } from '@atlaskit/editor-common/toolbar';
+import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TextColorHighlightMenu } from './TextColorHighlightMenu';
 import { TextColorMenuItem } from './TextColorMenuItem';
+import { TextMenuSection } from './TextMenuSection';
 export var getToolbarComponents = function getToolbarComponents(api) {
   return [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_GROUP), {}, {
     parents: [_objectSpread(_objectSpread({}, TEXT_SECTION), {}, {
@@ -23,7 +26,12 @@ export var getToolbarComponents = function getToolbarComponents(api) {
   }), _objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
     parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU), {}, {
       rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
-    })]
+    })].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: TEXT_COLLAPSED_MENU.type,
+      key: TEXT_COLLAPSED_MENU.key,
+      rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
+    }] : [])),
+    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? TextMenuSection : undefined
   }), _objectSpread(_objectSpread({}, TEXT_COLOR_MENU_ITEM), {}, {
     parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
       rank: TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[TEXT_COLOR_MENU_ITEM.key]

package/dist/types/ui/TextMenuSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
+type TextMenuSectionProps = {
+    children: React.ReactNode;
+} & CommonComponentProps;
+export declare const TextMenuSection: ({ children, parents }: TextMenuSectionProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/TextMenuSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
+type TextMenuSectionProps = {
+    children: React.ReactNode;
+} & CommonComponentProps;
+export declare const TextMenuSection: ({ children, parents }: TextMenuSectionProps) => React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-color",
-	"version": "3.2.2",
+	"version": "3.2.3",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,19 +40,19 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.5.0",
-		"@atlaskit/editor-toolbar-model": "^0.1.0",
+		"@atlaskit/editor-toolbar": "^0.6.0",
+		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.12.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.9.0",
+		"@atlaskit/tmp-editor-statsig": "^11.11.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.33.0",
+		"@atlaskit/editor-common": "^107.34.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"