@atlaskit/smart-card 28.1.3 → 28.1.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 28.1.5
+
+### Patch Changes
+
+- [#141715](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/141715)
+  [`d2037bfc8439b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2037bfc8439b) -
+  aria allowed attr
+
+## 28.1.4
+
+### Patch Changes
+
+- [`d716377afe79d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d716377afe79d) -
+  deprecating hidePreviewButton and hideHoverCardPreviewButton in hover card
+
 ## 28.1.3
 
 ### Patch Changes

package/dist/cjs/utils/actions/combine-action-options.js

@@ -7,7 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.combineActionOptions = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _types = require("../../view/Card/types");
-var combineActionOptions = exports.combineActionOptions = function combineActionOptions(actionOptions, showServerActions, showActions, platform) {
+var combineActionOptions = exports.combineActionOptions = function combineActionOptions(_ref) {
+  var actionOptions = _ref.actionOptions,
+    showServerActions = _ref.showServerActions,
+    showActions = _ref.showActions,
+    platform = _ref.platform,
+    hidePreviewButton = _ref.hidePreviewButton;
   if (typeof actionOptions !== 'undefined') {
     return actionOptions;
   }
@@ -16,17 +21,24 @@ var combineActionOptions = exports.combineActionOptions = function combineAction
       hide: true
     };
   }
+  var exclude = [];
+  if (hidePreviewButton) {
+    exclude = [].concat((0, _toConsumableArray2.default)(exclude), [_types.CardAction.PreviewAction]);
+  }
   if (showServerActions && showActions) {
     return {
-      hide: false
+      hide: false,
+      exclude: exclude
     };
   }
-  var exclude = [];
   if (showServerActions === false) {
     exclude = [].concat((0, _toConsumableArray2.default)(exclude), [_types.CardAction.FollowAction, _types.CardAction.ChangeStatusAction]);
   }
   if (showActions === false) {
-    exclude = [].concat((0, _toConsumableArray2.default)(exclude), [_types.CardAction.DownloadAction, _types.CardAction.PreviewAction, _types.CardAction.ViewAction]);
+    exclude = [].concat((0, _toConsumableArray2.default)(exclude), [_types.CardAction.DownloadAction, _types.CardAction.ViewAction]);
+    if (!exclude.includes(_types.CardAction.PreviewAction)) {
+      exclude.push(_types.CardAction.PreviewAction);
+    }
   }
   return {
     hide: false,

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

package/dist/cjs/view/CardWithUrl/component.js

@@ -76,7 +76,12 @@ function Component(_ref) {
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children);
   }, [children]);
-  var actionOptions = (0, _combineActionOptions.combineActionOptions)(actionOptionsProp, showServerActions, showActions, platform);
+  var actionOptions = (0, _combineActionOptions.combineActionOptions)({
+    actionOptions: actionOptionsProp,
+    showServerActions: showServerActions,
+    showActions: showActions,
+    platform: platform
+  });
   var frameStyle = (0, _utils.combineFrameStyle)(frameStyleProp, isFrameVisible);
 
   // Setup UI handlers.

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

@@ -21,6 +21,7 @@ var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnal
 var _combineActionOptions = require("../../../utils/actions/combine-action-options");
 var _actions = require("../../../state/actions");
 var _analytics = require("../../../state/analytics");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
 /**
@@ -72,7 +73,11 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, undefined, id);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
-  var actionOptions = (0, _combineActionOptions.combineActionOptions)(actionOptionsProp, showServerActions);
+  var actionOptions = (0, _combineActionOptions.combineActionOptions)({
+    actionOptions: actionOptionsProp,
+    showServerActions: showServerActions,
+    hidePreviewButton: hidePreviewButton
+  });
   var setMousePosition = (0, _react2.useCallback)(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -214,7 +219,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
   var trigger = (0, _react2.useCallback)(function (triggerProps) {
     return (0, _react.jsx)("span", {
       ref: parentSpan
-    }, (0, _react.jsx)("span", (0, _extends2.default)({}, triggerProps, {
+    }, (0, _react.jsx)("span", (0, _extends2.default)({}, triggerProps, (0, _platformFeatureFlags.fg)('platform-hover-card-aria-expanded-a11y-fix') && {
+      role: 'button'
+    }, {
       onMouseOver: initShowCard,
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,

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: "28.1.3",
+  packageVersion: "28.1.5",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/actions/combine-action-options.js

@@ -1,5 +1,11 @@
 import { CardAction } from '../../view/Card/types';
-export const combineActionOptions = (actionOptions, showServerActions, showActions, platform) => {
+export const combineActionOptions = ({
+  actionOptions,
+  showServerActions,
+  showActions,
+  platform,
+  hidePreviewButton
+}) => {
   if (typeof actionOptions !== 'undefined') {
     return actionOptions;
   }
@@ -8,17 +14,24 @@ export const combineActionOptions = (actionOptions, showServerActions, showActio
       hide: true
     };
   }
+  let exclude = [];
+  if (hidePreviewButton) {
+    exclude = [...exclude, CardAction.PreviewAction];
+  }
   if (showServerActions && showActions) {
     return {
-      hide: false
+      hide: false,
+      exclude
     };
   }
-  let exclude = [];
   if (showServerActions === false) {
     exclude = [...exclude, CardAction.FollowAction, CardAction.ChangeStatusAction];
   }
   if (showActions === false) {
-    exclude = [...exclude, CardAction.DownloadAction, CardAction.PreviewAction, CardAction.ViewAction];
+    exclude = [...exclude, CardAction.DownloadAction, CardAction.ViewAction];
+    if (!exclude.includes(CardAction.PreviewAction)) {
+      exclude.push(CardAction.PreviewAction);
+    }
   }
   return {
     hide: false,

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

package/dist/es2019/view/CardWithUrl/component.js

@@ -67,7 +67,12 @@ function Component({
   const services = getServices(state.details);
   const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
-  const actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
+  const actionOptions = combineActionOptions({
+    actionOptions: actionOptionsProp,
+    showServerActions,
+    showActions,
+    platform
+  });
   const frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
   // Setup UI handlers.

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

@@ -17,6 +17,7 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { combineActionOptions } from '../../../utils/actions/combine-action-options';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
+import { fg } from '@atlaskit/platform-feature-flags';
 const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 const FADE_IN_DELAY = 500;
 const FADE_OUT_DELAY = 300;
@@ -51,7 +52,11 @@ export const HoverCardComponent = ({
   const {
     loadMetadata
   } = useSmartCardActions(id, url, analytics);
-  const actionOptions = combineActionOptions(actionOptionsProp, showServerActions);
+  const actionOptions = combineActionOptions({
+    actionOptions: actionOptionsProp,
+    showServerActions,
+    hidePreviewButton
+  });
   const setMousePosition = useCallback(event => {
     if (isOpen && canOpen) {
       return;
@@ -188,7 +193,9 @@ export const HoverCardComponent = ({
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
   const trigger = useCallback(triggerProps => jsx("span", {
     ref: parentSpan
-  }, jsx("span", _extends({}, triggerProps, {
+  }, jsx("span", _extends({}, triggerProps, fg('platform-hover-card-aria-expanded-a11y-fix') && {
+    role: 'button'
+  }, {
     onMouseOver: initShowCard,
     onMouseLeave: initHideCard,
     onMouseMove: setMousePosition,

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

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

package/dist/esm/utils/actions/combine-action-options.js

@@ -1,6 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { CardAction } from '../../view/Card/types';
-export var combineActionOptions = function combineActionOptions(actionOptions, showServerActions, showActions, platform) {
+export var combineActionOptions = function combineActionOptions(_ref) {
+  var actionOptions = _ref.actionOptions,
+    showServerActions = _ref.showServerActions,
+    showActions = _ref.showActions,
+    platform = _ref.platform,
+    hidePreviewButton = _ref.hidePreviewButton;
   if (typeof actionOptions !== 'undefined') {
     return actionOptions;
   }
@@ -9,17 +14,24 @@ export var combineActionOptions = function combineActionOptions(actionOptions, s
       hide: true
     };
   }
+  var exclude = [];
+  if (hidePreviewButton) {
+    exclude = [].concat(_toConsumableArray(exclude), [CardAction.PreviewAction]);
+  }
   if (showServerActions && showActions) {
     return {
-      hide: false
+      hide: false,
+      exclude: exclude
     };
   }
-  var exclude = [];
   if (showServerActions === false) {
     exclude = [].concat(_toConsumableArray(exclude), [CardAction.FollowAction, CardAction.ChangeStatusAction]);
   }
   if (showActions === false) {
-    exclude = [].concat(_toConsumableArray(exclude), [CardAction.DownloadAction, CardAction.PreviewAction, CardAction.ViewAction]);
+    exclude = [].concat(_toConsumableArray(exclude), [CardAction.DownloadAction, CardAction.ViewAction]);
+    if (!exclude.includes(CardAction.PreviewAction)) {
+      exclude.push(CardAction.PreviewAction);
+    }
   }
   return {
     hide: false,

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

package/dist/esm/view/CardWithUrl/component.js

@@ -66,7 +66,12 @@ function Component(_ref) {
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
-  var actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
+  var actionOptions = combineActionOptions({
+    actionOptions: actionOptionsProp,
+    showServerActions: showServerActions,
+    showActions: showActions,
+    platform: platform
+  });
   var frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
   // Setup UI handlers.

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

@@ -18,6 +18,7 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { combineActionOptions } from '../../../utils/actions/combine-action-options';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
+import { fg } from '@atlaskit/platform-feature-flags';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -60,7 +61,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var analytics = useSmartLinkAnalytics(url, undefined, id);
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
-  var actionOptions = combineActionOptions(actionOptionsProp, showServerActions);
+  var actionOptions = combineActionOptions({
+    actionOptions: actionOptionsProp,
+    showServerActions: showServerActions,
+    hidePreviewButton: hidePreviewButton
+  });
   var setMousePosition = useCallback(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -202,7 +207,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var trigger = useCallback(function (triggerProps) {
     return jsx("span", {
       ref: parentSpan
-    }, jsx("span", _extends({}, triggerProps, {
+    }, jsx("span", _extends({}, triggerProps, fg('platform-hover-card-aria-expanded-a11y-fix') && {
+      role: 'button'
+    }, {
       onMouseOver: initShowCard,
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,

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

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

package/dist/types/utils/actions/combine-action-options.d.ts

@@ -1,2 +1,10 @@
-import { type CardPlatform, type CardActionOptions } from '../../view/Card/types';
-export declare const combineActionOptions: (actionOptions?: CardActionOptions, showServerActions?: boolean, showActions?: boolean, platform?: CardPlatform) => CardActionOptions;
+import { type CardActionOptions, type CardPlatform } from '../../view/Card/types';
+type CombineActionsOptions = {
+    actionOptions?: CardActionOptions;
+    showServerActions?: boolean;
+    showActions?: boolean;
+    platform?: CardPlatform;
+    hidePreviewButton?: boolean;
+};
+export declare const combineActionOptions: ({ actionOptions, showServerActions, showActions, platform, hidePreviewButton, }: CombineActionsOptions) => CardActionOptions;
+export {};

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

@@ -102,7 +102,9 @@ export type FlexibleUiOptions = {
      */
     hideElevation?: boolean;
     /**
-     * Determines whether to hide hover preview's full screen view.
+     * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14817 Internal documentation for deprecation (no external access)}
+     *
+     * Prefer 'actionOptions' prop. Determines whether to hide hover preview's full screen view.
      * Only applies if showHoverPreview from FlexibleCardProps is true
      */
     hideHoverCardPreviewButton?: boolean;

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

@@ -36,7 +36,9 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      */
     closeOnChildClick?: boolean;
     /**
-     * Determines if the hover card should display the "Open preview" button.
+     * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14817 Internal documentation for deprecation (no external access)}
+     *
+     * Prefer 'actionOptions' prop. Determines if the hover card should display the "Open preview" button.
      */
     hidePreviewButton?: boolean;
     /**

package/dist/types-ts4.5/utils/actions/combine-action-options.d.ts

@@ -1,2 +1,10 @@
-import { type CardPlatform, type CardActionOptions } from '../../view/Card/types';
-export declare const combineActionOptions: (actionOptions?: CardActionOptions, showServerActions?: boolean, showActions?: boolean, platform?: CardPlatform) => CardActionOptions;
+import { type CardActionOptions, type CardPlatform } from '../../view/Card/types';
+type CombineActionsOptions = {
+    actionOptions?: CardActionOptions;
+    showServerActions?: boolean;
+    showActions?: boolean;
+    platform?: CardPlatform;
+    hidePreviewButton?: boolean;
+};
+export declare const combineActionOptions: ({ actionOptions, showServerActions, showActions, platform, hidePreviewButton, }: CombineActionsOptions) => CardActionOptions;
+export {};

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

@@ -102,7 +102,9 @@ export type FlexibleUiOptions = {
      */
     hideElevation?: boolean;
     /**
-     * Determines whether to hide hover preview's full screen view.
+     * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14817 Internal documentation for deprecation (no external access)}
+     *
+     * Prefer 'actionOptions' prop. Determines whether to hide hover preview's full screen view.
      * Only applies if showHoverPreview from FlexibleCardProps is true
      */
     hideHoverCardPreviewButton?: boolean;

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

@@ -36,7 +36,9 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      */
     closeOnChildClick?: boolean;
     /**
-     * Determines if the hover card should display the "Open preview" button.
+     * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14817 Internal documentation for deprecation (no external access)}
+     *
+     * Prefer 'actionOptions' prop. Determines if the hover card should display the "Open preview" button.
      */
     hidePreviewButton?: boolean;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "28.1.3",
+	"version": "28.1.5",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/link-analytics": "^8.5.0",
-		"@atlaskit/link-client-extension": "^2.3.0",
+		"@atlaskit/link-client-extension": "^2.4.0",
 		"@atlaskit/link-extractors": "^1.9.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
@@ -54,12 +54,12 @@
 		"@atlaskit/popup": "^1.25.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^17.17.0",
+		"@atlaskit/select": "^17.19.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.60.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -79,7 +79,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/link-provider": "^1.14.0",
+		"@atlaskit/link-provider": "^1.16.0",
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
 		"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -88,9 +88,9 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-listeners": "^8.11.0",
-		"@atlaskit/css-reset": "^6.10.0",
+		"@atlaskit/css-reset": "^6.11.0",
 		"@atlaskit/link-test-helpers": "^7.5.0",
-		"@atlaskit/media-test-helpers": "^34.2.0",
+		"@atlaskit/media-test-helpers": "^34.3.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",
@@ -155,6 +155,9 @@
 		},
 		"linking-platform-increase-inline-card-icon-size": {
 			"type": "boolean"
+		},
+		"platform-hover-card-aria-expanded-a11y-fix": {
+			"type": "boolean"
 		}
 	}
 }