@atlaskit/media-card 80.4.7 → 80.4.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 80.4.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 80.4.7
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 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); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js

@@ -14,9 +14,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var discSize = 48;
 var backgroundStyles = null;
 var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: (0, _runtime.ax)(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1aqn", _styles.bkgClassName]),
+    "data-testid": "media-card-play-button-background",
     style: {
       "--_zq1rrr": (0, _runtime.ix)("".concat(discSize, "px"))
     }

package/dist/cjs/card/ui/playButton/playButtonBackground.js

@@ -16,9 +16,12 @@ var _styles = require("./styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return (0, _react2.jsx)("div", {
-    css: _styles.backgroundStyles,
-    className: _styles.bkgClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css: _styles.backgroundStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: _styles.bkgClassName,
+    "data-testid": "media-card-play-button-background"
   });
 };

package/dist/cjs/card/ui/playButton/playButtonWrapper-compiled.js

@@ -14,6 +14,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var playButtonWrapperStyles = null;
 var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", _styles.playButtonClassName])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", _styles.playButtonClassName]),
+    "data-testid": "media-card-play-button-wrapper"
   }, props.children);
 };

package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js

@@ -16,6 +16,7 @@ var wrapperStyles = null;
 var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
   return /*#__PURE__*/React.createElement("div", {
     id: "tickBoxWrapper",
+    "data-testid": "media-card-tickbox",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", _styles.tickBoxClassName])
   }, props.children);

package/dist/cjs/inline/loader.js

@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "0.0.0-development",
+        packageName: "80.4.7",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -57,7 +57,10 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
     color: "var(--ds-text, #292A2E)",
     backgroundColor: "var(--ds-background-neutral, #0515240F)",
     userSelect: 'text',
-    transition: 'all 0.1s ease-in-out 0s',
+    transitionProperty: 'all',
+    transitionDuration: "var(--ds-duration-xshort, 0.1s)",
+    transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
+    transitionDelay: '0s',
     cursor: 'pointer'
   }, isSelected ? _objectSpread({}, selectedStyle) : {
     userSelect: 'text'
@@ -66,6 +69,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     _react.default.createElement("span", {
+      "data-testid": "media-inline-error-boundary",
       style: style
     }, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
       label: "error",

package/dist/cjs/utils/ufoExperiences.js

@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "80.4.7";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "80.4.7";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js

@@ -6,8 +6,9 @@ import { bkgClassName } from './styles';
 const discSize = 48;
 const backgroundStyles = null;
 export const PlayButtonBackground = () => {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk1aqn", bkgClassName])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk1aqn", bkgClassName]),
+    "data-testid": "media-card-play-button-background"
   });
 };

package/dist/es2019/card/ui/playButton/playButtonBackground.js

@@ -7,9 +7,12 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';
 export const PlayButtonBackground = () => {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css: backgroundStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: bkgClassName,
+    "data-testid": "media-card-play-button-background"
   });
 };

package/dist/es2019/card/ui/playButton/playButtonWrapper-compiled.js

@@ -6,6 +6,8 @@ import { playButtonClassName } from './styles';
 const playButtonWrapperStyles = null;
 export const PlayButtonWrapper = props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName]),
+    "data-testid": "media-card-play-button-wrapper"
   }, props.children);
 };

package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js

@@ -8,6 +8,7 @@ const wrapperStyles = null;
 export const TickBoxWrapper = props => {
   return /*#__PURE__*/React.createElement("div", {
     id: "tickBoxWrapper",
+    "data-testid": "media-card-tickbox",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", tickBoxClassName])
   }, props.children);

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "0.0.0-development",
+      packageName: "80.4.7",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -42,7 +42,10 @@ const ErrorBoundaryComponent = ({
     color: "var(--ds-text, #292A2E)",
     backgroundColor: "var(--ds-background-neutral, #0515240F)",
     userSelect: 'text',
-    transition: 'all 0.1s ease-in-out 0s',
+    transitionProperty: 'all',
+    transitionDuration: "var(--ds-duration-xshort, 0.1s)",
+    transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
+    transitionDelay: '0s',
     cursor: 'pointer',
     ...(isSelected ? {
       ...selectedStyle
@@ -54,6 +57,7 @@ const ErrorBoundaryComponent = ({
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     React.createElement("span", {
+      "data-testid": "media-inline-error-boundary",
       style: style
     }, /*#__PURE__*/React.createElement(WarningIcon, {
       label: "error",

package/dist/es2019/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "80.4.7";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js

@@ -6,9 +6,10 @@ import { bkgClassName } from './styles';
 var discSize = 48;
 var backgroundStyles = null;
 export var PlayButtonBackground = function PlayButtonBackground() {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1aqn", bkgClassName]),
+    "data-testid": "media-card-play-button-background",
     style: {
       "--_zq1rrr": ix("".concat(discSize, "px"))
     }

package/dist/esm/card/ui/playButton/playButtonBackground.js

@@ -7,9 +7,12 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';
 export var PlayButtonBackground = function PlayButtonBackground() {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css: backgroundStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: bkgClassName,
+    "data-testid": "media-card-play-button-background"
   });
 };

package/dist/esm/card/ui/playButton/playButtonWrapper-compiled.js

@@ -6,6 +6,8 @@ import { playButtonClassName } from './styles';
 var playButtonWrapperStyles = null;
 export var PlayButtonWrapper = function PlayButtonWrapper(props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName]),
+    "data-testid": "media-card-play-button-wrapper"
   }, props.children);
 };

package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js

@@ -8,6 +8,7 @@ var wrapperStyles = null;
 export var TickBoxWrapper = function TickBoxWrapper(props) {
   return /*#__PURE__*/React.createElement("div", {
     id: "tickBoxWrapper",
+    "data-testid": "media-card-tickbox",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", tickBoxClassName])
   }, props.children);

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "0.0.0-development",
+        packageName: "80.4.7",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -50,7 +50,10 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
     color: "var(--ds-text, #292A2E)",
     backgroundColor: "var(--ds-background-neutral, #0515240F)",
     userSelect: 'text',
-    transition: 'all 0.1s ease-in-out 0s',
+    transitionProperty: 'all',
+    transitionDuration: "var(--ds-duration-xshort, 0.1s)",
+    transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
+    transitionDelay: '0s',
     cursor: 'pointer'
   }, isSelected ? _objectSpread({}, selectedStyle) : {
     userSelect: 'text'
@@ -59,6 +62,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     React.createElement("span", {
+      "data-testid": "media-inline-error-boundary",
       style: style
     }, /*#__PURE__*/React.createElement(WarningIcon, {
       label: "error",

package/dist/esm/utils/ufoExperiences.js

@@ -13,7 +13,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "80.4.7";
 var SAMPLE_RATE = 0.05;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "80.4.7",
+	"version": "80.4.8",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,10 +54,10 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/progress-bar": "^4.2.0",
-		"@atlaskit/react-ufo": "^5.19.0",
+		"@atlaskit/react-ufo": "^5.20.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^77.3.0",
+		"@atlaskit/tmp-editor-statsig": "^78.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.1.0",
 		"@atlaskit/ufo": "^0.4.0",