@atlaskit/smart-card 43.31.8 → 43.31.10

package/dist/esm/utils/analytics/analytics.js

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

package/dist/esm/utils/index.js

@@ -579,4 +579,7 @@ export var isIconSizeLarge = function isIconSizeLarge(size) {
 };
 export var isProfileType = function isProfileType(type) {
   return !!(type && type.includes('Profile'));
+};
+export var noop = function noop() {
+  return undefined;
 };

package/dist/esm/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/esm/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 @@ var iconSize = '24px';
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 var iconCss = null;
 var titleCss = null;
-var actionCss = null;
 var buttonGroupCss = null;
 var listItemCSS = null;
 var resizeButtonCss = null;
@@ -41,113 +38,6 @@ var LinkInfo = function LinkInfo(_ref) {
     onClose = _useModal.onClose;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var downloadButton = useMemo(function () {
-    if (onDownloadButtonClick) {
-      return /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-        icon: function icon() {
-          return /*#__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: "".concat(testId, "-download")
-      });
-    }
-  }, [onDownloadButtonClick, testId]);
-  var urlButton = useMemo(function () {
-    if (onViewButtonClick) {
-      var 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: function icon() {
-          return /*#__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: "".concat(testId, "-url"),
-        role: 'link',
-        "aria-label": messages.viewOriginal
-      });
-    }
-  }, [onViewButtonClick, providerName, testId]);
-  var sizeButton = useMemo(function () {
-    var isFullScreen = size === MAX_MODAL_SIZE;
-    var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    var _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: function icon() {
-          return _icon;
-        },
-        label: message,
-        onClick: onResizeButtonClick,
-        testId: "".concat(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": "".concat(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: "".concat(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: "".concat(testId, "-close-tooltip")
-  }, /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: onClose,
-    label: formatMessage(messages.preview_close),
-    testId: testId
-  }))));
-};
-var LinkInfoNew = function LinkInfoNew(_ref2) {
-  var icon = _ref2.icon,
-    providerName = _ref2.providerName,
-    onDownloadButtonClick = _ref2.onDownloadButtonClick,
-    onResizeButtonClick = _ref2.onResizeButtonClick,
-    onViewButtonClick = _ref2.onViewButtonClick,
-    size = _ref2.size,
-    testId = _ref2.testId,
-    title = _ref2.title;
-  var _useModal2 = useModal(),
-    onClose = _useModal2.onClose;
-  var _useIntl2 = useIntl(),
-    formatMessage = _useIntl2.formatMessage;
   var downloadButton = useMemo(function () {
     return /*#__PURE__*/React.createElement(LinkInfoButton, {
       content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
@@ -186,7 +76,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
   var sizeButton = useMemo(function () {
     var isFullScreen = size === MAX_MODAL_SIZE;
     var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    var _icon2 = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
+    var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
       label: "",
       spacing: "spacious",
       color: "currentColor"
@@ -198,7 +88,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
     return /*#__PURE__*/React.createElement(LinkInfoButton, {
       content: /*#__PURE__*/React.createElement(FormattedMessage, message),
       icon: function icon() {
-        return _icon2;
+        return _icon;
       },
       label: message,
       onClick: onResizeButtonClick,
@@ -239,5 +129,4 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
     testId: testId
   })))));
 };
-var _default_1 = componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
-export default _default_1;
+export default LinkInfo;

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

@@ -1,6 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
 var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
 var HoverCardControl = function HoverCardControl(_ref) {
@@ -60,12 +63,14 @@ var HoverCardControl = function HoverCardControl(_ref) {
     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": "".concat(testId, "-hover-card-wrapper"),
     role: 'presentation'
-  }, children));
+  }), children));
 };
 export default HoverCardControl;

package/dist/esm/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';
 var LozengeActionItem = function LozengeActionItem(_ref) {
   var appearance = _ref.appearance,
     id = _ref.id,
@@ -19,19 +21,18 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     var _e$currentTarget;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.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/esm/view/HoverCard/components/HoverCardComponent.js

@@ -10,6 +10,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';
@@ -250,7 +251,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       "data-testid": HOVER_CARD_TRIGGER_WRAPPER
     }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
       className: HOVER_CARD_TRIGGER_WRAPPER
-    } : {}), children));
+    } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
+      onFocus: noop,
+      onBlur: noop,
+      role: 'none'
+    } : undefined), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
   var popupComponent = useMemo(
   // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored

package/dist/esm/view/LinkUrl/index.js

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.31.9",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');