@atlaskit/editor-plugin-toolbar 4.1.6 → 4.1.8

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 +15 -0
  2. package/dist/cjs/ui/OverflowMenu.js +13 -0
  3. package/dist/cjs/ui/TextCollapsedMenu.js +13 -0
  4. package/dist/es2019/ui/OverflowMenu.js +13 -0
  5. package/dist/es2019/ui/TextCollapsedMenu.js +13 -0
  6. package/dist/esm/ui/OverflowMenu.js +13 -0
  7. package/dist/esm/ui/TextCollapsedMenu.js +13 -0
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-plugin-toolbar
2
2
 
3
+ ## 4.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.1.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`38dee2c85c456`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38dee2c85c456) -
14
+ [ux] [EDITOR-4486] render tooltips for ToolbarDropdownMenu using new TooltipComponent prop behind
15
+ platform_editor_hide_toolbar_tooltips_fix
16
+ - Updated dependencies
17
+
3
18
  ## 4.1.6
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/ui/OverflowMenu.js CHANGED
@@ -9,10 +9,23 @@ 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");
12
13
  var OverflowMenu = exports.OverflowMenu = function OverflowMenu(_ref) {
13
14
  var children = _ref.children;
14
15
  var intl = (0, _reactIntlNext.useIntl)();
15
16
  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
+ }
16
29
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
17
30
  content: tooltipContent,
18
31
  position: "top"
package/dist/cjs/ui/TextCollapsedMenu.js CHANGED
@@ -9,6 +9,7 @@ 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");
12
13
  /**
13
14
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
14
15
  * and is also placeholder to render all other menus in the collapsed state.
@@ -17,6 +18,18 @@ var TextCollapsedMenu = exports.TextCollapsedMenu = function TextCollapsedMenu(_
17
18
  var children = _ref.children;
18
19
  var _useIntl = (0, _reactIntlNext.useIntl)(),
19
20
  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
+ }
20
33
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
21
34
  content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
22
35
  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
package/dist/es2019/ui/OverflowMenu.js CHANGED
@@ -2,11 +2,24 @@ 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';
5
6
  export const OverflowMenu = ({
6
7
  children
7
8
  }) => {
8
9
  const intl = useIntl();
9
10
  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
+ }
10
23
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
11
24
  content: tooltipContent,
12
25
  position: "top"
package/dist/es2019/ui/TextCollapsedMenu.js CHANGED
@@ -2,6 +2,7 @@ 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';
5
6
  /**
6
7
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
7
8
  * and is also placeholder to render all other menus in the collapsed state.
@@ -12,6 +13,18 @@ export const TextCollapsedMenu = ({
12
13
  const {
13
14
  formatMessage
14
15
  } = 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
+ }
15
28
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
16
29
  content: formatMessage(toolbarMessages.textStylesTooltip)
17
30
  }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
package/dist/esm/ui/OverflowMenu.js CHANGED
@@ -2,10 +2,23 @@ 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';
5
6
  export var OverflowMenu = function OverflowMenu(_ref) {
6
7
  var children = _ref.children;
7
8
  var intl = useIntl();
8
9
  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
+ }
9
22
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
10
23
  content: tooltipContent,
11
24
  position: "top"
package/dist/esm/ui/TextCollapsedMenu.js CHANGED
@@ -2,6 +2,7 @@ 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';
5
6
  /**
6
7
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
7
8
  * and is also placeholder to render all other menus in the collapsed state.
@@ -10,6 +11,18 @@ export var TextCollapsedMenu = function TextCollapsedMenu(_ref) {
10
11
  var children = _ref.children;
11
12
  var _useIntl = useIntl(),
12
13
  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
+ }
13
26
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
14
27
  content: formatMessage(toolbarMessages.textStylesTooltip)
15
28
  }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-toolbar",
3
- "version": "4.1.6",
3
+ "version": "4.1.8",
4
4
  "description": "Toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,11 +35,11 @@
35
35
  "@atlaskit/editor-plugin-selection": "^7.0.0",
36
36
  "@atlaskit/editor-plugin-user-intent": "^5.0.0",
37
37
  "@atlaskit/editor-plugin-user-preferences": "^5.0.0",
38
- "@atlaskit/editor-prosemirror": "^7.2.0",
38
+ "@atlaskit/editor-prosemirror": "^7.3.0",
39
39
  "@atlaskit/editor-toolbar": "^0.19.0",
40
40
  "@atlaskit/editor-toolbar-model": "^0.3.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/tmp-editor-statsig": "^17.7.0",
42
+ "@atlaskit/tmp-editor-statsig": "^18.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"