@atlaskit/editor-plugin-media 9.0.1 → 9.1.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
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 9.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
|
|
8
|
+
Clean up and removal of the `platform-visual-refresh-icons` feature flag.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 9.0.1
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
|
@@ -19,7 +19,6 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-d
|
|
|
19
19
|
var _strokeWeightLarge = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-large"));
|
|
20
20
|
var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-medium"));
|
|
21
21
|
var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
|
|
22
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
23
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
24
23
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
25
24
|
var _styles2 = require("./styles");
|
|
@@ -122,9 +121,6 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
122
121
|
value: 3,
|
|
123
122
|
icon: _strokeWeightLarge.default
|
|
124
123
|
}];
|
|
125
|
-
var borderColorSelectStyles = function borderColorSelectStyles() {
|
|
126
|
-
return !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color)) : _styles2.contextualMenuArrow;
|
|
127
|
-
};
|
|
128
124
|
var items = [{
|
|
129
125
|
content: (0, _react2.jsx)("div", null, (0, _react2.jsx)("button", {
|
|
130
126
|
ref: dropDownColorOptionButton,
|
|
@@ -141,7 +137,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
141
137
|
});
|
|
142
138
|
}
|
|
143
139
|
}, (0, _react2.jsx)(_compiled.Text, null, formatMessage(_media.imageBorderMessages.borderColor)), (0, _react2.jsx)("div", {
|
|
144
|
-
css:
|
|
140
|
+
css: _styles2.contextualMenuArrow
|
|
145
141
|
})), (0, _react2.jsx)("div", {
|
|
146
142
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
147
143
|
className: _styles.DropdownMenuSharedCssClassName.SUBMENU,
|
|
@@ -266,15 +262,10 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
266
262
|
onMouseDown: function onMouseDown(e) {
|
|
267
263
|
e.preventDefault();
|
|
268
264
|
}
|
|
269
|
-
},
|
|
270
|
-
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
271
|
-
(0, _react2.jsx)("div", {
|
|
272
|
-
css: (0, _styles2.line)(value, value === size),
|
|
273
|
-
role: "presentation"
|
|
274
|
-
}) : (0, _react2.jsx)(ButtonIcon, {
|
|
265
|
+
}, (0, _react2.jsx)(ButtonIcon, {
|
|
275
266
|
color: value === size ? "var(--ds-icon-inverse, #FFFFFF)" : 'currentColor',
|
|
276
267
|
spacing: "spacious",
|
|
277
|
-
label:
|
|
268
|
+
label: ""
|
|
278
269
|
}))))
|
|
279
270
|
);
|
|
280
271
|
}))))),
|
|
@@ -17,10 +17,9 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
17
17
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
18
18
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
19
19
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
20
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
20
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
22
21
|
import Tooltip from '@atlaskit/tooltip';
|
|
23
|
-
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow,
|
|
22
|
+
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, menuItemDimensions, toolbarButtonWrapper } from './styles';
|
|
24
23
|
const ImageBorder = ({
|
|
25
24
|
intl: {
|
|
26
25
|
formatMessage
|
|
@@ -104,7 +103,6 @@ const ImageBorder = ({
|
|
|
104
103
|
value: 3,
|
|
105
104
|
icon: StrokeWeightLargeIcon
|
|
106
105
|
}];
|
|
107
|
-
const borderColorSelectStyles = () => !fg('platform-visual-refresh-icons') ? contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color)) : contextualMenuArrow;
|
|
108
106
|
const items = [{
|
|
109
107
|
content: jsx("div", null, jsx("button", {
|
|
110
108
|
ref: dropDownColorOptionButton,
|
|
@@ -117,7 +115,7 @@ const ImageBorder = ({
|
|
|
117
115
|
"aria-expanded": isColorSubmenuOpen,
|
|
118
116
|
onKeyDown: e => handleTriggerByKeyboard(e, () => setIsColorSubmenuOpen(!isColorSubmenuOpen))
|
|
119
117
|
}, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
|
|
120
|
-
css:
|
|
118
|
+
css: contextualMenuArrow
|
|
121
119
|
})), jsx("div", {
|
|
122
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
123
121
|
className: DropdownMenuSharedCssClassName.SUBMENU,
|
|
@@ -239,15 +237,10 @@ const ImageBorder = ({
|
|
|
239
237
|
onMouseDown: e => {
|
|
240
238
|
e.preventDefault();
|
|
241
239
|
}
|
|
242
|
-
},
|
|
243
|
-
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
244
|
-
jsx("div", {
|
|
245
|
-
css: line(value, value === size),
|
|
246
|
-
role: "presentation"
|
|
247
|
-
}) : jsx(ButtonIcon, {
|
|
240
|
+
}, jsx(ButtonIcon, {
|
|
248
241
|
color: value === size ? "var(--ds-icon-inverse, #FFFFFF)" : 'currentColor',
|
|
249
242
|
spacing: "spacious",
|
|
250
|
-
label:
|
|
243
|
+
label: ""
|
|
251
244
|
}))))
|
|
252
245
|
);
|
|
253
246
|
}))))),
|
|
@@ -18,10 +18,9 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
18
18
|
import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
|
|
19
19
|
import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
|
|
20
20
|
import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
|
|
21
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
23
22
|
import Tooltip from '@atlaskit/tooltip';
|
|
24
|
-
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow,
|
|
23
|
+
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, menuItemDimensions, toolbarButtonWrapper } from './styles';
|
|
25
24
|
var ImageBorder = function ImageBorder(_ref) {
|
|
26
25
|
var formatMessage = _ref.intl.formatMessage,
|
|
27
26
|
toggleBorder = _ref.toggleBorder,
|
|
@@ -114,9 +113,6 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
114
113
|
value: 3,
|
|
115
114
|
icon: StrokeWeightLargeIcon
|
|
116
115
|
}];
|
|
117
|
-
var borderColorSelectStyles = function borderColorSelectStyles() {
|
|
118
|
-
return !fg('platform-visual-refresh-icons') ? contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color)) : contextualMenuArrow;
|
|
119
|
-
};
|
|
120
116
|
var items = [{
|
|
121
117
|
content: jsx("div", null, jsx("button", {
|
|
122
118
|
ref: dropDownColorOptionButton,
|
|
@@ -133,7 +129,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
133
129
|
});
|
|
134
130
|
}
|
|
135
131
|
}, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
|
|
136
|
-
css:
|
|
132
|
+
css: contextualMenuArrow
|
|
137
133
|
})), jsx("div", {
|
|
138
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
139
135
|
className: DropdownMenuSharedCssClassName.SUBMENU,
|
|
@@ -258,15 +254,10 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
258
254
|
onMouseDown: function onMouseDown(e) {
|
|
259
255
|
e.preventDefault();
|
|
260
256
|
}
|
|
261
|
-
},
|
|
262
|
-
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
263
|
-
jsx("div", {
|
|
264
|
-
css: line(value, value === size),
|
|
265
|
-
role: "presentation"
|
|
266
|
-
}) : jsx(ButtonIcon, {
|
|
257
|
+
}, jsx(ButtonIcon, {
|
|
267
258
|
color: value === size ? "var(--ds-icon-inverse, #FFFFFF)" : 'currentColor',
|
|
268
259
|
spacing: "spacious",
|
|
269
|
-
label:
|
|
260
|
+
label: ""
|
|
270
261
|
}))))
|
|
271
262
|
);
|
|
272
263
|
}))))),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "9.0
|
|
3
|
+
"version": "9.1.0",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@atlaskit/editor-plugin-decorations": "^7.0.0",
|
|
41
41
|
"@atlaskit/editor-plugin-editor-disabled": "^7.0.0",
|
|
42
42
|
"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
|
|
43
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^9.
|
|
43
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^9.1.0",
|
|
44
44
|
"@atlaskit/editor-plugin-focus": "^6.0.0",
|
|
45
45
|
"@atlaskit/editor-plugin-grid": "^7.0.0",
|
|
46
46
|
"@atlaskit/editor-plugin-guideline": "^7.0.0",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@atlaskit/form": "^15.2.0",
|
|
55
55
|
"@atlaskit/icon": "^29.3.0",
|
|
56
56
|
"@atlaskit/icon-lab": "^5.13.0",
|
|
57
|
-
"@atlaskit/media-card": "^79.
|
|
57
|
+
"@atlaskit/media-card": "^79.12.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",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"uuid": "^3.1.0"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@atlaskit/editor-common": "^111.
|
|
81
|
+
"@atlaskit/editor-common": "^111.1.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|