@contentful/experiences-core 3.8.0-dev-20250925T1014-c658e71.0 → 3.8.0-prerelease-20250922T2329-e132272.0

package/dist/index.cjs

@@ -183,6 +183,7 @@ const builtInStyles = {
         },
         type: 'Text',
         group: 'style',
+        description: 'The vertical alignment of the section',
         defaultValue: 'center',
         displayName: 'Vertical alignment',
     },
@@ -209,6 +210,7 @@ const builtInStyles = {
         },
         type: 'Text',
         group: 'style',
+        description: 'The horizontal alignment of the section',
         defaultValue: 'center',
         displayName: 'Horizontal alignment',
     },
@@ -217,71 +219,83 @@ const builtInStyles = {
         type: 'Boolean',
         group: 'style',
         defaultValue: true,
+        description: 'The visibility of the component',
     },
     cfMargin: {
         displayName: 'Margin',
         type: 'Text',
         group: 'style',
+        description: 'The margin of the section',
         defaultValue: '0 0 0 0',
     },
     cfPadding: {
         displayName: 'Padding',
         type: 'Text',
         group: 'style',
+        description: 'The padding of the section',
         defaultValue: '0 0 0 0',
     },
     cfBackgroundColor: {
         displayName: 'Background color',
         type: 'Text',
         group: 'style',
+        description: 'The background color of the section',
         defaultValue: 'rgba(0, 0, 0, 0)',
     },
     cfWidth: {
         displayName: 'Width',
         type: 'Text',
         group: 'style',
+        description: 'The width of the section',
         defaultValue: '100%',
     },
     cfHeight: {
         displayName: 'Height',
         type: 'Text',
         group: 'style',
+        description: 'The height of the section',
         defaultValue: 'fit-content',
     },
     cfMaxWidth: {
         displayName: 'Max width',
         type: 'Text',
         group: 'style',
+        description: 'The max-width of the section',
         defaultValue: 'none',
     },
     cfFlexDirection: {
         displayName: 'Direction',
         type: 'Text',
         group: 'style',
+        description: 'The orientation of the section',
         defaultValue: 'column',
     },
     cfFlexReverse: {
         displayName: 'Reverse Direction',
         type: 'Boolean',
         group: 'style',
+        description: 'Toggle the flex direction to be reversed',
         defaultValue: false,
     },
     cfFlexWrap: {
         displayName: 'Wrap objects',
         type: 'Text',
         group: 'style',
+        description: 'Wrap objects',
         defaultValue: 'nowrap',
     },
     cfBorder: {
         displayName: 'Border',
         type: 'Text',
         group: 'style',
+        description: 'The border of the section',
         defaultValue: '0px solid rgba(0, 0, 0, 0)',
     },
     cfGap: {
         displayName: 'Gap',
         type: 'Text',
         group: 'style',
+        description: 'The spacing between the elements of the section',
         defaultValue: '0px',
     },
     cfHyperlink: {
@@ -292,6 +306,7 @@ const builtInStyles = {
             format: 'URL',
             bindingSourceType: ['entry', 'experience', 'manual'],
         },
+        description: 'hyperlink for section or container',
     },
     cfOpenInNewTab: {
         displayName: 'URL behaviour',
@@ -305,6 +320,7 @@ const optionalBuiltInStyles = {
         displayName: 'Font Size',
         type: 'Text',
         group: 'style',
+        description: 'The font size of the element',
         defaultValue: '16px',
     },
     cfFontWeight: {
@@ -327,11 +343,13 @@ const optionalBuiltInStyles = {
         displayName: 'Font Weight',
         type: 'Text',
         group: 'style',
+        description: 'The font weight of the element',
         defaultValue: '400',
     },
     cfImageAsset: {
         displayName: 'Image',
         type: 'Media',
+        description: 'Image to display',
         validations: {
             bindingSourceType: ['asset', 'entry', 'manual'],
         },
@@ -350,11 +368,13 @@ const optionalBuiltInStyles = {
         displayName: 'Background color',
         type: 'Text',
         group: 'style',
+        description: 'The background color of the element',
         defaultValue: 'rgba(0, 0, 0, 0)',
     },
     cfBackgroundImageUrl: {
         displayName: 'Background image',
         type: 'Media',
+        description: 'Background image for component',
         validations: {
             bindingSourceType: ['asset', 'entry', 'manual'],
         },
@@ -373,24 +393,28 @@ const optionalBuiltInStyles = {
         displayName: 'Border Radius',
         type: 'Text',
         group: 'style',
+        description: 'The border radius of the section',
         defaultValue: '0px',
     },
     cfLineHeight: {
         displayName: 'Line Height',
         type: 'Text',
         group: 'style',
+        description: 'The line height of the element',
         defaultValue: '20px',
     },
     cfLetterSpacing: {
         displayName: 'Letter Spacing',
         type: 'Text',
         group: 'style',
+        description: 'The letter spacing of the element',
         defaultValue: '0px',
     },
     cfTextColor: {
         displayName: 'Text Color',
         type: 'Text',
         group: 'style',
+        description: 'The text color of the element',
         defaultValue: 'rgba(0, 0, 0, 1)',
     },
     cfTextAlign: {
@@ -413,6 +437,7 @@ const optionalBuiltInStyles = {
         displayName: 'Text Align',
         type: 'Text',
         group: 'style',
+        description: 'The text alignment of the element',
         defaultValue: 'start',
     },
     cfTextTransform: {
@@ -439,24 +464,28 @@ const optionalBuiltInStyles = {
         displayName: 'Text Transform',
         type: 'Text',
         group: 'style',
+        description: 'The text transform of the element',
         defaultValue: 'none',
     },
     cfTextBold: {
         displayName: 'Bold',
         type: 'Boolean',
         group: 'style',
+        description: 'The text bold of the element',
         defaultValue: false,
     },
     cfTextItalic: {
         displayName: 'Italic',
         type: 'Boolean',
         group: 'style',
+        description: 'The text italic of the element',
         defaultValue: false,
     },
     cfTextUnderline: {
         displayName: 'Underline',
         type: 'Boolean',
         group: 'style',
+        description: 'The text underline of the element',
         defaultValue: false,
     },
 };
@@ -475,6 +504,7 @@ const containerBuiltInStyles = {
         displayName: 'Margin',
         type: 'Text',
         group: 'style',
+        description: 'The margin of the container',
         // Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level containers
         defaultValue: '0 0 0 0',
     },
@@ -482,6 +512,7 @@ const containerBuiltInStyles = {
         displayName: 'Max Width',
         type: 'Text',
         group: 'style',
+        description: 'The max-width of the section',
         defaultValue: '1192px',
     },
 };
@@ -492,30 +523,35 @@ const dividerBuiltInStyles = {
         displayName: 'Margin',
         type: 'Text',
         group: 'style',
+        description: 'The margin of the divider',
         defaultValue: '20px 0px 20px 0px',
     },
     cfWidth: {
         displayName: 'Width',
         type: 'Text',
         group: 'style',
+        description: 'The width of the divider',
         defaultValue: '100%',
     },
     cfHeight: {
         displayName: 'Height',
         type: 'Text',
         group: 'style',
+        description: 'The height of the divider',
         defaultValue: '1px',
     },
     cfMaxWidth: {
         displayName: 'Max width',
         type: 'Text',
         group: 'style',
+        description: 'The max-width of the divider',
         defaultValue: 'none',
     },
     cfBackgroundColor: {
         displayName: 'Background color',
         type: 'Text',
         group: 'style',
+        description: 'The background color of the divider',
         defaultValue: 'rgba(204, 204, 204, 1)',
     },
 };
@@ -548,6 +584,7 @@ const singleColumnBuiltInStyles = {
         },
         type: 'Text',
         group: 'style',
+        description: 'The vertical alignment of the column',
         defaultValue: 'center',
         displayName: 'Vertical alignment',
     },
@@ -574,6 +611,7 @@ const singleColumnBuiltInStyles = {
         },
         type: 'Text',
         group: 'style',
+        description: 'The horizontal alignment of the column',
         defaultValue: 'center',
         displayName: 'Horizontal alignment',
     },
@@ -581,30 +619,35 @@ const singleColumnBuiltInStyles = {
         displayName: 'Padding',
         type: 'Text',
         group: 'style',
+        description: 'The padding of the column',
         defaultValue: '0 0 0 0',
     },
     cfFlexDirection: {
         displayName: 'Direction',
         type: 'Text',
         group: 'style',
+        description: 'The orientation of the column',
         defaultValue: 'column',
     },
     cfFlexWrap: {
         displayName: 'Wrap objects',
         type: 'Text',
         group: 'style',
+        description: 'Wrap objects',
         defaultValue: 'nowrap',
     },
     cfBorder: {
         displayName: 'Border',
         type: 'Text',
         group: 'style',
+        description: 'The border of the column',
         defaultValue: '0px solid rgba(0, 0, 0, 0)',
     },
     cfGap: {
         displayName: 'Gap',
         type: 'Text',
         group: 'style',
+        description: 'The spacing between the elements of the column',
         defaultValue: '0px',
     },
     cfColumnSpan: {
@@ -628,6 +671,7 @@ const columnsBuiltInStyles = {
         displayName: 'Margin',
         type: 'Text',
         group: 'style',
+        description: 'The margin of the columns',
         // Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level columns
         defaultValue: '0 0 0 0',
     },
@@ -635,30 +679,35 @@ const columnsBuiltInStyles = {
         displayName: 'Width',
         type: 'Text',
         group: 'style',
+        description: 'The width of the columns',
         defaultValue: '100%',
     },
     cfMaxWidth: {
         displayName: 'Max width',
         type: 'Text',
         group: 'style',
+        description: 'The max-width of the columns',
         defaultValue: '1192px',
     },
     cfPadding: {
         displayName: 'Padding',
         type: 'Text',
         group: 'style',
+        description: 'The padding of the columns',
         defaultValue: '10px 10px 10px 10px',
     },
     cfBorder: {
         displayName: 'Border',
         type: 'Text',
         group: 'style',
+        description: 'The border of the columns',
         defaultValue: '0px solid rgba(0, 0, 0, 0)',
     },
     cfGap: {
         displayName: 'Gap',
         type: 'Text',
         group: 'style',
+        description: 'The spacing between the elements of the columns',
         defaultValue: '10px 10px',
     },
     cfColumns: {
@@ -990,6 +1039,19 @@ const ComponentVariableSchema = zod.z.object({
 });
 const ComponentTreeNodeSchema = BaseComponentTreeNodeSchema.extend({
     children: zod.z.lazy(() => ComponentTreeNodeSchema.array()),
+}).superRefine(({ id, prebindingId, parameters }, ctx) => {
+    if (prebindingId && !parameters) {
+        ctx.addIssue({
+            code: zod.z.ZodIssueCode.custom,
+            message: `Found "prebindingId" but no "parameters" for node with id: "${id}"`,
+        });
+    }
+    if (parameters && !prebindingId) {
+        ctx.addIssue({
+            code: zod.z.ZodIssueCode.custom,
+            message: `Found "parameters" but no "prebindingId" for node with id: "${id}"`,
+        });
+    }
 });
 const ComponentTreeSchema = zod.z
     .object({
@@ -1093,6 +1155,7 @@ const ParameterDefinitionSchema = zod.z.object({
     passToNodes: zod.z
         .array(PassToNodeSchema)
         .max(1, 'At most one "passToNodes" element is allowed per parameter definition.'),
+    // we might change this to be empty array for native parameter definitions, that's why we don't use .length(1)
 });
 const ParameterDefinitionsSchema = zod.z.record(propertyKeySchema, ParameterDefinitionSchema);
 const VariableMappingsSchema = zod.z.record(propertyKeySchema, VariableMappingSchema);