@atlaskit/renderer 109.4.1 → 109.4.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 109.4.3
+
+### Patch Changes
+
+- [#72081](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72081) [`4487160917d2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4487160917d2) - [ux] ED-22052: adds button type attribute to non atlaskit button instances
+
+## 109.4.2
+
+### Patch Changes
+
+- [#71201](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71201) [`1b48cdd3c074`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b48cdd3c074) - ED-21767 fixed dom structure for inline images.
+- Updated dependencies
+
 ## 109.4.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/heading-anchor.js

@@ -102,7 +102,8 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         css: copyAnchorButtonStyles,
         onMouseLeave: _this.resetMessage,
         onClick: _this.copyToClipboard,
-        "aria-label": _this.state.tooltipMessage
+        "aria-label": _this.state.tooltipMessage,
+        type: "button"
       }, (0, _react2.jsx)(_link.default, {
         label: _this.getCopyAriaLabel(),
         size: _this.props.level > 3 ? 'small' : 'medium',

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

@@ -19,6 +19,10 @@ var _mediaUi = require("@atlaskit/media-ui");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _MediaCard = require("../../ui/MediaCard");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
+var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -163,6 +167,8 @@ var MediaInline = function MediaInline(props) {
     collectionName: collection
   };
   var mediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   if (fileType === 'image') {
     var _borderMark$attrs$col, _borderMark$attrs$siz;
     var borderMark = marks === null || marks === void 0 ? void 0 : marks.find(function (mark) {
@@ -170,7 +176,11 @@ var MediaInline = function MediaInline(props) {
     });
     var borderColor = (_borderMark$attrs$col = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color) !== null && _borderMark$attrs$col !== void 0 ? _borderMark$attrs$col : '';
     var borderSize = (_borderMark$attrs$siz = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size) !== null && _borderMark$attrs$siz !== void 0 ? _borderMark$attrs$siz : 0;
-    return /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
+    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
+      component: _enums.ACTION_SUBJECT.RENDERER,
+      componentId: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
+      createAnalyticsEvent: createAnalyticsEvent
+    }, /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
       mediaClient: mediaClient,
       identifier: identifier,
       alt: alt,
@@ -182,7 +192,7 @@ var MediaInline = function MediaInline(props) {
         borderColor: borderColor
       },
       serializeDataAttrs: true
-    });
+    }));
   }
   return /*#__PURE__*/_react.default.createElement(RenderMediaInline, {
     identifier: identifier,

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.4.1";
+var packageVersion = "109.4.3";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/nodes/heading-anchor.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { N200, N500, B400 } from '@atlaskit/theme/colors';
@@ -69,7 +70,8 @@ class HeadingAnchor extends React.PureComponent {
         css: copyAnchorButtonStyles,
         onMouseLeave: this.resetMessage,
         onClick: this.copyToClipboard,
-        "aria-label": this.state.tooltipMessage
+        "aria-label": this.state.tooltipMessage,
+        type: "button"
       }, jsx(LinkIcon, {
         label: this.getCopyAriaLabel(),
         size: this.props.level > 3 ? 'small' : 'medium',

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

@@ -7,6 +7,10 @@ import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import React, { useCallback, useEffect, useState, useContext } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
+import { ACTION_SUBJECT } from '../../analytics/enums';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 export const RenderMediaInline = ({
   rendererAppearance,
   clipboardAttrs,
@@ -129,12 +133,19 @@ const MediaInline = props => {
     collectionName: collection
   };
   const mediaClient = useContext(MediaClientContext);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   if (fileType === 'image') {
     var _borderMark$attrs$col, _borderMark$attrs$siz;
     const borderMark = marks === null || marks === void 0 ? void 0 : marks.find(mark => (mark === null || mark === void 0 ? void 0 : mark.type.name) === 'border');
     const borderColor = (_borderMark$attrs$col = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color) !== null && _borderMark$attrs$col !== void 0 ? _borderMark$attrs$col : '';
     const borderSize = (_borderMark$attrs$siz = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size) !== null && _borderMark$attrs$siz !== void 0 ? _borderMark$attrs$siz : 0;
-    return /*#__PURE__*/React.createElement(MediaInlineImageCard, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      component: ACTION_SUBJECT.RENDERER,
+      componentId: ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
+      createAnalyticsEvent: createAnalyticsEvent
+    }, /*#__PURE__*/React.createElement(MediaInlineImageCard, {
       mediaClient: mediaClient,
       identifier: identifier,
       alt: alt,
@@ -146,7 +157,7 @@ const MediaInline = props => {
         borderColor
       },
       serializeDataAttrs: true
-    });
+    }));
   }
   return /*#__PURE__*/React.createElement(RenderMediaInline, {
     identifier: identifier,

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.4.1";
+const packageVersion = "109.4.3";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/nodes/heading-anchor.js

@@ -15,6 +15,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
+
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { N200, N500, B400 } from '@atlaskit/theme/colors';
@@ -95,7 +96,8 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         css: copyAnchorButtonStyles,
         onMouseLeave: _this.resetMessage,
         onClick: _this.copyToClipboard,
-        "aria-label": _this.state.tooltipMessage
+        "aria-label": _this.state.tooltipMessage,
+        type: "button"
       }, jsx(LinkIcon, {
         label: _this.getCopyAriaLabel(),
         size: _this.props.level > 3 ? 'small' : 'medium',

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

@@ -13,6 +13,10 @@ import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import React, { useCallback, useEffect, useState, useContext } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
+import { ACTION_SUBJECT } from '../../analytics/enums';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 export var RenderMediaInline = function RenderMediaInline(_ref) {
   var rendererAppearance = _ref.rendererAppearance,
     clipboardAttrs = _ref.clipboardAttrs,
@@ -153,6 +157,8 @@ var MediaInline = function MediaInline(props) {
     collectionName: collection
   };
   var mediaClient = useContext(MediaClientContext);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   if (fileType === 'image') {
     var _borderMark$attrs$col, _borderMark$attrs$siz;
     var borderMark = marks === null || marks === void 0 ? void 0 : marks.find(function (mark) {
@@ -160,7 +166,11 @@ var MediaInline = function MediaInline(props) {
     });
     var borderColor = (_borderMark$attrs$col = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color) !== null && _borderMark$attrs$col !== void 0 ? _borderMark$attrs$col : '';
     var borderSize = (_borderMark$attrs$siz = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size) !== null && _borderMark$attrs$siz !== void 0 ? _borderMark$attrs$siz : 0;
-    return /*#__PURE__*/React.createElement(MediaInlineImageCard, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      component: ACTION_SUBJECT.RENDERER,
+      componentId: ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
+      createAnalyticsEvent: createAnalyticsEvent
+    }, /*#__PURE__*/React.createElement(MediaInlineImageCard, {
       mediaClient: mediaClient,
       identifier: identifier,
       alt: alt,
@@ -172,7 +182,7 @@ var MediaInline = function MediaInline(props) {
         borderColor: borderColor
       },
       serializeDataAttrs: true
-    });
+    }));
   }
   return /*#__PURE__*/React.createElement(RenderMediaInline, {
     identifier: identifier,

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.4.1";
+var packageVersion = "109.4.3";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/types/react/nodes/heading-anchor.d.ts

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl-next';
 export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
 type Props = {
     onCopyText: () => Promise<void>;

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import type { WrappedComponentProps } from 'react-intl-next';
 export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
 type Props = {
     onCopyText: () => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.4.1",
+  "version": "109.4.3",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/button": "^17.3.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/editor-common": "^77.3.0",
+    "@atlaskit/editor-common": "^77.4.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "3.0.0",
@@ -40,19 +40,19 @@
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/link-datasource": "^1.22.0",
-    "@atlaskit/media-card": "^77.7.0",
+    "@atlaskit/media-card": "^77.9.0",
     "@atlaskit/media-client": "^26.1.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
-    "@atlaskit/media-ui": "^25.0.0",
+    "@atlaskit/media-ui": "^25.1.0",
     "@atlaskit/media-viewer": "^48.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.46.0",
+    "@atlaskit/smart-card": "^26.47.0",
     "@atlaskit/status": "^1.4.0",
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.36.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",