@contentful/experiences-core 1.22.1-dev-20241111T0918-dbe183a.0 → 1.23.0-beta.0

package/dist/types.d.ts

@@ -5,6 +5,22 @@ import { Document } from '@contentful/rich-text-types';
 import { ComponentDefinitionPropertyType, ComponentPropertyValue, ExperienceDataSource, ExperienceUnboundValues, Breakpoint, ExperienceComponentTree, ExperienceUsedComponents, ExperienceComponentSettings, ValuesByBreakpoint, PrimitiveValue } from '@contentful/experiences-validators';
 export { BoundValue, Breakpoint, ComponentDefinitionPropertyType as ComponentDefinitionVariableType, ComponentPropertyValue, ComponentTreeNode, ComponentValue, DesignValue, ExperienceComponentSettings, ExperienceDataSource, ExperienceUnboundValues, PrimitiveValue, SchemaVersions, UnboundValue, ValuesByBreakpoint } from '@contentful/experiences-validators';
 
+type ComponentDefinitionVariableTypeMap = {
+    Array: unknown[];
+    Boolean: boolean;
+    Date: string;
+    Hyperlink: string;
+    Link: Record<string, unknown>;
+    Location: {
+        lon: number;
+        lat: number;
+    };
+    Media: Record<string, unknown> | string;
+    Number: number;
+    Object: Record<string, unknown>;
+    RichText: string;
+    Text: string;
+};
 type ScrollStateKey = keyof typeof SCROLL_STATES;
 type ScrollState = (typeof SCROLL_STATES)[ScrollStateKey];
 type OutgoingEventKey = keyof typeof OUTGOING_EVENTS;
@@ -22,7 +38,7 @@ interface Link<T extends string> {
 }
 type VariableFormats = 'URL';
 type ValidationOption<T extends ComponentDefinitionPropertyType> = {
-    value: T extends 'Text' ? string : T extends 'Number' ? number : never;
+    value: ComponentDefinitionVariableTypeMap[T];
     displayName?: string;
 };
 type ComponentDefinitionVariableValidation<T extends ComponentDefinitionPropertyType> = {
@@ -36,7 +52,7 @@ interface ComponentDefinitionVariableBase<T extends ComponentDefinitionPropertyT
     group?: 'style' | 'content';
     description?: string;
     displayName?: string;
-    defaultValue?: string | boolean | number | Record<any, any>;
+    defaultValue?: ComponentDefinitionVariableTypeMap[T];
 }
 type ComponentDefinitionVariable<T extends ComponentDefinitionPropertyType = ComponentDefinitionPropertyType> = ComponentDefinitionVariableBase<T>;
 type ComponentDefinition<T extends ComponentDefinitionPropertyType = ComponentDefinitionPropertyType> = {
@@ -45,7 +61,7 @@ type ComponentDefinition<T extends ComponentDefinitionPropertyType = ComponentDe
     category?: string;
     thumbnailUrl?: string;
     hyperlinkPattern?: string;
-    variables: Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<T>>> & Record<string, ComponentDefinitionVariable<T>>;
+    variables: Partial<DesignVariableMap> & Record<string, ComponentDefinitionVariable<T>>;
     slots?: Record<string, {
         displayName: string;
     }>;
@@ -69,6 +85,9 @@ type ComponentRegistration = {
 };
 type ComponentRegistrationOptions = {
     enabledBuiltInComponents?: string[];
+    experimentalComponents?: {
+        carousel?: boolean;
+    };
 };
 type Binding = {
     spaceId: string;
@@ -155,6 +174,50 @@ type StyleProps = {
     cfWrapColumns: boolean;
     cfWrapColumnsCount: string;
 };
+/**
+ * Internally defined style variables mapped to each variable type
+ */
+type DesignVariableTypes = {
+    cfVisibility: 'Boolean';
+    cfHorizontalAlignment: 'Text';
+    cfVerticalAlignment: 'Text';
+    cfMargin: 'Text';
+    cfPadding: 'Text';
+    cfBackgroundColor: 'Text';
+    cfWidth: 'Text';
+    cfMaxWidth: 'Text';
+    cfHeight: 'Text';
+    cfFlexDirection: 'Text';
+    cfFlexWrap: 'Text';
+    cfFlexReverse: 'Boolean';
+    cfBorder: 'Text';
+    cfBorderRadius: 'Text';
+    cfGap: 'Text';
+    cfHyperlink: 'Hyperlink';
+    cfImageAsset: 'Media';
+    cfImageOptions: 'Object';
+    cfBackgroundImageUrl: 'Media';
+    cfBackgroundImageOptions: 'Object';
+    cfOpenInNewTab: 'Boolean';
+    cfFontSize: 'Text';
+    cfFontWeight: 'Text';
+    cfLineHeight: 'Text';
+    cfLetterSpacing: 'Text';
+    cfTextColor: 'Text';
+    cfTextAlign: 'Text';
+    cfTextTransform: 'Text';
+    cfTextBold: 'Boolean';
+    cfTextItalic: 'Boolean';
+    cfTextUnderline: 'Boolean';
+    cfColumns: 'Text';
+    cfColumnSpan: 'Text';
+    cfColumnSpanLock: 'Boolean';
+    cfWrapColumns: 'Boolean';
+    cfWrapColumnsCount: 'Text';
+};
+type DesignVariableMap = {
+    [K in keyof DesignVariableTypes]: ComponentDefinitionVariable<DesignVariableTypes[K]>;
+};
 type CSSProperties = React.CSSProperties;
 type ContainerStyleVariableName = keyof StyleProps;
 type ExperienceFields = {
@@ -474,4 +537,4 @@ type IncomingMessage = {
     };
 }[keyof INCOMING_EVENT_PAYLOADS];
 
-export type { AssembliesAddedPayload, AssembliesRegisteredPayload, BackgroundImageAlignmentOption, BackgroundImageOptions, BackgroundImageScalingOption, Binding, BindingMap, BindingMapByBlockId, BoundComponentPropertyTypes, CSSProperties, CanvasErrorPayload, CanvasReloadPayload, CanvasResizedPayload, CanvasScrollPayload, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableValidation, ComponentDragCanceledPayload, ComponentDragEndedPayload, ComponentDragStartedPayload, ComponentDraggingChangedPayload, ComponentDroppedPayload, ComponentMoveEndedPayload, ComponentMoveStartedPayload, ComponentMovedPayload, ComponentRegistration, ComponentRegistrationOptions, ComponentSelectedPayload, ConnectedPayload, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, DesignTokensPayload, 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, CanvasReloadPayload, CanvasResizedPayload, CanvasScrollPayload, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, 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

@@ -42,5 +42,11 @@ declare const checkIsAssembly: ({ componentId, usedComponents, }: {
  **/
 declare const checkIsAssemblyEntry: (entry: Entry) => boolean;
 declare const checkIsAssemblyDefinition: (component?: ComponentDefinition) => boolean;
+interface ParsedValue {
+    value: number;
+    unit: 'px' | 'em' | 'rem';
+}
+declare function parseCSSValue(input: string): ParsedValue | null;
+declare function getTargetValueInPixels(targetWidthObject: ParsedValue): number;
 
-export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData };
+export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData, getTargetValueInPixels, parseCSSValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "1.22.1-dev-20241111T0918-dbe183a.0",
+  "version": "1.23.0-beta.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -69,11 +69,11 @@
     "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@contentful/experiences-validators": "1.22.1-dev-20241111T0918-dbe183a.0",
+    "@contentful/experiences-validators": "1.23.0-beta.0",
     "@contentful/rich-text-types": "^16.3.0"
   },
   "peerDependencies": {
     "contentful": ">=10.6.0"
   },
-  "gitHead": "14c3f9dd5523673a0c49c80d00aef3503e87e324"
+  "gitHead": "99ba93f0ec78f5349add87a954e4aa48f27d6d9a"
 }

package/dist/definitions/components.d.ts

@@ -1,9 +0,0 @@
-import { ComponentDefinition } from '../types.js';
-
-declare const sectionDefinition: ComponentDefinition;
-declare const containerDefinition: ComponentDefinition;
-declare const columnsDefinition: ComponentDefinition;
-declare const singleColumnDefinition: ComponentDefinition;
-declare const dividerDefinition: ComponentDefinition;
-
-export { columnsDefinition, containerDefinition, dividerDefinition, sectionDefinition, singleColumnDefinition };