@contentful/experiences-core 1.6.0-prerelease-20240603T1503-1bf510c.0 → 1.7.0-dev-20240604T1720-355786e.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { isComponentAllowedOnRoot, isContentfulStructureComponent, isEmptyStructureWithRelativeHeight } from './utils/components.js';
+export { isComponentAllowedOnRoot, isContentfulStructureComponent, isStructureWithRelativeHeight } from './utils/components.js';
 export { findOutermostCoordinates, getElementCoordinates } from './utils/domValues.js';
 export { VisualEditorMessagePayload, doesMismatchMessageSchema, tryParseMessage, validateExperienceBuilderConfig } from './utils/validations.js';
 export { buildCfStyles, buildStyleTag, calculateNodeDefaultHeight, toCSSAttribute } from './utils/styleUtils/stylesUtils.js';

package/dist/index.js

@@ -82,10 +82,8 @@ const structureComponents = new Set([
 ]);
 const isContentfulStructureComponent = (componentId) => structureComponents.has(componentId ?? '');
 const isComponentAllowedOnRoot = (componentId) => isContentfulStructureComponent(componentId) || componentId === CONTENTFUL_COMPONENTS.divider.id;
-const isEmptyStructureWithRelativeHeight = (children, componentId, height) => {
-    return (children === 0 &&
-        isContentfulStructureComponent(componentId) &&
-        !height?.toString().endsWith('px'));
+const isStructureWithRelativeHeight = (componentId, height) => {
+    return isContentfulStructureComponent(componentId) && !height?.toString().endsWith('px');
 };
 
 const findOutermostCoordinates = (first, second) => {
@@ -1217,13 +1215,31 @@ const columnsBuiltInStyles = {
 };
 
 let designTokensRegistry = {};
+// This function is used to ensure that the composite values are valid since composite values are optional.
+// Therefore only border and in the future text related design tokens are/will be checked in this funciton.
+// Ensuring values for simple key-value design tokens are not neccessary since they are required via typescript.
+const ensureValidCompositeValues = (designTokenDefinition) => {
+    // TODO: add validation logic when text related design tokens are added
+    // Border validation
+    if (designTokenDefinition.border) {
+        for (const borderKey in designTokenDefinition.border) {
+            const borderValue = designTokenDefinition.border[borderKey];
+            designTokenDefinition.border[borderKey] = {
+                width: borderValue.width || '1px',
+                style: borderValue.style || 'solid',
+                color: borderValue.color || '#000000',
+            };
+        }
+    }
+    return designTokenDefinition;
+};
 /**
  * Register design tokens styling
  * @param designTokenDefinition - {[key:string]: Record<string, string>}
  * @returns void
  */
 const defineDesignTokens = (designTokenDefinition) => {
-    Object.assign(designTokensRegistry, designTokenDefinition);
+    Object.assign(designTokensRegistry, ensureValidCompositeValues(designTokenDefinition));
 };
 const templateStringRegex = /\${(.+?)}/g;
 const getDesignTokenRegistration = (breakpointValue, variableName) => {
@@ -2897,5 +2913,5 @@ async function fetchById({ client, experienceTypeId, id, localeCode, }) {
     }
 }
 
-export { DeepReference, EditorModeEntityStore, EntityStore, EntityStoreBase, MEDIA_QUERY_REGEXP, VisualEditorMode, addLocale, breakpointsRegistry, buildCfStyles, buildStyleTag, buildTemplate, builtInStyles, calculateNodeDefaultHeight, checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, columnsBuiltInStyles, columnsDefinition, containerBuiltInStyles, containerDefinition, createExperience, defineBreakpoints, defineDesignTokens, designTokensRegistry, dividerBuiltInStyles, dividerDefinition, doesMismatchMessageSchema, fetchById, fetchBySlug, findOutermostCoordinates, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree, generateRandomId, getActiveBreakpointIndex, getBreakpointRegistration, getDataFromTree, getDesignTokenRegistration, getElementCoordinates, getFallbackBreakpointIndex, getInsertionData, getTemplateValue, getValueForBreakpoint, isComponentAllowedOnRoot, isContentfulStructureComponent, isDeepPath, isEmptyStructureWithRelativeHeight, isExperienceEntry, isLink, isLinkToAsset, lastPathNamedSegmentEq, mediaQueryMatcher, optionalBuiltInStyles, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings, resetBreakpointsRegistry, resetDesignTokenRegistry, resolveHyperlinkPattern, runBreakpointsValidation, sectionBuiltInStyles, sectionDefinition, sendMessage, singleColumnBuiltInStyles, singleColumnDefinition, supportedModes, toCSSAttribute, transformBoundContentValue, tryParseMessage, validateExperienceBuilderConfig };
+export { DeepReference, EditorModeEntityStore, EntityStore, EntityStoreBase, MEDIA_QUERY_REGEXP, VisualEditorMode, addLocale, breakpointsRegistry, buildCfStyles, buildStyleTag, buildTemplate, builtInStyles, calculateNodeDefaultHeight, checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, columnsBuiltInStyles, columnsDefinition, containerBuiltInStyles, containerDefinition, createExperience, defineBreakpoints, defineDesignTokens, designTokensRegistry, dividerBuiltInStyles, dividerDefinition, doesMismatchMessageSchema, fetchById, fetchBySlug, findOutermostCoordinates, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree, generateRandomId, getActiveBreakpointIndex, getBreakpointRegistration, getDataFromTree, getDesignTokenRegistration, getElementCoordinates, getFallbackBreakpointIndex, getInsertionData, getTemplateValue, getValueForBreakpoint, isComponentAllowedOnRoot, isContentfulStructureComponent, isDeepPath, isExperienceEntry, isLink, isLinkToAsset, isStructureWithRelativeHeight, lastPathNamedSegmentEq, mediaQueryMatcher, optionalBuiltInStyles, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings, resetBreakpointsRegistry, resetDesignTokenRegistry, resolveHyperlinkPattern, runBreakpointsValidation, sectionBuiltInStyles, sectionDefinition, sendMessage, singleColumnBuiltInStyles, singleColumnDefinition, supportedModes, toCSSAttribute, transformBoundContentValue, tryParseMessage, validateExperienceBuilderConfig };
 //# sourceMappingURL=index.js.map