@atlaskit/smart-card 23.14.1 → 23.14.2

package/dist/cjs/view/FlexibleCard/components/elements/link/index.js

@@ -1,68 +1,48 @@
 "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 _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _constants = require("../../../../../constants");
-
 var _utils = require("../../utils");
-
 var _token = require("../../../../../utils/token");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
 var containerStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 1 auto;\n"])));
-
 var getThemeStyles = function getThemeStyles(theme) {
   switch (theme) {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     case _constants.SmartLinkTheme.Black:
       return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        color: ", ";\n        :active {\n          color: ", ";\n        }\n        :hover {\n          color: ", ";\n          text-decoration: underline;\n        }\n      "])), _token.tokens.blackLink, _token.tokens.blackLinkPressed, _token.tokens.blackLink);
-
     case _constants.SmartLinkTheme.Link:
     default:
       return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n        color: ", ";\n        :active {\n          color: ", ";\n        }\n        :hover {\n          color: ", ";\n          text-decoration: underline;\n        }\n      "])), _token.tokens.blueLink, _token.tokens.blueLinkPressed, _token.tokens.blueLink);
   }
 };
-
 var getAnchorStyles = function getAnchorStyles(size, theme, maxLines, hasSpace) {
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
   return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    flex: 1 1 auto;\n    ", "\n    ", "\n    // Theme should be last to be spread because it contains override values\n    ", "\n  "])), sizeStyles, (0, _utils.getTruncateStyles)(maxLines, (0, _utils.getLinkLineHeight)(size), hasSpace ? 'break-word' : 'break-all'), getThemeStyles(theme));
 };
-
 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;
 };
-
 var withTooltip = function withTooltip(trigger, content, testId) {
   return (0, _react2.jsx)(_tooltip.default, {
     content: content,
@@ -70,30 +50,29 @@ var withTooltip = function withTooltip(trigger, content, testId) {
     tag: "span"
   }, trigger);
 };
+
 /**
  * A base element that represent an anchor.
  * @internal
  * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-
-
 var Link = function Link(_ref) {
   var hideTooltip = _ref.hideTooltip,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _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-link' : _ref$testId,
-      text = _ref.text,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref$theme,
-      url = _ref.url,
-      onClick = _ref.onClick,
-      target = _ref.target;
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    _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-link' : _ref$testId,
+    text = _ref.text,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref$theme,
+    url = _ref.url,
+    onClick = _ref.onClick,
+    target = _ref.target;
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
@@ -110,6 +89,5 @@ var Link = function Link(_ref) {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
-
 var _default = Link;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,56 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
 var _templateObject, _templateObject2;
-
 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 styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: inherit;\n"])));
 var actionStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  > span > span {\n    display: inline-flex;\n    align-items: center;\n    margin-right: -2px;\n  }\n\n  svg {\n    width: unset;\n    height: unset;\n    margin: -4px 0;\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+
 /**
  * A base element that displays a Lozenge.
  * @internal
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */
-
 var Lozenge = function Lozenge(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      name = _ref.name,
-      onClick = _ref.onClick,
-      overrideCss = _ref.overrideCss,
-      text = _ref.text,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
-
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    name = _ref.name,
+    onClick = _ref.onClick,
+    overrideCss = _ref.overrideCss,
+    text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isBold = _useState2[0],
-      setIsBold = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isBold = _useState2[0],
+    setIsBold = _useState2[1];
   var onHover = (0, _react.useCallback)(function (isHover) {
     if (onClick) {
       setIsBold(isHover);
@@ -62,11 +48,9 @@ var Lozenge = function Lozenge(_ref) {
   var onMouseLeave = (0, _react.useCallback)(function () {
     return onHover(false);
   }, [onHover]);
-
   if (!text) {
     return null;
   }
-
   return (0, _react2.jsx)("span", {
     css: [styles, onClick ? actionStyles : undefined, overrideCss],
     "data-fit-to-content": true,
@@ -86,6 +70,5 @@ var Lozenge = function Lozenge(_ref) {
     testId: "".concat(testId, "-action")
   })));
 };
-
 var _default = Lozenge;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/media/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
-
 var _templateObject;
-
 /**
  * Media: Image
  * [aspect-ratio: 16 / 9] The context box is fixed to aspect ratio of 16:9.
@@ -28,27 +21,25 @@ var _templateObject;
  * contents within the element's box.
  */
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n  height: fit-content; // Fix Safari height not respecting aspect-ratio\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img,\n  > span {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
+
 /**
  * A base element that displays a Media.
  * @internal
  * @param {MediaProps} MediaProps - The props necessary for the Media element.
  * @see Preview
  */
-
 var Media = function Media(_ref) {
   var name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-media' : _ref$testId,
-      type = _ref.type,
-      url = _ref.url,
-      onLoad = _ref.onLoad,
-      onError = _ref.onError;
-
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-media' : _ref$testId,
+    type = _ref.type,
+    url = _ref.url,
+    onLoad = _ref.onLoad,
+    onError = _ref.onError;
   if (!type || !url) {
     return null;
   }
-
   return (0, _react2.jsx)("div", {
     css: [styles, overrideCss],
     "data-smart-element": name,
@@ -62,6 +53,5 @@ var Media = function Media(_ref) {
     defaultIcon: null
   }));
 };
-
 var _default = Media;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -1,49 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _utils = require("../../utils");
-
 var _token = require("../../../../../utils/token");
-
 var _templateObject;
-
 var getStyles = function getStyles(maxLines) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(maxLines));
 };
+
 /**
  * A base element that displays some Text.
  * @internal
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-
-
 var Text = function Text(_ref) {
   var content = _ref.content,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
-      message = _ref.message,
-      name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
-
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
+    message = _ref.message,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
   if (!message && !content) {
     return null;
   }
-
   return (0, _react2.jsx)("span", {
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
@@ -52,6 +41,5 @@ var Text = function Text(_ref) {
     "data-testid": testId
   }, (0, _utils.getFormattedMessage)(message) || content);
 };
-
 var _default = Text;
 exports.default = _default;

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

@@ -1,56 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createElement = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../../../../constants");
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 var _link = _interopRequireDefault(require("./link"));
-
 var _lozenge = _interopRequireDefault(require("./lozenge"));
-
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
-
 var _badge = _interopRequireDefault(require("./badge"));
-
 var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
-
 var _media = _interopRequireDefault(require("./media"));
-
 var _text = _interopRequireDefault(require("./text"));
-
 var _messages = require("../../../../messages");
-
 var _dateTime = _interopRequireDefault(require("./date-time"));
-
 var _token = require("../../../../utils/token");
-
 var _templateObject, _elementMappings;
-
 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 SNIPPET_DEFAULT_MAX_LINES = 3;
 var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AttachmentCount, {
   component: _badge.default,
@@ -134,25 +110,20 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Title, {
   component: _link.default
 }), _elementMappings);
-
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
   // code run during runtime
   return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
 };
-
 var getData = function getData(elementName, contextKey, context) {
   if (!context) {
     return undefined;
   }
-
   var data = context[contextKey];
-
   switch (elementName) {
     case _constants.ElementName.AuthorGroup:
     case _constants.ElementName.CollaboratorGroup:
       return toAvatarGroupProps(data);
-
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:
@@ -163,47 +134,36 @@ var getData = function getData(elementName, contextKey, context) {
     case _constants.ElementName.SubscriberCount:
     case _constants.ElementName.LatestCommit:
       return toBadgeProps(data);
-
     case _constants.ElementName.CreatedBy:
       return toFormattedTextProps(_messages.messages.created_by, context.createdBy);
-
     case _constants.ElementName.CreatedOn:
       return toDateTimeProps('created', context.createdOn);
-
     case _constants.ElementName.DueOn:
       return toDateLozengeProps(context.dueOn);
-
     case _constants.ElementName.ModifiedBy:
       return toFormattedTextProps(_messages.messages.modified_by, context.modifiedBy);
-
     case _constants.ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
-
     case _constants.ElementName.Snippet:
     case _constants.ElementName.SourceBranch:
     case _constants.ElementName.TargetBranch:
       return toTextProps(data);
-
     case _constants.ElementName.Title:
       return toLinkProps(context.title, context.url);
-
     default:
       return data;
   }
 };
-
 var toAvatarGroupProps = function toAvatarGroupProps(items) {
   return items ? {
     items: items
   } : undefined;
 };
-
 var toBadgeProps = function toBadgeProps(label) {
   return label ? {
     label: label
   } : undefined;
 };
-
 var toDateLozengeProps = function toDateLozengeProps(dateString) {
   if (dateString) {
     var text = Date.parse(dateString) ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedDate, {
@@ -218,14 +178,12 @@ var toDateLozengeProps = function toDateLozengeProps(dateString) {
     };
   }
 };
-
 var toDateTimeProps = function toDateTimeProps(type, dateString) {
   return dateString ? {
     date: new Date(dateString),
     type: type
   } : undefined;
 };
-
 var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
   return context ? {
     message: {
@@ -236,31 +194,25 @@ var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
     }
   } : undefined;
 };
-
 var toLinkProps = function toLinkProps(text, url) {
   return text ? {
     text: text,
     url: url
   } : undefined;
 };
-
 var toTextProps = function toTextProps(content) {
   return content ? {
     content: content
   } : undefined;
 };
-
 var createElement = function createElement(name) {
   var _ref = elementMappings[name] || {},
-      BaseElement = _ref.component,
-      props = _ref.props;
-
+    BaseElement = _ref.component,
+    props = _ref.props;
   var contextKey = getContextKey(name);
-
   if (!BaseElement) {
     throw Error("Element ".concat(name, " does not exist."));
   }
-
   return function (overrides) {
     var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
     var data = getData(name, contextKey, context);
@@ -269,5 +221,4 @@ var createElement = function createElement(name) {
     })) : null;
   };
 };
-
 exports.createElement = createElement;

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

@@ -1,78 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sizeToButtonSpacing = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessage = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _constants = require("../../../constants");
-
 var _sizeToButtonSpacing, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Small, 'none'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Medium, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Large, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 exports.sizeToButtonSpacing = sizeToButtonSpacing;
-
 var getFormattedMessage = function getFormattedMessage(message) {
   if (message) {
     var descriptor = message.descriptor,
-        values = message.values;
+      values = message.values;
     return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
       values: values
     }));
   }
 };
-
 exports.getFormattedMessage = getFormattedMessage;
-
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n"])), value, value, value, value, value, value);
 };
-
 var getIconSizeStyles = function getIconSizeStyles(width) {
   var sizeStyles = getIconDimensionStyles(width);
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    flex: 0 0 auto;\n    ", "\n    span,\n    svg,\n    img {\n      ", "\n    }\n    svg {\n      padding: 0;\n    }\n  "])), sizeStyles, sizeStyles);
 };
-
 exports.getIconSizeStyles = getIconSizeStyles;
-
 var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '2rem';
-
     case _constants.SmartLinkSize.Large:
       return '1.5rem';
-
     case _constants.SmartLinkSize.Medium:
       return '1rem';
-
     case _constants.SmartLinkSize.Small:
     default:
       return '.75rem';
   }
 };
-
 exports.getIconWidth = getIconWidth;
-
 var getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '1.5rem';
-
     case _constants.SmartLinkSize.Large:
     case _constants.SmartLinkSize.Medium:
     case _constants.SmartLinkSize.Small:
@@ -80,26 +58,20 @@ var getLinkLineHeight = function getLinkLineHeight(size) {
       return '1rem';
   }
 };
-
 exports.getLinkLineHeight = getLinkLineHeight;
-
 var getLinkSizeStyles = function getLinkSizeStyles(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n        font-size: 1.25rem;\n        font-weight: 400;\n        letter-spacing: -0.008em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
-
     case _constants.SmartLinkSize.Large:
     case _constants.SmartLinkSize.Medium:
       return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n        font-size: 0.875rem;\n        font-weight: 400;\n        letter-spacing: -0.003em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
-
     case _constants.SmartLinkSize.Small:
     default:
       return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
   }
 };
-
 exports.getLinkSizeStyles = getLinkSizeStyles;
-
 var getMaxLineHeight = function getMaxLineHeight(size) {
   // The maximum line height based on all elements in specific size.
   // These heights belongs to AvatarGroup.
@@ -107,40 +79,30 @@ var getMaxLineHeight = function getMaxLineHeight(size) {
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Large:
       return 1.75;
-
     case _constants.SmartLinkSize.Medium:
     case _constants.SmartLinkSize.Small:
     default:
       return 1.5;
   }
 };
-
 exports.getMaxLineHeight = getMaxLineHeight;
-
 var getMaxLines = function getMaxLines(value, defaultValue, max, min) {
   if (value > max) {
     return defaultValue;
   }
-
   if (value < min) {
     return min;
   }
-
   return value;
 };
-
 exports.getMaxLines = getMaxLines;
-
 var getTruncateStyles = function getTruncateStyles(maxLines) {
   var lineHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1rem';
   var wordBreak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'break-word';
   return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    display: -webkit-box;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: ", ";\n    -webkit-line-clamp: ", ";\n    -webkit-box-orient: vertical;\n    // Fallback options\n    @supports not (-webkit-line-clamp: 1) {\n      max-height: calc(", " * ", ");\n    }\n  "])), wordBreak, maxLines, maxLines, lineHeight);
 };
-
 exports.getTruncateStyles = getTruncateStyles;
-
 var hasWhiteSpace = function hasWhiteSpace(str) {
   return str.search(/\s/) >= 0;
 };
-
 exports.hasWhiteSpace = hasWhiteSpace;