@atlaskit/smart-card 43.20.5 → 43.20.7

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 CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 43.20.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`78b92c67a0c6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/78b92c67a0c6a) -
8
+ NAVX-3070 cleaning up navx-2816-a11y-fix-smart-links-headings
9
+
10
+ ## 43.20.6
11
+
12
+ ### Patch Changes
13
+
14
+ - [`db0e269c86197`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db0e269c86197) -
15
+ Introduce UFO hold when FlexibleCard is used.
16
+
3
17
  ## 43.20.5
4
18
 
5
19
  ### Patch Changes
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
11
11
  var context = exports.context = {
12
12
  componentName: 'smart-cards',
13
13
  packageName: "@atlaskit/smart-card",
14
- packageVersion: "43.20.4"
14
+ packageVersion: "43.20.6"
15
15
  };
16
16
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
17
17
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -122,15 +122,11 @@ var LinkInfo = function LinkInfo(_ref) {
122
122
  className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
123
123
  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
124
124
  className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
125
- }, (0, _platformFeatureFlags.fg)('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
125
+ }, /*#__PURE__*/_react.default.createElement(_heading.default, {
126
126
  as: "h2",
127
127
  size: "small",
128
128
  color: "color.text",
129
129
  testId: "".concat(testId, "-title")
130
- }, title) : /*#__PURE__*/_react.default.createElement(_heading.default, {
131
- size: "small",
132
- color: "color.text",
133
- testId: "".concat(testId, "-title")
134
130
  }, title), /*#__PURE__*/_react.default.createElement("span", {
135
131
  tabIndex: 0,
136
132
  role: "button",
@@ -225,15 +221,11 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
225
221
  className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
226
222
  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
227
223
  className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
228
- }, (0, _platformFeatureFlags.fg)('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
224
+ }, /*#__PURE__*/_react.default.createElement(_heading.default, {
229
225
  as: "h2",
230
226
  size: "small",
231
227
  color: "color.text",
232
228
  testId: "".concat(testId, "-title")
233
- }, title) : /*#__PURE__*/_react.default.createElement(_heading.default, {
234
- size: "small",
235
- color: "color.text",
236
- testId: "".concat(testId, "-title")
237
229
  }, title)), /*#__PURE__*/_react.default.createElement("ul", {
238
230
  role: "list",
239
231
  className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
@@ -11,6 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _linkProvider = require("@atlaskit/link-provider");
13
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
+ var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
14
15
  var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
15
16
  var _constants = require("../../constants");
16
17
  var _extractPlaceholderData = require("../../extractors/flexible/extract-placeholder-data");
@@ -126,7 +127,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
126
127
  var retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 || (_flexibleCardContext$ = _flexibleCardContext$.actions) === null || _flexibleCardContext$ === void 0 ? void 0 : _flexibleCardContext$[_constants.InternalActionName.UnresolvedAction];
127
128
  return /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleCardContext.Provider, {
128
129
  value: flexibleCardContext
129
- }, /*#__PURE__*/_react.default.createElement(_container.default, (0, _extends2.default)({
130
+ }, PENDING_LINK_STATUSES.includes(status) && !Boolean(placeholderCardState) && (0, _platformFeatureFlags.fg)('ufo_hold_flexible_card') && /*#__PURE__*/_react.default.createElement(_loadHold.default, {
131
+ name: "smart-card-flexible-card"
132
+ }), /*#__PURE__*/_react.default.createElement(_container.default, (0, _extends2.default)({
130
133
  testId: testId
131
134
  }, ui, {
132
135
  onClick: onClick,
@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
22
22
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
23
23
  var PACKAGE_DATA = {
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "43.20.4",
25
+ packageVersion: "43.20.6",
26
26
  componentName: 'linkUrl'
27
27
  };
28
28
  var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
2
2
  export const context = {
3
3
  componentName: 'smart-cards',
4
4
  packageName: "@atlaskit/smart-card",
5
- packageVersion: "43.20.4"
5
+ packageVersion: "43.20.6"
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -110,15 +110,11 @@ const LinkInfo = ({
110
110
  className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
111
111
  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
112
112
  className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
113
- }, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
113
+ }, /*#__PURE__*/React.createElement(Heading, {
114
114
  as: "h2",
115
115
  size: "small",
116
116
  color: "color.text",
117
117
  testId: `${testId}-title`
118
- }, title) : /*#__PURE__*/React.createElement(Heading, {
119
- size: "small",
120
- color: "color.text",
121
- testId: `${testId}-title`
122
118
  }, title), /*#__PURE__*/React.createElement("span", {
123
119
  tabIndex: 0,
124
120
  role: "button",
@@ -208,15 +204,11 @@ const LinkInfoNew = ({
208
204
  className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
209
205
  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
210
206
  className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
211
- }, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
207
+ }, /*#__PURE__*/React.createElement(Heading, {
212
208
  as: "h2",
213
209
  size: "small",
214
210
  color: "color.text",
215
211
  testId: `${testId}-title`
216
- }, title) : /*#__PURE__*/React.createElement(Heading, {
217
- size: "small",
218
- color: "color.text",
219
- testId: `${testId}-title`
220
212
  }, title)), /*#__PURE__*/React.createElement("ul", {
221
213
  role: "list",
222
214
  className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect, useMemo } from 'react';
3
3
  import { useSmartLinkContext } from '@atlaskit/link-provider';
4
4
  import { fg } from '@atlaskit/platform-feature-flags';
5
+ import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
5
6
  import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
6
7
  import { InternalActionName, SmartLinkStatus } from '../../constants';
7
8
  import { extractPlaceHolderCardState } from '../../extractors/flexible/extract-placeholder-data';
@@ -114,7 +115,9 @@ const FlexibleCard = ({
114
115
  const retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 ? void 0 : (_flexibleCardContext$2 = _flexibleCardContext$.actions) === null || _flexibleCardContext$2 === void 0 ? void 0 : _flexibleCardContext$2[InternalActionName.UnresolvedAction];
115
116
  return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
116
117
  value: flexibleCardContext
117
- }, /*#__PURE__*/React.createElement(Container, _extends({
118
+ }, PENDING_LINK_STATUSES.includes(status) && !Boolean(placeholderCardState) && fg('ufo_hold_flexible_card') && /*#__PURE__*/React.createElement(UFOHoldLoad, {
119
+ name: "smart-card-flexible-card"
120
+ }), /*#__PURE__*/React.createElement(Container, _extends({
118
121
  testId: testId
119
122
  }, ui, {
120
123
  onClick: onClick,
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
12
12
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
13
13
  const PACKAGE_DATA = {
14
14
  packageName: "@atlaskit/smart-card",
15
- packageVersion: "43.20.4",
15
+ packageVersion: "43.20.6",
16
16
  componentName: 'linkUrl'
17
17
  };
18
18
  const Anchor = withLinkClickedEvent('a');
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
4
4
  export var context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "43.20.4"
7
+ packageVersion: "43.20.6"
8
8
  };
9
9
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -113,15 +113,11 @@ var LinkInfo = function LinkInfo(_ref) {
113
113
  className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
114
114
  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
115
115
  className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
116
- }, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
116
+ }, /*#__PURE__*/React.createElement(Heading, {
117
117
  as: "h2",
118
118
  size: "small",
119
119
  color: "color.text",
120
120
  testId: "".concat(testId, "-title")
121
- }, title) : /*#__PURE__*/React.createElement(Heading, {
122
- size: "small",
123
- color: "color.text",
124
- testId: "".concat(testId, "-title")
125
121
  }, title), /*#__PURE__*/React.createElement("span", {
126
122
  tabIndex: 0,
127
123
  role: "button",
@@ -216,15 +212,11 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
216
212
  className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
217
213
  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
218
214
  className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
219
- }, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
215
+ }, /*#__PURE__*/React.createElement(Heading, {
220
216
  as: "h2",
221
217
  size: "small",
222
218
  color: "color.text",
223
219
  testId: "".concat(testId, "-title")
224
- }, title) : /*#__PURE__*/React.createElement(Heading, {
225
- size: "small",
226
- color: "color.text",
227
- testId: "".concat(testId, "-title")
228
220
  }, title)), /*#__PURE__*/React.createElement("ul", {
229
221
  role: "list",
230
222
  className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
@@ -5,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
5
5
  import React, { useEffect, useMemo } from 'react';
6
6
  import { useSmartLinkContext } from '@atlaskit/link-provider';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
+ import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
8
9
  import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
9
10
  import { InternalActionName, SmartLinkStatus } from '../../constants';
10
11
  import { extractPlaceHolderCardState } from '../../extractors/flexible/extract-placeholder-data';
@@ -117,7 +118,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
117
118
  var retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 || (_flexibleCardContext$ = _flexibleCardContext$.actions) === null || _flexibleCardContext$ === void 0 ? void 0 : _flexibleCardContext$[InternalActionName.UnresolvedAction];
118
119
  return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
119
120
  value: flexibleCardContext
120
- }, /*#__PURE__*/React.createElement(Container, _extends({
121
+ }, PENDING_LINK_STATUSES.includes(status) && !Boolean(placeholderCardState) && fg('ufo_hold_flexible_card') && /*#__PURE__*/React.createElement(UFOHoldLoad, {
122
+ name: "smart-card-flexible-card"
123
+ }), /*#__PURE__*/React.createElement(Container, _extends({
121
124
  testId: testId
122
125
  }, ui, {
123
126
  onClick: onClick,
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
15
15
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
16
16
  var PACKAGE_DATA = {
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "43.20.4",
18
+ packageVersion: "43.20.6",
19
19
  componentName: 'linkUrl'
20
20
  };
21
21
  var Anchor = withLinkClickedEvent('a');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "43.20.5",
3
+ "version": "43.20.7",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -72,7 +72,7 @@
72
72
  "@atlaskit/textfield": "^8.2.0",
73
73
  "@atlaskit/theme": "^21.0.0",
74
74
  "@atlaskit/tile": "^1.0.0",
75
- "@atlaskit/tmp-editor-statsig": "^16.23.0",
75
+ "@atlaskit/tmp-editor-statsig": "^16.25.0",
76
76
  "@atlaskit/tokens": "^10.0.0",
77
77
  "@atlaskit/tooltip": "^20.14.0",
78
78
  "@atlaskit/ufo": "^0.4.0",
@@ -103,7 +103,7 @@
103
103
  "@atlaskit/css-reset": "^7.3.0",
104
104
  "@atlaskit/media-test-helpers": "^39.0.0",
105
105
  "@atlaskit/ssr": "workspace:^",
106
- "@atlassian/a11y-jest-testing": "^0.6.0",
106
+ "@atlassian/a11y-jest-testing": "^0.7.0",
107
107
  "@atlassian/analytics-tooling": "workspace:^",
108
108
  "@atlassian/feature-flags-test-utils": "^1.0.0",
109
109
  "@atlassian/gemini": "^1.28.0",
@@ -234,14 +234,14 @@
234
234
  "navx-2827-eslint-object-translation-smart-links": {
235
235
  "type": "boolean"
236
236
  },
237
- "navx-2816-a11y-fix-smart-links-headings": {
238
- "type": "boolean"
239
- },
240
237
  "navx-2811-smart-link-a11y-image-alt": {
241
238
  "type": "boolean"
242
239
  },
243
240
  "navx-2185-smart-link-preview-modal-icon-role": {
244
241
  "type": "boolean"
242
+ },
243
+ "ufo_hold_flexible_card": {
244
+ "type": "boolean"
245
245
  }
246
246
  },
247
247
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"