@atlaskit/editor-plugin-synced-block 5.4.4 → 5.4.6

package/dist/esm/ui/SyncBlockLabel.js

@@ -5,6 +5,7 @@ import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages'
 import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
 import { Text } from '@atlaskit/primitives/compiled';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { formatElapsedTime } from './utils/time';
@@ -70,7 +71,9 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: SyncBlockLabelSharedCssClassName.labelClassName,
-    "aria-describedby": ariaDescribedById
+    "aria-describedby": (isSource || isUnsyncedBlock) && editorExperiment('platform_synced_block_patch_6', true, {
+      exposure: true
+    }) ? undefined : ariaDescribedById
   }, /*#__PURE__*/React.createElement(BlockSyncedIcon, {
     color: "var(--ds-icon-subtle, #505258)",
     size: "small",

package/dist/esm/ui/SyncedLocationDropdown.js

@@ -1,4 +1,4 @@
-/* SyncedLocationDropdown.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* SyncedLocationDropdown.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -27,7 +27,6 @@ import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
 import { ConfluenceIcon, JiraIcon, AtlassianIcon } from '@atlaskit/logo';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, Inline, Anchor, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
@@ -80,31 +79,23 @@ var productIconMap = {
   'jira-work-item': JiraIcon
 };
 var subTypeIconMap = {
-  live: PageLiveDocIcon,
-  page: PageIcon,
-  blogpost: QuotationMarkIcon
-};
-var subTypeIconMapNew = {
   live: PageLiveDocIcon,
   page: PageIcon
 };
 var getConfluenceSubTypeIcon = function getConfluenceSubTypeIcon(sourceAri, subType) {
-  if (fg('platform_synced_block_patch_3')) {
-    try {
-      var _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri({
-          ari: sourceAri
-        }),
-        pageType = _getPageIdAndTypeFrom.type;
-      if (pageType === 'blogpost') {
-        return QuotationMarkIcon;
-      } else {
-        return subType && subType in subTypeIconMapNew ? subTypeIconMapNew[subType] : PageIcon;
-      }
-    } catch (_unused) {
-      return PageIcon;
+  try {
+    var _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri({
+        ari: sourceAri
+      }),
+      pageType = _getPageIdAndTypeFrom.type;
+    if (pageType === 'blogpost') {
+      return QuotationMarkIcon;
+    } else {
+      return subType && subType in subTypeIconMap ? subTypeIconMap[subType] : PageIcon;
     }
+  } catch (_unused) {
+    return PageIcon;
   }
-  return subType && subType in subTypeIconMap ? subTypeIconMap[subType] : PageIcon;
 };
 var ProductIcon = function ProductIcon(_ref2) {
   var _productIconMap$produ;

package/dist/esm/ui/quick-insert.js

@@ -1,4 +1,4 @@
-/* quick-insert.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* quick-insert.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./quick-insert.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/types/nodeviews/bodiedSyncedBlock.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ForwardRef, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
-import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, getPosHandlerNode, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
@@ -18,27 +17,34 @@ export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
     syncBlockStore?: SyncBlockStoreManager;
     view: EditorView;
 }
-export declare class BodiedSyncBlock extends ReactNodeView<BodiedSyncBlockNodeViewProps> {
-    private cleanupConnectivityModeListener?;
-    private cleanupViewModeListener?;
+export interface BodiedSyncBlockNodeViewProperties {
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    pluginOptions: SyncedBlockPluginOptions | undefined;
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    syncBlockStore?: SyncBlockStoreManager;
+}
+export declare const bodiedSyncBlockNodeViewOld: (props: BodiedSyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<BodiedSyncBlockNodeViewProps>;
+export declare class BodiedSyncBlock implements NodeView {
+    dom: HTMLElement;
+    contentDOM: HTMLElement;
+    node: PMNode;
+    view: EditorView;
+    getPos: getPosHandlerNode;
+    nodeViewPortalProviderAPI: PortalProviderAPI;
     private api?;
     private syncBlockStore?;
-    constructor(props: BodiedSyncBlockNodeViewProps);
+    private cleanupConnectivityModeListener?;
+    private cleanupViewModeListener?;
+    private labelKey;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, syncBlockStore?: SyncBlockStoreManager);
     private updateContentEditable;
     private handleConnectivityModeChange;
     private handleViewModeChange;
-    createDomRef(): HTMLElement;
-    render(_props: never, forwardRef: ForwardRef): React.JSX.Element | null;
-    getContentDOM(): {
-        dom: HTMLElement;
-        contentDOM: HTMLElement | undefined;
-    } | undefined;
+    update(node: PMNode): boolean;
+    ignoreMutation(mutation: MutationRecord | {
+        target: Node;
+        type: 'selection';
+    }): boolean;
     destroy(): void;
 }
-export interface BodiedSyncBlockNodeViewProperties {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-    pluginOptions: SyncedBlockPluginOptions | undefined;
-    pmPluginFactoryParams: PMPluginFactoryParams;
-    syncBlockStore?: SyncBlockStoreManager;
-}
-export declare const bodiedSyncBlockNodeView: (props: BodiedSyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<BodiedSyncBlockNodeViewProps>;
+export declare const bodiedSyncBlockNodeView: (props: BodiedSyncBlockNodeViewProperties) => ((node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView);

package/dist/types/nodeviews/syncedBlock.d.ts

@@ -5,7 +5,7 @@ import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react
 import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, getPosHandlerNode, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView, Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
 import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
@@ -26,6 +26,8 @@ export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
     constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
+    validUpdate(currentNode: PMNode, newNode: PMNode): boolean;
+    update(node: PMNode, decorations: ReadonlyArray<Decoration>, innerDecorations?: DecorationSource): boolean;
     render({ getPos }: SyncBlockNodeViewProps): React.JSX.Element | null;
     destroy(): void;
 }

package/dist/types/syncedBlockPluginType.d.ts

@@ -10,6 +10,7 @@ import type { ContentFormatPlugin } from '@atlaskit/editor-plugin-content-format
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
+import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
@@ -81,7 +82,8 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         OptionalPlugin<ConnectivityPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<ContentFormatPlugin>,
-        OptionalPlugin<UserIntentPlugin>
+        OptionalPlugin<UserIntentPlugin>,
+        OptionalPlugin<FocusPlugin>
     ];
     pluginConfiguration: SyncedBlockPluginOptions | undefined;
     sharedState: SyncedBlockSharedState | undefined;

package/dist/types-ts4.5/nodeviews/bodiedSyncedBlock.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ForwardRef, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
-import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, getPosHandlerNode, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
@@ -18,27 +17,34 @@ export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
     syncBlockStore?: SyncBlockStoreManager;
     view: EditorView;
 }
-export declare class BodiedSyncBlock extends ReactNodeView<BodiedSyncBlockNodeViewProps> {
-    private cleanupConnectivityModeListener?;
-    private cleanupViewModeListener?;
+export interface BodiedSyncBlockNodeViewProperties {
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    pluginOptions: SyncedBlockPluginOptions | undefined;
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    syncBlockStore?: SyncBlockStoreManager;
+}
+export declare const bodiedSyncBlockNodeViewOld: (props: BodiedSyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<BodiedSyncBlockNodeViewProps>;
+export declare class BodiedSyncBlock implements NodeView {
+    dom: HTMLElement;
+    contentDOM: HTMLElement;
+    node: PMNode;
+    view: EditorView;
+    getPos: getPosHandlerNode;
+    nodeViewPortalProviderAPI: PortalProviderAPI;
     private api?;
     private syncBlockStore?;
-    constructor(props: BodiedSyncBlockNodeViewProps);
+    private cleanupConnectivityModeListener?;
+    private cleanupViewModeListener?;
+    private labelKey;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, syncBlockStore?: SyncBlockStoreManager);
     private updateContentEditable;
     private handleConnectivityModeChange;
     private handleViewModeChange;
-    createDomRef(): HTMLElement;
-    render(_props: never, forwardRef: ForwardRef): React.JSX.Element | null;
-    getContentDOM(): {
-        dom: HTMLElement;
-        contentDOM: HTMLElement | undefined;
-    } | undefined;
+    update(node: PMNode): boolean;
+    ignoreMutation(mutation: MutationRecord | {
+        target: Node;
+        type: 'selection';
+    }): boolean;
     destroy(): void;
 }
-export interface BodiedSyncBlockNodeViewProperties {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-    pluginOptions: SyncedBlockPluginOptions | undefined;
-    pmPluginFactoryParams: PMPluginFactoryParams;
-    syncBlockStore?: SyncBlockStoreManager;
-}
-export declare const bodiedSyncBlockNodeView: (props: BodiedSyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<BodiedSyncBlockNodeViewProps>;
+export declare const bodiedSyncBlockNodeView: (props: BodiedSyncBlockNodeViewProperties) => ((node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView);

package/dist/types-ts4.5/nodeviews/syncedBlock.d.ts

@@ -5,7 +5,7 @@ import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react
 import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, getPosHandlerNode, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView, Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
 import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
@@ -26,6 +26,8 @@ export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
     constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
+    validUpdate(currentNode: PMNode, newNode: PMNode): boolean;
+    update(node: PMNode, decorations: ReadonlyArray<Decoration>, innerDecorations?: DecorationSource): boolean;
     render({ getPos }: SyncBlockNodeViewProps): React.JSX.Element | null;
     destroy(): void;
 }

package/dist/types-ts4.5/syncedBlockPluginType.d.ts

@@ -10,6 +10,7 @@ import type { ContentFormatPlugin } from '@atlaskit/editor-plugin-content-format
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
+import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
@@ -81,7 +82,8 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         OptionalPlugin<ConnectivityPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<ContentFormatPlugin>,
-        OptionalPlugin<UserIntentPlugin>
+        OptionalPlugin<UserIntentPlugin>,
+        OptionalPlugin<FocusPlugin>
     ];
     pluginConfiguration: SyncedBlockPluginOptions | undefined;
     sharedState: SyncedBlockSharedState | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.4.4",
+	"version": "5.4.6",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,16 +28,19 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.1.0",
+		"@atlaskit/adf-schema": "^52.2.0",
 		"@atlaskit/button": "23.10.0",
 		"@atlaskit/dropdown-menu": "16.5.1",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^7.0.0",
 		"@atlaskit/editor-plugin-block-menu": "^6.1.0",
 		"@atlaskit/editor-plugin-connectivity": "7.0.1",
+		"@atlaskit/editor-plugin-content-format": "^1.0.0",
 		"@atlaskit/editor-plugin-decorations": "^7.0.0",
 		"@atlaskit/editor-plugin-floating-toolbar": "^9.1.0",
+		"@atlaskit/editor-plugin-focus": "^6.0.0",
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^5.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-synced-block-provider": "^3.31.0",
@@ -51,6 +54,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/spinner": "19.0.11",
+		"@atlaskit/tmp-editor-statsig": "^34.2.0",
 		"@atlaskit/tokens": "11.0.2",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -61,7 +65,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.24.0",
+		"@atlaskit/editor-common": "^111.28.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -104,9 +108,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_synced_block_patch_3": {
-			"type": "boolean"
-		},
 		"platform_synced_block_patch_5": {
 			"type": "boolean"
 		},