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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/renderApp.js CHANGED
@@ -41554,6 +41554,7 @@ const builtInStyles = {
41554
41554
  },
41555
41555
  type: 'Text',
41556
41556
  group: 'style',
41557
+ description: 'The vertical alignment of the section',
41557
41558
  defaultValue: 'center',
41558
41559
  displayName: 'Vertical alignment',
41559
41560
  },
@@ -41580,6 +41581,7 @@ const builtInStyles = {
41580
41581
  },
41581
41582
  type: 'Text',
41582
41583
  group: 'style',
41584
+ description: 'The horizontal alignment of the section',
41583
41585
  defaultValue: 'center',
41584
41586
  displayName: 'Horizontal alignment',
41585
41587
  },
@@ -41588,71 +41590,83 @@ const builtInStyles = {
41588
41590
  type: 'Boolean',
41589
41591
  group: 'style',
41590
41592
  defaultValue: true,
41593
+ description: 'The visibility of the component',
41591
41594
  },
41592
41595
  cfMargin: {
41593
41596
  displayName: 'Margin',
41594
41597
  type: 'Text',
41595
41598
  group: 'style',
41599
+ description: 'The margin of the section',
41596
41600
  defaultValue: '0 0 0 0',
41597
41601
  },
41598
41602
  cfPadding: {
41599
41603
  displayName: 'Padding',
41600
41604
  type: 'Text',
41601
41605
  group: 'style',
41606
+ description: 'The padding of the section',
41602
41607
  defaultValue: '0 0 0 0',
41603
41608
  },
41604
41609
  cfBackgroundColor: {
41605
41610
  displayName: 'Background color',
41606
41611
  type: 'Text',
41607
41612
  group: 'style',
41613
+ description: 'The background color of the section',
41608
41614
  defaultValue: 'rgba(0, 0, 0, 0)',
41609
41615
  },
41610
41616
  cfWidth: {
41611
41617
  displayName: 'Width',
41612
41618
  type: 'Text',
41613
41619
  group: 'style',
41620
+ description: 'The width of the section',
41614
41621
  defaultValue: '100%',
41615
41622
  },
41616
41623
  cfHeight: {
41617
41624
  displayName: 'Height',
41618
41625
  type: 'Text',
41619
41626
  group: 'style',
41627
+ description: 'The height of the section',
41620
41628
  defaultValue: 'fit-content',
41621
41629
  },
41622
41630
  cfMaxWidth: {
41623
41631
  displayName: 'Max width',
41624
41632
  type: 'Text',
41625
41633
  group: 'style',
41634
+ description: 'The max-width of the section',
41626
41635
  defaultValue: 'none',
41627
41636
  },
41628
41637
  cfFlexDirection: {
41629
41638
  displayName: 'Direction',
41630
41639
  type: 'Text',
41631
41640
  group: 'style',
41641
+ description: 'The orientation of the section',
41632
41642
  defaultValue: 'column',
41633
41643
  },
41634
41644
  cfFlexReverse: {
41635
41645
  displayName: 'Reverse Direction',
41636
41646
  type: 'Boolean',
41637
41647
  group: 'style',
41648
+ description: 'Toggle the flex direction to be reversed',
41638
41649
  defaultValue: false,
41639
41650
  },
41640
41651
  cfFlexWrap: {
41641
41652
  displayName: 'Wrap objects',
41642
41653
  type: 'Text',
41643
41654
  group: 'style',
41655
+ description: 'Wrap objects',
41644
41656
  defaultValue: 'nowrap',
41645
41657
  },
41646
41658
  cfBorder: {
41647
41659
  displayName: 'Border',
41648
41660
  type: 'Text',
41649
41661
  group: 'style',
41662
+ description: 'The border of the section',
41650
41663
  defaultValue: '0px solid rgba(0, 0, 0, 0)',
41651
41664
  },
41652
41665
  cfGap: {
41653
41666
  displayName: 'Gap',
41654
41667
  type: 'Text',
41655
41668
  group: 'style',
41669
+ description: 'The spacing between the elements of the section',
41656
41670
  defaultValue: '0px',
41657
41671
  },
41658
41672
  cfHyperlink: {
@@ -41663,6 +41677,7 @@ const builtInStyles = {
41663
41677
  format: 'URL',
41664
41678
  bindingSourceType: ['entry', 'experience', 'manual'],
41665
41679
  },
41680
+ description: 'hyperlink for section or container',
41666
41681
  },
41667
41682
  cfOpenInNewTab: {
41668
41683
  displayName: 'URL behaviour',
@@ -41676,6 +41691,7 @@ const optionalBuiltInStyles = {
41676
41691
  displayName: 'Font Size',
41677
41692
  type: 'Text',
41678
41693
  group: 'style',
41694
+ description: 'The font size of the element',
41679
41695
  defaultValue: '16px',
41680
41696
  },
41681
41697
  cfFontWeight: {
@@ -41698,11 +41714,13 @@ const optionalBuiltInStyles = {
41698
41714
  displayName: 'Font Weight',
41699
41715
  type: 'Text',
41700
41716
  group: 'style',
41717
+ description: 'The font weight of the element',
41701
41718
  defaultValue: '400',
41702
41719
  },
41703
41720
  cfImageAsset: {
41704
41721
  displayName: 'Image',
41705
41722
  type: 'Media',
41723
+ description: 'Image to display',
41706
41724
  validations: {
41707
41725
  bindingSourceType: ['asset', 'entry', 'manual'],
41708
41726
  },
@@ -41721,11 +41739,13 @@ const optionalBuiltInStyles = {
41721
41739
  displayName: 'Background color',
41722
41740
  type: 'Text',
41723
41741
  group: 'style',
41742
+ description: 'The background color of the element',
41724
41743
  defaultValue: 'rgba(0, 0, 0, 0)',
41725
41744
  },
41726
41745
  cfBackgroundImageUrl: {
41727
41746
  displayName: 'Background image',
41728
41747
  type: 'Media',
41748
+ description: 'Background image for component',
41729
41749
  validations: {
41730
41750
  bindingSourceType: ['asset', 'entry', 'manual'],
41731
41751
  },
@@ -41744,24 +41764,28 @@ const optionalBuiltInStyles = {
41744
41764
  displayName: 'Border Radius',
41745
41765
  type: 'Text',
41746
41766
  group: 'style',
41767
+ description: 'The border radius of the section',
41747
41768
  defaultValue: '0px',
41748
41769
  },
41749
41770
  cfLineHeight: {
41750
41771
  displayName: 'Line Height',
41751
41772
  type: 'Text',
41752
41773
  group: 'style',
41774
+ description: 'The line height of the element',
41753
41775
  defaultValue: '20px',
41754
41776
  },
41755
41777
  cfLetterSpacing: {
41756
41778
  displayName: 'Letter Spacing',
41757
41779
  type: 'Text',
41758
41780
  group: 'style',
41781
+ description: 'The letter spacing of the element',
41759
41782
  defaultValue: '0px',
41760
41783
  },
41761
41784
  cfTextColor: {
41762
41785
  displayName: 'Text Color',
41763
41786
  type: 'Text',
41764
41787
  group: 'style',
41788
+ description: 'The text color of the element',
41765
41789
  defaultValue: 'rgba(0, 0, 0, 1)',
41766
41790
  },
41767
41791
  cfTextAlign: {
@@ -41784,6 +41808,7 @@ const optionalBuiltInStyles = {
41784
41808
  displayName: 'Text Align',
41785
41809
  type: 'Text',
41786
41810
  group: 'style',
41811
+ description: 'The text alignment of the element',
41787
41812
  defaultValue: 'start',
41788
41813
  },
41789
41814
  cfTextTransform: {
@@ -41810,24 +41835,28 @@ const optionalBuiltInStyles = {
41810
41835
  displayName: 'Text Transform',
41811
41836
  type: 'Text',
41812
41837
  group: 'style',
41838
+ description: 'The text transform of the element',
41813
41839
  defaultValue: 'none',
41814
41840
  },
41815
41841
  cfTextBold: {
41816
41842
  displayName: 'Bold',
41817
41843
  type: 'Boolean',
41818
41844
  group: 'style',
41845
+ description: 'The text bold of the element',
41819
41846
  defaultValue: false,
41820
41847
  },
41821
41848
  cfTextItalic: {
41822
41849
  displayName: 'Italic',
41823
41850
  type: 'Boolean',
41824
41851
  group: 'style',
41852
+ description: 'The text italic of the element',
41825
41853
  defaultValue: false,
41826
41854
  },
41827
41855
  cfTextUnderline: {
41828
41856
  displayName: 'Underline',
41829
41857
  type: 'Boolean',
41830
41858
  group: 'style',
41859
+ description: 'The text underline of the element',
41831
41860
  defaultValue: false,
41832
41861
  },
41833
41862
  };
@@ -42140,6 +42169,19 @@ const ComponentVariableSchema$1 = z.object({
42140
42169
  });
42141
42170
  const ComponentTreeNodeSchema$1 = BaseComponentTreeNodeSchema$1.extend({
42142
42171
  children: z.lazy(() => ComponentTreeNodeSchema$1.array()),
42172
+ }).superRefine(({ id, prebindingId, parameters }, ctx) => {
42173
+ if (prebindingId && !parameters) {
42174
+ ctx.addIssue({
42175
+ code: z.ZodIssueCode.custom,
42176
+ message: `Found "prebindingId" but no "parameters" for node with id: "${id}"`,
42177
+ });
42178
+ }
42179
+ if (parameters && !prebindingId) {
42180
+ ctx.addIssue({
42181
+ code: z.ZodIssueCode.custom,
42182
+ message: `Found "parameters" but no "prebindingId" for node with id: "${id}"`,
42183
+ });
42184
+ }
42143
42185
  });
42144
42186
  const ComponentTreeSchema$1 = z
42145
42187
  .object({
@@ -42243,6 +42285,7 @@ const ParameterDefinitionSchema$1 = z.object({
42243
42285
  passToNodes: z
42244
42286
  .array(PassToNodeSchema$1)
42245
42287
  .max(1, 'At most one "passToNodes" element is allowed per parameter definition.'),
42288
+ // we might change this to be empty array for native parameter definitions, that's why we don't use .length(1)
42246
42289
  });
42247
42290
  const ParameterDefinitionsSchema$1 = z.record(propertyKeySchema$1, ParameterDefinitionSchema$1);
42248
42291
  const VariableMappingsSchema$1 = z.record(propertyKeySchema$1, VariableMappingSchema$1);
@@ -49949,6 +49992,19 @@ const ComponentVariableSchema = z.object({
49949
49992
  });
49950
49993
  const ComponentTreeNodeSchema = BaseComponentTreeNodeSchema.extend({
49951
49994
  children: z.lazy(() => ComponentTreeNodeSchema.array()),
49995
+ }).superRefine(({ id, prebindingId, parameters }, ctx) => {
49996
+ if (prebindingId && !parameters) {
49997
+ ctx.addIssue({
49998
+ code: z.ZodIssueCode.custom,
49999
+ message: `Found "prebindingId" but no "parameters" for node with id: "${id}"`,
50000
+ });
50001
+ }
50002
+ if (parameters && !prebindingId) {
50003
+ ctx.addIssue({
50004
+ code: z.ZodIssueCode.custom,
50005
+ message: `Found "parameters" but no "prebindingId" for node with id: "${id}"`,
50006
+ });
50007
+ }
49952
50008
  });
49953
50009
  const ComponentTreeSchema = z
49954
50010
  .object({
@@ -50052,6 +50108,7 @@ const ParameterDefinitionSchema = z.object({
50052
50108
  passToNodes: z
50053
50109
  .array(PassToNodeSchema)
50054
50110
  .max(1, 'At most one "passToNodes" element is allowed per parameter definition.'),
50111
+ // we might change this to be empty array for native parameter definitions, that's why we don't use .length(1)
50055
50112
  });
50056
50113
  const ParameterDefinitionsSchema = z.record(propertyKeySchema, ParameterDefinitionSchema);
50057
50114
  const VariableMappingsSchema = z.record(propertyKeySchema, VariableMappingSchema);