@atlaskit/renderer 118.1.1 → 118.2.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 118.2.0
+
+### Minor Changes
+
+- [#157072](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157072)
+  [`cc6bc0b7cd8b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cc6bc0b7cd8b4) -
+  We are testing the migration to the ADS Link component behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 118.1.2
+
+### Patch Changes
+
+- [#155231](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155231)
+  [`6fe1356da03dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fe1356da03dd) -
+  Cleanup FG platform_editor_speedup_media_client
+- Updated dependencies
+
 ## 118.1.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -59,6 +59,9 @@
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/link/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../linking-platform/link-datasource/afm-cc/tsconfig.json"
         },

package/afm-post-office/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../editor-shared-styles/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../editor-tables/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../../elements/emoji/afm-post-office/tsconfig.json"
 		},
@@ -56,6 +59,9 @@
 		{
 			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/link/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../../linking-platform/link-datasource/afm-post-office/tsconfig.json"
 		},

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

@@ -11,6 +11,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _react = _interopRequireDefault(require("react"));
 var _ = require("./");
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -53,7 +55,13 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
           UnsupportedComponent = _this$props2.unsupportedComponent,
           datasourceId = _this$props2.datasourceId;
         if (url) {
-          var fallback = /*#__PURE__*/_react.default.createElement("a", {
+          var fallback = (0, _platformFeatureFlags.fg)('dst-a11y__replace-anchor-with-link__editor') ? /*#__PURE__*/_react.default.createElement(_link.default, {
+            href: url,
+            onClick: this.onClickFallback
+          }, url) :
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+          _react.default.createElement("a", {
             href: url,
             onClick: this.onClickFallback
           }, url);

package/dist/cjs/react/nodes/media/index.js

@@ -101,13 +101,16 @@ var MediaLink = function MediaLink(_ref2) {
     return (0, _react2.jsx)(_react.Fragment, null, children);
   }
   var linkHref = mark === null || mark === void 0 ? void 0 : mark.attrs.href;
-  return (0, _react2.jsx)("a", {
-    href: linkHref,
-    rel: "noreferrer noopener",
-    onClick: onClick,
-    "data-block-link": linkHref,
-    css: linkStyle
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+    (0, _react2.jsx)("a", {
+      href: linkHref,
+      rel: "noreferrer noopener",
+      onClick: onClick,
+      "data-block-link": linkHref,
+      css: linkStyle
+    }, children)
+  );
 };
 var MediaAnnotation = function MediaAnnotation(_ref3) {
   var mark = _ref3.mark,

package/dist/cjs/react/utils/EditorMediaClientProvider.js

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var EditorMediaClientProvider = exports.EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
@@ -20,14 +19,13 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     mediaClientConfig = _useState2[0],
     setMediaClientConfig = _useState2[1];
-  var oldMediaProvider = (0, _providerFactory.useProvider)('mediaProvider');
   var mediaProvider = (0, _providerFactory.useProviderLayout)('mediaProvider');
 
   /**
    * If a mediaClientConfig is provided then we will force
    * skip the mediaClient from context
    */
-  var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
+  var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
   var contextMediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
 
   // MediaClientProvider currently requires a mediaClientConfig
@@ -41,26 +39,14 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
   // by not providing both SSR config and mediaProvider,
   // and provide a top level mediaClient context
   // This is useful for testing and creating examples.
-  (0, _react.useEffect)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (oldMediaProvider) {
-        oldMediaProvider.then(function (provider) {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
-    }
-  }, [oldMediaProvider, ssr]);
+
   (0, _react.useLayoutEffect)(function () {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (mediaProvider) {
-        mediaProvider.then(function (provider) {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
+    if (ssr !== null && ssr !== void 0 && ssr.config) {
+      setMediaClientConfig(ssr.config);
+    } else if (mediaProvider) {
+      mediaProvider.then(function (provider) {
+        setMediaClientConfig(provider.viewMediaClientConfig);
+      });
     }
   }, [mediaProvider, ssr]);
   return /*#__PURE__*/_react.default.createElement(_mediaClientReact.MediaClientContext.Provider, {

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 = "118.1.1";
+var packageVersion = "118.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { InlineCard } from './';
 import { isSafeUrl } from '@atlaskit/adf-schema';
@@ -38,7 +40,13 @@ export class CardErrorBoundary extends React.PureComponent {
         datasourceId
       } = this.props;
       if (url) {
-        const fallback = /*#__PURE__*/React.createElement("a", {
+        const fallback = fg('dst-a11y__replace-anchor-with-link__editor') ? /*#__PURE__*/React.createElement(Link, {
+          href: url,
+          onClick: this.onClickFallback
+        }, url) :
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+        React.createElement("a", {
           href: url,
           onClick: this.onClickFallback
         }, url);

package/dist/es2019/react/nodes/media/index.js

@@ -81,13 +81,16 @@ const MediaLink = ({
     return jsx(Fragment, null, children);
   }
   const linkHref = mark === null || mark === void 0 ? void 0 : mark.attrs.href;
-  return jsx("a", {
-    href: linkHref,
-    rel: "noreferrer noopener",
-    onClick: onClick,
-    "data-block-link": linkHref,
-    css: linkStyle
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+    jsx("a", {
+      href: linkHref,
+      rel: "noreferrer noopener",
+      onClick: onClick,
+      "data-block-link": linkHref,
+      css: linkStyle
+    }, children)
+  );
 };
 const MediaAnnotation = ({
   mark,

package/dist/es2019/react/utils/EditorMediaClientProvider.js

@@ -1,20 +1,18 @@
-import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import React, { useContext, useLayoutEffect, useMemo, useState } from 'react';
 import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
-import { useProviderLayout, useProvider } from '@atlaskit/editor-common/provider-factory';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { useProviderLayout } from '@atlaskit/editor-common/provider-factory';
 export const EditorMediaClientProvider = ({
   children,
   ssr
 }) => {
   const [mediaClientConfig, setMediaClientConfig] = useState();
-  const oldMediaProvider = useProvider('mediaProvider');
   const mediaProvider = useProviderLayout('mediaProvider');
 
   /**
    * If a mediaClientConfig is provided then we will force
    * skip the mediaClient from context
    */
-  const shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
+  const shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
   const contextMediaClient = useContext(MediaClientContext);
 
   // MediaClientProvider currently requires a mediaClientConfig
@@ -26,26 +24,14 @@ export const EditorMediaClientProvider = ({
   // by not providing both SSR config and mediaProvider,
   // and provide a top level mediaClient context
   // This is useful for testing and creating examples.
-  useEffect(() => {
-    if (!fg('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (oldMediaProvider) {
-        oldMediaProvider.then(provider => {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
-    }
-  }, [oldMediaProvider, ssr]);
+
   useLayoutEffect(() => {
-    if (fg('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (mediaProvider) {
-        mediaProvider.then(provider => {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
+    if (ssr !== null && ssr !== void 0 && ssr.config) {
+      setMediaClientConfig(ssr.config);
+    } else if (mediaProvider) {
+      mediaProvider.then(provider => {
+        setMediaClientConfig(provider.viewMediaClientConfig);
+      });
     }
   }, [mediaProvider, ssr]);
   return /*#__PURE__*/React.createElement(MediaClientContext.Provider, {

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "118.1.1";
+const packageVersion = "118.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -6,6 +6,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { InlineCard } from './';
 import { isSafeUrl } from '@atlaskit/adf-schema';
@@ -46,7 +48,13 @@ export var CardErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
           UnsupportedComponent = _this$props2.unsupportedComponent,
           datasourceId = _this$props2.datasourceId;
         if (url) {
-          var fallback = /*#__PURE__*/React.createElement("a", {
+          var fallback = fg('dst-a11y__replace-anchor-with-link__editor') ? /*#__PURE__*/React.createElement(Link, {
+            href: url,
+            onClick: this.onClickFallback
+          }, url) :
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+          React.createElement("a", {
             href: url,
             onClick: this.onClickFallback
           }, url);

package/dist/esm/react/nodes/media/index.js

@@ -92,13 +92,16 @@ var MediaLink = function MediaLink(_ref2) {
     return jsx(Fragment, null, children);
   }
   var linkHref = mark === null || mark === void 0 ? void 0 : mark.attrs.href;
-  return jsx("a", {
-    href: linkHref,
-    rel: "noreferrer noopener",
-    onClick: onClick,
-    "data-block-link": linkHref,
-    css: linkStyle
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+    jsx("a", {
+      href: linkHref,
+      rel: "noreferrer noopener",
+      onClick: onClick,
+      "data-block-link": linkHref,
+      css: linkStyle
+    }, children)
+  );
 };
 var MediaAnnotation = function MediaAnnotation(_ref3) {
   var mark = _ref3.mark,

package/dist/esm/react/utils/EditorMediaClientProvider.js

@@ -1,8 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import React, { useContext, useLayoutEffect, useMemo, useState } from 'react';
 import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
-import { useProviderLayout, useProvider } from '@atlaskit/editor-common/provider-factory';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { useProviderLayout } from '@atlaskit/editor-common/provider-factory';
 export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
   var children = _ref.children,
     ssr = _ref.ssr;
@@ -10,14 +9,13 @@ export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref)
     _useState2 = _slicedToArray(_useState, 2),
     mediaClientConfig = _useState2[0],
     setMediaClientConfig = _useState2[1];
-  var oldMediaProvider = useProvider('mediaProvider');
   var mediaProvider = useProviderLayout('mediaProvider');
 
   /**
    * If a mediaClientConfig is provided then we will force
    * skip the mediaClient from context
    */
-  var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || oldMediaProvider || mediaProvider);
+  var shouldSkipContext = Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
   var contextMediaClient = useContext(MediaClientContext);
 
   // MediaClientProvider currently requires a mediaClientConfig
@@ -31,26 +29,14 @@ export var EditorMediaClientProvider = function EditorMediaClientProvider(_ref)
   // by not providing both SSR config and mediaProvider,
   // and provide a top level mediaClient context
   // This is useful for testing and creating examples.
-  useEffect(function () {
-    if (!fg('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (oldMediaProvider) {
-        oldMediaProvider.then(function (provider) {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
-    }
-  }, [oldMediaProvider, ssr]);
+
   useLayoutEffect(function () {
-    if (fg('platform_editor_speedup_media_client')) {
-      if (ssr !== null && ssr !== void 0 && ssr.config) {
-        setMediaClientConfig(ssr.config);
-      } else if (mediaProvider) {
-        mediaProvider.then(function (provider) {
-          setMediaClientConfig(provider.viewMediaClientConfig);
-        });
-      }
+    if (ssr !== null && ssr !== void 0 && ssr.config) {
+      setMediaClientConfig(ssr.config);
+    } else if (mediaProvider) {
+      mediaProvider.then(function (provider) {
+        setMediaClientConfig(provider.viewMediaClientConfig);
+      });
     }
   }, [mediaProvider, ssr]);
   return /*#__PURE__*/React.createElement(MediaClientContext.Provider, {

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.1.1";
+var packageVersion = "118.2.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "118.1.1",
+	"version": "118.2.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/code": "^17.2.0",
-		"@atlaskit/editor-common": "^105.6.0",
+		"@atlaskit/editor-common": "^105.7.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -40,18 +40,19 @@
 		"@atlaskit/emoji": "^69.2.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
 		"@atlaskit/icon": "^26.1.0",
-		"@atlaskit/link-datasource": "^4.10.0",
-		"@atlaskit/media-card": "^79.2.0",
+		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/link-datasource": "^4.11.0",
+		"@atlaskit/media-card": "^79.3.0",
 		"@atlaskit/media-client": "^33.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
-		"@atlaskit/media-common": "^12.0.0",
-		"@atlaskit/media-filmstrip": "^50.0.0",
-		"@atlaskit/media-ui": "^28.1.0",
-		"@atlaskit/media-viewer": "^52.0.0",
+		"@atlaskit/media-common": "^12.1.0",
+		"@atlaskit/media-filmstrip": "^50.1.0",
+		"@atlaskit/media-ui": "^28.2.0",
+		"@atlaskit/media-viewer": "^52.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^3.13.0",
-		"@atlaskit/smart-card": "^38.2.0",
+		"@atlaskit/smart-card": "^38.3.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
@@ -86,7 +87,7 @@
 		"@atlaskit/media-core": "^36.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^36.0.0",
-		"@atlaskit/mention": "^24.1.0",
+		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
 		"@atlaskit/util-data-test": "^18.0.0",
@@ -138,9 +139,6 @@
 		"platform_renderer_annotations_create_debug_logging": {
 			"type": "boolean"
 		},
-		"platform_editor_speedup_media_client": {
-			"type": "boolean"
-		},
 		"platform_editor_annotation_position_comment_nodes": {
 			"type": "boolean"
 		},
@@ -266,6 +264,9 @@
 		},
 		"smartcard_avatar_margin_fix": {
 			"type": "boolean"
+		},
+		"dst-a11y__replace-anchor-with-link__editor": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {