@atlaskit/smart-card 30.1.8 → 30.1.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 30.1.9
+
+### Patch Changes
+
+- [#156157](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156157)
+  [`67bdb3a72c8bb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/67bdb3a72c8bb) -
+  Fix hover card accessibility violation
+
 ## 30.1.8
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.1.8"
+  packageVersion: "30.1.9"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HoverCardComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -20,15 +21,14 @@ var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnal
 var _CustomPopupContainer = _interopRequireDefault(require("../components/CustomPopupContainer"));
 var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
 var _styled = require("../styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _excluded = ["aria-haspopup", "aria-expanded"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -205,7 +205,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       source: HOVER_CARD_SOURCE
     }, (0, _react2.jsx)(_HoverCardContent.default, hoverCardContentProps));
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
-  var trigger = (0, _react.useCallback)(function (triggerProps) {
+  var trigger = (0, _react.useCallback)(function (_ref3) {
+    var ariaHasPopup = _ref3['aria-haspopup'],
+      ariaExpanded = _ref3['aria-expanded'],
+      triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
     return (0, _react2.jsx)("span", {
       ref: parentSpan
     }, (0, _react2.jsx)("span", (0, _extends2.default)({}, triggerProps, {

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.1.8",
+  packageVersion: "30.1.9",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

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

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

@@ -182,7 +182,11 @@ export const HoverCardComponent = ({
       source: HOVER_CARD_SOURCE
     }, jsx(HoverCardContent, hoverCardContentProps));
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
-  const trigger = useCallback(triggerProps => jsx("span", {
+  const trigger = useCallback(({
+    'aria-haspopup': ariaHasPopup,
+    'aria-expanded': ariaExpanded,
+    ...triggerProps
+  }) => jsx("span", {
     ref: parentSpan
   }, jsx("span", _extends({}, triggerProps, {
     onMouseOver: initShowCard,

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

@@ -7,7 +7,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.1.8",
+  packageVersion: "30.1.9",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["aria-haspopup", "aria-expanded"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -194,7 +196,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       source: HOVER_CARD_SOURCE
     }, jsx(HoverCardContent, hoverCardContentProps));
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
-  var trigger = useCallback(function (triggerProps) {
+  var trigger = useCallback(function (_ref3) {
+    var ariaHasPopup = _ref3['aria-haspopup'],
+      ariaExpanded = _ref3['aria-expanded'],
+      triggerProps = _objectWithoutProperties(_ref3, _excluded);
     return jsx("span", {
       ref: parentSpan
     }, jsx("span", _extends({}, triggerProps, {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "30.1.8",
+	"version": "30.1.9",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"