@atlaskit/editor-plugin-card 5.4.0 → 5.4.1

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 (13) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js +8 -2
  3. package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js +2 -2
  4. package/dist/cjs/ui/LinkToolbarAppearanceDropdown.js +1 -1
  5. package/dist/cjs/ui/toolbar.js +5 -4
  6. package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js +8 -2
  7. package/dist/es2019/ui/LinkToolbarAppearanceDropdown.js +2 -2
  8. package/dist/es2019/ui/toolbar.js +5 -4
  9. package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js +8 -2
  10. package/dist/esm/ui/EditorLinkingPlatformAnalytics/common.js +2 -2
  11. package/dist/esm/ui/LinkToolbarAppearanceDropdown.js +2 -2
  12. package/dist/esm/ui/toolbar.js +5 -4
  13. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-card
2
2
 
3
+ ## 5.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#130882](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130882)
8
+ [`df1c29f476539`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df1c29f476539) -
9
+ [ux] Adds a new i18n message and updates icons and tooltips on links, media and extensions.
10
+ - Updated dependencies
11
+
3
12
  ## 5.4.0
4
13
 
5
14
  ### Minor Changes
package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js CHANGED
@@ -12,11 +12,13 @@ var _reactIntlNext = require("react-intl-next");
12
12
  var _messages = require("@atlaskit/editor-common/messages");
13
13
  var _ui = require("@atlaskit/editor-common/ui");
14
14
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
15
+ var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
15
16
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
16
17
  var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
17
18
  var _menu = require("@atlaskit/menu");
18
19
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
20
  var _primitives = require("@atlaskit/primitives");
21
+ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
20
22
  var _utils = require("../../pm-plugins/utils");
21
23
  var _editDatasourceAction = require("../editDatasourceAction");
22
24
  /**
@@ -63,6 +65,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
63
65
  (0, _utils.focusEditorView)(editorView);
64
66
  }
65
67
  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
68
+ var icon = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _react2.jsx)(_edit.default, {
69
+ label: ""
70
+ }) : undefined;
66
71
  switch (editVariant) {
67
72
  case 'edit-link':
68
73
  {
@@ -70,8 +75,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
70
75
  gap: "space.050"
71
76
  }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
72
77
  testId: "edit-link",
73
- onClick: onEditLink
74
- }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
78
+ onClick: onEditLink,
79
+ icon: icon
80
+ }, (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && (0, _react2.jsx)(_reactIntlNext.FormattedMessage
75
81
  // Ignored via go/ees005
76
82
  // eslint-disable-next-line react/jsx-props-no-spreading
77
83
  , _messages.linkToolbarMessages.editLink)), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js CHANGED
@@ -25,10 +25,10 @@ var withHistoryMethod = function withHistoryMethod(fn) {
25
25
  };
26
26
  };
27
27
  var getMethod = exports.getMethod = withHistoryMethod(function (_ref) {
28
- var _inputMethod, _payload;
28
+ var _payload;
29
29
  var inputMethod = _ref.inputMethod,
30
30
  sourceEvent = _ref.sourceEvent;
31
- inputMethod = (_inputMethod = inputMethod) !== null && _inputMethod !== void 0 ? _inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
31
+ inputMethod = inputMethod !== null && inputMethod !== void 0 ? inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
32
32
  switch (inputMethod) {
33
33
  case _analytics.INPUT_METHOD.CLIPBOARD:
34
34
  return 'editor_paste';
package/dist/cjs/ui/LinkToolbarAppearanceDropdown.js CHANGED
@@ -126,7 +126,7 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
126
126
  }),
127
127
  href: 'href' in settingsConfig ? settingsConfig.href : undefined,
128
128
  target: 'target' in settingsConfig ? settingsConfig.target : undefined
129
- }, "Link Preferences")));
129
+ }, intl.formatMessage(_messages.linkToolbarMessages.preferencesLink))));
130
130
  };
131
131
  var getLinkAppearanceDropdown = exports.getLinkAppearanceDropdown = function getLinkAppearanceDropdown(_ref2) {
132
132
  var url = _ref2.url,
package/dist/cjs/ui/toolbar.js CHANGED
@@ -21,7 +21,7 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
21
21
  var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
22
22
  var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
23
23
  var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
24
- var _link2 = _interopRequireDefault(require("@atlaskit/icon/core/link"));
24
+ var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
25
25
  var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
26
26
  var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
27
27
  var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
@@ -340,7 +340,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
340
340
  selected: false,
341
341
  metadata: metadata,
342
342
  title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
343
- icon: _link2.default,
343
+ icon: _edit.default,
344
344
  testId: 'link-toolbar-edit-link-button',
345
345
  onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
346
346
  }, {
@@ -667,8 +667,9 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
667
667
  type: 'button',
668
668
  onClick: onEditLink,
669
669
  title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
670
- showTitle: true,
671
- metadata: metadata
670
+ showTitle: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? false : true,
671
+ metadata: metadata,
672
+ icon: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _edit.default : undefined
672
673
  }, {
673
674
  type: 'separator'
674
675
  }];
package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js CHANGED
@@ -10,11 +10,13 @@ import { FormattedMessage } from 'react-intl-next';
10
10
  import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
11
11
  import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
12
12
  import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
13
+ import EditIcon from '@atlaskit/icon/core/edit';
13
14
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
14
15
  import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
15
16
  import { ButtonItem } from '@atlaskit/menu';
16
17
  import { fg } from '@atlaskit/platform-feature-flags';
17
18
  import { Flex } from '@atlaskit/primitives';
19
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
18
20
  import { focusEditorView } from '../../pm-plugins/utils';
19
21
  import { editDatasource } from '../editDatasourceAction';
20
22
  const dropdownExpandContainer = css({
@@ -46,6 +48,9 @@ const EditToolbarButtonPresentation = ({
46
48
  focusEditorView(editorView);
47
49
  }
48
50
  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
51
+ const icon = editorExperiment('platform_editor_controls', 'variant1') ? jsx(EditIcon, {
52
+ label: ""
53
+ }) : undefined;
49
54
  switch (editVariant) {
50
55
  case 'edit-link':
51
56
  {
@@ -53,8 +58,9 @@ const EditToolbarButtonPresentation = ({
53
58
  gap: "space.050"
54
59
  }, jsx(Button, {
55
60
  testId: "edit-link",
56
- onClick: onEditLink
57
- }, jsx(FormattedMessage
61
+ onClick: onEditLink,
62
+ icon: icon
63
+ }, editorExperiment('platform_editor_controls', 'control') && jsx(FormattedMessage
58
64
  // Ignored via go/ees005
59
65
  // eslint-disable-next-line react/jsx-props-no-spreading
60
66
  , linkToolbarMessages.editLink)), jsx(Separator, null));
package/dist/es2019/ui/LinkToolbarAppearanceDropdown.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import { appearancePropsMap, commandWithMetadata, getDropdownOption } from '@atlaskit/editor-common/card';
4
- import { cardMessages as messages } from '@atlaskit/editor-common/messages';
4
+ import { cardMessages as messages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
5
5
  import { isSupportedInParent } from '@atlaskit/editor-common/utils';
6
6
  import { Fragment } from '@atlaskit/editor-prosemirror/model';
7
7
  import { useSmartCardContext } from '@atlaskit/link-provider';
@@ -110,7 +110,7 @@ export const LinkAppearanceMenu = ({
110
110
  }),
111
111
  href: 'href' in settingsConfig ? settingsConfig.href : undefined,
112
112
  target: 'target' in settingsConfig ? settingsConfig.target : undefined
113
- }, "Link Preferences")));
113
+ }, intl.formatMessage(linkToolbarMessages.preferencesLink))));
114
114
  };
115
115
  export const getLinkAppearanceDropdown = ({
116
116
  url,
package/dist/es2019/ui/toolbar.js CHANGED
@@ -11,7 +11,7 @@ import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirro
11
11
  import CommentIcon from '@atlaskit/icon/core/comment';
12
12
  import CopyIcon from '@atlaskit/icon/core/copy';
13
13
  import DeleteIcon from '@atlaskit/icon/core/delete';
14
- import LinkIcon from '@atlaskit/icon/core/link';
14
+ import EditIcon from '@atlaskit/icon/core/edit';
15
15
  import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
16
16
  import LinkExternalIcon from '@atlaskit/icon/core/link-external';
17
17
  import SettingsIcon from '@atlaskit/icon/core/settings';
@@ -332,7 +332,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
332
332
  selected: false,
333
333
  metadata: metadata,
334
334
  title: intl.formatMessage(linkToolbarMessages.editLink),
335
- icon: LinkIcon,
335
+ icon: EditIcon,
336
336
  testId: 'link-toolbar-edit-link-button',
337
337
  onClick: getEditLinkCallback(editorAnalyticsApi, true)
338
338
  }, {
@@ -656,8 +656,9 @@ export const getStartingToolbarItems = (options, api) => {
656
656
  type: 'button',
657
657
  onClick: onEditLink,
658
658
  title: intl.formatMessage(linkToolbarMessages.editLink),
659
- showTitle: true,
660
- metadata: metadata
659
+ showTitle: editorExperiment('platform_editor_controls', 'variant1') ? false : true,
660
+ metadata: metadata,
661
+ icon: editorExperiment('platform_editor_controls', 'variant1') ? EditIcon : undefined
661
662
  }, {
662
663
  type: 'separator'
663
664
  }];
package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js CHANGED
@@ -11,11 +11,13 @@ import { FormattedMessage } from 'react-intl-next';
11
11
  import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
12
12
  import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
13
13
  import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
14
+ import EditIcon from '@atlaskit/icon/core/edit';
14
15
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
15
16
  import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
16
17
  import { ButtonItem } from '@atlaskit/menu';
17
18
  import { fg } from '@atlaskit/platform-feature-flags';
18
19
  import { Flex } from '@atlaskit/primitives';
20
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
19
21
  import { focusEditorView } from '../../pm-plugins/utils';
20
22
  import { editDatasource } from '../editDatasourceAction';
21
23
  var dropdownExpandContainer = css({
@@ -55,6 +57,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
55
57
  focusEditorView(editorView);
56
58
  }
57
59
  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
60
+ var icon = editorExperiment('platform_editor_controls', 'variant1') ? jsx(EditIcon, {
61
+ label: ""
62
+ }) : undefined;
58
63
  switch (editVariant) {
59
64
  case 'edit-link':
60
65
  {
@@ -62,8 +67,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
62
67
  gap: "space.050"
63
68
  }, jsx(Button, {
64
69
  testId: "edit-link",
65
- onClick: onEditLink
66
- }, jsx(FormattedMessage
70
+ onClick: onEditLink,
71
+ icon: icon
72
+ }, editorExperiment('platform_editor_controls', 'control') && jsx(FormattedMessage
67
73
  // Ignored via go/ees005
68
74
  // eslint-disable-next-line react/jsx-props-no-spreading
69
75
  , linkToolbarMessages.editLink)), jsx(Separator, null));
package/dist/esm/ui/EditorLinkingPlatformAnalytics/common.js CHANGED
@@ -19,10 +19,10 @@ var withHistoryMethod = function withHistoryMethod(fn) {
19
19
  };
20
20
  };
21
21
  export var getMethod = withHistoryMethod(function (_ref) {
22
- var _inputMethod, _payload;
22
+ var _payload;
23
23
  var inputMethod = _ref.inputMethod,
24
24
  sourceEvent = _ref.sourceEvent;
25
- inputMethod = (_inputMethod = inputMethod) !== null && _inputMethod !== void 0 ? _inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
25
+ inputMethod = inputMethod !== null && inputMethod !== void 0 ? inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
26
26
  switch (inputMethod) {
27
27
  case INPUT_METHOD.CLIPBOARD:
28
28
  return 'editor_paste';
package/dist/esm/ui/LinkToolbarAppearanceDropdown.js CHANGED
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import React from 'react';
5
5
  import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
6
6
  import { appearancePropsMap, commandWithMetadata, getDropdownOption } from '@atlaskit/editor-common/card';
7
- import { cardMessages as messages } from '@atlaskit/editor-common/messages';
7
+ import { cardMessages as messages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
8
8
  import { isSupportedInParent } from '@atlaskit/editor-common/utils';
9
9
  import { Fragment } from '@atlaskit/editor-prosemirror/model';
10
10
  import { useSmartCardContext } from '@atlaskit/link-provider';
@@ -119,7 +119,7 @@ export var LinkAppearanceMenu = function LinkAppearanceMenu(_ref) {
119
119
  }),
120
120
  href: 'href' in settingsConfig ? settingsConfig.href : undefined,
121
121
  target: 'target' in settingsConfig ? settingsConfig.target : undefined
122
- }, "Link Preferences")));
122
+ }, intl.formatMessage(linkToolbarMessages.preferencesLink))));
123
123
  };
124
124
  export var getLinkAppearanceDropdown = function getLinkAppearanceDropdown(_ref2) {
125
125
  var url = _ref2.url,
package/dist/esm/ui/toolbar.js CHANGED
@@ -15,7 +15,7 @@ import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirro
15
15
  import CommentIcon from '@atlaskit/icon/core/comment';
16
16
  import CopyIcon from '@atlaskit/icon/core/copy';
17
17
  import DeleteIcon from '@atlaskit/icon/core/delete';
18
- import LinkIcon from '@atlaskit/icon/core/link';
18
+ import EditIcon from '@atlaskit/icon/core/edit';
19
19
  import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
20
20
  import LinkExternalIcon from '@atlaskit/icon/core/link-external';
21
21
  import SettingsIcon from '@atlaskit/icon/core/settings';
@@ -330,7 +330,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
330
330
  selected: false,
331
331
  metadata: metadata,
332
332
  title: intl.formatMessage(linkToolbarMessages.editLink),
333
- icon: LinkIcon,
333
+ icon: EditIcon,
334
334
  testId: 'link-toolbar-edit-link-button',
335
335
  onClick: getEditLinkCallback(editorAnalyticsApi, true)
336
336
  }, {
@@ -657,8 +657,9 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
657
657
  type: 'button',
658
658
  onClick: onEditLink,
659
659
  title: intl.formatMessage(linkToolbarMessages.editLink),
660
- showTitle: true,
661
- metadata: metadata
660
+ showTitle: editorExperiment('platform_editor_controls', 'variant1') ? false : true,
661
+ metadata: metadata,
662
+ icon: editorExperiment('platform_editor_controls', 'variant1') ? EditIcon : undefined
662
663
  }, {
663
664
  type: 'separator'
664
665
  }];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-card",
3
- "version": "5.4.0",
3
+ "version": "5.4.1",
4
4
  "description": "Card plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/analytics-next": "^11.0.0",
38
38
  "@atlaskit/button": "^21.1.0",
39
39
  "@atlaskit/custom-steps": "^0.11.0",
40
- "@atlaskit/editor-common": "^102.12.0",
40
+ "@atlaskit/editor-common": "^102.13.0",
41
41
  "@atlaskit/editor-plugin-analytics": "^2.2.0",
42
42
  "@atlaskit/editor-plugin-base": "^2.3.0",
43
43
  "@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -62,7 +62,7 @@
62
62
  "@atlaskit/primitives": "^14.2.0",
63
63
  "@atlaskit/smart-card": "^36.0.0",
64
64
  "@atlaskit/theme": "^18.0.0",
65
- "@atlaskit/tmp-editor-statsig": "^4.1.0",
65
+ "@atlaskit/tmp-editor-statsig": "^4.3.0",
66
66
  "@atlaskit/tokens": "^4.5.0",
67
67
  "@babel/runtime": "^7.0.0",
68
68
  "@emotion/react": "^11.7.1",