@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/cjs/view/FlexibleCard/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("../../constants");
-
 var _container = _interopRequireDefault(require("./components/container"));
-
 var _flexibleUiContext = require("../../state/flexible-ui-context");
-
 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 || _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 represents a Flexible Card: a link represented by a card with metadata.
  * This is the container in which all Flexible UI Blocks and Elements exist.
@@ -33,28 +22,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var FlexibleCard = function FlexibleCard(_ref) {
   var cardState = _ref.cardState,
-      children = _ref.children,
-      onAuthorize = _ref.onAuthorize,
-      onError = _ref.onError,
-      onResolve = _ref.onResolve,
-      renderers = _ref.renderers,
-      ui = _ref.ui,
-      url = _ref.url,
-      onClick = _ref.onClick,
-      testId = _ref.testId,
-      analytics = _ref.analytics,
-      showHoverPreview = _ref.showHoverPreview;
+    children = _ref.children,
+    onAuthorize = _ref.onAuthorize,
+    onError = _ref.onError,
+    onResolve = _ref.onResolve,
+    renderers = _ref.renderers,
+    ui = _ref.ui,
+    url = _ref.url,
+    onClick = _ref.onClick,
+    testId = _ref.testId,
+    analytics = _ref.analytics,
+    showHoverPreview = _ref.showHoverPreview;
   var cardType = cardState.status,
-      details = cardState.details;
+    details = cardState.details;
   var status = cardType;
   var context = (0, _react.useMemo)(function () {
     return (0, _utils.getContextByStatus)(url, status, details, renderers);
   }, [details, renderers, status, url]);
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
-
   var _ref2 = context || {},
-      title = _ref2.title;
-
+    title = _ref2.title;
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:
@@ -64,9 +51,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
             url: url
           });
         }
-
         break;
-
       case _constants.SmartLinkStatus.Errored:
       case _constants.SmartLinkStatus.Fallback:
       case _constants.SmartLinkStatus.Forbidden:
@@ -78,7 +63,6 @@ var FlexibleCard = function FlexibleCard(_ref) {
             url: url
           });
         }
-
         break;
     }
   }, [onError, onResolve, status, title, url]);
@@ -95,6 +79,5 @@ var FlexibleCard = function FlexibleCard(_ref) {
     status: status
   }), children)));
 };
-
 var _default = FlexibleCard;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/utils.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRetryOptions = exports.getContextByStatus = void 0;
-
 var _constants = require("../../constants");
-
 var _jsonld = require("../../utils/jsonld");
-
 var _context = require("../../extractors/common/context");
-
 var _messages = require("../../messages");
-
 var _flexible = _interopRequireDefault(require("../../extractors/flexible"));
-
 var _icon = require("../../extractors/flexible/icon");
-
 var _utils = require("../../utils");
-
 var _extractors = require("@atlaskit/linking-common/extractors");
-
 var _extractProviderIcon = _interopRequireDefault(require("../../extractors/flexible/icon/extract-provider-icon"));
-
 var getContextByStatus = function getContextByStatus(url, status, details, renderers) {
   switch (status) {
     case _constants.SmartLinkStatus.Pending:
@@ -33,10 +22,8 @@ var getContextByStatus = function getContextByStatus(url, status, details, rende
         title: url,
         url: url
       };
-
     case _constants.SmartLinkStatus.Resolved:
       return (0, _flexible.default)(details, renderers);
-
     case _constants.SmartLinkStatus.Unauthorized:
     case _constants.SmartLinkStatus.Forbidden:
     case _constants.SmartLinkStatus.NotFound:
@@ -53,45 +40,33 @@ var getContextByStatus = function getContextByStatus(url, status, details, rende
       };
   }
 };
-
 exports.getContextByStatus = getContextByStatus;
-
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   var _meta$requestAccess;
-
   var accessType = meta === null || meta === void 0 ? void 0 : (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
-
   switch (accessType) {
     case 'DIRECT_ACCESS':
       return 'join_to_view';
-
     case 'REQUEST_ACCESS':
       return 'request_access_to_view';
-
     case 'PENDING_REQUEST_EXISTS':
       return 'pending_request';
-
     case 'FORBIDDEN':
       return 'forbidden_access';
-
     case 'DENIED_REQUEST_EXISTS':
       return 'request_denied';
-
     default:
       return 'restricted_link';
   }
 };
-
 var getRetryOptions = function getRetryOptions(url, status, details, onAuthorize) {
   var _details$meta, _access$action;
-
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var provider = (0, _extractors.extractProvider)(data);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
   var values = context ? {
     context: context
   } : undefined;
-
   switch (status) {
     case _constants.SmartLinkStatus.Forbidden:
       var meta = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
@@ -109,19 +84,16 @@ var getRetryOptions = function getRetryOptions(url, status, details, onAuthorize
         onClick: onClick,
         values: values
       };
-
     case _constants.SmartLinkStatus.Unauthorized:
       return {
         descriptor: _messages.messages.connect_link_account_card_name,
         onClick: onAuthorize ? (0, _utils.handleOnClick)(onAuthorize) : undefined,
         values: values
       };
-
     case _constants.SmartLinkStatus.NotFound:
       return {
         descriptor: _messages.messages.cannot_find_link
       };
   }
 };
-
 exports.getRetryOptions = getRetryOptions;

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -1,57 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HoverCardComponent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _useSmartLinkActions = require("../../../state/hooks-external/useSmartLinkActions");
-
 var _renderers = require("../../../state/renderers");
-
 var _store = require("../../../state/store");
-
 var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
-
 var _styled = require("../styled");
-
 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; }
-
 /** @jsx jsx */
+
 var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
-      url = _ref.url,
-      analyticsHandler = _ref.analyticsHandler,
-      analytics = _ref.analytics,
-      _ref$canOpen = _ref.canOpen,
-      canOpen = _ref$canOpen === void 0 ? true : _ref$canOpen,
-      _ref$closeOnChildClic = _ref.closeOnChildClick,
-      closeOnChildClick = _ref$closeOnChildClic === void 0 ? false : _ref$closeOnChildClic;
+    url = _ref.url,
+    analyticsHandler = _ref.analyticsHandler,
+    analytics = _ref.analytics,
+    _ref$canOpen = _ref.canOpen,
+    canOpen = _ref$canOpen === void 0 ? true : _ref$canOpen,
+    _ref$closeOnChildClic = _ref.closeOnChildClick,
+    closeOnChildClick = _ref$closeOnChildClic === void 0 ? false : _ref$closeOnChildClic;
   var delay = 300;
-
   var _React$useState = _react2.default.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      isOpen = _React$useState2[0],
-      setIsOpen = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
   var fadeOutTimeoutId = (0, _react2.useRef)();
   var fadeInTimeoutId = (0, _react2.useRef)();
   var cardOpenTime = (0, _react2.useRef)();
@@ -67,7 +50,6 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     if (isOpen) {
       return;
     }
-
     mousePos.current = {
       x: event.clientX,
       y: event.clientY
@@ -84,14 +66,12 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
         status: linkStatus
       });
     }
-
     setIsOpen(false);
   }, [analytics.ui, isOpen, linkStatus]);
   var initHideCard = (0, _react2.useCallback)(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
     }
-
     fadeOutTimeoutId.current = setTimeout(function () {
       return hideCard();
     }, delay);
@@ -99,9 +79,8 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
   var initShowCard = (0, _react2.useCallback)(function (event) {
     if (fadeOutTimeoutId.current) {
       clearTimeout(fadeOutTimeoutId.current);
-    } //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
-
-
+    }
+    //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
     fadeInTimeoutId.current = setTimeout(function () {
       //Check if its previously closed to avoid firing events when moving between the child and hover card components
@@ -112,17 +91,14 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
           previewInvokeMethod: invokeMethod,
           status: linkStatus
         });
-      } //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
-
-
+      }
+      //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
       if (parentSpan.current && mousePos.current) {
         var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
-            bottom = _parentSpan$current$g.bottom,
-            left = _parentSpan$current$g.left;
-
+          bottom = _parentSpan$current$g.bottom,
+          left = _parentSpan$current$g.left;
         popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + _styled.CARD_GAP_PX];
       }
-
       setIsOpen(true);
     }, delay);
   }, [isOpen, setMousePosition, analytics.ui, linkStatus]);
@@ -136,11 +112,12 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     if (actionId === 'preview-content') {
       hideCard();
     }
-  }, [hideCard]); // Stop hover preview content to propagate event to parent.
+  }, [hideCard]);
+
+  // Stop hover preview content to propagate event to parent.
 
   var onChildClick = (0, _react2.useCallback)(function (e) {
     e.stopPropagation();
-
     if (closeOnChildClick) {
       hideCard();
     }
@@ -180,8 +157,6 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     content: content,
     trigger: trigger,
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
-
   });
 };
-
 exports.HoverCardComponent = HoverCardComponent;

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -1,60 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hoverCardClassName = exports.getOpenAction = exports.getCopyAction = exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = require("@emotion/react");
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
-
 var _extractors = require("@atlaskit/linking-common/extractors");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _constants = require("../../../constants");
-
 var _extractMetadata2 = require("../../../extractors/hover/extractMetadata");
-
 var _helpers = require("../../../state/helpers");
-
 var _utils = require("../../../utils");
-
 var _styled = require("../styled");
-
 var _utils2 = require("../utils");
-
 var _resolving = _interopRequireDefault(require("./views/resolving"));
-
 var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
-
 var _resolved = _interopRequireDefault(require("./views/resolved"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _messages = require("../../../messages");
-
 var _actions = require("../../../state/actions");
-
 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; }
-
 /** @jsx jsx */
+
 var hoverCardClassName = 'smart-links-hover-preview';
 exports.hoverCardClassName = hoverCardClassName;
-
 var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
   return {
     name: _constants.ActionName.CustomAction,
@@ -67,7 +43,6 @@ var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
       if (onActionClick) {
         onActionClick('open-content');
       }
-
       window.open(url, '_blank');
       analytics.ui.hoverCardOpenLinkClickedEvent({
         previewDisplay: 'card'
@@ -77,9 +52,7 @@ var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
     testId: 'hover-card-open-button'
   };
 };
-
 exports.getOpenAction = getOpenAction;
-
 var getCopyAction = function getCopyAction(url) {
   return {
     name: _constants.ActionName.CustomAction,
@@ -96,10 +69,8 @@ var getCopyAction = function getCopyAction(url) {
               case 0:
                 _context.next = 2;
                 return navigator.clipboard.writeText(url);
-
               case 2:
                 return _context.abrupt("return", _context.sent);
-
               case 3:
               case "end":
                 return _context.stop();
@@ -107,35 +78,30 @@ var getCopyAction = function getCopyAction(url) {
           }
         }, _callee);
       }));
-
       function onClick() {
         return _onClick.apply(this, arguments);
       }
-
       return onClick;
     }(),
     tooltipMessage: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
     testId: 'hover-card-copy-button'
   };
 };
-
 exports.getCopyAction = getCopyAction;
-
 var HoverCardContent = function HoverCardContent(_ref) {
   var _cardState$details;
-
   var _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      analytics = _ref.analytics,
-      _ref$cardActions = _ref.cardActions,
-      cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
-      cardState = _ref.cardState,
-      onActionClick = _ref.onActionClick,
-      onResolve = _ref.onResolve,
-      renderers = _ref.renderers,
-      url = _ref.url,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave;
+    id = _ref$id === void 0 ? '' : _ref$id,
+    analytics = _ref.analytics,
+    _ref$cardActions = _ref.cardActions,
+    cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+    cardState = _ref.cardState,
+    onActionClick = _ref.onActionClick,
+    onResolve = _ref.onResolve,
+    renderers = _ref.renderers,
+    url = _ref.url,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
   var extensionKey = (0, _react2.useMemo)(function () {
     return (0, _helpers.getExtensionKey)(cardState.details);
   }, [cardState.details]);
@@ -158,10 +124,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [url, analytics, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var types = data ? (0, _extractors.extractType)(data) : undefined;
-
   var _extractMetadata = (0, _extractMetadata2.extractMetadata)((0, _utils2.getSimulatedMetadata)(extensionKey, types)),
-      subtitle = _extractMetadata.subtitle;
-
+    subtitle = _extractMetadata.subtitle;
   var titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
   var titleBlockProps = {
     actions: titleActions,
@@ -183,7 +147,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = (0, _react2.useCallback)(function (e) {
     return e.stopPropagation();
   }, []);
-
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
       return (0, _react.jsx)(_resolving.default, {
@@ -191,7 +154,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-
     if (cardState.status === 'unauthorized') {
       return (0, _react.jsx)(_unauthorised.default, {
         analytics: analytics,
@@ -201,7 +163,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
         url: url
       });
     }
-
     if (cardState.status === 'resolved') {
       return (0, _react.jsx)(_resolved.default, {
         id: id,
@@ -215,10 +176,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-
     return null;
   };
-
   var cardView = getCardView(cardState);
   return cardView ? (0, _react.jsx)("div", {
     onMouseEnter: onMouseEnter,
@@ -228,6 +187,5 @@ var HoverCardContent = function HoverCardContent(_ref) {
     css: _styled.HoverCardContainer
   }, cardView) : null;
 };
-
 var _default = HoverCardContent;
 exports.default = _default;

package/dist/cjs/view/HoverCard/components/SnippetOrPreview.js

@@ -1,57 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _extractPreview = _interopRequireDefault(require("../../../extractors/flexible/extract-preview"));
-
 var _blocks = require("../../FlexibleCard/components/blocks");
-
 var _styled = require("../styled");
-
 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 SnippetOrPreview = function SnippetOrPreview(_ref) {
   var data = _ref.data,
-      snippetHeight = _ref.snippetHeight;
+    snippetHeight = _ref.snippetHeight;
   var transitionStarted = (0, _react.useRef)(false);
   var previewBlockRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showSnippet = _useState2[0],
-      setShowSnippet = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showSnippet = _useState2[0],
+    setShowSnippet = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      previewCss = _useState4[0],
-      setPreviewCss = _useState4[1]; // Set Preview to a fixed height to enable transitions
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    previewCss = _useState4[0],
+    setPreviewCss = _useState4[1];
 
+  // Set Preview to a fixed height to enable transitions
   var onPreviewRender = (0, _react.useCallback)(function () {
     var _previewBlockRef$curr;
-
     previewBlockRef.current && setPreviewCss((0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        height: ", "px;\n      "])), (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height));
-  }, []); // On error set Preview to Snippet height with transition
+  }, []);
 
+  // On error set Preview to Snippet height with transition
   var onPreviewError = (0, _react.useCallback)(function () {
     if (transitionStarted.current === false) {
       setPreviewCss((0, _styled.getTransitionStyles)(snippetHeight));
@@ -69,6 +54,5 @@ var SnippetOrPreview = function SnippetOrPreview(_ref) {
     onRender: onPreviewRender
   }) : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null);
 };
-
 var _default = SnippetOrPreview;
 exports.default = _default;