@atlaskit/smart-card 43.31.8 → 43.31.10

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

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development"
+  packageVersion: "43.31.9"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -378,4 +378,5 @@ export const getPreviewUrlWithTheme = (previewUrl, themeState) => {
   }
 };
 export const isIconSizeLarge = size => size && [SmartLinkSize.Large, SmartLinkSize.XLarge].includes(size);
-export const isProfileType = type => !!(type && type.includes('Profile'));
+export const isProfileType = type => !!(type && type.includes('Profile'));
+export const noop = () => undefined;

package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css

@@ -69,4 +69,4 @@
 ._xwbj1tcg svg{min-width:24px}
 ._yrry1tcg [data-smart-element-icon] span{height:24px}
 ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
-@media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
+@media only screen and (max-width:980px){._1dt6glyw{display:none}}

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -9,8 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -24,7 +22,6 @@ const iconSize = '24px';
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 const iconCss = null;
 const titleCss = null;
-const actionCss = null;
 const buttonGroupCss = null;
 const listItemCSS = null;
 const resizeButtonCss = null;
@@ -37,110 +34,6 @@ const LinkInfo = ({
   size,
   testId,
   title
-}) => {
-  const {
-    onClose
-  } = useModal();
-  const {
-    formatMessage
-  } = useIntl();
-  const downloadButton = useMemo(() => {
-    if (onDownloadButtonClick) {
-      return /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-        icon: () => /*#__PURE__*/React.createElement(DownloadIcon, {
-          label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
-          spacing: "spacious",
-          color: "currentColor"
-        }),
-        label: messages.download,
-        onClick: onDownloadButtonClick,
-        testId: `${testId}-download`
-      });
-    }
-  }, [onDownloadButtonClick, testId]);
-  const urlButton = useMemo(() => {
-    if (onViewButtonClick) {
-      const content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
-      return /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: content,
-        icon: () => /*#__PURE__*/React.createElement(ShortcutIcon, {
-          label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
-          spacing: "spacious",
-          color: "currentColor"
-        }),
-        label: messages.viewOriginal,
-        onClick: onViewButtonClick,
-        testId: `${testId}-url`,
-        role: 'link',
-        "aria-label": messages.viewOriginal
-      });
-    }
-  }, [onViewButtonClick, providerName, testId]);
-  const sizeButton = useMemo(() => {
-    const isFullScreen = size === MAX_MODAL_SIZE;
-    const message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    const icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
-      label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
-      spacing: "spacious",
-      color: "currentColor"
-    }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
-      label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
-      spacing: "spacious",
-      color: "currentColor"
-    });
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      React.createElement("span", {
-        className: "smart-link-resize-button"
-      }, /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, message),
-        icon: () => icon,
-        label: message,
-        onClick: onResizeButtonClick,
-        testId: `${testId}-resize`
-      }))
-    );
-  }, [onResizeButtonClick, size, testId]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    "data-testid": `${testId}-icon`,
-    className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
-  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
-  }, /*#__PURE__*/React.createElement(Heading, {
-    as: "h2",
-    size: "small",
-    color: "color.text",
-    testId: `${testId}-title`
-  }, title), /*#__PURE__*/React.createElement("span", {
-    tabIndex: 0,
-    role: "button",
-    "aria-hidden": true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
-    hideTooltipOnClick: true,
-    tag: "span",
-    testId: `${testId}-close-tooltip`
-  }, /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: onClose,
-    label: formatMessage(messages.preview_close),
-    testId: testId
-  }))));
-};
-const LinkInfoNew = ({
-  icon,
-  providerName,
-  onDownloadButtonClick,
-  onResizeButtonClick,
-  onViewButtonClick,
-  size,
-  testId,
-  title
 }) => {
   const {
     onClose
@@ -231,5 +124,4 @@ const LinkInfoNew = ({
     testId: testId
   })))));
 };
-const _default_1 = componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
-export default _default_1;
+export default LinkInfo;

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -1,5 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
+import { noop } from '../../../../../utils';
 import { HoverCard } from '../../../../HoverCard';
 const FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
 const HoverCardControl = ({
@@ -56,12 +59,14 @@ const HoverCardControl = ({
     actionOptions: actionOptions,
     url: url,
     hoverPreviewOptions: hoverPreviewOptions
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
+    onBlur: noop
+  } : undefined, {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     "data-testid": `${testId}-hover-card-wrapper`,
     role: 'presentation'
-  }, children));
+  }), children));
 };
 export default HoverCardControl;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 const LozengeActionItem = ({
   appearance,
   id,
@@ -20,19 +22,18 @@ const LozengeActionItem = ({
     var _e$currentTarget, _e$currentTarget$firs;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
   }, []);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
+    onFocus: handleMouseEnter
+  } : undefined, {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    React.createElement("span", {
-      onMouseEnter: handleMouseEnter,
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement(DropdownItem, {
-      onClick: handleClick,
-      testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: appearance,
-      isBold: true
-    }, text)))
-  );
+    onMouseEnter: handleMouseEnter,
+    role: "presentation"
+  }), /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: appearance,
+    isBold: true
+  }, text)));
 };
 export default LozengeActionItem;

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -7,6 +7,7 @@ import { ActionName, CardDisplay } from '../../../constants';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
+import { noop } from '../../../utils';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { createCustomPopupContainer } from '../components/CustomPopupContainer';
 import HoverCardContent from '../components/HoverCardContent';
@@ -233,7 +234,11 @@ export const HoverCardComponent = ({
     "data-testid": HOVER_CARD_TRIGGER_WRAPPER
   }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
     className: HOVER_CARD_TRIGGER_WRAPPER
-  } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
+  } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
+    onFocus: noop,
+    onBlur: noop,
+    role: 'none'
+  } : undefined), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
   const popupComponent = useMemo(
   // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
   // as it is assumed that the custom popup container has the desired styles