@atlaskit/smart-card 28.1.2 → 28.1.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 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
+
+- [#136861](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136861)
+  [`d640bacacaa13`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d640bacacaa13) -
+  bumped react-magnetic-di to 3.1.4
+
 ## 28.1.2
 
 ### 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.2"
+  packageVersion: "28.1.4"
 };
 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/FlexibleCard/components/blocks/action-group/index.js

@@ -22,7 +22,6 @@ var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
 var _utils2 = require("../utils");
-var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["triggerRef"];
 /**
  * @jsxRuntime classic

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.AIFooterMetadata = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _reactMagneticDi = require("react-magnetic-di");
 var _reactIntlNext = require("react-intl-next");
 var _primitives = require("@atlaskit/primitives");
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -16,7 +16,6 @@ var _layeredLink = _interopRequireDefault(require("./layered-link"));
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _utils = require("../../../../state/flexible-ui-context/utils");
 var _colors = require("@atlaskit/theme/colors");
-var _reactMagneticDi = require("react-magnetic-di");
 var _templateObject;
 /**
  * @jsxRuntime classic

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

@@ -72,7 +72,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;

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.2",
+  packageVersion: "28.1.4",
   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.2"
+  packageVersion: "28.1.4"
 };
 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/FlexibleCard/components/blocks/action-group/index.js

@@ -19,7 +19,6 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
-import { di } from 'react-magnetic-di';
 const styles = css({
   display: 'inline-flex',
   lineHeight: '1rem',

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
-import { di } from 'react-magnetic-di';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
 import AIIcon from '../../../../../common/ai-icon';

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -12,7 +12,6 @@ import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { N40 } from '@atlaskit/theme/colors';
-import { di } from 'react-magnetic-di';
 const elevationStyles = css({
   border: `1px solid ${`var(--ds-border, ${N40})`}`,
   borderRadius: "var(--ds-border-radius-200, 8px)",

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

@@ -51,7 +51,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;

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.2",
+  packageVersion: "28.1.4",
   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.2"
+  packageVersion: "28.1.4"
 };
 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/FlexibleCard/components/blocks/action-group/index.js

@@ -22,7 +22,6 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
-import { di } from 'react-magnetic-di';
 var styles = css({
   display: 'inline-flex',
   lineHeight: '1rem',

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
-import { di } from 'react-magnetic-di';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
 import AIIcon from '../../../../../common/ai-icon';

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -14,7 +14,6 @@ import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { N40 } from '@atlaskit/theme/colors';
-import { di } from 'react-magnetic-di';
 var elevationStyles = css({
   border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   borderRadius: "var(--ds-border-radius-200, 8px)",

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

@@ -60,7 +60,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;

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.2",
+  packageVersion: "28.1.4",
   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.2",
+	"version": "28.1.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.17.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/icon-file-type": "^6.5.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/popup": "^1.25.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^17.17.0",
+		"@atlaskit/select": "^17.18.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
@@ -73,7 +73,7 @@
 		"react-error-boundary": "^3.1.3",
 		"react-lazily-render": "^1.2.0",
 		"react-loadable": "^5.1.0",
-		"react-magnetic-di": "^2.2.6",
+		"react-magnetic-di": "^3.1.4",
 		"react-render-image": "^1.1.3",
 		"use-sync-external-store": "^1.2.0",
 		"uuid": "^3.1.0"