@atlaskit/media-card 79.11.3 → 79.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/card/card.js +8 -1
  3. package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css +0 -3
  4. package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -3
  5. package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.js +1 -3
  6. package/dist/es2019/card/card.js +6 -1
  7. package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css +0 -3
  8. package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -3
  9. package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.js +1 -3
  10. package/dist/esm/card/card.js +8 -1
  11. package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css +0 -3
  12. package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -3
  13. package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js +1 -3
  14. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/media-card
2
2
 
3
+ ## 79.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
8
+ Clean up and removal of the `platform-visual-refresh-icons` feature flag.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 79.11.4
15
+
16
+ ### Patch Changes
17
+
18
+ - [`9129ddcd87db4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9129ddcd87db4) -
19
+ Add 10% sampling to auth-provider-succeeded analytics events to reduce event volume while
20
+ maintaining visibility into auth provider failures.
21
+
3
22
  ## 79.11.3
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/card/card.js CHANGED
@@ -56,8 +56,15 @@ var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = function
56
56
  if (!(0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
57
57
  return;
58
58
  }
59
+
60
+ // Sample auth-provider-succeeded events at 10%
61
+ var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
62
+ return Math.random() < 0.1;
63
+ };
59
64
  var onAuthSuccess = function onAuthSuccess(payload) {
60
- (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderSucceededPayload)(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
65
+ if (shouldSampleAuthProviderSucceeded()) {
66
+ (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderSucceededPayload)(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
67
+ }
61
68
  };
62
69
  var onAuthFailed = function onAuthFailed(payload) {
63
70
  (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderFailedPayload)(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css CHANGED
@@ -3,13 +3,10 @@
3
3
  ._v564ybtr{transition:all .3s}
4
4
  ._154i1tpr{top:var(--ds-space-075,7px)}
5
5
  ._1b941ule span{display:block}
6
- ._1bsbdlk8{width:14px}
7
6
  ._1bsbpxbi{width:var(--ds-space-200,1pc)}
8
7
  ._1e0c11p5{display:grid}
9
8
  ._1ltv1tpr{left:var(--ds-space-075,7px)}
10
- ._1mcmdlk8 span svg{height:14px}
11
9
  ._4cvr1h6o{align-items:center}
12
- ._4t3idlk8{height:14px}
13
10
  ._4t3ipxbi{height:var(--ds-space-200,1pc)}
14
11
  ._6a6z1h6o{justify-items:center}
15
12
  ._bfhkqre5{background-color:var(--_1flhvp0)}
package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -9,18 +9,16 @@ exports.TickBoxWrapper = void 0;
9
9
  require("./tickBoxWrapper-compiled.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _styles = require("./styles");
14
13
  var _colors = require("@atlaskit/theme/colors");
15
14
  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); }
16
15
  var selectedStyles = null;
17
- var oldWrapperStyes = null;
18
16
  var wrapperStyles = null;
19
17
  var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
20
18
  return /*#__PURE__*/React.createElement("div", {
21
19
  id: "tickBoxWrapper",
22
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
23
- className: (0, _runtime.ax)(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && "_1bsbdlk8 _4t3idlk8 _1mcmdlk8", props.selected && "_bfhkqre5 _syaz5w2r", _styles.tickBoxClassName]),
21
+ className: (0, _runtime.ax)(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkqre5 _syaz5w2r", _styles.tickBoxClassName]),
24
22
  style: {
25
23
  "--_1flhvp0": (0, _runtime.ix)("var(--ds-icon-information, ".concat(_colors.B200, ")"))
26
24
  }
package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.js CHANGED
@@ -9,7 +9,6 @@ exports.TitleBoxWrapper = exports.TitleBoxIcon = exports.TitleBoxHeader = export
9
9
  require("./titleBoxComponents-compiled.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _colors = require("@atlaskit/theme/colors");
14
13
  var _styles = require("../styles");
15
14
  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); }
@@ -72,12 +71,11 @@ var TitleBoxFooter = exports.TitleBoxFooter = function TitleBoxFooter(props) {
72
71
  };
73
72
  TitleBoxFooter.displayName = 'TitleBoxFooter';
74
73
  var titleBoxIconStyles = null;
75
- var newTitleBoxIconStyles = null;
76
74
  var TitleBoxIcon = exports.TitleBoxIcon = function TitleBoxIcon(props) {
77
75
  return /*#__PURE__*/React.createElement("div", {
78
76
  id: "titleBoxIcon",
79
77
  "data-testid": "title-box-icon",
80
- className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n51b66", !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n5idpf"])
78
+ className: (0, _runtime.ax)(["_kqswstnw _1xi21b66 _94n51b66"])
81
79
  }, props.children);
82
80
  };
83
81
  var errorMessageWrapperStyles = null;
package/dist/es2019/card/card.js CHANGED
@@ -47,8 +47,13 @@ export const CardWithPerformanceObserver = props => {
47
47
  if (!fg('platform_media_auth_provider_analytics')) {
48
48
  return;
49
49
  }
50
+
51
+ // Sample auth-provider-succeeded events at 10%
52
+ const shouldSampleAuthProviderSucceeded = () => Math.random() < 0.1;
50
53
  const onAuthSuccess = payload => {
51
- fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
54
+ if (shouldSampleAuthProviderSucceeded()) {
55
+ fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
56
+ }
52
57
  };
53
58
  const onAuthFailed = payload => {
54
59
  fireMediaCardEvent(getAuthProviderFailedPayload(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css CHANGED
@@ -3,13 +3,10 @@
3
3
  ._v564ybtr{transition:all .3s}
4
4
  ._154i1tpr{top:var(--ds-space-075,7px)}
5
5
  ._1b941ule span{display:block}
6
- ._1bsbdlk8{width:14px}
7
6
  ._1bsbpxbi{width:var(--ds-space-200,1pc)}
8
7
  ._1e0c11p5{display:grid}
9
8
  ._1ltv1tpr{left:var(--ds-space-075,7px)}
10
- ._1mcmdlk8 span svg{height:14px}
11
9
  ._4cvr1h6o{align-items:center}
12
- ._4t3idlk8{height:14px}
13
10
  ._4t3ipxbi{height:var(--ds-space-200,1pc)}
14
11
  ._6a6z1h6o{justify-items:center}
15
12
  ._bfhk8sto{background-color:var(--ds-icon-information,#2684ff)}
package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -2,17 +2,15 @@
2
2
  import "./tickBoxWrapper-compiled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import { tickBoxClassName } from './styles';
7
6
  import { B200 } from '@atlaskit/theme/colors';
8
7
  const selectedStyles = null;
9
- const oldWrapperStyes = null;
10
8
  const wrapperStyles = null;
11
9
  export const TickBoxWrapper = props => {
12
10
  return /*#__PURE__*/React.createElement("div", {
13
11
  id: "tickBoxWrapper",
14
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
15
- className: ax(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", !fg('platform-visual-refresh-icons') && "_1bsbdlk8 _4t3idlk8 _1mcmdlk8", props.selected && "_bfhk8sto _syaz5w2r", tickBoxClassName])
13
+ className: ax(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhk8sto _syaz5w2r", tickBoxClassName])
16
14
  }, props.children);
17
15
  };
18
16
  TickBoxWrapper.displayName = 'TickBoxWrapper';
package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./titleBoxComponents-compiled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import { N0, N800 } from '@atlaskit/theme/colors';
7
6
  import { rgba } from '../styles';
8
7
  const smallLineHeight = 14;
@@ -71,12 +70,11 @@ export const TitleBoxFooter = props => {
71
70
  };
72
71
  TitleBoxFooter.displayName = 'TitleBoxFooter';
73
72
  const titleBoxIconStyles = null;
74
- const newTitleBoxIconStyles = null;
75
73
  export const TitleBoxIcon = props => {
76
74
  return /*#__PURE__*/React.createElement("div", {
77
75
  id: "titleBoxIcon",
78
76
  "data-testid": "title-box-icon",
79
- className: ax([fg('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n51b66", !fg('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n5idpf"])
77
+ className: ax(["_kqswstnw _1xi21b66 _94n51b66"])
80
78
  }, props.children);
81
79
  };
82
80
  const errorMessageWrapperStyles = null;
package/dist/esm/card/card.js CHANGED
@@ -47,8 +47,15 @@ export var CardWithPerformanceObserver = function CardWithPerformanceObserver(pr
47
47
  if (!fg('platform_media_auth_provider_analytics')) {
48
48
  return;
49
49
  }
50
+
51
+ // Sample auth-provider-succeeded events at 10%
52
+ var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
53
+ return Math.random() < 0.1;
54
+ };
50
55
  var onAuthSuccess = function onAuthSuccess(payload) {
51
- fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
56
+ if (shouldSampleAuthProviderSucceeded()) {
57
+ fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
58
+ }
52
59
  };
53
60
  var onAuthFailed = function onAuthFailed(payload) {
54
61
  fireMediaCardEvent(getAuthProviderFailedPayload(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css CHANGED
@@ -3,13 +3,10 @@
3
3
  ._v564ybtr{transition:all .3s}
4
4
  ._154i1tpr{top:var(--ds-space-075,7px)}
5
5
  ._1b941ule span{display:block}
6
- ._1bsbdlk8{width:14px}
7
6
  ._1bsbpxbi{width:var(--ds-space-200,1pc)}
8
7
  ._1e0c11p5{display:grid}
9
8
  ._1ltv1tpr{left:var(--ds-space-075,7px)}
10
- ._1mcmdlk8 span svg{height:14px}
11
9
  ._4cvr1h6o{align-items:center}
12
- ._4t3idlk8{height:14px}
13
10
  ._4t3ipxbi{height:var(--ds-space-200,1pc)}
14
11
  ._6a6z1h6o{justify-items:center}
15
12
  ._bfhkqre5{background-color:var(--_1flhvp0)}
package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -2,17 +2,15 @@
2
2
  import "./tickBoxWrapper-compiled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import { tickBoxClassName } from './styles';
7
6
  import { B200 } from '@atlaskit/theme/colors';
8
7
  var selectedStyles = null;
9
- var oldWrapperStyes = null;
10
8
  var wrapperStyles = null;
11
9
  export var TickBoxWrapper = function TickBoxWrapper(props) {
12
10
  return /*#__PURE__*/React.createElement("div", {
13
11
  id: "tickBoxWrapper",
14
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
15
- className: ax(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", !fg('platform-visual-refresh-icons') && "_1bsbdlk8 _4t3idlk8 _1mcmdlk8", props.selected && "_bfhkqre5 _syaz5w2r", tickBoxClassName]),
13
+ className: ax(["_11c82smr _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkqre5 _syaz5w2r", tickBoxClassName]),
16
14
  style: {
17
15
  "--_1flhvp0": ix("var(--ds-icon-information, ".concat(B200, ")"))
18
16
  }
package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./titleBoxComponents-compiled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import { N0, N800 } from '@atlaskit/theme/colors';
7
6
  import { rgba } from '../styles';
8
7
  var smallLineHeight = 14;
@@ -64,12 +63,11 @@ export var TitleBoxFooter = function TitleBoxFooter(props) {
64
63
  };
65
64
  TitleBoxFooter.displayName = 'TitleBoxFooter';
66
65
  var titleBoxIconStyles = null;
67
- var newTitleBoxIconStyles = null;
68
66
  export var TitleBoxIcon = function TitleBoxIcon(props) {
69
67
  return /*#__PURE__*/React.createElement("div", {
70
68
  id: "titleBoxIcon",
71
69
  "data-testid": "title-box-icon",
72
- className: ax([fg('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n51b66", !fg('platform-visual-refresh-icons') && "_kqswstnw _1xi21b66 _94n5idpf"])
70
+ className: ax(["_kqswstnw _1xi21b66 _94n51b66"])
73
71
  }, props.children);
74
72
  };
75
73
  var errorMessageWrapperStyles = null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "79.11.3",
3
+ "version": "79.12.0",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,10 +32,10 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@atlaskit/analytics-next": "^11.1.0",
35
- "@atlaskit/dropdown-menu": "^16.3.0",
35
+ "@atlaskit/dropdown-menu": "^16.4.0",
36
36
  "@atlaskit/editor-shared-styles": "^3.10.0",
37
37
  "@atlaskit/icon": "^29.3.0",
38
- "@atlaskit/link": "^3.2.0",
38
+ "@atlaskit/link": "^3.3.0",
39
39
  "@atlaskit/media-client": "^35.7.0",
40
40
  "@atlaskit/media-client-react": "^4.1.0",
41
41
  "@atlaskit/media-common": "^12.3.0",
@@ -69,7 +69,7 @@
69
69
  },
70
70
  "devDependencies": {
71
71
  "@af/integration-testing": "workspace:^",
72
- "@atlaskit/analytics-listeners": "^9.1.0",
72
+ "@atlaskit/analytics-listeners": "^9.2.0",
73
73
  "@atlaskit/analytics-namespaced-context": "^7.2.0",
74
74
  "@atlaskit/form": "^15.2.0",
75
75
  "@atlaskit/inline-message": "^15.5.0",
@@ -78,7 +78,7 @@
78
78
  "@atlaskit/media-state": "^1.8.0",
79
79
  "@atlaskit/media-test-data": "^3.2.0",
80
80
  "@atlaskit/media-test-helpers": "^39.0.0",
81
- "@atlaskit/radio": "^8.3.0",
81
+ "@atlaskit/radio": "^8.4.0",
82
82
  "@atlaskit/range": "^9.3.0",
83
83
  "@atlaskit/ssr": "workspace:^",
84
84
  "@atlaskit/toggle": "^15.2.0",