@atlaskit/media-card 79.16.1 → 79.16.2

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/card/ui/imageRenderer/imageRendererV2.js +8 -1
  3. package/dist/es2019/card/ui/imageRenderer/imageRendererV2.js +8 -1
  4. package/dist/esm/card/ui/imageRenderer/imageRendererV2.js +8 -1
  5. package/package.json +9 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/media-card
2
2
 
3
+ ## 79.16.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b512cc17bab98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b512cc17bab98) -
8
+ Added change to avoid adding ufo hold if the the cardpreview is not available
9
+ - Updated dependencies
10
+
3
11
  ## 79.16.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/card/ui/imageRenderer/imageRendererV2.js CHANGED
@@ -19,6 +19,7 @@ var _mediaClient = require("@atlaskit/media-client");
19
19
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
20
  var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
21
21
  var _interactionContext = require("@atlaskit/react-ufo/interaction-context");
22
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
22
23
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
23
24
  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; }
24
25
  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; }
@@ -58,9 +59,12 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
58
59
  setResolvedDimensions = _useState4[1];
59
60
  (0, _react.useLayoutEffect)(function () {
60
61
  if (!didRender && (0, _platformFeatureFlags.fg)('platfrom_close_blindspot_for_img')) {
62
+ if (!cardPreview && (0, _expValEquals.expValEquals)('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
63
+ return;
64
+ }
61
65
  return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
62
66
  }
63
- }, [didRender, ufoContext]);
67
+ }, [didRender, cardPreview, ufoContext]);
64
68
  var imgRef = (0, _react.useRef)(null);
65
69
  var onLoad = function onLoad(evt) {
66
70
  wrapperRef.current && setResolvedDimensions((0, _helpers.calculateDimensions)(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -68,6 +72,9 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
68
72
  cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
69
73
  };
70
74
  var onError = function onError() {
75
+ if ((0, _expValEquals.expValEquals)('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
76
+ setDidRender(true);
77
+ }
71
78
  onImageError && cardPreview && onImageError(cardPreview);
72
79
  };
73
80
  (0, _react.useEffect)(function () {
package/dist/es2019/card/ui/imageRenderer/imageRendererV2.js CHANGED
@@ -9,6 +9,7 @@ import { isFileIdentifier } from '@atlaskit/media-client';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import UFOCustomData from '@atlaskit/react-ufo/custom-data';
11
11
  import { useInteractionContext } from '@atlaskit/react-ufo/interaction-context';
12
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
13
  const baseStyles = null;
13
14
  const backgroundStyles = null;
14
15
  export const ImageRenderer = ({
@@ -38,9 +39,12 @@ export const ImageRenderer = ({
38
39
  const [resolvedDimensions, setResolvedDimensions] = useState(calculateInitialDimensions(resizeMode));
39
40
  useLayoutEffect(() => {
40
41
  if (!didRender && fg('platfrom_close_blindspot_for_img')) {
42
+ if (!cardPreview && expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
43
+ return;
44
+ }
41
45
  return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
42
46
  }
43
- }, [didRender, ufoContext]);
47
+ }, [didRender, cardPreview, ufoContext]);
44
48
  const imgRef = useRef(null);
45
49
  const onLoad = evt => {
46
50
  wrapperRef.current && setResolvedDimensions(calculateDimensions(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -48,6 +52,9 @@ export const ImageRenderer = ({
48
52
  cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
49
53
  };
50
54
  const onError = () => {
55
+ if (expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
56
+ setDidRender(true);
57
+ }
51
58
  onImageError && cardPreview && onImageError(cardPreview);
52
59
  };
53
60
  useEffect(() => {
package/dist/esm/card/ui/imageRenderer/imageRendererV2.js CHANGED
@@ -13,6 +13,7 @@ import { isFileIdentifier } from '@atlaskit/media-client';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
14
  import UFOCustomData from '@atlaskit/react-ufo/custom-data';
15
15
  import { useInteractionContext } from '@atlaskit/react-ufo/interaction-context';
16
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
17
  var baseStyles = null;
17
18
  var backgroundStyles = null;
18
19
  export var ImageRenderer = function ImageRenderer(_ref) {
@@ -49,9 +50,12 @@ export var ImageRenderer = function ImageRenderer(_ref) {
49
50
  setResolvedDimensions = _useState4[1];
50
51
  useLayoutEffect(function () {
51
52
  if (!didRender && fg('platfrom_close_blindspot_for_img')) {
53
+ if (!cardPreview && expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
54
+ return;
55
+ }
52
56
  return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
53
57
  }
54
- }, [didRender, ufoContext]);
58
+ }, [didRender, cardPreview, ufoContext]);
55
59
  var imgRef = useRef(null);
56
60
  var onLoad = function onLoad(evt) {
57
61
  wrapperRef.current && setResolvedDimensions(calculateDimensions(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -59,6 +63,9 @@ export var ImageRenderer = function ImageRenderer(_ref) {
59
63
  cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
60
64
  };
61
65
  var onError = function onError() {
66
+ if (expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
67
+ setDidRender(true);
68
+ }
62
69
  onImageError && cardPreview && onImageError(cardPreview);
63
70
  };
64
71
  useEffect(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "79.16.1",
3
+ "version": "79.16.2",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,10 +31,10 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/analytics-next": "^11.1.0",
35
- "@atlaskit/dropdown-menu": "^16.7.0",
34
+ "@atlaskit/analytics-next": "^11.2.0",
35
+ "@atlaskit/dropdown-menu": "^16.8.0",
36
36
  "@atlaskit/editor-shared-styles": "^3.10.0",
37
- "@atlaskit/icon": "^33.0.0",
37
+ "@atlaskit/icon": "^33.1.0",
38
38
  "@atlaskit/link": "^3.3.0",
39
39
  "@atlaskit/media-client": "^36.0.0",
40
40
  "@atlaskit/media-client-react": "^5.0.0",
@@ -45,11 +45,12 @@
45
45
  "@atlaskit/media-ui": "^28.7.0",
46
46
  "@atlaskit/media-viewer": "^52.9.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
- "@atlaskit/primitives": "^18.0.0",
48
+ "@atlaskit/primitives": "^18.1.0",
49
49
  "@atlaskit/react-ufo": "^5.5.0",
50
50
  "@atlaskit/spinner": "^19.0.0",
51
51
  "@atlaskit/theme": "^22.0.0",
52
- "@atlaskit/tokens": "^11.2.0",
52
+ "@atlaskit/tmp-editor-statsig": "^46.2.0",
53
+ "@atlaskit/tokens": "^11.3.0",
53
54
  "@atlaskit/tooltip": "^21.0.0",
54
55
  "@atlaskit/ufo": "^0.4.0",
55
56
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +73,7 @@
72
73
  "@af/integration-testing": "workspace:^",
73
74
  "@atlaskit/analytics-listeners": "^10.0.0",
74
75
  "@atlaskit/analytics-namespaced-context": "^7.2.0",
75
- "@atlaskit/form": "^15.4.0",
76
+ "@atlaskit/form": "^15.5.0",
76
77
  "@atlaskit/inline-message": "^15.6.0",
77
78
  "@atlaskit/media-core": "^37.0.0",
78
79
  "@atlaskit/media-picker": "^70.1.0",
@@ -84,6 +85,7 @@
84
85
  "@atlaskit/toggle": "^15.2.0",
85
86
  "@atlassian/a11y-jest-testing": "^0.10.0",
86
87
  "@atlassian/feature-flags-test-utils": "^1.0.0",
88
+ "@atlassian/testing-library": "^0.4.0",
87
89
  "@atlassian/ufo": "^0.7.0",
88
90
  "@testing-library/dom": "^10.1.0",
89
91
  "@testing-library/react": "^16.3.0",