@atlaskit/editor-plugin-media 3.0.13 → 3.0.15
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 +12 -0
- package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js +3 -2
- package/dist/cjs/ui/ImageBorder/index.js +5 -4
- package/dist/cjs/ui/MediaLinkingToolbar.js +3 -2
- package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js +3 -2
- package/dist/es2019/ui/ImageBorder/index.js +3 -2
- package/dist/es2019/ui/MediaLinkingToolbar.js +3 -2
- package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js +3 -2
- package/dist/esm/ui/ImageBorder/index.js +3 -2
- package/dist/esm/ui/MediaLinkingToolbar.js +3 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -20,8 +20,8 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
|
20
20
|
var _media = require("@atlaskit/editor-common/media");
|
|
21
21
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
22
22
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
23
|
+
var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
|
|
23
24
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
|
|
24
|
-
var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
|
|
25
25
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
26
26
|
var _colors = require("@atlaskit/theme/colors");
|
|
27
27
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
@@ -208,7 +208,8 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
|
|
|
208
208
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
209
209
|
title: formatMessage(_media.altTextMessages.back),
|
|
210
210
|
icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
|
|
211
|
-
label: formatMessage(_media.altTextMessages.back)
|
|
211
|
+
label: formatMessage(_media.altTextMessages.back),
|
|
212
|
+
size: "small"
|
|
212
213
|
}),
|
|
213
214
|
tooltipContent: backButtonMessageComponent,
|
|
214
215
|
onClick: this.closeMediaAltTextMenu
|
|
@@ -16,11 +16,11 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
|
|
|
16
16
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
17
17
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
18
18
|
var _border = _interopRequireDefault(require("@atlaskit/icon/core/border"));
|
|
19
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
19
20
|
var _strokeWeightLarge = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-large"));
|
|
20
21
|
var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-medium"));
|
|
21
22
|
var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
|
|
22
|
-
var
|
|
23
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
|
|
23
|
+
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
24
24
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
25
25
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
26
26
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
@@ -330,11 +330,12 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
330
330
|
"aria-label": formatMessage(_media.imageBorderMessages.borderOptions),
|
|
331
331
|
title: formatMessage(_media.imageBorderMessages.borderOptions),
|
|
332
332
|
spacing: "compact",
|
|
333
|
-
iconBefore: (0, _react2.jsx)(
|
|
333
|
+
iconBefore: (0, _react2.jsx)(_chevronDown.default, {
|
|
334
334
|
color: "currentColor",
|
|
335
335
|
spacing: "spacious",
|
|
336
336
|
label: "",
|
|
337
|
-
LEGACY_fallbackIcon:
|
|
337
|
+
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
338
|
+
size: "small"
|
|
338
339
|
}),
|
|
339
340
|
onClick: function onClick() {
|
|
340
341
|
setIsOpen(!isOpen);
|
|
@@ -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 _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
|
|
23
24
|
var _linkBrokenEditorUnlink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-broken--editor-unlink"));
|
|
24
|
-
var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
|
|
25
25
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
26
26
|
var _colors = require("@atlaskit/theme/colors");
|
|
27
27
|
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); }
|
|
@@ -125,7 +125,8 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
125
125
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
126
126
|
title: formatLinkAddressText,
|
|
127
127
|
icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
|
|
128
|
-
label: formatLinkAddressText
|
|
128
|
+
label: formatLinkAddressText,
|
|
129
|
+
size: "small"
|
|
129
130
|
}),
|
|
130
131
|
onClick: function onClick() {
|
|
131
132
|
return _this.handleOnBack({
|
|
@@ -15,8 +15,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
|
15
15
|
import { altTextMessages as messages } from '@atlaskit/editor-common/media';
|
|
16
16
|
import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
17
17
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
18
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
|
|
18
19
|
import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
|
|
19
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
21
|
import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
|
|
22
22
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
@@ -197,7 +197,8 @@ export class AltTextEditComponent extends React.Component {
|
|
|
197
197
|
}, jsx(Button, {
|
|
198
198
|
title: formatMessage(messages.back),
|
|
199
199
|
icon: jsx(ChevronLeftLargeIcon, {
|
|
200
|
-
label: formatMessage(messages.back)
|
|
200
|
+
label: formatMessage(messages.back),
|
|
201
|
+
size: "small"
|
|
201
202
|
}),
|
|
202
203
|
tooltipContent: backButtonMessageComponent,
|
|
203
204
|
onClick: this.closeMediaAltTextMenu
|
|
@@ -14,11 +14,11 @@ import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '
|
|
|
14
14
|
import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
15
15
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
16
16
|
import BorderIcon from '@atlaskit/icon/core/border';
|
|
17
|
+
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
17
18
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
18
19
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
19
20
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
20
21
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
21
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
22
22
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
23
23
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
24
24
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -307,7 +307,8 @@ const ImageBorder = ({
|
|
|
307
307
|
color: "currentColor",
|
|
308
308
|
spacing: "spacious",
|
|
309
309
|
label: "",
|
|
310
|
-
LEGACY_fallbackIcon: ExpandIcon
|
|
310
|
+
LEGACY_fallbackIcon: ExpandIcon,
|
|
311
|
+
size: "small"
|
|
311
312
|
}),
|
|
312
313
|
onClick: () => {
|
|
313
314
|
setIsOpen(!isOpen);
|
|
@@ -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/migration/chevron-left--chevron-left-large';
|
|
18
19
|
import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
|
|
19
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
21
|
import { R400 } from '@atlaskit/theme/colors';
|
|
22
22
|
const validationWrapper = css({
|
|
@@ -120,7 +120,8 @@ class LinkAddToolbar extends React.PureComponent {
|
|
|
120
120
|
}, jsx(Button, {
|
|
121
121
|
title: formatLinkAddressText,
|
|
122
122
|
icon: jsx(ChevronLeftLargeIcon, {
|
|
123
|
-
label: formatLinkAddressText
|
|
123
|
+
label: formatLinkAddressText,
|
|
124
|
+
size: "small"
|
|
124
125
|
}),
|
|
125
126
|
onClick: () => this.handleOnBack({
|
|
126
127
|
url: value,
|
|
@@ -22,8 +22,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
|
22
22
|
import { altTextMessages as messages } from '@atlaskit/editor-common/media';
|
|
23
23
|
import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
|
|
24
24
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
25
|
+
import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
|
|
25
26
|
import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
|
|
26
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
|
|
27
27
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
28
28
|
import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
|
|
29
29
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
@@ -205,7 +205,8 @@ export var AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
205
205
|
}, jsx(Button, {
|
|
206
206
|
title: formatMessage(messages.back),
|
|
207
207
|
icon: jsx(ChevronLeftLargeIcon, {
|
|
208
|
-
label: formatMessage(messages.back)
|
|
208
|
+
label: formatMessage(messages.back),
|
|
209
|
+
size: "small"
|
|
209
210
|
}),
|
|
210
211
|
tooltipContent: backButtonMessageComponent,
|
|
211
212
|
onClick: this.closeMediaAltTextMenu
|
|
@@ -15,11 +15,11 @@ import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '
|
|
|
15
15
|
import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
16
16
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
17
17
|
import BorderIcon from '@atlaskit/icon/core/border';
|
|
18
|
+
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
18
19
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
19
20
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
20
21
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
21
22
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
22
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
23
23
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
24
24
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
25
25
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -326,7 +326,8 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
326
326
|
color: "currentColor",
|
|
327
327
|
spacing: "spacious",
|
|
328
328
|
label: "",
|
|
329
|
-
LEGACY_fallbackIcon: ExpandIcon
|
|
329
|
+
LEGACY_fallbackIcon: ExpandIcon,
|
|
330
|
+
size: "small"
|
|
330
331
|
}),
|
|
331
332
|
onClick: function onClick() {
|
|
332
333
|
setIsOpen(!isOpen);
|
|
@@ -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/migration/chevron-left--chevron-left-large';
|
|
25
26
|
import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
|
|
26
|
-
import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
|
|
27
27
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
28
28
|
import { R400 } from '@atlaskit/theme/colors';
|
|
29
29
|
var validationWrapper = css({
|
|
@@ -121,7 +121,8 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
121
121
|
}, jsx(Button, {
|
|
122
122
|
title: formatLinkAddressText,
|
|
123
123
|
icon: jsx(ChevronLeftLargeIcon, {
|
|
124
|
-
label: formatLinkAddressText
|
|
124
|
+
label: formatLinkAddressText,
|
|
125
|
+
size: "small"
|
|
125
126
|
}),
|
|
126
127
|
onClick: function onClick() {
|
|
127
128
|
return _this.handleOnBack({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.15",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
39
39
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
40
40
|
"@atlaskit/button": "^23.2.0",
|
|
41
|
-
"@atlaskit/editor-common": "^106.
|
|
41
|
+
"@atlaskit/editor-common": "^106.6.0",
|
|
42
42
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
43
43
|
"@atlaskit/editor-plugin-analytics": "^2.3.0",
|
|
44
44
|
"@atlaskit/editor-plugin-annotation": "^2.9.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@atlaskit/editor-plugin-decorations": "^2.0.0",
|
|
47
47
|
"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
|
|
48
48
|
"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
|
|
49
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^4.
|
|
49
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^4.2.0",
|
|
50
50
|
"@atlaskit/editor-plugin-focus": "^1.5.0",
|
|
51
51
|
"@atlaskit/editor-plugin-grid": "^2.0.0",
|
|
52
52
|
"@atlaskit/editor-plugin-guideline": "^2.0.0",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@atlaskit/primitives": "^14.8.0",
|
|
71
71
|
"@atlaskit/textfield": "^8.0.0",
|
|
72
72
|
"@atlaskit/theme": "^18.0.0",
|
|
73
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
73
|
+
"@atlaskit/tmp-editor-statsig": "^7.0.0",
|
|
74
74
|
"@atlaskit/tokens": "^5.1.0",
|
|
75
75
|
"@atlaskit/tooltip": "^20.3.0",
|
|
76
76
|
"@babel/runtime": "^7.0.0",
|