@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/es2019/utils/analytics/analytics.js

@@ -26,7 +26,6 @@ export class SmartLinkEvents {
       }
     }, createAnalyticsEvent);
   }
-
 }
 export const fireSmartLinkEvent = (payload, createAnalyticsEvent) => {
   if (createAnalyticsEvent) {
@@ -37,7 +36,8 @@ export const resolvedEvent = props => ({
   action: 'resolved',
   actionSubject: 'smartLink',
   eventType: 'operational',
-  attributes: { ...props,
+  attributes: {
+    ...props,
     ...context
   }
 });
@@ -101,7 +101,8 @@ export const invokeSucceededEvent = ({
     action: 'resolved',
     actionSubject: 'smartLinkAction',
     eventType: 'operational',
-    attributes: { ...context,
+    attributes: {
+      ...context,
       id,
       actionType,
       display,
@@ -132,7 +133,8 @@ export const invokeFailedEvent = ({
     action: 'unresolved',
     actionSubject: 'smartLinkAction',
     eventType: 'operational',
-    attributes: { ...context,
+    attributes: {
+      ...context,
       id,
       actionType,
       display,
@@ -156,7 +158,8 @@ export const connectSucceededEvent = ({
   action: 'connectSucceeded',
   actionSubject: 'smartLink',
   eventType: 'operational',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     definitionId,
     extensionKey,
     destinationProduct,
@@ -176,7 +179,8 @@ export const connectFailedEvent = ({
   actionSubject: 'smartLink',
   actionSubjectId: reason,
   eventType: 'operational',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     reason,
     extensionKey,
     definitionId,
@@ -195,7 +199,8 @@ export const trackAppAccountConnected = ({
   action: 'connected',
   actionSubject: 'applicationAccount',
   eventType: 'track',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     definitionId,
     extensionKey,
     destinationProduct,
@@ -210,7 +215,8 @@ export const trackAppAccountAuthStarted = ({
   action: 'authStarted',
   actionSubject: 'applicationAccount',
   eventType: 'track',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     extensionKey,
     location
   }
@@ -223,7 +229,8 @@ export const trackLinkUpdated = ({
   actionSubject: 'link',
   actionSubjectId,
   eventType: 'track',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     ...attributes
   }
 });
@@ -239,7 +246,8 @@ export const uiAuthEvent = ({
   actionSubject: 'button',
   actionSubjectId: 'connectAccount',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     definitionId,
     extensionKey,
     destinationProduct,
@@ -260,7 +268,8 @@ export const uiAuthAlternateAccountEvent = ({
   actionSubject: 'smartLink',
   actionSubjectId: 'tryAnotherAccount',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     definitionId,
     extensionKey,
     destinationProduct,
@@ -285,7 +294,8 @@ export const uiCardClickedEvent = ({
   actionSubject: 'smartLink',
   actionSubjectId,
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     status,
     definitionId,
@@ -312,7 +322,8 @@ export const uiIframeDwelledEvent = ({
   action: 'dwelled',
   actionSubject: 'smartLinkIframe',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     status,
     definitionId,
@@ -338,7 +349,8 @@ export const uiIframeFocusedEvent = ({
   action: 'focused',
   actionSubject: 'smartLinkIframe',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     status,
     definitionId,
@@ -363,7 +375,8 @@ export const uiActionClickedEvent = ({
   actionSubject: 'button',
   actionSubjectId: uiActionSubjectIds[actionType],
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     display,
     actionType: actionType,
@@ -385,7 +398,8 @@ export const uiClosedAuthEvent = ({
   action: 'closed',
   actionSubject: 'consentModal',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     extensionKey,
     definitionId,
     destinationProduct,
@@ -403,7 +417,8 @@ export const screenAuthPopupEvent = ({
 }) => ({
   actionSubject: 'consentModal',
   eventType: 'screen',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     extensionKey,
     definitionId,
     destinationProduct,
@@ -423,7 +438,8 @@ export const uiRenderSuccessEvent = ({
   action: 'renderSuccess',
   actionSubject: 'smartLink',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     status,
     extensionKey,
     definitionId,
@@ -446,7 +462,8 @@ export const uiRenderFailedEvent = ({
   actionSubject: 'smartLink',
   action: 'renderFailed',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     error,
     errorInfo,
     display,
@@ -471,7 +488,8 @@ export const uiHoverCardViewedEvent = ({
   action: 'viewed',
   actionSubject: 'hoverCard',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     previewDisplay,
     extensionKey,
@@ -498,7 +516,8 @@ export const uiHoverCardDismissedEvent = ({
   action: 'dismissed',
   actionSubject: 'hoverCard',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     previewDisplay,
     hoverTime,
@@ -525,7 +544,8 @@ export const uiHoverCardOpenLinkClickedEvent = ({
   actionSubject: 'button',
   actionSubjectId: 'shortcutGoToLink',
   eventType: 'ui',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     id,
     previewDisplay,
     extensionKey,
@@ -541,7 +561,8 @@ export const uiLearnMoreLinkClickedEvent = () => ({
   actionSubject: 'button',
   actionSubjectId: 'learnMore',
   eventType: 'ui',
-  attributes: { ...context
+  attributes: {
+    ...context
   }
 });
 export const chunkloadFailedEvent = ({
@@ -557,7 +578,8 @@ export const chunkloadFailedEvent = ({
   action: 'chunkLoadFailed',
   actionSubject: 'smartLink',
   eventType: 'operational',
-  attributes: { ...context,
+  attributes: {
+    ...context,
     error,
     errorInfo,
     display,

package/dist/es2019/utils/analytics/index.js

@@ -15,7 +15,6 @@ export const instrumentEvent = ({
   const measure = getMeasure(id, status) || {
     duration: undefined
   };
-
   if (status === 'resolved') {
     const event = resolvedEvent({
       id,
@@ -26,8 +25,10 @@ export const instrumentEvent = ({
       destinationSubproduct,
       location
     });
-    return { ...event,
-      attributes: { ...event.attributes,
+    return {
+      ...event,
+      attributes: {
+        ...event.attributes,
         duration: measure.duration
       }
     };
@@ -44,8 +45,10 @@ export const instrumentEvent = ({
         location,
         error
       });
-      return { ...event,
-        attributes: { ...event.attributes,
+      return {
+        ...event,
+        attributes: {
+          ...event.attributes,
           duration: measure.duration
         }
       };

package/dist/es2019/utils/flexible.js

@@ -6,7 +6,6 @@ export const isFlexibleUiCard = children => {
   if (children && React.Children.toArray(children).some(child => isFlexibleUiTitleBlock(child))) {
     return true;
   }
-
   return false;
 };
 export const isFlexibleUiBlock = node => /*#__PURE__*/React.isValidElement(node) && Object.values(Blocks).some(type => type === node.type);

package/dist/es2019/utils/index.js

@@ -9,19 +9,14 @@ export const getIconForFileType = fileMimeType => {
   if (!fileMimeType) {
     return;
   }
-
   let icon = typeToIcon[fileMimeType.toLowerCase()];
-
   if (!icon) {
     return;
   }
-
   const [label, importCb] = icon;
-
   if (!importCb) {
     return;
   }
-
   const Icon = Loadable({
     loader: () => importCb().then(module => module.default),
     loading: () => null
@@ -34,11 +29,9 @@ export const getIconForFileType = fileMimeType => {
 };
 export const getLabelForFileType = fileMimeType => {
   let icon = typeToIcon[fileMimeType.toLowerCase()];
-
   if (!icon) {
     return;
   }
-
   const [label] = icon;
   return label;
 };

package/dist/es2019/utils/jsonld.js

@@ -14,7 +14,8 @@ export const getUnauthorizedJsonLd = () => ({
     auth: [],
     definitionId: 'provider-not-found'
   },
-  data: { ...emptyData
+  data: {
+    ...emptyData
   }
 });
 export const getForbiddenJsonLd = () => ({
@@ -24,6 +25,7 @@ export const getForbiddenJsonLd = () => ({
     auth: [],
     definitionId: 'provider-not-found'
   },
-  data: { ...emptyData
+  data: {
+    ...emptyData
   }
 });

package/dist/es2019/utils/mocks.js

@@ -197,15 +197,12 @@ export const fakeFactory = (implementation, implementationPost, implementationPr
   async fetchData(url) {
     return await implementation(url);
   }
-
   async postData() {
     return await implementationPost();
   }
-
   async prefetchData() {
     return await implementationPrefetch();
   }
-
 };
 export const waitFor = (time = 1) => new Promise(res => setTimeout(res, time));
 export const mockAnalytics = {

package/dist/es2019/utils/performance.js

@@ -1,7 +1,6 @@
 const isPerformanceAPIAvailable = () => {
   return typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType'].every(api => !!performance[api]);
 };
-
 const hasPerformanceAPIAvailable = isPerformanceAPIAvailable();
 export const getMarkName = (id, status) => `${status}:${id}`;
 export const getMeasureName = (id, status) => `time-to-${status}:${id}`;
@@ -17,29 +16,23 @@ export const clearMeasures = id => {
     measures.forEach(measure => performance.clearMeasures(measure.name));
   }
 };
-
 const getMark = (id, status) => {
   if (hasPerformanceAPIAvailable) {
     const name = getMarkName(id, status);
     const marks = performance.getEntriesByName(name);
-
     if (marks.length > 0) {
       return marks[0];
     }
-
     return undefined;
   }
 };
-
 export const getMeasure = (id, status) => {
   if (hasPerformanceAPIAvailable) {
     const name = getMeasureName(id, status);
     const measures = performance.getEntriesByName(name);
-
     if (measures.length > 0) {
       return measures[0];
     }
-
     return undefined;
   }
 };
@@ -53,11 +46,9 @@ export const create = (id, status) => {
   if (hasPerformanceAPIAvailable) {
     const name = getMeasureName(id, status);
     const measure = getMeasure(id, status);
-
     if (!measure) {
       const startMark = getMark(id, 'pending');
       const endMark = getMark(id, status);
-
       if (startMark && endMark) {
         performance.measure(name, startMark.name, endMark.name);
       }

package/dist/es2019/utils/test-utils.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CardClient } from '@atlaskit/link-provider';
 import { SmartCardProvider } from '../state';
-
 const Hook = props => {
   props.callback();
   return null;
 };
-
 export const renderHook = callback => {
   return /*#__PURE__*/React.createElement(Hook, {
     callback: callback

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.14.0",
+	"version": "23.14.2",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/DownloadAction.js

@@ -8,7 +8,6 @@ export async function downloadFunction({
   if (!url) {
     return;
   }
-
   downloadUrl(url);
 }
 export const DownloadAction = ({

package/dist/es2019/view/BlockCard/actions/PreviewAction.js

@@ -3,7 +3,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { FormattedMessage, IntlProvider } from 'react-intl-next';
 import { messages } from '../../../messages';
-
 /*
   Explanatory note:
   Actions don't have access to the react tree of whatever is rendered them
@@ -24,14 +23,12 @@ export async function previewFunction({
 }) {
   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"
@@ -44,6 +41,7 @@ export async function previewFunction({
     }
   }))), popupMountPoint);
 }
+
 /*
 Most of these are optional as we are being fault-tolerant
 However src, details, icon, title, and providerName are STRONGLY encouraged

package/dist/es2019/view/BlockCard/actions/ViewAction.js

@@ -7,7 +7,6 @@ export async function viewFunction({
   if (!url) {
     return;
   }
-
   window.open(url, '_blank', 'noopener=yes');
 }
 export const ViewAction = ({

package/dist/es2019/view/BlockCard/actions/flexible/AuthorizeAction.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *
@@ -10,7 +11,6 @@ import { messages } from '../../../../messages';
  * @param onAuthorize a function that will be called on the click of the button
  * @param providerName a string which is inserted into the message of the button
  */
-
 export const AuthorizeAction = (onAuthorize, providerName) => ({
   name: ActionName.CustomAction,
   content: providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {

package/dist/es2019/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
@@ -11,7 +12,6 @@ import { messages } from '../../../../messages';
  * @param content is a message key for a message to be displayed in the action
  * @param context is a variable for a message in case a message contains a placeholder
  */
-
 export const ForbiddenAction = (onClick, content, context) => ({
   name: ActionName.CustomAction,
   content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {

package/dist/es2019/view/BlockCard/actions/flexible/RetryAction.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *
  * @see CustomActionItem
  * @param onRetry a function that will be called on the click of the "Retry" button
  */
-
 export const RetryAction = onRetry => ({
   name: ActionName.CustomAction,
   onClick: onRetry,

package/dist/es2019/view/BlockCard/components/Action.js

@@ -19,7 +19,6 @@ export const Action = ({
     onClick: event => {
       event.stopPropagation();
       event.preventDefault();
-
       if (state !== 'loading') {
         setState('loading');
         promise().then(() => {

package/dist/es2019/view/BlockCard/components/ActionIcon.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import CheckIcon from '@atlaskit/icon/glyph/check';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
-
 /*
   These styles are taken fro the spinner style for button. There was not an
   easy way to share tehm between the two components.
@@ -20,7 +19,6 @@ export const ActionIcon = ({
     case 'init':
     case 'loading':
       return null;
-
     case 'success':
       return /*#__PURE__*/React.createElement("div", {
         "data-testid": "check-icon",
@@ -29,7 +27,6 @@ export const ActionIcon = ({
         size: "small",
         label: "check"
       }));
-
     case 'failure':
       return /*#__PURE__*/React.createElement("div", {
         "data-testid": "cross-icon",

package/dist/es2019/view/BlockCard/components/ActionList.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';

package/dist/es2019/view/BlockCard/components/CollaboratorList.js

@@ -11,7 +11,6 @@ export const CollaboratorList = ({
   if (items.length === 0) {
     return null;
   }
-
   return jsx("span", {
     css: mq({
       display: ['none', 'inherit']

package/dist/es2019/view/BlockCard/components/Frame.js

@@ -23,7 +23,8 @@ export const ExpandedFrame = ({
   isFluidHeight
 }) => {
   return jsx("div", {
-    css: mq({ ...sharedFrameStyles,
+    css: mq({
+      ...sharedFrameStyles,
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
         backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20A})`,
@@ -50,7 +51,8 @@ export const CompactFrame = ({
   inheritDimensions
 }) => {
   return jsx("div", {
-    css: mq({ ...sharedFrameStyles,
+    css: mq({
+      ...sharedFrameStyles,
       '&:hover': isHoverable ? {
         backgroundColor: `var(--ds-background-neutral-hovered, ${N30A})`
       } : undefined,

package/dist/es2019/view/BlockCard/components/Provider.js

@@ -7,7 +7,6 @@ export const Provider = ({
   icon
 }) => {
   let iconToRender = icon || null;
-
   if (typeof icon === 'string') {
     iconToRender = jsx("img", {
       className: "smart-link-icon",
@@ -18,7 +17,6 @@ export const Provider = ({
       src: icon
     });
   }
-
   return jsx("div", {
     css: {
       display: 'flex',

package/dist/es2019/view/BlockCard/components/Thumbnail.js

@@ -15,7 +15,8 @@ export const ThumbnailDefault = ({
   testId
 }) => {
   return jsx("div", {
-    css: mq({ ...sharedStyles,
+    css: mq({
+      ...sharedStyles,
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
       backgroundPosition: '50% 50%',
@@ -31,7 +32,8 @@ export const ThumbnailWithBackground = ({
   testId
 }) => {
   return jsx("div", {
-    css: mq({ ...sharedStyles,
+    css: mq({
+      ...sharedStyles,
       backgroundColor: color,
       display: 'flex',
       alignItems: 'center',

package/dist/es2019/view/BlockCard/components/flexible/footer/index.js

@@ -4,7 +4,6 @@ import { Provider } from '../../../../FlexibleCard/components/elements';
 import ElementGroup from '../../../../FlexibleCard/components/blocks/element-group';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-
 const getActionGroupStyles = size => {
   if (size === SmartLinkSize.XLarge) {
     // The biggest height of the action button exceeds the max line-height
@@ -15,12 +14,12 @@ const getActionGroupStyles = size => {
     `;
   }
 };
-
 const providerStyles = css`
   span:first-child {
     margin-right: 0.375rem;
   }
 `;
+
 /**
  * This Component is a footer that is used in a Block Card with Flexible UI.
  * It contains a provider icon if provider is present and an actions list if one is passed.
@@ -29,7 +28,6 @@ const providerStyles = css`
  * @see CustomBlock
  * @param props are the data required for the block, such as actions to be displayed.
  */
-
 const BlockCardFooter = props => {
   const {
     actions,
@@ -51,5 +49,4 @@ const BlockCardFooter = props => {
     appearance: actionGroupAppearance
   })) : null);
 };
-
 export default BlockCardFooter;