@atlaskit/editor-plugin-media-insert 23.2.0 → 23.3.1
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 +23 -0
- package/dist/cjs/entry-points/media-insert-plugin-type.js +1 -0
- package/dist/cjs/entry-points/media-insert-plugin.js +12 -0
- package/dist/cjs/ui/MediaInsertPicker.js +10 -10
- package/dist/es2019/entry-points/media-insert-plugin-type.js +0 -0
- package/dist/es2019/entry-points/media-insert-plugin.js +2 -0
- package/dist/es2019/ui/MediaInsertPicker.js +9 -10
- package/dist/esm/entry-points/media-insert-plugin-type.js +0 -0
- package/dist/esm/entry-points/media-insert-plugin.js +2 -0
- package/dist/esm/ui/MediaInsertPicker.js +10 -10
- package/dist/types/entry-points/media-insert-plugin-type.d.ts +1 -0
- package/dist/types/entry-points/media-insert-plugin.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/media-insert-plugin-type.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/media-insert-plugin.d.ts +1 -0
- package/media-insert-plugin/package.json +17 -0
- package/media-insert-plugin-type/package.json +17 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media-insert
|
|
2
2
|
|
|
3
|
+
## 23.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e3e6720ffc5f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3e6720ffc5f9) -
|
|
8
|
+
Tighten spacing around the AI image generation tab in the media insert picker:
|
|
9
|
+
- Remove the `paddingBlockEnd` from registered tab panels in `MediaInsertPicker` (via a new
|
|
10
|
+
`disablePaddingBlockEnd` prop on `CustomTabPanel`) so plugin-injected tabs (e.g. the AI image
|
|
11
|
+
generation tab) no longer have a bottom padding.
|
|
12
|
+
- Apply a negative `marginTop` (-6px) and `marginBottom` (-12px) to the "uses AI" footer in
|
|
13
|
+
`image-from-ai-generation` to visually balance the panel after removing the surrounding padding.
|
|
14
|
+
|
|
15
|
+
## 23.3.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [`a94a013546f69`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a94a013546f69) -
|
|
20
|
+
Autofix: add explicit package exports (barrel removal)
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- Updated dependencies
|
|
25
|
+
|
|
3
26
|
## 23.2.0
|
|
4
27
|
|
|
5
28
|
### Minor Changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "mediaInsertPlugin", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _mediaInsertPlugin.mediaInsertPlugin;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _mediaInsertPlugin = require("../mediaInsertPlugin");
|
|
@@ -29,18 +29,17 @@ var PopupWithListeners = (0, _ui.withOuterListeners)(_ui.Popup);
|
|
|
29
29
|
* A custom TabPanel that is non-focusable.
|
|
30
30
|
*/
|
|
31
31
|
var CustomTabPanel = function CustomTabPanel(_ref) {
|
|
32
|
-
var children = _ref.children
|
|
32
|
+
var children = _ref.children,
|
|
33
|
+
_ref$disablePaddingBl = _ref.disablePaddingBlockEnd,
|
|
34
|
+
disablePaddingBlockEnd = _ref$disablePaddingBl === void 0 ? false : _ref$disablePaddingBl;
|
|
33
35
|
var tabPanelAttributes = (0, _tabs.useTabPanel)();
|
|
34
|
-
return (
|
|
35
|
-
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
37
|
+
paddingBlockEnd: disablePaddingBlockEnd ? 'space.0' : 'space.150'
|
|
36
38
|
// Ignored via go/ees005
|
|
37
39
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
tabIndex: -1
|
|
42
|
-
}), children)
|
|
43
|
-
);
|
|
40
|
+
}, tabPanelAttributes, {
|
|
41
|
+
tabIndex: -1
|
|
42
|
+
}), children);
|
|
44
43
|
};
|
|
45
44
|
var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_ref2) {
|
|
46
45
|
var _api$mediaInsert$acti, _api$mediaInsert, _api$mediaInsert$getI;
|
|
@@ -150,7 +149,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
150
149
|
var key = _ref3.key,
|
|
151
150
|
TabComponent = _ref3.component;
|
|
152
151
|
return /*#__PURE__*/_react.default.createElement(CustomTabPanel, {
|
|
153
|
-
key: key
|
|
152
|
+
key: key,
|
|
153
|
+
disablePaddingBlockEnd: true
|
|
154
154
|
}, /*#__PURE__*/_react.default.createElement(TabComponent
|
|
155
155
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
156
156
|
, {
|
|
File without changes
|
|
@@ -20,19 +20,17 @@ const PopupWithListeners = withOuterListeners(Popup);
|
|
|
20
20
|
* A custom TabPanel that is non-focusable.
|
|
21
21
|
*/
|
|
22
22
|
const CustomTabPanel = ({
|
|
23
|
-
children
|
|
23
|
+
children,
|
|
24
|
+
disablePaddingBlockEnd = false
|
|
24
25
|
}) => {
|
|
25
26
|
const tabPanelAttributes = useTabPanel();
|
|
26
|
-
return (
|
|
27
|
-
|
|
27
|
+
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
28
|
+
paddingBlockEnd: disablePaddingBlockEnd ? 'space.0' : 'space.150'
|
|
28
29
|
// Ignored via go/ees005
|
|
29
30
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
tabIndex: -1
|
|
34
|
-
}), children)
|
|
35
|
-
);
|
|
31
|
+
}, tabPanelAttributes, {
|
|
32
|
+
tabIndex: -1
|
|
33
|
+
}), children);
|
|
36
34
|
};
|
|
37
35
|
export const MediaInsertPicker = ({
|
|
38
36
|
api,
|
|
@@ -139,7 +137,8 @@ export const MediaInsertPicker = ({
|
|
|
139
137
|
key,
|
|
140
138
|
component: TabComponent
|
|
141
139
|
}) => /*#__PURE__*/React.createElement(CustomTabPanel, {
|
|
142
|
-
key: key
|
|
140
|
+
key: key,
|
|
141
|
+
disablePaddingBlockEnd: true
|
|
143
142
|
}, /*#__PURE__*/React.createElement(TabComponent
|
|
144
143
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
145
144
|
, {
|
|
File without changes
|
|
@@ -20,18 +20,17 @@ var PopupWithListeners = withOuterListeners(Popup);
|
|
|
20
20
|
* A custom TabPanel that is non-focusable.
|
|
21
21
|
*/
|
|
22
22
|
var CustomTabPanel = function CustomTabPanel(_ref) {
|
|
23
|
-
var children = _ref.children
|
|
23
|
+
var children = _ref.children,
|
|
24
|
+
_ref$disablePaddingBl = _ref.disablePaddingBlockEnd,
|
|
25
|
+
disablePaddingBlockEnd = _ref$disablePaddingBl === void 0 ? false : _ref$disablePaddingBl;
|
|
24
26
|
var tabPanelAttributes = useTabPanel();
|
|
25
|
-
return (
|
|
26
|
-
|
|
27
|
+
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
28
|
+
paddingBlockEnd: disablePaddingBlockEnd ? 'space.0' : 'space.150'
|
|
27
29
|
// Ignored via go/ees005
|
|
28
30
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
tabIndex: -1
|
|
33
|
-
}), children)
|
|
34
|
-
);
|
|
31
|
+
}, tabPanelAttributes, {
|
|
32
|
+
tabIndex: -1
|
|
33
|
+
}), children);
|
|
35
34
|
};
|
|
36
35
|
export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
|
|
37
36
|
var _api$mediaInsert$acti, _api$mediaInsert, _api$mediaInsert$getI;
|
|
@@ -141,7 +140,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
|
|
|
141
140
|
var key = _ref3.key,
|
|
142
141
|
TabComponent = _ref3.component;
|
|
143
142
|
return /*#__PURE__*/React.createElement(CustomTabPanel, {
|
|
144
|
-
key: key
|
|
143
|
+
key: key,
|
|
144
|
+
disablePaddingBlockEnd: true
|
|
145
145
|
}, /*#__PURE__*/React.createElement(TabComponent
|
|
146
146
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
147
147
|
, {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, MediaInsertPluginActions, MediaInsertTabProps, RegisterInsertTab, } from '../mediaInsertPluginType';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { mediaInsertPlugin } from '../mediaInsertPlugin';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, MediaInsertPluginActions, MediaInsertTabProps, RegisterInsertTab, } from '../mediaInsertPluginType';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { mediaInsertPlugin } from '../mediaInsertPlugin';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-plugin-media-insert/media-insert-plugin",
|
|
3
|
+
"main": "../dist/cjs/entry-points/media-insert-plugin.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/media-insert-plugin.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/media-insert-plugin.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/media-insert-plugin.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/media-insert-plugin.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-plugin-media-insert/media-insert-plugin-type",
|
|
3
|
+
"main": "../dist/cjs/entry-points/media-insert-plugin-type.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/media-insert-plugin-type.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/media-insert-plugin-type.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/media-insert-plugin-type.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/media-insert-plugin-type.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media-insert",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.3.1",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
],
|
|
22
22
|
"atlaskit:src": "src/index.ts",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@atlaskit/adf-schema": "^52.
|
|
24
|
+
"@atlaskit/adf-schema": "^52.11.0",
|
|
25
25
|
"@atlaskit/button": "^23.11.0",
|
|
26
26
|
"@atlaskit/editor-plugin-analytics": "^10.0.0",
|
|
27
|
-
"@atlaskit/editor-plugin-media": "^12.
|
|
27
|
+
"@atlaskit/editor-plugin-media": "^12.7.0",
|
|
28
28
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
29
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
29
|
+
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
30
30
|
"@atlaskit/form": "^15.5.0",
|
|
31
|
-
"@atlaskit/icon": "^34.
|
|
32
|
-
"@atlaskit/media-card": "^80.
|
|
33
|
-
"@atlaskit/media-client": "^36.
|
|
31
|
+
"@atlaskit/icon": "^34.5.0",
|
|
32
|
+
"@atlaskit/media-card": "^80.5.0",
|
|
33
|
+
"@atlaskit/media-client": "^36.2.0",
|
|
34
34
|
"@atlaskit/media-client-react": "^5.1.0",
|
|
35
35
|
"@atlaskit/media-picker": "^71.2.0",
|
|
36
36
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@babel/runtime": "^7.0.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@atlaskit/editor-common": "^114.
|
|
44
|
+
"@atlaskit/editor-common": "^114.31.0",
|
|
45
45
|
"@atlaskit/tokens": "^13.0.0",
|
|
46
46
|
"react": "^18.2.0",
|
|
47
47
|
"react-dom": "^18.2.0",
|