@atlaskit/media-card 73.1.0 → 73.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 73.1.1
+
+### Patch Changes
+
+- [`9ca8f7e9d74`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9ca8f7e9d74) - Revert extra image visibility style for media card
+
 ## 73.1.0
 
 ### Minor Changes

package/dist/cjs/root/cardView.js

@@ -550,7 +550,6 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
           onDisplayImage = _this$props8.onDisplayImage,
           nativeLazyLoad = _this$props8.nativeLazyLoad,
           forceSyncDisplay = _this$props8.forceSyncDisplay;
-      var didImageRender = this.state.didImageRender;
       return !!dataURI && /*#__PURE__*/_react.default.createElement(_imageRenderer.ImageRenderer, {
         dataURI: dataURI,
         mediaType: mediaType,
@@ -561,8 +560,7 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         onImageLoad: this.onImageLoad,
         onImageError: this.onImageError,
         nativeLazyLoad: nativeLazyLoad,
-        forceSyncDisplay: forceSyncDisplay,
-        isImageVisible: forceSyncDisplay || didImageRender
+        forceSyncDisplay: forceSyncDisplay
       });
     }
   }, {

package/dist/cjs/root/ui/imageRenderer/imageRenderer.js

@@ -7,9 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ImageRendererBase = exports.ImageRenderer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.ImageRenderer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -19,15 +17,11 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _resizeModeToMediaImageProps = require("../../../utils/resizeModeToMediaImageProps");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 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); }
 
 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; }
 
-var ImageRendererBase = function ImageRendererBase(_ref) {
+var ImageRenderer = function ImageRenderer(_ref) {
   var dataURI = _ref.dataURI,
       previewOrientation = _ref.previewOrientation,
       alt = _ref.alt,
@@ -37,9 +31,7 @@ var ImageRendererBase = function ImageRendererBase(_ref) {
       onDisplayImage = _ref.onDisplayImage,
       mediaType = _ref.mediaType,
       nativeLazyLoad = _ref.nativeLazyLoad,
-      forceSyncDisplay = _ref.forceSyncDisplay,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'media-card-image-renderer' : _ref$className;
+      forceSyncDisplay = _ref.forceSyncDisplay;
   (0, _react.useEffect)(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
     if (mediaType === 'image' && onDisplayImage) {
@@ -47,7 +39,6 @@ var ImageRendererBase = function ImageRendererBase(_ref) {
     }
   }, [mediaType, onDisplayImage]);
   return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaImage, (0, _extends2.default)({
-    className: className,
     dataURI: dataURI,
     alt: alt,
     previewOrientation: previewOrientation,
@@ -58,9 +49,4 @@ var ImageRendererBase = function ImageRendererBase(_ref) {
   }, (0, _resizeModeToMediaImageProps.resizeModeToMediaImageProps)(resizeMode)));
 };
 
-exports.ImageRendererBase = ImageRendererBase;
-var ImageRenderer = (0, _styledComponents.default)(ImageRendererBase)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (_ref2) {
-  var isImageVisible = _ref2.isImageVisible;
-  return "\n    visibility: ".concat(isImageVisible ? 'visible' : 'hidden', ";\n");
-});
 exports.ImageRenderer = ImageRenderer;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.1.0",
+	"version": "73.1.1",
 	"sideEffects": false
 }

package/dist/es2019/root/cardView.js

@@ -491,9 +491,6 @@ export class CardViewBase extends React.Component {
       nativeLazyLoad,
       forceSyncDisplay
     } = this.props;
-    const {
-      didImageRender
-    } = this.state;
     return !!dataURI && /*#__PURE__*/React.createElement(ImageRenderer, {
       dataURI: dataURI,
       mediaType: mediaType,
@@ -504,8 +501,7 @@ export class CardViewBase extends React.Component {
       onImageLoad: this.onImageLoad,
       onImageError: this.onImageError,
       nativeLazyLoad: nativeLazyLoad,
-      forceSyncDisplay: forceSyncDisplay,
-      isImageVisible: forceSyncDisplay || didImageRender
+      forceSyncDisplay: forceSyncDisplay
     });
   }
 

package/dist/es2019/root/ui/imageRenderer/imageRenderer.js

@@ -2,8 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { MediaImage } from '@atlaskit/media-ui';
 import { resizeModeToMediaImageProps } from '../../../utils/resizeModeToMediaImageProps';
-import styled from 'styled-components';
-export const ImageRendererBase = ({
+export const ImageRenderer = ({
   dataURI,
   previewOrientation,
   alt,
@@ -13,8 +12,7 @@ export const ImageRendererBase = ({
   onDisplayImage,
   mediaType,
   nativeLazyLoad,
-  forceSyncDisplay,
-  className = 'media-card-image-renderer'
+  forceSyncDisplay
 }) => {
   useEffect(() => {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
@@ -23,7 +21,6 @@ export const ImageRendererBase = ({
     }
   }, [mediaType, onDisplayImage]);
   return /*#__PURE__*/React.createElement(MediaImage, _extends({
-    className: className,
     dataURI: dataURI,
     alt: alt,
     previewOrientation: previewOrientation,
@@ -32,11 +29,4 @@ export const ImageRendererBase = ({
     loading: nativeLazyLoad ? 'lazy' : undefined,
     forceSyncDisplay: forceSyncDisplay
   }, resizeModeToMediaImageProps(resizeMode)));
-};
-export const ImageRenderer = styled(ImageRendererBase)`
-  ${({
-  isImageVisible
-}) => `
-    visibility: ${isImageVisible ? 'visible' : 'hidden'};
-`}
-`;
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.1.0",
+	"version": "73.1.1",
 	"sideEffects": false
 }

package/dist/esm/root/cardView.js

@@ -515,7 +515,6 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
           onDisplayImage = _this$props8.onDisplayImage,
           nativeLazyLoad = _this$props8.nativeLazyLoad,
           forceSyncDisplay = _this$props8.forceSyncDisplay;
-      var didImageRender = this.state.didImageRender;
       return !!dataURI && /*#__PURE__*/React.createElement(ImageRenderer, {
         dataURI: dataURI,
         mediaType: mediaType,
@@ -526,8 +525,7 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         onImageLoad: this.onImageLoad,
         onImageError: this.onImageError,
         nativeLazyLoad: nativeLazyLoad,
-        forceSyncDisplay: forceSyncDisplay,
-        isImageVisible: forceSyncDisplay || didImageRender
+        forceSyncDisplay: forceSyncDisplay
       });
     }
   }, {

package/dist/esm/root/ui/imageRenderer/imageRenderer.js

@@ -1,13 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
-
-var _templateObject;
-
 import React, { useEffect } from 'react';
 import { MediaImage } from '@atlaskit/media-ui';
 import { resizeModeToMediaImageProps } from '../../../utils/resizeModeToMediaImageProps';
-import styled from 'styled-components';
-export var ImageRendererBase = function ImageRendererBase(_ref) {
+export var ImageRenderer = function ImageRenderer(_ref) {
   var dataURI = _ref.dataURI,
       previewOrientation = _ref.previewOrientation,
       alt = _ref.alt,
@@ -17,9 +12,7 @@ export var ImageRendererBase = function ImageRendererBase(_ref) {
       onDisplayImage = _ref.onDisplayImage,
       mediaType = _ref.mediaType,
       nativeLazyLoad = _ref.nativeLazyLoad,
-      forceSyncDisplay = _ref.forceSyncDisplay,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'media-card-image-renderer' : _ref$className;
+      forceSyncDisplay = _ref.forceSyncDisplay;
   useEffect(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
     if (mediaType === 'image' && onDisplayImage) {
@@ -27,7 +20,6 @@ export var ImageRendererBase = function ImageRendererBase(_ref) {
     }
   }, [mediaType, onDisplayImage]);
   return /*#__PURE__*/React.createElement(MediaImage, _extends({
-    className: className,
     dataURI: dataURI,
     alt: alt,
     previewOrientation: previewOrientation,
@@ -36,8 +28,4 @@ export var ImageRendererBase = function ImageRendererBase(_ref) {
     loading: nativeLazyLoad ? 'lazy' : undefined,
     forceSyncDisplay: forceSyncDisplay
   }, resizeModeToMediaImageProps(resizeMode)));
-};
-export var ImageRenderer = styled(ImageRendererBase)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var isImageVisible = _ref2.isImageVisible;
-  return "\n    visibility: ".concat(isImageVisible ? 'visible' : 'hidden', ";\n");
-});
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.1.0",
+	"version": "73.1.1",
 	"sideEffects": false
 }

package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts

@@ -11,14 +11,5 @@ export declare type ImageRendererProps = {
     readonly onImageLoad?: () => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
-    readonly isImageVisible?: boolean;
-    readonly className?: string;
 };
-export declare const ImageRendererBase: React.FC<ImageRendererProps>;
-export declare const ImageRenderer: import("styled-components").StyledComponentClass<ImageRendererProps & {
-    isImageVisible?: boolean | undefined;
-}, any, Pick<ImageRendererProps, "className" | "mediaType" | "alt" | "dataURI" | "resizeMode" | "onDisplayImage" | "previewOrientation" | "onImageError" | "onImageLoad" | "forceSyncDisplay" | "nativeLazyLoad" | "isImageVisible"> & {
-    theme?: any;
-} & {
-    isImageVisible?: boolean | undefined;
-}>;
+export declare const ImageRenderer: React.FC<ImageRendererProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "73.1.0",
+  "version": "73.1.1",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,8 +55,8 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/analytics-listeners": "^8.0.0",
-    "@atlaskit/analytics-namespaced-context": "^6.3.0",
+    "@atlaskit/analytics-listeners": "^8.2.0",
+    "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",