@atlaskit/editor-plugin-media 8.5.1 → 8.5.2
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/nodeviews/mediaGroupNext.js +2 -2
- package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js +2 -2
- package/dist/cjs/ui/Media/DropPlaceholder.js +2 -2
- package/dist/cjs/ui/MediaLinkingToolbar.js +4 -4
- package/dist/cjs/ui/ToolbarMedia/index.js +2 -2
- package/dist/es2019/nodeviews/mediaGroupNext.js +1 -1
- package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js +1 -1
- package/dist/es2019/ui/Media/DropPlaceholder.js +1 -1
- package/dist/es2019/ui/MediaLinkingToolbar.js +2 -2
- package/dist/es2019/ui/ToolbarMedia/index.js +1 -1
- package/dist/esm/nodeviews/mediaGroupNext.js +1 -1
- package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js +1 -1
- package/dist/esm/ui/Media/DropPlaceholder.js +1 -1
- package/dist/esm/ui/MediaLinkingToolbar.js +2 -2
- package/dist/esm/ui/ToolbarMedia/index.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 8.5.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
|
|
8
|
+
Icon entrypoint migration
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 8.5.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -15,7 +15,7 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
15
15
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
16
16
|
var _media = require("@atlaskit/editor-common/media");
|
|
17
17
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
18
|
-
var
|
|
18
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
19
19
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
20
20
|
var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
|
|
21
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
@@ -83,7 +83,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
|
|
|
83
83
|
shouldEnableDownloadButton: enableDownloadButton,
|
|
84
84
|
actions: [{
|
|
85
85
|
handler: handleMediaNodeRemoval.bind(null, undefined, getNodePos),
|
|
86
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
86
|
+
icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
|
|
87
87
|
label: intl.formatMessage(_media.nodeViewsMessages.mediaGroupDeleteLabel)
|
|
88
88
|
})
|
|
89
89
|
}]
|
|
@@ -21,7 +21,7 @@ var _media = require("@atlaskit/editor-common/media");
|
|
|
21
21
|
var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
22
22
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
23
23
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
24
|
-
var
|
|
24
|
+
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
25
25
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
|
|
26
26
|
var _colors = require("@atlaskit/theme/colors");
|
|
27
27
|
var _commands = require("../commands");
|
|
@@ -208,7 +208,7 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
|
|
|
208
208
|
css: buttonWrapperStyles
|
|
209
209
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
210
210
|
title: formatMessage(_media.altTextMessages.back),
|
|
211
|
-
icon: (0, _react2.jsx)(
|
|
211
|
+
icon: (0, _react2.jsx)(_chevronLeft.default, {
|
|
212
212
|
label: formatMessage(_media.altTextMessages.back),
|
|
213
213
|
size: "small"
|
|
214
214
|
}),
|
|
@@ -9,7 +9,7 @@ var _react = require("@emotion/react");
|
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
10
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
11
11
|
var _media = require("@atlaskit/editor-common/media");
|
|
12
|
-
var
|
|
12
|
+
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
|
|
13
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
14
14
|
var _media2 = require("../../nodeviews/mediaNodeView/media");
|
|
15
15
|
/**
|
|
@@ -45,7 +45,7 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
|
|
|
45
45
|
var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
|
|
46
46
|
return (0, _react.jsx)("div", {
|
|
47
47
|
css: iconWrapperStyles
|
|
48
|
-
}, (0, _react.jsx)(
|
|
48
|
+
}, (0, _react.jsx)(_file.default, {
|
|
49
49
|
label: intl.formatMessage(dropPlaceholderLabel),
|
|
50
50
|
LEGACY_size: "medium"
|
|
51
51
|
}));
|
|
@@ -20,8 +20,8 @@ var _media = require("@atlaskit/editor-common/media");
|
|
|
20
20
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
21
21
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
22
22
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
23
|
-
var
|
|
24
|
-
var
|
|
23
|
+
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
24
|
+
var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
|
|
25
25
|
var _colors = require("@atlaskit/theme/colors");
|
|
26
26
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
27
27
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
@@ -123,7 +123,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
123
123
|
css: buttonWrapper
|
|
124
124
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
125
125
|
title: formatLinkAddressText,
|
|
126
|
-
icon: (0, _react2.jsx)(
|
|
126
|
+
icon: (0, _react2.jsx)(_chevronLeft.default, {
|
|
127
127
|
label: formatLinkAddressText,
|
|
128
128
|
size: "small"
|
|
129
129
|
}),
|
|
@@ -173,7 +173,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
173
173
|
areAnyNewToolbarFlagsEnabled: _this.props.areAnyNewToolbarFlagsEnabled
|
|
174
174
|
}), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
175
175
|
title: formatUnlinkText,
|
|
176
|
-
icon: (0, _react2.jsx)(
|
|
176
|
+
icon: (0, _react2.jsx)(_linkBroken.default, {
|
|
177
177
|
label: formatUnlinkText
|
|
178
178
|
}),
|
|
179
179
|
onClick: function onClick() {
|
|
@@ -10,7 +10,7 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
10
10
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
11
11
|
var _media = require("@atlaskit/editor-common/media");
|
|
12
12
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
13
|
-
var
|
|
13
|
+
var _attachment = _interopRequireDefault(require("@atlaskit/icon/core/attachment"));
|
|
14
14
|
var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
|
|
15
15
|
return function () {
|
|
16
16
|
showMediaPicker();
|
|
@@ -42,7 +42,7 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
|
|
|
42
42
|
disabled: isDisabled,
|
|
43
43
|
title: intl.formatMessage(toolbarMediaTitle),
|
|
44
44
|
spacing: isReducedSpacing ? 'none' : 'default',
|
|
45
|
-
iconBefore: /*#__PURE__*/_react.default.createElement(
|
|
45
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(_attachment.default, {
|
|
46
46
|
label: intl.formatMessage(toolbarMediaTitle)
|
|
47
47
|
})
|
|
48
48
|
});
|
|
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
3
3
|
import { usePreviousState } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
|
|
5
5
|
import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
|
|
6
|
-
import EditorCloseIcon from '@atlaskit/icon/core/
|
|
6
|
+
import EditorCloseIcon from '@atlaskit/icon/core/cross';
|
|
7
7
|
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
8
8
|
import { Filmstrip } from '@atlaskit/media-filmstrip';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -16,7 +16,7 @@ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
|
|
|
16
16
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
17
17
|
import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
18
18
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
19
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/core/
|
|
19
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
20
20
|
import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
|
|
21
21
|
import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
|
|
22
22
|
import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
|
|
@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
7
7
|
import { injectIntl } from 'react-intl-next';
|
|
8
8
|
import { hexToRgba } from '@atlaskit/adf-schema';
|
|
9
9
|
import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
|
|
10
|
-
import DocumentFilledIcon from '@atlaskit/icon/core/
|
|
10
|
+
import DocumentFilledIcon from '@atlaskit/icon/core/file';
|
|
11
11
|
import { B200, B300, B400 } from '@atlaskit/theme/colors';
|
|
12
12
|
import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
|
|
13
13
|
const iconWrapperStyles = css({
|
|
@@ -15,8 +15,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
|
|
|
15
15
|
// Common Translations will live here
|
|
16
16
|
PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
17
17
|
import { normalizeUrl } from '@atlaskit/editor-common/utils';
|
|
18
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/core/
|
|
19
|
-
import EditorUnlinkIcon from '@atlaskit/icon/core/
|
|
18
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
19
|
+
import EditorUnlinkIcon from '@atlaskit/icon/core/link-broken';
|
|
20
20
|
import { R400 } from '@atlaskit/theme/colors';
|
|
21
21
|
const validationWrapper = css({
|
|
22
22
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
3
3
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
|
|
5
5
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
6
|
-
import AttachmentIcon from '@atlaskit/icon/core/
|
|
6
|
+
import AttachmentIcon from '@atlaskit/icon/core/attachment';
|
|
7
7
|
const onClickMediaButton = showMediaPicker => () => {
|
|
8
8
|
showMediaPicker();
|
|
9
9
|
return true;
|
|
@@ -9,7 +9,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
9
9
|
import { usePreviousState } from '@atlaskit/editor-common/hooks';
|
|
10
10
|
import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
|
|
11
11
|
import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
|
|
12
|
-
import EditorCloseIcon from '@atlaskit/icon/core/
|
|
12
|
+
import EditorCloseIcon from '@atlaskit/icon/core/cross';
|
|
13
13
|
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
14
14
|
import { Filmstrip } from '@atlaskit/media-filmstrip';
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -23,7 +23,7 @@ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
|
|
|
23
23
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
24
24
|
import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
25
25
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
26
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/core/
|
|
26
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
27
27
|
import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
|
|
28
28
|
import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
|
|
29
29
|
import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
|
|
@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
7
7
|
import { injectIntl } from 'react-intl-next';
|
|
8
8
|
import { hexToRgba } from '@atlaskit/adf-schema';
|
|
9
9
|
import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
|
|
10
|
-
import DocumentFilledIcon from '@atlaskit/icon/core/
|
|
10
|
+
import DocumentFilledIcon from '@atlaskit/icon/core/file';
|
|
11
11
|
import { B200, B300, B400 } from '@atlaskit/theme/colors';
|
|
12
12
|
import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
|
|
13
13
|
var iconWrapperStyles = css({
|
|
@@ -22,8 +22,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
|
|
|
22
22
|
// Common Translations will live here
|
|
23
23
|
PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
24
24
|
import { normalizeUrl } from '@atlaskit/editor-common/utils';
|
|
25
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/core/
|
|
26
|
-
import EditorUnlinkIcon from '@atlaskit/icon/core/
|
|
25
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
26
|
+
import EditorUnlinkIcon from '@atlaskit/icon/core/link-broken';
|
|
27
27
|
import { R400 } from '@atlaskit/theme/colors';
|
|
28
28
|
var validationWrapper = css({
|
|
29
29
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
3
3
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
|
|
5
5
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
6
|
-
import AttachmentIcon from '@atlaskit/icon/core/
|
|
6
|
+
import AttachmentIcon from '@atlaskit/icon/core/attachment';
|
|
7
7
|
var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
|
|
8
8
|
return function () {
|
|
9
9
|
showMediaPicker();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "8.5.
|
|
3
|
+
"version": "8.5.2",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
],
|
|
30
30
|
"atlaskit:src": "src/index.ts",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/adf-schema": "^51.5.
|
|
32
|
+
"@atlaskit/adf-schema": "^51.5.0",
|
|
33
33
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
35
|
"@atlaskit/button": "^23.7.0",
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
"@atlaskit/editor-plugin-selection": "^6.1.0",
|
|
49
49
|
"@atlaskit/editor-plugin-toolbar": "^3.4.0",
|
|
50
50
|
"@atlaskit/editor-plugin-width": "^7.0.0",
|
|
51
|
-
"@atlaskit/editor-prosemirror": "7.
|
|
51
|
+
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
52
52
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
53
53
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
54
54
|
"@atlaskit/form": "^15.0.0",
|
|
55
|
-
"@atlaskit/icon": "^29.
|
|
55
|
+
"@atlaskit/icon": "^29.1.0",
|
|
56
56
|
"@atlaskit/icon-lab": "^5.12.0",
|
|
57
57
|
"@atlaskit/media-card": "^79.10.0",
|
|
58
58
|
"@atlaskit/media-client": "^35.7.0",
|
|
@@ -66,8 +66,8 @@
|
|
|
66
66
|
"@atlaskit/primitives": "^16.4.0",
|
|
67
67
|
"@atlaskit/textfield": "^8.2.0",
|
|
68
68
|
"@atlaskit/theme": "^21.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^15.
|
|
70
|
-
"@atlaskit/tokens": "^8.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^15.12.0",
|
|
70
|
+
"@atlaskit/tokens": "^8.5.0",
|
|
71
71
|
"@atlaskit/tooltip": "^20.11.0",
|
|
72
72
|
"@babel/runtime": "^7.0.0",
|
|
73
73
|
"@emotion/react": "^11.7.1",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"uuid": "^3.1.0"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@atlaskit/editor-common": "^110.
|
|
81
|
+
"@atlaskit/editor-common": "^110.44.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|