@atlaskit/smart-card 23.14.1 → 23.14.2

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -5,7 +5,6 @@ import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../../constants';
 import { sizeToButtonSpacing } from '../../../utils';
-
 const getButtonStyle = (size, iconOnly) => {
   switch (size) {
     case SmartLinkSize.Large:
@@ -20,7 +19,6 @@ const getButtonStyle = (size, iconOnly) => {
               }
             }
           ` : '';
-
     case SmartLinkSize.Small:
       return css`
         font-size: 0.75rem;
@@ -39,14 +37,12 @@ const getButtonStyle = (size, iconOnly) => {
           `}
         }
       `;
-
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Medium:
     default:
       return '';
   }
 };
-
 const ActionButton = ({
   appearance,
   content,
@@ -79,5 +75,4 @@ const ActionButton = ({
     testId: testId
   }, content)));
 };
-
 export default ActionButton;

package/dist/es2019/view/FlexibleCard/components/actions/action/action-dropdown-item/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { handleOnClick } from '../../../../../../utils';
-
 const ActionDropdownItem = ({
   content,
   iconAfter,
@@ -14,5 +13,4 @@ const ActionDropdownItem = ({
   onClick: handleOnClick(onClick),
   testId: testId
 }, content);
-
 export default ActionDropdownItem;

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -4,25 +4,21 @@ import { css, jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { tokens } from '../../../../../../utils/token';
 import { getIconSizeStyles } from '../../../utils';
-
 const getIconWidth = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
       return '1.5rem';
-
     case SmartLinkSize.Medium:
     case SmartLinkSize.Small:
     default:
       return '1rem';
   }
 };
-
 const getIconStyles = size => css`
   color: ${tokens.actionIcon};
   ${getIconSizeStyles(getIconWidth(size))};
 `;
-
 const ActionIcon = ({
   size,
   testId,
@@ -31,5 +27,4 @@ const ActionIcon = ({
   css: getIconStyles(size),
   "data-testid": `${testId}-icon`
 }, icon);
-
 export default ActionIcon;

package/dist/es2019/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
-
 const DownloadAction = props => {
   const {
     appearance,
@@ -11,14 +10,13 @@ const DownloadAction = props => {
     testId,
     url
   } = props;
-
   if (downloadUrl && url) {
-    const action = { ...props,
+    const action = {
+      ...props,
       onClick: () => {
         downloadFunction({
           url: downloadUrl
         });
-
         if (onClick) {
           onClick();
         }
@@ -33,20 +31,17 @@ const DownloadAction = props => {
     return null;
   }
 };
-
 async function downloadFunction({
   url
 }) {
   if (!url) {
     return;
   }
-
   const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
   const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
   const iframeName = 'media-download-iframe';
   const link = document.createElement('a');
   let iframe = document.getElementById(iframeName);
-
   if (!iframe) {
     iframe = document.createElement('iframe');
     iframe.style.display = 'none';
@@ -54,7 +49,6 @@ async function downloadFunction({
     iframe.name = iframeName;
     document.body.appendChild(iframe);
   }
-
   link.href = url;
   link.download = url;
   link.target = isIE11 || isSafari ? '_blank' : iframeName;
@@ -62,5 +56,4 @@ async function downloadFunction({
   link.click();
   document.body.removeChild(link);
 }
-
 export default DownloadAction;

package/dist/es2019/view/FlexibleCard/components/actions/action/index.js

@@ -5,6 +5,7 @@ import { SmartLinkSize } from '../../../../../constants';
 import ActionButton from './action-button';
 import ActionDropdownItem from './action-dropdown-item';
 import ActionIcon from './action-icon';
+
 /**
  * A base action that can be triggered with an on click.
  * @internal
@@ -13,7 +14,6 @@ import ActionIcon from './action-icon';
  * @see EditAction
  * @see CustomAction
  */
-
 const Action = ({
   appearance = 'subtle',
   content,
@@ -29,7 +29,6 @@ const Action = ({
   if (!onClick) {
     return null;
   }
-
   const actionIcon = icon && jsx(ActionIcon, {
     icon: icon,
     size: size,
@@ -37,7 +36,6 @@ const Action = ({
   });
   const iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   const iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
-
   if (asDropDownItem) {
     return jsx(ActionDropdownItem, {
       content: content,
@@ -60,5 +58,4 @@ const Action = ({
     });
   }
 };
-
 export default Action;

package/dist/es2019/view/FlexibleCard/components/actions/action/preview-action/index.js

@@ -6,7 +6,6 @@ import { IntlProvider } from 'react-intl-next';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import { useSmartLinkAnalytics } from '../../../../../../state';
 import Icon from '../../../elements/icon';
-
 const PreviewAction = props => {
   const {
     appearance,
@@ -26,7 +25,6 @@ const PreviewAction = props => {
     icon: /*#__PURE__*/React.createElement(Icon, linkIcon),
     isFlexibleUi: true
   };
-
   if (src && url) {
     const embedModal = () => previewFunction({
       popupMountPointId: 'twp-editor-preview-iframe',
@@ -42,11 +40,10 @@ const PreviewAction = props => {
       analytics,
       origin: 'smartLinkCard'
     });
-
-    const action = { ...props,
+    const action = {
+      ...props,
       onClick: () => {
         embedModal();
-
         if (onClick) {
           onClick();
         }
@@ -61,6 +58,7 @@ const PreviewAction = props => {
     return null;
   }
 };
+
 /*
   Explanatory note:
   Actions don't have access to the react tree of whatever is rendered them
@@ -74,22 +72,18 @@ const PreviewAction = props => {
   you find an elegant solution around this, you should definitely feel free to
   refactor it.
 */
-
-
 export async function previewFunction({
   popupMountPointId,
   ...rest
 }) {
   let popupMountPoint;
   popupMountPoint = document.getElementById(popupMountPointId);
-
   if (!popupMountPoint) {
     popupMountPoint = document.createElement('div');
     popupMountPoint.id = popupMountPointId;
     popupMountPoint.setAttribute('data-testid', 'preview-modal');
     document.body.appendChild(popupMountPoint);
   }
-
   let Modal = await import('../../../../../EmbedModal');
   ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"

package/dist/es2019/view/FlexibleCard/components/actions/action/view-action/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
-
 const ViewAction = props => {
   const {
     appearance,
@@ -11,14 +10,13 @@ const ViewAction = props => {
     viewUrl,
     url
   } = props;
-
   if (viewUrl && url) {
-    const action = { ...props,
+    const action = {
+      ...props,
       onClick: () => {
         viewFunction({
           url: viewUrl
         });
-
         if (onClick) {
           onClick();
         }
@@ -33,14 +31,12 @@ const ViewAction = props => {
     return null;
   }
 };
-
 export async function viewFunction({
   url
 }) {
   if (!url) {
     return;
   }
-
   window.open(url, '_blank', 'noopener=yes');
 }
 export default ViewAction;

package/dist/es2019/view/FlexibleCard/components/actions/index.js

@@ -15,33 +15,32 @@ export const DeleteAction = createUIAction(ActionName.DeleteAction);
  * the icon to an edit (pencil) icon.
  * @see Action
  */
-
 export const EditAction = createUIAction(ActionName.EditAction);
+
 /**
  * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
  * to the text 'Preview' inside the button.
  * @see Action
  */
-
 export const PreviewAction = createDataAction(ActionName.PreviewAction);
+
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.
  * @see Action
  */
-
 export const ViewAction = createDataAction(ActionName.ViewAction);
+
 /**
  * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
  * to the text 'Download' inside the button.
  * @see Action
  */
-
 export const DownloadAction = createDataAction(ActionName.DownloadAction);
+
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.
  * @see Action
  */
-
 export const CustomAction = createUIAction(ActionName.CustomAction);

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

@@ -74,42 +74,34 @@ const actionMappings = {
     }
   }
 };
-
 const 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;
 };
-
 const getActionData = (actionName, contextKey, context) => {
   if (!context) {
     return undefined;
   }
-
   const data = context[contextKey];
-
   switch (actionName) {
     case ActionName.PreviewAction:
     case ActionName.ViewAction:
     case ActionName.DownloadAction:
       return data;
-
     default:
       return undefined;
   }
 };
-
 export const createDataAction = name => {
   const {
     component: BaseAction,
     props
   } = actionMappings[name] || {};
   const contextKey = getContextKey(name);
-
   if (!BaseAction) {
     throw Error(`Action ${name} does not exist.`);
   }
-
   return overrides => {
     const context = useContext(FlexibleUiContext);
     const data = getActionData(name, contextKey, context);
@@ -123,13 +115,12 @@ export const createUIAction = name => {
     component: BaseAction,
     props
   } = actionMappings[name] || {};
-
   if (!BaseAction) {
     throw Error(`Action ${name} does not exist.`);
   }
-
   return overrides => {
-    const combinedProps = { ...props,
+    const combinedProps = {
+      ...props,
       ...overrides
     };
     return /*#__PURE__*/React.createElement(BaseAction, combinedProps);

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

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React, { useCallback } from 'react';
 import * as Actions from '../../../actions';
 import { isJSXElementNull } from '../../utils';
-
 const ActionGroupItem = ({
   item,
   size,
@@ -24,28 +22,23 @@ const ActionGroupItem = ({
     if (onActionItemClick) {
       onActionItemClick();
     }
-
     if (onClick) {
       onClick();
     }
   }, [onActionItemClick, onClick]);
   const Action = Actions[name];
-
   if (!Action) {
     return null;
   }
-
-  const actionProps = { ...props
+  const actionProps = {
+    ...props
   };
-
   if (hideContent && !asDropDownItems) {
     actionProps.content = '';
   }
-
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-
   const action = jsx(Action, _extends({
     url: "",
     asDropDownItem: asDropDownItems,
@@ -53,12 +46,9 @@ const ActionGroupItem = ({
     appearance: appearance,
     onClick: handleOnClick
   }, actionProps));
-
   if (!isJSXElementNull(action)) {
     return action;
   }
-
   return null;
 };
-
 export default ActionGroupItem;

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -31,7 +30,6 @@ const styles = css`
     }
   }
 `;
-
 const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance, asDropDownItems, onActionItemClick) => items.map((item, idx) => jsx(ActionGroupItem, {
   item: item,
   key: idx,
@@ -40,26 +38,23 @@ const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance,
   asDropDownItems: asDropDownItems,
   onActionItemClick: onActionItemClick
 }));
-
 const filterActionItems = (items = [], context) => {
   return items.filter(item => {
     switch (item.name) {
       // Action that require data from the data context to render.
       case ActionName.DownloadAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-
       case ActionName.PreviewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
-
       case ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
-
       default:
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
     }
   });
 };
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -67,8 +62,6 @@ const filterActionItems = (items = [], context) => {
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 const ActionGroup = ({
   items = [],
   size = SmartLinkSize.Medium,
@@ -83,7 +76,6 @@ const ActionGroup = ({
   const isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
   const onOpenChange = useCallback(attrs => {
     setIsOpen(attrs.isOpen);
-
     if (onDropdownOpenChange) {
       onDropdownOpenChange(attrs.isOpen);
     }
@@ -101,7 +93,6 @@ const ActionGroup = ({
   }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum]);
   const moreActionDropdown = useMemo(() => {
     const actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
-
     if (actionItems.length > 0) {
       const spacing = sizeToButtonSpacing[size];
       const moreIcon = jsx(MoreIcon, {
@@ -128,7 +119,6 @@ const ActionGroup = ({
         testId: "action-group-dropdown"
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
-
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? jsx("div", {
@@ -136,5 +126,4 @@ const ActionGroup = ({
     className: "actions-button-group"
   }, jsx(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;
 };
-
 export default ActionGroup;

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

@@ -3,7 +3,6 @@ import React, { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';
-
 const getBlockStyles = (direction, size) => css`
   ${getBaseStyles(direction, size)}
   ${highlightRemoveStyles}
@@ -23,6 +22,7 @@ const getBlockStyles = (direction, size) => css`
     content: '←';
   }
 `;
+
 /**
  * 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.
@@ -30,8 +30,6 @@ const getBlockStyles = (direction, size) => css`
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 const Block = ({
   children,
   direction = SmartLinkDirection.Horizontal,
@@ -53,5 +51,4 @@ const Block = ({
     ref: blockRef
   }, renderChildren(children, size));
 };
-
 export default Block;

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

@@ -4,7 +4,6 @@ import { css, jsx } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';
 import { getMaxLineHeight, getTruncateStyles } from '../../utils';
-
 const getAlignmentStyles = align => {
   switch (align) {
     case SmartLinkAlignment.Right:
@@ -14,7 +13,6 @@ const getAlignmentStyles = align => {
         justify-content: flex-end;
         text-align: right;
       `;
-
     case SmartLinkAlignment.Left:
     default:
       return css`
@@ -25,10 +23,8 @@ const getAlignmentStyles = align => {
       `;
   }
 };
-
 const getGapStyles = (size, align) => {
   const gap = getGapSize(size);
-
   if (align === SmartLinkAlignment.Right) {
     return css`
       > span {
@@ -40,7 +36,6 @@ const getGapStyles = (size, align) => {
       }
     `;
   }
-
   return css`
     > span {
       margin-right: ${gap}rem;
@@ -50,7 +45,6 @@ const getGapStyles = (size, align) => {
     }
   `;
 };
-
 const getHorizontalDirectionStyles = (size, align) => {
   const lineHeight = getMaxLineHeight(size);
   return css`
@@ -71,7 +65,6 @@ const getHorizontalDirectionStyles = (size, align) => {
     ${getGapStyles(size, align)}
   `;
 };
-
 export const getElementGroupStyles = (direction, size, align, width) => css`
   ${getBaseStyles(direction, size)}
   ${getAlignmentStyles(align)}
@@ -79,6 +72,7 @@ export const getElementGroupStyles = (direction, size, align, width) => css`
   ${width === SmartLinkWidth.Flexible ? `flex: 1 3;` : ''}
   ${direction === SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : ''}
 `;
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -86,7 +80,6 @@ export const getElementGroupStyles = (direction, size, align, width) => css`
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
 const ElementGroup = ({
   align = SmartLinkAlignment.Left,
   children,
@@ -100,5 +93,4 @@ const ElementGroup = ({
   "data-smart-element-group": true,
   "data-testid": testId
 }, renderChildren(children, size));
-
 export default ElementGroup;

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

@@ -6,7 +6,6 @@ import Block from '../block';
 import ElementGroup from '../element-group';
 import { Provider } from '../../elements';
 import ActionGroup from '../action-group';
-
 const getActionGroupStyles = size => {
   if (size === SmartLinkSize.XLarge) {
     // The biggest height of the action button exceeds the max line-height
@@ -17,6 +16,7 @@ const getActionGroupStyles = size => {
     `;
   }
 };
+
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.
@@ -24,8 +24,6 @@ const getActionGroupStyles = size => {
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */
-
-
 const FooterBlock = props => {
   const {
     status,
@@ -41,11 +39,9 @@ const FooterBlock = props => {
       });
     }
   }, [onActionMenuOpenChange]);
-
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: `${testId}-resolved-view`
   }), /*#__PURE__*/React.createElement(Provider, {
@@ -62,5 +58,4 @@ const FooterBlock = props => {
     appearance: "default"
   })) : null);
 };
-
 export default FooterBlock;