@atlaskit/renderer 124.16.9 → 124.17.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 124.17.0
+
+### Minor Changes
+
+- [`9679f0410e434`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9679f0410e434) -
+  [ux] Add support for onSetLinkTarget prop for Renderer, allowing consumers of Renderer like Rovo
+  chat to instruct which links should render as external links.
+
 ## 124.16.9
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -161,11 +161,16 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         // the rendering in the mobile Native Renderer.
         codeBidiWarningTooltipEnabled: false
       } : {};
-      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+
+      // Add deepLinkTarget for link marks
+      var linkSpecificProps = mark.type.name === 'link' ? {
+        onSetLinkTarget: _this.onSetLinkTarget
+      } : {};
+      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
         eventHandlers: _this.eventHandlers,
         fireAnalyticsEvent: _this.fireAnalyticsEvent,
         markKey: key
-      }, otherAttrs), extraProps), markSpecificProps), {}, {
+      }, otherAttrs), extraProps), markSpecificProps), linkSpecificProps), {}, {
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -215,6 +220,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.allowTableResizing = init.allowTableResizing;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
+    this.onSetLinkTarget = init.onSetLinkTarget;
   }
   return (0, _createClass2.default)(ReactSerializer, [{
     key: "resetState",

package/dist/cjs/react/marks/link.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -36,16 +37,26 @@ var anchorStyles = (0, _react2.css)({
 function Link(props) {
   var href = props.href,
     target = props.target,
+    onSetLinkTarget = props.onSetLinkTarget,
     eventHandlers = props.eventHandlers,
     fireAnalyticsEvent = props.fireAnalyticsEvent,
     isMediaLink = props.isMediaLink,
     dataAttributes = props.dataAttributes;
+  var actualTarget = target;
+  if (onSetLinkTarget && href && (0, _platformFeatureFlags.fg)('rovo_chat_deep_linking_enabled')) {
+    try {
+      var _onSetLinkTarget;
+      actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
+    } catch (error) {
+      // If URL parsing fails, use the original target
+    }
+  }
   var anchorProps = {
     href: href,
-    target: target,
+    target: actualTarget,
     title: href
   };
-  if (target === '_blank') {
+  if (actualTarget === '_blank') {
     anchorProps.rel = 'noreferrer noopener';
   }
   var handler = (0, _utils.getEventHandler)(eventHandlers, 'link');

package/dist/cjs/ui/Renderer/index.js

@@ -238,6 +238,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       }, props.rendererContext),
       appearance: props.appearance,
       contentMode: props.contentMode,
+      onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,

package/dist/es2019/react/index.js

@@ -145,6 +145,11 @@ export default class ReactSerializer {
         // the rendering in the mobile Native Renderer.
         codeBidiWarningTooltipEnabled: false
       } : {};
+
+      // Add deepLinkTarget for link marks
+      const linkSpecificProps = mark.type.name === 'link' ? {
+        onSetLinkTarget: this.onSetLinkTarget
+      } : {};
       const props = {
         eventHandlers: this.eventHandlers,
         fireAnalyticsEvent: this.fireAnalyticsEvent,
@@ -152,6 +157,7 @@ export default class ReactSerializer {
         ...otherAttrs,
         ...extraProps,
         ...markSpecificProps,
+        ...linkSpecificProps,
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -201,6 +207,7 @@ export default class ReactSerializer {
     this.allowTableResizing = init.allowTableResizing;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
+    this.onSetLinkTarget = init.onSetLinkTarget;
   }
   resetState() {
     this.headingIds = [];

package/dist/es2019/react/marks/link.js

@@ -7,6 +7,7 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B400, B300, B500 } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -26,17 +27,27 @@ export default function Link(props) {
   const {
     href,
     target,
+    onSetLinkTarget,
     eventHandlers,
     fireAnalyticsEvent,
     isMediaLink,
     dataAttributes
   } = props;
+  let actualTarget = target;
+  if (onSetLinkTarget && href && fg('rovo_chat_deep_linking_enabled')) {
+    try {
+      var _onSetLinkTarget;
+      actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
+    } catch (error) {
+      // If URL parsing fails, use the original target
+    }
+  }
   const anchorProps = {
     href,
-    target,
+    target: actualTarget,
     title: href
   };
-  if (target === '_blank') {
+  if (actualTarget === '_blank') {
     anchorProps.rel = 'noreferrer noopener';
   }
   const handler = getEventHandler(eventHandlers, 'link');

package/dist/es2019/ui/Renderer/index.js

@@ -232,6 +232,7 @@ export const RendererFunctionalComponent = props => {
       },
       appearance: props.appearance,
       contentMode: props.contentMode,
+      onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,

package/dist/esm/react/index.js

@@ -154,11 +154,16 @@ var ReactSerializer = /*#__PURE__*/function () {
         // the rendering in the mobile Native Renderer.
         codeBidiWarningTooltipEnabled: false
       } : {};
-      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+
+      // Add deepLinkTarget for link marks
+      var linkSpecificProps = mark.type.name === 'link' ? {
+        onSetLinkTarget: _this.onSetLinkTarget
+      } : {};
+      var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
         eventHandlers: _this.eventHandlers,
         fireAnalyticsEvent: _this.fireAnalyticsEvent,
         markKey: key
-      }, otherAttrs), extraProps), markSpecificProps), {}, {
+      }, otherAttrs), extraProps), markSpecificProps), linkSpecificProps), {}, {
         dataAttributes: {
           'data-renderer-mark': true
         }
@@ -208,6 +213,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.allowTableResizing = init.allowTableResizing;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
+    this.onSetLinkTarget = init.onSetLinkTarget;
   }
   return _createClass(ReactSerializer, [{
     key: "resetState",

package/dist/esm/react/marks/link.js

@@ -7,6 +7,7 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B400, B300, B500 } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -25,16 +26,26 @@ var anchorStyles = css({
 export default function Link(props) {
   var href = props.href,
     target = props.target,
+    onSetLinkTarget = props.onSetLinkTarget,
     eventHandlers = props.eventHandlers,
     fireAnalyticsEvent = props.fireAnalyticsEvent,
     isMediaLink = props.isMediaLink,
     dataAttributes = props.dataAttributes;
+  var actualTarget = target;
+  if (onSetLinkTarget && href && fg('rovo_chat_deep_linking_enabled')) {
+    try {
+      var _onSetLinkTarget;
+      actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
+    } catch (error) {
+      // If URL parsing fails, use the original target
+    }
+  }
   var anchorProps = {
     href: href,
-    target: target,
+    target: actualTarget,
     title: href
   };
-  if (target === '_blank') {
+  if (actualTarget === '_blank') {
     anchorProps.rel = 'noreferrer noopener';
   }
   var handler = getEventHandler(eventHandlers, 'link');

package/dist/esm/ui/Renderer/index.js

@@ -229,6 +229,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       }, props.rendererContext),
       appearance: props.appearance,
       contentMode: props.contentMode,
+      onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,

package/dist/types/react/index.d.ts

@@ -41,6 +41,7 @@ export interface ReactSerializerInit {
     media?: MediaOptions;
     nodeComponents?: NodeComponentsProps;
     objectContext?: RendererContext;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     providers?: ProviderFactory;
     shouldOpenMediaViewer?: boolean;
@@ -110,6 +111,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private isPresentational?;
     private disableTableOverflowShadow?;
     private standaloneBackgroundColorMarks;
+    private onSetLinkTarget?;
     constructor(init: ReactSerializerInit);
     private resetState;
     private getNodeProps;

package/dist/types/react/marks/link.d.ts

@@ -3,6 +3,7 @@ import type { LinkAttributes } from '@atlaskit/adf-schema';
 import type { MarkProps } from '../types';
 interface LinkProps extends LinkAttributes {
     isMediaLink?: boolean;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     target?: string;
 }
 export default function Link(props: MarkProps<LinkProps>): jsx.JSX.Element;

package/dist/types/ui/renderer-props.d.ts

@@ -123,6 +123,15 @@ export interface RendererProps {
     noOpSSRInlineScript?: boolean;
     onComplete?: (stat: RenderOutputStat) => void;
     onError?: (error: any) => void;
+    /**
+     * Optional callback to programatically determine the link target for rendered links. Controls whether a link should render as external or not.
+     * Return _blank if the url should render as an external link.
+     * Return undefined to use the links default behavior and target.
+     *
+     * @param url - The URL of the link being rendered
+     * @returns '_blank' to render as an external link or undefined to not change the link
+     */
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     rendererContext?: RendererContext;
     schema?: Schema;

package/dist/types-ts4.5/react/index.d.ts

@@ -41,6 +41,7 @@ export interface ReactSerializerInit {
     media?: MediaOptions;
     nodeComponents?: NodeComponentsProps;
     objectContext?: RendererContext;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     providers?: ProviderFactory;
     shouldOpenMediaViewer?: boolean;
@@ -110,6 +111,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private isPresentational?;
     private disableTableOverflowShadow?;
     private standaloneBackgroundColorMarks;
+    private onSetLinkTarget?;
     constructor(init: ReactSerializerInit);
     private resetState;
     private getNodeProps;

package/dist/types-ts4.5/react/marks/link.d.ts

@@ -3,6 +3,7 @@ import type { LinkAttributes } from '@atlaskit/adf-schema';
 import type { MarkProps } from '../types';
 interface LinkProps extends LinkAttributes {
     isMediaLink?: boolean;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     target?: string;
 }
 export default function Link(props: MarkProps<LinkProps>): jsx.JSX.Element;

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -123,6 +123,15 @@ export interface RendererProps {
     noOpSSRInlineScript?: boolean;
     onComplete?: (stat: RenderOutputStat) => void;
     onError?: (error: any) => void;
+    /**
+     * Optional callback to programatically determine the link target for rendered links. Controls whether a link should render as external or not.
+     * Return _blank if the url should render as an external link.
+     * Return undefined to use the links default behavior and target.
+     *
+     * @param url - The URL of the link being rendered
+     * @returns '_blank' to render as an external link or undefined to not change the link
+     */
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     rendererContext?: RendererContext;
     schema?: Schema;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.16.9",
+	"version": "124.17.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,15 +49,15 @@
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.4.0",
+		"@atlaskit/media-viewer": "^52.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
-		"@atlaskit/smart-card": "^43.11.0",
+		"@atlaskit/smart-card": "^43.12.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.2.0",
+		"@atlaskit/tmp-editor-statsig": "^14.4.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.36.0",
+		"@atlaskit/editor-common": "^110.37.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -90,7 +90,7 @@
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.7.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.22.0",
+		"@atlaskit/profilecard": "^24.23.0",
 		"@atlaskit/util-data-test": "^18.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^13.4.0",
@@ -243,6 +243,9 @@
 		"platform_editor_ai_adf_prompts_in_all_products": {
 			"type": "boolean"
 		},
+		"rovo_chat_deep_linking_enabled": {
+			"type": "boolean"
+		},
 		"jfp-magma-ssr-iv-editor-codeblock": {
 			"type": "boolean"
 		}