@atlaskit/smart-card 33.3.0 → 33.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 33.4.0
+
+### Minor Changes
+
+- [#99264](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99264)
+  [`a5f4221df30a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a5f4221df30a0) -
+  Introduce role, label and titleId props to the Hover Card component
+
 ## 33.3.0
 
 ### Minor Changes

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

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

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

@@ -49,7 +49,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
     noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
-    hoverPreviewOptions = _ref.hoverPreviewOptions;
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    role = _ref.role,
+    label = _ref.label,
+    titleId = _ref.titleId;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -228,7 +231,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
+    zIndex: zIndex,
+    role: role,
+    titleId: titleId,
+    label: label
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
     popupComponent: _CustomPopupContainer.default

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

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

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: "33.3.0"
+  packageVersion: "33.4.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -30,7 +30,10 @@ export const HoverCardComponent = ({
   allowEventPropagation = false,
   zIndex = HOVER_CARD_Z_INDEX,
   noFadeDelay = false,
-  hoverPreviewOptions
+  hoverPreviewOptions,
+  role,
+  label,
+  titleId
 }) => {
   var _hoverPreviewOptions$;
   const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
@@ -204,7 +207,10 @@ export const HoverCardComponent = ({
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
+    zIndex: zIndex,
+    role: role,
+    titleId: titleId,
+    label: label
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
     popupComponent: CustomPopupContainer

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

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

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: "33.3.0"
+  packageVersion: "33.4.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -40,7 +40,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     zIndex = _ref$zIndex === void 0 ? HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
     noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
-    hoverPreviewOptions = _ref.hoverPreviewOptions;
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    role = _ref.role,
+    label = _ref.label,
+    titleId = _ref.titleId;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -219,7 +222,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
+    zIndex: zIndex,
+    role: role,
+    titleId: titleId,
+    label: label
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
     popupComponent: CustomPopupContainer

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

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

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, }: HoverCardComponentProps) => jsx.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId }: HoverCardComponentProps) => jsx.JSX.Element;

package/dist/types/view/HoverCard/types.d.ts

@@ -42,6 +42,21 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Additional configurations for hover card.
      */
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * Use this to set the accessibility role for the hover card.
+     * Should be used along with `label` or `titleId` for supported roles.
+     */
+    role?: string;
+    /**
+     * Refers to an `aria-label` attribute. Sets an accessible name for the hover card to announce it to users of assistive technology.
+     * Usage of either this, or the `titleId` attribute is strongly recommended.
+     */
+    label?: string;
+    /**
+     * Id referenced by the hover card `aria-labelledby` attribute.
+     * Usage of either this, or the `label` attribute is strongly recommended.
+     */
+    titleId?: string;
 }
 /**
  * An internal props that internal smart-card components can use to configure

package/dist/types-ts4.5/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, }: HoverCardComponentProps) => jsx.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId }: HoverCardComponentProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -42,6 +42,21 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Additional configurations for hover card.
      */
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * Use this to set the accessibility role for the hover card.
+     * Should be used along with `label` or `titleId` for supported roles.
+     */
+    role?: string;
+    /**
+     * Refers to an `aria-label` attribute. Sets an accessible name for the hover card to announce it to users of assistive technology.
+     * Usage of either this, or the `titleId` attribute is strongly recommended.
+     */
+    label?: string;
+    /**
+     * Id referenced by the hover card `aria-labelledby` attribute.
+     * Usage of either this, or the `label` attribute is strongly recommended.
+     */
+    titleId?: string;
 }
 /**
  * An internal props that internal smart-card components can use to configure

package/package.json

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