@atlaskit/smart-card 23.14.1 → 23.14.2

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js

@@ -1,54 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
-
 var _constants = require("../../../../../constants");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
-
 var _utils = require("../../utils");
-
 var _token = require("../../../../../utils/token");
-
 var _messages = require("../../../../../messages");
-
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-
 var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
-
 var _excluded = ["triggerRef"];
-
 var _templateObject;
-
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      box-shadow: inset 0 0 0 2px ", ";\n    }\n  }\n"])), _token.tokens.focus);
-
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.SmartLinkSize.Medium;
@@ -66,7 +43,6 @@ var renderActionItems = function renderActionItems() {
     });
   });
 };
-
 var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
@@ -75,19 +51,17 @@ var filterActionItems = function filterActionItems() {
       // Action that require data from the data context to render.
       case _constants.ActionName.DownloadAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-
       case _constants.ActionName.PreviewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
-
       case _constants.ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
-
       default:
         // Named and custom actions that user defines.
         return Boolean(_constants.ActionName[item.name]);
     }
   });
 };
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -95,32 +69,27 @@ var filterActionItems = function filterActionItems() {
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 var ActionGroup = function ActionGroup(_ref) {
   var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-      appearance = _ref.appearance,
-      _ref$visibleButtonsNu = _ref.visibleButtonsNum,
-      visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-      onDropdownOpenChange = _ref.onDropdownOpenChange,
-      testId = _ref.testId;
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    appearance = _ref.appearance,
+    _ref$visibleButtonsNu = _ref.visibleButtonsNum,
+    visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
+    onDropdownOpenChange = _ref.onDropdownOpenChange,
+    testId = _ref.testId;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var renderableActionItems = (0, _react.useMemo)(function () {
     return filterActionItems(items, context);
   }, [context, items]);
   var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
   var onOpenChange = (0, _react.useCallback)(function (attrs) {
     setIsOpen(attrs.isOpen);
-
     if (onDropdownOpenChange) {
       onDropdownOpenChange(attrs.isOpen);
     }
@@ -138,7 +107,6 @@ var ActionGroup = function ActionGroup(_ref) {
   }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum]);
   var moreActionDropdown = (0, _react.useMemo)(function () {
     var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
-
     if (actionItems.length > 0) {
       var spacing = _utils.sizeToButtonSpacing[size];
       var moreIcon = (0, _react2.jsx)(_more.default, {
@@ -150,7 +118,7 @@ var ActionGroup = function ActionGroup(_ref) {
         onOpenChange: onOpenChange,
         trigger: function trigger(_ref2) {
           var triggerRef = _ref2.triggerRef,
-              props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+            props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
           return (0, _react2.jsx)(_tooltip.default, {
             content: formatMessage,
             hideTooltipOnClick: true,
@@ -166,7 +134,6 @@ var ActionGroup = function ActionGroup(_ref) {
         testId: "action-group-dropdown"
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
-
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? (0, _react2.jsx)("div", {
@@ -174,6 +141,5 @@ var ActionGroup = function ActionGroup(_ref) {
     className: "actions-button-group"
   }, (0, _react2.jsx)(_buttonGroup.default, null, actionButtons, moreActionDropdown)) : null;
 };
-
 var _default = ActionGroup;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -1,33 +1,23 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _utils = require("../utils");
-
 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 getBlockStyles = function getBlockStyles(direction, size) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n  // Pull request elements: source branch \u2192 target branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2192';\n  }\n  // Pull request elements: target branch \u2190 source branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2190';\n  }\n"])), (0, _utils.getBaseStyles)(direction, size), _utils.highlightRemoveStyles, (0, _utils.getGapSize)(size), _constants.ElementName.SourceBranch, _constants.ElementName.TargetBranch, _constants.ElementName.TargetBranch, _constants.ElementName.SourceBranch);
 };
+
 /**
  * A block represents a collection of elements and actions that are arranged
  * in a row. All elements and actions should be contained within a Block.
@@ -35,20 +25,18 @@ var getBlockStyles = function getBlockStyles(direction, size) {
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 var Block = function Block(_ref) {
   var children = _ref.children,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
-      overrideCss = _ref.overrideCss,
-      blockRef = _ref.blockRef,
-      onRender = _ref.onRender,
-      onTransitionEnd = _ref.onTransitionEnd;
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
+    overrideCss = _ref.overrideCss,
+    blockRef = _ref.blockRef,
+    onRender = _ref.onRender,
+    onTransitionEnd = _ref.onTransitionEnd;
   (0, _react.useEffect)(function () {
     onRender && onRender();
   }, [onRender]);
@@ -60,6 +48,5 @@ var Block = function Block(_ref) {
     ref: blockRef
   }, (0, _utils.renderChildren)(children, size));
 };
-
 var _default = Block;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,55 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getElementGroupStyles = exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _utils = require("../utils");
-
 var _utils2 = require("../../utils");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case _constants.SmartLinkAlignment.Right:
       return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: end;\n        -ms-flex-align: end;\n        justify-content: flex-end;\n        text-align: right;\n      "])));
-
     case _constants.SmartLinkAlignment.Left:
     default:
       return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: start;\n        -ms-flex-align: start;\n        justify-content: flex-start;\n        text-align: left;\n      "])));
   }
 };
-
 var getGapStyles = function getGapStyles(size, align) {
   var gap = (0, _utils.getGapSize)(size);
-
   if (align === _constants.SmartLinkAlignment.Right) {
     return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      > span {\n        margin-left: ", "rem;\n      }\n\n      > span:first-child {\n        margin-left: initial;\n      }\n    "])), gap);
   }
-
   return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    > span {\n      margin-right: ", "rem;\n      &:last-child {\n        margin-right: initial;\n      }\n    }\n  "])), gap);
 };
-
 var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
   var lineHeight = (0, _utils2.getMaxLineHeight)(size);
   return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    display: block;\n    vertical-align: middle;\n    ", "\n\n    > span, > div {\n      vertical-align: middle;\n\n      &[data-smart-element-date-time],\n      &[data-smart-element-text] {\n        // Show all/wrapped/truncated\n        display: inline;\n      }\n    }\n\n    ", "\n  "])), (0, _utils2.getTruncateStyles)(1, lineHeight + 'rem'), getGapStyles(size, align));
 };
-
 var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width) {
   return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  min-width: 10%;\n  ", "\n  ", "\n"])), (0, _utils.getBaseStyles)(direction, size), getAlignmentStyles(align), width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '', direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '');
 };
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -57,29 +43,25 @@ var getElementGroupStyles = function getElementGroupStyles(direction, size, alig
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 exports.getElementGroupStyles = getElementGroupStyles;
-
 var ElementGroup = function ElementGroup(_ref) {
   var _ref$align = _ref.align,
-      align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
-      children = _ref.children,
-      overrideCss = _ref.overrideCss,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width;
+    align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
+    children = _ref.children,
+    overrideCss = _ref.overrideCss,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width;
   return (0, _react2.jsx)("div", {
     css: [getElementGroupStyles(direction, size, align, width), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId
   }, (0, _utils.renderChildren)(children, size));
 };
-
 var _default = ElementGroup;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -1,38 +1,23 @@
 "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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _block = _interopRequireDefault(require("../block"));
-
 var _elementGroup = _interopRequireDefault(require("../element-group"));
-
 var _elements = require("../../elements");
-
 var _actionGroup = _interopRequireDefault(require("../action-group"));
-
 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 getActionGroupStyles = function getActionGroupStyles(size) {
   if (size === _constants.SmartLinkSize.XLarge) {
     // The biggest height of the action button exceeds the max line-height
@@ -41,6 +26,7 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
     return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      max-height: 2rem;\n    "])));
   }
 };
+
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.
@@ -48,16 +34,14 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */
-
-
 var FooterBlock = function FooterBlock(props) {
   var status = props.status,
-      actions = props.actions,
-      _props$size = props.size,
-      size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
-      _props$testId = props.testId,
-      testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
-      onActionMenuOpenChange = props.onActionMenuOpenChange;
+    actions = props.actions,
+    _props$size = props.size,
+    size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
+    _props$testId = props.testId,
+    testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
+    onActionMenuOpenChange = props.onActionMenuOpenChange;
   var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -65,11 +49,9 @@ var FooterBlock = function FooterBlock(props) {
       });
     }
   }, [onActionMenuOpenChange]);
-
   if (status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
     testId: "".concat(testId, "-resolved-view")
   }), /*#__PURE__*/_react.default.createElement(_elements.Provider, {
@@ -86,6 +68,5 @@ var FooterBlock = function FooterBlock(props) {
     appearance: "default"
   })) : null);
 };
-
 var _default = FooterBlock;
 exports.default = _default;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,15 +40,9 @@ Object.defineProperty(exports, "TitleBlock", {
     return _titleBlock.default;
   }
 });
-
 var _footerBlock = _interopRequireDefault(require("./footer-block"));
-
 var _metadataBlock = _interopRequireDefault(require("./metadata-block"));
-
 var _previewBlock = _interopRequireDefault(require("./preview-block"));
-
 var _snippetBlock = _interopRequireDefault(require("./snippet-block"));
-
 var _titleBlock = _interopRequireDefault(require("./title-block"));
-
 var _block = _interopRequireDefault(require("./block"));

package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -1,40 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _utils = require("../utils");
-
 var _block = _interopRequireDefault(require("../block"));
-
 var _elementGroup = _interopRequireDefault(require("../element-group"));
-
 var _utils2 = require("../../utils");
-
 var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
-
 var _templateObject;
-
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
-
 var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
   // MetadataBlock allows metadata elements to be displayed in
   // multiple lines, with maximum of 2 lines.
@@ -43,18 +28,16 @@ var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
   var lineHeight = (0, _utils2.getMaxLineHeight)(size);
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    line-height: ", "rem;\n    ", "\n  "])), lineHeight, (0, _utils2.getTruncateStyles)(maxLines, lineHeight + 'rem'));
 };
-
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
     return DEFAULT_MAX_LINES;
   }
-
   if (maxLines < MINIMUM_MAX_LINES) {
     return MINIMUM_MAX_LINES;
   }
-
   return maxLines;
 };
+
 /**
  * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
  * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
@@ -62,29 +45,25 @@ var getMaxLines = function getMaxLines(maxLines) {
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */
-
-
 var MetadataBlock = function MetadataBlock(_ref) {
   var _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
-      _ref$primary = _ref.primary,
-      primary = _ref$primary === void 0 ? [] : _ref$primary,
-      _ref$secondary = _ref.secondary,
-      secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
+    _ref$primary = _ref.primary,
+    primary = _ref$primary === void 0 ? [] : _ref$primary,
+    _ref$secondary = _ref.secondary,
+    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (primary.length === 0 && secondary.length === 0 || status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
-
   var primaryElements = (0, _utils.renderElementItems)(primary);
   var secondaryElements = (0, _utils.renderElementItems)(secondary);
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
@@ -100,6 +79,5 @@ var MetadataBlock = function MetadataBlock(_ref) {
     width: _constants.SmartLinkWidth.Flexible
   }, secondaryElements));
 };
-
 var _default = MetadataBlock;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../../constants");
-
 var _resolved = _interopRequireDefault(require("./resolved"));
-
 var _excluded = ["status", "testId"];
-
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
@@ -29,19 +20,16 @@ var _excluded = ["status", "testId"];
  */
 var PreviewBlock = function PreviewBlock(_ref) {
   var _ref$status = _ref.status,
-      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
-      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
-
   return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
     testId: testId
   }));
 };
-
 var _default = PreviewBlock;
 exports.default = _default;