@contentful/experiences-visual-editor-react 1.31.0 → 1.31.1-prerelease-20250218T2104-febb4f2.0

package/dist/index.js

@@ -926,14 +926,14 @@ const ComponentValueSchema$1 = z
     .strict();
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
-const EmptyObjectSchema$1 = z.object({ type: z.undefined() });
+const NoValueSchema$1 = z.object({ type: z.literal('NoValue') }).strict();
 const ComponentPropertyValueSchema$1 = z.discriminatedUnion('type', [
     DesignValueSchema$1,
     BoundValueSchema$1,
     UnboundValueSchema$1,
     HyperlinkValueSchema$1,
     ComponentValueSchema$1,
-    EmptyObjectSchema$1,
+    NoValueSchema$1,
 ]);
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
@@ -946,13 +946,12 @@ const VariableMappingsSchema$1 = z.record(propertyKeySchema$1, VariableMappingSc
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
 const PatternPropertyDefinitionSchema$1 = z.object({
-    defaultValue: z.union([
-        z.object({
-            path: z.string(),
-            type: z.literal('BoundValue'),
-        }),
-        z.null(),
-    ]),
+    defaultValue: z
+        .object({
+        path: z.string(),
+        type: z.literal('BoundValue'),
+    })
+        .optional(),
     contentTypes: z.record(z.string(), z.any()),
 });
 const PatternPropertyDefinitionsSchema$1 = z.record(propertyKeySchema$1, PatternPropertyDefinitionSchema$1);
@@ -1639,7 +1638,7 @@ const builtInStylesWithDesignTokens = [
 const isValidBreakpointValue = (value) => {
     return value !== undefined && value !== null && value !== '';
 };
-const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, variableName, resolveDesignTokens = true) => {
+const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, variableName, resolveDesignTokens = true) => {
     const eventuallyResolveDesignTokens = (value) => {
         // For some built-in design properties, we support design tokens
         if (builtInStylesWithDesignTokens.includes(variableName)) {
@@ -1660,8 +1659,6 @@ const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpoint
                 return valuesByBreakpoint[breakpointId];
             }
         }
-        // If no breakpoint matched, we search and apply the fallback breakpoint
-        const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
         const fallbackBreakpointId = breakpoints[fallbackBreakpointIndex]?.id;
         if (isValidBreakpointValue(valuesByBreakpoint[fallbackBreakpointId])) {
             if (resolveDesignTokens) {
@@ -2997,7 +2994,6 @@ styleInject(css_248z$9);
  */
 const useBreakpoints = (breakpoints) => {
     const [mediaQueryMatches, setMediaQueryMatches] = useState({});
-    const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
     // Register event listeners to update the media query states
     useEffect(() => {
         const [mediaQueryMatchers, initialMediaQueryMatches] = mediaQueryMatcher(breakpoints);
@@ -3019,10 +3015,11 @@ const useBreakpoints = (breakpoints) => {
         // Only re-setup all listeners when the breakpoint definition changed
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [breakpoints]);
-    const activeBreakpointIndex = getActiveBreakpointIndex(breakpoints, mediaQueryMatches, fallbackBreakpointIndex);
     const resolveDesignValue = useCallback((valuesByBreakpoint, variableName) => {
-        return getValueForBreakpoint(valuesByBreakpoint, breakpoints, activeBreakpointIndex, variableName);
-    }, [activeBreakpointIndex, breakpoints]);
+        const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
+        const activeBreakpointIndex = getActiveBreakpointIndex(breakpoints, mediaQueryMatches, fallbackBreakpointIndex);
+        return getValueForBreakpoint(valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, variableName);
+    }, [mediaQueryMatches, breakpoints]);
     return { resolveDesignValue };
 };
 
@@ -3338,14 +3335,14 @@ const ComponentValueSchema = z
     .strict();
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
-const EmptyObjectSchema = z.object({ type: z.undefined() });
+const NoValueSchema = z.object({ type: z.literal('NoValue') }).strict();
 const ComponentPropertyValueSchema = z.discriminatedUnion('type', [
     DesignValueSchema,
     BoundValueSchema,
     UnboundValueSchema,
     HyperlinkValueSchema,
     ComponentValueSchema,
-    EmptyObjectSchema,
+    NoValueSchema,
 ]);
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
@@ -3358,13 +3355,12 @@ const VariableMappingsSchema = z.record(propertyKeySchema, VariableMappingSchema
 // TODO: finalize schema structure before release
 // https://contentful.atlassian.net/browse/LUMOS-523
 const PatternPropertyDefinitionSchema = z.object({
-    defaultValue: z.union([
-        z.object({
-            path: z.string(),
-            type: z.literal('BoundValue'),
-        }),
-        z.null(),
-    ]),
+    defaultValue: z
+        .object({
+        path: z.string(),
+        type: z.literal('BoundValue'),
+    })
+        .optional(),
     contentTypes: z.record(z.string(), z.any()),
 });
 const PatternPropertyDefinitionsSchema = z.record(propertyKeySchema, PatternPropertyDefinitionSchema);