@atlaskit/renderer 124.8.0 → 124.8.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.8.2
+
+### Patch Changes
+
+- [`7eb66badf6a43`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7eb66badf6a43) -
+  [ux] [EDITOR-2397] update extension styles to exclude nested renderers/ bodied extensions
+- Updated dependencies
+
+## 124.8.1
+
+### Patch Changes
+
+- [`68b3394583485`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/68b3394583485) -
+  [ux] [EDITOR-2378] Add renderer support for bodied sync block
+- Updated dependencies
+
 ## 124.8.0
 
 ### Minor Changes

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BodiedSyncBlock;
+var _react = _interopRequireDefault(require("react"));
+function BodiedSyncBlock(props) {
+  var children = props.children,
+    localId = props.localId,
+    resourceId = props.resourceId;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-bodied-sync-block": true,
+    "data-local-id": localId,
+    "data-resource-id": resourceId
+  }, children);
+}

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

@@ -447,6 +447,18 @@ var SyncBlockLoader = (0, _reactLoadable.default)({
     return null;
   }
 });
+var BodiedSyncBlock = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_renderer-node_BodiedSyncBlock" */'./bodiedSyncBlock'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
 var nodeToReact = exports.nodeToReact = {
   blockquote: _blockquote.default,
   bulletList: _bulletList.default,
@@ -490,6 +502,7 @@ var nodeToReact = exports.nodeToReact = {
   unsupportedInline: _ui.UnsupportedInline,
   expand: Expand,
   syncBlock: SyncBlockLoader,
+  bodiedSyncBlock: BodiedSyncBlock,
   nestedExpand: Expand,
   embedCard: EmbedCard,
   blockTaskItem: TaskItem

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

@@ -717,7 +717,7 @@ var codeMarkSharedStyles = (0, _react.css)({
 });
 var extensionStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ak-renderer-extension :not([data-inline-card-lozenge] *, code)': {
+  '.ak-renderer-extension :not(.ak-renderer-extension .ak-renderer-document *)': {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: 'var(--ak-renderer-base-font-size)'
   }

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

@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.8.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export default function BodiedSyncBlock(props) {
+  const {
+    children,
+    localId,
+    resourceId
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-bodied-sync-block": true,
+    "data-local-id": localId,
+    "data-resource-id": resourceId
+  }, children);
+}

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

@@ -131,6 +131,10 @@ const SyncBlockLoader = Loadable({
   './syncBlock').then(mod => mod.default),
   loading: () => null
 });
+const BodiedSyncBlock = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_BodiedSyncBlock" */'./bodiedSyncBlock').then(mod => mod.default),
+  loading: () => null
+});
 export const nodeToReact = {
   blockquote: Blockquote,
   bulletList: BulletList,
@@ -174,6 +178,7 @@ export const nodeToReact = {
   unsupportedInline: UnsupportedInline,
   expand: Expand,
   syncBlock: SyncBlockLoader,
+  bodiedSyncBlock: BodiedSyncBlock,
   nestedExpand: Expand,
   embedCard: EmbedCard,
   blockTaskItem: TaskItem

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

@@ -824,7 +824,7 @@ const codeMarkSharedStyles = css({
 });
 const extensionStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ak-renderer-extension :not([data-inline-card-lozenge] *, code)': {
+  '.ak-renderer-extension :not(.ak-renderer-extension .ak-renderer-document *)': {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: 'var(--ak-renderer-base-font-size)'
   }

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

@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.8.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export default function BodiedSyncBlock(props) {
+  var children = props.children,
+    localId = props.localId,
+    resourceId = props.resourceId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-bodied-sync-block": true,
+    "data-local-id": localId,
+    "data-resource-id": resourceId
+  }, children);
+}

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

@@ -254,6 +254,16 @@ var SyncBlockLoader = Loadable({
     return null;
   }
 });
+var BodiedSyncBlock = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_renderer-node_BodiedSyncBlock" */'./bodiedSyncBlock').then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
 export var nodeToReact = {
   blockquote: Blockquote,
   bulletList: BulletList,
@@ -297,6 +307,7 @@ export var nodeToReact = {
   unsupportedInline: UnsupportedInline,
   expand: Expand,
   syncBlock: SyncBlockLoader,
+  bodiedSyncBlock: BodiedSyncBlock,
   nestedExpand: Expand,
   embedCard: EmbedCard,
   blockTaskItem: TaskItem

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

@@ -710,7 +710,7 @@ var codeMarkSharedStyles = css({
 });
 var extensionStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ak-renderer-extension :not([data-inline-card-lozenge] *, code)': {
+  '.ak-renderer-extension :not(.ak-renderer-extension .ak-renderer-document *)': {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: 'var(--ak-renderer-base-font-size)'
   }

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

@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.8.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/react/nodes/bodiedSyncBlock.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    localId: string;
+    resourceId: string;
+}
+export default function BodiedSyncBlock(props: Props): React.JSX.Element;
+export {};

package/dist/types-ts4.5/react/nodes/bodiedSyncBlock.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    localId: string;
+    resourceId: string;
+}
+export default function BodiedSyncBlock(props: Props): React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.8.0",
+	"version": "124.8.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.26.0",
+		"@atlaskit/link-datasource": "^4.27.0",
 		"@atlaskit/link-extractors": "^2.4.0",
-		"@atlaskit/media-card": "^79.5.0",
+		"@atlaskit/media-card": "^79.6.0",
 		"@atlaskit/media-client": "^35.5.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.14.0",
+		"@atlaskit/tmp-editor-statsig": "^13.17.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.16.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",