@atlaskit/media-card 79.5.0 → 79.5.1
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 +9 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +2 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +2 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +2 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/inlinePlayerLazy.d.ts +0 -1
- package/dist/types/card/inlinePlayerWrapper-compiled.d.ts +0 -1
- package/dist/types/card/svgView/svgImage-compiled.d.ts +0 -1
- package/dist/types/card/svgView/types.d.ts +0 -1
- package/dist/types/card/ui/actionsBar/actionsBarWrapper-compiled.d.ts +0 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-compiled.d.ts +0 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -1
- package/dist/types/card/ui/blanket/blanket-compiled.d.ts +0 -1
- package/dist/types/card/ui/iconMessage/iconMessageWrapper-compiled.d.ts +0 -1
- package/dist/types/card/ui/iconWrapper/iconWrapper-compiled.d.ts +0 -1
- package/dist/types/card/ui/imageRenderer/imageRendererV2.d.ts +0 -1
- package/dist/types/card/ui/imageRenderer/types.d.ts +0 -1
- package/dist/types/card/ui/playButton/playButtonBackground-compiled.d.ts +0 -1
- package/dist/types/card/ui/playButton/playButtonWrapper-compiled.d.ts +0 -1
- package/dist/types/card/ui/progressBar/styledBar-compiled.d.ts +0 -1
- package/dist/types/card/ui/tickBox/tickBoxWrapper-compiled.d.ts +0 -1
- package/dist/types/card/ui/titleBox/titleBoxComponents-compiled.d.ts +0 -1
- package/dist/types/card/ui/titleBox/types.d.ts +0 -1
- package/dist/types/card/ui/unhandledErrorCard/types.d.ts +0 -1
- package/dist/types/card/ui/wrapper/imageContainer-compiled.d.ts +0 -1
- package/dist/types/card/ui/wrapper/imageContainer-emotion.d.ts +0 -1
- package/dist/types/card/ui/wrapper/wrapper-compiled.d.ts +0 -1
- package/dist/types/dateOverrideContext.d.ts +0 -1
- package/dist/types/errors.d.ts +1 -1
- package/dist/types/inline/mediaInlineCardAnalytics.d.ts +1 -1
- package/dist/types/utils/analytics/analytics.d.ts +1 -1
- package/dist/types/utils/lightCards/types.d.ts +0 -1
- package/dist/types/utils/mediaPerformanceObserver/ufo.d.ts +1 -1
- package/dist/types/utils/printScript.d.ts +1 -1
- package/dist/types-ts4.5/card/inlinePlayerLazy.d.ts +0 -1
- package/dist/types-ts4.5/card/inlinePlayerWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/svgView/svgImage-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/svgView/types.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/actionsBar/actionsBarWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/blanket/blanket-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/iconMessage/iconMessageWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/iconWrapper/iconWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/imageRenderer/imageRendererV2.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/imageRenderer/types.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/playButton/playButtonBackground-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/playButton/playButtonWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/progressBar/styledBar-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/tickBox/tickBoxWrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/titleBox/titleBoxComponents-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/titleBox/types.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/unhandledErrorCard/types.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/wrapper/imageContainer-compiled.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/wrapper/imageContainer-emotion.d.ts +0 -1
- package/dist/types-ts4.5/card/ui/wrapper/wrapper-compiled.d.ts +0 -1
- package/dist/types-ts4.5/dateOverrideContext.d.ts +0 -1
- package/dist/types-ts4.5/errors.d.ts +1 -1
- package/dist/types-ts4.5/inline/mediaInlineCardAnalytics.d.ts +1 -1
- package/dist/types-ts4.5/utils/analytics/analytics.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/types.d.ts +0 -1
- package/dist/types-ts4.5/utils/mediaPerformanceObserver/ufo.d.ts +1 -1
- package/dist/types-ts4.5/utils/printScript.d.ts +1 -1
- package/example-helpers/styles.ts +2 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#199353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199353)
|
|
8
|
+
[`f2d4ca35574b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2d4ca35574b8) -
|
|
9
|
+
Internal changes to how border radius values are applied. No visual change.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 79.5.0
|
|
4
13
|
|
|
5
14
|
### Minor Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
|
|
|
20
20
|
var _excluded = ["identifier"];
|
|
21
21
|
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); }
|
|
22
22
|
var packageName = "@atlaskit/media-card";
|
|
23
|
-
var packageVersion = "79.
|
|
23
|
+
var packageVersion = "79.5.0";
|
|
24
24
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
25
25
|
var identifier = _ref.identifier,
|
|
26
26
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -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 = "79.
|
|
90
|
+
var packageVersion = "79.5.0";
|
|
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)({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1yt4xh0m{padding:var(--_cw4itz)}
|
|
3
|
-
.
|
|
3
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
|
|
4
4
|
._1bsb1b7y{width:var(--_1xe2l1p)}
|
|
5
5
|
._1e0c1ule{display:block}
|
|
6
6
|
._1ltv1ghs{left:2.5%}
|
|
@@ -51,7 +51,7 @@ var StyledBar = exports.StyledBar = function StyledBar(props) {
|
|
|
51
51
|
role: "progressbar",
|
|
52
52
|
"aria-valuenow": progress,
|
|
53
53
|
"aria-label": ariaLabel,
|
|
54
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1yt4xh0m
|
|
54
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1yt4xh0m _2rkosqtm _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
|
|
55
55
|
style: _objectSpread(_objectSpread({}, generateResponsiveStyles(breakpoint, positionBottom, showOnTop)), {}, {
|
|
56
56
|
"--_1xe2l1p": (0, _runtime.ix)("".concat(width, "%")),
|
|
57
57
|
"--_15ce6z9": (0, _runtime.ix)("".concat(height + padding * 2, "px")),
|
|
@@ -61,7 +61,7 @@ var StyledBar = exports.StyledBar = function StyledBar(props) {
|
|
|
61
61
|
style: {
|
|
62
62
|
width: "".concat(progress, "%")
|
|
63
63
|
},
|
|
64
|
-
className: (0, _runtime.ax)(["
|
|
64
|
+
className: (0, _runtime.ax)(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
65
65
|
}));
|
|
66
66
|
};
|
|
67
67
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -69,7 +69,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
|
|
|
69
69
|
var hideText = !shouldShowText(getConvertedDimension(dimensions));
|
|
70
70
|
return /*#__PURE__*/React.createElement("div", {
|
|
71
71
|
onClick: onClick,
|
|
72
|
-
className: (0, _runtime.ax)(["
|
|
72
|
+
className: (0, _runtime.ax)(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
|
|
73
73
|
style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
|
|
74
74
|
"--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
|
|
75
75
|
"--_i2cu7k": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N800, ")"))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
|
|
3
3
|
button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -78,7 +78,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
78
78
|
id: "newFileExperienceWrapper"
|
|
79
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
80
80
|
,
|
|
81
|
-
className: (0, _runtime.ax)(["
|
|
81
|
+
className: (0, _runtime.ax)(["_2rkosqtm _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
|
|
82
82
|
"data-testid": testId,
|
|
83
83
|
ref: innerRef,
|
|
84
84
|
onClick: onClick,
|
|
@@ -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: "79.
|
|
119
|
+
packageName: "79.5.0",
|
|
120
120
|
componentName: 'mediaInlineCard',
|
|
121
121
|
component: 'mediaInlineCard'
|
|
122
122
|
};
|
|
@@ -53,7 +53,8 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
53
53
|
display: 'inline-flex',
|
|
54
54
|
gap: "var(--ds-space-050, 4px)",
|
|
55
55
|
alignItems: 'center',
|
|
56
|
-
|
|
56
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
57
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
57
58
|
color: "var(--ds-text, ".concat(_colors.N900, ")"),
|
|
58
59
|
backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
|
|
59
60
|
userSelect: 'text',
|
|
@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
15
15
|
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; }
|
|
16
16
|
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; }
|
|
17
17
|
var packageName = "@atlaskit/media-card";
|
|
18
|
-
var packageVersion = "79.
|
|
18
|
+
var packageVersion = "79.5.0";
|
|
19
19
|
var SAMPLE_RATE = 0.05;
|
|
20
20
|
var concurrentExperience;
|
|
21
21
|
var getExperience = function getExperience(id) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "79.
|
|
12
|
+
const packageVersion = "79.5.0";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -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 = "79.
|
|
69
|
+
const packageVersion = "79.5.0";
|
|
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({
|
|
@@ -43,12 +43,12 @@ export const StyledBar = props => {
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
44
44
|
...generateResponsiveStyles(breakpoint, positionBottom, showOnTop)
|
|
45
45
|
},
|
|
46
|
-
className: ax(["_1reo15vq _18m915vq _ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y
|
|
46
|
+
className: ax(["_1reo15vq _18m915vq _ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rkosqtm _kqswstnw _1bsb1lk2 _1ltv1ghs _bfhkrcrw _4t3i14y2 _vchhusvi"])
|
|
47
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
48
48
|
style: {
|
|
49
49
|
width: `${progress}%`
|
|
50
50
|
},
|
|
51
|
-
className: ax(["
|
|
51
|
+
className: ax(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
52
52
|
}));
|
|
53
53
|
};
|
|
54
54
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -43,7 +43,7 @@ export class UnhandledErrorCard extends Component {
|
|
|
43
43
|
return /*#__PURE__*/React.createElement("div", {
|
|
44
44
|
style: convertedDimensions,
|
|
45
45
|
onClick: onClick,
|
|
46
|
-
className: ax(["
|
|
46
|
+
className: ax(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1s4m _syaz1aqp _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"])
|
|
47
47
|
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
48
48
|
label: "Error",
|
|
49
49
|
color: `var(--ds-icon-warning, ${Y500})`,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
|
|
3
3
|
button:focus+._1hlmvd8c{outline:solid 2px var(--ds-border-focused,#4c9aff)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -74,7 +74,7 @@ export const Wrapper = props => {
|
|
|
74
74
|
id: "newFileExperienceWrapper"
|
|
75
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
76
76
|
,
|
|
77
|
-
className: ax(["
|
|
77
|
+
className: ax(["_2rkosqtm _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmvd8c _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n", displayBackground && "_bfhk1s4m", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
|
|
78
78
|
"data-testid": testId,
|
|
79
79
|
style: {
|
|
80
80
|
[LOCAL_WIDTH_VARIABLE]: width,
|
|
@@ -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: "79.
|
|
40
|
+
packageName: "79.5.0",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -38,7 +38,8 @@ const ErrorBoundaryComponent = ({
|
|
|
38
38
|
display: 'inline-flex',
|
|
39
39
|
gap: "var(--ds-space-050, 4px)",
|
|
40
40
|
alignItems: 'center',
|
|
41
|
-
|
|
41
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
42
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
42
43
|
color: `var(--ds-text, ${N900})`,
|
|
43
44
|
backgroundColor: `var(--ds-background-neutral, ${N30A})`,
|
|
44
45
|
userSelect: 'text',
|
|
@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
const packageName = "@atlaskit/media-card";
|
|
8
|
-
const packageVersion = "79.
|
|
8
|
+
const packageVersion = "79.5.0";
|
|
9
9
|
const SAMPLE_RATE = 0.05;
|
|
10
10
|
let concurrentExperience;
|
|
11
11
|
const getExperience = id => {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
11
11
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
13
13
|
var packageName = "@atlaskit/media-card";
|
|
14
|
-
var packageVersion = "79.
|
|
14
|
+
var packageVersion = "79.5.0";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -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 = "79.
|
|
83
|
+
var packageVersion = "79.5.0";
|
|
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({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1yt4xh0m{padding:var(--_cw4itz)}
|
|
3
|
-
.
|
|
3
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
|
|
4
4
|
._1bsb1b7y{width:var(--_1xe2l1p)}
|
|
5
5
|
._1e0c1ule{display:block}
|
|
6
6
|
._1ltv1ghs{left:2.5%}
|
|
@@ -41,7 +41,7 @@ export var StyledBar = function StyledBar(props) {
|
|
|
41
41
|
role: "progressbar",
|
|
42
42
|
"aria-valuenow": progress,
|
|
43
43
|
"aria-label": ariaLabel,
|
|
44
|
-
className: ax(["_1reo15vq _18m915vq _1yt4xh0m
|
|
44
|
+
className: ax(["_1reo15vq _18m915vq _1yt4xh0m _2rkosqtm _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
|
|
45
45
|
style: _objectSpread(_objectSpread({}, generateResponsiveStyles(breakpoint, positionBottom, showOnTop)), {}, {
|
|
46
46
|
"--_1xe2l1p": ix("".concat(width, "%")),
|
|
47
47
|
"--_15ce6z9": ix("".concat(height + padding * 2, "px")),
|
|
@@ -51,7 +51,7 @@ export var StyledBar = function StyledBar(props) {
|
|
|
51
51
|
style: {
|
|
52
52
|
width: "".concat(progress, "%")
|
|
53
53
|
},
|
|
54
|
-
className: ax(["
|
|
54
|
+
className: ax(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
55
55
|
}));
|
|
56
56
|
};
|
|
57
57
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -60,7 +60,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
|
60
60
|
var hideText = !shouldShowText(getConvertedDimension(dimensions));
|
|
61
61
|
return /*#__PURE__*/React.createElement("div", {
|
|
62
62
|
onClick: onClick,
|
|
63
|
-
className: ax(["
|
|
63
|
+
className: ax(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
|
|
64
64
|
style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
|
|
65
65
|
"--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
|
|
66
66
|
"--_i2cu7k": ix("var(--ds-text-subtle, ".concat(N800, ")"))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
|
|
3
3
|
button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -69,7 +69,7 @@ export var Wrapper = function Wrapper(props) {
|
|
|
69
69
|
id: "newFileExperienceWrapper"
|
|
70
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
71
71
|
,
|
|
72
|
-
className: ax(["
|
|
72
|
+
className: ax(["_2rkosqtm _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
|
|
73
73
|
"data-testid": testId,
|
|
74
74
|
ref: innerRef,
|
|
75
75
|
onClick: onClick,
|
|
@@ -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: "79.
|
|
104
|
+
packageName: "79.5.0",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -46,7 +46,8 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
46
46
|
display: 'inline-flex',
|
|
47
47
|
gap: "var(--ds-space-050, 4px)",
|
|
48
48
|
alignItems: 'center',
|
|
49
|
-
|
|
49
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
50
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
50
51
|
color: "var(--ds-text, ".concat(N900, ")"),
|
|
51
52
|
backgroundColor: "var(--ds-background-neutral, ".concat(N30A, ")"),
|
|
52
53
|
userSelect: 'text',
|
|
@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
8
8
|
import { MediaCardError } from '../errors';
|
|
9
9
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "79.
|
|
11
|
+
var packageVersion = "79.5.0";
|
|
12
12
|
var SAMPLE_RATE = 0.05;
|
|
13
13
|
var concurrentExperience;
|
|
14
14
|
var getExperience = function getExperience(id) {
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ImageRendererProps } from './types';
|
|
3
2
|
export declare const ImageRenderer: ({ cardPreview, alt, resizeMode, onImageLoad, onImageError, onDisplayImage, mediaType, nativeLazyLoad, forceSyncDisplay, identifier, wrapperRef, useWhiteBackground, testId, }: ImageRendererProps) => JSX.Element | null;
|
package/dist/types/errors.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ export declare class SsrPreviewError extends MediaCardError {
|
|
|
29
29
|
readonly secondaryError?: Error | undefined;
|
|
30
30
|
constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
|
|
31
31
|
}
|
|
32
|
-
export declare const getImageLoadPrimaryReason: (source?: CardPreview[
|
|
32
|
+
export declare const getImageLoadPrimaryReason: (source?: CardPreview["source"]) => ImageLoadPrimaryReason;
|
|
33
33
|
export declare class ImageLoadError extends MediaCardError {
|
|
34
34
|
constructor(source?: CardPreview['source']);
|
|
35
35
|
}
|
|
@@ -5,5 +5,5 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
|
5
5
|
export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;
|
|
6
6
|
export declare const getErrorStatusPayload: (fileId: string, error: MediaCardError, fileState?: FileState) => RenderInlineCardFailedEventPayload;
|
|
7
7
|
export declare const getFailedProcessingStatusPayload: (fileId: string, fileState?: FileState) => RenderInlineCardFailedEventPayload;
|
|
8
|
-
export declare const fireFailedOperationalEvent: (fileState: FileState, error?: MediaCardError, failReason?:
|
|
8
|
+
export declare const fireFailedOperationalEvent: (fileState: FileState, error?: MediaCardError, failReason?: "failed-processing", createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
|
|
9
9
|
export declare const fireSucceededOperationalEvent: (fileState: FileState, createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
|
|
@@ -110,7 +110,7 @@ export declare const getCacheHitEventPayload: (cardPreviewAttributes: CardPrevie
|
|
|
110
110
|
export declare const getRemoteSuccessEventPayload: (cardPreviewAttributes: CardPreviewAttributes) => RemoteSuccessEventPayload;
|
|
111
111
|
export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
|
|
112
112
|
export declare const getRenderErrorFailReason: (error: MediaCardError) => FailedErrorFailReason;
|
|
113
|
-
export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason |
|
|
113
|
+
export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
|
|
114
114
|
export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
|
|
115
115
|
export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
|
|
116
116
|
export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { type UfoDurationMetrics } from './durationMetrics';
|
|
2
|
-
export declare const sendUfoDurationMetrics: (ufoDurationMetrics: UfoDurationMetrics, endpoint:
|
|
2
|
+
export declare const sendUfoDurationMetrics: (ufoDurationMetrics: UfoDurationMetrics, endpoint: "image" | "items") => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const printFunctionCall: <T extends any
|
|
1
|
+
export declare const printFunctionCall: <T extends Array<any>>(fn: (...args: T) => void, ...args: T) => string;
|
|
2
2
|
export declare const printScript: (statements: string[]) => string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ImageRendererProps } from './types';
|
|
3
2
|
export declare const ImageRenderer: ({ cardPreview, alt, resizeMode, onImageLoad, onImageError, onDisplayImage, mediaType, nativeLazyLoad, forceSyncDisplay, identifier, wrapperRef, useWhiteBackground, testId, }: ImageRendererProps) => JSX.Element | null;
|
|
@@ -29,7 +29,7 @@ export declare class SsrPreviewError extends MediaCardError {
|
|
|
29
29
|
readonly secondaryError?: Error | undefined;
|
|
30
30
|
constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
|
|
31
31
|
}
|
|
32
|
-
export declare const getImageLoadPrimaryReason: (source?: CardPreview[
|
|
32
|
+
export declare const getImageLoadPrimaryReason: (source?: CardPreview["source"]) => ImageLoadPrimaryReason;
|
|
33
33
|
export declare class ImageLoadError extends MediaCardError {
|
|
34
34
|
constructor(source?: CardPreview['source']);
|
|
35
35
|
}
|
|
@@ -5,5 +5,5 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
|
5
5
|
export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;
|
|
6
6
|
export declare const getErrorStatusPayload: (fileId: string, error: MediaCardError, fileState?: FileState) => RenderInlineCardFailedEventPayload;
|
|
7
7
|
export declare const getFailedProcessingStatusPayload: (fileId: string, fileState?: FileState) => RenderInlineCardFailedEventPayload;
|
|
8
|
-
export declare const fireFailedOperationalEvent: (fileState: FileState, error?: MediaCardError, failReason?:
|
|
8
|
+
export declare const fireFailedOperationalEvent: (fileState: FileState, error?: MediaCardError, failReason?: "failed-processing", createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
|
|
9
9
|
export declare const fireSucceededOperationalEvent: (fileState: FileState, createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
|
|
@@ -110,7 +110,7 @@ export declare const getCacheHitEventPayload: (cardPreviewAttributes: CardPrevie
|
|
|
110
110
|
export declare const getRemoteSuccessEventPayload: (cardPreviewAttributes: CardPreviewAttributes) => RemoteSuccessEventPayload;
|
|
111
111
|
export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
|
|
112
112
|
export declare const getRenderErrorFailReason: (error: MediaCardError) => FailedErrorFailReason;
|
|
113
|
-
export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason |
|
|
113
|
+
export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
|
|
114
114
|
export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
|
|
115
115
|
export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
|
|
116
116
|
export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { type UfoDurationMetrics } from './durationMetrics';
|
|
2
|
-
export declare const sendUfoDurationMetrics: (ufoDurationMetrics: UfoDurationMetrics, endpoint:
|
|
2
|
+
export declare const sendUfoDurationMetrics: (ufoDurationMetrics: UfoDurationMetrics, endpoint: "image" | "items") => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const printFunctionCall: <T extends any
|
|
1
|
+
export declare const printFunctionCall: <T extends Array<any>>(fn: (...args: T) => void, ...args: T) => string;
|
|
2
2
|
export declare const printScript: (statements: string[]) => string;
|
|
@@ -55,7 +55,8 @@ export const cardDimensionsWrapperStyles = css({
|
|
|
55
55
|
border: `1px solid ${token('color.border.bold', 'black')}`,
|
|
56
56
|
margin: token('space.075', '6px'),
|
|
57
57
|
padding: token('space.075', '6px'),
|
|
58
|
-
|
|
58
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
59
|
+
borderRadius: token('border.radius.100', '3px'),
|
|
59
60
|
},
|
|
60
61
|
});
|
|
61
62
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.5.
|
|
3
|
+
"version": "79.5.1",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
40
40
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
41
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
42
|
-
"@atlaskit/icon": "^27.
|
|
41
|
+
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
42
|
+
"@atlaskit/icon": "^27.11.0",
|
|
43
43
|
"@atlaskit/link": "^3.2.0",
|
|
44
|
-
"@atlaskit/media-client": "^35.
|
|
44
|
+
"@atlaskit/media-client": "^35.3.0",
|
|
45
45
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
46
46
|
"@atlaskit/media-common": "^12.3.0",
|
|
47
47
|
"@atlaskit/media-file-preview": "^0.11.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"@atlaskit/media-state": "^1.8.0",
|
|
84
84
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
85
85
|
"@atlaskit/media-test-helpers": "^37.0.0",
|
|
86
|
-
"@atlaskit/radio": "^8.
|
|
86
|
+
"@atlaskit/radio": "^8.2.0",
|
|
87
87
|
"@atlaskit/range": "^9.2.0",
|
|
88
88
|
"@atlaskit/ssr": "workspace:^",
|
|
89
89
|
"@atlaskit/toggle": "^15.1.0",
|