@atlaskit/editor-plugin-toolbar 5.0.3 → 5.1.0

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 (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/OverflowMenu.js +6 -18
  3. package/dist/cjs/ui/TextCollapsedMenu.js +6 -18
  4. package/dist/es2019/ui/OverflowMenu.js +6 -18
  5. package/dist/es2019/ui/TextCollapsedMenu.js +6 -18
  6. package/dist/esm/ui/OverflowMenu.js +6 -18
  7. package/dist/esm/ui/TextCollapsedMenu.js +6 -18
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-toolbar
2
2
 
3
+ ## 5.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`5a8d797e50210`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a8d797e50210) -
8
+ [FFCLEANUP-91669] clean up platform_editor_hide_toolbar_tooltips_fix experiment to hide dropdown
9
+ menu item tooltips on hover of the dropdown menu button
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 5.0.4
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 5.0.3
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/ui/OverflowMenu.js CHANGED
@@ -9,30 +9,18 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _messages = require("@atlaskit/editor-common/messages");
11
11
  var _editorToolbar = require("@atlaskit/editor-toolbar");
12
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
12
  var OverflowMenu = exports.OverflowMenu = function OverflowMenu(_ref) {
14
13
  var children = _ref.children;
15
14
  var intl = (0, _reactIntlNext.useIntl)();
16
15
  var tooltipContent = intl.formatMessage(_messages.toolbarMessages.selectionToolbarOverflowMenuTooltip);
17
- if ((0, _expValEquals.expValEquals)('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
18
- return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
19
- label: tooltipContent,
20
- iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ShowMoreHorizontalIcon, {
21
- label: ""
22
- }),
23
- tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
24
- content: tooltipContent,
25
- position: "top"
26
- })
27
- }, children);
28
- }
29
- return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
30
- content: tooltipContent,
31
- position: "top"
32
- }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
16
+ return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
33
17
  label: tooltipContent,
34
18
  iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ShowMoreHorizontalIcon, {
35
19
  label: ""
20
+ }),
21
+ tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
22
+ content: tooltipContent,
23
+ position: "top"
36
24
  })
37
- }, children));
25
+ }, children);
38
26
  };
package/dist/cjs/ui/TextCollapsedMenu.js CHANGED
@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _messages = require("@atlaskit/editor-common/messages");
11
11
  var _editorToolbar = require("@atlaskit/editor-toolbar");
12
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
12
  /**
14
13
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
15
14
  * and is also placeholder to render all other menus in the collapsed state.
@@ -18,25 +17,14 @@ var TextCollapsedMenu = exports.TextCollapsedMenu = function TextCollapsedMenu(_
18
17
  var children = _ref.children;
19
18
  var _useIntl = (0, _reactIntlNext.useIntl)(),
20
19
  formatMessage = _useIntl.formatMessage;
21
- if ((0, _expValEquals.expValEquals)('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
22
- return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
23
- iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TextIcon, {
24
- label: formatMessage(_messages.toolbarMessages.textStylesTooltip),
25
- size: "small"
26
- }),
27
- enableMaxHeight: true,
28
- tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
29
- content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
30
- })
31
- }, children);
32
- }
33
- return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
34
- content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
35
- }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
20
+ return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
36
21
  iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TextIcon, {
37
22
  label: formatMessage(_messages.toolbarMessages.textStylesTooltip),
38
23
  size: "small"
39
24
  }),
40
- enableMaxHeight: true
41
- }, children));
25
+ enableMaxHeight: true,
26
+ tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
27
+ content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
28
+ })
29
+ }, children);
42
30
  };
package/dist/es2019/ui/OverflowMenu.js CHANGED
@@ -2,31 +2,19 @@ import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
4
4
  import { ShowMoreHorizontalIcon, ToolbarDropdownMenu, ToolbarTooltip } from '@atlaskit/editor-toolbar';
5
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
5
  export const OverflowMenu = ({
7
6
  children
8
7
  }) => {
9
8
  const intl = useIntl();
10
9
  const tooltipContent = intl.formatMessage(toolbarMessages.selectionToolbarOverflowMenuTooltip);
11
- if (expValEquals('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
12
- return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
13
- label: tooltipContent,
14
- iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
15
- label: ""
16
- }),
17
- tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
18
- content: tooltipContent,
19
- position: "top"
20
- })
21
- }, children);
22
- }
23
- return /*#__PURE__*/React.createElement(ToolbarTooltip, {
24
- content: tooltipContent,
25
- position: "top"
26
- }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
10
+ return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
27
11
  label: tooltipContent,
28
12
  iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
29
13
  label: ""
14
+ }),
15
+ tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
16
+ content: tooltipContent,
17
+ position: "top"
30
18
  })
31
- }, children));
19
+ }, children);
32
20
  };
package/dist/es2019/ui/TextCollapsedMenu.js CHANGED
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
4
4
  import { ToolbarDropdownMenu, ToolbarTooltip, TextIcon } from '@atlaskit/editor-toolbar';
5
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
5
  /**
7
6
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
8
7
  * and is also placeholder to render all other menus in the collapsed state.
@@ -13,25 +12,14 @@ export const TextCollapsedMenu = ({
13
12
  const {
14
13
  formatMessage
15
14
  } = useIntl();
16
- if (expValEquals('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
17
- return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
18
- iconBefore: /*#__PURE__*/React.createElement(TextIcon, {
19
- label: formatMessage(toolbarMessages.textStylesTooltip),
20
- size: "small"
21
- }),
22
- enableMaxHeight: true,
23
- tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
24
- content: formatMessage(toolbarMessages.textStylesTooltip)
25
- })
26
- }, children);
27
- }
28
- return /*#__PURE__*/React.createElement(ToolbarTooltip, {
29
- content: formatMessage(toolbarMessages.textStylesTooltip)
30
- }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
15
+ return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
31
16
  iconBefore: /*#__PURE__*/React.createElement(TextIcon, {
32
17
  label: formatMessage(toolbarMessages.textStylesTooltip),
33
18
  size: "small"
34
19
  }),
35
- enableMaxHeight: true
36
- }, children));
20
+ enableMaxHeight: true,
21
+ tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
22
+ content: formatMessage(toolbarMessages.textStylesTooltip)
23
+ })
24
+ }, children);
37
25
  };
package/dist/esm/ui/OverflowMenu.js CHANGED
@@ -2,30 +2,18 @@ import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
4
4
  import { ShowMoreHorizontalIcon, ToolbarDropdownMenu, ToolbarTooltip } from '@atlaskit/editor-toolbar';
5
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
5
  export var OverflowMenu = function OverflowMenu(_ref) {
7
6
  var children = _ref.children;
8
7
  var intl = useIntl();
9
8
  var tooltipContent = intl.formatMessage(toolbarMessages.selectionToolbarOverflowMenuTooltip);
10
- if (expValEquals('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
11
- return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
12
- label: tooltipContent,
13
- iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
14
- label: ""
15
- }),
16
- tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
17
- content: tooltipContent,
18
- position: "top"
19
- })
20
- }, children);
21
- }
22
- return /*#__PURE__*/React.createElement(ToolbarTooltip, {
23
- content: tooltipContent,
24
- position: "top"
25
- }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
9
+ return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
26
10
  label: tooltipContent,
27
11
  iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
28
12
  label: ""
13
+ }),
14
+ tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
15
+ content: tooltipContent,
16
+ position: "top"
29
17
  })
30
- }, children));
18
+ }, children);
31
19
  };
package/dist/esm/ui/TextCollapsedMenu.js CHANGED
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { toolbarMessages } from '@atlaskit/editor-common/messages';
4
4
  import { ToolbarDropdownMenu, ToolbarTooltip, TextIcon } from '@atlaskit/editor-toolbar';
5
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
5
  /**
7
6
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
8
7
  * and is also placeholder to render all other menus in the collapsed state.
@@ -11,25 +10,14 @@ export var TextCollapsedMenu = function TextCollapsedMenu(_ref) {
11
10
  var children = _ref.children;
12
11
  var _useIntl = useIntl(),
13
12
  formatMessage = _useIntl.formatMessage;
14
- if (expValEquals('platform_editor_hide_toolbar_tooltips_fix', 'isEnabled', true)) {
15
- return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
16
- iconBefore: /*#__PURE__*/React.createElement(TextIcon, {
17
- label: formatMessage(toolbarMessages.textStylesTooltip),
18
- size: "small"
19
- }),
20
- enableMaxHeight: true,
21
- tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
22
- content: formatMessage(toolbarMessages.textStylesTooltip)
23
- })
24
- }, children);
25
- }
26
- return /*#__PURE__*/React.createElement(ToolbarTooltip, {
27
- content: formatMessage(toolbarMessages.textStylesTooltip)
28
- }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
13
+ return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
29
14
  iconBefore: /*#__PURE__*/React.createElement(TextIcon, {
30
15
  label: formatMessage(toolbarMessages.textStylesTooltip),
31
16
  size: "small"
32
17
  }),
33
- enableMaxHeight: true
34
- }, children));
18
+ enableMaxHeight: true,
19
+ tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
20
+ content: formatMessage(toolbarMessages.textStylesTooltip)
21
+ })
22
+ }, children);
35
23
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-toolbar",
3
- "version": "5.0.3",
3
+ "version": "5.1.0",
4
4
  "description": "Toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,16 +36,16 @@
36
36
  "@atlaskit/editor-plugin-user-intent": "^6.0.0",
37
37
  "@atlaskit/editor-plugin-user-preferences": "^6.0.0",
38
38
  "@atlaskit/editor-prosemirror": "^7.3.0",
39
- "@atlaskit/editor-toolbar": "^0.19.0",
39
+ "@atlaskit/editor-toolbar": "^0.20.0",
40
40
  "@atlaskit/editor-toolbar-model": "^0.4.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/tmp-editor-statsig": "^38.0.0",
42
+ "@atlaskit/tmp-editor-statsig": "^40.0.0",
43
43
  "@babel/runtime": "^7.0.0",
44
44
  "bind-event-listener": "^3.0.0",
45
45
  "react-intl-next": "npm:react-intl@^5.18.1"
46
46
  },
47
47
  "peerDependencies": {
48
- "@atlaskit/editor-common": "^112.2.0",
48
+ "@atlaskit/editor-common": "^112.4.0",
49
49
  "react": "^18.2.0"
50
50
  },
51
51
  "platform-feature-flags": {