@atlaskit/smart-card 39.2.2 → 39.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 39.3.0
+
+### Minor Changes
+
+- [#181067](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181067)
+  [`a3e35ac6a074e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3e35ac6a074e) -
+  [ux] Enabled data separator for avatar group
+
 ## 39.2.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: "39.2.1"
+  packageVersion: "39.2.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -11,9 +11,11 @@ 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactIntlNext = require("react-intl-next");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _messages = require("../../../../../../messages");
 var _utils = require("../../../utils");
@@ -87,14 +89,14 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-enable-avatar-data-separator') ? (0, _defineProperty2.default)({}, 'data-separator', true) : {}, {
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([stylesMap[size], "_1ul91ns9", className])
-  }, /*#__PURE__*/React.createElement(_avatarGroup.default, {
+  }), /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

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

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -1,10 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
@@ -71,14 +73,16 @@ const BaseAvatarGroup = ({
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-enable-avatar-data-separator') ? {
+    ['data-separator']: true
+  } : {}, {
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([stylesMap[size], "_1ul91ns9", className])
-  }, /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
+  }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

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

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -1,4 +1,5 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -8,6 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
@@ -78,14 +80,14 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-enable-avatar-data-separator') ? _defineProperty({}, 'data-separator', true) : {}, {
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([stylesMap[size], "_1ul91ns9", className])
-  }, /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
+  }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "39.2.2",
+	"version": "39.3.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -252,6 +252,9 @@
 		},
 		"platform_renderer_blindspots": {
 			"type": "boolean"
+		},
+		"platform-linking-enable-avatar-data-separator": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"