@atlaskit/editor-plugin-media-insert 23.3.0 → 23.3.2

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/MediaInsertPicker.js +10 -10
  3. package/dist/es2019/ui/MediaInsertPicker.js +9 -10
  4. package/dist/esm/ui/MediaInsertPicker.js +10 -10
  5. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-media-insert
2
2
 
3
+ ## 23.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 23.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`e3e6720ffc5f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3e6720ffc5f9) -
14
+ Tighten spacing around the AI image generation tab in the media insert picker:
15
+ - Remove the `paddingBlockEnd` from registered tab panels in `MediaInsertPicker` (via a new
16
+ `disablePaddingBlockEnd` prop on `CustomTabPanel`) so plugin-injected tabs (e.g. the AI image
17
+ generation tab) no longer have a bottom padding.
18
+ - Apply a negative `marginTop` (-6px) and `marginBottom` (-12px) to the "uses AI" footer in
19
+ `image-from-ai-generation` to visually balance the panel after removing the surrounding padding.
20
+
3
21
  ## 23.3.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/ui/MediaInsertPicker.js CHANGED
@@ -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
- /*#__PURE__*/
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
- _react.default.createElement(_compiled.Box, (0, _extends2.default)({
39
- paddingBlockEnd: "space.150"
40
- }, tabPanelAttributes, {
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
  , {
package/dist/es2019/ui/MediaInsertPicker.js CHANGED
@@ -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
- /*#__PURE__*/
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
- React.createElement(Box, _extends({
31
- paddingBlockEnd: "space.150"
32
- }, tabPanelAttributes, {
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
  , {
package/dist/esm/ui/MediaInsertPicker.js CHANGED
@@ -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
- /*#__PURE__*/
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
- React.createElement(Box, _extends({
30
- paddingBlockEnd: "space.150"
31
- }, tabPanelAttributes, {
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
  , {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media-insert",
3
- "version": "23.3.0",
3
+ "version": "23.3.2",
4
4
  "description": "Media Insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -23,16 +23,16 @@
23
23
  "dependencies": {
24
24
  "@atlaskit/adf-schema": "^52.11.0",
25
25
  "@atlaskit/button": "^23.11.0",
26
- "@atlaskit/editor-plugin-analytics": "^10.0.0",
27
- "@atlaskit/editor-plugin-media": "^12.6.0",
26
+ "@atlaskit/editor-plugin-analytics": "^10.1.0",
27
+ "@atlaskit/editor-plugin-media": "^12.7.0",
28
28
  "@atlaskit/editor-prosemirror": "^7.3.0",
29
- "@atlaskit/editor-shared-styles": "^3.10.0",
29
+ "@atlaskit/editor-shared-styles": "^3.11.0",
30
30
  "@atlaskit/form": "^15.5.0",
31
- "@atlaskit/icon": "^34.5.0",
32
- "@atlaskit/media-card": "^80.4.0",
33
- "@atlaskit/media-client": "^36.2.0",
31
+ "@atlaskit/icon": "^35.0.0",
32
+ "@atlaskit/media-card": "^80.5.0",
33
+ "@atlaskit/media-client": "^36.3.0",
34
34
  "@atlaskit/media-client-react": "^5.1.0",
35
- "@atlaskit/media-picker": "^71.2.0",
35
+ "@atlaskit/media-picker": "^71.3.0",
36
36
  "@atlaskit/platform-feature-flags": "^1.1.0",
37
37
  "@atlaskit/primitives": "^19.0.0",
38
38
  "@atlaskit/section-message": "^8.12.0",
@@ -41,7 +41,7 @@
41
41
  "@babel/runtime": "^7.0.0"
42
42
  },
43
43
  "peerDependencies": {
44
- "@atlaskit/editor-common": "^114.30.0",
44
+ "@atlaskit/editor-common": "^114.35.0",
45
45
  "@atlaskit/tokens": "^13.0.0",
46
46
  "react": "^18.2.0",
47
47
  "react-dom": "^18.2.0",