@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/index.js +57 -0
- package/dist/index.js.map +1 -1
- package/dist/renderApp.js +57 -0
- package/dist/renderApp.js.map +1 -1
- package/package.json +4 -4
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);
|