@atlaskit/renderer 109.2.2 → 109.2.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 109.2.4
+
+### Patch Changes
+
+- [#67197](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67197) [`cb5f569a1b4a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb5f569a1b4a) - ED-21819 support copy inline image from renderer
+
+## 109.2.3
+
+### Patch Changes
+
+- [#66919](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66919) [`d23cba211264`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d23cba211264) - Added a unsupported node type counts map to the unsupported content level tracking analytics event. This will provide information as to the type of unsupported nodes being encountered by user and help with debuggging the issue.
+- [#67106](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67106) [`f35f74b0b1e5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f35f74b0b1e5) - fix embed link overlaps table sticky header in Renderer
+
 ## 109.2.2
 
 ### Patch Changes

package/dist/cjs/analytics/unsupported-content.js

@@ -15,7 +15,8 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
       percentage = _getUnsupportedConten.percentage,
       _getUnsupportedConten2 = _getUnsupportedConten.counts,
       supportedNodes = _getUnsupportedConten2.supportedNodes,
-      unsupportedNodes = _getUnsupportedConten2.unsupportedNodes;
+      unsupportedNodes = _getUnsupportedConten2.unsupportedNodes,
+      unsupportedNodeTypeCount = _getUnsupportedConten2.unsupportedNodeTypeCount;
     dispatchAnalyticsEvent({
       action: _analytics.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
       actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
@@ -25,7 +26,8 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
         unsupportedContentLevelSeverity: severity,
         unsupportedContentLevelPercentage: percentage,
         unsupportedNodesCount: unsupportedNodes,
-        supportedNodesCount: supportedNodes
+        supportedNodesCount: supportedNodes,
+        unsupportedNodeTypeCount: unsupportedNodeTypeCount
       },
       eventType: _analytics.EVENT_TYPE.OPERATIONAL
     });

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

@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Border;
 var _react = require("@emotion/react");
-var _editorPalette = require("@atlaskit/editor-palette");
 /** @jsx jsx */
 
 function Border(props) {
   var _props$color, _props$size;
   var borderColor = (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : '';
   var borderSize = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 0;
-  var paletteColorValue = (0, _editorPalette.hexToEditorBorderPaletteColor)(borderColor) || borderColor;
   return (0, _react.jsx)("span", {
-    "data-color": paletteColorValue,
+    "data-color": borderColor,
     "data-size": borderSize,
     "data-mark-type": "border"
   }, props.children);

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

@@ -180,7 +180,8 @@ var MediaInline = function MediaInline(props) {
       border: {
         borderSize: borderSize,
         borderColor: borderColor
-      }
+      },
+      serializeDataAttrs: true
     });
   }
   return /*#__PURE__*/_react.default.createElement(RenderMediaInline, {

package/dist/cjs/react/nodes/table/sticky.js

@@ -34,7 +34,7 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
   } else {
     stickyHeaderZIndex = _editorSharedStyles.akEditorStickyHeaderZIndex;
   }
-  return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    width: ", "px;\n    z-index: ", ";\n    &\n      .", ",\n      &\n      .", "\n      > table {\n      margin-top: 0;\n      margin-bottom: 0;\n      tr {\n        background: ", ";\n      }\n    }\n\n    border-top: ", "px solid\n      ", ";\n    background: ", ";\n    box-shadow: 0 6px 4px -4px ", ";\n\n    div[data-expanded='false'] & {\n      display: none;\n    }\n\n    &\n      .", ".is-sticky.right-shadow::after,\n      &\n      .", ".is-sticky.left-shadow::before {\n      top: 0px;\n      height: 100%;\n    }\n  "])), typeof top === 'number' && "top: ".concat(top, "px;"), width, stickyHeaderZIndex, _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-surface, white)", tableStickyPadding, "var(--ds-surface, white)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overflow-perimeter, ".concat(_colors.N40A, ")"), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
+  return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    width: ", "px;\n    z-index: ", ";\n    &\n      .", ",\n      &\n      .", "\n      > table {\n      margin-top: 0;\n      margin-bottom: 0;\n      tr {\n        background: ", ";\n      }\n    }\n\n    border-top: ", "px solid\n      ", ";\n    background: ", ";\n    box-shadow: 0 6px 4px -4px ", ";\n\n    div[data-expanded='false'] & {\n      display: none;\n    }\n\n    &\n      .", ".is-sticky.right-shadow::after,\n      &\n      .", ".is-sticky.left-shadow::before {\n      top: 0px;\n      height: 100%;\n    }\n\n    &.fixedTableDiv[mode='stick'] {\n      z-index: ", ";\n    }\n  "])), typeof top === 'number' && "top: ".concat(top, "px;"), width, stickyHeaderZIndex, _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-surface, white)", tableStickyPadding, "var(--ds-surface, white)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overflow-perimeter, ".concat(_colors.N40A, ")"), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER, stickyHeaderZIndex);
 };
 var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
   var top = props.top,
@@ -47,6 +47,7 @@ var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
   };
   return (0, _react2.jsx)("div", (0, _extends2.default)({}, attrs, {
     "data-testid": "sticky-table-fixed",
+    className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixedTableDiv' : '',
     css: fixedTableCss
   }), props.children);
 };

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

@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.2.2";
+var packageVersion = "109.2.4";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/analytics/unsupported-content.js

@@ -9,7 +9,8 @@ const processLevelsAndTrack = (item, thresholds, dispatchAnalyticsEvent) => {
       percentage,
       counts: {
         supportedNodes,
-        unsupportedNodes
+        unsupportedNodes,
+        unsupportedNodeTypeCount
       }
     } = getUnsupportedContentLevelData(item.doc, thresholds);
     dispatchAnalyticsEvent({
@@ -21,7 +22,8 @@ const processLevelsAndTrack = (item, thresholds, dispatchAnalyticsEvent) => {
         unsupportedContentLevelSeverity: severity,
         unsupportedContentLevelPercentage: percentage,
         unsupportedNodesCount: unsupportedNodes,
-        supportedNodesCount: supportedNodes
+        supportedNodesCount: supportedNodes,
+        unsupportedNodeTypeCount: unsupportedNodeTypeCount
       },
       eventType: EVENT_TYPE.OPERATIONAL
     });

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

@@ -1,13 +1,11 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 export default function Border(props) {
   var _props$color, _props$size;
   const borderColor = (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : '';
   const borderSize = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 0;
-  const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
   return jsx("span", {
-    "data-color": paletteColorValue,
+    "data-color": borderColor,
     "data-size": borderSize,
     "data-mark-type": "border"
   }, props.children);

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

@@ -144,7 +144,8 @@ const MediaInline = props => {
       border: {
         borderSize,
         borderColor
-      }
+      },
+      serializeDataAttrs: true
     });
   }
   return /*#__PURE__*/React.createElement(RenderMediaInline, {

package/dist/es2019/react/nodes/table/sticky.js

@@ -61,6 +61,10 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
       top: 0px;
       height: 100%;
     }
+
+    &.fixedTableDiv[mode='stick'] {
+      z-index: ${stickyHeaderZIndex};
+    }
   `;
 };
 export const FixedTableDiv = props => {
@@ -76,6 +80,7 @@ export const FixedTableDiv = props => {
   };
   return jsx("div", _extends({}, attrs, {
     "data-testid": "sticky-table-fixed",
+    className: isTableResizingEnabled(rendererAppearance) ? 'fixedTableDiv' : '',
     css: fixedTableCss
   }), props.children);
 };

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

@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.2.2";
+const packageVersion = "109.2.4";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/analytics/unsupported-content.js

@@ -9,7 +9,8 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
       percentage = _getUnsupportedConten.percentage,
       _getUnsupportedConten2 = _getUnsupportedConten.counts,
       supportedNodes = _getUnsupportedConten2.supportedNodes,
-      unsupportedNodes = _getUnsupportedConten2.unsupportedNodes;
+      unsupportedNodes = _getUnsupportedConten2.unsupportedNodes,
+      unsupportedNodeTypeCount = _getUnsupportedConten2.unsupportedNodeTypeCount;
     dispatchAnalyticsEvent({
       action: ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
       actionSubject: ACTION_SUBJECT.RENDERER,
@@ -19,7 +20,8 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
         unsupportedContentLevelSeverity: severity,
         unsupportedContentLevelPercentage: percentage,
         unsupportedNodesCount: unsupportedNodes,
-        supportedNodesCount: supportedNodes
+        supportedNodesCount: supportedNodes,
+        unsupportedNodeTypeCount: unsupportedNodeTypeCount
       },
       eventType: EVENT_TYPE.OPERATIONAL
     });

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

@@ -1,13 +1,11 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 export default function Border(props) {
   var _props$color, _props$size;
   var borderColor = (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : '';
   var borderSize = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 0;
-  var paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
   return jsx("span", {
-    "data-color": paletteColorValue,
+    "data-color": borderColor,
     "data-size": borderSize,
     "data-mark-type": "border"
   }, props.children);

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

@@ -170,7 +170,8 @@ var MediaInline = function MediaInline(props) {
       border: {
         borderSize: borderSize,
         borderColor: borderColor
-      }
+      },
+      serializeDataAttrs: true
     });
   }
   return /*#__PURE__*/React.createElement(RenderMediaInline, {

package/dist/esm/react/nodes/table/sticky.js

@@ -27,7 +27,7 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
   } else {
     stickyHeaderZIndex = akEditorStickyHeaderZIndex;
   }
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    width: ", "px;\n    z-index: ", ";\n    &\n      .", ",\n      &\n      .", "\n      > table {\n      margin-top: 0;\n      margin-bottom: 0;\n      tr {\n        background: ", ";\n      }\n    }\n\n    border-top: ", "px solid\n      ", ";\n    background: ", ";\n    box-shadow: 0 6px 4px -4px ", ";\n\n    div[data-expanded='false'] & {\n      display: none;\n    }\n\n    &\n      .", ".is-sticky.right-shadow::after,\n      &\n      .", ".is-sticky.left-shadow::before {\n      top: 0px;\n      height: 100%;\n    }\n  "])), typeof top === 'number' && "top: ".concat(top, "px;"), width, stickyHeaderZIndex, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-surface, white)", tableStickyPadding, "var(--ds-surface, white)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overflow-perimeter, ".concat(N40A, ")"), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    width: ", "px;\n    z-index: ", ";\n    &\n      .", ",\n      &\n      .", "\n      > table {\n      margin-top: 0;\n      margin-bottom: 0;\n      tr {\n        background: ", ";\n      }\n    }\n\n    border-top: ", "px solid\n      ", ";\n    background: ", ";\n    box-shadow: 0 6px 4px -4px ", ";\n\n    div[data-expanded='false'] & {\n      display: none;\n    }\n\n    &\n      .", ".is-sticky.right-shadow::after,\n      &\n      .", ".is-sticky.left-shadow::before {\n      top: 0px;\n      height: 100%;\n    }\n\n    &.fixedTableDiv[mode='stick'] {\n      z-index: ", ";\n    }\n  "])), typeof top === 'number' && "top: ".concat(top, "px;"), width, stickyHeaderZIndex, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-surface, white)", tableStickyPadding, "var(--ds-surface, white)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overflow-perimeter, ".concat(N40A, ")"), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER, stickyHeaderZIndex);
 };
 export var FixedTableDiv = function FixedTableDiv(props) {
   var top = props.top,
@@ -40,6 +40,7 @@ export var FixedTableDiv = function FixedTableDiv(props) {
   };
   return jsx("div", _extends({}, attrs, {
     "data-testid": "sticky-table-fixed",
+    className: isTableResizingEnabled(rendererAppearance) ? 'fixedTableDiv' : '',
     css: fixedTableCss
   }), props.children);
 };

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

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

package/dist/types/analytics/events.d.ts

@@ -46,6 +46,7 @@ type RendererUnsupportedContentLevelsTrackingSucceeded = AEP<ACTION.UNSUPPORTED_
     unsupportedContentLevelPercentage: number;
     unsupportedNodesCount: number;
     supportedNodesCount: number;
+    unsupportedNodeTypeCount: Record<string, number>;
 }, EVENT_TYPE.OPERATIONAL>;
 type RendererUnsupportedContentLevelsTrackingErrored = AEP<ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED, ACTION_SUBJECT.RENDERER, undefined, {
     platform: PLATFORM.WEB;

package/dist/types/analytics/unsupported-content.d.ts

@@ -1,5 +1,5 @@
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
-import { AnalyticsEventPayload } from './events';
+import type { AnalyticsEventPayload } from './events';
 type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
 type DocumentData = {
     rendererId: string;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { RendererContext } from '../types';
-import { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import type { RendererContext } from '../types';
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
     extensionHandlers?: ExtensionHandlers;
     providers: ProviderFactory;
@@ -14,5 +14,5 @@ export interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const InlineExtension: React.StatelessComponent<Props>;
+declare const InlineExtension: React.FunctionComponent<Props>;
 export default InlineExtension;

package/dist/types-ts4.5/analytics/events.d.ts

@@ -46,6 +46,7 @@ type RendererUnsupportedContentLevelsTrackingSucceeded = AEP<ACTION.UNSUPPORTED_
     unsupportedContentLevelPercentage: number;
     unsupportedNodesCount: number;
     supportedNodesCount: number;
+    unsupportedNodeTypeCount: Record<string, number>;
 }, EVENT_TYPE.OPERATIONAL>;
 type RendererUnsupportedContentLevelsTrackingErrored = AEP<ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED, ACTION_SUBJECT.RENDERER, undefined, {
     platform: PLATFORM.WEB;

package/dist/types-ts4.5/analytics/unsupported-content.d.ts

@@ -1,5 +1,5 @@
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
-import { AnalyticsEventPayload } from './events';
+import type { AnalyticsEventPayload } from './events';
 type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
 type DocumentData = {
     rendererId: string;

package/dist/types-ts4.5/react/nodes/inlineExtension.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { RendererContext } from '../types';
-import { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import type { RendererContext } from '../types';
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
     extensionHandlers?: ExtensionHandlers;
     providers: ProviderFactory;
@@ -14,5 +14,5 @@ export interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const InlineExtension: React.StatelessComponent<Props>;
+declare const InlineExtension: React.FunctionComponent<Props>;
 export default InlineExtension;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.2.2",
+  "version": "109.2.4",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -27,12 +27,12 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.3.0",
     "@atlaskit/adf-utils": "^19.0.0",
-    "@atlaskit/analytics-listeners": "^8.7.0",
-    "@atlaskit/analytics-namespaced-context": "^6.7.0",
+    "@atlaskit/analytics-listeners": "^8.9.0",
+    "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^17.2.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/editor-common": "^76.35.0",
+    "@atlaskit/editor-common": "^76.40.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "1.1.0",
@@ -40,7 +40,7 @@
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/link-datasource": "^1.19.0",
-    "@atlaskit/media-card": "^77.6.0",
+    "@atlaskit/media-card": "^77.7.0",
     "@atlaskit/media-client": "^26.1.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",