@atlaskit/renderer 121.2.1 → 121.3.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 121.3.1
+
+### Patch Changes
+
+- [`e8bb67ae70797`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e8bb67ae70797) -
+  [ux] Update CardSSR to have HoverLinkOverlay shown on hover
+- Updated dependencies
+
+## 121.3.0
+
+### Minor Changes
+
+- [`9fd320fad58ed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9fd320fad58ed) -
+  EDITOR-1516 Updated ADF experiments
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 121.2.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/inlineCard.js

@@ -131,7 +131,14 @@ var InlineCard = function InlineCard(props) {
     sourceUrl: url,
     linkType: "inline"
   }) : null;
-  if (ssr && url) {
+  var onError = function onError(_ref3) {
+    var err = _ref3.err;
+    if (err) {
+      throw err;
+    }
+  };
+  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+  if (ssr && url && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
     (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
@@ -160,14 +167,69 @@ var InlineCard = function InlineCard(props) {
       actionOptions: actionOptions,
       onClick: onClick
     }));
-  }
-  var onError = function onError(_ref3) {
-    var err = _ref3.err;
-    if (err) {
-      throw err;
+  } else if (ssr && url && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
+    if (
+    // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
+    (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+      return (0, _react2.jsx)("span", {
+        "data-inline-card": true,
+        "data-card-data": data ? JSON.stringify(data) : undefined,
+        "data-card-url": url,
+        "data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
+        "data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
+        "data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
+        "data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
+        "data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
+      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+        data: analyticsData
+      }, (0, _react2.jsx)(MaybeOverlay, {
+        url: url || '',
+        rendererAppearance: rendererAppearance,
+        isResolvedViewRendered: isResolvedViewRendered
+      }, (0, _react2.jsx)(_ssr.CardSSR, {
+        appearance: "inline",
+        url: url,
+        showHoverPreview: !hideHoverPreview,
+        actionOptions: actionOptions,
+        onClick: onClick,
+        onResolve: function onResolve(data) {
+          if (!data.url || !data.title) {
+            return;
+          }
+          props.smartCardStorage.set(data.url, data.title);
+          if (data.title) {
+            setIsResolvedViewRendered(true);
+          }
+        },
+        onError: onError,
+        disablePreviewPanel: true
+      }))));
     }
-  };
-  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+    return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      data: analyticsData
+    }, (0, _react2.jsx)(MaybeOverlay, {
+      url: url || '',
+      rendererAppearance: rendererAppearance,
+      isResolvedViewRendered: isResolvedViewRendered
+    }, (0, _react2.jsx)(_ssr.CardSSR, {
+      appearance: "inline",
+      url: url,
+      showHoverPreview: !hideHoverPreview,
+      actionOptions: actionOptions,
+      onClick: onClick,
+      onResolve: function onResolve(data) {
+        if (!data.url || !data.title) {
+          return;
+        }
+        props.smartCardStorage.set(data.url, data.title);
+        if (data.title) {
+          setIsResolvedViewRendered(true);
+        }
+      },
+      onError: onError,
+      disablePreviewPanel: true
+    })));
+  }
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)("span", (0, _extends2.default)({

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "121.2.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -600,7 +600,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          var isAdfStreamingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
+          var isAdfStreamingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gemini25flash') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gemini25flash');
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === _style.TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === _style.TELEPOINTER_ID)) {
             var _lastChild2 = _renderer.lastChild;
             if (_lastChild2) {

package/dist/es2019/react/nodes/inlineCard.js

@@ -114,7 +114,15 @@ const InlineCard = props => {
     sourceUrl: url,
     linkType: "inline"
   }) : null;
-  if (ssr && url) {
+  const onError = ({
+    err
+  }) => {
+    if (err) {
+      throw err;
+    }
+  };
+  const MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+  if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
     fg('editor_inline_comments_on_inline_nodes')) {
@@ -143,15 +151,69 @@ const InlineCard = props => {
       actionOptions: actionOptions,
       onClick: onClick
     }));
-  }
-  const onError = ({
-    err
-  }) => {
-    if (err) {
-      throw err;
+  } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
+    if (
+    // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
+    fg('editor_inline_comments_on_inline_nodes')) {
+      return jsx("span", {
+        "data-inline-card": true,
+        "data-card-data": data ? JSON.stringify(data) : undefined,
+        "data-card-url": url,
+        "data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
+        "data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
+        "data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
+        "data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
+        "data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
+      }, jsx(AnalyticsContext, {
+        data: analyticsData
+      }, jsx(MaybeOverlay, {
+        url: url || '',
+        rendererAppearance: rendererAppearance,
+        isResolvedViewRendered: isResolvedViewRendered
+      }, jsx(CardSSR, {
+        appearance: "inline",
+        url: url,
+        showHoverPreview: !hideHoverPreview,
+        actionOptions: actionOptions,
+        onClick: onClick,
+        onResolve: data => {
+          if (!data.url || !data.title) {
+            return;
+          }
+          props.smartCardStorage.set(data.url, data.title);
+          if (data.title) {
+            setIsResolvedViewRendered(true);
+          }
+        },
+        onError: onError,
+        disablePreviewPanel: true
+      }))));
     }
-  };
-  const MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+    return jsx(AnalyticsContext, {
+      data: analyticsData
+    }, jsx(MaybeOverlay, {
+      url: url || '',
+      rendererAppearance: rendererAppearance,
+      isResolvedViewRendered: isResolvedViewRendered
+    }, jsx(CardSSR, {
+      appearance: "inline",
+      url: url,
+      showHoverPreview: !hideHoverPreview,
+      actionOptions: actionOptions,
+      onClick: onClick,
+      onResolve: data => {
+        if (!data.url || !data.title) {
+          return;
+        }
+        props.smartCardStorage.set(data.url, data.title);
+        if (data.title) {
+          setIsResolvedViewRendered(true);
+        }
+      },
+      onError: onError,
+      disablePreviewPanel: true
+    })));
+  }
   return jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx("span", _extends({

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "121.2.0";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -586,7 +586,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          const isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
+          const isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gemini25flash') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gemini25flash');
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === TELEPOINTER_ID)) {
             const lastChild = renderer.lastChild;
             if (lastChild) {

package/dist/esm/react/nodes/inlineCard.js

@@ -122,7 +122,14 @@ var InlineCard = function InlineCard(props) {
     sourceUrl: url,
     linkType: "inline"
   }) : null;
-  if (ssr && url) {
+  var onError = function onError(_ref3) {
+    var err = _ref3.err;
+    if (err) {
+      throw err;
+    }
+  };
+  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+  if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
     fg('editor_inline_comments_on_inline_nodes')) {
@@ -151,14 +158,69 @@ var InlineCard = function InlineCard(props) {
       actionOptions: actionOptions,
       onClick: onClick
     }));
-  }
-  var onError = function onError(_ref3) {
-    var err = _ref3.err;
-    if (err) {
-      throw err;
+  } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
+    if (
+    // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
+    fg('editor_inline_comments_on_inline_nodes')) {
+      return jsx("span", {
+        "data-inline-card": true,
+        "data-card-data": data ? JSON.stringify(data) : undefined,
+        "data-card-url": url,
+        "data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
+        "data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
+        "data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
+        "data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
+        "data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
+      }, jsx(AnalyticsContext, {
+        data: analyticsData
+      }, jsx(MaybeOverlay, {
+        url: url || '',
+        rendererAppearance: rendererAppearance,
+        isResolvedViewRendered: isResolvedViewRendered
+      }, jsx(CardSSR, {
+        appearance: "inline",
+        url: url,
+        showHoverPreview: !hideHoverPreview,
+        actionOptions: actionOptions,
+        onClick: onClick,
+        onResolve: function onResolve(data) {
+          if (!data.url || !data.title) {
+            return;
+          }
+          props.smartCardStorage.set(data.url, data.title);
+          if (data.title) {
+            setIsResolvedViewRendered(true);
+          }
+        },
+        onError: onError,
+        disablePreviewPanel: true
+      }))));
     }
-  };
-  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
+    return jsx(AnalyticsContext, {
+      data: analyticsData
+    }, jsx(MaybeOverlay, {
+      url: url || '',
+      rendererAppearance: rendererAppearance,
+      isResolvedViewRendered: isResolvedViewRendered
+    }, jsx(CardSSR, {
+      appearance: "inline",
+      url: url,
+      showHoverPreview: !hideHoverPreview,
+      actionOptions: actionOptions,
+      onClick: onClick,
+      onResolve: function onResolve(data) {
+        if (!data.url || !data.title) {
+          return;
+        }
+        props.smartCardStorage.set(data.url, data.title);
+        if (data.title) {
+          setIsResolvedViewRendered(true);
+        }
+      },
+      onError: onError,
+      disablePreviewPanel: true
+    })));
+  }
   return jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx("span", _extends({

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "121.2.0";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -591,7 +591,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          var isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
+          var isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_gemini25flash') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gpt41mini') || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'cohort', 'adf_gemini25flash');
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === TELEPOINTER_ID)) {
             var _lastChild2 = _renderer.lastChild;
             if (_lastChild2) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "121.2.1",
+	"version": "121.3.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,12 +50,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.5.0",
-		"@atlaskit/smart-card": "^40.20.0",
+		"@atlaskit/smart-card": "^40.21.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.5.0",
-		"@atlaskit/tokens": "^6.2.0",
+		"@atlaskit/tmp-editor-statsig": "^12.8.0",
+		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.5.0",
+		"@atlaskit/editor-common": "^108.6.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",