@contentful/experiences-core 1.16.0-dev-20240912T1817-4f0cf3e.0 → 1.16.0-dev-20240916T1430-3c5ff38.0

package/dist/index.d.ts

@@ -6,11 +6,12 @@ export { detachExperienceStyles, flattenDesignTokenRegistry, indexByBreakpoint,
 export { transformBoundContentValue } from './utils/transformers/transformBoundContentValue.js';
 export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData } from './utils/utils.js';
 export { isExperienceEntry } from './utils/typeguards.js';
-export { MEDIA_QUERY_REGEXP, getActiveBreakpointIndex, getFallbackBreakpointIndex, getValueForBreakpoint, mediaQueryMatcher } from './utils/breakpoints.js';
+export { MEDIA_QUERY_REGEXP, getActiveBreakpointIndex, getFallbackBreakpointIndex, getValueForBreakpoint, isValidBreakpointValue, mediaQueryMatcher } from './utils/breakpoints.js';
 export { isLinkToAsset } from './utils/isLinkToAsset.js';
 export { isLink } from './utils/isLink.js';
 export { Fieldset, UnresolvedFieldset, isDeepPath, lastPathNamedSegmentEq, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings } from './utils/pathSchema.js';
 export { addLocale, buildTemplate, getTemplateValue, resolveHyperlinkPattern } from './utils/resolveHyperlinkPattern.js';
+export { deserializePatternVariables } from './utils/patternUtils.js';
 export { columnsDefinition, containerDefinition, dividerDefinition, sectionDefinition, singleColumnDefinition } from './definitions/components.js';
 export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, dividerBuiltInStyles, optionalBuiltInStyles, sectionBuiltInStyles, singleColumnBuiltInStyles } from './definitions/styles.js';
 export { EditorModeEntityStore } from './entity/EditorModeEntityStore.js';

package/dist/index.js

@@ -1961,7 +1961,7 @@ const indexByBreakpoint = ({ variables, breakpointIds, getBoundEntityById, unbou
             continue;
         }
         for (const [breakpointId, variableValue] of Object.entries(resolvedVariableData.valuesByBreakpoint)) {
-            if (typeof variableValue !== 'boolean' && !variableValue) {
+            if (!isValidBreakpointValue(variableValue)) {
                 continue;
             }
             variableValuesByBreakpoints[breakpointId] = {
@@ -2673,6 +2673,49 @@ function buildTemplate({ template, context, }) {
     }));
 }
 
+const deserializePatternVariables = ({ nodeVariables, componentInstanceProps, componentInstanceUnboundValues, componentInstanceDataSource, patternVariableDefinitions, }) => {
+    const childNodeVariable = {};
+    const dataSource = {};
+    const unboundValues = {};
+    for (const [variableName, variable] of Object.entries(nodeVariables)) {
+        childNodeVariable[variableName] = variable;
+        if (variable.type === 'ComponentValue') {
+            const componentValueKey = variable.key;
+            const instanceProperty = componentInstanceProps[componentValueKey];
+            const variableDefinition = patternVariableDefinitions?.[componentValueKey];
+            const defaultValue = variableDefinition?.defaultValue;
+            // For pattern, we look up the value in the pattern instance and
+            // replace the componentValue with that one.
+            if (instanceProperty?.type === 'UnboundValue') {
+                const componentInstanceValue = componentInstanceUnboundValues[instanceProperty.key];
+                unboundValues[instanceProperty.key] = componentInstanceValue;
+                childNodeVariable[variableName] = instanceProperty;
+            }
+            else if (instanceProperty?.type === 'BoundValue') {
+                const [, dataSourceKey] = instanceProperty.path.split('/');
+                const componentInstanceValue = componentInstanceDataSource[dataSourceKey];
+                dataSource[dataSourceKey] = componentInstanceValue;
+                childNodeVariable[variableName] = instanceProperty;
+            }
+            else if (instanceProperty?.type === 'HyperlinkValue') {
+                const componentInstanceValue = componentInstanceDataSource[instanceProperty.linkTargetKey];
+                dataSource[instanceProperty.linkTargetKey] == componentInstanceValue;
+                childNodeVariable[variableName] = instanceProperty;
+            }
+            else if (instanceProperty?.type === 'DesignValue') {
+                childNodeVariable[variableName] = instanceProperty;
+            }
+            else if (!instanceProperty && defaultValue) {
+                // So far, we only automatically fallback to the defaultValue for design properties
+                if (variableDefinition.group === 'style') {
+                    childNodeVariable[variableName] = defaultValue;
+                }
+            }
+        }
+    }
+    return { childNodeVariable, dataSource, unboundValues };
+};
+
 const sendMessage = (eventType, data) => {
     if (typeof window === 'undefined') {
         return;
@@ -3606,5 +3649,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, detachExperienceStyles, dividerBuiltInStyles, dividerDefinition, doesMismatchMessageSchema, fetchAllAssets, fetchAllEntries, fetchById, fetchBySlug, findOutermostCoordinates, flattenDesignTokenRegistry, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree, generateRandomId, getActiveBreakpointIndex, getBreakpointRegistration, getDataFromTree, getDesignTokenRegistration, getElementCoordinates, getFallbackBreakpointIndex, getInsertionData, getTemplateValue, getValueForBreakpoint, indexByBreakpoint, isCfStyleAttribute, isComponentAllowedOnRoot, isContentfulComponent, isContentfulStructureComponent, isDeepPath, isExperienceEntry, isLink, isLinkToAsset, isStructureWithRelativeHeight, lastPathNamedSegmentEq, maybePopulateDesignTokenValue, mediaQueryMatcher, optionalBuiltInStyles, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings, resetBreakpointsRegistry, resetDesignTokenRegistry, resolveBackgroundImageBinding, resolveHyperlinkPattern, runBreakpointsValidation, sectionBuiltInStyles, sectionDefinition, sendMessage, singleColumnBuiltInStyles, singleColumnDefinition, toCSSAttribute, toCSSString, toMediaQuery, 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, deserializePatternVariables, designTokensRegistry, detachExperienceStyles, dividerBuiltInStyles, dividerDefinition, doesMismatchMessageSchema, fetchAllAssets, fetchAllEntries, fetchById, fetchBySlug, findOutermostCoordinates, flattenDesignTokenRegistry, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree, generateRandomId, getActiveBreakpointIndex, getBreakpointRegistration, getDataFromTree, getDesignTokenRegistration, getElementCoordinates, getFallbackBreakpointIndex, getInsertionData, getTemplateValue, getValueForBreakpoint, indexByBreakpoint, isCfStyleAttribute, isComponentAllowedOnRoot, isContentfulComponent, isContentfulStructureComponent, isDeepPath, isExperienceEntry, isLink, isLinkToAsset, isStructureWithRelativeHeight, isValidBreakpointValue, lastPathNamedSegmentEq, maybePopulateDesignTokenValue, mediaQueryMatcher, optionalBuiltInStyles, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings, resetBreakpointsRegistry, resetDesignTokenRegistry, resolveBackgroundImageBinding, resolveHyperlinkPattern, runBreakpointsValidation, sectionBuiltInStyles, sectionDefinition, sendMessage, singleColumnBuiltInStyles, singleColumnDefinition, toCSSAttribute, toCSSString, toMediaQuery, transformBoundContentValue, tryParseMessage, validateExperienceBuilderConfig };
 //# sourceMappingURL=index.js.map