@atlaskit/editor-plugin-block-controls 17.0.1 → 17.1.0

package/dist/esm/ui/utils/get-surface-placement.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { QUICK_INSERT_LEFT_OFFSET, dragHandleGap, topPositionAdjustment } from '../consts';
+export var getAbsoluteSurfacePlacement = function getAbsoluteSurfacePlacement(_ref) {
+  var _offsetParentRect$lef, _offsetParentRect$top;
+  var offsetParentRect = _ref.offsetParentRect,
+    offsetParentScrollLeft = _ref.offsetParentScrollLeft,
+    offsetParentScrollTop = _ref.offsetParentScrollTop,
+    placement = _ref.placement;
+  return _objectSpread(_objectSpread({}, placement), {}, {
+    left: placement.left - ((_offsetParentRect$lef = offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.left) !== null && _offsetParentRect$lef !== void 0 ? _offsetParentRect$lef : 0) + offsetParentScrollLeft,
+    top: placement.top - ((_offsetParentRect$top = offsetParentRect === null || offsetParentRect === void 0 ? void 0 : offsetParentRect.top) !== null && _offsetParentRect$top !== void 0 ? _offsetParentRect$top : 0) + offsetParentScrollTop
+  });
+};
+
+/**
+ * Positions the Task 1 left surface beside the legacy drag-handle slot.
+ * The surface's own width is handled by the transform, so later controls do not require measuring it.
+ */
+export var getSurfacePlacement = function getSurfacePlacement(_ref2) {
+  var layout = _ref2.layout,
+    nodeRect = _ref2.nodeRect,
+    nodeType = _ref2.nodeType,
+    nodeTypeWithLevel = _ref2.nodeTypeWithLevel,
+    parentNodeType = _ref2.parentNodeType;
+  return {
+    left: nodeRect.left,
+    top: nodeRect.top + topPositionAdjustment(nodeTypeWithLevel, layout),
+    transform: "translateX(calc(-100% - ".concat(dragHandleGap(nodeType, parentNodeType) + QUICK_INSERT_LEFT_OFFSET, "px))")
+  };
+};

package/dist/types/blockControlsPluginType.d.ts

@@ -16,6 +16,7 @@ import type { ShowDiffPlugin } from '@atlaskit/editor-plugin-show-diff';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
 import type { Mapping } from '@atlaskit/editor-prosemirror/transform';
@@ -159,7 +160,8 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<InteractionPlugin>,
     OptionalPlugin<UserIntentPlugin>,
     OptionalPlugin<ToolbarPlugin>,
-    OptionalPlugin<ShowDiffPlugin>
+    OptionalPlugin<ShowDiffPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     actions: {

package/dist/types/ui/block-controls-surface-context.d.ts

@@ -0,0 +1,4 @@
+import type { BlockControlUIContext } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ActiveNode } from '../blockControlsPluginType';
+export declare const createBlockControlsSurfaceContext: (view: EditorView, activeNode: ActiveNode | undefined) => BlockControlUIContext | undefined;

package/dist/types/ui/block-controls-surface.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
+type Props = {
+    api: ExtractInjectionAPI<BlockControlsPlugin>;
+    editorView: EditorView;
+};
+export declare const BlockControlsSurface: ({ api, editorView }: Props) => React.JSX.Element | null;
+export {};

package/dist/types/ui/quick-insert-button.d.ts

@@ -19,6 +19,14 @@ type Props = {
     rootNodeType: string;
     view: EditorView;
 };
+/**
+ * Legacy widget-decoration Quick Insert implementation.
+ *
+ * Its behavior is intentionally duplicated by the registry-backed control in
+ * `editor-plugin-quick-insert`. Remove this implementation when
+ * `platform_editor_block_control_migration` is cleaned up; until then this path remains unchanged
+ * for users outside the experiment.
+ */
 export declare const TypeAheadControl: ({ view, api, formatMessage, getPos, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;
 export declare const QuickInsertWithVisibility: ({ view, api, formatMessage, getPos, nodeType, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/ui/utils/get-node-content-element.d.ts

@@ -0,0 +1 @@
+export declare const getNodeContentElement: (nodeElement: HTMLElement, nodeType: string) => HTMLElement;

package/dist/types/ui/utils/get-surface-placement.d.ts

@@ -0,0 +1,23 @@
+export type SurfacePlacement = {
+    left: number;
+    top: number;
+    transform: string;
+};
+export type SurfacePlacementOptions = {
+    layout: string;
+    nodeRect: Pick<DOMRect, 'left' | 'top'>;
+    nodeType: string;
+    nodeTypeWithLevel: string;
+    parentNodeType?: string;
+};
+export declare const getAbsoluteSurfacePlacement: ({ offsetParentRect, offsetParentScrollLeft, offsetParentScrollTop, placement, }: {
+    offsetParentRect?: Pick<DOMRect, 'left' | 'top'>;
+    offsetParentScrollLeft: number;
+    offsetParentScrollTop: number;
+    placement: SurfacePlacement;
+}) => SurfacePlacement;
+/**
+ * Positions the Task 1 left surface beside the legacy drag-handle slot.
+ * The surface's own width is handled by the transform, so later controls do not require measuring it.
+ */
+export declare const getSurfacePlacement: ({ layout, nodeRect, nodeType, nodeTypeWithLevel, parentNodeType, }: SurfacePlacementOptions) => SurfacePlacement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "17.0.1",
+	"version": "17.1.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -22,6 +22,7 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/button": "^25.2.0",
+		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/docs": "^12.2.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^16.0.0",
 		"@atlaskit/editor-plugin-analytics": "^16.0.0",
@@ -31,16 +32,18 @@
 		"@atlaskit/editor-plugin-interaction": "^27.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^13.0.0",
 		"@atlaskit/editor-plugin-metrics": "^17.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^16.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^16.1.0",
 		"@atlaskit/editor-plugin-selection": "^16.0.0",
 		"@atlaskit/editor-plugin-show-diff": "^14.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^13.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^17.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^10.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^14.0.0",
 		"@atlaskit/editor-plugin-width": "^17.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
+		"@atlaskit/editor-ui-control-model": "^2.8.0",
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/icon-lab": "^7.7.0",
 		"@atlaskit/link": "^5.1.0",
@@ -63,7 +66,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.0.0",
+		"@atlaskit/editor-common": "^120.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -119,9 +122,6 @@
 		"platform_editor_column_count_analytics": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_widget_destroy": {
-			"type": "boolean"
-		},
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},