@atlaskit/smart-card 23.14.0 → 23.14.2

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

@@ -9,7 +9,6 @@ import { getMaxLineHeight, getTruncateStyles } from '../../utils';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
 const MINIMUM_MAX_LINES = 1;
-
 const getElementGroupStyles = (size, maxLines) => {
   // MetadataBlock allows metadata elements to be displayed in
   // multiple lines, with maximum of 2 lines.
@@ -21,18 +20,16 @@ const getElementGroupStyles = (size, maxLines) => {
     ${getTruncateStyles(maxLines, lineHeight + 'rem')}
   `;
 };
-
 const 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).
@@ -40,8 +37,6 @@ const getMaxLines = maxLines => {
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */
-
-
 const MetadataBlock = ({
   maxLines = DEFAULT_MAX_LINES,
   status = SmartLinkStatus.Fallback,
@@ -53,7 +48,6 @@ const MetadataBlock = ({
   if (primary.length === 0 && secondary.length === 0 || status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   const primaryElements = renderElementItems(primary);
   const secondaryElements = renderElementItems(secondary);
   const {
@@ -74,5 +68,4 @@ const MetadataBlock = ({
     width: SmartLinkWidth.Flexible
   }, secondaryElements));
 };
-
 export default MetadataBlock;

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

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
 import PreviewBlockResolvedView from './resolved';
+
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-
 const PreviewBlock = ({
   status = SmartLinkStatus.Fallback,
   testId = 'smart-block-preview',
@@ -20,10 +19,8 @@ const PreviewBlock = ({
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
     testId: testId
   }));
 };
-
 export default PreviewBlock;

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

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';
 import Block from '../../block';
 import { Preview } from '../../../elements';
+
 /**
  * Due to its placement on the left/right and ignoreContainerPadding prop
  * rely on its parent container styling, css variables are declared in
@@ -21,7 +21,6 @@ import { Preview } from '../../../elements';
  * @param placement
  * @param ignoreContainerPadding
  */
-
 const getPreviewBlockStyles = (placement, ignoreContainerPadding) => {
   if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
     const containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
@@ -43,7 +42,6 @@ const getPreviewBlockStyles = (placement, ignoreContainerPadding) => {
       }
     `;
   }
-
   if (ignoreContainerPadding) {
     return css`
       margin-left: calc(var(--container-gap-left) * -1);
@@ -57,14 +55,13 @@ const getPreviewBlockStyles = (placement, ignoreContainerPadding) => {
     `;
   }
 };
+
 /**
  * Represents a resolved PreviewBlock, which typically contains media or other large format content.
  * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-
-
 const PreviewBlockResolvedView = ({
   ignoreContainerPadding = false,
   onError,
@@ -99,5 +96,4 @@ const PreviewBlockResolvedView = ({
     onLoad: handleOnLoad
   }));
 };
-
 export default PreviewBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -7,13 +7,13 @@ import { getMaxLines } from '../../utils';
 const DEFAULT_MAX_LINES = 3;
 const MAXIMUM_MAX_LINES = 3;
 const MINIMUM_MAX_LINES = 1;
+
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */
-
 const SnippetBlock = ({
   maxLines = DEFAULT_MAX_LINES,
   status = SmartLinkStatus.Fallback,
@@ -23,7 +23,6 @@ const SnippetBlock = ({
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   const snippetMaxLines = getMaxLines(maxLines, DEFAULT_MAX_LINES, MAXIMUM_MAX_LINES, MINIMUM_MAX_LINES);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolved-view`
@@ -31,5 +30,4 @@ const SnippetBlock = ({
     maxLines: snippetMaxLines
   }));
 };
-
 export default SnippetBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -17,7 +16,6 @@ const actionStyles = css`
     text-decoration: underline;
   }
 `;
-
 const getMessageStyles = (size, hasAction) => {
   const sizeStyles = getLinkSizeStyles(size);
   return css`
@@ -32,6 +30,7 @@ const getMessageStyles = (size, hasAction) => {
     }
   `;
 };
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -39,8 +38,6 @@ const getMessageStyles = (size, hasAction) => {
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-
-
 const TitleBlockErroredView = ({
   actionGroup,
   retry,
@@ -75,5 +72,4 @@ const TitleBlockErroredView = ({
     values: values
   })))), actionGroup);
 };
-
 export default TitleBlockErroredView;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -7,7 +7,6 @@ import TitleBlockErroredView from './errored';
 import TitleBlockResolvingView from './resolving';
 import ActionGroup from '../action-group';
 import { Title } from '../../elements';
-
 const getActionStyles = (showOnHover, isOpen) => {
   if (showOnHover && !isOpen) {
     return css`
@@ -22,16 +21,13 @@ const getActionStyles = (showOnHover, isOpen) => {
     `;
   }
 };
-
 const getTitleBlockViewComponent = status => {
   switch (status) {
     case SmartLinkStatus.Pending:
     case SmartLinkStatus.Resolving:
       return TitleBlockResolvingView;
-
     case SmartLinkStatus.Resolved:
       return TitleBlockResolvedView;
-
     case SmartLinkStatus.Unauthorized:
     case SmartLinkStatus.Forbidden:
     case SmartLinkStatus.NotFound:
@@ -41,6 +37,7 @@ const getTitleBlockViewComponent = status => {
       return TitleBlockErroredView;
   }
 };
+
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.
@@ -53,8 +50,6 @@ const getTitleBlockViewComponent = status => {
  * @see TitleBlockResolvedView
  * @see TitleBlockErroredView
  */
-
-
 const TitleBlock = ({
   actions = [],
   anchorTarget,
@@ -74,11 +69,9 @@ const TitleBlock = ({
   if (hideRetry && props.retry) {
     delete props.retry;
   }
-
   const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
   const onDropdownOpenChange = useCallback(isOpen => {
     setActionDropdownOpen(isOpen);
-
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
         isOpen
@@ -112,5 +105,4 @@ const TitleBlock = ({
     title: title
   }));
 };
-
 export default TitleBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -5,12 +5,12 @@ import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkWidth } from '../../../../../../constants';
 import { renderElementItems } from '../../utils';
+
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-
 const TitleBlockResolvedView = ({
   actionGroup,
   metadata = [],
@@ -37,5 +37,4 @@ const TitleBlockResolvedView = ({
     align: SmartLinkAlignment.Right
   }, metadataElements), actionGroup);
 };
-
 export default TitleBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -7,13 +6,13 @@ import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';
 import LoadingSkeleton from '../../../common/loading-skeleton';
 import { getIconSizeStyles, getIconWidth } from '../../../utils';
+
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-
 const TitleBlockResolvingView = ({
   actionGroup,
   testId,
@@ -34,5 +33,4 @@ const TitleBlockResolvingView = ({
     testId: `${testId}-icon-loading`
   })), title, actionGroup);
 };
-
 export default TitleBlockResolvingView;

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -5,7 +5,9 @@ import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../cons
 import * as Elements from '../elements';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
-import ElementGroup from './element-group'; // Determine whether the element can be display as inline/block.
+import ElementGroup from './element-group';
+
+// Determine whether the element can be display as inline/block.
 
 export const ElementDisplaySchema = {
   [ElementName.AttachmentCount]: ['inline'],
@@ -34,7 +36,6 @@ export const ElementDisplaySchema = {
   [ElementName.TargetBranch]: ['inline'],
   [ElementName.Title]: ['inline']
 };
-
 const getDirectionStyles = direction => {
   switch (direction) {
     case SmartLinkDirection.Vertical:
@@ -42,7 +43,6 @@ const getDirectionStyles = direction => {
         flex-direction: column;
         align-items: flex-start;
       `;
-
     case SmartLinkDirection.Horizontal:
     default:
       return css`
@@ -51,18 +51,14 @@ const getDirectionStyles = direction => {
       `;
   }
 };
-
 export const getGapSize = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
       return 1.25;
-
     case SmartLinkSize.Large:
       return 1;
-
     case SmartLinkSize.Medium:
       return 0.5;
-
     case SmartLinkSize.Small:
     default:
       return 0.25;
@@ -97,21 +93,15 @@ export const highlightRemoveStyles = css`
   -ms-user-select: none;
   user-select: none;
 `;
-
 const isActionGroup = node => /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
-
 const isElementDisplayValid = (name, display) => {
   var _ElementDisplaySchema, _ElementDisplaySchema2;
-
   return (_ElementDisplaySchema = (_ElementDisplaySchema2 = ElementDisplaySchema[name]) === null || _ElementDisplaySchema2 === void 0 ? void 0 : _ElementDisplaySchema2.includes(display)) !== null && _ElementDisplaySchema !== void 0 ? _ElementDisplaySchema : false;
 };
-
 export const isJSXElementNull = children => {
   return Boolean(children.type() === null);
 };
-
 const isElementOrElementGroup = node => /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
-
 export const renderChildren = (children, size) => React.Children.map(children, child => {
   if (isElementOrElementGroup(child) || isActionGroup(child)) {
     const node = child;
@@ -122,7 +112,6 @@ export const renderChildren = (children, size) => React.Children.map(children, c
       size: childSize || size
     });
   }
-
   return child;
 });
 export const renderElementItems = (items = [], display = 'inline') => {
@@ -133,20 +122,16 @@ export const renderElementItems = (items = [], display = 'inline') => {
     } = curr;
     const Element = Elements[name];
     const typedProps = props;
-
     if (Element && isElementDisplayValid(name, display)) {
       const element = /*#__PURE__*/React.createElement(Element, _extends({
         key: idx
       }, typedProps));
-
       if (!isJSXElementNull(element)) {
         return [...acc, element];
       }
     }
-
     return acc;
   }, []);
-
   if (elements.length) {
     return elements;
   }