@atlaskit/media-card 78.19.2 → 78.19.3
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 +6 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/card.d.ts +2 -2
- package/dist/types/card/externalImageCard.d.ts +2 -2
- package/dist/types/card/fileCard.d.ts +2 -2
- package/dist/types/card/inlinePlayer.d.ts +1 -1
- package/dist/types/card/ui/actionsBar/actionsBar.d.ts +1 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts +2 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts +2 -2
- package/dist/types/card/ui/playButton/playButton.d.ts +2 -2
- package/dist/types/card/ui/progressBar/progressBar.d.ts +2 -2
- package/dist/types/card/ui/tickBox/tickBox.d.ts +2 -2
- package/dist/types/inline/loader.d.ts +1 -1
- package/dist/types/utils/lightCards/cardError.d.ts +3 -2
- package/dist/types/utils/lightCards/cardLoading.d.ts +2 -1
- package/dist/types/utils/viewportDetector.d.ts +2 -2
- package/dist/types-ts4.5/card/card.d.ts +2 -2
- package/dist/types-ts4.5/card/externalImageCard.d.ts +2 -2
- package/dist/types-ts4.5/card/fileCard.d.ts +2 -2
- package/dist/types-ts4.5/card/inlinePlayer.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/actionsBar/actionsBar.d.ts +1 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/playButton/playButton.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/progressBar/progressBar.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/tickBox/tickBox.d.ts +2 -2
- package/dist/types-ts4.5/inline/loader.d.ts +1 -1
- package/dist/types-ts4.5/utils/lightCards/cardError.d.ts +3 -2
- package/dist/types-ts4.5/utils/lightCards/cardLoading.d.ts +2 -1
- package/dist/types-ts4.5/utils/viewportDetector.d.ts +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/dist/cjs/card/card.js
CHANGED
|
@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
|
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
var packageName = "@atlaskit/media-card";
|
|
24
|
-
var packageVersion = "78.19.
|
|
24
|
+
var packageVersion = "78.19.3";
|
|
25
25
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
26
26
|
var identifier = _ref.identifier,
|
|
27
27
|
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 = "78.19.
|
|
90
|
+
var packageVersion = "78.19.3";
|
|
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)({
|
|
@@ -117,7 +117,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
117
117
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
118
118
|
var analyticsContext = {
|
|
119
119
|
packageVersion: "@atlaskit/media-card",
|
|
120
|
-
packageName: "78.19.
|
|
120
|
+
packageName: "78.19.3",
|
|
121
121
|
componentName: 'mediaInlineCard',
|
|
122
122
|
component: 'mediaInlineCard'
|
|
123
123
|
};
|
|
@@ -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 = "78.19.
|
|
18
|
+
var packageVersion = "78.19.3";
|
|
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 = "78.19.
|
|
12
|
+
const packageVersion = "78.19.3";
|
|
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 = "78.19.
|
|
69
|
+
const packageVersion = "78.19.3";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "78.19.
|
|
40
|
+
packageName: "78.19.3",
|
|
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 = "78.19.
|
|
8
|
+
const packageVersion = "78.19.3";
|
|
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 = "78.19.
|
|
14
|
+
var packageVersion = "78.19.3";
|
|
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 = "78.19.
|
|
83
|
+
var packageVersion = "78.19.3";
|
|
84
84
|
|
|
85
85
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
86
86
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
101
101
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
102
102
|
var analyticsContext = {
|
|
103
103
|
packageVersion: "@atlaskit/media-card",
|
|
104
|
-
packageName: "78.19.
|
|
104
|
+
packageName: "78.19.3",
|
|
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 = "78.19.
|
|
11
|
+
var packageVersion = "78.19.3";
|
|
12
12
|
var SAMPLE_RATE = 0.05;
|
|
13
13
|
var concurrentExperience;
|
|
14
14
|
var getExperience = function getExperience(id) {
|
|
@@ -2,6 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
3
|
import { type CardProps } from '../types';
|
|
4
4
|
export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
|
|
5
|
-
export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
|
|
6
|
-
export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => JSX.Element;
|
|
5
|
+
export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
|
|
6
|
+
export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
|
|
7
7
|
export declare const Card: React.ComponentType<CardBaseProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { type CardEventProps, type SharedCardProps } from '../types';
|
|
4
4
|
export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
|
|
5
5
|
readonly mediaClient: MediaClient;
|
|
@@ -9,4 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
|
|
|
9
9
|
readonly contextId?: string;
|
|
10
10
|
readonly shouldHideTooltip?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;
|
|
12
|
+
export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
|
|
3
2
|
import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
|
|
4
3
|
import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
|
|
4
|
+
import React from 'react';
|
|
5
5
|
import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
|
|
6
6
|
import { type CardAction } from './actions';
|
|
7
7
|
export interface FileCardProps extends CardEventProps {
|
|
@@ -53,4 +53,4 @@ export interface FileCardProps extends CardEventProps {
|
|
|
53
53
|
/** Sets options for viewer **/
|
|
54
54
|
readonly includeHashForDuplicateFiles?: boolean;
|
|
55
55
|
}
|
|
56
|
-
export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => JSX.Element;
|
|
56
|
+
export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;
|
|
@@ -20,5 +20,5 @@ export interface InlinePlayerOwnProps {
|
|
|
20
20
|
}
|
|
21
21
|
export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
|
|
22
22
|
export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
|
|
23
|
-
export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
|
|
23
|
+
export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;
|
|
24
24
|
export declare const InlinePlayer: React.ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { type ReactNode, type MouseEvent } from 'react';
|
|
2
3
|
import { type CardActionIconButtonVariant } from './styles';
|
|
3
4
|
export type CardActionIconButtonProps = {
|
|
@@ -11,4 +12,4 @@ export type CardActionIconButtonProps = {
|
|
|
11
12
|
readonly tooltip?: string;
|
|
12
13
|
readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
13
14
|
};
|
|
14
|
-
export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;
|
|
15
|
+
export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type CardAction } from '../../../actions';
|
|
3
3
|
import { type CardActionIconButtonVariant } from './styles';
|
|
4
4
|
export type CardActionsDropdownMenuProps = {
|
|
@@ -9,4 +9,4 @@ export type CardActionsDropdownMenuProps = {
|
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
}) => void;
|
|
11
11
|
};
|
|
12
|
-
export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;
|
|
12
|
+
export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => React.JSX.Element | null;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const PlayButton: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const PlayButton: () => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { Breakpoint } from '../common';
|
|
3
3
|
export type ProgressBarProps = {
|
|
4
4
|
progress?: number;
|
|
@@ -7,4 +7,4 @@ export type ProgressBarProps = {
|
|
|
7
7
|
showOnTop?: boolean;
|
|
8
8
|
};
|
|
9
9
|
export declare const getNormalizedProgress: (progress?: number) => number;
|
|
10
|
-
export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;
|
|
10
|
+
export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type TickBoxProps } from './types';
|
|
3
|
-
export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;
|
|
3
|
+
export declare const TickBox: ({ selected }: TickBoxProps) => React.JSX.Element;
|
|
@@ -21,6 +21,6 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
|
|
|
21
21
|
state: MediaInlineCardLoaderState;
|
|
22
22
|
componentDidMount(): Promise<void>;
|
|
23
23
|
componentWillUnmount(): Promise<void>;
|
|
24
|
-
render(): JSX.Element;
|
|
24
|
+
render(): React.JSX.Element;
|
|
25
25
|
}
|
|
26
26
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { Component } from 'react';
|
|
2
3
|
import { type StaticCardProps } from './types';
|
|
3
4
|
export interface ErrorCardProps extends StaticCardProps {
|
|
@@ -7,6 +8,6 @@ export declare class CardError extends Component<ErrorCardProps, {}> {
|
|
|
7
8
|
static defaultProps: {
|
|
8
9
|
size: string;
|
|
9
10
|
};
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
get icon(): JSX.Element;
|
|
11
|
+
render(): React.JSX.Element;
|
|
12
|
+
get icon(): React.JSX.Element;
|
|
12
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
2
|
export type ViewportDetectorProps = PropsWithChildren<{
|
|
3
3
|
cardEl: HTMLElement | null;
|
|
4
4
|
onVisible: () => void;
|
|
5
5
|
}>;
|
|
6
|
-
export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => JSX.Element;
|
|
6
|
+
export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;
|
|
@@ -2,6 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
3
|
import { type CardProps } from '../types';
|
|
4
4
|
export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
|
|
5
|
-
export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
|
|
6
|
-
export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => JSX.Element;
|
|
5
|
+
export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
|
|
6
|
+
export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
|
|
7
7
|
export declare const Card: React.ComponentType<CardBaseProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { type CardEventProps, type SharedCardProps } from '../types';
|
|
4
4
|
export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
|
|
5
5
|
readonly mediaClient: MediaClient;
|
|
@@ -9,4 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
|
|
|
9
9
|
readonly contextId?: string;
|
|
10
10
|
readonly shouldHideTooltip?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;
|
|
12
|
+
export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
|
|
3
2
|
import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
|
|
4
3
|
import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
|
|
4
|
+
import React from 'react';
|
|
5
5
|
import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
|
|
6
6
|
import { type CardAction } from './actions';
|
|
7
7
|
export interface FileCardProps extends CardEventProps {
|
|
@@ -53,4 +53,4 @@ export interface FileCardProps extends CardEventProps {
|
|
|
53
53
|
/** Sets options for viewer **/
|
|
54
54
|
readonly includeHashForDuplicateFiles?: boolean;
|
|
55
55
|
}
|
|
56
|
-
export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => JSX.Element;
|
|
56
|
+
export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;
|
|
@@ -20,5 +20,5 @@ export interface InlinePlayerOwnProps {
|
|
|
20
20
|
}
|
|
21
21
|
export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
|
|
22
22
|
export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
|
|
23
|
-
export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
|
|
23
|
+
export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;
|
|
24
24
|
export declare const InlinePlayer: React.ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { type ReactNode, type MouseEvent } from 'react';
|
|
2
3
|
import { type CardActionIconButtonVariant } from './styles';
|
|
3
4
|
export type CardActionIconButtonProps = {
|
|
@@ -11,4 +12,4 @@ export type CardActionIconButtonProps = {
|
|
|
11
12
|
readonly tooltip?: string;
|
|
12
13
|
readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
13
14
|
};
|
|
14
|
-
export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;
|
|
15
|
+
export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type CardAction } from '../../../actions';
|
|
3
3
|
import { type CardActionIconButtonVariant } from './styles';
|
|
4
4
|
export type CardActionsDropdownMenuProps = {
|
|
@@ -9,4 +9,4 @@ export type CardActionsDropdownMenuProps = {
|
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
}) => void;
|
|
11
11
|
};
|
|
12
|
-
export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;
|
|
12
|
+
export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => React.JSX.Element | null;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const PlayButton: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const PlayButton: () => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { Breakpoint } from '../common';
|
|
3
3
|
export type ProgressBarProps = {
|
|
4
4
|
progress?: number;
|
|
@@ -7,4 +7,4 @@ export type ProgressBarProps = {
|
|
|
7
7
|
showOnTop?: boolean;
|
|
8
8
|
};
|
|
9
9
|
export declare const getNormalizedProgress: (progress?: number) => number;
|
|
10
|
-
export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;
|
|
10
|
+
export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type TickBoxProps } from './types';
|
|
3
|
-
export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;
|
|
3
|
+
export declare const TickBox: ({ selected }: TickBoxProps) => React.JSX.Element;
|
|
@@ -21,6 +21,6 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
|
|
|
21
21
|
state: MediaInlineCardLoaderState;
|
|
22
22
|
componentDidMount(): Promise<void>;
|
|
23
23
|
componentWillUnmount(): Promise<void>;
|
|
24
|
-
render(): JSX.Element;
|
|
24
|
+
render(): React.JSX.Element;
|
|
25
25
|
}
|
|
26
26
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { Component } from 'react';
|
|
2
3
|
import { type StaticCardProps } from './types';
|
|
3
4
|
export interface ErrorCardProps extends StaticCardProps {
|
|
@@ -7,6 +8,6 @@ export declare class CardError extends Component<ErrorCardProps, {}> {
|
|
|
7
8
|
static defaultProps: {
|
|
8
9
|
size: string;
|
|
9
10
|
};
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
get icon(): JSX.Element;
|
|
11
|
+
render(): React.JSX.Element;
|
|
12
|
+
get icon(): React.JSX.Element;
|
|
12
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
2
|
export type ViewportDetectorProps = PropsWithChildren<{
|
|
3
3
|
cardEl: HTMLElement | null;
|
|
4
4
|
onVisible: () => void;
|
|
5
5
|
}>;
|
|
6
|
-
export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => JSX.Element;
|
|
6
|
+
export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "78.19.
|
|
3
|
+
"version": "78.19.3",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@atlaskit/analytics-next": "^10.3.0",
|
|
39
39
|
"@atlaskit/dropdown-menu": "^12.26.0",
|
|
40
40
|
"@atlaskit/editor-shared-styles": "^3.2.0",
|
|
41
|
-
"@atlaskit/icon": "^23.
|
|
41
|
+
"@atlaskit/icon": "^23.7.0",
|
|
42
42
|
"@atlaskit/media-client": "^31.1.0",
|
|
43
43
|
"@atlaskit/media-client-react": "^3.0.0",
|
|
44
44
|
"@atlaskit/media-common": "^11.8.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@atlaskit/primitives": "^13.4.0",
|
|
50
50
|
"@atlaskit/react-ufo": "^2.14.0",
|
|
51
51
|
"@atlaskit/spinner": "^17.1.0",
|
|
52
|
-
"@atlaskit/theme": "^
|
|
52
|
+
"@atlaskit/theme": "^15.0.0",
|
|
53
53
|
"@atlaskit/tokens": "^3.3.0",
|
|
54
54
|
"@atlaskit/tooltip": "^19.1.0",
|
|
55
55
|
"@atlaskit/ufo": "^0.3.0",
|