@atlaskit/media-card 79.5.10 → 79.5.11
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 +8 -0
- package/compass.yml +5 -5
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/cjs/card/inlinePlayerWrapper-compiled.js +2 -2
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +2 -2
- 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/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/es2019/card/inlinePlayerWrapper-compiled.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.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/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css +1 -1
- package/dist/esm/card/inlinePlayerWrapper-compiled.js +2 -2
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.js +2 -2
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.5.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`717cc94987686`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/717cc94987686) -
|
|
8
|
+
Internal changes to how borders are applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 79.5.10
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -7,7 +7,7 @@ description:
|
|
|
7
7
|
the file.
|
|
8
8
|
configVersion: 1
|
|
9
9
|
typeId: UI_ELEMENT
|
|
10
|
-
ownerId: 'ari:cloud:teams::team/
|
|
10
|
+
ownerId: 'ari:cloud:teams::team/3bee892f-cb1b-496c-b866-0f08d9e0296c'
|
|
11
11
|
fields:
|
|
12
12
|
lifecycle: Active
|
|
13
13
|
tier: 2
|
|
@@ -26,7 +26,7 @@ customFields:
|
|
|
26
26
|
links:
|
|
27
27
|
- name: ''
|
|
28
28
|
type: REPOSITORY
|
|
29
|
-
url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/media/media-card/'
|
|
29
|
+
url: 'https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/media/media-card/'
|
|
30
30
|
- name: ''
|
|
31
31
|
type: DOCUMENT
|
|
32
32
|
url: 'https://atlaskit.atlassian.com/packages/media/media-card'
|
|
@@ -38,13 +38,13 @@ links:
|
|
|
38
38
|
url: 'https://atlassian.signalfx.com/#/dashboard/E-vk3wqAwAA?groupId=E-vkzo1AwAA&configId=E-vk5fsAwAA&startTime=-7d&endTime=Now'
|
|
39
39
|
- name: ''
|
|
40
40
|
type: CHAT_CHANNEL
|
|
41
|
-
url: 'https://atlassian.slack.com/archives/
|
|
41
|
+
url: 'https://atlassian.slack.com/archives/C05J5GNHPLN'
|
|
42
42
|
- name: ''
|
|
43
43
|
type: ON_CALL
|
|
44
|
-
url: 'https://
|
|
44
|
+
url: 'https://hello.jira.atlassian.cloud/jira/ops/teams/og-be5b1a51-de22-4e74-9f81-727cf8b8a0cb/on-call'
|
|
45
45
|
- name: ''
|
|
46
46
|
type: PROJECT
|
|
47
|
-
url: 'https://product-fabric.atlassian.net/jira/software/c/projects/
|
|
47
|
+
url: 'https://product-fabric.atlassian.net/jira/software/c/projects/BMPT/boards/5090'
|
|
48
48
|
relationships:
|
|
49
49
|
DEPENDS_ON:
|
|
50
50
|
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/652381b6-c323-4b50-bf31-c94941a0b6ef'
|
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 = "
|
|
23
|
+
var packageVersion = "0.0.0-development";
|
|
24
24
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
25
25
|
var identifier = _ref.identifier,
|
|
26
26
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
-
.
|
|
4
|
+
._eq43dz6n:after{border:var(--_1i8hmas)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -43,11 +43,11 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
|
|
|
43
43
|
"data-testid": testId
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
45
45
|
,
|
|
46
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "
|
|
46
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43dz6n", inlinePlayerClassName]),
|
|
47
47
|
onClick: onClick,
|
|
48
48
|
ref: innerRef
|
|
49
49
|
}, _vcMedia.VcMediaWrapperProps, {
|
|
50
|
-
style: (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto'), "--_og9e1j", (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--
|
|
50
|
+
style: (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto'), "--_og9e1j", (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--_1i8hmas", (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-selected, #0C66E4)")))
|
|
51
51
|
}), (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(_customData.default, {
|
|
52
52
|
data: {
|
|
53
53
|
hasMediaComponent: true
|
|
@@ -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 = "
|
|
90
|
+
var packageVersion = "0.0.0-development";
|
|
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
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
-
button:focus+.
|
|
3
|
+
button:focus+._1hlm1x42{outline:var(--_z3oznn)}._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))}
|
|
6
6
|
._16qs666x{box-shadow:0 0 0 1px var(--ds-border-selected,#0c66e4)}
|
|
@@ -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)(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq
|
|
81
|
+
className: (0, _runtime.ax)(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlm1x42 _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,
|
|
@@ -88,7 +88,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
88
88
|
"--_og9e1j": (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")")),
|
|
89
89
|
"--_1wtike8": (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")),
|
|
90
90
|
"--_1ox8nit": (0, _runtime.ix)("var(--ds-blanket, ".concat(_colors.N90A, ")")),
|
|
91
|
-
"--
|
|
91
|
+
"--_z3oznn": (0, _runtime.ix)("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(_colors.B100, ")"))),
|
|
92
92
|
"--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
|
|
93
93
|
"--_mt8cm6": (0, _runtime.ix)("var(--ds-background-input, ".concat(_colors.N0, ")")),
|
|
94
94
|
"--_13xf2t5": (0, _runtime.ix)("var(--ds-icon-subtle, ".concat(_colors.N100, ")"))
|
|
@@ -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: "
|
|
119
|
+
packageName: "0.0.0-development",
|
|
120
120
|
componentName: 'mediaInlineCard',
|
|
121
121
|
component: 'mediaInlineCard'
|
|
122
122
|
};
|
|
@@ -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 = "
|
|
18
|
+
var packageVersion = "0.0.0-development";
|
|
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 = "
|
|
12
|
+
const packageVersion = "0.0.0-development";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
-
.
|
|
4
|
+
._eq43d7lc:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -35,7 +35,7 @@ export const InlinePlayerWrapper = props => {
|
|
|
35
35
|
"data-testid": testId
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
37
|
,
|
|
38
|
-
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "
|
|
38
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43d7lc", inlinePlayerClassName]),
|
|
39
39
|
style: {
|
|
40
40
|
[LOCAL_WIDTH_VARIABLE]: getDimensionsWithDefault(dimensions).width || '100%',
|
|
41
41
|
[LOCAL_HEIGHT_VARIABLE]: getDimensionsWithDefault(dimensions).height || 'auto'
|
|
@@ -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 = "
|
|
69
|
+
const packageVersion = "0.0.0-development";
|
|
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({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
-
button:focus+.
|
|
3
|
+
button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,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))}
|
|
6
6
|
._16qs666x{box-shadow:0 0 0 1px var(--ds-border-selected,#0c66e4)}
|
|
@@ -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(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n
|
|
77
|
+
className: ax(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _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: "
|
|
40
|
+
packageName: "0.0.0-development",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -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 = "
|
|
8
|
+
const packageVersion = "0.0.0-development";
|
|
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 = "
|
|
14
|
+
var packageVersion = "0.0.0-development";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
-
.
|
|
4
|
+
._eq43dz6n:after{border:var(--_1i8hmas)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -34,11 +34,11 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
34
34
|
"data-testid": testId
|
|
35
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
36
36
|
,
|
|
37
|
-
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "
|
|
37
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43dz6n", inlinePlayerClassName]),
|
|
38
38
|
onClick: onClick,
|
|
39
39
|
ref: innerRef
|
|
40
40
|
}, VcMediaWrapperProps, {
|
|
41
|
-
style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, getDimensionsWithDefault(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, getDimensionsWithDefault(dimensions).height || 'auto'), "--_og9e1j", ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--
|
|
41
|
+
style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, getDimensionsWithDefault(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, getDimensionsWithDefault(dimensions).height || 'auto'), "--_og9e1j", ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--_1i8hmas", ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-selected, #0C66E4)")))
|
|
42
42
|
}), fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
|
|
43
43
|
data: {
|
|
44
44
|
hasMediaComponent: true
|
|
@@ -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 = "
|
|
83
|
+
var packageVersion = "0.0.0-development";
|
|
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
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
-
button:focus+.
|
|
3
|
+
button:focus+._1hlm1x42{outline:var(--_z3oznn)}._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))}
|
|
6
6
|
._16qs666x{box-shadow:0 0 0 1px var(--ds-border-selected,#0c66e4)}
|
|
@@ -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(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq
|
|
72
|
+
className: ax(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlm1x42 _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,
|
|
@@ -79,7 +79,7 @@ export var Wrapper = function Wrapper(props) {
|
|
|
79
79
|
"--_og9e1j": ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")")),
|
|
80
80
|
"--_1wtike8": ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")),
|
|
81
81
|
"--_1ox8nit": ix("var(--ds-blanket, ".concat(N90A, ")")),
|
|
82
|
-
"--
|
|
82
|
+
"--_z3oznn": ix("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(B100, ")"))),
|
|
83
83
|
"--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
|
|
84
84
|
"--_mt8cm6": ix("var(--ds-background-input, ".concat(N0, ")")),
|
|
85
85
|
"--_13xf2t5": ix("var(--ds-icon-subtle, ".concat(N100, ")"))
|
|
@@ -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: "
|
|
104
|
+
packageName: "0.0.0-development",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -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 = "
|
|
11
|
+
var packageVersion = "0.0.0-development";
|
|
12
12
|
var SAMPLE_RATE = 0.05;
|
|
13
13
|
var concurrentExperience;
|
|
14
14
|
var getExperience = function getExperience(id) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.5.
|
|
3
|
+
"version": "79.5.11",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
35
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
36
36
|
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
37
|
-
"@atlaskit/icon": "^28.
|
|
37
|
+
"@atlaskit/icon": "^28.2.0",
|
|
38
38
|
"@atlaskit/link": "^3.2.0",
|
|
39
39
|
"@atlaskit/media-client": "^35.3.0",
|
|
40
40
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
41
41
|
"@atlaskit/media-common": "^12.3.0",
|
|
42
42
|
"@atlaskit/media-file-preview": "^0.11.0",
|
|
43
43
|
"@atlaskit/media-svg": "^2.1.0",
|
|
44
|
-
"@atlaskit/media-ui": "^28.
|
|
44
|
+
"@atlaskit/media-ui": "^28.7.0",
|
|
45
45
|
"@atlaskit/media-viewer": "^52.4.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
47
|
"@atlaskit/primitives": "^14.14.0",
|
|
48
|
-
"@atlaskit/react-ufo": "^4.
|
|
48
|
+
"@atlaskit/react-ufo": "^4.7.0",
|
|
49
49
|
"@atlaskit/spinner": "^19.0.0",
|
|
50
50
|
"@atlaskit/theme": "^21.0.0",
|
|
51
51
|
"@atlaskit/tokens": "^6.3.0",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"@af/integration-testing": "workspace:^",
|
|
72
72
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
73
73
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
74
|
-
"@atlaskit/form": "^12.
|
|
74
|
+
"@atlaskit/form": "^12.6.0",
|
|
75
75
|
"@atlaskit/inline-message": "^15.3.0",
|
|
76
76
|
"@atlaskit/media-core": "^37.0.0",
|
|
77
77
|
"@atlaskit/media-picker": "^70.0.0",
|