@atlaskit/renderer 118.6.11 → 118.6.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 118.6.12
+
+### Patch Changes
+
+- [#168516](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/168516)
+  [`c5bf272abb6bc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5bf272abb6bc) -
+  Allow extra prop in InlineNodeRendererWrapper
+- [#166270](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166270)
+  [`231ec9798652d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/231ec9798652d) -
+  [ux] Added hideIconLoadingSkeleton prop to CardSSR to allow for hiding the loading skeleton for
+  image icons in the title of block cards. Set to true in the renderer.
+- Updated dependencies
+
 ## 118.6.11
 
 ### Patch Changes

package/dist/cjs/i18n/sk.js

@@ -13,11 +13,13 @@ exports.default = void 0;
  */
 //Slovak
 var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'None',
-  'fabric.editor.headingLink.copied': 'None',
-  'fabric.editor.headingLink.copyAnchorLink': 'None',
-  'fabric.editor.headingLink.copyAriaLabel': 'None',
-  'fabric.editor.headingLink.failedToCopy': 'None',
+  'fabric.editor.headingLink.ascSortingLabel': 'vzostupne',
+  'fabric.editor.headingLink.copied': 'Skopírované!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Skopírovať prepojenie do nadpisu',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopírovať',
+  'fabric.editor.headingLink.descSortingLabel': 'zostupne',
+  'fabric.editor.headingLink.failedToCopy': 'Nepodarilo sa skopírovať',
+  'fabric.editor.headingLink.noneSortingLabel': 'žiadne',
   'fabric.editor.inlineComment.marker.end': 'koniec vnoreného komentára',
   'fabric.editor.inlineComment.marker.start': 'začiatok vnoreného komentára'
 };

package/dist/cjs/i18n/sr.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

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

@@ -134,7 +134,8 @@ function BlockCard(props) {
       // eslint-disable-next-line react/jsx-props-no-spreading
     }, cardProps, {
       url: url,
-      onError: onError
+      onError: onError,
+      hideIconLoadingSkeleton: (0, _platformFeatureFlags.fg)('platform_fix_block_card_img_icon_vc')
     }));
   } else {
     cardComponent = (0, _react.jsx)(_smartCard.Card, (0, _extends2.default)({

package/dist/cjs/ui/Expand.js

@@ -15,7 +15,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
-var _chevronRight2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronRight2 = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
@@ -238,7 +238,8 @@ function Expand(_ref) {
   }, (0, _react.jsx)(_chevronRight2.default, {
     label: label,
     LEGACY_fallbackIcon: _chevronRight.default,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   })) : (0, _react.jsx)(_tooltip.default, {
     content: label,
     position: "top"
@@ -251,7 +252,8 @@ function Expand(_ref) {
   }, (0, _react.jsx)(_chevronRight2.default, {
     label: label,
     LEGACY_fallbackIcon: _chevronRight.default,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   }))), (0, _react.jsx)("span", {
     css: titleStyles,
     id: id

package/dist/cjs/ui/ExtensionRenderer.js

@@ -134,10 +134,14 @@ function ExtensionRenderer(props) {
   });
 }
 var InlineNodeRendererWrapper = exports.InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    ssrPlaceholder = _ref.ssrPlaceholder,
+    ssrPlaceholderReplace = _ref.ssrPlaceholderReplace;
   return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "inline-extension-renderer",
-    css: inlineExtensionStyle
+    css: inlineExtensionStyle,
+    "data-ssr-placeholder": ssrPlaceholder,
+    "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);
 };

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

@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.6.11";
+var packageVersion = "118.6.12";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/i18n/sk.js

@@ -7,11 +7,13 @@
  */
 //Slovak
 export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'None',
-  'fabric.editor.headingLink.copied': 'None',
-  'fabric.editor.headingLink.copyAnchorLink': 'None',
-  'fabric.editor.headingLink.copyAriaLabel': 'None',
-  'fabric.editor.headingLink.failedToCopy': 'None',
+  'fabric.editor.headingLink.ascSortingLabel': 'vzostupne',
+  'fabric.editor.headingLink.copied': 'Skopírované!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Skopírovať prepojenie do nadpisu',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopírovať',
+  'fabric.editor.headingLink.descSortingLabel': 'zostupne',
+  'fabric.editor.headingLink.failedToCopy': 'Nepodarilo sa skopírovať',
+  'fabric.editor.headingLink.noneSortingLabel': 'žiadne',
   'fabric.editor.inlineComment.marker.end': 'koniec vnoreného komentára',
   'fabric.editor.inlineComment.marker.start': 'začiatok vnoreného komentára'
 };

package/dist/es2019/i18n/sr.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

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

@@ -121,7 +121,8 @@ export default function BlockCard(props) {
       // eslint-disable-next-line react/jsx-props-no-spreading
     }, cardProps, {
       url: url,
-      onError: onError
+      onError: onError,
+      hideIconLoadingSkeleton: fg('platform_fix_block_card_img_icon_vc')
     }));
   } else {
     cardComponent = jsx(Card, _extends({

package/dist/es2019/ui/Expand.js

@@ -11,7 +11,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
 import { default as ChevronRightIconLegacy } from '@atlaskit/icon/glyph/chevron-right';
-import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import _uniqueId from 'lodash/uniqueId';
@@ -218,7 +218,8 @@ function Expand({
   }, jsx(ChevronRightIcon, {
     label: label,
     LEGACY_fallbackIcon: ChevronRightIconLegacy,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   })) : jsx(Tooltip, {
     content: label,
     position: "top"
@@ -231,7 +232,8 @@ function Expand({
   }, jsx(ChevronRightIcon, {
     label: label,
     LEGACY_fallbackIcon: ChevronRightIconLegacy,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   }))), jsx("span", {
     css: titleStyles,
     id: id

package/dist/es2019/ui/ExtensionRenderer.js

@@ -119,11 +119,15 @@ export default function ExtensionRenderer(props) {
   });
 }
 export const InlineNodeRendererWrapper = ({
-  children
+  children,
+  ssrPlaceholder,
+  ssrPlaceholderReplace
 }) => {
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "inline-extension-renderer",
-    css: inlineExtensionStyle
+    css: inlineExtensionStyle,
+    "data-ssr-placeholder": ssrPlaceholder,
+    "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);
 };

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "118.6.11";
+const packageVersion = "118.6.12";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/i18n/sk.js

@@ -7,11 +7,13 @@
  */
 //Slovak
 export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'None',
-  'fabric.editor.headingLink.copied': 'None',
-  'fabric.editor.headingLink.copyAnchorLink': 'None',
-  'fabric.editor.headingLink.copyAriaLabel': 'None',
-  'fabric.editor.headingLink.failedToCopy': 'None',
+  'fabric.editor.headingLink.ascSortingLabel': 'vzostupne',
+  'fabric.editor.headingLink.copied': 'Skopírované!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Skopírovať prepojenie do nadpisu',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopírovať',
+  'fabric.editor.headingLink.descSortingLabel': 'zostupne',
+  'fabric.editor.headingLink.failedToCopy': 'Nepodarilo sa skopírovať',
+  'fabric.editor.headingLink.noneSortingLabel': 'žiadne',
   'fabric.editor.inlineComment.marker.end': 'koniec vnoreného komentára',
   'fabric.editor.inlineComment.marker.start': 'začiatok vnoreného komentára'
 };

package/dist/esm/i18n/sr.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

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

@@ -126,7 +126,8 @@ export default function BlockCard(props) {
       // eslint-disable-next-line react/jsx-props-no-spreading
     }, cardProps, {
       url: url,
-      onError: onError
+      onError: onError,
+      hideIconLoadingSkeleton: fg('platform_fix_block_card_img_icon_vc')
     }));
   } else {
     cardComponent = jsx(Card, _extends({

package/dist/esm/ui/Expand.js

@@ -14,7 +14,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
 import { default as ChevronRightIconLegacy } from '@atlaskit/icon/glyph/chevron-right';
-import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import _uniqueId from 'lodash/uniqueId';
@@ -229,7 +229,8 @@ function Expand(_ref) {
   }, jsx(ChevronRightIcon, {
     label: label,
     LEGACY_fallbackIcon: ChevronRightIconLegacy,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   })) : jsx(Tooltip, {
     content: label,
     position: "top"
@@ -242,7 +243,8 @@ function Expand(_ref) {
   }, jsx(ChevronRightIcon, {
     label: label,
     LEGACY_fallbackIcon: ChevronRightIconLegacy,
-    spacing: "spacious"
+    spacing: "spacious",
+    size: "small"
   }))), jsx("span", {
     css: titleStyles,
     id: id

package/dist/esm/ui/ExtensionRenderer.js

@@ -125,10 +125,14 @@ export default function ExtensionRenderer(props) {
   });
 }
 export var InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    ssrPlaceholder = _ref.ssrPlaceholder,
+    ssrPlaceholderReplace = _ref.ssrPlaceholderReplace;
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "inline-extension-renderer",
-    css: inlineExtensionStyle
+    css: inlineExtensionStyle,
+    "data-ssr-placeholder": ssrPlaceholder,
+    "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);
 };

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.6.11";
+var packageVersion = "118.6.12";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/i18n/sk.d.ts

@@ -9,7 +9,9 @@ declare const _default: {
     'fabric.editor.headingLink.copied': string;
     'fabric.editor.headingLink.copyAnchorLink': string;
     'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
     'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
     'fabric.editor.inlineComment.marker.end': string;
     'fabric.editor.inlineComment.marker.start': string;
 };

package/dist/types/i18n/sr.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/dist/types/ui/ExtensionRenderer.d.ts

@@ -28,5 +28,8 @@ interface Props {
     }) => JSX.Element;
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
-export declare const InlineNodeRendererWrapper: ({ children }: React.PropsWithChildren<unknown>) => jsx.JSX.Element;
+export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+    ssrPlaceholder?: string | undefined;
+    ssrPlaceholderReplace?: string | undefined;
+}>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/i18n/sk.d.ts

@@ -9,7 +9,9 @@ declare const _default: {
     'fabric.editor.headingLink.copied': string;
     'fabric.editor.headingLink.copyAnchorLink': string;
     'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
     'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
     'fabric.editor.inlineComment.marker.end': string;
     'fabric.editor.inlineComment.marker.start': string;
 };

package/dist/types-ts4.5/i18n/sr.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/dist/types-ts4.5/ui/ExtensionRenderer.d.ts

@@ -28,5 +28,8 @@ interface Props {
     }) => JSX.Element;
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
-export declare const InlineNodeRendererWrapper: ({ children }: React.PropsWithChildren<unknown>) => jsx.JSX.Element;
+export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+    ssrPlaceholder?: string | undefined;
+    ssrPlaceholderReplace?: string | undefined;
+}>) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "118.6.11",
+	"version": "118.6.12",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,11 +52,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^3.13.0",
-		"@atlaskit/smart-card": "^38.8.0",
+		"@atlaskit/smart-card": "^38.9.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.0.0",
+		"@atlaskit/tmp-editor-statsig": "^6.1.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -262,6 +262,9 @@
 		},
 		"confluence_frontend_fix_view_page_slo": {
 			"type": "boolean"
+		},
+		"platform_fix_block_card_img_icon_vc": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {