@atlaskit/editor-plugin-text-formatting 6.0.9 → 6.0.11

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 (16) hide show
  1. package/CHANGELOG.md +14 -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/BoldButtonGroup.js +1 -1
  5. package/dist/cjs/ui/Toolbar/components/UnderlineButtonGroup.js +1 -1
  6. package/dist/es2019/textFormattingPlugin.js +1 -15
  7. package/dist/es2019/ui/PrimaryToolbarComponent.js +2 -3
  8. package/dist/es2019/ui/Toolbar/components/BoldButtonGroup.js +2 -2
  9. package/dist/es2019/ui/Toolbar/components/UnderlineButtonGroup.js +2 -2
  10. package/dist/esm/textFormattingPlugin.js +1 -15
  11. package/dist/esm/ui/PrimaryToolbarComponent.js +2 -3
  12. package/dist/esm/ui/Toolbar/components/BoldButtonGroup.js +2 -2
  13. package/dist/esm/ui/Toolbar/components/UnderlineButtonGroup.js +2 -2
  14. package/dist/types/ui/PrimaryToolbarComponent.d.ts +1 -2
  15. package/dist/types-ts4.5/ui/PrimaryToolbarComponent.d.ts +1 -2
  16. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-text-formatting
2
2
 
3
+ ## 6.0.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 6.0.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [`ff53e1bfc6c25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff53e1bfc6c25) -
14
+ [ED-29482] clean up references to platform_editor_toolbar_rerender_optimization_exp
15
+ - Updated dependencies
16
+
3
17
  ## 6.0.9
4
18
 
5
19
  ### 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/BoldButtonGroup.js CHANGED
@@ -28,7 +28,7 @@ var boldButtonGroup = exports.boldButtonGroup = function boldButtonGroup(api) {
28
28
  parents: [{
29
29
  type: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.type,
30
30
  key: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.key,
31
- rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.BOLD_BUTTON_GROUP.key]
31
+ rank: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR_RANK[_toolbar.BOLD_BUTTON_GROUP.key]
32
32
  }],
33
33
  component: function component(_ref2) {
34
34
  var children = _ref2.children;
package/dist/cjs/ui/Toolbar/components/UnderlineButtonGroup.js CHANGED
@@ -28,7 +28,7 @@ var underlineButtonGroup = exports.underlineButtonGroup = function underlineButt
28
28
  parents: [{
29
29
  type: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.type,
30
30
  key: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.key,
31
- rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.UNDERLINE_BUTTON_GROUP.key]
31
+ rank: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR_RANK[_toolbar.UNDERLINE_BUTTON_GROUP.key]
32
32
  }],
33
33
  component: function component(_ref2) {
34
34
  var children = _ref2.children;
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/BoldButtonGroup.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { BOLD_BUTTON_GROUP, BOLD_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_FORMAT_GROUP_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
2
+ import { BOLD_BUTTON_GROUP, BOLD_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
3
3
  import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
4
4
  import { FormatOptions } from '../types';
5
5
  import { FormatButton } from './Component';
@@ -22,7 +22,7 @@ export const boldButtonGroup = api => [{
22
22
  parents: [{
23
23
  type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
24
24
  key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
25
- rank: TEXT_FORMAT_GROUP_RANK[BOLD_BUTTON_GROUP.key]
25
+ rank: TEXT_SECTION_PRIMARY_TOOLBAR_RANK[BOLD_BUTTON_GROUP.key]
26
26
  }],
27
27
  component: ({
28
28
  children
package/dist/es2019/ui/Toolbar/components/UnderlineButtonGroup.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { UNDERLINE_BUTTON_GROUP, UNDERLINE_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_FORMAT_GROUP_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
2
+ import { UNDERLINE_BUTTON_GROUP, UNDERLINE_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
3
3
  import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
4
4
  import { FormatOptions } from '../types';
5
5
  import { FormatButton } from './Component';
@@ -22,7 +22,7 @@ export const underlineButtonGroup = api => [{
22
22
  parents: [{
23
23
  type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
24
24
  key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
25
- rank: TEXT_FORMAT_GROUP_RANK[UNDERLINE_BUTTON_GROUP.key]
25
+ rank: TEXT_SECTION_PRIMARY_TOOLBAR_RANK[UNDERLINE_BUTTON_GROUP.key]
26
26
  }],
27
27
  component: ({
28
28
  children
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/BoldButtonGroup.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { BOLD_BUTTON_GROUP, BOLD_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_FORMAT_GROUP_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
2
+ import { BOLD_BUTTON_GROUP, BOLD_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
3
3
  import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
4
4
  import { FormatOptions } from '../types';
5
5
  import { FormatButton } from './Component';
@@ -21,7 +21,7 @@ export var boldButtonGroup = function boldButtonGroup(api) {
21
21
  parents: [{
22
22
  type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
23
23
  key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
24
- rank: TEXT_FORMAT_GROUP_RANK[BOLD_BUTTON_GROUP.key]
24
+ rank: TEXT_SECTION_PRIMARY_TOOLBAR_RANK[BOLD_BUTTON_GROUP.key]
25
25
  }],
26
26
  component: function component(_ref2) {
27
27
  var children = _ref2.children;
package/dist/esm/ui/Toolbar/components/UnderlineButtonGroup.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { UNDERLINE_BUTTON_GROUP, UNDERLINE_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_FORMAT_GROUP_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
2
+ import { UNDERLINE_BUTTON_GROUP, UNDERLINE_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
3
3
  import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
4
4
  import { FormatOptions } from '../types';
5
5
  import { FormatButton } from './Component';
@@ -21,7 +21,7 @@ export var underlineButtonGroup = function underlineButtonGroup(api) {
21
21
  parents: [{
22
22
  type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
23
23
  key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
24
- rank: TEXT_FORMAT_GROUP_RANK[UNDERLINE_BUTTON_GROUP.key]
24
+ rank: TEXT_SECTION_PRIMARY_TOOLBAR_RANK[UNDERLINE_BUTTON_GROUP.key]
25
25
  }],
26
26
  component: function component(_ref2) {
27
27
  var children = _ref2.children;
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-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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-text-formatting",
3
- "version": "6.0.9",
3
+ "version": "6.0.11",
4
4
  "description": "Text-formatting plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -31,26 +31,26 @@
31
31
  "dependencies": {
32
32
  "@atlaskit/adf-schema": "^51.2.0",
33
33
  "@atlaskit/editor-plugin-analytics": "^6.1.0",
34
- "@atlaskit/editor-plugin-base": "^7.0.0",
34
+ "@atlaskit/editor-plugin-base": "^7.1.0",
35
35
  "@atlaskit/editor-plugin-primary-toolbar": "^7.0.0",
36
36
  "@atlaskit/editor-plugin-selection-toolbar": "^7.0.0",
37
- "@atlaskit/editor-plugin-toolbar": "^3.1.0",
37
+ "@atlaskit/editor-plugin-toolbar": "^3.2.0",
38
38
  "@atlaskit/editor-prosemirror": "7.0.0",
39
39
  "@atlaskit/editor-shared-styles": "^3.6.0",
40
40
  "@atlaskit/editor-tables": "^2.9.0",
41
- "@atlaskit/editor-toolbar": "^0.14.0",
41
+ "@atlaskit/editor-toolbar": "^0.15.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
- "@atlaskit/prosemirror-input-rules": "^3.4.0",
46
- "@atlaskit/tmp-editor-statsig": "^13.4.0",
45
+ "@atlaskit/prosemirror-input-rules": "^3.5.0",
46
+ "@atlaskit/tmp-editor-statsig": "^13.8.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.7.0",
53
+ "@atlaskit/editor-common": "^110.10.0",
54
54
  "react": "^18.2.0"
55
55
  },
56
56
  "devDependencies": {