@atlaskit/editor-plugin-media 8.5.1 → 8.6.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.
- package/CHANGELOG.md +19 -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/ImageBorder/index.js +1 -5
- 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/ImageBorder/index.js +1 -5
- 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/ImageBorder/index.js +1 -5
- 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 +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 8.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
|
|
8
|
+
Migrated and cleaned up legacy iconography usage.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 8.5.2
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
|
|
19
|
+
Icon entrypoint migration
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 8.5.1
|
|
4
23
|
|
|
5
24
|
### 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
|
}),
|
|
@@ -8,7 +8,6 @@ exports.default = void 0;
|
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
var _icons = require("@atlaskit/editor-common/icons");
|
|
12
11
|
var _media = require("@atlaskit/editor-common/media");
|
|
13
12
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
14
13
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
@@ -20,7 +19,6 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-d
|
|
|
20
19
|
var _strokeWeightLarge = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-large"));
|
|
21
20
|
var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-medium"));
|
|
22
21
|
var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
|
|
23
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
24
22
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
25
23
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
26
24
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
@@ -314,8 +312,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
314
312
|
iconBefore: (0, _react2.jsx)(_border.default, {
|
|
315
313
|
color: "currentColor",
|
|
316
314
|
label: "",
|
|
317
|
-
spacing: "spacious"
|
|
318
|
-
LEGACY_fallbackIcon: _icons.BorderIcon
|
|
315
|
+
spacing: "spacious"
|
|
319
316
|
}),
|
|
320
317
|
title: enabled ? formatMessage(_media.imageBorderMessages.removeBorder) : formatMessage(_media.imageBorderMessages.addBorder)
|
|
321
318
|
}), (0, _react2.jsx)("div", {
|
|
@@ -334,7 +331,6 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
334
331
|
color: "currentColor",
|
|
335
332
|
spacing: "spacious",
|
|
336
333
|
label: "",
|
|
337
|
-
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
338
334
|
size: "small"
|
|
339
335
|
}),
|
|
340
336
|
onClick: function onClick() {
|
|
@@ -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';
|
|
@@ -6,7 +6,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { jsx } from '@emotion/react';
|
|
9
|
-
import { BorderIcon as LegacyBorderIcon } from '@atlaskit/editor-common/icons';
|
|
10
9
|
import { imageBorderMessages as messages } from '@atlaskit/editor-common/media';
|
|
11
10
|
import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
12
11
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
@@ -18,7 +17,6 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
18
17
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
19
18
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
20
19
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
21
|
-
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
22
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
23
21
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
24
22
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -287,8 +285,7 @@ const ImageBorder = ({
|
|
|
287
285
|
iconBefore: jsx(BorderIcon, {
|
|
288
286
|
color: "currentColor",
|
|
289
287
|
label: "",
|
|
290
|
-
spacing: "spacious"
|
|
291
|
-
LEGACY_fallbackIcon: LegacyBorderIcon
|
|
288
|
+
spacing: "spacious"
|
|
292
289
|
}),
|
|
293
290
|
title: enabled ? formatMessage(messages.removeBorder) : formatMessage(messages.addBorder)
|
|
294
291
|
}), jsx("div", {
|
|
@@ -307,7 +304,6 @@ const ImageBorder = ({
|
|
|
307
304
|
color: "currentColor",
|
|
308
305
|
spacing: "spacious",
|
|
309
306
|
label: "",
|
|
310
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
311
307
|
size: "small"
|
|
312
308
|
}),
|
|
313
309
|
onClick: () => {
|
|
@@ -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,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { jsx } from '@emotion/react';
|
|
10
|
-
import { BorderIcon as LegacyBorderIcon } from '@atlaskit/editor-common/icons';
|
|
11
10
|
import { imageBorderMessages as messages } from '@atlaskit/editor-common/media';
|
|
12
11
|
import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
13
12
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
@@ -19,7 +18,6 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
19
18
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
20
19
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
21
20
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
22
|
-
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
23
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
24
22
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
25
23
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -306,8 +304,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
306
304
|
iconBefore: jsx(BorderIcon, {
|
|
307
305
|
color: "currentColor",
|
|
308
306
|
label: "",
|
|
309
|
-
spacing: "spacious"
|
|
310
|
-
LEGACY_fallbackIcon: LegacyBorderIcon
|
|
307
|
+
spacing: "spacious"
|
|
311
308
|
}),
|
|
312
309
|
title: enabled ? formatMessage(messages.removeBorder) : formatMessage(messages.addBorder)
|
|
313
310
|
}), jsx("div", {
|
|
@@ -326,7 +323,6 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
326
323
|
color: "currentColor",
|
|
327
324
|
spacing: "spacious",
|
|
328
325
|
label: "",
|
|
329
|
-
LEGACY_fallbackIcon: ExpandIcon,
|
|
330
326
|
size: "small"
|
|
331
327
|
}),
|
|
332
328
|
onClick: function onClick() {
|
|
@@ -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.
|
|
3
|
+
"version": "8.6.0",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -29,10 +29,10 @@
|
|
|
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
|
-
"@atlaskit/button": "^23.
|
|
35
|
+
"@atlaskit/button": "^23.8.0",
|
|
36
36
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^6.2.0",
|
|
38
38
|
"@atlaskit/editor-plugin-annotation": "^6.3.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@atlaskit/editor-plugin-decorations": "^6.1.0",
|
|
41
41
|
"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
|
|
42
42
|
"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
|
|
43
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^8.
|
|
43
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^8.3.0",
|
|
44
44
|
"@atlaskit/editor-plugin-focus": "^5.0.0",
|
|
45
45
|
"@atlaskit/editor-plugin-grid": "^6.0.0",
|
|
46
46
|
"@atlaskit/editor-plugin-guideline": "^6.0.0",
|
|
@@ -48,13 +48,13 @@
|
|
|
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.2.0",
|
|
56
56
|
"@atlaskit/icon-lab": "^5.12.0",
|
|
57
|
-
"@atlaskit/media-card": "^79.
|
|
57
|
+
"@atlaskit/media-card": "^79.11.0",
|
|
58
58
|
"@atlaskit/media-client": "^35.7.0",
|
|
59
59
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
60
60
|
"@atlaskit/media-common": "^12.3.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.6.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.45.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|