@atlaskit/editor-plugin-text-formatting 6.0.8 → 6.0.10

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 (15) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/textFormattingPlugin.js +0 -14
  3. package/dist/cjs/ui/PrimaryToolbarComponent.js +3 -4
  4. package/dist/cjs/ui/toolbar-components.js +1 -102
  5. package/dist/es2019/textFormattingPlugin.js +1 -15
  6. package/dist/es2019/ui/PrimaryToolbarComponent.js +2 -3
  7. package/dist/es2019/ui/toolbar-components.js +2 -106
  8. package/dist/esm/textFormattingPlugin.js +1 -15
  9. package/dist/esm/ui/PrimaryToolbarComponent.js +2 -3
  10. package/dist/esm/ui/toolbar-components.js +1 -102
  11. package/dist/types/ui/PrimaryToolbarComponent.d.ts +1 -2
  12. package/dist/types/ui/toolbar-components.d.ts +0 -1
  13. package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts +1 -2
  14. package/dist/types-ts4.5/ui/toolbar-components.d.ts +0 -1
  15. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-text-formatting
2
2
 
3
+ ## 6.0.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ff53e1bfc6c25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff53e1bfc6c25) -
8
+ [ED-29482] clean up references to platform_editor_toolbar_rerender_optimization_exp
9
+ - Updated dependencies
10
+
11
+ ## 6.0.9
12
+
13
+ ### Patch Changes
14
+
15
+ - [`482bcdc75598e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/482bcdc75598e) -
16
+ ED-29462 Clean up platform_editor_toolbar_aifc_responsiveness_update
17
+ - Updated dependencies
18
+
3
19
  ## 6.0.8
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/textFormattingPlugin.js CHANGED
@@ -43,20 +43,6 @@ var textFormattingPlugin = exports.textFormattingPlugin = function textFormattin
43
43
  if (!editorView) {
44
44
  return null;
45
45
  }
46
- if ((0, _experiments.editorExperiment)('platform_editor_toolbar_rerender_optimization_exp', true, {
47
- exposure: true
48
- })) {
49
- return /*#__PURE__*/_react.default.createElement(_PrimaryToolbarComponent.PrimaryToolbarComponentMemoized, {
50
- api: api,
51
- popupsMountPoint: popupsMountPoint,
52
- popupsScrollableElement: popupsScrollableElement,
53
- toolbarSize: toolbarSize,
54
- isReducedSpacing: isToolbarReducedSpacing,
55
- editorView: editorView,
56
- disabled: disabled,
57
- shouldUseResponsiveToolbar: Boolean(options === null || options === void 0 ? void 0 : options.responsiveToolbarMenu)
58
- });
59
- }
60
46
  return /*#__PURE__*/_react.default.createElement(_PrimaryToolbarComponent.PrimaryToolbarComponent, {
61
47
  api: api,
62
48
  popupsMountPoint: popupsMountPoint,
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.PrimaryToolbarComponentMemoized = exports.PrimaryToolbarComponent = void 0;
7
+ exports.PrimaryToolbarComponent = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _hooks = require("@atlaskit/editor-common/hooks");
10
10
  var _Toolbar = _interopRequireDefault(require("./Toolbar"));
@@ -37,7 +37,7 @@ var selector = function selector(states) {
37
37
  subscriptHidden: (_states$textFormattin21 = states.textFormattingState) === null || _states$textFormattin21 === void 0 ? void 0 : _states$textFormattin21.subscriptHidden
38
38
  };
39
39
  };
40
- var PrimaryToolbarComponent = exports.PrimaryToolbarComponent = function PrimaryToolbarComponent(_ref) {
40
+ var PrimaryToolbarComponent = exports.PrimaryToolbarComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
41
41
  var _api$analytics;
42
42
  var api = _ref.api,
43
43
  popupsMountPoint = _ref.popupsMountPoint,
@@ -61,5 +61,4 @@ var PrimaryToolbarComponent = exports.PrimaryToolbarComponent = function Primary
61
61
  api: api,
62
62
  toolbarType: _types.ToolbarType.PRIMARY
63
63
  });
64
- };
65
- var PrimaryToolbarComponentMemoized = exports.PrimaryToolbarComponentMemoized = /*#__PURE__*/_react.default.memo(PrimaryToolbarComponent);
64
+ });
package/dist/cjs/ui/toolbar-components.js CHANGED
@@ -4,114 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.getToolbarComponentsResponsivenessUpdate = exports.getToolbarComponents = void 0;
7
+ exports.getToolbarComponents = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _toolbar = require("@atlaskit/editor-common/toolbar");
11
- var _editorToolbar = require("@atlaskit/editor-toolbar");
12
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
9
  var _BoldButtonGroup = require("./Toolbar/components/BoldButtonGroup");
14
- var _Component = require("./Toolbar/components/Component");
15
10
  var _TextFormattingGroupForInlineToolbar = require("./Toolbar/components/TextFormattingGroupForInlineToolbar");
16
11
  var _TextFormattingGroups = require("./Toolbar/components/TextFormattingGroups");
17
12
  var _TextFormattingMenuGroup = require("./Toolbar/components/TextFormattingMenuGroup");
18
13
  var _UnderlineButtonGroup = require("./Toolbar/components/UnderlineButtonGroup");
19
- var _utils = require("./Toolbar/components/utils");
20
- var _types = require("./Toolbar/types");
21
14
  var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
22
- return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
23
- type: _toolbar.TEXT_FORMATTING_GROUP.type,
24
- key: _toolbar.TEXT_FORMATTING_GROUP.key,
25
- parents: [{
26
- type: _toolbar.TEXT_SECTION.type,
27
- key: _toolbar.TEXT_SECTION.key,
28
- rank: _toolbar.TEXT_SECTION_RANK[_toolbar.TEXT_FORMATTING_GROUP.key]
29
- }]
30
- }, {
31
- type: _toolbar.TEXT_FORMATTING_HERO_BUTTON.type,
32
- key: _toolbar.TEXT_FORMATTING_HERO_BUTTON.key,
33
- parents: [{
34
- type: _toolbar.TEXT_FORMATTING_GROUP.type,
35
- key: _toolbar.TEXT_FORMATTING_GROUP.key,
36
- rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.TEXT_FORMATTING_HERO_BUTTON.key]
37
- }],
38
- component: function component(_ref) {
39
- var parents = _ref.parents;
40
- var _formatOptions$strong = (0, _utils.formatOptions)().strong,
41
- icon = _formatOptions$strong.icon,
42
- command = _formatOptions$strong.command,
43
- shortcut = _formatOptions$strong.shortcut,
44
- title = _formatOptions$strong.title;
45
- return /*#__PURE__*/_react.default.createElement(_Component.FormatButton, {
46
- api: api,
47
- parents: parents,
48
- icon: icon,
49
- title: title,
50
- shortcut: shortcut,
51
- optionType: _types.FormatOptions.strong,
52
- toggleMarkWithAnalyticsCallback: command
53
- });
54
- }
55
- }, {
56
- type: _toolbar.TEXT_FORMATTING_MENU.type,
57
- key: _toolbar.TEXT_FORMATTING_MENU.key,
58
- parents: [{
59
- type: _toolbar.TEXT_FORMATTING_GROUP.type,
60
- key: _toolbar.TEXT_FORMATTING_GROUP.key,
61
- rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.TEXT_FORMATTING_MENU.key]
62
- }],
63
- component: function component(_ref2) {
64
- var children = _ref2.children;
65
- return /*#__PURE__*/_react.default.createElement(_Component.MoreFormattingMenu, null, children);
66
- }
67
- }, {
68
- type: _toolbar.TEXT_FORMATTING_MENU_SECTION.type,
69
- key: _toolbar.TEXT_FORMATTING_MENU_SECTION.key,
70
- parents: [{
71
- type: _toolbar.TEXT_FORMATTING_MENU.type,
72
- key: _toolbar.TEXT_FORMATTING_MENU.key,
73
- rank: _toolbar.TEXT_FORMAT_MENU_RANK[_toolbar.TEXT_FORMATTING_MENU_SECTION.key]
74
- }].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
75
- type: _toolbar.TEXT_COLLAPSED_MENU.type,
76
- key: _toolbar.TEXT_COLLAPSED_MENU.key,
77
- rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_FORMATTING_MENU_SECTION.key]
78
- }] : [])),
79
- component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? _Component.MenuSection : undefined
80
- }].concat((0, _toConsumableArray2.default)((0, _TextFormattingMenuGroup.getFormatMenuItems)(api)), [{
81
- type: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.type,
82
- key: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.key,
83
- parents: [{
84
- type: _toolbar.TEXT_FORMATTING_MENU.type,
85
- key: _toolbar.TEXT_FORMATTING_MENU.key,
86
- rank: _toolbar.TEXT_FORMAT_MENU_RANK[_toolbar.CLEAR_FORMARTTING_MENU_SECTION.key]
87
- }].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
88
- type: _toolbar.TEXT_COLLAPSED_MENU.type,
89
- key: _toolbar.TEXT_COLLAPSED_MENU.key,
90
- rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.CLEAR_FORMARTTING_MENU_SECTION.key]
91
- }] : [])),
92
- component: function component(_ref3) {
93
- var children = _ref3.children;
94
- return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
95
- hasSeparator: true
96
- }, children);
97
- }
98
- }, {
99
- type: _toolbar.CLEAR_FORMATTING_MENU_ITEM.type,
100
- key: _toolbar.CLEAR_FORMATTING_MENU_ITEM.key,
101
- parents: [{
102
- type: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.type,
103
- key: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.key,
104
- rank: _toolbar.CLEAR_FORMARTTING_MENU_SECTION_RANK[_toolbar.CLEAR_FORMATTING_MENU_ITEM.key]
105
- }],
106
- component: function component(_ref4) {
107
- var parents = _ref4.parents;
108
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Component.ClearFormatMenuItem, {
109
- parents: parents,
110
- api: api
111
- }));
112
- }
113
- }]);
114
- };
115
- var getToolbarComponentsResponsivenessUpdate = exports.getToolbarComponentsResponsivenessUpdate = function getToolbarComponentsResponsivenessUpdate(api) {
116
15
  return [].concat((0, _toConsumableArray2.default)((0, _TextFormattingGroups.textFormattingGroupForPrimaryToolbar)(api)), (0, _toConsumableArray2.default)((0, _TextFormattingGroupForInlineToolbar.textFormattingGroupForInlineToolbar)(api)), (0, _toConsumableArray2.default)((0, _BoldButtonGroup.boldButtonGroup)(api)), (0, _toConsumableArray2.default)((0, _UnderlineButtonGroup.underlineButtonGroup)(api)), (0, _toConsumableArray2.default)((0, _TextFormattingMenuGroup.textFormattingMenuGroup)(api)));
117
16
  };
package/dist/es2019/textFormattingPlugin.js CHANGED
@@ -12,7 +12,7 @@ import { plugin as pmPlugin } from './pm-plugins/main';
12
12
  import { pluginKey as textFormattingPluginKey } from './pm-plugins/plugin-key';
13
13
  import textFormattingSmartInputRulePlugin from './pm-plugins/smart-input-rule';
14
14
  import { FloatingToolbarTextFormalWithIntl as FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
15
- import { PrimaryToolbarComponent, PrimaryToolbarComponentMemoized } from './ui/PrimaryToolbarComponent';
15
+ import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
16
16
  import { getToolbarComponents } from './ui/toolbar-components';
17
17
 
18
18
  /**
@@ -36,20 +36,6 @@ export const textFormattingPlugin = ({
36
36
  if (!editorView) {
37
37
  return null;
38
38
  }
39
- if (editorExperiment('platform_editor_toolbar_rerender_optimization_exp', true, {
40
- exposure: true
41
- })) {
42
- return /*#__PURE__*/React.createElement(PrimaryToolbarComponentMemoized, {
43
- api: api,
44
- popupsMountPoint: popupsMountPoint,
45
- popupsScrollableElement: popupsScrollableElement,
46
- toolbarSize: toolbarSize,
47
- isReducedSpacing: isToolbarReducedSpacing,
48
- editorView: editorView,
49
- disabled: disabled,
50
- shouldUseResponsiveToolbar: Boolean(options === null || options === void 0 ? void 0 : options.responsiveToolbarMenu)
51
- });
52
- }
53
39
  return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
54
40
  api: api,
55
41
  popupsMountPoint: popupsMountPoint,
package/dist/es2019/ui/PrimaryToolbarComponent.js CHANGED
@@ -30,7 +30,7 @@ const selector = states => {
30
30
  subscriptHidden: (_states$textFormattin21 = states.textFormattingState) === null || _states$textFormattin21 === void 0 ? void 0 : _states$textFormattin21.subscriptHidden
31
31
  };
32
32
  };
33
- export const PrimaryToolbarComponent = ({
33
+ export const PrimaryToolbarComponent = /*#__PURE__*/React.memo(({
34
34
  api,
35
35
  popupsMountPoint,
36
36
  popupsScrollableElement,
@@ -55,5 +55,4 @@ export const PrimaryToolbarComponent = ({
55
55
  api: api,
56
56
  toolbarType: ToolbarType.PRIMARY
57
57
  });
58
- };
59
- export const PrimaryToolbarComponentMemoized = /*#__PURE__*/React.memo(PrimaryToolbarComponent);
58
+ });
package/dist/es2019/ui/toolbar-components.js CHANGED
@@ -1,112 +1,8 @@
1
- import React from 'react';
2
- import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
3
- import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
4
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
1
  import { boldButtonGroup } from './Toolbar/components/BoldButtonGroup';
6
- import { FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
7
2
  import { textFormattingGroupForInlineToolbar } from './Toolbar/components/TextFormattingGroupForInlineToolbar';
8
3
  import { textFormattingGroupForPrimaryToolbar } from './Toolbar/components/TextFormattingGroups';
9
- import { textFormattingMenuGroup, getFormatMenuItems } from './Toolbar/components/TextFormattingMenuGroup';
4
+ import { textFormattingMenuGroup } from './Toolbar/components/TextFormattingMenuGroup';
10
5
  import { underlineButtonGroup } from './Toolbar/components/UnderlineButtonGroup';
11
- import { formatOptions } from './Toolbar/components/utils';
12
- import { FormatOptions } from './Toolbar/types';
13
- export const getToolbarComponents = api => expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
14
- type: TEXT_FORMATTING_GROUP.type,
15
- key: TEXT_FORMATTING_GROUP.key,
16
- parents: [{
17
- type: TEXT_SECTION.type,
18
- key: TEXT_SECTION.key,
19
- rank: TEXT_SECTION_RANK[TEXT_FORMATTING_GROUP.key]
20
- }]
21
- }, {
22
- type: TEXT_FORMATTING_HERO_BUTTON.type,
23
- key: TEXT_FORMATTING_HERO_BUTTON.key,
24
- parents: [{
25
- type: TEXT_FORMATTING_GROUP.type,
26
- key: TEXT_FORMATTING_GROUP.key,
27
- rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_HERO_BUTTON.key]
28
- }],
29
- component: ({
30
- parents
31
- }) => {
32
- const {
33
- icon,
34
- command,
35
- shortcut,
36
- title
37
- } = formatOptions().strong;
38
- return /*#__PURE__*/React.createElement(FormatButton, {
39
- api: api,
40
- parents: parents,
41
- icon: icon,
42
- title: title,
43
- shortcut: shortcut,
44
- optionType: FormatOptions.strong,
45
- toggleMarkWithAnalyticsCallback: command
46
- });
47
- }
48
- }, {
49
- type: TEXT_FORMATTING_MENU.type,
50
- key: TEXT_FORMATTING_MENU.key,
51
- parents: [{
52
- type: TEXT_FORMATTING_GROUP.type,
53
- key: TEXT_FORMATTING_GROUP.key,
54
- rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
55
- }],
56
- component: ({
57
- children
58
- }) => {
59
- return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
60
- }
61
- }, {
62
- type: TEXT_FORMATTING_MENU_SECTION.type,
63
- key: TEXT_FORMATTING_MENU_SECTION.key,
64
- parents: [{
65
- type: TEXT_FORMATTING_MENU.type,
66
- key: TEXT_FORMATTING_MENU.key,
67
- rank: TEXT_FORMAT_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
68
- }, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
69
- type: TEXT_COLLAPSED_MENU.type,
70
- key: TEXT_COLLAPSED_MENU.key,
71
- rank: TEXT_COLLAPSED_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
72
- }] : [])],
73
- component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
74
- }, ...getFormatMenuItems(api), {
75
- type: CLEAR_FORMARTTING_MENU_SECTION.type,
76
- key: CLEAR_FORMARTTING_MENU_SECTION.key,
77
- parents: [{
78
- type: TEXT_FORMATTING_MENU.type,
79
- key: TEXT_FORMATTING_MENU.key,
80
- rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
81
- }, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
82
- type: TEXT_COLLAPSED_MENU.type,
83
- key: TEXT_COLLAPSED_MENU.key,
84
- rank: TEXT_COLLAPSED_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
85
- }] : [])],
86
- component: ({
87
- children
88
- }) => {
89
- return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
90
- hasSeparator: true
91
- }, children);
92
- }
93
- }, {
94
- type: CLEAR_FORMATTING_MENU_ITEM.type,
95
- key: CLEAR_FORMATTING_MENU_ITEM.key,
96
- parents: [{
97
- type: CLEAR_FORMARTTING_MENU_SECTION.type,
98
- key: CLEAR_FORMARTTING_MENU_SECTION.key,
99
- rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
100
- }],
101
- component: ({
102
- parents
103
- }) => {
104
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
105
- parents: parents,
106
- api: api
107
- }));
108
- }
109
- }];
110
- export const getToolbarComponentsResponsivenessUpdate = api => {
6
+ export const getToolbarComponents = api => {
111
7
  return [...textFormattingGroupForPrimaryToolbar(api), ...textFormattingGroupForInlineToolbar(api), ...boldButtonGroup(api), ...underlineButtonGroup(api), ...textFormattingMenuGroup(api)];
112
8
  };
package/dist/esm/textFormattingPlugin.js CHANGED
@@ -15,7 +15,7 @@ import { plugin as pmPlugin } from './pm-plugins/main';
15
15
  import { pluginKey as textFormattingPluginKey } from './pm-plugins/plugin-key';
16
16
  import textFormattingSmartInputRulePlugin from './pm-plugins/smart-input-rule';
17
17
  import { FloatingToolbarTextFormalWithIntl as FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
18
- import { PrimaryToolbarComponent, PrimaryToolbarComponentMemoized } from './ui/PrimaryToolbarComponent';
18
+ import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
19
19
  import { getToolbarComponents } from './ui/toolbar-components';
20
20
 
21
21
  /**
@@ -37,20 +37,6 @@ export var textFormattingPlugin = function textFormattingPlugin(_ref) {
37
37
  if (!editorView) {
38
38
  return null;
39
39
  }
40
- if (editorExperiment('platform_editor_toolbar_rerender_optimization_exp', true, {
41
- exposure: true
42
- })) {
43
- return /*#__PURE__*/React.createElement(PrimaryToolbarComponentMemoized, {
44
- api: api,
45
- popupsMountPoint: popupsMountPoint,
46
- popupsScrollableElement: popupsScrollableElement,
47
- toolbarSize: toolbarSize,
48
- isReducedSpacing: isToolbarReducedSpacing,
49
- editorView: editorView,
50
- disabled: disabled,
51
- shouldUseResponsiveToolbar: Boolean(options === null || options === void 0 ? void 0 : options.responsiveToolbarMenu)
52
- });
53
- }
54
40
  return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
55
41
  api: api,
56
42
  popupsMountPoint: popupsMountPoint,
package/dist/esm/ui/PrimaryToolbarComponent.js CHANGED
@@ -30,7 +30,7 @@ var selector = function selector(states) {
30
30
  subscriptHidden: (_states$textFormattin21 = states.textFormattingState) === null || _states$textFormattin21 === void 0 ? void 0 : _states$textFormattin21.subscriptHidden
31
31
  };
32
32
  };
33
- export var PrimaryToolbarComponent = function PrimaryToolbarComponent(_ref) {
33
+ export var PrimaryToolbarComponent = /*#__PURE__*/React.memo(function (_ref) {
34
34
  var _api$analytics;
35
35
  var api = _ref.api,
36
36
  popupsMountPoint = _ref.popupsMountPoint,
@@ -54,5 +54,4 @@ export var PrimaryToolbarComponent = function PrimaryToolbarComponent(_ref) {
54
54
  api: api,
55
55
  toolbarType: ToolbarType.PRIMARY
56
56
  });
57
- };
58
- export var PrimaryToolbarComponentMemoized = /*#__PURE__*/React.memo(PrimaryToolbarComponent);
57
+ });
package/dist/esm/ui/toolbar-components.js CHANGED
@@ -1,110 +1,9 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
- import React from 'react';
3
- import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
4
- import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
5
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
2
  import { boldButtonGroup } from './Toolbar/components/BoldButtonGroup';
7
- import { FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
8
3
  import { textFormattingGroupForInlineToolbar } from './Toolbar/components/TextFormattingGroupForInlineToolbar';
9
4
  import { textFormattingGroupForPrimaryToolbar } from './Toolbar/components/TextFormattingGroups';
10
- import { textFormattingMenuGroup, getFormatMenuItems } from './Toolbar/components/TextFormattingMenuGroup';
5
+ import { textFormattingMenuGroup } from './Toolbar/components/TextFormattingMenuGroup';
11
6
  import { underlineButtonGroup } from './Toolbar/components/UnderlineButtonGroup';
12
- import { formatOptions } from './Toolbar/components/utils';
13
- import { FormatOptions } from './Toolbar/types';
14
7
  export var getToolbarComponents = function getToolbarComponents(api) {
15
- return expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
16
- type: TEXT_FORMATTING_GROUP.type,
17
- key: TEXT_FORMATTING_GROUP.key,
18
- parents: [{
19
- type: TEXT_SECTION.type,
20
- key: TEXT_SECTION.key,
21
- rank: TEXT_SECTION_RANK[TEXT_FORMATTING_GROUP.key]
22
- }]
23
- }, {
24
- type: TEXT_FORMATTING_HERO_BUTTON.type,
25
- key: TEXT_FORMATTING_HERO_BUTTON.key,
26
- parents: [{
27
- type: TEXT_FORMATTING_GROUP.type,
28
- key: TEXT_FORMATTING_GROUP.key,
29
- rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_HERO_BUTTON.key]
30
- }],
31
- component: function component(_ref) {
32
- var parents = _ref.parents;
33
- var _formatOptions$strong = formatOptions().strong,
34
- icon = _formatOptions$strong.icon,
35
- command = _formatOptions$strong.command,
36
- shortcut = _formatOptions$strong.shortcut,
37
- title = _formatOptions$strong.title;
38
- return /*#__PURE__*/React.createElement(FormatButton, {
39
- api: api,
40
- parents: parents,
41
- icon: icon,
42
- title: title,
43
- shortcut: shortcut,
44
- optionType: FormatOptions.strong,
45
- toggleMarkWithAnalyticsCallback: command
46
- });
47
- }
48
- }, {
49
- type: TEXT_FORMATTING_MENU.type,
50
- key: TEXT_FORMATTING_MENU.key,
51
- parents: [{
52
- type: TEXT_FORMATTING_GROUP.type,
53
- key: TEXT_FORMATTING_GROUP.key,
54
- rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
55
- }],
56
- component: function component(_ref2) {
57
- var children = _ref2.children;
58
- return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
59
- }
60
- }, {
61
- type: TEXT_FORMATTING_MENU_SECTION.type,
62
- key: TEXT_FORMATTING_MENU_SECTION.key,
63
- parents: [{
64
- type: TEXT_FORMATTING_MENU.type,
65
- key: TEXT_FORMATTING_MENU.key,
66
- rank: TEXT_FORMAT_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
67
- }].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
68
- type: TEXT_COLLAPSED_MENU.type,
69
- key: TEXT_COLLAPSED_MENU.key,
70
- rank: TEXT_COLLAPSED_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
71
- }] : [])),
72
- component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
73
- }].concat(_toConsumableArray(getFormatMenuItems(api)), [{
74
- type: CLEAR_FORMARTTING_MENU_SECTION.type,
75
- key: CLEAR_FORMARTTING_MENU_SECTION.key,
76
- parents: [{
77
- type: TEXT_FORMATTING_MENU.type,
78
- key: TEXT_FORMATTING_MENU.key,
79
- rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
80
- }].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
81
- type: TEXT_COLLAPSED_MENU.type,
82
- key: TEXT_COLLAPSED_MENU.key,
83
- rank: TEXT_COLLAPSED_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
84
- }] : [])),
85
- component: function component(_ref3) {
86
- var children = _ref3.children;
87
- return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
88
- hasSeparator: true
89
- }, children);
90
- }
91
- }, {
92
- type: CLEAR_FORMATTING_MENU_ITEM.type,
93
- key: CLEAR_FORMATTING_MENU_ITEM.key,
94
- parents: [{
95
- type: CLEAR_FORMARTTING_MENU_SECTION.type,
96
- key: CLEAR_FORMARTTING_MENU_SECTION.key,
97
- rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
98
- }],
99
- component: function component(_ref4) {
100
- var parents = _ref4.parents;
101
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
102
- parents: parents,
103
- api: api
104
- }));
105
- }
106
- }]);
107
- };
108
- export var getToolbarComponentsResponsivenessUpdate = function getToolbarComponentsResponsivenessUpdate(api) {
109
8
  return [].concat(_toConsumableArray(textFormattingGroupForPrimaryToolbar(api)), _toConsumableArray(textFormattingGroupForInlineToolbar(api)), _toConsumableArray(boldButtonGroup(api)), _toConsumableArray(underlineButtonGroup(api)), _toConsumableArray(textFormattingMenuGroup(api)));
110
9
  };
package/dist/types/ui/PrimaryToolbarComponent.d.ts CHANGED
@@ -12,6 +12,5 @@ interface PrimaryToolbarComponentProps {
12
12
  shouldUseResponsiveToolbar: boolean;
13
13
  toolbarSize: ToolbarSize;
14
14
  }
15
- export declare const PrimaryToolbarComponent: ({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element;
16
- export declare const PrimaryToolbarComponentMemoized: React.MemoExoticComponent<({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element>;
15
+ export declare const PrimaryToolbarComponent: React.MemoExoticComponent<({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element>;
17
16
  export {};
package/dist/types/ui/toolbar-components.d.ts CHANGED
@@ -2,4 +2,3 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
2
  import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
3
3
  import { type TextFormattingPlugin } from '../textFormattingPluginType';
4
4
  export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
5
- export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts CHANGED
@@ -12,6 +12,5 @@ interface PrimaryToolbarComponentProps {
12
12
  shouldUseResponsiveToolbar: boolean;
13
13
  toolbarSize: ToolbarSize;
14
14
  }
15
- export declare const PrimaryToolbarComponent: ({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element;
16
- export declare const PrimaryToolbarComponentMemoized: React.MemoExoticComponent<({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element>;
15
+ export declare const PrimaryToolbarComponent: React.MemoExoticComponent<({ api, popupsMountPoint, popupsScrollableElement, toolbarSize, editorView, disabled, isReducedSpacing, shouldUseResponsiveToolbar, }: PrimaryToolbarComponentProps) => React.JSX.Element>;
17
16
  export {};
package/dist/types-ts4.5/ui/toolbar-components.d.ts CHANGED
@@ -2,4 +2,3 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
2
  import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
3
3
  import { type TextFormattingPlugin } from '../textFormattingPluginType';
4
4
  export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
5
- export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-text-formatting",
3
- "version": "6.0.8",
3
+ "version": "6.0.10",
4
4
  "description": "Text-formatting plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -40,17 +40,17 @@
40
40
  "@atlaskit/editor-tables": "^2.9.0",
41
41
  "@atlaskit/editor-toolbar": "^0.14.0",
42
42
  "@atlaskit/editor-toolbar-model": "^0.2.0",
43
- "@atlaskit/icon": "^28.4.0",
43
+ "@atlaskit/icon": "^28.5.0",
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
45
  "@atlaskit/prosemirror-input-rules": "^3.4.0",
46
- "@atlaskit/tmp-editor-statsig": "^13.2.0",
46
+ "@atlaskit/tmp-editor-statsig": "^13.5.0",
47
47
  "@atlaskit/tokens": "^6.4.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
50
50
  "react-intl-next": "npm:react-intl@^5.18.1"
51
51
  },
52
52
  "peerDependencies": {
53
- "@atlaskit/editor-common": "^110.4.0",
53
+ "@atlaskit/editor-common": "^110.7.0",
54
54
  "react": "^18.2.0"
55
55
  },
56
56
  "devDependencies": {