@atlaskit/media-card 79.10.0 → 79.11.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 +19 -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/actionsBar/cardActions/cardActionsDropdownMenu.js +2 -2
- package/dist/cjs/card/ui/playButton/playButton.js +1 -4
- package/dist/cjs/card/ui/tickBox/tickBox.js +2 -2
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -2
- package/dist/cjs/card/ui/titleBox/titleBox.js +2 -2
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +2 -2
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +2 -2
- package/dist/cjs/utils/lightCards/errorIcon/index.js +2 -2
- 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/actionsBar/cardActions/cardActionsDropdownMenu.js +1 -1
- package/dist/es2019/card/ui/playButton/playButton.js +1 -4
- package/dist/es2019/card/ui/tickBox/tickBox.js +1 -1
- package/dist/es2019/card/ui/titleBox/failedTitleBox.js +1 -1
- package/dist/es2019/card/ui/titleBox/titleBox.js +1 -1
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
- package/dist/es2019/utils/lightCards/errorIcon/index.js +1 -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/actionsBar/cardActions/cardActionsDropdownMenu.js +1 -1
- package/dist/esm/card/ui/playButton/playButton.js +1 -4
- package/dist/esm/card/ui/tickBox/tickBox.js +1 -1
- package/dist/esm/card/ui/titleBox/failedTitleBox.js +1 -1
- package/dist/esm/card/ui/titleBox/titleBox.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
- package/dist/esm/utils/lightCards/errorIcon/index.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.11.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
|
|
8
|
+
Icon entrypoint migration
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 79.11.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
|
|
16
|
+
Migrated and cleaned up legacy iconography usage.
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 79.10.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -22,7 +22,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
|
|
|
22
22
|
var _excluded = ["identifier"];
|
|
23
23
|
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); }
|
|
24
24
|
var packageName = "@atlaskit/media-card";
|
|
25
|
-
var packageVersion = "
|
|
25
|
+
var packageVersion = "0.0.0-development";
|
|
26
26
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
27
27
|
var identifier = _ref.identifier,
|
|
28
28
|
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 = "
|
|
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)({
|
|
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
13
|
-
var
|
|
13
|
+
var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
|
|
14
14
|
var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
|
|
15
15
|
var _analytics = require("../../../../utils/analytics");
|
|
16
16
|
var _cardActionButton = require("./cardActionButton");
|
|
@@ -80,7 +80,7 @@ var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = function CardAct
|
|
|
80
80
|
}, createAnalyticsEvent);
|
|
81
81
|
_onClick === null || _onClick === void 0 || _onClick(e);
|
|
82
82
|
}
|
|
83
|
-
}, providedProps), /*#__PURE__*/_react.default.createElement(
|
|
83
|
+
}, providedProps), /*#__PURE__*/_react.default.createElement(_showMoreHorizontal.default, {
|
|
84
84
|
color: "currentColor",
|
|
85
85
|
spacing: "spacious",
|
|
86
86
|
label: "more"
|
|
@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.PlayButton = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _vidPlay = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-play"));
|
|
10
9
|
var _videoPlayOverlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play-overlay"));
|
|
11
10
|
var _playButtonWrapper = require("./playButtonWrapper");
|
|
12
11
|
var _playButtonBackground = require("./playButtonBackground");
|
|
13
12
|
var PlayButton = exports.PlayButton = function PlayButton() {
|
|
14
13
|
return /*#__PURE__*/_react.default.createElement(_playButtonWrapper.PlayButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_playButtonBackground.PlayButtonBackground, null), /*#__PURE__*/_react.default.createElement(_videoPlayOverlay.default, {
|
|
15
14
|
color: "currentColor",
|
|
16
|
-
label: "play"
|
|
17
|
-
LEGACY_size: "large",
|
|
18
|
-
LEGACY_fallbackIcon: _vidPlay.default
|
|
15
|
+
label: "play"
|
|
19
16
|
}));
|
|
20
17
|
};
|
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.TickBox = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
10
10
|
var _tickBoxWrapper = require("./tickBoxWrapper");
|
|
11
11
|
var TickBox = exports.TickBox = function TickBox(_ref) {
|
|
12
12
|
var selected = _ref.selected;
|
|
13
13
|
return /*#__PURE__*/_react.default.createElement(_tickBoxWrapper.TickBoxWrapper, {
|
|
14
14
|
selected: selected
|
|
15
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
15
|
+
}, /*#__PURE__*/_react.default.createElement(_checkMark.default, {
|
|
16
16
|
color: "currentColor",
|
|
17
17
|
label: "tick",
|
|
18
18
|
size: "small"
|
|
@@ -10,7 +10,7 @@ require("./failedTitleBox.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
var
|
|
13
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
14
14
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
15
|
var _colors = require("@atlaskit/theme/colors");
|
|
16
16
|
var _titleBoxComponents = require("./titleBoxComponents");
|
|
@@ -21,7 +21,7 @@ var FailedTitleBox = exports.FailedTitleBox = function FailedTitleBox(_ref) {
|
|
|
21
21
|
customMessage = _ref$customMessage === void 0 ? _mediaUi.messages.failed_to_load : _ref$customMessage;
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxWrapper, {
|
|
23
23
|
breakpoint: breakpoint
|
|
24
|
-
}, /*#__PURE__*/_react.default.createElement(_titleBoxComponents.ErrorMessageWrapper, null, /*#__PURE__*/_react.default.createElement(
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement(_titleBoxComponents.ErrorMessageWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
|
|
25
25
|
label: 'Warning',
|
|
26
26
|
LEGACY_size: 'small',
|
|
27
27
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.TitleBox = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
|
-
var
|
|
10
|
+
var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
|
|
11
11
|
var _truncateText = require("@atlaskit/media-ui/truncateText");
|
|
12
12
|
var _formatDate = require("@atlaskit/media-ui/formatDate");
|
|
13
13
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
@@ -38,7 +38,7 @@ var TitleBox = exports.TitleBox = (0, _reactIntlNext.injectIntl)(function (_ref)
|
|
|
38
38
|
// that can cause a late mutation in the attachments strip view
|
|
39
39
|
,
|
|
40
40
|
suppressHydrationWarning: (0, _platformFeatureFlags.fg)('jfp-magma-fix-attachments-hydration-error') ? true : false
|
|
41
|
-
}, createdAt !== undefined && isValidTimestamp(createdAt) ? (0, _formatDate.formatDate)(createdAt, (_intl$locale = intl === null || intl === void 0 ? void 0 : intl.locale) !== null && _intl$locale !== void 0 ? _intl$locale : 'en') : placeholderText), titleBoxIcon === 'LockFilledIcon' && /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxIcon, null, /*#__PURE__*/_react.default.createElement(
|
|
41
|
+
}, createdAt !== undefined && isValidTimestamp(createdAt) ? (0, _formatDate.formatDate)(createdAt, (_intl$locale = intl === null || intl === void 0 ? void 0 : intl.locale) !== null && _intl$locale !== void 0 ? _intl$locale : 'en') : placeholderText), titleBoxIcon === 'LockFilledIcon' && /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxIcon, null, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
|
|
42
42
|
color: "currentColor",
|
|
43
43
|
label: "",
|
|
44
44
|
LEGACY_size: "small",
|
|
@@ -17,7 +17,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
17
17
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
18
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
20
|
-
var
|
|
20
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
21
21
|
var _colors = require("@atlaskit/theme/colors");
|
|
22
22
|
var _utils = require("../../../utils");
|
|
23
23
|
var _contentLoadingErrorMessage = require("./contentLoadingErrorMessage");
|
|
@@ -75,7 +75,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
|
|
|
75
75
|
"--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
|
|
76
76
|
"--_i2cu7k": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N800, ")"))
|
|
77
77
|
})
|
|
78
|
-
}, /*#__PURE__*/React.createElement(
|
|
78
|
+
}, /*#__PURE__*/React.createElement(_statusWarning.default, {
|
|
79
79
|
label: "Error",
|
|
80
80
|
color: "var(--ds-icon-warning, ".concat(_colors.Y500, ")"),
|
|
81
81
|
LEGACY_size: "medium",
|
|
@@ -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
|
};
|
|
@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
var
|
|
17
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
18
18
|
var _analytics = require("../utils/analytics");
|
|
19
19
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
20
20
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -68,7 +68,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
68
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
69
69
|
_react.default.createElement("span", {
|
|
70
70
|
style: style
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
|
|
72
72
|
LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
|
|
73
73
|
label: "error",
|
|
74
74
|
LEGACY_size: "small",
|
|
@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _react = require("@emotion/react");
|
|
15
15
|
var _react2 = require("react");
|
|
16
|
-
var
|
|
16
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
17
17
|
var _styles = require("./styles");
|
|
18
18
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
19
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
@@ -34,7 +34,7 @@ var ErrorIcon = exports.ErrorIcon = /*#__PURE__*/function (_Component) {
|
|
|
34
34
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
35
35
|
(0, _react.jsx)("div", {
|
|
36
36
|
css: _styles.errorIconWrapperStyles
|
|
37
|
-
}, (0, _react.jsx)(
|
|
37
|
+
}, (0, _react.jsx)(_statusWarning.default, {
|
|
38
38
|
color: "currentColor",
|
|
39
39
|
label: "Error",
|
|
40
40
|
LEGACY_size: size
|
|
@@ -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
|
@@ -11,7 +11,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
13
13
|
const packageName = "@atlaskit/media-card";
|
|
14
|
-
const packageVersion = "
|
|
14
|
+
const packageVersion = "0.0.0-development";
|
|
15
15
|
export const CardBase = ({
|
|
16
16
|
identifier,
|
|
17
17
|
...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 = "
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
|
-
import MoreIcon from '@atlaskit/icon/core/
|
|
4
|
+
import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
|
|
5
5
|
import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu';
|
|
6
6
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
7
7
|
import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import LegacyVidPlayIcon from '@atlaskit/icon/glyph/vid-play';
|
|
3
2
|
import VidPlayIcon from '@atlaskit/icon/core/video-play-overlay';
|
|
4
3
|
import { PlayButtonWrapper } from './playButtonWrapper';
|
|
5
4
|
import { PlayButtonBackground } from './playButtonBackground';
|
|
6
5
|
export const PlayButton = () => {
|
|
7
6
|
return /*#__PURE__*/React.createElement(PlayButtonWrapper, null, /*#__PURE__*/React.createElement(PlayButtonBackground, null), /*#__PURE__*/React.createElement(VidPlayIcon, {
|
|
8
7
|
color: "currentColor",
|
|
9
|
-
label: "play"
|
|
10
|
-
LEGACY_size: "large",
|
|
11
|
-
LEGACY_fallbackIcon: LegacyVidPlayIcon
|
|
8
|
+
label: "play"
|
|
12
9
|
}));
|
|
13
10
|
};
|
|
@@ -3,7 +3,7 @@ import "./failedTitleBox.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
|
-
import EditorWarningIcon from '@atlaskit/icon/core/
|
|
6
|
+
import EditorWarningIcon from '@atlaskit/icon/core/status-warning';
|
|
7
7
|
import { messages } from '@atlaskit/media-ui';
|
|
8
8
|
import { R300 } from '@atlaskit/theme/colors';
|
|
9
9
|
import { ErrorMessageWrapper, TitleBoxWrapper } from './titleBoxComponents';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
|
-
import LockFilledIcon from '@atlaskit/icon/core/
|
|
3
|
+
import LockFilledIcon from '@atlaskit/icon/core/lock-locked';
|
|
4
4
|
import { Truncate } from '@atlaskit/media-ui/truncateText';
|
|
5
5
|
import { formatDate } from '@atlaskit/media-ui/formatDate';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -3,7 +3,7 @@ import "./unhandledErrorCard-compiled.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Component } from 'react';
|
|
6
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
6
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
7
7
|
import { N20, N800, Y500 } from '@atlaskit/theme/colors';
|
|
8
8
|
import { defaultImageCardDimensions } from '../../../utils';
|
|
9
9
|
import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
|
|
@@ -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
|
};
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
4
|
import { B300, R300, N30A, N900 } from '@atlaskit/theme/colors';
|
|
5
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
5
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
6
6
|
import { fireMediaCardEvent } from '../utils/analytics';
|
|
7
7
|
const ErrorBoundaryComponent = ({
|
|
8
8
|
message,
|
|
@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import { jsx } from '@emotion/react';
|
|
8
8
|
import { Component } from 'react';
|
|
9
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
9
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
10
10
|
import { errorIconWrapperStyles } from './styles';
|
|
11
11
|
export class ErrorIcon extends Component {
|
|
12
12
|
render() {
|
|
@@ -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
|
@@ -13,7 +13,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
14
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
15
15
|
var packageName = "@atlaskit/media-card";
|
|
16
|
-
var packageVersion = "
|
|
16
|
+
var packageVersion = "0.0.0-development";
|
|
17
17
|
export var CardBase = function CardBase(_ref) {
|
|
18
18
|
var identifier = _ref.identifier,
|
|
19
19
|
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 = "
|
|
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({
|
|
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
6
|
-
import MoreIcon from '@atlaskit/icon/core/
|
|
6
|
+
import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
|
|
7
7
|
import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu';
|
|
8
8
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
9
9
|
import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import LegacyVidPlayIcon from '@atlaskit/icon/glyph/vid-play';
|
|
3
2
|
import VidPlayIcon from '@atlaskit/icon/core/video-play-overlay';
|
|
4
3
|
import { PlayButtonWrapper } from './playButtonWrapper';
|
|
5
4
|
import { PlayButtonBackground } from './playButtonBackground';
|
|
6
5
|
export var PlayButton = function PlayButton() {
|
|
7
6
|
return /*#__PURE__*/React.createElement(PlayButtonWrapper, null, /*#__PURE__*/React.createElement(PlayButtonBackground, null), /*#__PURE__*/React.createElement(VidPlayIcon, {
|
|
8
7
|
color: "currentColor",
|
|
9
|
-
label: "play"
|
|
10
|
-
LEGACY_size: "large",
|
|
11
|
-
LEGACY_fallbackIcon: LegacyVidPlayIcon
|
|
8
|
+
label: "play"
|
|
12
9
|
}));
|
|
13
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import TickIcon from '@atlaskit/icon/core/
|
|
2
|
+
import TickIcon from '@atlaskit/icon/core/check-mark';
|
|
3
3
|
import { TickBoxWrapper } from './tickBoxWrapper';
|
|
4
4
|
export var TickBox = function TickBox(_ref) {
|
|
5
5
|
var selected = _ref.selected;
|
|
@@ -3,7 +3,7 @@ import "./failedTitleBox.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
|
-
import EditorWarningIcon from '@atlaskit/icon/core/
|
|
6
|
+
import EditorWarningIcon from '@atlaskit/icon/core/status-warning';
|
|
7
7
|
import { messages } from '@atlaskit/media-ui';
|
|
8
8
|
import { R300 } from '@atlaskit/theme/colors';
|
|
9
9
|
import { ErrorMessageWrapper, TitleBoxWrapper } from './titleBoxComponents';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
|
-
import LockFilledIcon from '@atlaskit/icon/core/
|
|
3
|
+
import LockFilledIcon from '@atlaskit/icon/core/lock-locked';
|
|
4
4
|
import { Truncate } from '@atlaskit/media-ui/truncateText';
|
|
5
5
|
import { formatDate } from '@atlaskit/media-ui/formatDate';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
13
13
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
14
14
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
15
|
import { Component } from 'react';
|
|
16
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
16
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
17
17
|
import { N20, N800, Y500 } from '@atlaskit/theme/colors';
|
|
18
18
|
import { defaultImageCardDimensions } from '../../../utils';
|
|
19
19
|
import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
|
|
@@ -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
|
};
|
|
@@ -11,7 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
13
13
|
import { B300, R300, N30A, N900 } from '@atlaskit/theme/colors';
|
|
14
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
14
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
15
15
|
import { fireMediaCardEvent } from '../utils/analytics';
|
|
16
16
|
var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
17
17
|
var message = _ref.message,
|
|
@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
14
|
import { jsx } from '@emotion/react';
|
|
15
15
|
import { Component } from 'react';
|
|
16
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
16
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
17
17
|
import { errorIconWrapperStyles } from './styles';
|
|
18
18
|
export var ErrorIcon = /*#__PURE__*/function (_Component) {
|
|
19
19
|
function ErrorIcon() {
|
|
@@ -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.
|
|
3
|
+
"version": "79.11.1",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
35
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
36
36
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
37
|
-
"@atlaskit/icon": "^29.
|
|
37
|
+
"@atlaskit/icon": "^29.3.0",
|
|
38
38
|
"@atlaskit/link": "^3.2.0",
|
|
39
39
|
"@atlaskit/media-client": "^35.7.0",
|
|
40
40
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"@atlaskit/media-ui": "^28.7.0",
|
|
45
45
|
"@atlaskit/media-viewer": "^52.5.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^
|
|
48
|
-
"@atlaskit/react-ufo": "^4.
|
|
47
|
+
"@atlaskit/primitives": "^17.0.0",
|
|
48
|
+
"@atlaskit/react-ufo": "^4.16.0",
|
|
49
49
|
"@atlaskit/spinner": "^19.0.0",
|
|
50
50
|
"@atlaskit/theme": "^21.0.0",
|
|
51
|
-
"@atlaskit/tokens": "^
|
|
51
|
+
"@atlaskit/tokens": "^9.0.0",
|
|
52
52
|
"@atlaskit/tooltip": "^20.11.0",
|
|
53
53
|
"@atlaskit/ufo": "^0.4.0",
|
|
54
54
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
"@af/integration-testing": "workspace:^",
|
|
72
72
|
"@atlaskit/analytics-listeners": "^9.1.0",
|
|
73
73
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
74
|
-
"@atlaskit/form": "^
|
|
75
|
-
"@atlaskit/inline-message": "^15.
|
|
74
|
+
"@atlaskit/form": "^15.1.0",
|
|
75
|
+
"@atlaskit/inline-message": "^15.5.0",
|
|
76
76
|
"@atlaskit/media-core": "^37.0.0",
|
|
77
77
|
"@atlaskit/media-picker": "^70.1.0",
|
|
78
78
|
"@atlaskit/media-state": "^1.8.0",
|