@atlaskit/media-card 71.0.0 → 72.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/errors.js +56 -5
- package/dist/cjs/files/cardImageView/index.js +53 -104
- package/dist/cjs/files/index.js +0 -6
- package/dist/cjs/root/card/cardAnalytics.js +3 -15
- package/dist/cjs/root/card/cardSSRView.js +4 -2
- package/dist/cjs/root/card/cardState.js +50 -0
- package/dist/cjs/root/card/getCardPreview/cache.js +5 -0
- package/dist/cjs/root/card/getCardPreview/filePreviewStatus.js +50 -0
- package/dist/cjs/root/card/getCardPreview/helpers.js +13 -21
- package/dist/cjs/root/card/getCardPreview/index.js +91 -94
- package/dist/cjs/root/card/getCardStatus.js +7 -1
- package/dist/cjs/root/card/index.js +271 -266
- package/dist/cjs/root/cardView.js +96 -60
- package/dist/cjs/root/inline/loader.js +2 -1
- package/dist/cjs/root/inline/mediaInlineCard.js +4 -3
- package/dist/cjs/root/ui/iconMessage/index.js +12 -5
- package/dist/cjs/root/ui/imageRenderer/imageRenderer.js +30 -124
- package/dist/cjs/root/ui/titleBox/failedTitleBox.js +7 -3
- package/dist/cjs/utils/analytics.js +6 -44
- package/dist/cjs/utils/dimensionComparer.js +1 -1
- package/dist/cjs/utils/metadata.js +11 -3
- package/dist/cjs/utils/objectURLCache.js +6 -0
- package/dist/cjs/utils/shouldDisplayImageThumbnail.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/errors.js +34 -2
- package/dist/es2019/files/cardImageView/index.js +8 -61
- package/dist/es2019/files/index.js +1 -1
- package/dist/es2019/root/card/cardAnalytics.js +3 -14
- package/dist/es2019/root/card/cardSSRView.js +3 -2
- package/dist/es2019/root/card/cardState.js +26 -0
- package/dist/es2019/root/card/getCardPreview/cache.js +5 -0
- package/dist/es2019/root/card/getCardPreview/filePreviewStatus.js +35 -0
- package/dist/es2019/root/card/getCardPreview/helpers.js +2 -12
- package/dist/es2019/root/card/getCardPreview/index.js +71 -74
- package/dist/es2019/root/card/getCardStatus.js +1 -0
- package/dist/es2019/root/card/index.js +193 -171
- package/dist/es2019/root/cardView.js +100 -61
- package/dist/es2019/root/inline/loader.js +2 -1
- package/dist/es2019/root/inline/mediaInlineCard.js +4 -3
- package/dist/es2019/root/ui/iconMessage/index.js +5 -3
- package/dist/es2019/root/ui/imageRenderer/imageRenderer.js +21 -88
- package/dist/es2019/root/ui/titleBox/failedTitleBox.js +5 -3
- package/dist/es2019/utils/analytics.js +5 -34
- package/dist/es2019/utils/dimensionComparer.js +1 -1
- package/dist/es2019/utils/metadata.js +12 -4
- package/dist/es2019/utils/objectURLCache.js +5 -0
- package/dist/es2019/utils/shouldDisplayImageThumbnail.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/errors.js +42 -1
- package/dist/esm/files/cardImageView/index.js +51 -102
- package/dist/esm/files/index.js +1 -1
- package/dist/esm/root/card/cardAnalytics.js +3 -15
- package/dist/esm/root/card/cardSSRView.js +3 -2
- package/dist/esm/root/card/cardState.js +32 -0
- package/dist/esm/root/card/getCardPreview/cache.js +6 -0
- package/dist/esm/root/card/getCardPreview/filePreviewStatus.js +35 -0
- package/dist/esm/root/card/getCardPreview/helpers.js +13 -21
- package/dist/esm/root/card/getCardPreview/index.js +79 -88
- package/dist/esm/root/card/getCardStatus.js +3 -0
- package/dist/esm/root/card/index.js +278 -268
- package/dist/esm/root/cardView.js +98 -61
- package/dist/esm/root/inline/loader.js +2 -1
- package/dist/esm/root/inline/mediaInlineCard.js +4 -3
- package/dist/esm/root/ui/iconMessage/index.js +7 -3
- package/dist/esm/root/ui/imageRenderer/imageRenderer.js +23 -118
- package/dist/esm/root/ui/titleBox/failedTitleBox.js +6 -3
- package/dist/esm/utils/analytics.js +5 -36
- package/dist/esm/utils/dimensionComparer.js +1 -1
- package/dist/esm/utils/metadata.js +12 -4
- package/dist/esm/utils/objectURLCache.js +6 -0
- package/dist/esm/utils/shouldDisplayImageThumbnail.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/errors.d.ts +9 -1
- package/dist/types/files/cardImageView/index.d.ts +4 -13
- package/dist/types/files/cardImageView/styled.d.ts +1 -1
- package/dist/types/files/index.d.ts +1 -1
- package/dist/types/index.d.ts +4 -3
- package/dist/types/root/card/cardAnalytics.d.ts +1 -6
- package/dist/types/root/card/cardSSRView.d.ts +1 -1
- package/dist/types/root/card/cardState.d.ts +5 -0
- package/dist/types/root/card/getCardPreview/cache.d.ts +3 -1
- package/dist/types/root/card/getCardPreview/filePreviewStatus.d.ts +5 -0
- package/dist/types/root/card/getCardPreview/helpers.d.ts +3 -4
- package/dist/types/root/card/getCardPreview/index.d.ts +17 -13
- package/dist/types/root/card/getCardStatus.d.ts +1 -0
- package/dist/types/root/card/index.d.ts +11 -10
- package/dist/types/root/cardView.d.ts +11 -8
- package/dist/types/root/inlinePlayer.d.ts +1 -1
- package/dist/types/root/ui/iconMessage/index.d.ts +2 -1
- package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts +2 -13
- package/dist/types/root/ui/styledSSR.d.ts +1 -1
- package/dist/types/root/ui/titleBox/failedTitleBox.d.ts +2 -0
- package/dist/types/styles/mixins.d.ts +1 -1
- package/dist/types/types.d.ts +7 -1
- package/dist/types/utils/analytics.d.ts +6 -15
- package/dist/types/utils/cardDimensions.d.ts +4 -4
- package/dist/types/utils/dimensionComparer.d.ts +1 -1
- package/dist/types/utils/metadata.d.ts +2 -2
- package/dist/types/utils/objectURLCache.d.ts +2 -1
- package/example-helpers/index.tsx +21 -0
- package/package.json +6 -5
- package/dist/cjs/root/card/getCardPreview/types.js +0 -5
- package/dist/cjs/utils/fileAttributesContext.js +0 -40
- package/dist/es2019/root/card/getCardPreview/types.js +0 -1
- package/dist/es2019/utils/fileAttributesContext.js +0 -19
- package/dist/esm/root/card/getCardPreview/types.js +0 -1
- package/dist/esm/utils/fileAttributesContext.js +0 -18
- package/dist/types/root/card/getCardPreview/types.d.ts +0 -5
- package/dist/types/utils/fileAttributesContext.d.ts +0 -10
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { FileItem, Identifier } from '@atlaskit/media-client';
|
|
5
5
|
import {
|
|
6
|
+
createPollingMaxAttemptsError,
|
|
7
|
+
createRateLimitedError,
|
|
6
8
|
createStorybookMediaClientConfig,
|
|
7
9
|
FeatureFlagsWrapper,
|
|
8
10
|
} from '@atlaskit/media-test-helpers';
|
|
@@ -11,6 +13,7 @@ import AnnotateIcon from '@atlaskit/icon/glyph/media-services/annotate';
|
|
|
11
13
|
import { SelectableCard } from './selectableCard';
|
|
12
14
|
import { Card, CardAppearance, CardEvent, CardAction } from '../src';
|
|
13
15
|
import { relevantFeatureFlagNames } from '../src/root/card/cardAnalytics';
|
|
16
|
+
import { MediaCardError } from '../src/errors';
|
|
14
17
|
|
|
15
18
|
const mediaClientConfig = createStorybookMediaClientConfig();
|
|
16
19
|
|
|
@@ -121,3 +124,21 @@ export const MainWrapper: React.FC = ({ children }) => (
|
|
|
121
124
|
{children}
|
|
122
125
|
</FeatureFlagsWrapper>
|
|
123
126
|
);
|
|
127
|
+
|
|
128
|
+
export const mediaCardErrorState = (
|
|
129
|
+
error?: string,
|
|
130
|
+
): MediaCardError | undefined => {
|
|
131
|
+
switch (error) {
|
|
132
|
+
case 'rateLimitedError':
|
|
133
|
+
return new MediaCardError('error-file-state', createRateLimitedError());
|
|
134
|
+
case 'pollingMaxAttemptsError':
|
|
135
|
+
return new MediaCardError(
|
|
136
|
+
'error-file-state',
|
|
137
|
+
createPollingMaxAttemptsError(),
|
|
138
|
+
);
|
|
139
|
+
case 'uploadError':
|
|
140
|
+
return new MediaCardError('upload');
|
|
141
|
+
default:
|
|
142
|
+
return undefined;
|
|
143
|
+
}
|
|
144
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "72.0.0",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"@atlaskit/editor-shared-styles": "^1.6.0",
|
|
34
34
|
"@atlaskit/icon": "^21.9.0",
|
|
35
35
|
"@atlaskit/in-product-testing": "^0.1.0",
|
|
36
|
-
"@atlaskit/media-client": "^14.
|
|
36
|
+
"@atlaskit/media-client": "^14.3.0",
|
|
37
37
|
"@atlaskit/media-common": "^2.9.0",
|
|
38
|
-
"@atlaskit/media-ui": "^17.
|
|
38
|
+
"@atlaskit/media-ui": "^17.1.0",
|
|
39
39
|
"@atlaskit/media-viewer": "^45.8.0",
|
|
40
40
|
"@atlaskit/spinner": "^15.1.0",
|
|
41
41
|
"@atlaskit/theme": "^12.0.0",
|
|
@@ -61,11 +61,12 @@
|
|
|
61
61
|
"@atlaskit/button": "^16.1.0",
|
|
62
62
|
"@atlaskit/checkbox": "^12.3.0",
|
|
63
63
|
"@atlaskit/docs": "*",
|
|
64
|
-
"@atlaskit/field-radio-group": "^8.0.0",
|
|
65
|
-
"@atlaskit/field-range": "^9.0.0",
|
|
66
64
|
"@atlaskit/item": "^12.0.0",
|
|
67
65
|
"@atlaskit/media-core": "^32.2.0",
|
|
68
66
|
"@atlaskit/media-test-helpers": "^28.8.0",
|
|
67
|
+
"@atlaskit/radio": "^5.3.2",
|
|
68
|
+
"@atlaskit/range": "^5.1.0",
|
|
69
|
+
"@atlaskit/select": "^15.2.1",
|
|
69
70
|
"@atlaskit/ssr": "*",
|
|
70
71
|
"@atlaskit/textfield": "^5.1.0",
|
|
71
72
|
"@atlaskit/toggle": "^12.3.0",
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.withFileAttributes = withFileAttributes;
|
|
11
|
-
exports.FileAttributesProvider = void 0;
|
|
12
|
-
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
|
|
15
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
-
|
|
17
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
-
|
|
19
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
|
-
|
|
21
|
-
var FileAttributesContext = /*#__PURE__*/_react.default.createContext(null);
|
|
22
|
-
|
|
23
|
-
var FileAttributesProvider = function FileAttributesProvider(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
data = _ref.data;
|
|
26
|
-
return data ? /*#__PURE__*/_react.default.createElement(FileAttributesContext.Provider, {
|
|
27
|
-
value: data
|
|
28
|
-
}, children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.FileAttributesProvider = FileAttributesProvider;
|
|
32
|
-
|
|
33
|
-
function withFileAttributes(Component) {
|
|
34
|
-
return function (props) {
|
|
35
|
-
var fileAttributes = (0, _react.useContext)(FileAttributesContext);
|
|
36
|
-
return fileAttributes ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
|
|
37
|
-
fileAttributes: fileAttributes
|
|
38
|
-
})) : /*#__PURE__*/_react.default.createElement(Component, props);
|
|
39
|
-
};
|
|
40
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React, { useContext } from 'react';
|
|
3
|
-
const FileAttributesContext = /*#__PURE__*/React.createContext(null);
|
|
4
|
-
export const FileAttributesProvider = ({
|
|
5
|
-
children,
|
|
6
|
-
data
|
|
7
|
-
}) => {
|
|
8
|
-
return data ? /*#__PURE__*/React.createElement(FileAttributesContext.Provider, {
|
|
9
|
-
value: data
|
|
10
|
-
}, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
11
|
-
};
|
|
12
|
-
export function withFileAttributes(Component) {
|
|
13
|
-
return props => {
|
|
14
|
-
const fileAttributes = useContext(FileAttributesContext);
|
|
15
|
-
return fileAttributes ? /*#__PURE__*/React.createElement(Component, _extends({}, props, {
|
|
16
|
-
fileAttributes: fileAttributes
|
|
17
|
-
})) : /*#__PURE__*/React.createElement(Component, props);
|
|
18
|
-
};
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React, { useContext } from 'react';
|
|
3
|
-
var FileAttributesContext = /*#__PURE__*/React.createContext(null);
|
|
4
|
-
export var FileAttributesProvider = function FileAttributesProvider(_ref) {
|
|
5
|
-
var children = _ref.children,
|
|
6
|
-
data = _ref.data;
|
|
7
|
-
return data ? /*#__PURE__*/React.createElement(FileAttributesContext.Provider, {
|
|
8
|
-
value: data
|
|
9
|
-
}, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
10
|
-
};
|
|
11
|
-
export function withFileAttributes(Component) {
|
|
12
|
-
return function (props) {
|
|
13
|
-
var fileAttributes = useContext(FileAttributesContext);
|
|
14
|
-
return fileAttributes ? /*#__PURE__*/React.createElement(Component, _extends({}, props, {
|
|
15
|
-
fileAttributes: fileAttributes
|
|
16
|
-
})) : /*#__PURE__*/React.createElement(Component, props);
|
|
17
|
-
};
|
|
18
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FileAttributes } from '@atlaskit/media-common';
|
|
3
|
-
export declare type FileAttributesProviderProps = {
|
|
4
|
-
data: FileAttributes;
|
|
5
|
-
};
|
|
6
|
-
export declare const FileAttributesProvider: React.FC<FileAttributesProviderProps>;
|
|
7
|
-
export declare type WithFileAttributesProps = {
|
|
8
|
-
fileAttributes?: FileAttributes;
|
|
9
|
-
};
|
|
10
|
-
export declare function withFileAttributes<Props>(Component: React.ComponentType<Props & WithFileAttributesProps>): React.FC<Props>;
|