@atlaskit/smart-card 23.14.1 → 23.14.2

package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,48 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyIntersectionObserverCard = LazyIntersectionObserverCard;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _state = require("../../../state");
-
 var _component = require("../component");
-
 var _LazyFallback = require("./LazyFallback");
-
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
-
 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; }
-
 // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
-
 function LazyIntersectionObserverCard(props) {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isIntersecting = _useState2[0],
-      setIsIntersecting = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isIntersecting = _useState2[0],
+    setIsIntersecting = _useState2[1];
   var showActions = props.showActions,
-      appearance = props.appearance,
-      url = props.url,
-      id = props.id;
+    appearance = props.appearance,
+    url = props.url,
+    id = props.id;
   var prefetch = (0, _state.usePrefetch)(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -50,7 +36,6 @@ function LazyIntersectionObserverCard(props) {
     var isVisible = entries.some(function (entry) {
       return entry.isIntersecting;
     });
-
     if (isVisible) {
       (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
       setIsIntersecting(true);
@@ -63,7 +48,6 @@ function LazyIntersectionObserverCard(props) {
     if (!element) {
       return;
     }
-
     var intersectionObserver = new IntersectionObserver(onIntersection, {
       rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
     });

package/dist/cjs/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -1,35 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyLazilyRenderCard = LazyLazilyRenderCard;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactLazilyRender = _interopRequireDefault(require("react-lazily-render"));
-
 var _component = require("../component");
-
 var _LazyFallback = require("./LazyFallback");
-
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
-
 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; }
-
 function LazyLazilyRenderCard(props) {
   var appearance = props.appearance,
-      container = props.container,
-      showActions = props.showActions,
-      id = props.id;
+    container = props.container,
+    showActions = props.showActions,
+    id = props.id;
   var offset = Math.ceil(window.innerHeight / 4);
   (0, _react.useState)(function () {
     // Start of experience when intersectionObserver is not supported.

package/dist/cjs/view/CardWithUrl/component-lazy/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LazyCardWithUrlContent;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _LazyLazilyRenderCard = require("./LazyLazilyRenderCard");
-
 var _LazyIntersectionObserverCard = require("./LazyIntersectionObserverCard");
-
 var _utils = require("../../../utils");
-
 function LazyCardWithUrlContent(props) {
   if ((0, _utils.isIntersectionObserverSupported)()) {
     return /*#__PURE__*/_react.default.createElement(_LazyIntersectionObserverCard.LazyIntersectionObserverCard, props);

package/dist/cjs/view/CardWithUrl/component.js

@@ -1,75 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardWithUrlContent = CardWithUrlContent;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _linkProvider = require("@atlaskit/link-provider");
-
 var _utils = require("../../utils");
-
 var measure = _interopRequireWildcard(require("../../utils/performance"));
-
 var _helpers = require("../../state/helpers");
-
 var _state = require("../../state");
-
 var _BlockCard = require("../BlockCard");
-
 var _InlineCard = require("../InlineCard");
-
 var _EmbedCard = require("../EmbedCard");
-
 var _flexible = require("../../utils/flexible");
-
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
-
 var _ = require("../..");
-
 var _constants = require("../../constants");
-
 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; }
-
 function CardWithUrlContent(_ref) {
   var id = _ref.id,
-      url = _ref.url,
-      isSelected = _ref.isSelected,
-      isFrameVisible = _ref.isFrameVisible,
-      platform = _ref.platform,
-      onClick = _ref.onClick,
-      appearance = _ref.appearance,
-      dispatchAnalytics = _ref.dispatchAnalytics,
-      onResolve = _ref.onResolve,
-      onError = _ref.onError,
-      testId = _ref.testId,
-      showActions = _ref.showActions,
-      inheritDimensions = _ref.inheritDimensions,
-      embedIframeRef = _ref.embedIframeRef,
-      inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-      ui = _ref.ui,
-      children = _ref.children,
-      showHoverPreview = _ref.showHoverPreview,
-      showAuthTooltipProp = _ref.showAuthTooltip,
-      analyticsEvents = _ref.analyticsEvents;
-
+    url = _ref.url,
+    isSelected = _ref.isSelected,
+    isFrameVisible = _ref.isFrameVisible,
+    platform = _ref.platform,
+    onClick = _ref.onClick,
+    appearance = _ref.appearance,
+    dispatchAnalytics = _ref.dispatchAnalytics,
+    onResolve = _ref.onResolve,
+    onError = _ref.onError,
+    testId = _ref.testId,
+    showActions = _ref.showActions,
+    inheritDimensions = _ref.inheritDimensions,
+    embedIframeRef = _ref.embedIframeRef,
+    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
+    ui = _ref.ui,
+    children = _ref.children,
+    showHoverPreview = _ref.showHoverPreview,
+    showAuthTooltipProp = _ref.showAuthTooltip,
+    analyticsEvents = _ref.analyticsEvents;
   // Get state, actions for this card.
   var _useSmartLink = (0, _state.useSmartLink)(id, url, dispatchAnalytics),
-      state = _useSmartLink.state,
-      actions = _useSmartLink.actions,
-      defaultAnalytics = _useSmartLink.analytics,
-      config = _useSmartLink.config,
-      renderers = _useSmartLink.renderers,
-      error = _useSmartLink.error;
-
+    state = _useSmartLink.state,
+    actions = _useSmartLink.actions,
+    defaultAnalytics = _useSmartLink.analytics,
+    config = _useSmartLink.config,
+    renderers = _useSmartLink.renderers,
+    error = _useSmartLink.error;
   var analytics = analyticsEvents || defaultAnalytics;
   var definitionId = (0, _helpers.getDefinitionId)(state.details);
   var extensionKey = (0, _helpers.getExtensionKey)(state.details);
@@ -82,8 +62,9 @@ function CardWithUrlContent(_ref) {
   }, [children]);
   var showAuthTooltipFeatureFlagValue = (0, _linkProvider.useFeatureFlag)('showAuthTooltip');
   var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
-  var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard')); // Setup UI handlers.
+  var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard'));
 
+  // Setup UI handlers.
   var handleClick = (0, _react.useCallback)(function (event) {
     var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
     (0, _utils.isSpecialEvent)(event) ? window.open(clickUrl, '_blank') : window.open(clickUrl, '_self');
@@ -100,7 +81,6 @@ function CardWithUrlContent(_ref) {
       destinationProduct: product,
       destinationSubproduct: subproduct
     });
-
     if (onClick) {
       onClick(event);
     } else if (!isFlexibleUi) {
@@ -115,12 +95,12 @@ function CardWithUrlContent(_ref) {
   }, [actions]);
   var handleInvoke = (0, _react.useCallback)(function (opts) {
     return actions.invoke(opts, appearance);
-  }, [actions, appearance]); // NB: for each status change in a Smart Link, a performance mark is created.
-  // Measures are sent relative to the first mark, matching what a user sees.
+  }, [actions, appearance]);
 
+  // NB: for each status change in a Smart Link, a performance mark is created.
+  // Measures are sent relative to the first mark, matching what a user sees.
   (0, _react.useEffect)(function () {
     measure.mark(id, state.status);
-
     if (state.status !== 'pending' && state.status !== 'resolving') {
       measure.create(id, state.status);
       analytics.operational.instrument({
@@ -132,11 +112,12 @@ function CardWithUrlContent(_ref) {
         error: state.error
       });
     }
-  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]); // NB: once the smart-card has rendered into an end state, we capture
+  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]);
+
+  // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
   // - the resolved state: when metadata is shown;
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
-
   (0, _react.useEffect)(function () {
     if ((0, _helpers.isFinalState)(state.status)) {
       analytics.ui.renderSuccessEvent({
@@ -172,10 +153,8 @@ function CardWithUrlContent(_ref) {
       destinationSubproduct: subproduct
     });
   }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct]);
-
   if (isFlexibleUi) {
     var cardState = state;
-
     if (error) {
       if ((error === null || error === void 0 ? void 0 : error.constructor) === _.APIError) {
         cardState = {
@@ -185,7 +164,6 @@ function CardWithUrlContent(_ref) {
         throw error;
       }
     }
-
     return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
       id: id,
       cardState: cardState,
@@ -199,13 +177,12 @@ function CardWithUrlContent(_ref) {
       onResolve: onResolve,
       onError: onError
     }, children);
-  } // We have to keep this last to prevent hook order from being violated
-
+  }
 
+  // We have to keep this last to prevent hook order from being violated
   if (error) {
     throw error;
   }
-
   switch (appearance) {
     case 'inline':
       return /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, {
@@ -223,7 +200,6 @@ function CardWithUrlContent(_ref) {
         showHoverPreview: showHoverPreview,
         showAuthTooltip: showAuthTooltip
       });
-
     case 'block':
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {
         id: id,
@@ -244,7 +220,6 @@ function CardWithUrlContent(_ref) {
         platform: platform,
         enableFlexibleBlockCard: enableFlexibleBlockCardFlag
       });
-
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {
         id: id,

package/dist/cjs/view/CardWithUrl/loader.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardWithURLRenderer = CardWithURLRenderer;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uuid = _interopRequireDefault(require("uuid"));
-
 var _analytics = require("../../utils/analytics");
-
 var _performance = require("../../utils/performance");
-
 var _reactErrorBoundary = require("react-error-boundary");
-
 var _analytics2 = require("../../state/analytics");
-
 var _LazyFallback = require("./component-lazy/LazyFallback");
-
 var _utils = require("../../utils");
-
 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 || (0, _typeof2.default)(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 LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
   return (0, _utils.importWithRetry)(function () {
     return Promise.resolve().then(function () {
@@ -38,14 +24,12 @@ var LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
     });
   });
 });
-
 function CardWithURLRenderer(props) {
   var _useState = (0, _react.useState)(function () {
-    return props.id ? props.id : (0, _uuid.default)();
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      id = _useState2[0];
-
+      return props.id ? props.id : (0, _uuid.default)();
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    id = _useState2[0];
   (0, _react.useEffect)(function () {
     // ComponentWillUnmount
     return function () {
@@ -54,27 +38,28 @@ function CardWithURLRenderer(props) {
     };
   }, [id]);
   var url = props.url,
-      appearance = props.appearance,
-      isSelected = props.isSelected,
-      isFrameVisible = props.isFrameVisible,
-      onClick = props.onClick,
-      container = props.container,
-      onResolve = props.onResolve,
-      onError = props.onError,
-      testId = props.testId,
-      showActions = props.showActions,
-      inheritDimensions = props.inheritDimensions,
-      platform = props.platform,
-      embedIframeRef = props.embedIframeRef,
-      inlinePreloaderStyle = props.inlinePreloaderStyle,
-      createAnalyticsEvent = props.createAnalyticsEvent,
-      children = props.children,
-      ui = props.ui,
-      showHoverPreview = props.showHoverPreview,
-      showAuthTooltip = props.showAuthTooltip,
-      analyticsEvents = props.analyticsEvents,
-      placeholder = props.placeholder; // Wrapper around analytics.
-
+    appearance = props.appearance,
+    isSelected = props.isSelected,
+    isFrameVisible = props.isFrameVisible,
+    onClick = props.onClick,
+    container = props.container,
+    onResolve = props.onResolve,
+    onError = props.onError,
+    testId = props.testId,
+    showActions = props.showActions,
+    inheritDimensions = props.inheritDimensions,
+    platform = props.platform,
+    embedIframeRef = props.embedIframeRef,
+    inlinePreloaderStyle = props.inlinePreloaderStyle,
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    children = props.children,
+    ui = props.ui,
+    showHoverPreview = props.showHoverPreview,
+    showAuthTooltip = props.showAuthTooltip,
+    analyticsEvents = props.analyticsEvents,
+    placeholder = props.placeholder;
+
+  // Wrapper around analytics.
   var dispatchAnalytics = (0, _react.useCallback)(function (analyticsPayload) {
     if (analyticsPayload && analyticsPayload.attributes) {
       // Update if we haven't already set the display - possible
@@ -83,7 +68,6 @@ function CardWithURLRenderer(props) {
         analyticsPayload.attributes.display = appearance;
       }
     }
-
     (0, _analytics.fireSmartLinkEvent)(analyticsPayload, createAnalyticsEvent);
   }, [appearance, createAnalyticsEvent]);
   var analytics = (0, _analytics2.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
@@ -91,12 +75,12 @@ function CardWithURLRenderer(props) {
     var componentStack = info.componentStack;
     var errorInfo = {
       componentStack: componentStack
-    }; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
+    };
+    // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
     // The rest of the errors caught here are unexpected, and correlate
     // to the reliability of the smart-card front-end components.
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
-
     if (error.name === 'ChunkLoadError') {
       analytics.operational.chunkloadFailedEvent({
         display: appearance,
@@ -110,17 +94,15 @@ function CardWithURLRenderer(props) {
         error: error,
         errorInfo: errorInfo
       });
-    } // Rethrow to hand control to the consumer of Smart-card.
-    // In the case of editor this allows the Smart Link to fallback to a blue link.
-
+    }
 
+    // Rethrow to hand control to the consumer of Smart-card.
+    // In the case of editor this allows the Smart Link to fallback to a blue link.
     throw error;
   }, [analytics.operational, analytics.ui, appearance, id]);
-
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }
-
   var cardWithUrlProps = {
     id: id,
     url: url,
@@ -151,7 +133,6 @@ function CardWithURLRenderer(props) {
     fallback: /*#__PURE__*/_react.default.createElement(_LazyFallback.LoadingCardLink, cardWithUrlProps)
   }, /*#__PURE__*/_react.default.createElement(LazyCardWithUrlContent, cardWithUrlProps, children)));
 }
-
 var ErrorFallback = function ErrorFallback() {
   return null;
 };

package/dist/cjs/view/EmbedCard/EmbedResizeMessageListener.js

@@ -1,58 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedResizeMessageListener = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = require("./components/styled");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var EmbedResizeMessageListener = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(EmbedResizeMessageListener, _React$Component);
-
   var _super = _createSuper(EmbedResizeMessageListener);
-
   function EmbedResizeMessageListener() {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmbedResizeMessageListener);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "messageCallback", function (event) {
       var embedIframeRef = _this.props.embedIframeRef;
       var isFromExpectedIframe = embedIframeRef.current && event.source === embedIframeRef.current.contentWindow;
       var isStringData = typeof event.data === 'string';
-
       if (isFromExpectedIframe && isStringData) {
         try {
           var data = JSON.parse(event.data);
-
           if (data.method === 'resize' && typeof data.height === 'number') {
             _this.onEmbedHeightChange({
               height: data.height
@@ -68,7 +48,6 @@ var EmbedResizeMessageListener = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(EmbedResizeMessageListener, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -87,5 +66,4 @@ var EmbedResizeMessageListener = /*#__PURE__*/function (_React$Component) {
   }]);
   return EmbedResizeMessageListener;
 }(_react.default.Component);
-
 exports.EmbedResizeMessageListener = EmbedResizeMessageListener;

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -1,45 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandedFrame = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = require("./styled");
-
 var _handlers = require("../../BlockCard/utils/handlers");
-
 var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
-      isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
-      children = _ref.children,
-      onClick = _ref.onClick,
-      icon = _ref.icon,
-      text = _ref.text,
-      isSelected = _ref.isSelected,
-      isFrameVisible = _ref.isFrameVisible,
-      isVisible = _ref.isVisible,
-      href = _ref.href,
-      minWidth = _ref.minWidth,
-      maxWidth = _ref.maxWidth,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
-      inheritDimensions = _ref.inheritDimensions,
-      _ref$allowScrollBar = _ref.allowScrollBar,
-      allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
-
+    isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
+    children = _ref.children,
+    onClick = _ref.onClick,
+    icon = _ref.icon,
+    text = _ref.text,
+    isSelected = _ref.isSelected,
+    isFrameVisible = _ref.isFrameVisible,
+    isVisible = _ref.isVisible,
+    href = _ref.href,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
+    inheritDimensions = _ref.inheritDimensions,
+    _ref$allowScrollBar = _ref.allowScrollBar,
+    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
-
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-
   var renderHeader = function renderHeader() {
     return /*#__PURE__*/_react.default.createElement(_styled.Header, {
       className: "embed-header"
@@ -52,7 +44,6 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       onClick: handleClick
     }, text)));
   };
-
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement(_styled.Content, {
       "data-testid": "embed-content-wrapper",
@@ -60,7 +51,6 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       isInteractive: isInteractive()
     }, children);
   };
-
   if (!isPlaceholder && href) {
     return /*#__PURE__*/_react.default.createElement(_styled.LinkWrapper, {
       className: _styled.className,
@@ -71,9 +61,11 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       maxWidth: maxWidth,
       isVisible: isVisible,
       "data-testid": testId,
-      "data-trello-do-not-use-override": testId // Due to limitations of testing library, we can't assert ::after
+      "data-trello-do-not-use-override": testId
+      // Due to limitations of testing library, we can't assert ::after
       ,
-      "data-is-selected": isSelected // Due to limitation of testing library, we can't match background colors #ebecf0 and rgb(235, 236, 240)
+      "data-is-selected": isSelected
+      // Due to limitation of testing library, we can't match background colors #ebecf0 and rgb(235, 236, 240)
       ,
       "data-is-frame-visible": isFrameVisible,
       inheritDimensions: inheritDimensions
@@ -95,5 +87,4 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
     }, renderHeader(), renderContent());
   }
 };
-
 exports.ExpandedFrame = ExpandedFrame;