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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/FloatingToolbarComponent.js +15 -36
  3. package/dist/cjs/ui/PrimaryToolbarComponent.js +15 -36
  4. package/dist/cjs/ui/TextColorHighlightMenu.js +2 -2
  5. package/dist/cjs/ui/TextMenuSection.compiled.css +2 -0
  6. package/dist/cjs/ui/TextMenuSection.js +29 -0
  7. package/dist/cjs/ui/toolbar-components.js +9 -1
  8. package/dist/es2019/ui/FloatingToolbarComponent.js +12 -35
  9. package/dist/es2019/ui/PrimaryToolbarComponent.js +13 -36
  10. package/dist/es2019/ui/TextColorHighlightMenu.js +2 -2
  11. package/dist/es2019/ui/TextMenuSection.compiled.css +2 -0
  12. package/dist/es2019/ui/TextMenuSection.js +21 -0
  13. package/dist/es2019/ui/toolbar-components.js +9 -2
  14. package/dist/esm/ui/FloatingToolbarComponent.js +15 -36
  15. package/dist/esm/ui/PrimaryToolbarComponent.js +15 -36
  16. package/dist/esm/ui/TextColorHighlightMenu.js +2 -2
  17. package/dist/esm/ui/TextMenuSection.compiled.css +2 -0
  18. package/dist/esm/ui/TextMenuSection.js +22 -0
  19. package/dist/esm/ui/toolbar-components.js +10 -2
  20. package/dist/types/ui/FloatingToolbarComponent.d.ts +1 -1
  21. package/dist/types/ui/PrimaryToolbarComponent.d.ts +1 -1
  22. package/dist/types/ui/TextMenuSection.d.ts +7 -0
  23. package/dist/types-ts4.5/ui/FloatingToolbarComponent.d.ts +1 -1
  24. package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts +1 -1
  25. package/dist/types-ts4.5/ui/TextMenuSection.d.ts +7 -0
  26. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-text-color
2
2
 
3
+ ## 3.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`51f3f2db61f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51f3f2db61f6e) -
8
+ Update toolbar config across plugins
9
+ - Updated dependencies
10
+
11
+ ## 3.2.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [`b9f4eca29e93a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b9f4eca29e93a) -
16
+ ED-29114 Tidy up FG platform_editor_usesharedpluginstatewithselector for text-color,
17
+ text-formatting
18
+ - Updated dependencies
19
+
3
20
  ## 3.2.1
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/FloatingToolbarComponent.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.FloatingToolbarComponent = FloatingToolbarComponent;
7
+ exports.FloatingToolbarComponent = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _hooks = require("@atlaskit/editor-common/hooks");
10
10
  var _types = require("../types");
@@ -16,45 +16,24 @@ var FloatingToolbarSettings = {
16
16
  disabled: false,
17
17
  isReducedSpacing: true
18
18
  };
19
- var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
20
- var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textColor'], function (states) {
21
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
22
- return {
23
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
24
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
25
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
26
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
27
- };
28
- }),
29
- color = _useSharedPluginState.color,
30
- defaultColor = _useSharedPluginState.defaultColor,
31
- palette = _useSharedPluginState.palette,
32
- disabled = _useSharedPluginState.disabled;
33
- return {
34
- color: color,
35
- defaultColor: defaultColor,
36
- palette: palette,
37
- disabled: disabled
38
- };
39
- }, function (api) {
40
- var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['textColor']),
41
- textColorState = _useSharedPluginState2.textColorState;
19
+ var selector = function selector(states) {
20
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
42
21
  return {
43
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
44
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
45
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
46
- disabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
22
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
23
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
24
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
25
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
47
26
  };
48
- });
49
- function FloatingToolbarComponent(_ref) {
27
+ };
28
+ var FloatingToolbarComponent = exports.FloatingToolbarComponent = function FloatingToolbarComponent(_ref) {
50
29
  var api = _ref.api,
51
30
  editorView = _ref.editorView,
52
31
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
53
- var _useSharedState = useSharedState(api),
54
- color = _useSharedState.color,
55
- defaultColor = _useSharedState.defaultColor,
56
- palette = _useSharedState.palette,
57
- disabled = _useSharedState.disabled;
32
+ var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textColor'], selector),
33
+ color = _useSharedPluginState.color,
34
+ defaultColor = _useSharedPluginState.defaultColor,
35
+ palette = _useSharedPluginState.palette,
36
+ disabled = _useSharedPluginState.disabled;
58
37
  if (color === undefined || defaultColor === undefined || palette === undefined) {
59
38
  return null;
60
39
  }
@@ -72,4 +51,4 @@ function FloatingToolbarComponent(_ref) {
72
51
  pluginInjectionApi: api,
73
52
  toolbarType: _types.ToolbarType.FLOATING
74
53
  });
75
- }
54
+ };
package/dist/cjs/ui/PrimaryToolbarComponent.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
7
+ exports.PrimaryToolbarComponent = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _hooks = require("@atlaskit/editor-common/hooks");
10
10
  var _types = require("../types");
@@ -12,37 +12,16 @@ var _ToolbarTextColor = _interopRequireDefault(require("./ToolbarTextColor"));
12
12
  // Ignored via go/ees005
13
13
  // eslint-disable-next-line import/no-named-as-default
14
14
 
15
- var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
16
- var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textColor'], function (states) {
17
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
18
- return {
19
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
20
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
21
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
22
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
23
- };
24
- }),
25
- color = _useSharedPluginState.color,
26
- defaultColor = _useSharedPluginState.defaultColor,
27
- palette = _useSharedPluginState.palette,
28
- disabled = _useSharedPluginState.disabled;
29
- return {
30
- color: color,
31
- defaultColor: defaultColor,
32
- palette: palette,
33
- textColorDisabled: disabled
34
- };
35
- }, function (api) {
36
- var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['textColor']),
37
- textColorState = _useSharedPluginState2.textColorState;
15
+ var selector = function selector(states) {
16
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
38
17
  return {
39
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
40
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
41
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
42
- textColorDisabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
18
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
19
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
20
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
21
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
43
22
  };
44
- });
45
- function PrimaryToolbarComponent(_ref) {
23
+ };
24
+ var PrimaryToolbarComponent = exports.PrimaryToolbarComponent = function PrimaryToolbarComponent(_ref) {
46
25
  var api = _ref.api,
47
26
  isReducedSpacing = _ref.isReducedSpacing,
48
27
  editorView = _ref.editorView,
@@ -51,11 +30,11 @@ function PrimaryToolbarComponent(_ref) {
51
30
  popupsBoundariesElement = _ref.popupsBoundariesElement,
52
31
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
53
32
  disabled = _ref.disabled;
54
- var _useSharedState = useSharedState(api),
55
- color = _useSharedState.color,
56
- defaultColor = _useSharedState.defaultColor,
57
- palette = _useSharedState.palette,
58
- textColorDisabled = _useSharedState.textColorDisabled;
33
+ var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textColor'], selector),
34
+ color = _useSharedPluginState.color,
35
+ defaultColor = _useSharedPluginState.defaultColor,
36
+ palette = _useSharedPluginState.palette,
37
+ textColorDisabled = _useSharedPluginState.disabled;
59
38
  if (color === undefined || defaultColor === undefined || palette === undefined) {
60
39
  return null;
61
40
  }
@@ -76,4 +55,4 @@ function PrimaryToolbarComponent(_ref) {
76
55
  pluginInjectionApi: api,
77
56
  toolbarType: _types.ToolbarType.PRIMARY
78
57
  });
79
- }
58
+ };
package/dist/cjs/ui/TextColorHighlightMenu.js CHANGED
@@ -53,7 +53,7 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
53
53
  isDisabled: isTextColorDisabled,
54
54
  testId: "text-color-highlight-menu",
55
55
  hasSectionMargin: false
56
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
56
+ }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
57
57
  xcss: styles.menu
58
58
  }, children))) : /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
59
59
  iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarColorSwatch, {
@@ -69,7 +69,7 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
69
69
  isDisabled: isTextColorDisabled,
70
70
  testId: "text-color-highlight-menu",
71
71
  hasSectionMargin: false
72
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
72
+ }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
73
73
  xcss: styles.menu
74
74
  }, children));
75
75
  };
package/dist/cjs/ui/TextMenuSection.compiled.css ADDED
@@ -0,0 +1,2 @@
1
+ ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
2
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
package/dist/cjs/ui/TextMenuSection.js ADDED
@@ -0,0 +1,29 @@
1
+ /* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ "use strict";
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.TextMenuSection = void 0;
9
+ require("./TextMenuSection.compiled.css");
10
+ var _runtime = require("@compiled/react/runtime");
11
+ var _react = _interopRequireDefault(require("react"));
12
+ var _toolbar = require("@atlaskit/editor-common/toolbar");
13
+ var _editorToolbar = require("@atlaskit/editor-toolbar");
14
+ var _compiled = require("@atlaskit/primitives/compiled");
15
+ var styles = {
16
+ menu: "_1rjcv77o _18zru2gc"
17
+ };
18
+ var TextMenuSection = exports.TextMenuSection = function TextMenuSection(_ref) {
19
+ var children = _ref.children,
20
+ parents = _ref.parents;
21
+ var hasSeparator = parents.some(function (parent) {
22
+ return parent.key === _toolbar.TEXT_COLLAPSED_MENU.key;
23
+ });
24
+ return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
25
+ hasSeparator: hasSeparator
26
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
27
+ xcss: styles.menu
28
+ }, children));
29
+ };
package/dist/cjs/ui/toolbar-components.js CHANGED
@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.getToolbarComponents = void 0;
8
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
8
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
10
  var _react = _interopRequireDefault(require("react"));
10
11
  var _toolbar = require("@atlaskit/editor-common/toolbar");
12
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
11
13
  var _TextColorHighlightMenu = require("./TextColorHighlightMenu");
12
14
  var _TextColorMenuItem = require("./TextColorMenuItem");
15
+ var _TextMenuSection = require("./TextMenuSection");
13
16
  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; }
14
17
  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; }
15
18
  var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
@@ -30,7 +33,12 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
30
33
  }), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
31
34
  parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU), {}, {
32
35
  rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
33
- })]
36
+ })].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
37
+ type: _toolbar.TEXT_COLLAPSED_MENU.type,
38
+ key: _toolbar.TEXT_COLLAPSED_MENU.key,
39
+ rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
40
+ }] : [])),
41
+ component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? _TextMenuSection.TextMenuSection : undefined
34
42
  }), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_MENU_ITEM), {}, {
35
43
  parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
36
44
  rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[_toolbar.TEXT_COLOR_MENU_ITEM.key]
package/dist/es2019/ui/FloatingToolbarComponent.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
2
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
3
3
  import { ToolbarType } from '../types';
4
4
 
5
5
  // Ignored via go/ees005
@@ -9,49 +9,26 @@ const FloatingToolbarSettings = {
9
9
  disabled: false,
10
10
  isReducedSpacing: true
11
11
  };
12
- const useSharedState = sharedPluginStateHookMigratorFactory(api => {
13
- const {
14
- color,
15
- defaultColor,
16
- palette,
17
- disabled
18
- } = useSharedPluginStateWithSelector(api, ['textColor'], states => {
19
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
20
- return {
21
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
22
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
23
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
24
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
25
- };
26
- });
27
- return {
28
- color,
29
- defaultColor,
30
- palette,
31
- disabled
32
- };
33
- }, api => {
34
- const {
35
- textColorState
36
- } = useSharedPluginState(api, ['textColor']);
12
+ const selector = states => {
13
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
37
14
  return {
38
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
39
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
40
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
41
- disabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
15
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
16
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
17
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
18
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
42
19
  };
43
- });
44
- export function FloatingToolbarComponent({
20
+ };
21
+ export const FloatingToolbarComponent = ({
45
22
  api,
46
23
  editorView,
47
24
  dispatchAnalyticsEvent
48
- }) {
25
+ }) => {
49
26
  const {
50
27
  color,
51
28
  defaultColor,
52
29
  palette,
53
30
  disabled
54
- } = useSharedState(api);
31
+ } = useSharedPluginStateWithSelector(api, ['textColor'], selector);
55
32
  if (color === undefined || defaultColor === undefined || palette === undefined) {
56
33
  return null;
57
34
  }
@@ -69,4 +46,4 @@ export function FloatingToolbarComponent({
69
46
  pluginInjectionApi: api,
70
47
  toolbarType: ToolbarType.FLOATING
71
48
  });
72
- }
49
+ };
package/dist/es2019/ui/PrimaryToolbarComponent.js CHANGED
@@ -1,43 +1,20 @@
1
1
  import React from 'react';
2
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
2
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
3
3
  import { ToolbarType } from '../types';
4
4
 
5
5
  // Ignored via go/ees005
6
6
  // eslint-disable-next-line import/no-named-as-default
7
7
  import ToolbarTextColor from './ToolbarTextColor';
8
- const useSharedState = sharedPluginStateHookMigratorFactory(api => {
9
- const {
10
- color,
11
- defaultColor,
12
- palette,
13
- disabled
14
- } = useSharedPluginStateWithSelector(api, ['textColor'], states => {
15
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
16
- return {
17
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
18
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
19
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
20
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
21
- };
22
- });
23
- return {
24
- color,
25
- defaultColor,
26
- palette,
27
- textColorDisabled: disabled
28
- };
29
- }, api => {
30
- const {
31
- textColorState
32
- } = useSharedPluginState(api, ['textColor']);
8
+ const selector = states => {
9
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
33
10
  return {
34
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
35
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
36
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
37
- textColorDisabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
11
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
12
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
13
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
14
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
38
15
  };
39
- });
40
- export function PrimaryToolbarComponent({
16
+ };
17
+ export const PrimaryToolbarComponent = ({
41
18
  api,
42
19
  isReducedSpacing,
43
20
  editorView,
@@ -46,13 +23,13 @@ export function PrimaryToolbarComponent({
46
23
  popupsBoundariesElement,
47
24
  dispatchAnalyticsEvent,
48
25
  disabled
49
- }) {
26
+ }) => {
50
27
  const {
51
28
  color,
52
29
  defaultColor,
53
30
  palette,
54
- textColorDisabled
55
- } = useSharedState(api);
31
+ disabled: textColorDisabled
32
+ } = useSharedPluginStateWithSelector(api, ['textColor'], selector);
56
33
  if (color === undefined || defaultColor === undefined || palette === undefined) {
57
34
  return null;
58
35
  }
@@ -73,4 +50,4 @@ export function PrimaryToolbarComponent({
73
50
  pluginInjectionApi: api,
74
51
  toolbarType: ToolbarType.PRIMARY
75
52
  });
76
- }
53
+ };
package/dist/es2019/ui/TextColorHighlightMenu.js CHANGED
@@ -48,7 +48,7 @@ export const TextColorHighlightMenu = ({
48
48
  isDisabled: isTextColorDisabled,
49
49
  testId: "text-color-highlight-menu",
50
50
  hasSectionMargin: false
51
- }, /*#__PURE__*/React.createElement(Box, {
51
+ }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
52
52
  xcss: styles.menu
53
53
  }, children))) : /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
54
54
  iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
@@ -64,7 +64,7 @@ export const TextColorHighlightMenu = ({
64
64
  isDisabled: isTextColorDisabled,
65
65
  testId: "text-color-highlight-menu",
66
66
  hasSectionMargin: false
67
- }, /*#__PURE__*/React.createElement(Box, {
67
+ }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
68
68
  xcss: styles.menu
69
69
  }, children));
70
70
  };
package/dist/es2019/ui/TextMenuSection.compiled.css ADDED
@@ -0,0 +1,2 @@
1
+ ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
2
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
package/dist/es2019/ui/TextMenuSection.js ADDED
@@ -0,0 +1,21 @@
1
+ /* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import "./TextMenuSection.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
6
+ import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
7
+ import { Box } from '@atlaskit/primitives/compiled';
8
+ const styles = {
9
+ menu: "_1rjcv77o _18zru2gc"
10
+ };
11
+ export const TextMenuSection = ({
12
+ children,
13
+ parents
14
+ }) => {
15
+ const hasSeparator = parents.some(parent => parent.key === TEXT_COLLAPSED_MENU.key);
16
+ return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
17
+ hasSeparator: hasSeparator
18
+ }, /*#__PURE__*/React.createElement(Box, {
19
+ xcss: styles.menu
20
+ }, children));
21
+ };
package/dist/es2019/ui/toolbar-components.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import React from 'react';
2
- 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';
2
+ 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';
3
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
4
  import { TextColorHighlightMenu } from './TextColorHighlightMenu';
4
5
  import { TextColorMenuItem } from './TextColorMenuItem';
6
+ import { TextMenuSection } from './TextMenuSection';
5
7
  export const getToolbarComponents = api => {
6
8
  return [{
7
9
  ...TEXT_COLOR_HIGHLIGHT_GROUP,
@@ -25,7 +27,12 @@ export const getToolbarComponents = api => {
25
27
  parents: [{
26
28
  ...TEXT_COLOR_HIGHLIGHT_MENU,
27
29
  rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
28
- }]
30
+ }, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
31
+ type: TEXT_COLLAPSED_MENU.type,
32
+ key: TEXT_COLLAPSED_MENU.key,
33
+ rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
34
+ }] : [])],
35
+ component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? TextMenuSection : undefined
29
36
  }, {
30
37
  ...TEXT_COLOR_MENU_ITEM,
31
38
  parents: [{
package/dist/esm/ui/FloatingToolbarComponent.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
2
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
3
3
  import { ToolbarType } from '../types';
4
4
 
5
5
  // Ignored via go/ees005
@@ -9,45 +9,24 @@ var FloatingToolbarSettings = {
9
9
  disabled: false,
10
10
  isReducedSpacing: true
11
11
  };
12
- var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
13
- var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['textColor'], function (states) {
14
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
15
- return {
16
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
17
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
18
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
19
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
20
- };
21
- }),
22
- color = _useSharedPluginState.color,
23
- defaultColor = _useSharedPluginState.defaultColor,
24
- palette = _useSharedPluginState.palette,
25
- disabled = _useSharedPluginState.disabled;
26
- return {
27
- color: color,
28
- defaultColor: defaultColor,
29
- palette: palette,
30
- disabled: disabled
31
- };
32
- }, function (api) {
33
- var _useSharedPluginState2 = useSharedPluginState(api, ['textColor']),
34
- textColorState = _useSharedPluginState2.textColorState;
12
+ var selector = function selector(states) {
13
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
35
14
  return {
36
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
37
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
38
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
39
- disabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
15
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
16
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
17
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
18
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
40
19
  };
41
- });
42
- export function FloatingToolbarComponent(_ref) {
20
+ };
21
+ export var FloatingToolbarComponent = function FloatingToolbarComponent(_ref) {
43
22
  var api = _ref.api,
44
23
  editorView = _ref.editorView,
45
24
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
46
- var _useSharedState = useSharedState(api),
47
- color = _useSharedState.color,
48
- defaultColor = _useSharedState.defaultColor,
49
- palette = _useSharedState.palette,
50
- disabled = _useSharedState.disabled;
25
+ var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['textColor'], selector),
26
+ color = _useSharedPluginState.color,
27
+ defaultColor = _useSharedPluginState.defaultColor,
28
+ palette = _useSharedPluginState.palette,
29
+ disabled = _useSharedPluginState.disabled;
51
30
  if (color === undefined || defaultColor === undefined || palette === undefined) {
52
31
  return null;
53
32
  }
@@ -65,4 +44,4 @@ export function FloatingToolbarComponent(_ref) {
65
44
  pluginInjectionApi: api,
66
45
  toolbarType: ToolbarType.FLOATING
67
46
  });
68
- }
47
+ };
package/dist/esm/ui/PrimaryToolbarComponent.js CHANGED
@@ -1,41 +1,20 @@
1
1
  import React from 'react';
2
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
2
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
3
3
  import { ToolbarType } from '../types';
4
4
 
5
5
  // Ignored via go/ees005
6
6
  // eslint-disable-next-line import/no-named-as-default
7
7
  import ToolbarTextColor from './ToolbarTextColor';
8
- var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
9
- var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['textColor'], function (states) {
10
- var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
11
- return {
12
- color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
13
- defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
14
- palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
15
- disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
16
- };
17
- }),
18
- color = _useSharedPluginState.color,
19
- defaultColor = _useSharedPluginState.defaultColor,
20
- palette = _useSharedPluginState.palette,
21
- disabled = _useSharedPluginState.disabled;
22
- return {
23
- color: color,
24
- defaultColor: defaultColor,
25
- palette: palette,
26
- textColorDisabled: disabled
27
- };
28
- }, function (api) {
29
- var _useSharedPluginState2 = useSharedPluginState(api, ['textColor']),
30
- textColorState = _useSharedPluginState2.textColorState;
8
+ var selector = function selector(states) {
9
+ var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
31
10
  return {
32
- color: textColorState === null || textColorState === void 0 ? void 0 : textColorState.color,
33
- defaultColor: textColorState === null || textColorState === void 0 ? void 0 : textColorState.defaultColor,
34
- palette: textColorState === null || textColorState === void 0 ? void 0 : textColorState.palette,
35
- textColorDisabled: textColorState === null || textColorState === void 0 ? void 0 : textColorState.disabled
11
+ color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
12
+ defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
13
+ palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
14
+ disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
36
15
  };
37
- });
38
- export function PrimaryToolbarComponent(_ref) {
16
+ };
17
+ export var PrimaryToolbarComponent = function PrimaryToolbarComponent(_ref) {
39
18
  var api = _ref.api,
40
19
  isReducedSpacing = _ref.isReducedSpacing,
41
20
  editorView = _ref.editorView,
@@ -44,11 +23,11 @@ export function PrimaryToolbarComponent(_ref) {
44
23
  popupsBoundariesElement = _ref.popupsBoundariesElement,
45
24
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
46
25
  disabled = _ref.disabled;
47
- var _useSharedState = useSharedState(api),
48
- color = _useSharedState.color,
49
- defaultColor = _useSharedState.defaultColor,
50
- palette = _useSharedState.palette,
51
- textColorDisabled = _useSharedState.textColorDisabled;
26
+ var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['textColor'], selector),
27
+ color = _useSharedPluginState.color,
28
+ defaultColor = _useSharedPluginState.defaultColor,
29
+ palette = _useSharedPluginState.palette,
30
+ textColorDisabled = _useSharedPluginState.disabled;
52
31
  if (color === undefined || defaultColor === undefined || palette === undefined) {
53
32
  return null;
54
33
  }
@@ -69,4 +48,4 @@ export function PrimaryToolbarComponent(_ref) {
69
48
  pluginInjectionApi: api,
70
49
  toolbarType: ToolbarType.PRIMARY
71
50
  });
72
- }
51
+ };
package/dist/esm/ui/TextColorHighlightMenu.js CHANGED
@@ -46,7 +46,7 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
46
46
  isDisabled: isTextColorDisabled,
47
47
  testId: "text-color-highlight-menu",
48
48
  hasSectionMargin: false
49
- }, /*#__PURE__*/React.createElement(Box, {
49
+ }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
50
50
  xcss: styles.menu
51
51
  }, children))) : /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
52
52
  iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
@@ -62,7 +62,7 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
62
62
  isDisabled: isTextColorDisabled,
63
63
  testId: "text-color-highlight-menu",
64
64
  hasSectionMargin: false
65
- }, /*#__PURE__*/React.createElement(Box, {
65
+ }, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? children : /*#__PURE__*/React.createElement(Box, {
66
66
  xcss: styles.menu
67
67
  }, children));
68
68
  };
package/dist/esm/ui/TextMenuSection.compiled.css ADDED
@@ -0,0 +1,2 @@
1
+ ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
2
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
package/dist/esm/ui/TextMenuSection.js ADDED
@@ -0,0 +1,22 @@
1
+ /* TextMenuSection.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import "./TextMenuSection.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
6
+ import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
7
+ import { Box } from '@atlaskit/primitives/compiled';
8
+ var styles = {
9
+ menu: "_1rjcv77o _18zru2gc"
10
+ };
11
+ export var TextMenuSection = function TextMenuSection(_ref) {
12
+ var children = _ref.children,
13
+ parents = _ref.parents;
14
+ var hasSeparator = parents.some(function (parent) {
15
+ return parent.key === TEXT_COLLAPSED_MENU.key;
16
+ });
17
+ return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
18
+ hasSeparator: hasSeparator
19
+ }, /*#__PURE__*/React.createElement(Box, {
20
+ xcss: styles.menu
21
+ }, children));
22
+ };
package/dist/esm/ui/toolbar-components.js CHANGED
@@ -1,10 +1,13 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
3
  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; }
3
4
  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; }
4
5
  import React from 'react';
5
- 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';
6
+ 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';
7
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
8
  import { TextColorHighlightMenu } from './TextColorHighlightMenu';
7
9
  import { TextColorMenuItem } from './TextColorMenuItem';
10
+ import { TextMenuSection } from './TextMenuSection';
8
11
  export var getToolbarComponents = function getToolbarComponents(api) {
9
12
  return [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_GROUP), {}, {
10
13
  parents: [_objectSpread(_objectSpread({}, TEXT_SECTION), {}, {
@@ -23,7 +26,12 @@ export var getToolbarComponents = function getToolbarComponents(api) {
23
26
  }), _objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
24
27
  parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU), {}, {
25
28
  rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
26
- })]
29
+ })].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
30
+ type: TEXT_COLLAPSED_MENU.type,
31
+ key: TEXT_COLLAPSED_MENU.key,
32
+ rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
33
+ }] : [])),
34
+ component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? TextMenuSection : undefined
27
35
  }), _objectSpread(_objectSpread({}, TEXT_COLOR_MENU_ITEM), {}, {
28
36
  parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
29
37
  rank: TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[TEXT_COLOR_MENU_ITEM.key]
package/dist/types/ui/FloatingToolbarComponent.d.ts CHANGED
@@ -8,5 +8,5 @@ interface FloatingToolbarComponentProps {
8
8
  dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
9
9
  editorView: EditorView;
10
10
  }
11
- export declare function FloatingToolbarComponent({ api, editorView, dispatchAnalyticsEvent, }: FloatingToolbarComponentProps): React.JSX.Element | null;
11
+ export declare const FloatingToolbarComponent: ({ api, editorView, dispatchAnalyticsEvent, }: FloatingToolbarComponentProps) => React.JSX.Element | null;
12
12
  export {};
package/dist/types/ui/PrimaryToolbarComponent.d.ts CHANGED
@@ -13,5 +13,5 @@ interface PrimaryToolbarComponentProps {
13
13
  popupsMountPoint?: HTMLElement;
14
14
  popupsScrollableElement?: HTMLElement;
15
15
  }
16
- export declare function PrimaryToolbarComponent({ api, isReducedSpacing, editorView, popupsMountPoint, popupsScrollableElement, popupsBoundariesElement, dispatchAnalyticsEvent, disabled, }: PrimaryToolbarComponentProps): React.JSX.Element | null;
16
+ export declare const PrimaryToolbarComponent: ({ api, isReducedSpacing, editorView, popupsMountPoint, popupsScrollableElement, popupsBoundariesElement, dispatchAnalyticsEvent, disabled, }: PrimaryToolbarComponentProps) => React.JSX.Element | null;
17
17
  export {};
package/dist/types/ui/TextMenuSection.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
3
+ type TextMenuSectionProps = {
4
+ children: React.ReactNode;
5
+ } & CommonComponentProps;
6
+ export declare const TextMenuSection: ({ children, parents }: TextMenuSectionProps) => React.JSX.Element;
7
+ export {};
package/dist/types-ts4.5/ui/FloatingToolbarComponent.d.ts CHANGED
@@ -8,5 +8,5 @@ interface FloatingToolbarComponentProps {
8
8
  dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
9
9
  editorView: EditorView;
10
10
  }
11
- export declare function FloatingToolbarComponent({ api, editorView, dispatchAnalyticsEvent, }: FloatingToolbarComponentProps): React.JSX.Element | null;
11
+ export declare const FloatingToolbarComponent: ({ api, editorView, dispatchAnalyticsEvent, }: FloatingToolbarComponentProps) => React.JSX.Element | null;
12
12
  export {};
package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts CHANGED
@@ -13,5 +13,5 @@ interface PrimaryToolbarComponentProps {
13
13
  popupsMountPoint?: HTMLElement;
14
14
  popupsScrollableElement?: HTMLElement;
15
15
  }
16
- export declare function PrimaryToolbarComponent({ api, isReducedSpacing, editorView, popupsMountPoint, popupsScrollableElement, popupsBoundariesElement, dispatchAnalyticsEvent, disabled, }: PrimaryToolbarComponentProps): React.JSX.Element | null;
16
+ export declare const PrimaryToolbarComponent: ({ api, isReducedSpacing, editorView, popupsMountPoint, popupsScrollableElement, popupsBoundariesElement, dispatchAnalyticsEvent, disabled, }: PrimaryToolbarComponentProps) => React.JSX.Element | null;
17
17
  export {};
package/dist/types-ts4.5/ui/TextMenuSection.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
3
+ type TextMenuSectionProps = {
4
+ children: React.ReactNode;
5
+ } & CommonComponentProps;
6
+ export declare const TextMenuSection: ({ children, parents }: TextMenuSectionProps) => React.JSX.Element;
7
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-text-color",
3
- "version": "3.2.1",
3
+ "version": "3.2.3",
4
4
  "description": "Text color plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -40,19 +40,19 @@
40
40
  "@atlaskit/editor-prosemirror": "7.0.0",
41
41
  "@atlaskit/editor-shared-styles": "^3.6.0",
42
42
  "@atlaskit/editor-tables": "^2.9.0",
43
- "@atlaskit/editor-toolbar": "^0.5.0",
44
- "@atlaskit/editor-toolbar-model": "^0.1.0",
43
+ "@atlaskit/editor-toolbar": "^0.6.0",
44
+ "@atlaskit/editor-toolbar-model": "^0.2.0",
45
45
  "@atlaskit/icon": "^28.1.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
47
  "@atlaskit/primitives": "^14.12.0",
48
48
  "@atlaskit/theme": "^20.0.0",
49
- "@atlaskit/tmp-editor-statsig": "^11.9.0",
49
+ "@atlaskit/tmp-editor-statsig": "^11.11.0",
50
50
  "@atlaskit/tokens": "^6.1.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@emotion/react": "^11.7.1"
53
53
  },
54
54
  "peerDependencies": {
55
- "@atlaskit/editor-common": "^107.33.0",
55
+ "@atlaskit/editor-common": "^107.34.0",
56
56
  "react": "^18.2.0",
57
57
  "react-dom": "^18.2.0",
58
58
  "react-intl-next": "npm:react-intl@^5.18.1"