@atlaskit/editor-plugin-synced-block 3.5.1 → 3.6.0

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

@@ -1,7 +1,11 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
+export declare const findBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
+export declare const findSyncBlockOrBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
+export declare const isBodiedSyncBlockNode: (node: PMNode, bodiedSyncBlock: NodeType) => boolean;
 export interface SyncBlockConversionInfo {
     contentToInclude: Fragment;
     from: number;

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

@@ -3,6 +3,7 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls';
 import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
@@ -47,6 +48,7 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         SelectionPlugin,
         FloatingToolbarPlugin,
         DecorationsPlugin,
+        OptionalPlugin<BlockControlsPlugin>,
         OptionalPlugin<BlockMenuPlugin>,
         OptionalPlugin<AnalyticsPlugin>
     ];

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type SyncBlockDataProvider } from '@atlaskit/editor-synced-block-provider';
+interface BodiedSyncBlockWrapperProps {
+    dataProvider?: SyncBlockDataProvider | undefined;
+    node: PMNode;
+}
+export declare const BodiedSyncBlockWrapper: React.ForwardRefExoticComponent<BodiedSyncBlockWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "3.5.1",
+	"version": "3.6.0",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,8 +37,8 @@
 		"@atlaskit/editor-plugin-floating-toolbar": "^8.2.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.7.0",
-		"@atlaskit/editor-synced-block-provider": "^0.9.0",
+		"@atlaskit/editor-shared-styles": "^3.8.0",
+		"@atlaskit/editor-synced-block-provider": "^1.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.15.0",
 		"@atlaskit/icon": "28.5.2",

package/dist/cjs/ui/SyncBlockEditorWrapper.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SyncBlockEditorWrapperDataId = exports.SyncBlockEditorWrapper = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
-var _SyncBlockLabel = require("./SyncBlockLabel");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var SyncBlockEditorWrapperDataId = exports.SyncBlockEditorWrapperDataId = 'sync-block-plugin-editor-wrapper';
-var SyncBlockEditorWrapperComponent = function SyncBlockEditorWrapperComponent(_ref) {
-  var defaultDocument = _ref.defaultDocument,
-    getSyncedBlockEditor = _ref.getSyncedBlockEditor,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsMountPoint = _ref.popupsMountPoint,
-    setInnerEditorView = _ref.setInnerEditorView,
-    useHandleContentChanges = _ref.useHandleContentChanges;
-  var _useState = (0, _react.useState)(new _editorJsonTransformer.JSONTransformer().parse(defaultDocument)),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    updatedDoc = _useState2[0],
-    setUpdatedDoc = _useState2[1];
-  useHandleContentChanges(updatedDoc);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SyncBlockLabel.SyncBlockLabel, null), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": SyncBlockEditorWrapperDataId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: _syncBlock.SyncBlockSharedCssClassName.editor
-  }, getSyncedBlockEditor({
-    popupsBoundariesElement: popupsBoundariesElement,
-    defaultDocument: defaultDocument,
-    popupsMountPoint: popupsMountPoint,
-    onChange: function onChange(value) {
-      return setUpdatedDoc(value.state.doc);
-    },
-    onEditorReady: function onEditorReady(value) {
-      return setInnerEditorView(value.editorView);
-    }
-  })));
-};
-var SyncBlockEditorWrapper = exports.SyncBlockEditorWrapper = /*#__PURE__*/_react.default.memo(SyncBlockEditorWrapperComponent);

package/dist/es2019/ui/SyncBlockEditorWrapper.js

@@ -1,29 +0,0 @@
-import React, { useState } from 'react';
-import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { JSONTransformer } from '@atlaskit/editor-json-transformer';
-import { SyncBlockLabel } from './SyncBlockLabel';
-export const SyncBlockEditorWrapperDataId = 'sync-block-plugin-editor-wrapper';
-const SyncBlockEditorWrapperComponent = ({
-  defaultDocument,
-  getSyncedBlockEditor,
-  popupsBoundariesElement,
-  popupsMountPoint,
-  setInnerEditorView,
-  useHandleContentChanges
-}) => {
-  const [updatedDoc, setUpdatedDoc] = useState(new JSONTransformer().parse(defaultDocument));
-  useHandleContentChanges(updatedDoc);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SyncBlockLabel, null), /*#__PURE__*/React.createElement("div", {
-    "data-testid": SyncBlockEditorWrapperDataId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: SyncBlockSharedCssClassName.editor
-  }, getSyncedBlockEditor({
-    popupsBoundariesElement,
-    defaultDocument,
-    popupsMountPoint,
-    onChange: value => setUpdatedDoc(value.state.doc),
-    onEditorReady: value => setInnerEditorView(value.editorView)
-  })));
-};
-export const SyncBlockEditorWrapper = /*#__PURE__*/React.memo(SyncBlockEditorWrapperComponent);

package/dist/esm/ui/SyncBlockEditorWrapper.js

@@ -1,36 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
-import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { JSONTransformer } from '@atlaskit/editor-json-transformer';
-import { SyncBlockLabel } from './SyncBlockLabel';
-export var SyncBlockEditorWrapperDataId = 'sync-block-plugin-editor-wrapper';
-var SyncBlockEditorWrapperComponent = function SyncBlockEditorWrapperComponent(_ref) {
-  var defaultDocument = _ref.defaultDocument,
-    getSyncedBlockEditor = _ref.getSyncedBlockEditor,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsMountPoint = _ref.popupsMountPoint,
-    setInnerEditorView = _ref.setInnerEditorView,
-    useHandleContentChanges = _ref.useHandleContentChanges;
-  var _useState = useState(new JSONTransformer().parse(defaultDocument)),
-    _useState2 = _slicedToArray(_useState, 2),
-    updatedDoc = _useState2[0],
-    setUpdatedDoc = _useState2[1];
-  useHandleContentChanges(updatedDoc);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SyncBlockLabel, null), /*#__PURE__*/React.createElement("div", {
-    "data-testid": SyncBlockEditorWrapperDataId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: SyncBlockSharedCssClassName.editor
-  }, getSyncedBlockEditor({
-    popupsBoundariesElement: popupsBoundariesElement,
-    defaultDocument: defaultDocument,
-    popupsMountPoint: popupsMountPoint,
-    onChange: function onChange(value) {
-      return setUpdatedDoc(value.state.doc);
-    },
-    onEditorReady: function onEditorReady(value) {
-      return setInnerEditorView(value.editorView);
-    }
-  })));
-};
-export var SyncBlockEditorWrapper = /*#__PURE__*/React.memo(SyncBlockEditorWrapperComponent);

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { type JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SyncedBlockEditorProps } from '../syncedBlockPluginType';
-type Props = {
-    defaultDocument: JSONDocNode;
-    getSyncedBlockEditor: (props: SyncedBlockEditorProps) => React.JSX.Element;
-    popupsBoundariesElement: HTMLElement;
-    popupsMountPoint: HTMLElement;
-    setInnerEditorView: (editorView: EditorView) => void;
-    useHandleContentChanges: (updatedDoc: PMNode) => void;
-};
-export declare const SyncBlockEditorWrapperDataId = "sync-block-plugin-editor-wrapper";
-export declare const SyncBlockEditorWrapper: React.MemoExoticComponent<({ defaultDocument, getSyncedBlockEditor, popupsBoundariesElement, popupsMountPoint, setInnerEditorView, useHandleContentChanges, }: Props) => React.JSX.Element>;
-export {};

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { type JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SyncedBlockEditorProps } from '../syncedBlockPluginType';
-type Props = {
-    defaultDocument: JSONDocNode;
-    getSyncedBlockEditor: (props: SyncedBlockEditorProps) => React.JSX.Element;
-    popupsBoundariesElement: HTMLElement;
-    popupsMountPoint: HTMLElement;
-    setInnerEditorView: (editorView: EditorView) => void;
-    useHandleContentChanges: (updatedDoc: PMNode) => void;
-};
-export declare const SyncBlockEditorWrapperDataId = "sync-block-plugin-editor-wrapper";
-export declare const SyncBlockEditorWrapper: React.MemoExoticComponent<({ defaultDocument, getSyncedBlockEditor, popupsBoundariesElement, popupsMountPoint, setInnerEditorView, useHandleContentChanges, }: Props) => React.JSX.Element>;
-export {};