@atlaskit/renderer 124.16.8 → 124.17.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
+  tsignores added for help-center local consumpton removed
+- Updated dependencies
+
 ## 124.16.8
 
 ### 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/react/nodes/tableCell.js

@@ -152,35 +152,31 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
     // This is used to set the background color of the cell
     // to a dark mode color in mobile dark mode
     var colorName = background ? _adfSchema.tableBackgroundColorPalette.get(background) : '';
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      _react.default.createElement(WrapperComponent, (0, _extends2.default)({
-        rowSpan: rowspan,
-        colSpan: colspan
-        // Note: When content from a renderer is pasted into an editor
-        // the background color is not taken from the inline style.
-        // Instead it is taken from the data-cell-background attribute
-        // (added via getDataAttributes below).
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: getStyle({
-          background: background,
-          colGroupWidth: colGroupWidth,
-          offsetTop: offsetTop,
-          colorMode: colorMode
-        }),
-        colorname: colorName,
-        onClick: onClick
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: className
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, getDataAttributes(colwidth, background), {
-        "aria-sort": ariaSort
-      }), children)
-    );
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
+      rowSpan: rowspan,
+      colSpan: colspan
+      // Note: When content from a renderer is pasted into an editor
+      // the background color is not taken from the inline style.
+      // Instead it is taken from the data-cell-background attribute
+      // (added via getDataAttributes below).
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: getStyle({
+        background: background,
+        colGroupWidth: colGroupWidth,
+        offsetTop: offsetTop,
+        colorMode: colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: className
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
   };
 };
 var TH = getWithCellProps('th');
@@ -195,32 +191,27 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
     var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
     if (!allowColumnSorting || !isHeaderRow) {
       // Ignored via go/ees005
-      // @ts-ignore - Workaround for help-center local consumption
       // eslint-disable-next-line react/jsx-props-no-spreading
       return /*#__PURE__*/_react.default.createElement(WrapperComponent, props);
     }
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      _react.default.createElement(WrapperComponent
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , (0, _extends2.default)({}, props, {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
-        ariaSort: getSortOrderLabel(intl, sortOrdered)
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: _consts.RendererCssClassName.SORTABLE_COLUMN
-      }, children, /*#__PURE__*/_react.default.createElement("figure", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
-      }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
-        isSortingAllowed: !!onSorting,
-        sortOrdered: sortOrdered,
-        onClick: sort,
-        onKeyDown: onKeyPress
-      }))))
-    );
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, props, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
+      ariaSort: getSortOrderLabel(intl, sortOrdered)
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _consts.RendererCssClassName.SORTABLE_COLUMN
+    }, children, /*#__PURE__*/_react.default.createElement("figure", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
+    }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
+      isSortingAllowed: !!onSorting,
+      sortOrdered: sortOrdered,
+      onClick: sort,
+      onKeyDown: onKeyPress
+    }))));
     function onKeyPress(event) {
       var keys = [' ', 'Enter', 'Spacebar'];
       // Ignored via go/ees005

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

@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.16.7";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -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/react/nodes/tableCell.js

@@ -151,35 +151,31 @@ const getWithCellProps = WrapperComponent => {
     // This is used to set the background color of the cell
     // to a dark mode color in mobile dark mode
     const colorName = background ? tableBackgroundColorPalette.get(background) : '';
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      React.createElement(WrapperComponent, _extends({
-        rowSpan: rowspan,
-        colSpan: colspan
-        // Note: When content from a renderer is pasted into an editor
-        // the background color is not taken from the inline style.
-        // Instead it is taken from the data-cell-background attribute
-        // (added via getDataAttributes below).
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: getStyle({
-          background,
-          colGroupWidth,
-          offsetTop,
-          colorMode
-        }),
-        colorname: colorName,
-        onClick: onClick
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: className
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, getDataAttributes(colwidth, background), {
-        "aria-sort": ariaSort
-      }), children)
-    );
+    return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
+      rowSpan: rowspan,
+      colSpan: colspan
+      // Note: When content from a renderer is pasted into an editor
+      // the background color is not taken from the inline style.
+      // Instead it is taken from the data-cell-background attribute
+      // (added via getDataAttributes below).
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: getStyle({
+        background,
+        colGroupWidth,
+        offsetTop,
+        colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: className
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
   };
 };
 const TH = getWithCellProps('th');
@@ -196,32 +192,27 @@ export const withSortableColumn = WrapperComponent => {
     const sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
     if (!allowColumnSorting || !isHeaderRow) {
       // Ignored via go/ees005
-      // @ts-ignore - Workaround for help-center local consumption
       // eslint-disable-next-line react/jsx-props-no-spreading
       return /*#__PURE__*/React.createElement(WrapperComponent, props);
     }
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      React.createElement(WrapperComponent
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , _extends({}, props, {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
-        ariaSort: getSortOrderLabel(intl, sortOrdered)
-      }), /*#__PURE__*/React.createElement("div", {
-        className: RendererCssClassName.SORTABLE_COLUMN
-      }, children, /*#__PURE__*/React.createElement("figure", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
-      }, /*#__PURE__*/React.createElement(SortingIcon, {
-        isSortingAllowed: !!onSorting,
-        sortOrdered: sortOrdered,
-        onClick: sort,
-        onKeyDown: onKeyPress
-      }))))
-    );
+    return /*#__PURE__*/React.createElement(WrapperComponent
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
+      ariaSort: getSortOrderLabel(intl, sortOrdered)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: RendererCssClassName.SORTABLE_COLUMN
+    }, children, /*#__PURE__*/React.createElement("figure", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
+    }, /*#__PURE__*/React.createElement(SortingIcon, {
+      isSortingAllowed: !!onSorting,
+      sortOrdered: sortOrdered,
+      onClick: sort,
+      onKeyDown: onKeyPress
+    }))));
     function onKeyPress(event) {
       const keys = [' ', 'Enter', 'Spacebar'];
       // Ignored via go/ees005

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

@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.16.7";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -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/react/nodes/tableCell.js

@@ -145,35 +145,31 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
     // This is used to set the background color of the cell
     // to a dark mode color in mobile dark mode
     var colorName = background ? tableBackgroundColorPalette.get(background) : '';
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      React.createElement(WrapperComponent, _extends({
-        rowSpan: rowspan,
-        colSpan: colspan
-        // Note: When content from a renderer is pasted into an editor
-        // the background color is not taken from the inline style.
-        // Instead it is taken from the data-cell-background attribute
-        // (added via getDataAttributes below).
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: getStyle({
-          background: background,
-          colGroupWidth: colGroupWidth,
-          offsetTop: offsetTop,
-          colorMode: colorMode
-        }),
-        colorname: colorName,
-        onClick: onClick
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: className
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, getDataAttributes(colwidth, background), {
-        "aria-sort": ariaSort
-      }), children)
-    );
+    return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
+      rowSpan: rowspan,
+      colSpan: colspan
+      // Note: When content from a renderer is pasted into an editor
+      // the background color is not taken from the inline style.
+      // Instead it is taken from the data-cell-background attribute
+      // (added via getDataAttributes below).
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: getStyle({
+        background: background,
+        colGroupWidth: colGroupWidth,
+        offsetTop: offsetTop,
+        colorMode: colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: className
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
   };
 };
 var TH = getWithCellProps('th');
@@ -188,32 +184,27 @@ export var withSortableColumn = function withSortableColumn(WrapperComponent) {
     var sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
     if (!allowColumnSorting || !isHeaderRow) {
       // Ignored via go/ees005
-      // @ts-ignore - Workaround for help-center local consumption
       // eslint-disable-next-line react/jsx-props-no-spreading
       return /*#__PURE__*/React.createElement(WrapperComponent, props);
     }
-    return (
-      /*#__PURE__*/
-      // @ts-ignore - Workaround for help-center local consumption
-      React.createElement(WrapperComponent
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , _extends({}, props, {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
-        ariaSort: getSortOrderLabel(intl, sortOrdered)
-      }), /*#__PURE__*/React.createElement("div", {
-        className: RendererCssClassName.SORTABLE_COLUMN
-      }, children, /*#__PURE__*/React.createElement("figure", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
-      }, /*#__PURE__*/React.createElement(SortingIcon, {
-        isSortingAllowed: !!onSorting,
-        sortOrdered: sortOrdered,
-        onClick: sort,
-        onKeyDown: onKeyPress
-      }))))
-    );
+    return /*#__PURE__*/React.createElement(WrapperComponent
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
+      ariaSort: getSortOrderLabel(intl, sortOrdered)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: RendererCssClassName.SORTABLE_COLUMN
+    }, children, /*#__PURE__*/React.createElement("figure", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
+    }, /*#__PURE__*/React.createElement(SortingIcon, {
+      isSortingAllowed: !!onSorting,
+      sortOrdered: sortOrdered,
+      onClick: sort,
+      onKeyDown: onKeyPress
+    }))));
     function onKeyPress(event) {
       var keys = [' ', 'Enter', 'Spacebar'];
       // Ignored via go/ees005

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

@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.16.7";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -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.8",
+	"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.1.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"
 		}