@atlaskit/media-card 81.12.3 → 81.12.5
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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/cardLoader.js +2 -2
- package/dist/cjs/card/cardSync.js +2 -2
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/cardLoader.js +1 -1
- package/dist/es2019/card/cardSync.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/cardLoader.js +1 -1
- package/dist/esm/card/cardSync.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/example-helpers/cards.tsx +3 -1
- package/example-helpers/index.tsx +3 -2
- package/example-helpers/selectableCard.tsx +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 81.12.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`5bb049fcdba7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5bb049fcdba7e) -
|
|
8
|
+
Use the direct React UFO segment entry point, preserving the existing component implementation and
|
|
9
|
+
instrumentation behavior.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 81.12.4
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 81.12.3
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -8,7 +8,7 @@ var _reactIntl = require("react-intl");
|
|
|
8
8
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
9
9
|
var _CardWithPerformanceObserver = require("./CardWithPerformanceObserver");
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "81.12.
|
|
11
|
+
var packageVersion = "81.12.4";
|
|
12
12
|
var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
13
13
|
packageVersion: packageVersion,
|
|
14
14
|
packageName: packageName,
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _reactLoadable = _interopRequireDefault(require("react-loadable"));
|
|
12
12
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _cardLoading = require("../utils/lightCards/cardLoading");
|
|
14
|
-
var
|
|
14
|
+
var _ufoSegment = _interopRequireDefault(require("@atlaskit/react-ufo/ufo-segment"));
|
|
15
15
|
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
16
|
var MediaCardContext = /*#__PURE__*/_react.default.createContext({});
|
|
17
17
|
var CardLoadingWithContext = function CardLoadingWithContext() {
|
|
@@ -43,7 +43,7 @@ var MediaCardWithMediaClientLazy = /*#__PURE__*/_react.default.lazy(function ()
|
|
|
43
43
|
});
|
|
44
44
|
});
|
|
45
45
|
var CardLoader = function CardLoader(props) {
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_ufoSegment.default, {
|
|
47
47
|
name: "media-card",
|
|
48
48
|
mode: "list"
|
|
49
49
|
}, /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _ufoSegment = _interopRequireDefault(require("@atlaskit/react-ufo/ufo-segment"));
|
|
10
10
|
var _cardWithMediaClient = require("./cardWithMediaClient");
|
|
11
11
|
var CardSync = function CardSync(props) {
|
|
12
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement(_ufoSegment.default, {
|
|
13
13
|
name: "media-card-sync",
|
|
14
14
|
mode: "list"
|
|
15
15
|
}, /*#__PURE__*/_react.default.createElement(_cardWithMediaClient.CardWithMediaClient, props));
|
|
@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
87
87
|
}(_react.default.Component);
|
|
88
88
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
89
89
|
var packageName = "@atlaskit/media-card";
|
|
90
|
-
var packageVersion = "81.12.
|
|
90
|
+
var packageVersion = "81.12.4";
|
|
91
91
|
|
|
92
92
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
93
93
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
116
116
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
117
117
|
var analyticsContext = {
|
|
118
118
|
packageVersion: "@atlaskit/media-card",
|
|
119
|
-
packageName: "81.12.
|
|
119
|
+
packageName: "81.12.4",
|
|
120
120
|
componentName: 'mediaInlineCard',
|
|
121
121
|
component: 'mediaInlineCard'
|
|
122
122
|
};
|
|
@@ -23,7 +23,7 @@ var _getMediaGlobalScope = require("./globalScope/getMediaGlobalScope");
|
|
|
23
23
|
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; }
|
|
24
24
|
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; }
|
|
25
25
|
var packageName = "@atlaskit/media-card";
|
|
26
|
-
var packageVersion = "81.12.
|
|
26
|
+
var packageVersion = "81.12.4";
|
|
27
27
|
var SAMPLE_RATE = 0.05;
|
|
28
28
|
|
|
29
29
|
/**
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
|
|
|
2
2
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
3
3
|
import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
|
|
4
4
|
const packageName = "@atlaskit/media-card";
|
|
5
|
-
const packageVersion = "81.12.
|
|
5
|
+
const packageVersion = "81.12.4";
|
|
6
6
|
export const Card = withMediaAnalyticsContext({
|
|
7
7
|
packageVersion,
|
|
8
8
|
packageName,
|
|
@@ -3,7 +3,7 @@ import React, { Suspense, useContext } from 'react';
|
|
|
3
3
|
import Loadable from 'react-loadable';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
5
|
import { CardLoading } from '../utils/lightCards/cardLoading';
|
|
6
|
-
import UFOSegment from '@atlaskit/react-ufo/segment';
|
|
6
|
+
import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
|
|
7
7
|
const MediaCardContext = /*#__PURE__*/React.createContext({});
|
|
8
8
|
const CardLoadingWithContext = () => {
|
|
9
9
|
const props = useContext(MediaCardContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import UFOSegment from '@atlaskit/react-ufo/segment';
|
|
2
|
+
import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
|
|
3
3
|
import { CardWithMediaClient } from './cardWithMediaClient';
|
|
4
4
|
const CardSync = props => {
|
|
5
5
|
return /*#__PURE__*/React.createElement(UFOSegment, {
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "81.12.
|
|
69
|
+
const packageVersion = "81.12.4";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "81.12.
|
|
40
|
+
packageName: "81.12.4",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -12,7 +12,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
|
|
|
12
12
|
import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
|
|
13
13
|
import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
|
|
14
14
|
const packageName = "@atlaskit/media-card";
|
|
15
|
-
const packageVersion = "81.12.
|
|
15
|
+
const packageVersion = "81.12.4";
|
|
16
16
|
const SAMPLE_RATE = 0.05;
|
|
17
17
|
|
|
18
18
|
/**
|
package/dist/esm/card/card.js
CHANGED
|
@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
|
|
|
2
2
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
3
3
|
import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
|
|
4
4
|
var packageName = "@atlaskit/media-card";
|
|
5
|
-
var packageVersion = "81.12.
|
|
5
|
+
var packageVersion = "81.12.4";
|
|
6
6
|
export var Card = withMediaAnalyticsContext({
|
|
7
7
|
packageVersion: packageVersion,
|
|
8
8
|
packageName: packageName,
|
|
@@ -3,7 +3,7 @@ import React, { Suspense, useContext } from 'react';
|
|
|
3
3
|
import Loadable from 'react-loadable';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
5
|
import { CardLoading } from '../utils/lightCards/cardLoading';
|
|
6
|
-
import UFOSegment from '@atlaskit/react-ufo/segment';
|
|
6
|
+
import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
|
|
7
7
|
var MediaCardContext = /*#__PURE__*/React.createContext({});
|
|
8
8
|
var CardLoadingWithContext = function CardLoadingWithContext() {
|
|
9
9
|
var props = useContext(MediaCardContext);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import UFOSegment from '@atlaskit/react-ufo/segment';
|
|
2
|
+
import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
|
|
3
3
|
import { CardWithMediaClient } from './cardWithMediaClient';
|
|
4
4
|
var CardSync = function CardSync(props) {
|
|
5
5
|
return /*#__PURE__*/React.createElement(UFOSegment, {
|
|
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
80
80
|
}(React.Component);
|
|
81
81
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
82
82
|
var packageName = "@atlaskit/media-card";
|
|
83
|
-
var packageVersion = "81.12.
|
|
83
|
+
var packageVersion = "81.12.4";
|
|
84
84
|
|
|
85
85
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
86
86
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
101
101
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
102
102
|
var analyticsContext = {
|
|
103
103
|
packageVersion: "@atlaskit/media-card",
|
|
104
|
-
packageName: "81.12.
|
|
104
|
+
packageName: "81.12.4",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -16,7 +16,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
|
|
|
16
16
|
import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
|
|
17
17
|
import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
|
|
18
18
|
var packageName = "@atlaskit/media-card";
|
|
19
|
-
var packageVersion = "81.12.
|
|
19
|
+
var packageVersion = "81.12.4";
|
|
20
20
|
var SAMPLE_RATE = 0.05;
|
|
21
21
|
|
|
22
22
|
/**
|
|
@@ -15,7 +15,9 @@ import {
|
|
|
15
15
|
import { type FileIdentifier } from '@atlaskit/media-client';
|
|
16
16
|
|
|
17
17
|
import { createApiCards, actions } from '.';
|
|
18
|
-
import { CardLoading
|
|
18
|
+
import { CardLoading } from '../src/utils/lightCards/cardLoading';
|
|
19
|
+
import { CardError } from '../src/utils/lightCards/cardError';
|
|
20
|
+
import Card from '../src/card/cardLoader';
|
|
19
21
|
|
|
20
22
|
const mediaClientConfig = createStorybookMediaClientConfig();
|
|
21
23
|
// standard
|
|
@@ -20,9 +20,10 @@ import {
|
|
|
20
20
|
FeatureFlagsWrapper,
|
|
21
21
|
} from '@atlaskit/media-test-helpers';
|
|
22
22
|
|
|
23
|
-
import
|
|
23
|
+
import Card from '../src/card/cardLoader';
|
|
24
|
+
import { type CardAction } from '../src/card/actions';
|
|
24
25
|
import { MediaCardError } from '../src/MediaCardError';
|
|
25
|
-
import {
|
|
26
|
+
import type { CardFocusEvent, CardAppearance, CardEvent } from '../src/types';
|
|
26
27
|
import DevelopmentUseMessage from './developmentUseMessage';
|
|
27
28
|
import { SelectableCard } from './selectableCard';
|
|
28
29
|
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Component } from 'react';
|
|
3
3
|
import type { MediaClientConfig } from '@atlaskit/media-core/auth';
|
|
4
4
|
import { type Identifier } from '@atlaskit/media-client';
|
|
5
|
-
import
|
|
5
|
+
import Card from '../src/card/cardLoader';
|
|
6
6
|
|
|
7
7
|
export interface SelectableCardProps {
|
|
8
8
|
mediaClientConfig: MediaClientConfig;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "81.12.
|
|
3
|
+
"version": "81.12.5",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
"@atlaskit/primitives": "^22.5.0",
|
|
49
49
|
"@atlaskit/progress-bar": "^5.3.0",
|
|
50
50
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
51
|
-
"@atlaskit/react-ufo": "^7.
|
|
51
|
+
"@atlaskit/react-ufo": "^7.11.0",
|
|
52
52
|
"@atlaskit/section-message": "^10.2.0",
|
|
53
53
|
"@atlaskit/theme": "^28.2.0",
|
|
54
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
54
|
+
"@atlaskit/tmp-editor-statsig": "^197.0.0",
|
|
55
55
|
"@atlaskit/tokens": "^17.0.0",
|
|
56
56
|
"@atlaskit/tooltip": "^24.3.0",
|
|
57
57
|
"@atlaskit/ufo": "^1.2.0",
|