@contentful/experiences-core 1.40.0-alpha-20250604T0813-1f6e699.0 → 1.40.0-dev-20250604T0933-fc115de.0

package/dist/types.d.ts

@@ -22,7 +22,6 @@ 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];
@@ -148,8 +147,8 @@ type ExperienceTree = {
  */
 type StyleProps = {
     cfVisibility: boolean;
-    cfHorizontalAlignment: 'start' | 'end' | 'center';
-    cfVerticalAlignment: 'start' | 'end' | 'center';
+    cfHorizontalAlignment: 'start' | 'end' | 'center' | 'stretch';
+    cfVerticalAlignment: 'start' | 'end' | 'center' | 'stretch';
     cfMargin: string;
     cfPadding: string;
     cfBackgroundColor: string;
@@ -348,6 +347,27 @@ 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[];
@@ -437,18 +457,7 @@ 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]: {
@@ -472,33 +481,25 @@ 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;
 };
@@ -513,7 +514,6 @@ type AssembliesAddedPayload = {
 type AssembliesRegisteredPayload = {
     assemblies: ComponentDefinition[];
 };
-/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingMouseMovePayload = {
     mouseX: number;
     mouseY: number;
@@ -545,12 +545,5 @@ 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, 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 };
+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 };

package/dist/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { ExperienceTree, ExperienceEntry, ComponentDefinition } from '../types.js';
+import { ExperienceTree, ExperienceEntry, ComponentDefinition, ExperienceTreeNode, StyleProps } from '../types.js';
 import { Entry } from 'contentful';
 import { ExperienceDataSource, ExperienceUnboundValues } from '@contentful/experiences-validators';
 
@@ -6,6 +6,26 @@ 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;
@@ -29,4 +49,4 @@ interface ParsedValue {
 declare function parseCSSValue(input: string): ParsedValue | null;
 declare function getTargetValueInPixels(targetWidthObject: ParsedValue): number;
 
-export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getTargetValueInPixels, parseCSSValue };
+export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData, getTargetValueInPixels, parseCSSValue };

package/package.json

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