@atlaskit/smart-card 38.5.2 → 38.5.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 38.5.3
+
+### Patch Changes
+
+- [#160142](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160142)
+  [`70707418f5391`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/70707418f5391) -
+  CCP-6429 Fix VC offender - shortcut smartlink
+
 ## 38.5.2
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2"
+  packageVersion: "38.5.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,11 +11,13 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var BaseBlockStylesOld = null;
 var baseBlockStyles = null;
@@ -58,11 +60,16 @@ var Block = function Block(_ref) {
     blockRef = _ref.blockRef,
     onRender = _ref.onRender,
     onTransitionEnd = _ref.onTransitionEnd,
-    style = _ref.style;
+    style = _ref.style,
+    placeholderId = _ref.placeholderId;
   (0, _react.useEffect)(function () {
     onRender && onRender();
   }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
+  var ssrPlacholderProps = (0, _platformFeatureFlags.fg)('cc_shortcut_ssr_placeholder') ? {
+    'data-ssr-placeholder': placeholderId,
+    'data-ssr-placeholder-replace': placeholderId
+  } : {};
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _vwz41j6v _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1ouwidpf _f6ju1ns9 _1uzp1mp2 _ytq1bjq5 _a7e8uxlv", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bxmuej _e4i5bjq5 _1gu21oju _5b7tuxlv _17ae1oju", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && gapsStylesOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && gapStyles[size], className]),
     "data-smart-block": true,
@@ -72,6 +79,6 @@ var Block = function Block(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style
-  }, (0, _utils.renderChildren)(children, size));
+  }, ssrPlacholderProps), (0, _utils.renderChildren)(children, size));
 };
 var _default = exports.default = Block;

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2",
+  packageVersion: "38.5.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2"
+  packageVersion: "38.5.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -1,8 +1,10 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+
 import { useEffect } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
@@ -47,12 +49,17 @@ const Block = ({
   blockRef,
   onRender,
   onTransitionEnd,
-  style
+  style,
+  placeholderId
 }) => {
   useEffect(() => {
     onRender && onRender();
   }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
+  const ssrPlacholderProps = fg('cc_shortcut_ssr_placeholder') ? {
+    'data-ssr-placeholder': placeholderId,
+    'data-ssr-placeholder-replace': placeholderId
+  } : {};
+  return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _vwz41j6v _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1ouwidpf _f6ju1ns9 _1uzp1mp2 _ytq1bjq5 _a7e8uxlv", fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bxmuej _e4i5bjq5 _1gu21oju _5b7tuxlv _17ae1oju", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], !fg('platform-linking-visual-refresh-v1') && gapsStylesOld[size], fg('platform-linking-visual-refresh-v1') && gapStyles[size], className]),
     "data-smart-block": true,
@@ -62,6 +69,6 @@ const Block = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style
-  }, renderChildren(children, size));
+  }, ssrPlacholderProps), renderChildren(children, size));
 };
 export default Block;

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2",
+  packageVersion: "38.5.3",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2"
+  packageVersion: "38.5.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/blocks/block/index.js

@@ -1,8 +1,10 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+
 import { useEffect } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
@@ -50,11 +52,16 @@ var Block = function Block(_ref) {
     blockRef = _ref.blockRef,
     onRender = _ref.onRender,
     onTransitionEnd = _ref.onTransitionEnd,
-    style = _ref.style;
+    style = _ref.style,
+    placeholderId = _ref.placeholderId;
   useEffect(function () {
     onRender && onRender();
   }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
+  var ssrPlacholderProps = fg('cc_shortcut_ssr_placeholder') ? {
+    'data-ssr-placeholder': placeholderId,
+    'data-ssr-placeholder-replace': placeholderId
+  } : {};
+  return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _vwz41j6v _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1ouwidpf _f6ju1ns9 _1uzp1mp2 _ytq1bjq5 _a7e8uxlv", fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bxmuej _e4i5bjq5 _1gu21oju _5b7tuxlv _17ae1oju", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], !fg('platform-linking-visual-refresh-v1') && gapsStylesOld[size], fg('platform-linking-visual-refresh-v1') && gapStyles[size], className]),
     "data-smart-block": true,
@@ -64,6 +71,6 @@ var Block = function Block(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style
-  }, renderChildren(children, size));
+  }, ssrPlacholderProps), renderChildren(children, size));
 };
 export default Block;

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.2",
+  packageVersion: "38.5.3",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -7,5 +7,5 @@ import { type BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, }: BlockProps) => JSX.Element;
+declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, placeholderId, }: BlockProps) => JSX.Element;
 export default Block;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -105,6 +105,10 @@ export type TitleBlockProps = {
      * Ref passed into the link <a> element
      */
     anchorRef?: React.Ref<HTMLAnchorElement>;
+    /**
+     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
+     */
+    placeholderId?: string;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -52,6 +52,10 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
+    /**
+     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
+     */
+    placeholderId?: string;
 };
 /**
  * Used to represent a metadata element to be rendered.

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -7,5 +7,5 @@ import { type BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, }: BlockProps) => JSX.Element;
+declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, placeholderId, }: BlockProps) => JSX.Element;
 export default Block;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -105,6 +105,10 @@ export type TitleBlockProps = {
      * Ref passed into the link <a> element
      */
     anchorRef?: React.Ref<HTMLAnchorElement>;
+    /**
+     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
+     */
+    placeholderId?: string;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -52,6 +52,10 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
+    /**
+     * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
+     */
+    placeholderId?: string;
 };
 /**
  * Used to represent a metadata element to be rendered.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.5.2",
+	"version": "38.5.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -167,6 +167,9 @@
 		".": "./src/index.ts"
 	},
 	"platform-feature-flags": {
+		"cc_shortcut_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"send-smart-link-rendered-ufo-event-half-time": {
 			"type": "boolean"
 		},