@atlaskit/editor-plugin-media 1.27.2 → 1.27.3
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 +9 -0
- package/dist/cjs/ui/ImageBorder/index.js +3 -2
- package/dist/cjs/ui/PixelEntry/index.js +2 -1
- package/dist/es2019/ui/ImageBorder/index.js +3 -2
- package/dist/es2019/ui/PixelEntry/index.js +2 -1
- package/dist/esm/ui/ImageBorder/index.js +3 -2
- package/dist/esm/ui/PixelEntry/index.js +2 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 1.27.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#126418](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126418)
|
|
8
|
+
[`dc10688cd20b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc10688cd20b6) -
|
|
9
|
+
[ux] Migrate typography with new ADS token and primitive
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 1.27.2
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -17,6 +17,7 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
|
17
17
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
18
18
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
19
19
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
|
+
var _primitives = require("@atlaskit/primitives");
|
|
20
21
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
21
22
|
var _styles2 = require("./styles");
|
|
22
23
|
/**
|
|
@@ -134,7 +135,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
134
135
|
return setIsColorSubmenuOpen(!isColorSubmenuOpen);
|
|
135
136
|
});
|
|
136
137
|
}
|
|
137
|
-
}, (0, _react2.jsx)(
|
|
138
|
+
}, (0, _react2.jsx)(_primitives.Text, null, formatMessage(_media.imageBorderMessages.borderColor)), (0, _react2.jsx)("div", {
|
|
138
139
|
css: (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color))
|
|
139
140
|
})), (0, _react2.jsx)("div", {
|
|
140
141
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -201,7 +202,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
201
202
|
return setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
|
|
202
203
|
});
|
|
203
204
|
}
|
|
204
|
-
}, (0, _react2.jsx)(
|
|
205
|
+
}, (0, _react2.jsx)(_primitives.Text, null, formatMessage(_media.imageBorderMessages.borderSize)), (0, _react2.jsx)("div", {
|
|
205
206
|
css: _styles2.contextualMenuArrow
|
|
206
207
|
})), (0, _react2.jsx)("div", {
|
|
207
208
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -13,6 +13,7 @@ var _react2 = require("@emotion/react");
|
|
|
13
13
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
14
14
|
var _media = require("@atlaskit/editor-common/media");
|
|
15
15
|
var _form = _interopRequireWildcard(require("@atlaskit/form"));
|
|
16
|
+
var _primitives = require("@atlaskit/primitives");
|
|
16
17
|
var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
17
18
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
18
19
|
var _constants = require("./constants");
|
|
@@ -193,6 +194,6 @@ var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay(_ref
|
|
|
193
194
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
194
195
|
(0, _react2.jsx)("div", {
|
|
195
196
|
css: _styles.pixelSizingFullWidthLabelStyles
|
|
196
|
-
}, (0, _react2.jsx)(
|
|
197
|
+
}, (0, _react2.jsx)(_primitives.Text, null, formatMessage(_media.pixelEntryMessages.fullWidthLabel)))
|
|
197
198
|
);
|
|
198
199
|
};
|
|
@@ -15,6 +15,7 @@ import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, Toolb
|
|
|
15
15
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
16
16
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
17
17
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
|
+
import { Text } from '@atlaskit/primitives';
|
|
18
19
|
import Tooltip from '@atlaskit/tooltip';
|
|
19
20
|
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualMenuColorIcon, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, line, menuItemDimensions, toolbarButtonWrapper } from './styles';
|
|
20
21
|
const ImageBorder = ({
|
|
@@ -112,7 +113,7 @@ const ImageBorder = ({
|
|
|
112
113
|
css: [dropdownOptionButton],
|
|
113
114
|
"aria-expanded": isColorSubmenuOpen,
|
|
114
115
|
onKeyDown: e => handleTriggerByKeyboard(e, () => setIsColorSubmenuOpen(!isColorSubmenuOpen))
|
|
115
|
-
}, jsx(
|
|
116
|
+
}, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
|
|
116
117
|
css: contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color))
|
|
117
118
|
})), jsx("div", {
|
|
118
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -175,7 +176,7 @@ const ImageBorder = ({
|
|
|
175
176
|
"aria-expanded": isSizeSubmenuOpen,
|
|
176
177
|
ref: dropDownSizeOptionButton,
|
|
177
178
|
onKeyDown: e => handleTriggerByKeyboard(e, () => setIsSizeSubmenuOpen(!isSizeSubmenuOpen))
|
|
178
|
-
}, jsx(
|
|
179
|
+
}, jsx(Text, null, formatMessage(messages.borderSize)), jsx("div", {
|
|
179
180
|
css: contextualMenuArrow
|
|
180
181
|
})), jsx("div", {
|
|
181
182
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -9,6 +9,7 @@ import { jsx } from '@emotion/react';
|
|
|
9
9
|
import Button from '@atlaskit/button';
|
|
10
10
|
import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
|
|
11
11
|
import Form, { Field } from '@atlaskit/form';
|
|
12
|
+
import { Text } from '@atlaskit/primitives';
|
|
12
13
|
import Textfield from '@atlaskit/textfield';
|
|
13
14
|
import Tooltip from '@atlaskit/tooltip';
|
|
14
15
|
import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
|
|
@@ -177,6 +178,6 @@ export const FullWidthDisplay = ({
|
|
|
177
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
178
179
|
jsx("div", {
|
|
179
180
|
css: pixelSizingFullWidthLabelStyles
|
|
180
|
-
}, jsx(
|
|
181
|
+
}, jsx(Text, null, formatMessage(messages.fullWidthLabel)))
|
|
181
182
|
);
|
|
182
183
|
};
|
|
@@ -16,6 +16,7 @@ import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu, Toolb
|
|
|
16
16
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
17
17
|
import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
18
18
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
|
+
import { Text } from '@atlaskit/primitives';
|
|
19
20
|
import Tooltip from '@atlaskit/tooltip';
|
|
20
21
|
import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualMenuColorIcon, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, line, menuItemDimensions, toolbarButtonWrapper } from './styles';
|
|
21
22
|
var ImageBorder = function ImageBorder(_ref) {
|
|
@@ -126,7 +127,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
126
127
|
return setIsColorSubmenuOpen(!isColorSubmenuOpen);
|
|
127
128
|
});
|
|
128
129
|
}
|
|
129
|
-
}, jsx(
|
|
130
|
+
}, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
|
|
130
131
|
css: contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color))
|
|
131
132
|
})), jsx("div", {
|
|
132
133
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -193,7 +194,7 @@ var ImageBorder = function ImageBorder(_ref) {
|
|
|
193
194
|
return setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
|
|
194
195
|
});
|
|
195
196
|
}
|
|
196
|
-
}, jsx(
|
|
197
|
+
}, jsx(Text, null, formatMessage(messages.borderSize)), jsx("div", {
|
|
197
198
|
css: contextualMenuArrow
|
|
198
199
|
})), jsx("div", {
|
|
199
200
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -10,6 +10,7 @@ import { jsx } from '@emotion/react';
|
|
|
10
10
|
import Button from '@atlaskit/button';
|
|
11
11
|
import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
|
|
12
12
|
import Form, { Field } from '@atlaskit/form';
|
|
13
|
+
import { Text } from '@atlaskit/primitives';
|
|
13
14
|
import Textfield from '@atlaskit/textfield';
|
|
14
15
|
import Tooltip from '@atlaskit/tooltip';
|
|
15
16
|
import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
|
|
@@ -181,6 +182,6 @@ export var FullWidthDisplay = function FullWidthDisplay(_ref5) {
|
|
|
181
182
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
182
183
|
jsx("div", {
|
|
183
184
|
css: pixelSizingFullWidthLabelStyles
|
|
184
|
-
}, jsx(
|
|
185
|
+
}, jsx(Text, null, formatMessage(messages.fullWidthLabel)))
|
|
185
186
|
);
|
|
186
187
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "1.27.
|
|
3
|
+
"version": "1.27.3",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,14 +37,14 @@
|
|
|
37
37
|
"@atlaskit/analytics-namespaced-context": "^6.10.0",
|
|
38
38
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
39
39
|
"@atlaskit/button": "^19.1.0",
|
|
40
|
-
"@atlaskit/editor-common": "^87.
|
|
40
|
+
"@atlaskit/editor-common": "^87.4.0",
|
|
41
41
|
"@atlaskit/editor-palette": "1.6.0",
|
|
42
42
|
"@atlaskit/editor-plugin-analytics": "^1.6.0",
|
|
43
43
|
"@atlaskit/editor-plugin-annotation": "1.18.1",
|
|
44
44
|
"@atlaskit/editor-plugin-decorations": "^1.2.0",
|
|
45
45
|
"@atlaskit/editor-plugin-editor-disabled": "^1.2.0",
|
|
46
46
|
"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
|
|
47
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^1.
|
|
47
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^1.10.0",
|
|
48
48
|
"@atlaskit/editor-plugin-focus": "^1.3.0",
|
|
49
49
|
"@atlaskit/editor-plugin-grid": "^1.2.0",
|
|
50
50
|
"@atlaskit/editor-plugin-guideline": "^1.2.0",
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
"@atlaskit/editor-shared-styles": "^2.13.0",
|
|
55
55
|
"@atlaskit/editor-tables": "^2.8.0",
|
|
56
56
|
"@atlaskit/form": "^10.4.0",
|
|
57
|
-
"@atlaskit/icon": "^22.
|
|
57
|
+
"@atlaskit/icon": "^22.10.0",
|
|
58
58
|
"@atlaskit/media-card": "^78.0.0",
|
|
59
59
|
"@atlaskit/media-client": "^27.3.0",
|
|
60
60
|
"@atlaskit/media-client-react": "^2.0.0",
|
|
61
61
|
"@atlaskit/media-common": "^11.3.0",
|
|
62
|
-
"@atlaskit/media-filmstrip": "^47.
|
|
62
|
+
"@atlaskit/media-filmstrip": "^47.1.0",
|
|
63
63
|
"@atlaskit/media-picker": "^66.4.0",
|
|
64
64
|
"@atlaskit/media-ui": "^25.10.0",
|
|
65
65
|
"@atlaskit/media-viewer": "^48.6.0",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@atlaskit/primitives": "^11.1.0",
|
|
68
68
|
"@atlaskit/textfield": "^6.4.0",
|
|
69
69
|
"@atlaskit/theme": "^12.11.0",
|
|
70
|
-
"@atlaskit/tokens": "^1.
|
|
70
|
+
"@atlaskit/tokens": "^1.57.0",
|
|
71
71
|
"@atlaskit/tooltip": "^18.5.0",
|
|
72
72
|
"@babel/runtime": "^7.0.0",
|
|
73
73
|
"@emotion/react": "^11.7.1",
|