@atlaskit/editor-plugin-synced-block 5.3.7 → 5.3.9

package/dist/esm/ui/SyncBlockLabel.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
@@ -14,7 +14,8 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
   var contentUpdatedAt = _ref.contentUpdatedAt,
     isSource = _ref.isSource,
     localId = _ref.localId,
-    title = _ref.title;
+    title = _ref.title,
+    isUnsyncedBlock = _ref.isUnsyncedBlock;
   var intl = useIntl();
   var formatMessage = intl.formatMessage;
   var _useState = useState(formatMessage(messages.defaultSyncBlockTooltip)),
@@ -51,6 +52,25 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     setTooltipContent(tooltipContent);
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
+  var getLabelContent = useMemo(function () {
+    if (isUnsyncedBlock && fg('platform_synced_block_dogfooding')) {
+      return /*#__PURE__*/React.createElement(Text, {
+        size: "small",
+        color: "color.text.subtle"
+      }, formatMessage(messages.unsyncedBlockLabel));
+    }
+    if (isSource || !title) {
+      return /*#__PURE__*/React.createElement(Text, {
+        size: "small",
+        color: "color.text.subtle"
+      }, formatMessage(messages.syncedBlockLabel));
+    }
+    return /*#__PURE__*/React.createElement(Text, {
+      maxLines: 1,
+      size: "small",
+      color: "color.text.subtle"
+    }, title);
+  }, [formatMessage, isSource, isUnsyncedBlock, title]);
   var label = /*#__PURE__*/React.createElement("div", {
     "data-testid": SyncBlockLabelDataId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -61,15 +81,8 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     color: "var(--ds-icon-subtle, #505258)",
     size: "small",
     label: ""
-  }), isSource || !title ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    color: "color.text.subtle"
-  }, formatMessage(messages.syncedBlockLabel)) : /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    size: "small",
-    color: "color.text.subtle"
-  }, title));
-  if (isSource && fg('platform_synced_block_dogfooding')) {
+  }), getLabelContent);
+  if ((isSource || isUnsyncedBlock) && fg('platform_synced_block_dogfooding')) {
     return label;
   }
   return /*#__PURE__*/React.createElement(Tooltip, {

package/dist/esm/ui/SyncBlockRendererWrapper.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
 import { SyncBlockLabel } from './SyncBlockLabel';
 var SyncBlockRendererWrapperDataId = 'sync-block-plugin-renderer-wrapper';
 var SyncBlockRendererWrapperComponent = function SyncBlockRendererWrapperComponent(_ref) {
-  var _syncBlockFetchResult;
+  var _syncBlockFetchResult, _syncBlockFetchResult2, _syncBlockFetchResult3;
   var syncedBlockRenderer = _ref.syncedBlockRenderer,
     useFetchSyncBlockData = _ref.useFetchSyncBlockData,
     useFetchSyncBlockTitle = _ref.useFetchSyncBlockTitle,
@@ -12,6 +13,8 @@ var SyncBlockRendererWrapperComponent = function SyncBlockRendererWrapperCompone
   var syncBlockFetchResult = useFetchSyncBlockData();
   var title = useFetchSyncBlockTitle === null || useFetchSyncBlockTitle === void 0 ? void 0 : useFetchSyncBlockTitle();
   var contentUpdatedAt = syncBlockFetchResult === null || syncBlockFetchResult === void 0 || (_syncBlockFetchResult = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult === void 0 || (_syncBlockFetchResult = _syncBlockFetchResult.data) === null || _syncBlockFetchResult === void 0 ? void 0 : _syncBlockFetchResult.contentUpdatedAt;
+  var isUnpublishedBlock = ((_syncBlockFetchResult2 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult2 === void 0 || (_syncBlockFetchResult2 = _syncBlockFetchResult2.data) === null || _syncBlockFetchResult2 === void 0 ? void 0 : _syncBlockFetchResult2.status) === 'unpublished';
+  var isUnsyncedBlock = isUnpublishedBlock || (syncBlockFetchResult === null || syncBlockFetchResult === void 0 || (_syncBlockFetchResult3 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult3 === void 0 || (_syncBlockFetchResult3 = _syncBlockFetchResult3.error) === null || _syncBlockFetchResult3 === void 0 ? void 0 : _syncBlockFetchResult3.type) === SyncBlockError.NotFound;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     "data-testid": SyncBlockRendererWrapperDataId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -24,7 +27,8 @@ var SyncBlockRendererWrapperComponent = function SyncBlockRendererWrapperCompone
     isSource: false,
     title: title,
     contentUpdatedAt: contentUpdatedAt,
-    localId: localId
+    localId: localId,
+    isUnsyncedBlock: isUnsyncedBlock
   }));
 };
 export var SyncBlockRendererWrapper = /*#__PURE__*/React.memo(SyncBlockRendererWrapperComponent);

package/dist/types/editor-commands/index.d.ts

@@ -15,6 +15,7 @@ export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBloc
 export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
+export declare const removeSyncedBlockAtPos: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, pos: number) => void;
 /**
  * Deletes (bodied)SyncBlock node and paste its content to the editor
  */

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

@@ -3,7 +3,7 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { ReactComponentProps } 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 SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
@@ -11,7 +11,7 @@ import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlock
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     eventDispatcher: EventDispatcher;
-    getPos: getPosHandler;
+    getPos: getPosHandlerNode;
     isNodeNested?: boolean;
     node: PMNode;
     options: SyncedBlockPluginOptions | undefined;
@@ -26,7 +26,7 @@ export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
     constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
-    render(): React.JSX.Element | null;
+    render({ getPos }: SyncBlockNodeViewProps): React.JSX.Element | null;
     destroy(): void;
 }
 export interface SyncBlockNodeViewProperties {

package/dist/types/pm-plugins/utils/utils.d.ts

@@ -20,4 +20,6 @@ export interface SyncBlockConversionInfo {
  * or false if conversion is not possible
  */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;
+export declare const canBeConvertedToSyncBlockOld: (selection: Selection) => SyncBlockConversionInfo | false;
+export declare const canBeConvertedToSyncBlockNew: (selection: Selection) => SyncBlockConversionInfo | false;
 export declare const sliceFullyContainsNode: (slice: Slice, node: PMNode) => boolean;

package/dist/types/ui/SyncBlockLabel.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 type SyncBlockLabelProps = {
     contentUpdatedAt?: string;
     isSource: boolean;
+    isUnsyncedBlock?: boolean;
     localId: string;
     title?: string;
 };
-export declare const SyncBlockLabel: React.MemoExoticComponent<({ contentUpdatedAt, isSource, localId, title, }: SyncBlockLabelProps) => React.JSX.Element>;
+export declare const SyncBlockLabel: React.MemoExoticComponent<({ contentUpdatedAt, isSource, localId, title, isUnsyncedBlock, }: SyncBlockLabelProps) => React.JSX.Element>;
 export {};

package/dist/types-ts4.5/editor-commands/index.d.ts

@@ -15,6 +15,7 @@ export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBloc
 export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
+export declare const removeSyncedBlockAtPos: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, pos: number) => void;
 /**
  * Deletes (bodied)SyncBlock node and paste its content to the editor
  */

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

@@ -3,7 +3,7 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { ReactComponentProps } 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 SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
@@ -11,7 +11,7 @@ import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlock
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     eventDispatcher: EventDispatcher;
-    getPos: getPosHandler;
+    getPos: getPosHandlerNode;
     isNodeNested?: boolean;
     node: PMNode;
     options: SyncedBlockPluginOptions | undefined;
@@ -26,7 +26,7 @@ export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
     constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
-    render(): React.JSX.Element | null;
+    render({ getPos }: SyncBlockNodeViewProps): React.JSX.Element | null;
     destroy(): void;
 }
 export interface SyncBlockNodeViewProperties {

package/dist/types-ts4.5/pm-plugins/utils/utils.d.ts

@@ -20,4 +20,6 @@ export interface SyncBlockConversionInfo {
  * or false if conversion is not possible
  */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;
+export declare const canBeConvertedToSyncBlockOld: (selection: Selection) => SyncBlockConversionInfo | false;
+export declare const canBeConvertedToSyncBlockNew: (selection: Selection) => SyncBlockConversionInfo | false;
 export declare const sliceFullyContainsNode: (slice: Slice, node: PMNode) => boolean;

package/dist/types-ts4.5/ui/SyncBlockLabel.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 type SyncBlockLabelProps = {
     contentUpdatedAt?: string;
     isSource: boolean;
+    isUnsyncedBlock?: boolean;
     localId: string;
     title?: string;
 };
-export declare const SyncBlockLabel: React.MemoExoticComponent<({ contentUpdatedAt, isSource, localId, title, }: SyncBlockLabelProps) => React.JSX.Element>;
+export declare const SyncBlockLabel: React.MemoExoticComponent<({ contentUpdatedAt, isSource, localId, title, isUnsyncedBlock, }: SyncBlockLabelProps) => React.JSX.Element>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.3.7",
+	"version": "5.3.9",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",