@atlaskit/renderer 107.0.0 → 107.2.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/renderer
 
+## 107.2.0
+
+### Minor Changes
+
+- [`0078ddc7e2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0078ddc7e2e) - New smartLinks prop to allow renderer and editor to determine whether smart link should show actions that can change the link resource.
+
+### Patch Changes
+
+- [`2367ba14aa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2367ba14aa0) - [ux] ED-16758 Added support for theme tokens in table cell background color.
+- Updated dependencies
+
+## 107.1.0
+
+### Minor Changes
+
+- [`9a25538e0ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a25538e0ef) - [ux] ED-16723 Custom panel background color is tokensied. More details at https://hello.atlassian.net/wiki/spaces/DST/pages/2382075153/Draft+Custom+panel+background+color+is+tokenised
+- [`9d84c21338b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d84c21338b) - Renderer link mark updated by LinkUrl from the smart-card package with a built-in link safety validation
+
+### Patch Changes
+
+- [`c3eba8c788d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3eba8c788d) - Updates Media Card input data object
+- Updated dependencies
+
 ## 107.0.0
 
 ### Patch Changes

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

@@ -14,6 +14,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../utils");
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _templateObject;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -37,7 +38,7 @@ function Link(props) {
   if (isMediaLink) {
     return (0, _react2.jsx)(_react.Fragment, null, props.children);
   }
-  return (0, _react2.jsx)("a", (0, _extends2.default)({
+  return (0, _react2.jsx)(_linkUrl.default, (0, _extends2.default)({
     css: anchorStyles,
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {

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

@@ -20,7 +20,10 @@ function BlockCard(props) {
     data = props.data,
     eventHandlers = props.eventHandlers,
     portal = props.portal,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    smartLinks = props.smartLinks;
+  var _ref = smartLinks || {},
+    showServerActions = _ref.showServerActions;
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var platform = (0, _react.useMemo)(function () {
     return (0, _utils.getPlatform)(rendererAppearance);
@@ -41,6 +44,7 @@ function BlockCard(props) {
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
-    platform: platform
+    platform: platform,
+    showServerActions: showServerActions
   }, cardProps))));
 }

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

@@ -30,12 +30,14 @@ var InlineCard = function InlineCard(props) {
   var featureFlags = (0, _useFeatureFlags.useFeatureFlags)();
   var _ref = smartLinks || {},
     showAuthTooltip = _ref.showAuthTooltip,
+    showServerActions = _ref.showServerActions,
     ssr = _ref.ssr;
   if (ssr && url) {
     return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
       appearance: "inline",
       url: url,
-      showAuthTooltip: showAuthTooltip
+      showAuthTooltip: showAuthTooltip,
+      showServerActions: showServerActions
     });
   }
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -47,7 +49,8 @@ var InlineCard = function InlineCard(props) {
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "inline",
     showHoverPreview: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.showHoverPreview,
-    showAuthTooltip: showAuthTooltip
+    showAuthTooltip: showAuthTooltip,
+    showServerActions: showServerActions
   }, cardProps, {
     onResolve: function onResolve(data) {
       if (!data.url || !data.title) {

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

@@ -13,6 +13,7 @@ var _react2 = require("@emotion/react");
 var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _panel = require("@atlaskit/editor-common/panel");
+var _editorPalette = require("@atlaskit/editor-palette");
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/emoji"));
 var _emoji2 = _interopRequireDefault(require("./emoji"));
 var _theme = require("@atlaskit/theme");
@@ -30,9 +31,10 @@ var PanelStyled = function PanelStyled(_ref) {
   };
   if (props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor) {
     styles = function styles(theme) {
+      var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor);
       var customStyle = (0, _theme.themed)({
         dark: _panel.getPanelBackgroundDarkModeColors,
-        light: "background-color: ".concat(backgroundColor, ";")
+        light: "background-color: ".concat(tokenColor || backgroundColor, ";")
       })({
         theme: theme
       });

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

@@ -17,6 +17,8 @@ var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
+var _editorPalette = require("@atlaskit/editor-palette");
+var _tokens = require("@atlaskit/tokens");
 var _SortingIcon = _interopRequireDefault(require("../../ui/SortingIcon"));
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -81,7 +83,10 @@ var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    style.backgroundColor = background;
+    var tokenName = (0, _editorPalette.hexToEditorBackgroundPaletteColorTokenName)(background);
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    var tokenColor = tokenName ? (0, _tokens.getTokenValue)(tokenName) : background;
+    style.backgroundColor = tokenColor;
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;

package/dist/cjs/ui/MediaCard.js

@@ -244,9 +244,7 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
         resizeMode: resizeMode,
         disableOverlay: disableOverlay,
         shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerDataSource: {
-          list: Array.from(mediaIdentifierMap.values())
-        },
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
       });
@@ -328,9 +326,7 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
         disableOverlay: disableOverlay,
         useInlinePlayer: isInlinePlayer,
         shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerDataSource: {
-          list: Array.from(mediaIdentifierMap.values())
-        },
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode

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

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "107.0.0";
+var packageVersion = "107.2.0";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "107.0.0",
+	"version": "107.2.0",
 	"sideEffects": false
 }

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

@@ -6,6 +6,7 @@ import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 const anchorStyles = css`
   color: ${`var(--ds-link, ${B400})`};
 
@@ -39,7 +40,7 @@ export default function Link(props) {
   if (isMediaLink) {
     return jsx(Fragment, null, props.children);
   }
-  return jsx("a", _extends({
+  return jsx(LinkUrl, _extends({
     css: anchorStyles,
     onClick: e => {
       if (fireAnalyticsEvent) {

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

@@ -11,8 +11,12 @@ export default function BlockCard(props) {
     data,
     eventHandlers,
     portal,
-    rendererAppearance
+    rendererAppearance,
+    smartLinks
   } = props;
+  const {
+    showServerActions
+  } = smartLinks || {};
   const onClick = getCardClickHandler(eventHandlers, url);
   const platform = useMemo(() => getPlatform(rendererAppearance), [rendererAppearance]);
   const cardProps = {
@@ -31,6 +35,7 @@ export default function BlockCard(props) {
   }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
-    platform: platform
+    platform: platform,
+    showServerActions: showServerActions
   }, cardProps))));
 }

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

@@ -25,13 +25,15 @@ const InlineCard = props => {
   const featureFlags = useFeatureFlags();
   const {
     showAuthTooltip,
+    showServerActions,
     ssr
   } = smartLinks || {};
   if (ssr && url) {
     return /*#__PURE__*/React.createElement(CardSSR, {
       appearance: "inline",
       url: url,
-      showAuthTooltip: showAuthTooltip
+      showAuthTooltip: showAuthTooltip,
+      showServerActions: showServerActions
     });
   }
   return /*#__PURE__*/React.createElement("span", {
@@ -43,7 +45,8 @@ const InlineCard = props => {
   }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
     appearance: "inline",
     showHoverPreview: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.showHoverPreview,
-    showAuthTooltip: showAuthTooltip
+    showAuthTooltip: showAuthTooltip,
+    showServerActions: showServerActions
   }, cardProps, {
     onResolve: data => {
       if (!data.url || !data.title) {

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

@@ -5,6 +5,7 @@ import { css, jsx } from '@emotion/react';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
 import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
 import EmojiItem from './emoji';
 // AFP-2532 TODO: Fix automatic suppressions below
@@ -29,9 +30,10 @@ const PanelStyled = ({
   `;
   if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
     styles = theme => {
+      const tokenColor = hexToEditorBackgroundPaletteColor(backgroundColor);
       const customStyle = themed({
         dark: getPanelBackgroundDarkModeColors,
-        light: `background-color: ${backgroundColor};`
+        light: `background-color: ${tokenColor || backgroundColor};`
       })({
         theme
       });

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

@@ -4,6 +4,8 @@ import React from 'react';
 import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
 import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
+import { hexToEditorBackgroundPaletteColorTokenName } from '@atlaskit/editor-palette';
+import { getTokenValue } from '@atlaskit/tokens';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -68,7 +70,10 @@ const getStyle = (background, colGroupWidth, offsetTop) => {
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    style.backgroundColor = background;
+    const tokenName = hexToEditorBackgroundPaletteColorTokenName(background);
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    const tokenColor = tokenName ? getTokenValue(tokenName) : background;
+    style.backgroundColor = tokenColor;
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;

package/dist/es2019/ui/MediaCard.js

@@ -174,9 +174,7 @@ export class MediaCardInternal extends Component {
       resizeMode: resizeMode,
       disableOverlay: disableOverlay,
       shouldOpenMediaViewer: shouldOpenMediaViewer,
-      mediaViewerDataSource: {
-        list: Array.from(mediaIdentifierMap.values())
-      },
+      mediaViewerItems: Array.from(mediaIdentifierMap.values()),
       featureFlags: featureFlags,
       ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
     });
@@ -259,9 +257,7 @@ export class MediaCardInternal extends Component {
       disableOverlay: disableOverlay,
       useInlinePlayer: isInlinePlayer,
       shouldOpenMediaViewer: shouldOpenMediaViewer,
-      mediaViewerDataSource: {
-        list: Array.from(mediaIdentifierMap.values())
-      },
+      mediaViewerItems: Array.from(mediaIdentifierMap.values()),
       featureFlags: featureFlags,
       shouldEnableDownloadButton: shouldEnableDownloadButton,
       ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "107.0.0";
+const packageVersion = "107.2.0";
 export class Renderer extends PureComponent {
   /**
    * This is used in measuring the Renderer Mount time and is then

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "107.0.0",
+	"version": "107.2.0",
 	"sideEffects": false
 }

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

@@ -8,6 +8,7 @@ import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 var anchorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), "var(--ds-link, ".concat(B400, ")"), "var(--ds-link, ".concat(B300, ")"), "var(--ds-link-pressed, ".concat(B500, ")"));
 export default function Link(props) {
   var href = props.href,
@@ -28,7 +29,7 @@ export default function Link(props) {
   if (isMediaLink) {
     return jsx(Fragment, null, props.children);
   }
-  return jsx("a", _extends({
+  return jsx(LinkUrl, _extends({
     css: anchorStyles,
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {

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

@@ -10,7 +10,10 @@ export default function BlockCard(props) {
     data = props.data,
     eventHandlers = props.eventHandlers,
     portal = props.portal,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    smartLinks = props.smartLinks;
+  var _ref = smartLinks || {},
+    showServerActions = _ref.showServerActions;
   var onClick = getCardClickHandler(eventHandlers, url);
   var platform = useMemo(function () {
     return getPlatform(rendererAppearance);
@@ -31,6 +34,7 @@ export default function BlockCard(props) {
   }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
-    platform: platform
+    platform: platform,
+    showServerActions: showServerActions
   }, cardProps))));
 }

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

@@ -23,12 +23,14 @@ var InlineCard = function InlineCard(props) {
   var featureFlags = useFeatureFlags();
   var _ref = smartLinks || {},
     showAuthTooltip = _ref.showAuthTooltip,
+    showServerActions = _ref.showServerActions,
     ssr = _ref.ssr;
   if (ssr && url) {
     return /*#__PURE__*/React.createElement(CardSSR, {
       appearance: "inline",
       url: url,
-      showAuthTooltip: showAuthTooltip
+      showAuthTooltip: showAuthTooltip,
+      showServerActions: showServerActions
     });
   }
   return /*#__PURE__*/React.createElement("span", {
@@ -40,7 +42,8 @@ var InlineCard = function InlineCard(props) {
   }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
     appearance: "inline",
     showHoverPreview: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.showHoverPreview,
-    showAuthTooltip: showAuthTooltip
+    showAuthTooltip: showAuthTooltip,
+    showServerActions: showServerActions
   }, cardProps, {
     onResolve: function onResolve(data) {
       if (!data.url || !data.title) {

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

@@ -9,6 +9,7 @@ import { css, jsx } from '@emotion/react';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
 import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
 import EmojiItem from './emoji';
 // AFP-2532 TODO: Fix automatic suppressions below
@@ -26,9 +27,10 @@ var PanelStyled = function PanelStyled(_ref) {
   };
   if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
     styles = function styles(theme) {
+      var tokenColor = hexToEditorBackgroundPaletteColor(backgroundColor);
       var customStyle = themed({
         dark: getPanelBackgroundDarkModeColors,
-        light: "background-color: ".concat(backgroundColor, ";")
+        light: "background-color: ".concat(tokenColor || backgroundColor, ";")
       })({
         theme: theme
       });

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

@@ -12,6 +12,8 @@ import React from 'react';
 import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
 import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
+import { hexToEditorBackgroundPaletteColorTokenName } from '@atlaskit/editor-palette';
+import { getTokenValue } from '@atlaskit/tokens';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -74,7 +76,10 @@ var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    style.backgroundColor = background;
+    var tokenName = hexToEditorBackgroundPaletteColorTokenName(background);
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    var tokenColor = tokenName ? getTokenValue(tokenName) : background;
+    style.backgroundColor = tokenColor;
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;

package/dist/esm/ui/MediaCard.js

@@ -233,9 +233,7 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
         resizeMode: resizeMode,
         disableOverlay: disableOverlay,
         shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerDataSource: {
-          list: Array.from(mediaIdentifierMap.values())
-        },
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
       });
@@ -317,9 +315,7 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
         disableOverlay: disableOverlay,
         useInlinePlayer: isInlinePlayer,
         shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerDataSource: {
-          list: Array.from(mediaIdentifierMap.values())
-        },
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "107.0.0";
+var packageVersion = "107.2.0";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "107.0.0",
+	"version": "107.2.0",
 	"sideEffects": false
 }

package/dist/types/react/nodes/blockCard.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererAppearance } from '../../ui/Renderer/types';
+import { SmartLinksOptions } from '../../types/smartLinksOptions';
 export default function BlockCard(props: {
     url?: string;
     data?: object;
     eventHandlers?: EventHandlers;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
+    smartLinks?: SmartLinksOptions;
 }): JSX.Element;

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

@@ -51,6 +51,7 @@ declare const BlockCard: React.ComponentType<{
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
     portal?: HTMLElement | undefined;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
 }> & Loadable.LoadableComponent;
 declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;

package/dist/types/types/smartLinksOptions.d.ts

@@ -1,4 +1,5 @@
 export interface SmartLinksOptions {
     ssr?: boolean;
     showAuthTooltip?: boolean;
+    showServerActions?: boolean;
 }

package/docs/0-intro.tsx

@@ -144,7 +144,6 @@ Learn more about this utility in the [Editor Palette docs](/packages/editor/edit
 
 Full light and dark mode support for the Editor is a work in progress. Currently, the following experiences do not yet support theming:
 - Custom table backgrounds
-- Custom panel backgrounds
 
 ${(
   <Props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "107.0.0",
+  "version": "107.2.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,31 +24,31 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^25.2.0",
+    "@atlaskit/adf-schema": "^25.3.0",
     "@atlaskit/adf-utils": "^18.0.0",
     "@atlaskit/analytics-listeners": "^8.5.0",
     "@atlaskit/analytics-namespaced-context": "^6.6.0",
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/button": "^16.5.0",
-    "@atlaskit/code": "^14.4.0",
-    "@atlaskit/editor-common": "^72.4.0",
+    "@atlaskit/button": "^16.6.0",
+    "@atlaskit/code": "^14.5.0",
+    "@atlaskit/editor-common": "^72.6.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
-    "@atlaskit/editor-palette": "1.0.0",
+    "@atlaskit/editor-palette": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.3.0",
-    "@atlaskit/emoji": "^67.0.0",
+    "@atlaskit/emoji": "^67.2.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/media-card": "^74.6.0",
-    "@atlaskit/media-client": "^20.0.0",
-    "@atlaskit/media-common": "^2.19.0",
+    "@atlaskit/media-card": "^74.7.0",
+    "@atlaskit/media-client": "^20.2.0",
+    "@atlaskit/media-common": "^4.0.0",
     "@atlaskit/media-filmstrip": "^46.1.0",
     "@atlaskit/media-ui": "^22.3.0",
-    "@atlaskit/media-viewer": "^47.4.0",
-    "@atlaskit/smart-card": "^25.0.0",
+    "@atlaskit/media-viewer": "^47.5.0",
+    "@atlaskit/smart-card": "^25.1.0",
     "@atlaskit/status": "^1.2.0",
     "@atlaskit/task-decision": "^17.5.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
-    "@atlaskit/tooltip": "^17.6.0",
+    "@atlaskit/tooltip": "^17.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",
@@ -61,30 +61,30 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.5.0",
-    "@atlaskit/media-core": "^34.0.1",
+    "@atlaskit/link-provider": "^1.5.1",
+    "@atlaskit/media-core": "^34.0.2",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.5",
-    "@atlaskit/avatar": "^21.1.0",
+    "@atlaskit/avatar": "^21.2.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^180.0.0",
-    "@atlaskit/editor-test-helpers": "^18.0.0",
+    "@atlaskit/editor-core": "^181.0.0",
+    "@atlaskit/editor-test-helpers": "^18.1.0",
     "@atlaskit/link-provider": "^1.5.0",
     "@atlaskit/logo": "^13.11.0",
     "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
-    "@atlaskit/media-test-helpers": "^30.1.0",
-    "@atlaskit/mention": "^21.0.0",
+    "@atlaskit/media-test-helpers": "^31.0.0",
+    "@atlaskit/mention": "^22.0.0",
     "@atlaskit/navigation-next": "^9.0.0",
-    "@atlaskit/profilecard": "^18.3.0",
+    "@atlaskit/profilecard": "^19.2.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^7.0.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/util-data-test": "^17.6.0",
+    "@atlaskit/util-data-test": "^17.7.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -34,6 +34,7 @@ import { Mark } from 'prosemirror-model';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { Node as Node_2 } from 'prosemirror-model';
+import { OperationalAEP } from '@atlaskit/editor-common/analytics';
 import { PropsDifference } from '@atlaskit/editor-common/utils';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { Schema } from 'prosemirror-model';
@@ -152,7 +153,7 @@ type ButtonAEP<ActionSubjectID, Attributes> = UIAEP<
 >;
 
 // @public (undocumented)
-type ComponentCrashErrorAEP = AEP<
+type ComponentCrashErrorAEP = OperationalAEP<
   ACTION.CRASHED,
   ACTION_SUBJECT.RENDERER,
   ACTION_SUBJECT_ID,
@@ -163,7 +164,9 @@ type ComponentCrashErrorAEP = AEP<
     componentStack?: string;
     errorRethrown?: boolean;
   },
-  EVENT_TYPE.OPERATIONAL
+  {
+    errorStack?: string;
+  }
 >;
 
 // @public (undocumented)
@@ -628,6 +631,8 @@ interface SmartLinksOptions {
   // (undocumented)
   showAuthTooltip?: boolean;
   // (undocumented)
+  showServerActions?: boolean;
+  // (undocumented)
   ssr?: boolean;
 }
 
@@ -737,7 +742,7 @@ type VisitMediaLinkAEP = AEP<
 
 ```json
 {
-  "@atlaskit/link-provider": "^1.3.8",
+  "@atlaskit/link-provider": "^1.5.0",
   "@atlaskit/media-core": "^34.0.1",
   "react": "^16.8.0",
   "react-dom": "^16.8.0"