@atlaskit/smart-card 25.1.0 → 25.2.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 +12 -0
- package/dist/cjs/extractors/embed/index.js +4 -4
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +2 -0
- package/dist/cjs/view/CardWithUrl/loader.js +2 -0
- package/dist/cjs/view/EmbedCard/index.js +3 -2
- package/dist/cjs/view/FlexibleCard/components/elements/text/index.js +1 -1
- package/dist/es2019/extractors/embed/index.js +11 -9
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +2 -0
- package/dist/es2019/view/CardWithUrl/loader.js +2 -0
- package/dist/es2019/view/EmbedCard/index.js +3 -2
- package/dist/es2019/view/FlexibleCard/components/elements/text/index.js +1 -0
- package/dist/esm/extractors/embed/index.js +4 -4
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/CardWithUrl/component.js +2 -0
- package/dist/esm/view/CardWithUrl/loader.js +2 -0
- package/dist/esm/view/EmbedCard/index.js +3 -2
- package/dist/esm/view/FlexibleCard/components/elements/text/index.js +1 -1
- package/dist/types/extractors/embed/index.d.ts +2 -1
- package/dist/types/view/Card/index.d.ts +1 -1
- package/dist/types/view/Card/types.d.ts +2 -0
- package/dist/types/view/CardWithUrl/component.d.ts +1 -1
- package/dist/types/view/CardWithUrl/types.d.ts +2 -1
- package/dist/types/view/EmbedCard/types.d.ts +2 -1
- package/package.json +2 -2
- package/report.api.md +6 -0
- package/tmp/api-report-tmp.d.ts +6 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 25.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`aeaf58d2384`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aeaf58d2384) - Change adds a new prop on Smart Card `embedIframeUrlType` which allows a user of a Smart Card with the `embed` appearance to specify whether the Smart Card embed should use `href` or `interactiveHref` in the JSON-LD response.
|
|
8
|
+
|
|
9
|
+
## 25.1.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`a3b9ef40d09`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3b9ef40d09) - [ux] Adds white-space style to FlexUI text element
|
|
14
|
+
|
|
3
15
|
## 25.1.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -10,20 +10,20 @@ var _extractors = require("@atlaskit/linking-common/extractors");
|
|
|
10
10
|
var _extractIsTrusted = require("../common/meta/extractIsTrusted");
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform) {
|
|
14
|
-
var preview = (0, _extractors.extractPreview)(jsonLd, platform);
|
|
13
|
+
var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeUrlType) {
|
|
14
|
+
var preview = (0, _extractors.extractPreview)(jsonLd, platform, iframeUrlType);
|
|
15
15
|
if (preview && preview.src) {
|
|
16
16
|
return _objectSpread(_objectSpread({}, preview), {}, {
|
|
17
17
|
src: preview.src
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform) {
|
|
21
|
+
var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
|
|
22
22
|
return {
|
|
23
23
|
link: (0, _extractors.extractLink)(jsonLd) || '',
|
|
24
24
|
title: (0, _extractors.extractTitle)(jsonLd),
|
|
25
25
|
context: (0, _extractors.extractProvider)(jsonLd),
|
|
26
|
-
preview: extractEmbedPreview(jsonLd, platform),
|
|
26
|
+
preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
|
|
27
27
|
isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta)
|
|
28
28
|
};
|
|
29
29
|
};
|
package/dist/cjs/version.json
CHANGED
|
@@ -38,6 +38,7 @@ function CardWithUrlContent(_ref) {
|
|
|
38
38
|
showActions = _ref.showActions,
|
|
39
39
|
inheritDimensions = _ref.inheritDimensions,
|
|
40
40
|
embedIframeRef = _ref.embedIframeRef,
|
|
41
|
+
embedIframeUrlType = _ref.embedIframeUrlType,
|
|
41
42
|
inlinePreloaderStyle = _ref.inlinePreloaderStyle,
|
|
42
43
|
ui = _ref.ui,
|
|
43
44
|
children = _ref.children,
|
|
@@ -241,6 +242,7 @@ function CardWithUrlContent(_ref) {
|
|
|
241
242
|
id: id,
|
|
242
243
|
url: url,
|
|
243
244
|
cardState: state,
|
|
245
|
+
iframeUrlType: embedIframeUrlType,
|
|
244
246
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
245
247
|
handleErrorRetry: handleRetry,
|
|
246
248
|
handleFrameClick: handleClickWrapper,
|
|
@@ -51,6 +51,7 @@ function CardWithURLRenderer(props) {
|
|
|
51
51
|
inheritDimensions = props.inheritDimensions,
|
|
52
52
|
platform = props.platform,
|
|
53
53
|
embedIframeRef = props.embedIframeRef,
|
|
54
|
+
embedIframeUrlType = props.embedIframeUrlType,
|
|
54
55
|
inlinePreloaderStyle = props.inlinePreloaderStyle,
|
|
55
56
|
createAnalyticsEvent = props.createAnalyticsEvent,
|
|
56
57
|
children = props.children,
|
|
@@ -121,6 +122,7 @@ function CardWithURLRenderer(props) {
|
|
|
121
122
|
inheritDimensions: inheritDimensions,
|
|
122
123
|
platform: platform,
|
|
123
124
|
embedIframeRef: embedIframeRef,
|
|
125
|
+
embedIframeUrlType: embedIframeUrlType,
|
|
124
126
|
inlinePreloaderStyle: inlinePreloaderStyle,
|
|
125
127
|
ui: ui,
|
|
126
128
|
showHoverPreview: showHoverPreview,
|
|
@@ -41,7 +41,8 @@ var EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef
|
|
|
41
41
|
testId = _ref.testId,
|
|
42
42
|
inheritDimensions = _ref.inheritDimensions,
|
|
43
43
|
onIframeDwell = _ref.onIframeDwell,
|
|
44
|
-
onIframeFocus = _ref.onIframeFocus
|
|
44
|
+
onIframeFocus = _ref.onIframeFocus,
|
|
45
|
+
iframeUrlType = _ref.iframeUrlType;
|
|
45
46
|
var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
|
|
46
47
|
var meta = details && details.meta;
|
|
47
48
|
var extensionKey = (0, _helpers.getExtensionKey)(details);
|
|
@@ -54,7 +55,7 @@ var EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef
|
|
|
54
55
|
isSelected: isSelected
|
|
55
56
|
});
|
|
56
57
|
case 'resolved':
|
|
57
|
-
var resolvedViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
|
|
58
|
+
var resolvedViewProps = (0, _embed.extractEmbedProps)(data, meta, platform, iframeUrlType);
|
|
58
59
|
if (onResolve) {
|
|
59
60
|
var _resolvedViewProps$pr;
|
|
60
61
|
onResolve({
|
|
@@ -12,7 +12,7 @@ var _utils = require("../../utils");
|
|
|
12
12
|
var _token = require("../../../../../utils/token");
|
|
13
13
|
var _templateObject;
|
|
14
14
|
var getStyles = function getStyles(maxLines) {
|
|
15
|
-
return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: 0.75rem;\n line-height: 1rem;\n ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(maxLines));
|
|
15
|
+
return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: 0.75rem;\n line-height: 1rem;\n white-space: normal;\n ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(maxLines));
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/linking-common/extractors';
|
|
2
2
|
import { extractIsTrusted } from '../common/meta/extractIsTrusted';
|
|
3
|
-
const extractEmbedPreview = (jsonLd, platform) => {
|
|
4
|
-
const preview = extractPreview(jsonLd, platform);
|
|
3
|
+
const extractEmbedPreview = (jsonLd, platform, iframeUrlType) => {
|
|
4
|
+
const preview = extractPreview(jsonLd, platform, iframeUrlType);
|
|
5
5
|
if (preview && preview.src) {
|
|
6
6
|
return {
|
|
7
7
|
...preview,
|
|
@@ -9,10 +9,12 @@ const extractEmbedPreview = (jsonLd, platform) => {
|
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
|
-
export const extractEmbedProps = (jsonLd, meta, platform) =>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
export const extractEmbedProps = (jsonLd, meta, platform, iframeUrlType) => {
|
|
13
|
+
return {
|
|
14
|
+
link: extractLink(jsonLd) || '',
|
|
15
|
+
title: extractTitle(jsonLd),
|
|
16
|
+
context: extractProvider(jsonLd),
|
|
17
|
+
preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
|
|
18
|
+
isTrusted: extractIsTrusted(meta)
|
|
19
|
+
};
|
|
20
|
+
};
|
package/dist/es2019/version.json
CHANGED
|
@@ -28,6 +28,7 @@ export function CardWithUrlContent({
|
|
|
28
28
|
showActions,
|
|
29
29
|
inheritDimensions,
|
|
30
30
|
embedIframeRef,
|
|
31
|
+
embedIframeUrlType,
|
|
31
32
|
inlinePreloaderStyle,
|
|
32
33
|
ui,
|
|
33
34
|
children,
|
|
@@ -228,6 +229,7 @@ export function CardWithUrlContent({
|
|
|
228
229
|
id: id,
|
|
229
230
|
url: url,
|
|
230
231
|
cardState: state,
|
|
232
|
+
iframeUrlType: embedIframeUrlType,
|
|
231
233
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
232
234
|
handleErrorRetry: handleRetry,
|
|
233
235
|
handleFrameClick: handleClickWrapper,
|
|
@@ -31,6 +31,7 @@ export function CardWithURLRenderer(props) {
|
|
|
31
31
|
inheritDimensions,
|
|
32
32
|
platform,
|
|
33
33
|
embedIframeRef,
|
|
34
|
+
embedIframeUrlType,
|
|
34
35
|
inlinePreloaderStyle,
|
|
35
36
|
createAnalyticsEvent,
|
|
36
37
|
children,
|
|
@@ -104,6 +105,7 @@ export function CardWithURLRenderer(props) {
|
|
|
104
105
|
inheritDimensions,
|
|
105
106
|
platform,
|
|
106
107
|
embedIframeRef,
|
|
108
|
+
embedIframeUrlType,
|
|
107
109
|
inlinePreloaderStyle,
|
|
108
110
|
ui,
|
|
109
111
|
showHoverPreview,
|
|
@@ -34,7 +34,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
|
|
|
34
34
|
testId,
|
|
35
35
|
inheritDimensions,
|
|
36
36
|
onIframeDwell,
|
|
37
|
-
onIframeFocus
|
|
37
|
+
onIframeFocus,
|
|
38
|
+
iframeUrlType
|
|
38
39
|
}, iframeRef) => {
|
|
39
40
|
var _details$meta, _forbiddenViewProps$c;
|
|
40
41
|
const data = details && details.data || getEmptyJsonLd();
|
|
@@ -49,7 +50,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
|
|
|
49
50
|
isSelected: isSelected
|
|
50
51
|
});
|
|
51
52
|
case 'resolved':
|
|
52
|
-
const resolvedViewProps = extractEmbedProps(data, meta, platform);
|
|
53
|
+
const resolvedViewProps = extractEmbedProps(data, meta, platform, iframeUrlType);
|
|
53
54
|
if (onResolve) {
|
|
54
55
|
var _resolvedViewProps$pr;
|
|
55
56
|
onResolve({
|
|
@@ -3,20 +3,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
4
|
import { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/linking-common/extractors';
|
|
5
5
|
import { extractIsTrusted } from '../common/meta/extractIsTrusted';
|
|
6
|
-
var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform) {
|
|
7
|
-
var preview = extractPreview(jsonLd, platform);
|
|
6
|
+
var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeUrlType) {
|
|
7
|
+
var preview = extractPreview(jsonLd, platform, iframeUrlType);
|
|
8
8
|
if (preview && preview.src) {
|
|
9
9
|
return _objectSpread(_objectSpread({}, preview), {}, {
|
|
10
10
|
src: preview.src
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
export var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform) {
|
|
14
|
+
export var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
|
|
15
15
|
return {
|
|
16
16
|
link: extractLink(jsonLd) || '',
|
|
17
17
|
title: extractTitle(jsonLd),
|
|
18
18
|
context: extractProvider(jsonLd),
|
|
19
|
-
preview: extractEmbedPreview(jsonLd, platform),
|
|
19
|
+
preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
|
|
20
20
|
isTrusted: extractIsTrusted(meta)
|
|
21
21
|
};
|
|
22
22
|
};
|
package/dist/esm/version.json
CHANGED
|
@@ -28,6 +28,7 @@ export function CardWithUrlContent(_ref) {
|
|
|
28
28
|
showActions = _ref.showActions,
|
|
29
29
|
inheritDimensions = _ref.inheritDimensions,
|
|
30
30
|
embedIframeRef = _ref.embedIframeRef,
|
|
31
|
+
embedIframeUrlType = _ref.embedIframeUrlType,
|
|
31
32
|
inlinePreloaderStyle = _ref.inlinePreloaderStyle,
|
|
32
33
|
ui = _ref.ui,
|
|
33
34
|
children = _ref.children,
|
|
@@ -231,6 +232,7 @@ export function CardWithUrlContent(_ref) {
|
|
|
231
232
|
id: id,
|
|
232
233
|
url: url,
|
|
233
234
|
cardState: state,
|
|
235
|
+
iframeUrlType: embedIframeUrlType,
|
|
234
236
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
235
237
|
handleErrorRetry: handleRetry,
|
|
236
238
|
handleFrameClick: handleClickWrapper,
|
|
@@ -39,6 +39,7 @@ export function CardWithURLRenderer(props) {
|
|
|
39
39
|
inheritDimensions = props.inheritDimensions,
|
|
40
40
|
platform = props.platform,
|
|
41
41
|
embedIframeRef = props.embedIframeRef,
|
|
42
|
+
embedIframeUrlType = props.embedIframeUrlType,
|
|
42
43
|
inlinePreloaderStyle = props.inlinePreloaderStyle,
|
|
43
44
|
createAnalyticsEvent = props.createAnalyticsEvent,
|
|
44
45
|
children = props.children,
|
|
@@ -109,6 +110,7 @@ export function CardWithURLRenderer(props) {
|
|
|
109
110
|
inheritDimensions: inheritDimensions,
|
|
110
111
|
platform: platform,
|
|
111
112
|
embedIframeRef: embedIframeRef,
|
|
113
|
+
embedIframeUrlType: embedIframeUrlType,
|
|
112
114
|
inlinePreloaderStyle: inlinePreloaderStyle,
|
|
113
115
|
ui: ui,
|
|
114
116
|
showHoverPreview: showHoverPreview,
|
|
@@ -34,7 +34,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
|
|
|
34
34
|
testId = _ref.testId,
|
|
35
35
|
inheritDimensions = _ref.inheritDimensions,
|
|
36
36
|
onIframeDwell = _ref.onIframeDwell,
|
|
37
|
-
onIframeFocus = _ref.onIframeFocus
|
|
37
|
+
onIframeFocus = _ref.onIframeFocus,
|
|
38
|
+
iframeUrlType = _ref.iframeUrlType;
|
|
38
39
|
var data = details && details.data || getEmptyJsonLd();
|
|
39
40
|
var meta = details && details.meta;
|
|
40
41
|
var extensionKey = getExtensionKey(details);
|
|
@@ -47,7 +48,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
|
|
|
47
48
|
isSelected: isSelected
|
|
48
49
|
});
|
|
49
50
|
case 'resolved':
|
|
50
|
-
var resolvedViewProps = extractEmbedProps(data, meta, platform);
|
|
51
|
+
var resolvedViewProps = extractEmbedProps(data, meta, platform, iframeUrlType);
|
|
51
52
|
if (onResolve) {
|
|
52
53
|
var _resolvedViewProps$pr;
|
|
53
54
|
onResolve({
|
|
@@ -6,7 +6,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
6
6
|
import { getFormattedMessage, getTruncateStyles } from '../../utils';
|
|
7
7
|
import { tokens } from '../../../../../utils/token';
|
|
8
8
|
var getStyles = function getStyles(maxLines) {
|
|
9
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 0.75rem;\n line-height: 1rem;\n ", "\n"])), tokens.text, getTruncateStyles(maxLines));
|
|
9
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 0.75rem;\n line-height: 1rem;\n white-space: normal;\n ", "\n"])), tokens.text, getTruncateStyles(maxLines));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
/**
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { JsonLd } from 'json-ld-types';
|
|
2
|
+
import { EmbedIframeUrlType } from '../../view/Card/types';
|
|
2
3
|
import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
|
|
3
|
-
export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => EmbedCardResolvedViewProps;
|
|
4
|
+
export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, platform?: JsonLd.Primitives.Platforms | undefined, iframeUrlType?: EmbedIframeUrlType | undefined) => EmbedCardResolvedViewProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CardAppearance, CardPlatform, CardProps } from './types';
|
|
3
3
|
import { WrappedComponentProps } from 'react-intl-next';
|
|
4
|
-
export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "showAuthTooltip" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "showServerActions" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
|
|
4
|
+
export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "showAuthTooltip" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "showServerActions" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
|
|
5
5
|
export type { CardAppearance, CardProps, CardPlatform };
|
|
@@ -7,6 +7,7 @@ import { InlinePreloaderStyle, OnErrorCallback } from '../types';
|
|
|
7
7
|
import { FrameStyle } from '../EmbedCard/types';
|
|
8
8
|
export type { CardAppearance, CardPlatform };
|
|
9
9
|
export declare type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
|
|
10
|
+
export declare type EmbedIframeUrlType = 'href' | 'interactiveHref';
|
|
10
11
|
export declare type OnResolveCallback = (data: {
|
|
11
12
|
url?: string;
|
|
12
13
|
title?: string;
|
|
@@ -48,6 +49,7 @@ export interface CardProps extends WithAnalyticsEventsProps {
|
|
|
48
49
|
*/
|
|
49
50
|
inheritDimensions?: boolean;
|
|
50
51
|
embedIframeRef?: React.Ref<HTMLIFrameElement>;
|
|
52
|
+
embedIframeUrlType?: EmbedIframeUrlType;
|
|
51
53
|
inlinePreloaderStyle?: InlinePreloaderStyle;
|
|
52
54
|
ui?: FlexibleUiOptions;
|
|
53
55
|
children?: React.ReactNode;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CardWithUrlContentProps } from './types';
|
|
3
|
-
export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, frameStyle, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;
|
|
3
|
+
export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, frameStyle, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, embedIframeUrlType, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
|
|
2
|
-
import { CardAppearance, CardPlatform, OnResolveCallback } from '../Card/types';
|
|
2
|
+
import { CardAppearance, CardPlatform, EmbedIframeUrlType, OnResolveCallback } from '../Card/types';
|
|
3
3
|
import { AnalyticsHandler } from '../../utils/types';
|
|
4
4
|
import { FlexibleUiOptions } from '../FlexibleCard/types';
|
|
5
5
|
import { InlinePreloaderStyle, OnErrorCallback } from '../types';
|
|
@@ -22,6 +22,7 @@ export declare type CardWithUrlContentProps = {
|
|
|
22
22
|
showActions?: boolean;
|
|
23
23
|
inheritDimensions?: boolean;
|
|
24
24
|
embedIframeRef?: React.Ref<HTMLIFrameElement>;
|
|
25
|
+
embedIframeUrlType?: EmbedIframeUrlType;
|
|
25
26
|
inlinePreloaderStyle?: InlinePreloaderStyle;
|
|
26
27
|
ui?: FlexibleUiOptions;
|
|
27
28
|
children?: React.ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CardState } from '../../state/types';
|
|
2
2
|
import { InvokeHandler } from '../../model/invoke-handler';
|
|
3
|
-
import { CardPlatform, OnResolveCallback } from '../Card/types';
|
|
3
|
+
import { CardPlatform, EmbedIframeUrlType, OnResolveCallback } from '../Card/types';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import { ActionProps } from '../BlockCard/components/Action';
|
|
6
6
|
import { RequestAccessMessageKey } from '../../messages';
|
|
@@ -26,6 +26,7 @@ export declare type EmbedCardProps = {
|
|
|
26
26
|
showActions?: boolean;
|
|
27
27
|
onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
|
|
28
28
|
onIframeFocus?: () => void;
|
|
29
|
+
iframeUrlType?: EmbedIframeUrlType;
|
|
29
30
|
};
|
|
30
31
|
export interface WithShowControlMethodProp {
|
|
31
32
|
showControls?: () => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "25.
|
|
3
|
+
"version": "25.2.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@atlaskit/icon-object": "^6.2.0",
|
|
34
34
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
35
35
|
"@atlaskit/in-product-testing": "^0.1.0",
|
|
36
|
-
"@atlaskit/linking-common": "^2.
|
|
36
|
+
"@atlaskit/linking-common": "^2.3.0",
|
|
37
37
|
"@atlaskit/logo": "^13.11.0",
|
|
38
38
|
"@atlaskit/lozenge": "^11.3.0",
|
|
39
39
|
"@atlaskit/media-common": "^4.0.0",
|
package/report.api.md
CHANGED
|
@@ -240,6 +240,7 @@ export const Card: React_2.ForwardRefExoticComponent<
|
|
|
240
240
|
| 'container'
|
|
241
241
|
| 'data'
|
|
242
242
|
| 'embedIframeRef'
|
|
243
|
+
| 'embedIframeUrlType'
|
|
243
244
|
| 'forwardedRef'
|
|
244
245
|
| 'frameStyle'
|
|
245
246
|
| 'id'
|
|
@@ -294,6 +295,8 @@ export interface CardProps extends WithAnalyticsEventsProps {
|
|
|
294
295
|
data?: any;
|
|
295
296
|
// (undocumented)
|
|
296
297
|
embedIframeRef?: React.Ref<HTMLIFrameElement>;
|
|
298
|
+
// (undocumented)
|
|
299
|
+
embedIframeUrlType?: EmbedIframeUrlType;
|
|
297
300
|
frameStyle?: FrameStyle;
|
|
298
301
|
// (undocumented)
|
|
299
302
|
id?: string;
|
|
@@ -512,6 +515,9 @@ export { EmbedCardAdf };
|
|
|
512
515
|
// @public (undocumented)
|
|
513
516
|
export const embedHeaderHeight = 32;
|
|
514
517
|
|
|
518
|
+
// @public (undocumented)
|
|
519
|
+
type EmbedIframeUrlType = 'href' | 'interactiveHref';
|
|
520
|
+
|
|
515
521
|
// @public (undocumented)
|
|
516
522
|
export class EmbedResizeMessageListener extends React_2.Component<
|
|
517
523
|
Props,
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -178,7 +178,7 @@ type BlockProps = {
|
|
|
178
178
|
};
|
|
179
179
|
|
|
180
180
|
// @public (undocumented)
|
|
181
|
-
export const Card: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "analyticsEvents" | "appearance" | "children" | "container" | "data" | "embedIframeRef" | "forwardedRef" | "frameStyle" | "id" | "importer" | "inheritDimensions" | "inlinePreloaderStyle" | "isFrameVisible" | "isSelected" | "key" | "onClick" | "onError" | "onResolve" | "placeholder" | "platform" | "showActions" | "showAuthTooltip" | "showHoverPreview" | "showServerActions" | "testId" | "ui" | "url"> & React_2.RefAttributes<any>>;
|
|
181
|
+
export const Card: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "analyticsEvents" | "appearance" | "children" | "container" | "data" | "embedIframeRef" | "embedIframeUrlType" | "forwardedRef" | "frameStyle" | "id" | "importer" | "inheritDimensions" | "inlinePreloaderStyle" | "isFrameVisible" | "isSelected" | "key" | "onClick" | "onError" | "onResolve" | "placeholder" | "platform" | "showActions" | "showAuthTooltip" | "showHoverPreview" | "showServerActions" | "testId" | "ui" | "url"> & React_2.RefAttributes<any>>;
|
|
182
182
|
|
|
183
183
|
export { CardAdf }
|
|
184
184
|
|
|
@@ -205,6 +205,8 @@ export interface CardProps extends WithAnalyticsEventsProps {
|
|
|
205
205
|
data?: any;
|
|
206
206
|
// (undocumented)
|
|
207
207
|
embedIframeRef?: React.Ref<HTMLIFrameElement>;
|
|
208
|
+
// (undocumented)
|
|
209
|
+
embedIframeUrlType?: EmbedIframeUrlType;
|
|
208
210
|
frameStyle?: FrameStyle;
|
|
209
211
|
// (undocumented)
|
|
210
212
|
id?: string;
|
|
@@ -392,6 +394,9 @@ export { EmbedCardAdf }
|
|
|
392
394
|
// @public (undocumented)
|
|
393
395
|
export const embedHeaderHeight = 32;
|
|
394
396
|
|
|
397
|
+
// @public (undocumented)
|
|
398
|
+
type EmbedIframeUrlType = 'href' | 'interactiveHref';
|
|
399
|
+
|
|
395
400
|
// @public (undocumented)
|
|
396
401
|
export class EmbedResizeMessageListener extends React_2.Component<Props, State> {
|
|
397
402
|
// (undocumented)
|