@atlaskit/smart-card 38.12.0 → 38.13.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 38.13.1
+
+### Patch Changes
+
+- [#172902](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172902)
+  [`cb3873e81d762`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb3873e81d762) -
+  Cleanup FG cc_shortcut_ssr_placeholder
+
+## 38.13.0
+
+### Minor Changes
+
+- [#174490](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174490)
+  [`b888b5c613e71`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b888b5c613e71) -
+  [ux] EDM-12882 fixing a11y issues with platform-linking-flexible-card-context
+
 ## 38.12.0
 
 ### Minor 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.11.0"
+  packageVersion: "38.13.0"
 };
 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,12 +11,10 @@ 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/* 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;
@@ -64,11 +62,7 @@ var Block = function Block(_ref) {
   (0, _react.useEffect)(function () {
     onRender && onRender();
   }, [onRender]);
-  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)({
+  return /*#__PURE__*/React.createElement("div", {
     // 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,
@@ -77,7 +71,9 @@ var Block = function Block(_ref) {
     ref: blockRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: style
-  }, ssrPlacholderProps), (0, _utils.renderChildren)(children, size));
+    style: style,
+    "data-ssr-placeholder": placeholderId,
+    "data-ssr-placeholder-replace": placeholderId
+  }, (0, _utils.renderChildren)(children, size));
 };
 var _default = exports.default = Block;

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -169,6 +169,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
   var _ref3 = context || {},
+    linkTitle = _ref3.linkTitle,
     title = _ref3.title,
     _ref3$url = _ref3.url,
     url = _ref3$url === void 0 ? '' : _ref3$url;
@@ -179,7 +180,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

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.11.0",
+  packageVersion: "38.13.0",
   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.11.0"
+  packageVersion: "38.13.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,10 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 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';
@@ -55,11 +53,7 @@ const Block = ({
   useEffect(() => {
     onRender && onRender();
   }, [onRender]);
-  const ssrPlacholderProps = fg('cc_shortcut_ssr_placeholder') ? {
-    'data-ssr-placeholder': placeholderId,
-    'data-ssr-placeholder-replace': placeholderId
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     // 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,
@@ -68,7 +62,9 @@ const Block = ({
     ref: blockRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: style
-  }, ssrPlacholderProps), renderChildren(children, size));
+    style: style,
+    "data-ssr-placeholder": placeholderId,
+    "data-ssr-placeholder-replace": placeholderId
+  }, renderChildren(children, size));
 };
 export default Block;

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -161,6 +161,7 @@ const getTitleBlockProps = children => {
 };
 const getLayeredLink = (testId, context, children, onClick) => {
   const {
+    linkTitle,
     title,
     url = ''
   } = context || {};
@@ -172,7 +173,7 @@ const getLayeredLink = (testId, context, children, onClick) => {
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

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.11.0",
+  packageVersion: "38.13.0",
   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.11.0"
+  packageVersion: "38.13.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,10 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 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';
@@ -57,11 +55,7 @@ var Block = function Block(_ref) {
   useEffect(function () {
     onRender && onRender();
   }, [onRender]);
-  var ssrPlacholderProps = fg('cc_shortcut_ssr_placeholder') ? {
-    'data-ssr-placeholder': placeholderId,
-    'data-ssr-placeholder-replace': placeholderId
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     // 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,
@@ -70,7 +64,9 @@ var Block = function Block(_ref) {
     ref: blockRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: style
-  }, ssrPlacholderProps), renderChildren(children, size));
+    style: style,
+    "data-ssr-placeholder": placeholderId,
+    "data-ssr-placeholder-replace": placeholderId
+  }, renderChildren(children, size));
 };
 export default Block;

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -164,6 +164,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
   var _ref3 = context || {},
+    linkTitle = _ref3.linkTitle,
     title = _ref3.title,
     _ref3$url = _ref3.url,
     url = _ref3$url === void 0 ? '' : _ref3$url;
@@ -174,7 +175,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

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.11.0",
+  packageVersion: "38.13.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/__fixtures__/document-entity.d.ts

@@ -1,3 +1,3 @@
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 declare const _default: SmartLinkResponse;
 export default _default;

package/dist/types/view/FlexibleCard/external.d.ts

@@ -7,7 +7,7 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { Prettify } from '@atlaskit/linking-common';
+import type { Prettify } from '@atlaskit/linking-common';
 import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;

package/dist/types-ts4.5/__fixtures__/document-entity.d.ts

@@ -1,3 +1,3 @@
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 declare const _default: SmartLinkResponse;
 export default _default;

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

@@ -7,7 +7,7 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { Prettify } from '@atlaskit/linking-common';
+import type { Prettify } from '@atlaskit/linking-common';
 import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.12.0",
+	"version": "38.13.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -167,9 +167,6 @@
 		".": "./src/index.ts"
 	},
 	"platform-feature-flags": {
-		"cc_shortcut_ssr_placeholder": {
-			"type": "boolean"
-		},
 		"send-smart-link-rendered-ufo-event-half-time": {
 			"type": "boolean"
 		},