@contentful/experiences-core 2.0.3-dev-20250731T1506-4b21110.0 → 2.0.3-dev-20250806T1104-2992bd9.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];
@@ -170,7 +171,7 @@ type StyleProps = {
     cfLineHeight: string;
     cfLetterSpacing: string;
     cfTextColor: string;
-    cfTextAlign: 'left' | 'center' | 'right';
+    cfTextAlign: 'start' | 'center' | 'end';
     cfTextTransform: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
     cfTextBold: boolean;
     cfTextItalic: boolean;
@@ -345,27 +346,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[];
@@ -455,7 +435,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]: {
@@ -475,25 +466,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;
 };
@@ -508,6 +507,7 @@ type AssembliesAddedPayload = {
 type AssembliesRegisteredPayload = {
     assemblies: ComponentDefinition[];
 };
+/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingMouseMovePayload = {
     mouseX: number;
     mouseY: number;
@@ -539,5 +539,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/domValues.d.ts

@@ -10,6 +10,7 @@ declare const findOutermostCoordinates: (first: Rect, second: Rect) => {
     bottom: number;
     left: number;
 };
+declare const isElementHidden: (rect: DOMRect) => boolean;
 declare const getElementCoordinates: (element: Element) => DOMRect;
 
-export { findOutermostCoordinates, getElementCoordinates };
+export { findOutermostCoordinates, getElementCoordinates, isElementHidden };

package/dist/utils/styleUtils/stylesUtils.d.ts

@@ -52,7 +52,7 @@ declare const buildCfStyles: (values: Partial<StyleProps>) => CSSProperties;
 declare const addMinHeightForEmptyStructures: (cssProperties: CSSProperties, node: ComponentTreeNode) => react.CSSProperties;
 /**
  * Container/section default behavior:
- * Default height => height: EMPTY_CONTAINER_HEIGHT
+ * Default height => height: EMPTY_CONTAINER_SIZE
  * If a container component has children => height: 'fit-content'
  */
 declare const calculateNodeDefaultHeight: ({ blockId, children, value, }: {

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;
@@ -44,4 +24,4 @@ interface ParsedValue {
 declare function parseCSSValue(input: string): ParsedValue | null;
 declare function getTargetValueInPixels(targetWidthObject: ParsedValue): number;
 
-export { checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData, getTargetValueInPixels, parseCSSValue };
+export { checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getTargetValueInPixels, parseCSSValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "2.0.3-dev-20250731T1506-4b21110.0",
+  "version": "2.0.3-dev-20250806T1104-2992bd9.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -70,12 +70,12 @@
     "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@contentful/experiences-validators": "2.0.3-dev-20250731T1506-4b21110.0",
+    "@contentful/experiences-validators": "2.0.3-dev-20250806T1104-2992bd9.0",
     "@contentful/rich-text-types": "^17.0.0",
     "zustand": "^4.4.7"
   },
   "peerDependencies": {
     "contentful": ">=10.6.0"
   },
-  "gitHead": "7fd3773f5ed263af934dbf0e9b4b988927d089d6"
+  "gitHead": "113b72a55e30e29179d6598036ca0845866b56cf"
 }