@atlaskit/smart-card 27.17.0 → 27.18.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 27.18.0
+
+### Minor Changes
+
+- [#133311](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133311)
+  [`d0dfe717c6cc3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0dfe717c6cc3) -
+  Added removeTextHighlightingFromTitle prop to allow for removal of text fragment from the title
+  ofan inline smart card
+
+### Patch Changes
+
+- [#133829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133829)
+  [`25a2501a70195`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/25a2501a70195) -
+  Cleaning up platform.linking-platform.smart-card.fix-embed-card-blurring FF
+- Updated dependencies
+
 ## 27.17.0
 
 ### Minor Changes

package/dist/cjs/extractors/inline/index.js

@@ -19,10 +19,10 @@ var extractInlineIcon = exports.extractInlineIcon = function extractInlineIcon(j
   }
   return (0, _icon.extractIcon)(jsonLd, 'provider');
 };
-var extractInlineProps = exports.extractInlineProps = function extractInlineProps(jsonLd, renderers) {
+var extractInlineProps = exports.extractInlineProps = function extractInlineProps(jsonLd, renderers, removeTextHighlightingFromTitle) {
   return {
     link: (0, _linkExtractors.extractLink)(jsonLd),
-    title: (0, _linkExtractors.extractTitle)(jsonLd),
+    title: (0, _linkExtractors.extractTitle)(jsonLd, removeTextHighlightingFromTitle),
     lozenge: (0, _lozenge.extractLozenge)(jsonLd),
     icon: extractInlineIcon(jsonLd),
     titleTextColor: (0, _primitives.extractTitleTextColor)(jsonLd),

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

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

@@ -52,7 +52,8 @@ function Component(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
-    useLegacyBlockCard = _ref.useLegacyBlockCard;
+    useLegacyBlockCard = _ref.useLegacyBlockCard,
+    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -233,7 +234,8 @@ function Component(_ref) {
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        removeTextHighlightingFromTitle: removeTextHighlightingFromTitle
       });
     case 'block':
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {

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

@@ -66,7 +66,8 @@ function CardWithURLRenderer(props) {
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
     fallbackComponent = props.fallbackComponent,
-    useLegacyBlockCard = props.useLegacyBlockCard;
+    useLegacyBlockCard = props.useLegacyBlockCard,
+    removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle;
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', undefined, id);
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
   var errorHandler = (0, _react.useCallback)(function (error, info) {
@@ -136,7 +137,8 @@ function CardWithURLRenderer(props) {
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,
-    useLegacyBlockCard: useLegacyBlockCard
+    useLegacyBlockCard: useLegacyBlockCard,
+    removeTextHighlightingFromTitle: removeTextHighlightingFromTitle
   };
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -10,7 +10,6 @@ var _styled = require("./styled");
 var _handlers = require("../../BlockCard/utils/handlers");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -63,7 +62,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
+      removeOverflow: !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)

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

@@ -72,7 +72,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -84,7 +85,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers) : {};
+  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers, removeTextHighlightingFromTitle) : {};
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:

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

package/dist/es2019/extractors/inline/index.js

@@ -13,9 +13,9 @@ export const extractInlineIcon = jsonLd => {
   }
   return extractIcon(jsonLd, 'provider');
 };
-export const extractInlineProps = (jsonLd, renderers) => ({
+export const extractInlineProps = (jsonLd, renderers, removeTextHighlightingFromTitle) => ({
   link: extractLink(jsonLd),
-  title: extractTitle(jsonLd),
+  title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
   lozenge: extractLozenge(jsonLd),
   icon: extractInlineIcon(jsonLd),
   titleTextColor: extractTitleTextColor(jsonLd),

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

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

@@ -42,7 +42,8 @@ function Component({
   hoverPreviewOptions,
   showAuthTooltip,
   analyticsEvents,
-  useLegacyBlockCard
+  useLegacyBlockCard,
+  removeTextHighlightingFromTitle
 }) {
   const {
     createAnalyticsEvent
@@ -220,7 +221,8 @@ function Component({
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        removeTextHighlightingFromTitle: removeTextHighlightingFromTitle
       });
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {

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

@@ -45,7 +45,8 @@ export function CardWithURLRenderer(props) {
     analyticsEvents,
     placeholder,
     fallbackComponent,
-    useLegacyBlockCard
+    useLegacyBlockCard,
+    removeTextHighlightingFromTitle
   } = props;
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', undefined, id);
   const isFlexibleUi = isFlexibleUiCard(children);
@@ -114,7 +115,8 @@ export function CardWithURLRenderer(props) {
     showAuthTooltip,
     analyticsEvents,
     placeholder,
-    useLegacyBlockCard
+    useLegacyBlockCard,
+    removeTextHighlightingFromTitle
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -3,7 +3,6 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const ExpandedFrame = ({
   isPlaceholder = false,
   children,
@@ -44,7 +43,7 @@ export const ExpandedFrame = ({
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
-    removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
+    removeOverflow: !setOverflow,
     isInteractive: isInteractive(),
     frameStyle: frameStyle
     // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)

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

@@ -32,7 +32,8 @@ export const InlineCard = ({
   showHoverPreview,
   hoverPreviewOptions,
   showAuthTooltip,
-  actionOptions
+  actionOptions,
+  removeTextHighlightingFromTitle
 }) => {
   var _details$meta, _providerForbidden$te;
   const {
@@ -49,7 +50,7 @@ export const InlineCard = ({
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers) : {};
+  const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers, removeTextHighlightingFromTitle) : {};
   useEffect(() => {
     switch (status) {
       case SmartLinkStatus.Resolved:

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: "27.17.0",
+  packageVersion: "27.18.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/extractors/inline/index.js

@@ -13,10 +13,10 @@ export var extractInlineIcon = function extractInlineIcon(jsonLd) {
   }
   return extractIcon(jsonLd, 'provider');
 };
-export var extractInlineProps = function extractInlineProps(jsonLd, renderers) {
+export var extractInlineProps = function extractInlineProps(jsonLd, renderers, removeTextHighlightingFromTitle) {
   return {
     link: extractLink(jsonLd),
-    title: extractTitle(jsonLd),
+    title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
     lozenge: extractLozenge(jsonLd),
     icon: extractInlineIcon(jsonLd),
     titleTextColor: extractTitleTextColor(jsonLd),

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

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

@@ -42,7 +42,8 @@ function Component(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
-    useLegacyBlockCard = _ref.useLegacyBlockCard;
+    useLegacyBlockCard = _ref.useLegacyBlockCard,
+    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -223,7 +224,8 @@ function Component(_ref) {
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        removeTextHighlightingFromTitle: removeTextHighlightingFromTitle
       });
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {

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

@@ -53,7 +53,8 @@ export function CardWithURLRenderer(props) {
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
     fallbackComponent = props.fallbackComponent,
-    useLegacyBlockCard = props.useLegacyBlockCard;
+    useLegacyBlockCard = props.useLegacyBlockCard,
+    removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle;
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', undefined, id);
   var isFlexibleUi = isFlexibleUiCard(children);
   var errorHandler = useCallback(function (error, info) {
@@ -123,7 +124,8 @@ export function CardWithURLRenderer(props) {
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,
-    useLegacyBlockCard: useLegacyBlockCard
+    useLegacyBlockCard: useLegacyBlockCard,
+    removeTextHighlightingFromTitle: removeTextHighlightingFromTitle
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -3,7 +3,6 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -56,7 +55,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
+      removeOverflow: !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)

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

@@ -33,7 +33,8 @@ export var InlineCard = function InlineCard(_ref) {
     showHoverPreview = _ref.showHoverPreview,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -45,7 +46,7 @@ export var InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers) : {};
+  var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers, removeTextHighlightingFromTitle) : {};
   useEffect(function () {
     switch (status) {
       case SmartLinkStatus.Resolved:

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: "27.17.0",
+  packageVersion: "27.18.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/extractors/inline/index.d.ts

@@ -3,4 +3,4 @@ import { type JsonLd } from 'json-ld-types';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
 import { type InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
-export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;
+export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers, removeTextHighlightingFromTitle?: boolean) => InlineCardResolvedViewProps;

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "removeTextHighlightingFromTitle" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -112,4 +112,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
      * unable to use the new flexible block cards.
      */
     useLegacyBlockCard?: boolean;
+    /**
+     * When set to true, the text fragment will be removed from the title.
+     * This will have no impact on the url and text highlighting will still persist in the url,
+     * however the the text fragment will be stripped from the title of the smart card.
+     * For example, when set to true: "my name | :~:text=highlight this" will be displayed as "my name"
+     */
+    removeTextHighlightingFromTitle?: boolean;
 }

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

@@ -50,4 +50,5 @@ export type CardWithUrlContentProps = {
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
     useLegacyBlockCard?: boolean;
+    removeTextHighlightingFromTitle?: boolean;
 };

package/dist/types/view/InlineCard/index.d.ts

@@ -6,4 +6,4 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
-export declare const InlineCard: ({ analytics, id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, showAuthTooltip, actionOptions, }: InlineCardProps) => JSX.Element;
+export declare const InlineCard: ({ analytics, id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, showAuthTooltip, actionOptions, removeTextHighlightingFromTitle, }: InlineCardProps) => JSX.Element;

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

@@ -26,4 +26,5 @@ export type InlineCardProps = {
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;
+    removeTextHighlightingFromTitle?: boolean;
 };

package/dist/types-ts4.5/extractors/inline/index.d.ts

@@ -3,4 +3,4 @@ import { type JsonLd } from 'json-ld-types';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
 import { type InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
-export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;
+export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers, removeTextHighlightingFromTitle?: boolean) => InlineCardResolvedViewProps;

package/dist/types-ts4.5/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "removeTextHighlightingFromTitle" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -112,4 +112,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
      * unable to use the new flexible block cards.
      */
     useLegacyBlockCard?: boolean;
+    /**
+     * When set to true, the text fragment will be removed from the title.
+     * This will have no impact on the url and text highlighting will still persist in the url,
+     * however the the text fragment will be stripped from the title of the smart card.
+     * For example, when set to true: "my name | :~:text=highlight this" will be displayed as "my name"
+     */
+    removeTextHighlightingFromTitle?: boolean;
 }

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

@@ -50,4 +50,5 @@ export type CardWithUrlContentProps = {
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
     useLegacyBlockCard?: boolean;
+    removeTextHighlightingFromTitle?: boolean;
 };

package/dist/types-ts4.5/view/InlineCard/index.d.ts

@@ -6,4 +6,4 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
-export declare const InlineCard: ({ analytics, id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, showAuthTooltip, actionOptions, }: InlineCardProps) => JSX.Element;
+export declare const InlineCard: ({ analytics, id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, showAuthTooltip, actionOptions, removeTextHighlightingFromTitle, }: InlineCardProps) => JSX.Element;

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

@@ -26,4 +26,5 @@ export type InlineCardProps = {
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;
+    removeTextHighlightingFromTitle?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.17.0",
+	"version": "27.18.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,13 +40,13 @@
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.14.0",
+		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/icon-file-type": "^6.5.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^2.1.0",
-		"@atlaskit/link-extractors": "^1.8.0",
+		"@atlaskit/link-extractors": "^1.9.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
 		"@atlaskit/logo": "^14.2.0",
@@ -166,9 +166,6 @@
 		"platform.linking-platform.smart-card.hover-card-action-redesign": {
 			"type": "boolean"
 		},
-		"platform.linking-platform.smart-card.fix-embed-card-blurring": {
-			"type": "boolean"
-		},
 		"platform.linking-platform.smart-card.action-icon-redesign": {
 			"type": "boolean"
 		},