@atlaskit/renderer 130.2.15 → 130.2.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/renderer
 
+## 130.2.17
+
+### Patch Changes
+
+- Updated dependencies
+
+## 130.2.16
+
+### Patch Changes
+
+- [`d94df511393a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d94df511393a9) -
+  Removing FG platform_editor_a11y_eslint_fix
+- Updated dependencies
+
 ## 130.2.15
 
 ### Patch Changes

package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -9,7 +9,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
@@ -47,7 +46,7 @@ var CopyButton = function CopyButton(_ref) {
       position: "top"
     }, (0, _react.jsx)("div", {
       onMouseLeave: onMouseLeave,
-      onBlur: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
+      onBlur: onMouseLeave
     }, (0, _react.jsx)(_customThemeButton.default, {
       appearance: "subtle",
       "aria-haspopup": true,

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

@@ -120,7 +120,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         id: _this.copyLinkId,
         css: copyAnchorButtonStyles,
         onMouseLeave: _this.resetMessage,
-        onBlur: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? _this.resetMessage : undefined,
+        onBlur: _this.resetMessage,
         onClick: _this.copyToClipboard,
         "aria-hidden": hideFromScreenReader,
         tabIndex: tabIndex,

package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -5,7 +5,6 @@
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import CopyIcon from '@atlaskit/icon/core/copy';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -32,7 +31,7 @@ const CopyButton = ({
     position: "top"
   }, jsx("div", {
     onMouseLeave: onMouseLeave,
-    onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
+    onBlur: onMouseLeave
   }, jsx(Button, {
     appearance: "subtle",
     "aria-haspopup": true,

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

@@ -88,7 +88,7 @@ class HeadingAnchor extends React.PureComponent {
         id: this.copyLinkId,
         css: copyAnchorButtonStyles,
         onMouseLeave: this.resetMessage,
-        onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.resetMessage : undefined,
+        onBlur: this.resetMessage,
         onClick: this.copyToClipboard,
         "aria-hidden": hideFromScreenReader,
         tabIndex: tabIndex,

package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -6,7 +6,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import CopyIcon from '@atlaskit/icon/core/copy';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -38,7 +37,7 @@ var CopyButton = function CopyButton(_ref) {
       position: "top"
     }, jsx("div", {
       onMouseLeave: onMouseLeave,
-      onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onMouseLeave : undefined
+      onBlur: onMouseLeave
     }, jsx(Button, {
       appearance: "subtle",
       "aria-haspopup": true,

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

@@ -114,7 +114,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         id: _this.copyLinkId,
         css: copyAnchorButtonStyles,
         onMouseLeave: _this.resetMessage,
-        onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? _this.resetMessage : undefined,
+        onBlur: _this.resetMessage,
         onClick: _this.copyToClipboard,
         "aria-hidden": hideFromScreenReader,
         tabIndex: tabIndex,

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

@@ -65,7 +65,7 @@ declare const EmbedCard: React.ComponentType<{
     isInsideOfBlockNode?: boolean;
     isInsideOfInlineExtension?: boolean;
     layout: RichMediaLayout;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     originalHeight?: number;
     originalWidth?: number;
     portal?: HTMLElement;
@@ -82,7 +82,7 @@ declare const BlockCard: React.ComponentType<{
     isNodeNested?: boolean;
     layout?: string;
     localId?: string;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
     smartLinks?: SmartLinksOptions;

package/dist/types/ui/annotations/draft/dom.d.ts

@@ -1,5 +1,5 @@
 import type { Position } from '../types';
-export declare const dataAttributes: ({ from, to }: Position) => {
+export declare const dataAttributes: ({ from, to, }: Position) => {
     "data-annotation-draft-mark": boolean;
     "data-draft-end-at": number;
     "data-draft-start-at": number;

package/dist/types/ui/annotations/hooks/use-events.d.ts

@@ -13,7 +13,7 @@ type UseAnnotationUpdateSatteByEventProps = {
     updateSubscriber: AnnotationUpdateEmitter | null;
 };
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
-export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => {
+export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventProps) => {
     hasFocus: boolean;
     isHovered: boolean;
 };

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

@@ -65,7 +65,7 @@ declare const EmbedCard: React.ComponentType<{
     isInsideOfBlockNode?: boolean;
     isInsideOfInlineExtension?: boolean;
     layout: RichMediaLayout;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     originalHeight?: number;
     originalWidth?: number;
     portal?: HTMLElement;
@@ -82,7 +82,7 @@ declare const BlockCard: React.ComponentType<{
     isNodeNested?: boolean;
     layout?: string;
     localId?: string;
-    onSetLinkTarget?: (url: string) => "_blank" | undefined;
+    onSetLinkTarget?: (url: string) => '_blank' | undefined;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
     smartLinks?: SmartLinksOptions;

package/dist/types-ts4.5/ui/annotations/draft/dom.d.ts

@@ -1,5 +1,5 @@
 import type { Position } from '../types';
-export declare const dataAttributes: ({ from, to }: Position) => {
+export declare const dataAttributes: ({ from, to, }: Position) => {
     "data-annotation-draft-mark": boolean;
     "data-draft-end-at": number;
     "data-draft-start-at": number;

package/dist/types-ts4.5/ui/annotations/hooks/use-events.d.ts

@@ -13,7 +13,7 @@ type UseAnnotationUpdateSatteByEventProps = {
     updateSubscriber: AnnotationUpdateEmitter | null;
 };
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
-export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => {
+export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventProps) => {
     hasFocus: boolean;
     isHovered: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.2.15",
+	"version": "130.2.17",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,12 +61,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/react-ufo": "^5.16.0",
+		"@atlaskit/react-ufo": "^5.17.0",
 		"@atlaskit/smart-card": "^44.3.0",
 		"@atlaskit/status": "^4.0.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^71.0.0",
+		"@atlaskit/tmp-editor-statsig": "^73.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -79,7 +79,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.12.0",
+		"@atlaskit/editor-common": "^114.13.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -98,7 +98,7 @@
 		"@atlaskit/media-test-helpers": "^41.0.0",
 		"@atlaskit/mention": "^25.0.0",
 		"@atlaskit/modal-dialog": "^14.18.0",
-		"@atlaskit/navigation-system": "^8.2.0",
+		"@atlaskit/navigation-system": "^9.0.0",
 		"@atlaskit/profilecard": "^25.1.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/util-data-test": "^18.5.0",
@@ -106,6 +106,7 @@
 		"@atlassian/a11y-playwright-testing": "^0.9.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",

package/renderer.docs.tsx

@@ -0,0 +1,47 @@
+/**
+ * Testing structured MCP docs for review — ignore this file.
+ * Contact #dst-structured-content in Slack with questions.
+ */
+
+import path from 'path';
+
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+import packageJson from './package.json';
+
+const packagePath = path.resolve(__dirname);
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Renderer',
+		description: 'Renderer component',
+		status: 'general-availability',
+		import: {
+			name: 'Renderer',
+			package: '@atlaskit/renderer',
+			type: 'default',
+			packagePath,
+			packageJson,
+		},
+		usageGuidelines: [
+			'Use ReactRenderer with an ADF document; use a transformer (e.g. BitbucketTransformer) with ADFEncoder when your storage format is not ADF.',
+			'Avoid unnecessary props changes: extract static objects to constants, avoid passing new objects or anonymous functions on every render, use useMemo/useCallback for props and callbacks to prevent performance degradation.',
+			'Ensure only one version of Renderer sub-dependencies (adf-schema, editor-common, prosemirror-model, etc.) in your bundles; use deduplication or resolutions. Use correct peer dependency versions.',
+			'Use the truncated prop with maxHeight/fadeOutHeight when you need to cap rendered content with a fade; add polyfills for fetch and ES6/ES7 when targeting older browsers.',
+		],
+		contentGuidelines: [],
+		accessibilityGuidelines: [],
+		keywords: ['editor', 'renderer', 'atlaskit'],
+		categories: ['editor'],
+		examples: [
+			{ name: 'Basic', description: 'Basic ReactRenderer with ADF document.', source: path.resolve(packagePath, './examples/0-basic.tsx') },
+			{ name: 'Full page', description: 'Full-page renderer with full ADF.', source: path.resolve(packagePath, './examples/0-full-page.tsx') },
+			{ name: 'With providers', description: 'Renderer with media and other providers.', source: path.resolve(packagePath, './examples/1-with-providers.tsx') },
+			{ name: 'Full page with media caption', description: 'Renderer with media and captions.', source: path.resolve(packagePath, './examples/0-full-page-with-media-caption.tsx') },
+			{ name: 'Column layout', description: 'Renderer with column layout.', source: path.resolve(packagePath, './examples/10-column-layout.tsx') },
+		],
+	},
+];
+
+export default documentation;