@atlaskit/renderer 109.7.3 → 109.7.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 109.7.4
+
+### Patch Changes
+
+- [#79608](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79608) [`81ae5b4e3713`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81ae5b4e3713) - Fix inline rendering for inline extension nodes in View mode
+
 ## 109.7.3
 
 ### Patch Changes

package/dist/cjs/ui/ExtensionRenderer.js

@@ -25,6 +25,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var inlineExtensionStyle = (0, _react.css)({
+  display: 'inline-block',
+  maxWidth: '100%',
+  verticalAlign: 'middle',
+  // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
   '& .rich-media-item': {
     maxWidth: '100%'
   }
@@ -90,10 +95,14 @@ var ExtensionRenderer = exports.default = /*#__PURE__*/function (_React$Componen
               node: node,
               actions: actions
             });
-          } else {
+          } else if (node.type === 'inlineExtension') {
             result = (0, _react.jsx)(InlineNodeRendererWrapper, null, (0, _react.jsx)(NodeRenderer, {
               node: node
             }));
+          } else {
+            result = (0, _react.jsx)(NodeRenderer, {
+              node: node
+            });
           }
         }
       } catch (e) {

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

@@ -55,7 +55,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.7.3";
+var packageVersion = "109.7.4";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/ui/ExtensionRenderer.js

@@ -8,6 +8,11 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const inlineExtensionStyle = css({
+  display: 'inline-block',
+  maxWidth: '100%',
+  verticalAlign: 'middle',
+  // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  margin: `1px 1px ${"var(--ds-space-050, 4px)"}`,
   '& .rich-media-item': {
     maxWidth: '100%'
   }
@@ -67,10 +72,14 @@ export default class ExtensionRenderer extends React.Component {
               node: node,
               actions: actions
             });
-          } else {
+          } else if (node.type === 'inlineExtension') {
             result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
               node: node
             }));
+          } else {
+            result = jsx(NodeRenderer, {
+              node: node
+            });
           }
         }
       } catch (e) {

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

@@ -36,7 +36,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.7.3";
+const packageVersion = "109.7.4";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/ui/ExtensionRenderer.js

@@ -16,6 +16,11 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var inlineExtensionStyle = css({
+  display: 'inline-block',
+  maxWidth: '100%',
+  verticalAlign: 'middle',
+  // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
   '& .rich-media-item': {
     maxWidth: '100%'
   }
@@ -81,10 +86,14 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
               node: node,
               actions: actions
             });
-          } else {
+          } else if (node.type === 'inlineExtension') {
             result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
               node: node
             }));
+          } else {
+            result = jsx(NodeRenderer, {
+              node: node
+            });
           }
         }
       } catch (e) {

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

@@ -46,7 +46,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.7.3";
+var packageVersion = "109.7.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.7.3",
+  "version": "109.7.4",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"