@contentful/experiences-core 1.39.0-alpha-20250528T1342-e28bc3d.0 → 1.39.0-dev-20250528T1423-593ccdb.0

package/dist/types.d.ts

@@ -1,9 +1,9 @@
 import { Entry, Asset, AssetFile, ChainModifiers } from 'contentful';
 import { SCROLL_STATES, OUTGOING_EVENTS, INCOMING_EVENTS, INTERNAL_EVENTS } from './constants.js';
-import { EntityStore } from './entity/EntityStore.js';
 import { Document } from '@contentful/rich-text-types';
 import { ComponentDefinitionPropertyType, BindingSourceTypeEnum, ComponentPropertyValue, ExperienceDataSource, ExperienceUnboundValues, Breakpoint, PatternProperty, ExperienceComponentTree, ExperienceUsedComponents, ExperienceComponentSettings, ValuesByBreakpoint, PrimitiveValue } from '@contentful/experiences-validators';
 export { BoundValue, Breakpoint, ComponentDefinitionPropertyType as ComponentDefinitionVariableType, ComponentPropertyValue, ComponentTreeNode, ComponentValue, DesignValue, ExperienceComponentSettings, ExperienceDataSource, ExperienceUnboundValues, NoValue, PatternProperty, PatternPropertyDefinition, PrimitiveValue, SchemaVersions, UnboundValue, ValuesByBreakpoint, VariableMapping } from '@contentful/experiences-validators';
+import { EntityStore } from './entity/EntityStore.js';
 
 type ComponentDefinitionVariableTypeMap = {
     Array: unknown[];
@@ -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];
@@ -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[];
@@ -461,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;
 };
@@ -502,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;
@@ -534,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, 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.39.0-alpha-20250528T1342-e28bc3d.0",
+  "version": "1.39.0-dev-20250528T1423-593ccdb.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-alpha-20250528T1342-e28bc3d.0",
+    "@contentful/experiences-validators": "1.39.0-dev-20250528T1423-593ccdb.0",
     "@contentful/rich-text-types": "^17.0.0"
   },
   "peerDependencies": {
     "contentful": ">=10.6.0"
   },
-  "gitHead": "2260b6f7c1ba8064ab4e12c7817cffe6cc2cdbd5"
+  "gitHead": "32ef2918f32cf4ea9891ad5a27d1af2a947e3f85"
 }