@atlaskit/renderer 109.1.2 → 109.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 109.1.4
+
+### Patch Changes
+
+- [#63354](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63354) [`0b49755d1170`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0b49755d1170) - [ux] Include embed card frame as part of its width when frameStyle is set to "show" and show embed frame by default in renderer
+
+## 109.1.3
+
+### Patch Changes
+
+- [#63477](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63477) [`a4168e118d27`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a4168e118d27) - Add visual regression test for media single sized between default and full width
+
 ## 109.1.2
 
 ### Patch Changes

package/dist/cjs/react/nodes/embedCard.js

@@ -12,6 +12,7 @@ var _react = require("@emotion/react");
 var _react2 = require("react");
 var _smartCard = require("@atlaskit/smart-card");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("../../utils");
@@ -24,6 +25,7 @@ var _templateObject, _templateObject2;
 var embedCardWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n\n  > div {\n    height: 100%;\n  }\n\n  .loader-wrapper {\n    height: 100%;\n  }\n\n  margin: 0 auto;\n"])));
 var uIMediaSingleLayoutStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));
 function EmbedCard(props) {
+  var _smartLinks$frameStyl;
   var url = props.url,
     data = props.data,
     eventHandlers = props.eventHandlers,
@@ -45,7 +47,7 @@ function EmbedCard(props) {
     container: portal,
     platform: platform,
     showActions: platform === 'web',
-    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
+    frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') ? 'show' : undefined
   };
   var _useState = (0, _react2.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/cjs/ui/Renderer/index.js

@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.1.2";
+var packageVersion = "109.1.4";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/nodes/embedCard.js

@@ -4,6 +4,7 @@ import { css, jsx } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
 import { Card, EmbedResizeMessageListener } from '@atlaskit/smart-card';
 import { SmartCardContext } from '@atlaskit/link-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { getPlatform } from '../../utils';
@@ -30,6 +31,7 @@ const uIMediaSingleLayoutStyles = css`
   transform: translateX(-50%);
 `;
 export default function EmbedCard(props) {
+  var _smartLinks$frameStyl;
   const {
     url,
     data,
@@ -51,7 +53,7 @@ export default function EmbedCard(props) {
     container: portal,
     platform,
     showActions: platform === 'web',
-    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
+    frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? 'show' : undefined
   };
   const [liveHeight, setLiveHeight] = useState(null);
   const [aspectRatio, setAspectRatio] = useState();

package/dist/es2019/ui/Renderer/index.js

@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.1.2";
+const packageVersion = "109.1.4";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/nodes/embedCard.js

@@ -7,6 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
 import { Card, EmbedResizeMessageListener } from '@atlaskit/smart-card';
 import { SmartCardContext } from '@atlaskit/link-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { getPlatform } from '../../utils';
@@ -17,6 +18,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 var embedCardWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n\n  > div {\n    height: 100%;\n  }\n\n  .loader-wrapper {\n    height: 100%;\n  }\n\n  margin: 0 auto;\n"])));
 var uIMediaSingleLayoutStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));
 export default function EmbedCard(props) {
+  var _smartLinks$frameStyl;
   var url = props.url,
     data = props.data,
     eventHandlers = props.eventHandlers,
@@ -38,7 +40,7 @@ export default function EmbedCard(props) {
     container: portal,
     platform: platform,
     showActions: platform === 'web',
-    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
+    frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? 'show' : undefined
   };
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.1.2";
+var packageVersion = "109.1.4";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.1.2",
+  "version": "109.1.4",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -131,6 +131,9 @@
     },
     "platform.editor.use-lch-for-color-inversion_1qv8ol": {
       "type": "boolean"
+    },
+    "platform.editor.show-embed-card-frame-renderer": {
+      "type": "boolean"
     }
   }
 }