@contentful/experiences-core 1.39.0-dev-20250603T0757-ecbd0d2.0 → 1.40.0-alpha-20250604T0813-1f6e699.0

package/dist/types.d.ts

@@ -22,6 +22,7 @@ type ComponentDefinitionVariableTypeMap = {
     Text: string;
 };
 type ScrollStateKey = keyof typeof SCROLL_STATES;
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type ScrollState = (typeof SCROLL_STATES)[ScrollStateKey];
 type OutgoingEventKey = keyof typeof OUTGOING_EVENTS;
 type OutgoingEvent = (typeof OUTGOING_EVENTS)[OutgoingEventKey];
@@ -347,27 +348,6 @@ type BackgroundImageOptions = {
     quality?: string;
     targetSize: string;
 };
-interface DraggableProvidedDraggableProps {
-    'data-rfd-draggable-context-id'?: string;
-    'data-rfd-draggable-id'?: string;
-}
-interface DraggableProvidedDragHandleProps {
-    'data-rfd-drag-handle-draggable-id'?: string;
-    'data-rfd-drag-handle-context-id'?: string;
-}
-type WrapperTags = keyof Pick<JSX.IntrinsicElements, 'div' | 'span' | 'section' | 'article' | 'aside' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'header' | 'footer' | 'nav' | 'main'>;
-interface DragWrapperProps extends DraggableProvidedDragHandleProps, DraggableProvidedDraggableProps, React.HTMLAttributes<HTMLElement>, React.PropsWithChildren {
-    'data-cf-node-id'?: string;
-    'data-ctfl-draggable-id'?: string;
-    'data-test-id'?: string;
-    'data-cf-node-block-id'?: string;
-    'data-cf-node-block-type'?: string;
-    'data-ctfl-dragging-element'?: string;
-    innerRef?: (refNode: HTMLElement) => void;
-    wrapComponent?: boolean;
-    Tag?: WrapperTags;
-    ToolTipAndPlaceholder?: React.ReactNode;
-}
 type ConnectedPayload = undefined | {
     sdkVersion: string;
     definitions: ComponentDefinition[];
@@ -457,7 +437,18 @@ type OUTGOING_EVENT_PAYLOADS = {
     outsideCanvasClick: OutsideCanvasClickPayload;
     sdkFeatures: SDKFeaturesPayload;
     REQUEST_ENTITIES: RequestEntitiesPayload;
+    canvasGeometryUpdated: {
+        size: {
+            width: number;
+            height: number;
+        };
+        nodes: Record<string, {
+            coordinates: Pick<DOMRect, 'x' | 'y' | 'width' | 'height'>;
+        }>;
+        sourceEvent: CanvasGeometryUpdateSourceEvent;
+    };
 };
+type CanvasGeometryUpdateSourceEvent = 'resize' | 'mutation';
 type SendMessageParams = <T extends OutgoingEvent>(eventType: T, data: OUTGOING_EVENT_PAYLOADS[T]) => void;
 type OutgoingMessage = {
     [K in keyof OUTGOING_EVENT_PAYLOADS]: {
@@ -481,25 +472,33 @@ type ExperienceUpdatedPayload = {
     changedNode?: ExperienceTreeNode;
     changedValueType?: SelectedValueTypes;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type ComponentDraggingChangedPayload = {
     isDragging: boolean;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingComponentDragCanceledPayload = undefined;
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type ComponentDragStartedPayload = {
     id: string;
     isAssembly: boolean;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type ComponentDragEndedPayload = undefined;
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingComponentMoveEndedPayload = {
     mouseX: number;
     mouseY: number;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type CanvasResizedPayload = {
     selectedNodeId: string;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type SelectComponentPayload = {
     selectedNodeId: string;
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type HoverComponentPayload = {
     hoveredNodeId: string;
 };
@@ -514,6 +513,7 @@ type AssembliesAddedPayload = {
 type AssembliesRegisteredPayload = {
     assemblies: ComponentDefinition[];
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingMouseMovePayload = {
     mouseX: number;
     mouseY: number;
@@ -545,5 +545,12 @@ type IncomingMessage = {
         payload: INCOMING_EVENT_PAYLOADS[K];
     };
 }[keyof INCOMING_EVENT_PAYLOADS];
+type StructuralEditorModeProps = {
+    editorMode: true;
+    node: ExperienceTreeNode;
+} | {
+    editorMode?: false;
+};
+type StructureComponentProps<OtherProps> = React.PropsWithChildren<StructuralEditorModeProps & OtherProps>;
 
-export type { AssembliesAddedPayload, AssembliesRegisteredPayload, BackgroundImageAlignmentOption, BackgroundImageOptions, BackgroundImageScalingOption, Binding, BindingMap, BindingMapByBlockId, BoundComponentPropertyTypes, CSSProperties, CanvasErrorPayload, CanvasReloadPayload, CanvasResizedPayload, CanvasScrollPayload, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableTypeMap, ComponentDefinitionVariableValidation, ComponentDragCanceledPayload, ComponentDragEndedPayload, ComponentDragStartedPayload, ComponentDraggingChangedPayload, ComponentDroppedPayload, ComponentMoveEndedPayload, ComponentMoveStartedPayload, ComponentMovedPayload, ComponentRegistration, ComponentRegistrationOptions, ComponentSelectedPayload, ConnectedPayload, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, DesignTokensPayload, DesignVariableMap, DesignVariableTypes, DragWrapperProps, Experience, ExperienceEntry, ExperienceFields, ExperienceTree, ExperienceTreeNode, ExperienceUpdatedPayload, HoverComponentPayload, HoveredElement, ImageLoadingOption, ImageObjectFitOption, ImageObjectPositionOption, ImageOptions, IncomingComponentDragCanceledPayload, IncomingComponentMoveEndedPayload, IncomingEvent, IncomingMessage, IncomingMouseMovePayload, InternalEvent, Link, ManagementEntity, MouseMovePayload, NewHoveredElementPayload, OptimizedBackgroundImageAsset, OptimizedImageAsset, OutgoingEvent, OutgoingMessage, OutsideCanvasClickPayload, RawCoordinates, RecursiveDesignTokenDefinition, RegisteredBreakpointsPayload, RegisteredComponentsPayload, RequestComponentTreeUpdatePayload, RequestEditorModePayload, RequestEntitiesMessage, RequestEntitiesPayload, RequestReadOnlyModePayload, RequestedEntitiesMessage, RequestedEntitiesPayload, ResolveDesignValueType, SDKFeaturesPayload, ScrollState, SelectComponentPayload, SendMessageParams, StyleProps, UpdateSelectedComponentCoordinatesPayload, UpdatedEntityPayload, ValidationOption, VariableFormats, WrapperTags };
+export type { AssembliesAddedPayload, AssembliesRegisteredPayload, BackgroundImageAlignmentOption, BackgroundImageOptions, BackgroundImageScalingOption, Binding, BindingMap, BindingMapByBlockId, BoundComponentPropertyTypes, CSSProperties, CanvasErrorPayload, CanvasGeometryUpdateSourceEvent, CanvasReloadPayload, CanvasResizedPayload, CanvasScrollPayload, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableTypeMap, ComponentDefinitionVariableValidation, ComponentDragCanceledPayload, ComponentDragEndedPayload, ComponentDragStartedPayload, ComponentDraggingChangedPayload, ComponentDroppedPayload, ComponentMoveEndedPayload, ComponentMoveStartedPayload, ComponentMovedPayload, ComponentRegistration, ComponentRegistrationOptions, ComponentSelectedPayload, ConnectedPayload, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, DesignTokensPayload, DesignVariableMap, DesignVariableTypes, Experience, ExperienceEntry, ExperienceFields, ExperienceTree, ExperienceTreeNode, ExperienceUpdatedPayload, HoverComponentPayload, HoveredElement, ImageLoadingOption, ImageObjectFitOption, ImageObjectPositionOption, ImageOptions, IncomingComponentDragCanceledPayload, IncomingComponentMoveEndedPayload, IncomingEvent, IncomingMessage, IncomingMouseMovePayload, InternalEvent, Link, ManagementEntity, MouseMovePayload, NewHoveredElementPayload, OptimizedBackgroundImageAsset, OptimizedImageAsset, OutgoingEvent, OutgoingMessage, OutsideCanvasClickPayload, RawCoordinates, RecursiveDesignTokenDefinition, RegisteredBreakpointsPayload, RegisteredComponentsPayload, RequestComponentTreeUpdatePayload, RequestEditorModePayload, RequestEntitiesMessage, RequestEntitiesPayload, RequestReadOnlyModePayload, RequestedEntitiesMessage, RequestedEntitiesPayload, ResolveDesignValueType, SDKFeaturesPayload, ScrollState, SelectComponentPayload, SendMessageParams, StructureComponentProps, StyleProps, UpdateSelectedComponentCoordinatesPayload, UpdatedEntityPayload, ValidationOption, VariableFormats };

package/dist/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { ExperienceTree, ExperienceEntry, ComponentDefinition, ExperienceTreeNode, StyleProps } from '../types.js';
+import { ExperienceTree, ExperienceEntry, ComponentDefinition } from '../types.js';
 import { Entry } from 'contentful';
 import { ExperienceDataSource, ExperienceUnboundValues } from '@contentful/experiences-validators';
 
@@ -6,26 +6,6 @@ declare const getDataFromTree: (tree: ExperienceTree) => {
     dataSource: ExperienceDataSource;
     unboundValues: ExperienceUnboundValues;
 };
-type GetInsertionDataParams = {
-    dropReceiverNode: ExperienceTreeNode;
-    dropReceiverParentNode: ExperienceTreeNode;
-    flexDirection?: StyleProps['cfFlexDirection'];
-    isMouseAtTopBorder: boolean;
-    isMouseAtBottomBorder: boolean;
-    isMouseInLeftHalf: boolean;
-    isMouseInUpperHalf: boolean;
-    isOverTopIndicator: boolean;
-    isOverBottomIndicator: boolean;
-};
-type InsertionData = {
-    node: ExperienceTreeNode;
-    index: number;
-};
-/**
- * Gets calculates the index to drop the dragged component based on the mouse position
- * @returns {InsertionData} a object containing a node that will become a parent for dragged component and index at which it must be inserted
- */
-declare const getInsertionData: ({ dropReceiverParentNode, dropReceiverNode, flexDirection, isMouseAtTopBorder, isMouseAtBottomBorder, isMouseInLeftHalf, isMouseInUpperHalf, isOverTopIndicator, isOverBottomIndicator, }: GetInsertionDataParams) => InsertionData;
 declare const generateRandomId: (letterCount: number) => string;
 declare const checkIsAssemblyNode: ({ componentId, usedComponents, }: {
     componentId: string;
@@ -49,4 +29,4 @@ interface ParsedValue {
 declare function parseCSSValue(input: string): ParsedValue | null;
 declare function getTargetValueInPixels(targetWidthObject: ParsedValue): number;
 
-export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData, getTargetValueInPixels, parseCSSValue };
+export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getTargetValueInPixels, parseCSSValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "1.39.0-dev-20250603T0757-ecbd0d2.0",
+  "version": "1.40.0-alpha-20250604T0813-1f6e699.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -70,11 +70,11 @@
     "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@contentful/experiences-validators": "1.39.0-dev-20250603T0757-ecbd0d2.0",
+    "@contentful/experiences-validators": "1.40.0-alpha-20250604T0813-1f6e699.0",
     "@contentful/rich-text-types": "^17.0.0"
   },
   "peerDependencies": {
     "contentful": ">=10.6.0"
   },
-  "gitHead": "32a0afe9eaf800f9a27eee3ac282643141c99642"
+  "gitHead": "cdf8e35c462fc76e415a338e3e98694cbb2a2364"
 }