@atlaskit/editor-plugin-card 1.5.0 → 1.6.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,15 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-card
|
|
2
2
|
|
|
3
|
+
## 1.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#88000](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88000) [`61b44e565851`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61b44e565851) - [ux] FF clean up platform.editor.show-embed-card-frame-renderer
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 1.5.0
|
|
4
14
|
|
|
5
15
|
### Minor Changes
|
|
@@ -15,11 +15,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _react2 = require("@emotion/react");
|
|
18
|
-
var _styles = require("@atlaskit/editor-common/styles");
|
|
19
18
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
20
19
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
21
20
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
22
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
23
21
|
var _smartCard = require("@atlaskit/smart-card");
|
|
24
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25
23
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -333,12 +331,9 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
|
|
|
333
331
|
containerWidth = _this$props6.containerWidth,
|
|
334
332
|
fullWidthMode = _this$props6.fullWidthMode,
|
|
335
333
|
children = _this$props6.children;
|
|
336
|
-
var resizerProps =
|
|
334
|
+
var resizerProps = {
|
|
337
335
|
width: this.calcPxWidth(),
|
|
338
336
|
innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPadding
|
|
339
|
-
} : {
|
|
340
|
-
width: this.calcPxWidth() - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide,
|
|
341
|
-
innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide
|
|
342
337
|
};
|
|
343
338
|
var enable = {};
|
|
344
339
|
_ui.handleSides.forEach(function (side) {
|
|
@@ -366,7 +361,6 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
|
|
|
366
361
|
|
|
367
362
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
368
363
|
return (0, _react2.jsx)("div", {
|
|
369
|
-
css: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') ? {} : _styles.embedSpacingStyles,
|
|
370
364
|
"data-testid": "resizable-embed-card-spacing"
|
|
371
365
|
}, (0, _react2.jsx)("div", {
|
|
372
366
|
css: (0, _ui.wrapperStyle)({
|
|
@@ -3,11 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
/** @jsx jsx */
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { jsx } from '@emotion/react';
|
|
6
|
-
import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
|
|
7
6
|
import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
|
|
8
7
|
import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
|
|
9
|
-
import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding,
|
|
10
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
|
|
11
9
|
import { embedHeaderHeight } from '@atlaskit/smart-card';
|
|
12
10
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
13
11
|
export default class ResizableEmbedCard extends React.Component {
|
|
@@ -307,12 +305,9 @@ export default class ResizableEmbedCard extends React.Component {
|
|
|
307
305
|
fullWidthMode,
|
|
308
306
|
children
|
|
309
307
|
} = this.props;
|
|
310
|
-
const resizerProps =
|
|
308
|
+
const resizerProps = {
|
|
311
309
|
width: this.calcPxWidth(),
|
|
312
310
|
innerPadding: akEditorMediaResizeHandlerPadding
|
|
313
|
-
} : {
|
|
314
|
-
width: this.calcPxWidth() - akEditorMediaResizeHandlerPaddingWide,
|
|
315
|
-
innerPadding: akEditorMediaResizeHandlerPaddingWide
|
|
316
311
|
};
|
|
317
312
|
const enable = {};
|
|
318
313
|
handleSides.forEach(side => {
|
|
@@ -340,7 +335,6 @@ export default class ResizableEmbedCard extends React.Component {
|
|
|
340
335
|
|
|
341
336
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
342
337
|
return jsx("div", {
|
|
343
|
-
css: getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {} : embedSpacingStyles,
|
|
344
338
|
"data-testid": "resizable-embed-card-spacing"
|
|
345
339
|
}, jsx("div", {
|
|
346
340
|
css: wrapperStyle({
|
|
@@ -13,11 +13,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
13
13
|
/** @jsx jsx */
|
|
14
14
|
import React from 'react';
|
|
15
15
|
import { jsx } from '@emotion/react';
|
|
16
|
-
import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
|
|
17
16
|
import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
|
|
18
17
|
import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
|
|
19
|
-
import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding,
|
|
20
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
18
|
+
import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
|
|
21
19
|
import { embedHeaderHeight } from '@atlaskit/smart-card';
|
|
22
20
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
23
21
|
var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
|
|
@@ -327,12 +325,9 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
|
|
|
327
325
|
containerWidth = _this$props6.containerWidth,
|
|
328
326
|
fullWidthMode = _this$props6.fullWidthMode,
|
|
329
327
|
children = _this$props6.children;
|
|
330
|
-
var resizerProps =
|
|
328
|
+
var resizerProps = {
|
|
331
329
|
width: this.calcPxWidth(),
|
|
332
330
|
innerPadding: akEditorMediaResizeHandlerPadding
|
|
333
|
-
} : {
|
|
334
|
-
width: this.calcPxWidth() - akEditorMediaResizeHandlerPaddingWide,
|
|
335
|
-
innerPadding: akEditorMediaResizeHandlerPaddingWide
|
|
336
331
|
};
|
|
337
332
|
var enable = {};
|
|
338
333
|
handleSides.forEach(function (side) {
|
|
@@ -360,7 +355,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
|
|
|
360
355
|
|
|
361
356
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
362
357
|
return jsx("div", {
|
|
363
|
-
css: getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {} : embedSpacingStyles,
|
|
364
358
|
"data-testid": "resizable-embed-card-spacing"
|
|
365
359
|
}, jsx("div", {
|
|
366
360
|
css: wrapperStyle({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-card",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "Card plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@atlaskit/adf-schema": "^35.8.0",
|
|
36
36
|
"@atlaskit/analytics-next": "^9.2.0",
|
|
37
37
|
"@atlaskit/custom-steps": "^0.0.17",
|
|
38
|
-
"@atlaskit/editor-common": "^78.
|
|
38
|
+
"@atlaskit/editor-common": "^78.26.0",
|
|
39
39
|
"@atlaskit/editor-plugin-analytics": "^1.0.0",
|
|
40
40
|
"@atlaskit/editor-plugin-decorations": "^1.0.0",
|
|
41
41
|
"@atlaskit/editor-plugin-feature-flags": "^1.0.0",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@atlaskit/linking-types": "^8.8.0",
|
|
55
55
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
56
56
|
"@atlaskit/primitives": "^5.5.0",
|
|
57
|
-
"@atlaskit/smart-card": "^26.
|
|
57
|
+
"@atlaskit/smart-card": "^26.53.0",
|
|
58
58
|
"@atlaskit/theme": "^12.7.0",
|
|
59
59
|
"@atlaskit/tokens": "^1.43.0",
|
|
60
60
|
"@babel/runtime": "^7.0.0",
|
|
@@ -107,9 +107,6 @@
|
|
|
107
107
|
"platform.linking-platform.smart-card.inline-switcher": {
|
|
108
108
|
"type": "boolean"
|
|
109
109
|
},
|
|
110
|
-
"platform.editor.show-embed-card-frame-renderer": {
|
|
111
|
-
"type": "boolean"
|
|
112
|
-
},
|
|
113
110
|
"platform.linking-platform.datasource-word_wrap": {
|
|
114
111
|
"type": "boolean"
|
|
115
112
|
},
|