@atlaskit/smart-card 26.41.2 → 26.41.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/ssr.js +2 -2
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component-lazy/LazyFallback.js +2 -19
- package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js +2 -2
- package/dist/cjs/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js +2 -2
- package/dist/cjs/view/CardWithUrl/component-lazy/LoadingCardLink.js +24 -0
- package/dist/cjs/view/CardWithUrl/loader.js +2 -2
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/ssr.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component-lazy/LazyFallback.js +1 -18
- package/dist/es2019/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js +1 -1
- package/dist/es2019/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js +1 -1
- package/dist/es2019/view/CardWithUrl/component-lazy/LoadingCardLink.js +18 -0
- package/dist/es2019/view/CardWithUrl/loader.js +1 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/ssr.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component-lazy/LazyFallback.js +1 -17
- package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js +1 -1
- package/dist/esm/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js +1 -1
- package/dist/esm/view/CardWithUrl/component-lazy/LoadingCardLink.js +17 -0
- package/dist/esm/view/CardWithUrl/loader.js +1 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/CardWithUrl/component-lazy/LazyFallback.d.ts +0 -3
- package/dist/types/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts +3 -0
- package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LazyFallback.d.ts +0 -3
- package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts +3 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 26.41.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#42679](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42679) [`e1dd216aa02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1dd216aa02) - Extract loadingPlaceholderClassName export to seperate file
|
|
8
|
+
|
|
3
9
|
## 26.41.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/ssr.js
CHANGED
|
@@ -13,7 +13,7 @@ var _uuid = _interopRequireDefault(require("uuid"));
|
|
|
13
13
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
14
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
15
|
var _component = require("./view/CardWithUrl/component");
|
|
16
|
-
var
|
|
16
|
+
var _LoadingCardLink = require("./view/CardWithUrl/component-lazy/LoadingCardLink");
|
|
17
17
|
var _analytics = require("./utils/analytics/analytics");
|
|
18
18
|
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); }
|
|
19
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; }
|
|
@@ -36,7 +36,7 @@ var CardSSR = exports.CardSSR = function CardSSR(props) {
|
|
|
36
36
|
data: _analytics.context
|
|
37
37
|
}, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
|
|
38
38
|
FallbackComponent: function FallbackComponent() {
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardProps);
|
|
40
40
|
}
|
|
41
41
|
}, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps)));
|
|
42
42
|
};
|
|
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
22
22
|
var context = exports.context = {
|
|
23
23
|
componentName: 'smart-cards',
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "26.41.
|
|
25
|
+
packageVersion: "26.41.3"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,24 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.loadingPlaceholderClassName =
|
|
8
|
-
var
|
|
9
|
-
var _LinkView = require("../../../view/LinkView");
|
|
10
|
-
var loadingPlaceholderClassName = exports.loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
11
|
-
var LoadingCardLink = exports.LoadingCardLink = function LoadingCardLink(_ref) {
|
|
12
|
-
var isSelected = _ref.isSelected,
|
|
13
|
-
url = _ref.url,
|
|
14
|
-
placeholder = _ref.placeholder;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
|
|
16
|
-
key: 'lazy-render-key',
|
|
17
|
-
testId: 'lazy-render-placeholder',
|
|
18
|
-
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
19
|
-
isSelected: isSelected,
|
|
20
|
-
link: url,
|
|
21
|
-
className: loadingPlaceholderClassName,
|
|
22
|
-
placeholder: placeholder
|
|
23
|
-
});
|
|
24
|
-
};
|
|
6
|
+
exports.loadingPlaceholderClassName = void 0;
|
|
7
|
+
var loadingPlaceholderClassName = exports.loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _state = require("../../../state");
|
|
13
13
|
var _component = require("../component");
|
|
14
|
-
var
|
|
14
|
+
var _LoadingCardLink = require("./LoadingCardLink");
|
|
15
15
|
var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
|
|
16
16
|
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); }
|
|
17
17
|
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; }
|
|
@@ -60,7 +60,7 @@ function LazyIntersectionObserverCard(props) {
|
|
|
60
60
|
showActions: showActions
|
|
61
61
|
})) : /*#__PURE__*/_react.default.createElement(ComponentObserver, {
|
|
62
62
|
ref: onRef
|
|
63
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, props));
|
|
64
64
|
return /*#__PURE__*/_react.default.createElement(Component, {
|
|
65
65
|
className: "loader-wrapper"
|
|
66
66
|
}, content);
|
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _reactLazilyRender = _interopRequireDefault(require("react-lazily-render"));
|
|
12
12
|
var _component = require("../component");
|
|
13
|
-
var
|
|
13
|
+
var _LoadingCardLink = require("./LoadingCardLink");
|
|
14
14
|
var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
@@ -28,7 +28,7 @@ function LazyLazilyRenderCard(props) {
|
|
|
28
28
|
offset: offset,
|
|
29
29
|
component: appearance === 'inline' ? 'span' : 'div',
|
|
30
30
|
className: "loader-wrapper",
|
|
31
|
-
placeholder: /*#__PURE__*/_react.default.createElement(
|
|
31
|
+
placeholder: /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, props),
|
|
32
32
|
scrollContainer: container,
|
|
33
33
|
content: /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, (0, _extends2.default)({}, props, {
|
|
34
34
|
showActions: showActions
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.LoadingCardLink = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _LinkView = require("../../../view/LinkView");
|
|
10
|
+
var _LazyFallback = require("./LazyFallback");
|
|
11
|
+
var LoadingCardLink = exports.LoadingCardLink = function LoadingCardLink(_ref) {
|
|
12
|
+
var isSelected = _ref.isSelected,
|
|
13
|
+
url = _ref.url,
|
|
14
|
+
placeholder = _ref.placeholder;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
|
|
16
|
+
key: 'lazy-render-key',
|
|
17
|
+
testId: 'lazy-render-placeholder',
|
|
18
|
+
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
19
|
+
isSelected: isSelected,
|
|
20
|
+
link: url,
|
|
21
|
+
className: _LazyFallback.loadingPlaceholderClassName,
|
|
22
|
+
placeholder: placeholder
|
|
23
|
+
});
|
|
24
|
+
};
|
|
@@ -12,7 +12,7 @@ var _uuid = _interopRequireDefault(require("uuid"));
|
|
|
12
12
|
var _performance = require("../../utils/performance");
|
|
13
13
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
14
14
|
var _analytics = require("../../state/analytics");
|
|
15
|
-
var
|
|
15
|
+
var _LoadingCardLink = require("./component-lazy/LoadingCardLink");
|
|
16
16
|
var _utils = require("../../utils");
|
|
17
17
|
var _flexible = require("../../utils/flexible");
|
|
18
18
|
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); }
|
|
@@ -132,6 +132,6 @@ function CardWithURLRenderer(props) {
|
|
|
132
132
|
FallbackComponent: ErrorFallback,
|
|
133
133
|
onError: errorHandler
|
|
134
134
|
}, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
135
|
-
fallback: /*#__PURE__*/_react.default.createElement(
|
|
135
|
+
fallback: /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardWithUrlProps)
|
|
136
136
|
}, /*#__PURE__*/_react.default.createElement(LazyCardWithUrlContent, cardWithUrlProps, children)));
|
|
137
137
|
}
|
|
@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
18
18
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
19
19
|
var PACKAGE_DATA = {
|
|
20
20
|
packageName: "@atlaskit/smart-card",
|
|
21
|
-
packageVersion: "26.41.
|
|
21
|
+
packageVersion: "26.41.3",
|
|
22
22
|
componentName: 'linkUrl'
|
|
23
23
|
};
|
|
24
24
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
package/dist/es2019/ssr.js
CHANGED
|
@@ -4,7 +4,7 @@ import uuid from 'uuid';
|
|
|
4
4
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
5
5
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
6
6
|
import { CardWithUrlContent } from './view/CardWithUrl/component';
|
|
7
|
-
import { LoadingCardLink } from './view/CardWithUrl/component-lazy/
|
|
7
|
+
import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LoadingCardLink';
|
|
8
8
|
import { context } from './utils/analytics/analytics';
|
|
9
9
|
// SSR friendly version of smart-card
|
|
10
10
|
// simplifies the logic around rendering and loading placeholders and
|
|
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export const context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "26.41.
|
|
7
|
+
packageVersion: "26.41.3"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { CardLinkView } from '../../../view/LinkView';
|
|
3
|
-
export const loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
4
|
-
export const LoadingCardLink = ({
|
|
5
|
-
isSelected,
|
|
6
|
-
url,
|
|
7
|
-
placeholder
|
|
8
|
-
}) => {
|
|
9
|
-
return /*#__PURE__*/React.createElement(CardLinkView, {
|
|
10
|
-
key: 'lazy-render-key',
|
|
11
|
-
testId: 'lazy-render-placeholder',
|
|
12
|
-
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
13
|
-
isSelected: isSelected,
|
|
14
|
-
link: url,
|
|
15
|
-
className: loadingPlaceholderClassName,
|
|
16
|
-
placeholder: placeholder
|
|
17
|
-
});
|
|
18
|
-
};
|
|
1
|
+
export const loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useCallback, useState } from 'react';
|
|
3
3
|
import { usePrefetch } from '../../../state';
|
|
4
4
|
import { CardWithUrlContent } from '../component';
|
|
5
|
-
import { LoadingCardLink } from './
|
|
5
|
+
import { LoadingCardLink } from './LoadingCardLink';
|
|
6
6
|
import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
|
|
7
7
|
|
|
8
8
|
// This property enables the intersection observer to be run once the
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import LazilyRender from 'react-lazily-render';
|
|
4
4
|
import { CardWithUrlContent } from '../component';
|
|
5
|
-
import { LoadingCardLink } from './
|
|
5
|
+
import { LoadingCardLink } from './LoadingCardLink';
|
|
6
6
|
import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
|
|
7
7
|
export function LazyLazilyRenderCard(props) {
|
|
8
8
|
const {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardLinkView } from '../../../view/LinkView';
|
|
3
|
+
import { loadingPlaceholderClassName } from './LazyFallback';
|
|
4
|
+
export const LoadingCardLink = ({
|
|
5
|
+
isSelected,
|
|
6
|
+
url,
|
|
7
|
+
placeholder
|
|
8
|
+
}) => {
|
|
9
|
+
return /*#__PURE__*/React.createElement(CardLinkView, {
|
|
10
|
+
key: 'lazy-render-key',
|
|
11
|
+
testId: 'lazy-render-placeholder',
|
|
12
|
+
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
13
|
+
isSelected: isSelected,
|
|
14
|
+
link: url,
|
|
15
|
+
className: loadingPlaceholderClassName,
|
|
16
|
+
placeholder: placeholder
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -3,7 +3,7 @@ import uuid from 'uuid';
|
|
|
3
3
|
import { clearMarks, clearMeasures } from '../../utils/performance';
|
|
4
4
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
5
5
|
import { useSmartLinkAnalytics } from '../../state/analytics';
|
|
6
|
-
import { LoadingCardLink } from './component-lazy/
|
|
6
|
+
import { LoadingCardLink } from './component-lazy/LoadingCardLink';
|
|
7
7
|
import { importWithRetry } from '../../utils';
|
|
8
8
|
import { isFlexibleUiCard } from '../../utils/flexible';
|
|
9
9
|
const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index')));
|
|
@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
8
8
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
const PACKAGE_DATA = {
|
|
10
10
|
packageName: "@atlaskit/smart-card",
|
|
11
|
-
packageVersion: "26.41.
|
|
11
|
+
packageVersion: "26.41.3",
|
|
12
12
|
componentName: 'linkUrl'
|
|
13
13
|
};
|
|
14
14
|
const Link = withLinkClickedEvent('a');
|
package/dist/esm/ssr.js
CHANGED
|
@@ -8,7 +8,7 @@ import uuid from 'uuid';
|
|
|
8
8
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
9
9
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
10
10
|
import { CardWithUrlContent } from './view/CardWithUrl/component';
|
|
11
|
-
import { LoadingCardLink } from './view/CardWithUrl/component-lazy/
|
|
11
|
+
import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LoadingCardLink';
|
|
12
12
|
import { context } from './utils/analytics/analytics';
|
|
13
13
|
// SSR friendly version of smart-card
|
|
14
14
|
// simplifies the logic around rendering and loading placeholders and
|
|
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
15
15
|
export var context = {
|
|
16
16
|
componentName: 'smart-cards',
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "26.41.
|
|
18
|
+
packageVersion: "26.41.3"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { CardLinkView } from '../../../view/LinkView';
|
|
3
|
-
export var loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
4
|
-
export var LoadingCardLink = function LoadingCardLink(_ref) {
|
|
5
|
-
var isSelected = _ref.isSelected,
|
|
6
|
-
url = _ref.url,
|
|
7
|
-
placeholder = _ref.placeholder;
|
|
8
|
-
return /*#__PURE__*/React.createElement(CardLinkView, {
|
|
9
|
-
key: 'lazy-render-key',
|
|
10
|
-
testId: 'lazy-render-placeholder',
|
|
11
|
-
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
12
|
-
isSelected: isSelected,
|
|
13
|
-
link: url,
|
|
14
|
-
className: loadingPlaceholderClassName,
|
|
15
|
-
placeholder: placeholder
|
|
16
|
-
});
|
|
17
|
-
};
|
|
1
|
+
export var loadingPlaceholderClassName = 'smart-link-loading-placeholder';
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import React, { useCallback, useState } from 'react';
|
|
4
4
|
import { usePrefetch } from '../../../state';
|
|
5
5
|
import { CardWithUrlContent } from '../component';
|
|
6
|
-
import { LoadingCardLink } from './
|
|
6
|
+
import { LoadingCardLink } from './LoadingCardLink';
|
|
7
7
|
import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
|
|
8
8
|
|
|
9
9
|
// This property enables the intersection observer to be run once the
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import LazilyRender from 'react-lazily-render';
|
|
4
4
|
import { CardWithUrlContent } from '../component';
|
|
5
|
-
import { LoadingCardLink } from './
|
|
5
|
+
import { LoadingCardLink } from './LoadingCardLink';
|
|
6
6
|
import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
|
|
7
7
|
export function LazyLazilyRenderCard(props) {
|
|
8
8
|
var appearance = props.appearance,
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardLinkView } from '../../../view/LinkView';
|
|
3
|
+
import { loadingPlaceholderClassName } from './LazyFallback';
|
|
4
|
+
export var LoadingCardLink = function LoadingCardLink(_ref) {
|
|
5
|
+
var isSelected = _ref.isSelected,
|
|
6
|
+
url = _ref.url,
|
|
7
|
+
placeholder = _ref.placeholder;
|
|
8
|
+
return /*#__PURE__*/React.createElement(CardLinkView, {
|
|
9
|
+
key: 'lazy-render-key',
|
|
10
|
+
testId: 'lazy-render-placeholder',
|
|
11
|
+
"data-trello-do-not-use-override": "lazy-render-placeholder-trello",
|
|
12
|
+
isSelected: isSelected,
|
|
13
|
+
link: url,
|
|
14
|
+
className: loadingPlaceholderClassName,
|
|
15
|
+
placeholder: placeholder
|
|
16
|
+
});
|
|
17
|
+
};
|
|
@@ -4,7 +4,7 @@ import uuid from 'uuid';
|
|
|
4
4
|
import { clearMarks, clearMeasures } from '../../utils/performance';
|
|
5
5
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
6
6
|
import { useSmartLinkAnalytics } from '../../state/analytics';
|
|
7
|
-
import { LoadingCardLink } from './component-lazy/
|
|
7
|
+
import { LoadingCardLink } from './component-lazy/LoadingCardLink';
|
|
8
8
|
import { importWithRetry } from '../../utils';
|
|
9
9
|
import { isFlexibleUiCard } from '../../utils/flexible';
|
|
10
10
|
var LazyCardWithUrlContent = /*#__PURE__*/lazy(function () {
|
|
@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
11
11
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
var PACKAGE_DATA = {
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "26.41.
|
|
14
|
+
packageVersion: "26.41.3",
|
|
15
15
|
componentName: 'linkUrl'
|
|
16
16
|
};
|
|
17
17
|
var Link = withLinkClickedEvent('a');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "26.41.
|
|
3
|
+
"version": "26.41.3",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@atlaskit/avatar": "^21.4.0",
|
|
28
28
|
"@atlaskit/avatar-group": "^9.4.0",
|
|
29
29
|
"@atlaskit/badge": "^15.1.0",
|
|
30
|
-
"@atlaskit/button": "^16.
|
|
30
|
+
"@atlaskit/button": "^16.13.0",
|
|
31
31
|
"@atlaskit/dropdown-menu": "^12.1.0",
|
|
32
32
|
"@atlaskit/frontend-utilities": "^2.7.0",
|
|
33
33
|
"@atlaskit/icon": "^21.12.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@atlaskit/link-analytics": "^8.3.0",
|
|
39
39
|
"@atlaskit/link-client-extension": "^1.8.0",
|
|
40
40
|
"@atlaskit/link-extractors": "^1.2.0",
|
|
41
|
-
"@atlaskit/linking-common": "^4.
|
|
41
|
+
"@atlaskit/linking-common": "^4.15.0",
|
|
42
42
|
"@atlaskit/linking-types": "^8.4.0",
|
|
43
43
|
"@atlaskit/logo": "^13.14.0",
|
|
44
44
|
"@atlaskit/lozenge": "^11.4.0",
|