@contentful/experiences-core 2.0.0-prerelease-20250704T1603-11d76eb.0 → 2.0.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];
@@ -346,6 +345,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[];
@@ -435,18 +455,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]: {
@@ -466,33 +475,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;
 };
@@ -507,7 +508,6 @@ type AssembliesAddedPayload = {
 type AssembliesRegisteredPayload = {
     assemblies: ComponentDefinition[];
 };
-/** @deprecated will be removed when dropping backward compatibility for old DND */
 type IncomingMouseMovePayload = {
     mouseX: number;
     mouseY: number;
@@ -539,12 +539,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/domValues.d.ts

@@ -10,7 +10,6 @@ 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, isElementHidden };
+export { findOutermostCoordinates, getElementCoordinates };

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "2.0.0-prerelease-20250704T1603-11d76eb.0",
+  "version": "2.0.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -70,11 +70,11 @@
     "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@contentful/experiences-validators": "2.0.0-prerelease-20250704T1603-11d76eb.0",
+    "@contentful/experiences-validators": "2.0.0",
     "@contentful/rich-text-types": "^17.0.0"
   },
   "peerDependencies": {
     "contentful": ">=10.6.0"
   },
-  "gitHead": "5e270693551988015ff54cf4931f6c07187fc3fb"
+  "gitHead": "d589d5148ce47c9d0f93ab7748246232893b3b21"
 }