@webiny/website-builder-react 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7
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/components/useBindingsForElement.d.ts +80 -48
- package/createComponent.js +1 -0
- package/createComponent.js.map +1 -1
- package/createComponent.test.js +3 -3
- package/createComponent.test.js.map +1 -1
- package/editorComponents/Box.manifest.js +1 -0
- package/editorComponents/Box.manifest.js.map +1 -1
- package/editorComponents/Fragment.manifest.js +1 -0
- package/editorComponents/Fragment.manifest.js.map +1 -1
- package/editorComponents/Grid.manifest.js +1 -0
- package/editorComponents/Grid.manifest.js.map +1 -1
- package/editorComponents/GridColumn.manifest.js +1 -0
- package/editorComponents/GridColumn.manifest.js.map +1 -1
- package/editorComponents/Image.manifest.js +1 -0
- package/editorComponents/Image.manifest.js.map +1 -1
- package/editorComponents/Lexical.manifest.js +1 -0
- package/editorComponents/Lexical.manifest.js.map +1 -1
- package/editorComponents/Root.manifest.js +2 -1
- package/editorComponents/Root.manifest.js.map +1 -1
- package/index.d.ts +2 -2
- package/index.js.map +1 -1
- package/package.json +11 -12
- package/types.d.ts +36 -1
- package/types.js.map +1 -1
|
@@ -6,6 +6,9 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
6
6
|
alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
|
|
7
7
|
alignSelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignSelf | undefined> | undefined;
|
|
8
8
|
alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
|
|
9
|
+
alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
|
|
10
|
+
anchorName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorName | undefined> | undefined;
|
|
11
|
+
anchorScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorScope | undefined> | undefined;
|
|
9
12
|
animationComposition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationComposition | undefined> | undefined;
|
|
10
13
|
animationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
|
|
11
14
|
animationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
|
|
@@ -31,7 +34,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
31
34
|
backgroundPositionY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionY<string | number> | undefined> | undefined;
|
|
32
35
|
backgroundRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundRepeat | undefined> | undefined;
|
|
33
36
|
backgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
|
|
34
|
-
|
|
37
|
+
baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
|
|
35
38
|
blockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
|
|
36
39
|
borderBlockEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndColor | undefined> | undefined;
|
|
37
40
|
borderBlockEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndStyle | undefined> | undefined;
|
|
@@ -79,8 +82,10 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
79
82
|
caretShape?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretShape | undefined> | undefined;
|
|
80
83
|
clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
|
|
81
84
|
clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
|
|
85
|
+
clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
|
|
82
86
|
color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
|
|
83
87
|
colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
|
|
88
|
+
colorInterpolationFilters?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolationFilters | undefined> | undefined;
|
|
84
89
|
colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
|
|
85
90
|
columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
|
|
86
91
|
columnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
|
|
@@ -103,9 +108,17 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
103
108
|
counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
|
|
104
109
|
counterSet?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterSet | undefined> | undefined;
|
|
105
110
|
cursor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cursor | undefined> | undefined;
|
|
111
|
+
cx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cx<string | number> | undefined> | undefined;
|
|
112
|
+
cy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cy<string | number> | undefined> | undefined;
|
|
113
|
+
d?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.D | undefined> | undefined;
|
|
106
114
|
direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
|
|
107
115
|
display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
|
|
116
|
+
dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
|
|
108
117
|
emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
|
|
118
|
+
fieldSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FieldSizing | undefined> | undefined;
|
|
119
|
+
fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
|
|
120
|
+
fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
|
|
121
|
+
fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
|
|
109
122
|
filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
|
|
110
123
|
flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
|
|
111
124
|
flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
|
|
@@ -113,6 +126,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
113
126
|
flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
|
|
114
127
|
flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
|
|
115
128
|
float?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Float | undefined> | undefined;
|
|
129
|
+
floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
|
|
130
|
+
floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
|
|
116
131
|
fontFamily?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFamily | undefined> | undefined;
|
|
117
132
|
fontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
|
|
118
133
|
fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
|
|
@@ -122,7 +137,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
122
137
|
fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
|
|
123
138
|
fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
|
|
124
139
|
fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
|
|
125
|
-
fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
|
|
126
140
|
fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
|
|
127
141
|
fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
|
|
128
142
|
fontSynthesisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisPosition | undefined> | undefined;
|
|
@@ -138,6 +152,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
138
152
|
fontVariantPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantPosition | undefined> | undefined;
|
|
139
153
|
fontVariationSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariationSettings | undefined> | undefined;
|
|
140
154
|
fontWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWeight | undefined> | undefined;
|
|
155
|
+
fontWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWidth | undefined> | undefined;
|
|
141
156
|
forcedColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ForcedColorAdjust | undefined> | undefined;
|
|
142
157
|
gridAutoColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoColumns<string | number> | undefined> | undefined;
|
|
143
158
|
gridAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoFlow | undefined> | undefined;
|
|
@@ -158,12 +173,13 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
158
173
|
imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
|
|
159
174
|
imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
|
|
160
175
|
initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
|
|
176
|
+
initialLetterAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetterAlign | undefined> | undefined;
|
|
161
177
|
inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
|
|
162
|
-
inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
|
|
163
178
|
insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
|
|
164
179
|
insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
|
|
165
180
|
insetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
|
|
166
181
|
insetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
|
|
182
|
+
interpolateSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InterpolateSize | undefined> | undefined;
|
|
167
183
|
isolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Isolation | undefined> | undefined;
|
|
168
184
|
justifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
|
|
169
185
|
justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
|
|
@@ -171,6 +187,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
171
187
|
justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
|
|
172
188
|
left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
|
|
173
189
|
letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
|
|
190
|
+
lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
|
|
174
191
|
lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
|
|
175
192
|
lineHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeight<string | number> | undefined> | undefined;
|
|
176
193
|
lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
|
|
@@ -186,6 +203,9 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
186
203
|
marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
|
|
187
204
|
marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
|
|
188
205
|
marginTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTrim | undefined> | undefined;
|
|
206
|
+
markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
|
|
207
|
+
markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
|
|
208
|
+
markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
|
|
189
209
|
maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
|
|
190
210
|
maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
|
|
191
211
|
maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
|
|
@@ -220,6 +240,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
220
240
|
motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
|
|
221
241
|
objectFit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectFit | undefined> | undefined;
|
|
222
242
|
objectPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectPosition<string | number> | undefined> | undefined;
|
|
243
|
+
objectViewBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectViewBox | undefined> | undefined;
|
|
223
244
|
offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
|
|
224
245
|
offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
|
|
225
246
|
offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
|
|
@@ -254,25 +275,32 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
254
275
|
paddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingRight<string | number> | undefined> | undefined;
|
|
255
276
|
paddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingTop<string | number> | undefined> | undefined;
|
|
256
277
|
page?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Page | undefined> | undefined;
|
|
257
|
-
pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
|
|
258
|
-
pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
|
|
259
|
-
pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
|
|
260
278
|
paintOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaintOrder | undefined> | undefined;
|
|
261
279
|
perspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
|
|
262
280
|
perspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
|
|
263
281
|
pointerEvents?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PointerEvents | undefined> | undefined;
|
|
264
282
|
position?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Position | undefined> | undefined;
|
|
283
|
+
positionAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionAnchor | undefined> | undefined;
|
|
284
|
+
positionArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
|
|
285
|
+
positionTryFallbacks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
|
|
286
|
+
positionTryOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryOrder | undefined> | undefined;
|
|
287
|
+
positionVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionVisibility | undefined> | undefined;
|
|
265
288
|
printColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
|
|
266
289
|
quotes?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Quotes | undefined> | undefined;
|
|
290
|
+
r?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.R<string | number> | undefined> | undefined;
|
|
267
291
|
resize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Resize | undefined> | undefined;
|
|
268
292
|
right?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Right<string | number> | undefined> | undefined;
|
|
269
293
|
rotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rotate | undefined> | undefined;
|
|
270
294
|
rowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RowGap<string | number> | undefined> | undefined;
|
|
271
295
|
rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
|
|
272
296
|
rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
|
|
297
|
+
rubyOverhang?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyOverhang | undefined> | undefined;
|
|
273
298
|
rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
|
|
299
|
+
rx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rx<string | number> | undefined> | undefined;
|
|
300
|
+
ry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Ry<string | number> | undefined> | undefined;
|
|
274
301
|
scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
|
|
275
302
|
scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
|
|
303
|
+
scrollInitialTarget?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollInitialTarget | undefined> | undefined;
|
|
276
304
|
scrollMarginBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined> | undefined;
|
|
277
305
|
scrollMarginBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined> | undefined;
|
|
278
306
|
scrollMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
|
|
@@ -304,10 +332,28 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
304
332
|
shapeImageThreshold?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeImageThreshold | undefined> | undefined;
|
|
305
333
|
shapeMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeMargin<string | number> | undefined> | undefined;
|
|
306
334
|
shapeOutside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeOutside | undefined> | undefined;
|
|
335
|
+
shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
|
|
336
|
+
speakAs?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.SpeakAs | undefined> | undefined;
|
|
337
|
+
stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
|
|
338
|
+
stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
|
|
339
|
+
stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
|
|
340
|
+
strokeColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeColor | undefined> | undefined;
|
|
341
|
+
strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
|
|
342
|
+
strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
|
|
343
|
+
strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
|
|
344
|
+
strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
|
|
345
|
+
strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
|
|
346
|
+
strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
|
|
347
|
+
strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
|
|
307
348
|
tabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
|
|
308
349
|
tableLayout?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TableLayout | undefined> | undefined;
|
|
309
350
|
textAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlign | undefined> | undefined;
|
|
310
351
|
textAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
|
|
352
|
+
textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
|
|
353
|
+
textAutospace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAutospace | undefined> | undefined;
|
|
354
|
+
textBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBox | undefined> | undefined;
|
|
355
|
+
textBoxEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxEdge | undefined> | undefined;
|
|
356
|
+
textBoxTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxTrim | undefined> | undefined;
|
|
311
357
|
textCombineUpright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextCombineUpright | undefined> | undefined;
|
|
312
358
|
textDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
|
|
313
359
|
textDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
|
|
@@ -322,10 +368,12 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
322
368
|
textOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOverflow | undefined> | undefined;
|
|
323
369
|
textRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextRendering | undefined> | undefined;
|
|
324
370
|
textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
|
|
371
|
+
textSpacingTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSpacingTrim | undefined> | undefined;
|
|
325
372
|
textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
|
|
326
373
|
textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
|
|
327
374
|
textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
|
|
328
|
-
|
|
375
|
+
textWrapMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapMode | undefined> | undefined;
|
|
376
|
+
textWrapStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapStyle | undefined> | undefined;
|
|
329
377
|
timelineScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TimelineScope | undefined> | undefined;
|
|
330
378
|
top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
|
|
331
379
|
touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
|
|
@@ -341,15 +389,16 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
341
389
|
translate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Translate<string | number> | undefined> | undefined;
|
|
342
390
|
unicodeBidi?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UnicodeBidi | undefined> | undefined;
|
|
343
391
|
userSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
|
|
392
|
+
vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
|
|
344
393
|
verticalAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VerticalAlign<string | number> | undefined> | undefined;
|
|
345
394
|
viewTimelineAxis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineAxis | undefined> | undefined;
|
|
346
395
|
viewTimelineInset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineInset<string | number> | undefined> | undefined;
|
|
347
396
|
viewTimelineName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineName | undefined> | undefined;
|
|
397
|
+
viewTransitionClass?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionClass | undefined> | undefined;
|
|
348
398
|
viewTransitionName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionName | undefined> | undefined;
|
|
349
399
|
visibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Visibility | undefined> | undefined;
|
|
350
400
|
whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
|
|
351
401
|
whiteSpaceCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceCollapse | undefined> | undefined;
|
|
352
|
-
whiteSpaceTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceTrim | undefined> | undefined;
|
|
353
402
|
widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
|
|
354
403
|
width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
|
|
355
404
|
willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
|
|
@@ -357,6 +406,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
357
406
|
wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
|
|
358
407
|
wordWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordWrap | undefined> | undefined;
|
|
359
408
|
writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
|
|
409
|
+
x?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.X<string | number> | undefined> | undefined;
|
|
410
|
+
y?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Y<string | number> | undefined> | undefined;
|
|
360
411
|
zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
|
|
361
412
|
zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
|
|
362
413
|
all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
|
|
@@ -391,12 +442,14 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
391
442
|
overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
|
|
392
443
|
paddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlock<string | number> | undefined> | undefined;
|
|
393
444
|
paddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInline<string | number> | undefined> | undefined;
|
|
445
|
+
positionTry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTry | undefined> | undefined;
|
|
394
446
|
scrollMarginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlock<string | number> | undefined> | undefined;
|
|
395
447
|
scrollMarginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInline<string | number> | undefined> | undefined;
|
|
396
448
|
scrollPaddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined> | undefined;
|
|
397
449
|
scrollPaddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInline<string | number> | undefined> | undefined;
|
|
398
450
|
scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
|
|
399
451
|
scrollTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimeline | undefined> | undefined;
|
|
452
|
+
textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
|
|
400
453
|
viewTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimeline | undefined> | undefined;
|
|
401
454
|
MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
|
|
402
455
|
MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
|
|
@@ -407,6 +460,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
407
460
|
MozAnimationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
|
|
408
461
|
MozAnimationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
|
|
409
462
|
MozAppearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozAppearance | undefined> | undefined;
|
|
463
|
+
MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
|
|
410
464
|
MozBinding?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBinding | undefined> | undefined;
|
|
411
465
|
MozBorderBottomColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderBottomColors | undefined> | undefined;
|
|
412
466
|
MozBorderEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
|
|
@@ -418,8 +472,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
418
472
|
MozBorderStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartStyle | undefined> | undefined;
|
|
419
473
|
MozBorderTopColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderTopColors | undefined> | undefined;
|
|
420
474
|
MozBoxSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxSizing | undefined> | undefined;
|
|
421
|
-
MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
|
|
422
|
-
MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
|
|
423
475
|
MozColumnRuleColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleColor | undefined> | undefined;
|
|
424
476
|
MozColumnRuleStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleStyle | undefined> | undefined;
|
|
425
477
|
MozColumnRuleWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleWidth<string | number> | undefined> | undefined;
|
|
@@ -428,7 +480,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
428
480
|
MozFontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
|
|
429
481
|
MozFontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
|
|
430
482
|
MozHyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
|
|
431
|
-
MozImageRegion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozImageRegion | undefined> | undefined;
|
|
432
483
|
MozMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
|
|
433
484
|
MozMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
|
|
434
485
|
MozOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOrient | undefined> | undefined;
|
|
@@ -439,11 +490,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
439
490
|
MozOutlineRadiusTopright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined> | undefined;
|
|
440
491
|
MozPaddingEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineEnd<string | number> | undefined> | undefined;
|
|
441
492
|
MozPaddingStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineStart<string | number> | undefined> | undefined;
|
|
493
|
+
MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
|
|
494
|
+
MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
|
|
442
495
|
MozStackSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozStackSizing | undefined> | undefined;
|
|
443
496
|
MozTabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
|
|
444
497
|
MozTextBlink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozTextBlink | undefined> | undefined;
|
|
445
498
|
MozTextSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
|
|
446
|
-
|
|
499
|
+
MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
|
|
500
|
+
MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
|
|
501
|
+
MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
|
|
447
502
|
MozUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserModify | undefined> | undefined;
|
|
448
503
|
MozUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
|
|
449
504
|
MozWindowDragging?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozWindowDragging | undefined> | undefined;
|
|
@@ -562,6 +617,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
562
617
|
WebkitJustifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
|
|
563
618
|
WebkitLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
|
|
564
619
|
WebkitLineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitLineClamp | undefined> | undefined;
|
|
620
|
+
WebkitLogicalHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
|
|
621
|
+
WebkitLogicalWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
|
|
565
622
|
WebkitMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
|
|
566
623
|
WebkitMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
|
|
567
624
|
WebkitMaskAttachment?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitMaskAttachment | undefined> | undefined;
|
|
@@ -616,13 +673,14 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
616
673
|
WebkitTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
|
|
617
674
|
WebkitTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
|
|
618
675
|
WebkitUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserModify | undefined> | undefined;
|
|
619
|
-
WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.
|
|
676
|
+
WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserSelect | undefined> | undefined;
|
|
620
677
|
WebkitWritingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
|
|
621
678
|
MozAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
|
|
622
679
|
MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
|
|
623
680
|
MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
|
|
624
681
|
MozColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Columns<string | number> | undefined> | undefined;
|
|
625
682
|
MozOutlineRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadius<string | number> | undefined> | undefined;
|
|
683
|
+
MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
|
|
626
684
|
msContentZoomLimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomLimit | undefined> | undefined;
|
|
627
685
|
msContentZoomSnap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomSnap | undefined> | undefined;
|
|
628
686
|
msFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Flex<string | number> | undefined> | undefined;
|
|
@@ -643,7 +701,6 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
643
701
|
WebkitTextEmphasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextEmphasis | undefined> | undefined;
|
|
644
702
|
WebkitTextStroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitTextStroke<string | number> | undefined> | undefined;
|
|
645
703
|
WebkitTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
|
|
646
|
-
azimuth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Azimuth | undefined> | undefined;
|
|
647
704
|
boxAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxAlign | undefined> | undefined;
|
|
648
705
|
boxDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDirection | undefined> | undefined;
|
|
649
706
|
boxFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxFlex | undefined> | undefined;
|
|
@@ -653,16 +710,22 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
653
710
|
boxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
|
|
654
711
|
boxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
|
|
655
712
|
clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
|
|
713
|
+
fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
|
|
656
714
|
gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
|
|
657
715
|
gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
|
|
658
716
|
gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
|
|
659
717
|
imeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
|
|
718
|
+
insetArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
|
|
660
719
|
offsetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
|
|
661
720
|
offsetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
|
|
662
721
|
offsetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
|
|
663
722
|
offsetInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInline<string | number> | undefined> | undefined;
|
|
664
723
|
offsetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
|
|
665
724
|
offsetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
|
|
725
|
+
pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
|
|
726
|
+
pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
|
|
727
|
+
pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
|
|
728
|
+
positionTryOptions?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
|
|
666
729
|
scrollSnapCoordinate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined> | undefined;
|
|
667
730
|
scrollSnapDestination?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapDestination<string | number> | undefined> | undefined;
|
|
668
731
|
scrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
|
|
@@ -680,9 +743,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
680
743
|
KhtmlLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
|
|
681
744
|
KhtmlOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
|
|
682
745
|
KhtmlUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
|
|
683
|
-
MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
|
|
684
746
|
MozBackgroundClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundClip | undefined> | undefined;
|
|
685
|
-
MozBackgroundInlinePolicy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
|
|
686
747
|
MozBackgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
|
|
687
748
|
MozBackgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
|
|
688
749
|
MozBorderRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRadius<string | number> | undefined> | undefined;
|
|
@@ -697,6 +758,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
697
758
|
MozBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
|
|
698
759
|
MozBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
|
|
699
760
|
MozBoxShadow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxShadow | undefined> | undefined;
|
|
761
|
+
MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
|
|
762
|
+
MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
|
|
700
763
|
MozFloatEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozFloatEdge | undefined> | undefined;
|
|
701
764
|
MozForceBrokenImageIcon?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozForceBrokenImageIcon | undefined> | undefined;
|
|
702
765
|
MozOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
|
|
@@ -704,20 +767,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
704
767
|
MozOutlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
|
|
705
768
|
MozOutlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
|
|
706
769
|
MozOutlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
|
|
707
|
-
MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
|
|
708
|
-
MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
|
|
709
770
|
MozTextAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
|
|
710
771
|
MozTextDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
|
|
711
772
|
MozTextDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
|
|
712
773
|
MozTextDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
|
|
713
|
-
MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
|
|
714
|
-
MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
|
|
715
|
-
MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
|
|
716
|
-
MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
|
|
717
774
|
MozTransitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
|
|
718
775
|
MozTransitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
|
|
719
776
|
MozTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
|
|
720
777
|
MozTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
|
|
778
|
+
MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
|
|
721
779
|
MozUserInput?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserInput | undefined> | undefined;
|
|
722
780
|
msImeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
|
|
723
781
|
OAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
|
|
@@ -750,34 +808,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
|
|
|
750
808
|
WebkitBoxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
|
|
751
809
|
WebkitBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
|
|
752
810
|
WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
|
|
753
|
-
alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
|
|
754
|
-
baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
|
|
755
|
-
clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
|
|
756
811
|
colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
|
|
757
812
|
colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
|
|
758
|
-
dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
|
|
759
|
-
fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
|
|
760
|
-
fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
|
|
761
|
-
fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
|
|
762
|
-
floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
|
|
763
|
-
floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
|
|
764
813
|
glyphOrientationVertical?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GlyphOrientationVertical | undefined> | undefined;
|
|
765
|
-
lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
|
|
766
|
-
markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
|
|
767
|
-
markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
|
|
768
|
-
markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
|
|
769
|
-
shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
|
|
770
|
-
stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
|
|
771
|
-
stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
|
|
772
|
-
stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
|
|
773
|
-
strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
|
|
774
|
-
strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
|
|
775
|
-
strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
|
|
776
|
-
strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
|
|
777
|
-
strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
|
|
778
|
-
strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
|
|
779
|
-
strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
|
|
780
|
-
textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
|
|
781
|
-
vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
|
|
782
814
|
}>;
|
|
783
815
|
};
|
package/createComponent.js
CHANGED
package/createComponent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createSlotInput","createComponent","component","manifest","inputs","Array","isArray","push","inputsObject","Object","keys","forEach","name","acceptsChildren","hasChildren","some","input"],"sources":["createComponent.ts"],"sourcesContent":["import type {\n Component,\n ComponentInput,\n ComponentManifestInput,\n InputFactory\n} from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\nimport type { ExtractInputs } from \"~/types.js\";\n\nexport function createComponent<\n TComponent extends (props: any) => any,\n TInputs extends ExtractInputs<Parameters<TComponent>[0]>\n>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component {\n const inputs: ComponentInput[] = [];\n\n // Normalize inputs to always be an array of objects.\n\n if (Array.isArray(manifest.inputs)) {\n inputs.push(...manifest.inputs);\n } else {\n const inputsObject: Record<string, InputFactory<any>> = manifest.inputs ?? {};\n Object.keys(inputsObject).forEach((name: string) => {\n inputs.push({ ...inputsObject[name], name });\n });\n }\n\n const acceptsChildren = manifest.acceptsChildren;\n\n if (acceptsChildren) {\n const hasChildren = inputs.some(input => input.name === \"children\");\n if (!hasChildren) {\n inputs.push(createSlotInput({ name: \"children\" }));\n }\n }\n\n return {
|
|
1
|
+
{"version":3,"names":["createSlotInput","createComponent","component","manifest","inputs","Array","isArray","push","inputsObject","Object","keys","forEach","name","acceptsChildren","hasChildren","some","input","tags"],"sources":["createComponent.ts"],"sourcesContent":["import type {\n Component,\n ComponentInput,\n ComponentManifest,\n ComponentManifestInput,\n InputFactory\n} from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\nimport type { ExtractInputs } from \"~/types.js\";\n\nexport function createComponent<\n TComponent extends (props: any) => any,\n TInputs extends ExtractInputs<Parameters<TComponent>[0]>\n>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component {\n const inputs: ComponentInput[] = [];\n\n // Normalize inputs to always be an array of objects.\n\n if (Array.isArray(manifest.inputs)) {\n inputs.push(...manifest.inputs);\n } else {\n const inputsObject: Record<string, InputFactory<any>> = manifest.inputs ?? {};\n Object.keys(inputsObject).forEach((name: string) => {\n inputs.push({ ...inputsObject[name], name });\n });\n }\n\n const acceptsChildren = manifest.acceptsChildren;\n\n if (acceptsChildren) {\n const hasChildren = inputs.some(input => input.name === \"children\");\n if (!hasChildren) {\n inputs.push(createSlotInput({ name: \"children\" }));\n }\n }\n\n return {\n component,\n manifest: { ...manifest, tags: manifest.tags ?? [], inputs } as ComponentManifest\n };\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,6BAA6B;AAG7D,OAAO,SAASC,eAAeA,CAG7BC,SAAqB,EAAEC,QAAyC,EAAa;EAC3E,MAAMC,MAAwB,GAAG,EAAE;;EAEnC;;EAEA,IAAIC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAACC,MAAM,CAAC,EAAE;IAChCA,MAAM,CAACG,IAAI,CAAC,GAAGJ,QAAQ,CAACC,MAAM,CAAC;EACnC,CAAC,MAAM;IACH,MAAMI,YAA+C,GAAGL,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;IAC7EK,MAAM,CAACC,IAAI,CAACF,YAAY,CAAC,CAACG,OAAO,CAAEC,IAAY,IAAK;MAChDR,MAAM,CAACG,IAAI,CAAC;QAAE,GAAGC,YAAY,CAACI,IAAI,CAAC;QAAEA;MAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN;EAEA,MAAMC,eAAe,GAAGV,QAAQ,CAACU,eAAe;EAEhD,IAAIA,eAAe,EAAE;IACjB,MAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACJ,IAAI,KAAK,UAAU,CAAC;IACnE,IAAI,CAACE,WAAW,EAAE;MACdV,MAAM,CAACG,IAAI,CAACP,eAAe,CAAC;QAAEY,IAAI,EAAE;MAAW,CAAC,CAAC,CAAC;IACtD;EACJ;EAEA,OAAO;IACHV,SAAS;IACTC,QAAQ,EAAE;MAAE,GAAGA,QAAQ;MAAEc,IAAI,EAAEd,QAAQ,CAACc,IAAI,IAAI,EAAE;MAAEb;IAAO;EAC/D,CAAC;AACL","ignoreList":[]}
|
package/createComponent.test.js
CHANGED
|
@@ -10,7 +10,6 @@ import { createSlotInput } from "@webiny/website-builder-sdk";
|
|
|
10
10
|
|
|
11
11
|
describe("Component Manifest", () => {
|
|
12
12
|
it("should support input arrays and strict input objects", () => {
|
|
13
|
-
// eslint-disable-next-line
|
|
14
13
|
const Button = _ => {
|
|
15
14
|
return null;
|
|
16
15
|
};
|
|
@@ -38,6 +37,7 @@ describe("Component Manifest", () => {
|
|
|
38
37
|
});
|
|
39
38
|
const snapshot = {
|
|
40
39
|
name: "Button",
|
|
40
|
+
tags: [],
|
|
41
41
|
inputs: [{
|
|
42
42
|
type: "text",
|
|
43
43
|
label: "Title",
|
|
@@ -55,7 +55,6 @@ describe("Component Manifest", () => {
|
|
|
55
55
|
expect(button2.manifest).toEqual(snapshot);
|
|
56
56
|
});
|
|
57
57
|
it("acceptsChildren should satisfy the `children` input requirement", () => {
|
|
58
|
-
// eslint-disable-next-line
|
|
59
58
|
const Button = _ => {
|
|
60
59
|
return null;
|
|
61
60
|
};
|
|
@@ -68,6 +67,7 @@ describe("Component Manifest", () => {
|
|
|
68
67
|
expect(manifest).toEqual({
|
|
69
68
|
name: "Button",
|
|
70
69
|
acceptsChildren: true,
|
|
70
|
+
tags: [],
|
|
71
71
|
inputs: [{
|
|
72
72
|
type: "slot",
|
|
73
73
|
list: true,
|
|
@@ -78,7 +78,6 @@ describe("Component Manifest", () => {
|
|
|
78
78
|
});
|
|
79
79
|
});
|
|
80
80
|
it("`acceptsChildren` should work alongside other inputs", () => {
|
|
81
|
-
// eslint-disable-next-line
|
|
82
81
|
const Button = _ => {
|
|
83
82
|
return null;
|
|
84
83
|
};
|
|
@@ -108,6 +107,7 @@ describe("Component Manifest", () => {
|
|
|
108
107
|
const snapshot = {
|
|
109
108
|
name: "Button",
|
|
110
109
|
acceptsChildren: true,
|
|
110
|
+
tags: [],
|
|
111
111
|
inputs: [{
|
|
112
112
|
type: "text",
|
|
113
113
|
renderer: "Webiny/Input",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","expect","it","createComponent","createTextInput","createSlotInput","Button","_","button1","name","inputs","label","button2","title","children","snapshot","type","renderer","list","defaultValue","manifest","toEqual","acceptsChildren"],"sources":["createComponent.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport type { ComponentProps, ExtractInputNames } from \"~/types.js\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { createTextInput } from \"~/index.js\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\n\n/**\n * These tests are aimed at testing TS types rather than functionality itself.\n * // TODO: figure out how to enable typechecking for a single test. Currently it only typechecks at build time.\n */\n\ndescribe(\"Component Manifest\", () => {\n it(\"should support input arrays and strict input objects\", () => {\n
|
|
1
|
+
{"version":3,"names":["describe","expect","it","createComponent","createTextInput","createSlotInput","Button","_","button1","name","inputs","label","button2","title","children","snapshot","tags","type","renderer","list","defaultValue","manifest","toEqual","acceptsChildren"],"sources":["createComponent.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport type { ComponentProps, ExtractInputNames } from \"~/types.js\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { createTextInput } from \"~/index.js\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\n\n/**\n * These tests are aimed at testing TS types rather than functionality itself.\n * // TODO: figure out how to enable typechecking for a single test. Currently it only typechecks at build time.\n */\n\ndescribe(\"Component Manifest\", () => {\n it(\"should support input arrays and strict input objects\", () => {\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n type Inputs = ExtractInputNames<typeof Button>;\n\n const button1 = createComponent(Button, {\n name: \"Button\",\n inputs: [\n // Passing a generic narrows down the `name` property and provides autocomplete.\n createTextInput<Inputs>({\n name: \"title\",\n label: \"Title\"\n }),\n // Skipping the generic still performs typechecks, but doesn't provide autocomplete.\n createSlotInput({\n name: \"children\"\n })\n ]\n });\n\n const button2 = createComponent(Button, {\n name: \"Button\",\n inputs: {\n title: createTextInput({\n label: \"Title\"\n }),\n children: createSlotInput({})\n }\n });\n\n const snapshot = {\n name: \"Button\",\n tags: [],\n inputs: [\n {\n type: \"text\",\n label: \"Title\",\n renderer: \"Webiny/Input\",\n name: \"title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n\n it(\"acceptsChildren should satisfy the `children` input requirement\", () => {\n const Button = (_: ComponentProps<{ children: React.ReactNode }>) => {\n return null;\n };\n\n const { manifest } = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true\n });\n\n expect(manifest).toEqual({\n name: \"Button\",\n acceptsChildren: true,\n tags: [],\n inputs: [\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n name: \"children\",\n defaultValue: []\n }\n ]\n });\n });\n\n it(\"`acceptsChildren` should work alongside other inputs\", () => {\n const Button = (_: ComponentProps<{ title: string; children: React.ReactNode }>) => {\n return null;\n };\n\n // Inputs as array\n const button1 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: [\n createTextInput({\n name: \"title\",\n label: \"Title\"\n })\n ]\n });\n\n // Inputs as object\n const button2 = createComponent(Button, {\n name: \"Button\",\n acceptsChildren: true,\n inputs: {\n title: createTextInput({\n label: \"Title\"\n })\n }\n });\n\n // Both must produce the same component manifest\n const snapshot = {\n name: \"Button\",\n acceptsChildren: true,\n tags: [],\n inputs: [\n {\n type: \"text\",\n renderer: \"Webiny/Input\",\n name: \"title\",\n label: \"Title\"\n },\n {\n type: \"slot\",\n renderer: \"Webiny/Slot\",\n name: \"children\",\n list: true,\n defaultValue: []\n }\n ]\n };\n\n expect(button1.manifest).toEqual(snapshot);\n expect(button2.manifest).toEqual(snapshot);\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import { BoxComponent } from "./Box.js";
|
|
|
5
5
|
export const Box = createComponent(BoxComponent, {
|
|
6
6
|
name: "Webiny/Box",
|
|
7
7
|
label: "Box",
|
|
8
|
+
aiContext: "Generic container with no visual output of its own. Use it to group child elements and apply shared padding, margin, background, or other styles.",
|
|
8
9
|
group: "basic",
|
|
9
10
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z"/></svg>`,
|
|
10
11
|
acceptsChildren: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createComponent","BoxComponent","Box","name","label","group","image","acceptsChildren","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Box.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { BoxComponent } from \"./Box.js\";\n\nexport const Box = createComponent(BoxComponent, {\n name: \"Webiny/Box\",\n label: \"Box\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n acceptsChildren: true,\n defaults: {\n styles: {\n paddingTop: \"5px\",\n paddingRight: \"5px\",\n paddingBottom: \"5px\",\n paddingLeft: \"5px\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,YAAY;AAErB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAACC,YAAY,EAAE;EAC7CE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,eAAe,EAAE,IAAI;EACrBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,KAAK;MACnBC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACjB;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createComponent","BoxComponent","Box","name","label","aiContext","group","image","acceptsChildren","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Box.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { BoxComponent } from \"./Box.js\";\n\nexport const Box = createComponent(BoxComponent, {\n name: \"Webiny/Box\",\n label: \"Box\",\n aiContext:\n \"Generic container with no visual output of its own. Use it to group child elements and apply shared padding, margin, background, or other styles.\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n acceptsChildren: true,\n defaults: {\n styles: {\n paddingTop: \"5px\",\n paddingRight: \"5px\",\n paddingBottom: \"5px\",\n paddingLeft: \"5px\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,YAAY;AAErB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAACC,YAAY,EAAE;EAC7CE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,KAAK;EACZC,SAAS,EACL,mJAAmJ;EACvJC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,eAAe,EAAE,IAAI;EACrBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,KAAK;MACnBC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACjB;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { FragmentComponent } from "./Fragment.js";
|
|
|
6
6
|
export const Fragment = createComponent(FragmentComponent, {
|
|
7
7
|
name: "Webiny/Fragment",
|
|
8
8
|
label: "Fragment",
|
|
9
|
+
useInAiContentGeneration: false,
|
|
9
10
|
group: "basic",
|
|
10
11
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z"/></svg>`,
|
|
11
12
|
inputs: [createTextInput({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTextInput","createComponent","FragmentComponent","Fragment","name","label","group","image","inputs","description","renderer"],"sources":["Fragment.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createTextInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { FragmentComponent } from \"./Fragment.js\";\n\nexport const Fragment = createComponent(FragmentComponent, {\n name: \"Webiny/Fragment\",\n label: \"Fragment\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n inputs: [\n createTextInput({\n name: \"name\",\n label: \"Fragment\",\n description: \"Select fragment to display.\",\n renderer: \"Webiny/FragmentSelector\"\n })\n ]\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,QAAQ,GAAGF,eAAe,CAACC,iBAAiB,EAAE;EACvDE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,UAAU;EACjBC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"names":["createTextInput","createComponent","FragmentComponent","Fragment","name","label","useInAiContentGeneration","group","image","inputs","description","renderer"],"sources":["Fragment.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createTextInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { FragmentComponent } from \"./Fragment.js\";\n\nexport const Fragment = createComponent(FragmentComponent, {\n name: \"Webiny/Fragment\",\n label: \"Fragment\",\n useInAiContentGeneration: false,\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-120v-720h720v720H120Zm80-80h560v-560H200v560Zm0 0v-560 560Z\"/></svg>`,\n inputs: [\n createTextInput({\n name: \"name\",\n label: \"Fragment\",\n description: \"Select fragment to display.\",\n renderer: \"Webiny/FragmentSelector\"\n })\n ]\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,QAAQ,GAAGF,eAAe,CAACC,iBAAiB,EAAE;EACvDE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,UAAU;EACjBC,wBAAwB,EAAE,KAAK;EAC/BC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,+LAA+L;EACtMC,MAAM,EAAE,CACJT,eAAe,CAAC;IACZI,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,UAAU;IACjBK,WAAW,EAAE,6BAA6B;IAC1CC,QAAQ,EAAE;EACd,CAAC,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { GridComponent } from "./Grid.js";
|
|
|
6
6
|
export const Grid = createComponent(GridComponent, {
|
|
7
7
|
name: "Webiny/Grid",
|
|
8
8
|
label: "Grid",
|
|
9
|
+
aiContext: "Multi-column layout container. Set gridLayout to a dash-separated pattern (e.g. '6-6' for two equal columns, '8-4' for wide-narrow, '4-4-4' for three equal). Each segment becomes a GridColumn. Columns stack vertically on smaller screens when stackAtBreakpoint is set.",
|
|
9
10
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z"/></svg>`,
|
|
10
11
|
group: "basic",
|
|
11
12
|
autoApplyStyles: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createBooleanInput","createElement","createNumberInput","createObjectInput","createSelectInput","createSlotInput","createTextInput","createComponent","GridComponent","Grid","name","label","image","group","autoApplyStyles","inputs","renderer","onChange","rowColumnCount","gridLayout","split","length","columns","remainder","fullColumnCount","rowCount","toCreate","Array","from","forEach","push","children","component","defaultValue","minValue","columnCount","Math","max","rows","i","slice","createRows","newRows","map","responsive","styles","rowGap","parseInt","isNaN","columnGap","options","value","list","hideFromUi","fields","components","defaults","boxSizing","display","flexDirection","flexWrap","justifyContent","alignItems","width","marginTop","marginBottom","marginLeft","marginRight","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Grid.manifest.ts"],"sourcesContent":["\"use client\";\nimport {\n createBooleanInput,\n createElement,\n createNumberInput,\n createObjectInput,\n createSelectInput,\n createSlotInput,\n createTextInput\n} from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { GridComponent } from \"./Grid.js\";\n\nexport interface Column {\n children: React.ReactNode;\n}\n\nexport const Grid = createComponent(GridComponent, {\n name: \"Webiny/Grid\",\n label: \"Grid\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z\"/></svg>`,\n group: \"basic\",\n autoApplyStyles: false,\n inputs: [\n createTextInput({\n name: \"gridLayout\",\n label: \"Grid Layout\",\n renderer: \"Webiny/GridLayout\",\n onChange: ({ inputs, createElement }) => {\n const rowColumnCount = inputs.gridLayout.split(\"-\").length;\n const columns = inputs.columns.length;\n\n const remainder = columns % rowColumnCount;\n\n if (remainder !== 0) {\n const fullColumnCount = rowColumnCount * inputs.rowCount;\n const toCreate =\n columns > fullColumnCount ? remainder : rowColumnCount - remainder;\n\n Array.from({ length: toCreate }).forEach(() => {\n inputs.columns.push({\n children: createElement({\n component: \"Webiny/GridColumn\"\n })\n });\n });\n }\n\n inputs.rowCount = inputs.columns.length / rowColumnCount;\n }\n }),\n createNumberInput({\n name: \"rowCount\",\n label: \"Row Count\",\n defaultValue: 1,\n minValue: 1,\n onChange: ({ inputs, createElement }) => {\n const gridLayout = inputs.gridLayout;\n const columnCount = gridLayout.split(\"-\").length;\n const rowCount = Math.max(1, inputs.rowCount);\n const columns = inputs.columns;\n const rows: Column[][] = [];\n\n // Chunk columns into rows\n for (let i = 0; i < columns.length; i += columnCount) {\n rows.push(columns.slice(i, i + columnCount));\n }\n\n if (rows.length > rowCount) {\n inputs.columns = columns.slice(0, columnCount * rowCount);\n return;\n }\n\n const createRows = Math.max(0, rowCount - rows.length);\n\n if (createRows <= 0) {\n return;\n }\n\n const newRows = Array.from({ length: createRows * columnCount }).map(() => {\n return {\n children: createElement({\n component: \"Webiny/GridColumn\"\n })\n };\n });\n\n inputs.columns.push(...newRows);\n }\n }),\n createNumberInput({\n name: \"rowGap\",\n label: \"Row Gap\",\n defaultValue: 0,\n responsive: true,\n onChange: ({ inputs, styles }) => {\n const rowGap = parseInt(inputs.rowGap);\n if (isNaN(rowGap)) {\n delete styles.rowGap;\n } else {\n styles.rowGap = `${inputs.rowGap}px`;\n }\n }\n }),\n createNumberInput({\n name: \"columnGap\",\n label: \"Column Gap\",\n defaultValue: 0,\n responsive: true,\n onChange: ({ inputs, styles }) => {\n const columnGap = parseInt(inputs.columnGap);\n if (isNaN(columnGap)) {\n delete styles.columnGap;\n } else {\n styles.columnGap = `${inputs.columnGap}px`;\n }\n }\n }),\n createSelectInput({\n name: \"stackAtBreakpoint\",\n label: \"Stack at breakpoint\",\n options: [\n { label: \"Tablet\", value: \"tablet\" },\n { label: \"Mobile\", value: \"mobile\" }\n ]\n }),\n createBooleanInput({\n name: \"reverseWhenStacked\",\n label: \"Reverse columns when stacked\"\n }),\n createObjectInput({\n name: \"columns\",\n list: true,\n hideFromUi: true,\n fields: [\n createSlotInput({\n name: \"children\",\n list: false,\n components: [\"Webiny/GridColumn\"]\n })\n ]\n })\n ],\n defaults: {\n inputs: {\n gridLayout: \"6-6\",\n columns: [\n {\n children: createElement({\n component: \"Webiny/GridColumn\",\n inputs: {\n children: [\n createElement({\n component: \"Webiny/Lexical\"\n })\n ]\n }\n })\n },\n {\n children: createElement({\n component: \"Webiny/GridColumn\",\n inputs: {\n children: [\n createElement({\n component: \"Webiny/Lexical\"\n })\n ]\n }\n })\n }\n ]\n },\n styles: {\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n width: \"100%\",\n marginTop: \"0px\",\n marginBottom: \"0px\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n paddingTop: \"5px\",\n paddingRight: \"5px\",\n paddingBottom: \"5px\",\n paddingLeft: \"5px\"\n }\n }\n});\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createBooleanInput","createElement","createNumberInput","createObjectInput","createSelectInput","createSlotInput","createTextInput","createComponent","GridComponent","Grid","name","label","aiContext","image","group","autoApplyStyles","inputs","renderer","onChange","rowColumnCount","gridLayout","split","length","columns","remainder","fullColumnCount","rowCount","toCreate","Array","from","forEach","push","children","component","defaultValue","minValue","columnCount","Math","max","rows","i","slice","createRows","newRows","map","responsive","styles","rowGap","parseInt","isNaN","columnGap","options","value","list","hideFromUi","fields","components","defaults","boxSizing","display","flexDirection","flexWrap","justifyContent","alignItems","width","marginTop","marginBottom","marginLeft","marginRight","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["Grid.manifest.ts"],"sourcesContent":["\"use client\";\nimport {\n createBooleanInput,\n createElement,\n createNumberInput,\n createObjectInput,\n createSelectInput,\n createSlotInput,\n createTextInput\n} from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { GridComponent } from \"./Grid.js\";\n\nexport interface Column {\n children: React.ReactNode;\n}\nexport const Grid = createComponent(GridComponent, {\n name: \"Webiny/Grid\",\n label: \"Grid\",\n aiContext:\n \"Multi-column layout container. Set gridLayout to a dash-separated pattern (e.g. '6-6' for two equal columns, '8-4' for wide-narrow, '4-4-4' for three equal). Each segment becomes a GridColumn. Columns stack vertically on smaller screens when stackAtBreakpoint is set.\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z\"/></svg>`,\n group: \"basic\",\n autoApplyStyles: false,\n inputs: [\n createTextInput({\n name: \"gridLayout\",\n label: \"Grid Layout\",\n renderer: \"Webiny/GridLayout\",\n onChange: ({ inputs, createElement }) => {\n const rowColumnCount = inputs.gridLayout.split(\"-\").length;\n const columns = inputs.columns.length;\n\n const remainder = columns % rowColumnCount;\n\n if (remainder !== 0) {\n const fullColumnCount = rowColumnCount * inputs.rowCount;\n const toCreate =\n columns > fullColumnCount ? remainder : rowColumnCount - remainder;\n\n Array.from({ length: toCreate }).forEach(() => {\n inputs.columns.push({\n children: createElement({\n component: \"Webiny/GridColumn\"\n })\n });\n });\n }\n\n inputs.rowCount = inputs.columns.length / rowColumnCount;\n }\n }),\n createNumberInput({\n name: \"rowCount\",\n label: \"Row Count\",\n defaultValue: 1,\n minValue: 1,\n onChange: ({ inputs, createElement }) => {\n const gridLayout = inputs.gridLayout;\n const columnCount = gridLayout.split(\"-\").length;\n const rowCount = Math.max(1, inputs.rowCount);\n const columns = inputs.columns;\n const rows: Column[][] = [];\n\n // Chunk columns into rows\n for (let i = 0; i < columns.length; i += columnCount) {\n rows.push(columns.slice(i, i + columnCount));\n }\n\n if (rows.length > rowCount) {\n inputs.columns = columns.slice(0, columnCount * rowCount);\n return;\n }\n\n const createRows = Math.max(0, rowCount - rows.length);\n\n if (createRows <= 0) {\n return;\n }\n\n const newRows = Array.from({ length: createRows * columnCount }).map(() => {\n return {\n children: createElement({\n component: \"Webiny/GridColumn\"\n })\n };\n });\n\n inputs.columns.push(...newRows);\n }\n }),\n createNumberInput({\n name: \"rowGap\",\n label: \"Row Gap\",\n defaultValue: 0,\n responsive: true,\n onChange: ({ inputs, styles }) => {\n const rowGap = parseInt(inputs.rowGap);\n if (isNaN(rowGap)) {\n delete styles.rowGap;\n } else {\n styles.rowGap = `${inputs.rowGap}px`;\n }\n }\n }),\n createNumberInput({\n name: \"columnGap\",\n label: \"Column Gap\",\n defaultValue: 0,\n responsive: true,\n onChange: ({ inputs, styles }) => {\n const columnGap = parseInt(inputs.columnGap);\n if (isNaN(columnGap)) {\n delete styles.columnGap;\n } else {\n styles.columnGap = `${inputs.columnGap}px`;\n }\n }\n }),\n createSelectInput({\n name: \"stackAtBreakpoint\",\n label: \"Stack at breakpoint\",\n options: [\n { label: \"Tablet\", value: \"tablet\" },\n { label: \"Mobile\", value: \"mobile\" }\n ]\n }),\n createBooleanInput({\n name: \"reverseWhenStacked\",\n label: \"Reverse columns when stacked\"\n }),\n createObjectInput({\n name: \"columns\",\n list: true,\n hideFromUi: true,\n fields: [\n createSlotInput({\n name: \"children\",\n list: false,\n components: [\"Webiny/GridColumn\"]\n })\n ]\n })\n ],\n defaults: {\n inputs: {\n gridLayout: \"6-6\",\n columns: [\n {\n children: createElement({\n component: \"Webiny/GridColumn\",\n inputs: {\n children: [\n createElement({\n component: \"Webiny/Lexical\"\n })\n ]\n }\n })\n },\n {\n children: createElement({\n component: \"Webiny/GridColumn\",\n inputs: {\n children: [\n createElement({\n component: \"Webiny/Lexical\"\n })\n ]\n }\n })\n }\n ]\n },\n styles: {\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n width: \"100%\",\n marginTop: \"0px\",\n marginBottom: \"0px\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n paddingTop: \"5px\",\n paddingRight: \"5px\",\n paddingBottom: \"5px\",\n paddingLeft: \"5px\"\n }\n }\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { GridColumnComponent } from "./GridColumn.js";
|
|
|
6
6
|
export const GridColumn = createComponent(GridColumnComponent, {
|
|
7
7
|
name: "Webiny/GridColumn",
|
|
8
8
|
label: "Column",
|
|
9
|
+
aiContext: "A single cell inside a Grid. Accepts any child elements. Created automatically when a Grid's layout changes.",
|
|
9
10
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M600-120q-33 0-56.5-23.5T520-200v-560q0-33 23.5-56.5T600-840h160q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H600Zm0-640v560h160v-560H600ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h160q33 0 56.5 23.5T440-760v560q0 33-23.5 56.5T360-120H200Zm0-640v560h160v-560H200Zm560 0H600h160Zm-400 0H200h160Z"/></svg>`,
|
|
10
11
|
canDrag: false,
|
|
11
12
|
canDelete: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSettings","createComponent","GridColumnComponent","GridColumn","name","label","image","canDrag","canDelete","acceptsChildren","hideFromToolbar","hideStyleSettings","Visibility","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["GridColumn.manifest.ts"],"sourcesContent":["\"use client\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { GridColumnComponent } from \"./GridColumn.js\";\n\nexport const GridColumn = createComponent(GridColumnComponent, {\n name: \"Webiny/GridColumn\",\n label: \"Column\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M600-120q-33 0-56.5-23.5T520-200v-560q0-33 23.5-56.5T600-840h160q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H600Zm0-640v560h160v-560H600ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h160q33 0 56.5 23.5T440-760v560q0 33-23.5 56.5T360-120H200Zm0-640v560h160v-560H200Zm560 0H600h160Zm-400 0H200h160Z\"/></svg>`,\n canDrag: false,\n canDelete: false,\n acceptsChildren: true,\n hideFromToolbar: true,\n hideStyleSettings: [StyleSettings.Visibility],\n defaults: {\n styles: {\n paddingTop: \"10px\",\n paddingRight: \"10px\",\n paddingBottom: \"10px\",\n paddingLeft: \"10px\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,UAAU,GAAGF,eAAe,CAACC,mBAAmB,EAAE;EAC3DE,IAAI,EAAE,mBAAmB;EACzBC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,4bAA4b;EACncC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE,IAAI;EACrBC,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"names":["StyleSettings","createComponent","GridColumnComponent","GridColumn","name","label","aiContext","image","canDrag","canDelete","acceptsChildren","hideFromToolbar","hideStyleSettings","Visibility","defaults","styles","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sources":["GridColumn.manifest.ts"],"sourcesContent":["\"use client\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { GridColumnComponent } from \"./GridColumn.js\";\n\nexport const GridColumn = createComponent(GridColumnComponent, {\n name: \"Webiny/GridColumn\",\n label: \"Column\",\n aiContext:\n \"A single cell inside a Grid. Accepts any child elements. Created automatically when a Grid's layout changes.\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e8eaed\"><path d=\"M600-120q-33 0-56.5-23.5T520-200v-560q0-33 23.5-56.5T600-840h160q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H600Zm0-640v560h160v-560H600ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h160q33 0 56.5 23.5T440-760v560q0 33-23.5 56.5T360-120H200Zm0-640v560h160v-560H200Zm560 0H600h160Zm-400 0H200h160Z\"/></svg>`,\n canDrag: false,\n canDelete: false,\n acceptsChildren: true,\n hideFromToolbar: true,\n hideStyleSettings: [StyleSettings.Visibility],\n defaults: {\n styles: {\n paddingTop: \"10px\",\n paddingRight: \"10px\",\n paddingBottom: \"10px\",\n paddingLeft: \"10px\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,UAAU,GAAGF,eAAe,CAACC,mBAAmB,EAAE;EAC3DE,IAAI,EAAE,mBAAmB;EACzBC,KAAK,EAAE,QAAQ;EACfC,SAAS,EACL,8GAA8G;EAClHC,KAAK,EAAE,4bAA4b;EACncC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE,IAAI;EACrBC,iBAAiB,EAAE,CAACZ,aAAa,CAACa,UAAU,CAAC;EAC7CC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,MAAM;MACpBC,aAAa,EAAE,MAAM;MACrBC,WAAW,EAAE;IACjB;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { ImageComponent } from "./Image.js";
|
|
|
6
6
|
export const Image = createComponent(ImageComponent, {
|
|
7
7
|
name: "Webiny/Image",
|
|
8
8
|
label: "Image",
|
|
9
|
+
aiContext: "Displays an image from the file manager with configurable title and alt text.",
|
|
9
10
|
group: "basic",
|
|
10
11
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>`,
|
|
11
12
|
autoApplyStyles: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createFileInput","createTextInput","createComponent","ImageComponent","Image","name","label","group","image","autoApplyStyles","inputs","allowedFileTypes","onChange","title","altText","description","defaults","styles","width"],"sources":["Image.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createFileInput, createTextInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { ImageComponent } from \"./Image.js\";\n\nexport const Image = createComponent(ImageComponent, {\n name: \"Webiny/Image\",\n label: \"Image\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z\"/></svg>`,\n autoApplyStyles: false,\n inputs: {\n image: createFileInput({\n label: \"Image\",\n allowedFileTypes: [\"image/*\"],\n onChange: ({ inputs }) => {\n if (inputs.image) {\n inputs.title = inputs.image.name;\n inputs.altText = inputs.image.name;\n }\n }\n }),\n title: createTextInput({\n label: \"Title\",\n description: \"Title of the image\"\n }),\n altText: createTextInput({\n label: \"Alternate Text\",\n description: \"Shown when the user has disabled images\"\n })\n },\n defaults: {\n styles: {\n width: \"100%\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe,EAAEC,eAAe,QAAQ,6BAA6B;AAC9E,SAASC,eAAe;AACxB,SAASC,cAAc;AAEvB,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAACC,cAAc,EAAE;EACjDE,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,0TAA0T;EACjUC,eAAe,EAAE,KAAK;EACtBC,MAAM,EAAE;IACJF,KAAK,
|
|
1
|
+
{"version":3,"names":["createFileInput","createTextInput","createComponent","ImageComponent","Image","name","label","aiContext","group","image","autoApplyStyles","inputs","allowedFileTypes","onChange","title","altText","description","defaults","styles","width"],"sources":["Image.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createFileInput, createTextInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { ImageComponent } from \"./Image.js\";\n\nexport const Image = createComponent(ImageComponent, {\n name: \"Webiny/Image\",\n label: \"Image\",\n aiContext: \"Displays an image from the file manager with configurable title and alt text.\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z\"/></svg>`,\n autoApplyStyles: false,\n inputs: {\n image: createFileInput({\n label: \"Image\",\n allowedFileTypes: [\"image/*\"],\n onChange: ({ inputs }) => {\n if (inputs.image) {\n inputs.title = inputs.image.name;\n inputs.altText = inputs.image.name;\n }\n }\n }),\n title: createTextInput({\n label: \"Title\",\n description: \"Title of the image\"\n }),\n altText: createTextInput({\n label: \"Alternate Text\",\n description: \"Shown when the user has disabled images\"\n })\n },\n defaults: {\n styles: {\n width: \"100%\"\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe,EAAEC,eAAe,QAAQ,6BAA6B;AAC9E,SAASC,eAAe;AACxB,SAASC,cAAc;AAEvB,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAACC,cAAc,EAAE;EACjDE,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE,+EAA+E;EAC1FC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,0TAA0T;EACjUC,eAAe,EAAE,KAAK;EACtBC,MAAM,EAAE;IACJF,KAAK,EAAET,eAAe,CAAC;MACnBM,KAAK,EAAE,OAAO;MACdM,gBAAgB,EAAE,CAAC,SAAS,CAAC;MAC7BC,QAAQ,EAAEA,CAAC;QAAEF;MAAO,CAAC,KAAK;QACtB,IAAIA,MAAM,CAACF,KAAK,EAAE;UACdE,MAAM,CAACG,KAAK,GAAGH,MAAM,CAACF,KAAK,CAACJ,IAAI;UAChCM,MAAM,CAACI,OAAO,GAAGJ,MAAM,CAACF,KAAK,CAACJ,IAAI;QACtC;MACJ;IACJ,CAAC,CAAC;IACFS,KAAK,EAAEb,eAAe,CAAC;MACnBK,KAAK,EAAE,OAAO;MACdU,WAAW,EAAE;IACjB,CAAC,CAAC;IACFD,OAAO,EAAEd,eAAe,CAAC;MACrBK,KAAK,EAAE,gBAAgB;MACvBU,WAAW,EAAE;IACjB,CAAC;EACL,CAAC;EACDC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { LexicalComponent, createLexicalValue } from "./Lexical.js";
|
|
|
6
6
|
export const Lexical = createComponent(LexicalComponent, {
|
|
7
7
|
name: "Webiny/Lexical",
|
|
8
8
|
label: "Rich Text",
|
|
9
|
+
aiContext: "Rich text content. Generate semantic HTML tags. Do NOT generate markdown.",
|
|
9
10
|
group: "basic",
|
|
10
11
|
image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M280-160v-520H80v-120h520v120H400v520H280Zm360 0v-320H520v-120h360v120H760v320H640Z"/></svg>`,
|
|
11
12
|
inputs: [createLexicalInput({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createLexicalInput","createComponent","LexicalComponent","createLexicalValue","Lexical","name","label","group","image","inputs","defaults","content"],"sources":["Lexical.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createLexicalInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { LexicalComponent, createLexicalValue } from \"./Lexical.js\";\n\nexport const Lexical = createComponent(LexicalComponent, {\n name: \"Webiny/Lexical\",\n label: \"Rich Text\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"M280-160v-520H80v-120h520v120H400v520H280Zm360 0v-320H520v-120h360v120H760v320H640Z\"/></svg>`,\n inputs: [\n createLexicalInput({\n name: \"content\",\n label: \"Content\"\n })\n ],\n defaults: {\n inputs: {\n content: createLexicalValue(\n \"Examine she brother prudent add day ham. Far stairs now coming bed oppose hunted become his. You zealously departure had procuring suspicion. Books whose front would purse if be do decay. Quitting you way formerly disposed perceive ladyship are. Common turned boy direct and yet.\"\n )\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,kBAAkB,QAAQ,6BAA6B;AAChE,SAASC,eAAe;AACxB,SAASC,gBAAgB,EAAEC,kBAAkB;AAE7C,OAAO,MAAMC,OAAO,GAAGH,eAAe,CAACC,gBAAgB,EAAE;EACrDG,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,WAAW;EAClBC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,mMAAmM;EAC1MC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"names":["createLexicalInput","createComponent","LexicalComponent","createLexicalValue","Lexical","name","label","aiContext","group","image","inputs","defaults","content"],"sources":["Lexical.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createLexicalInput } from \"@webiny/website-builder-sdk\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { LexicalComponent, createLexicalValue } from \"./Lexical.js\";\n\nexport const Lexical = createComponent(LexicalComponent, {\n name: \"Webiny/Lexical\",\n label: \"Rich Text\",\n aiContext: \"Rich text content. Generate semantic HTML tags. Do NOT generate markdown.\",\n group: \"basic\",\n image: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"M280-160v-520H80v-120h520v120H400v520H280Zm360 0v-320H520v-120h360v120H760v320H640Z\"/></svg>`,\n inputs: [\n createLexicalInput({\n name: \"content\",\n label: \"Content\"\n })\n ],\n defaults: {\n inputs: {\n content: createLexicalValue(\n \"Examine she brother prudent add day ham. Far stairs now coming bed oppose hunted become his. You zealously departure had procuring suspicion. Books whose front would purse if be do decay. Quitting you way formerly disposed perceive ladyship are. Common turned boy direct and yet.\"\n )\n }\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,kBAAkB,QAAQ,6BAA6B;AAChE,SAASC,eAAe;AACxB,SAASC,gBAAgB,EAAEC,kBAAkB;AAE7C,OAAO,MAAMC,OAAO,GAAGH,eAAe,CAACC,gBAAgB,EAAE;EACrDG,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,WAAW;EAClBC,SAAS,EAAE,2EAA2E;EACtFC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,mMAAmM;EAC1MC,MAAM,EAAE,CACJV,kBAAkB,CAAC;IACfK,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACX,CAAC,CAAC,CACL;EACDK,QAAQ,EAAE;IACND,MAAM,EAAE;MACJE,OAAO,EAAET,kBAAkB,CACvB,yRACJ;IACJ;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,8 @@ export const Root = createComponent(RootComponent, {
|
|
|
6
6
|
name: "Webiny/Root",
|
|
7
7
|
label: "Main Content",
|
|
8
8
|
acceptsChildren: true,
|
|
9
|
-
hideFromToolbar: true
|
|
9
|
+
hideFromToolbar: true,
|
|
10
|
+
useInAiContentGeneration: false
|
|
10
11
|
});
|
|
11
12
|
|
|
12
13
|
//# sourceMappingURL=Root.manifest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createComponent","RootComponent","Root","name","label","acceptsChildren","hideFromToolbar"],"sources":["Root.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { RootComponent } from \"./Root.js\";\n\nexport const Root = createComponent(RootComponent, {\n name: \"Webiny/Root\",\n label: \"Main Content\",\n acceptsChildren: true,\n hideFromToolbar: true\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,aAAa;AAEtB,OAAO,MAAMC,IAAI,GAAGF,eAAe,CAACC,aAAa,EAAE;EAC/CE,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,cAAc;EACrBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE;
|
|
1
|
+
{"version":3,"names":["createComponent","RootComponent","Root","name","label","acceptsChildren","hideFromToolbar","useInAiContentGeneration"],"sources":["Root.manifest.ts"],"sourcesContent":["\"use client\";\nimport { createComponent } from \"~/createComponent.js\";\nimport { RootComponent } from \"./Root.js\";\n\nexport const Root = createComponent(RootComponent, {\n name: \"Webiny/Root\",\n label: \"Main Content\",\n acceptsChildren: true,\n hideFromToolbar: true,\n useInAiContentGeneration: false\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,eAAe;AACxB,SAASC,aAAa;AAEtB,OAAO,MAAMC,IAAI,GAAGF,eAAe,CAACC,aAAa,EAAE;EAC/CE,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,cAAc;EACrBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE,IAAI;EACrBC,wBAAwB,EAAE;AAC9B,CAAC,CAAC","ignoreList":[]}
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from "./components/index.js";
|
|
2
2
|
export * from "./createComponent.js";
|
|
3
|
-
export { createTextInput, createLongTextInput, createNumberInput, createBooleanInput, createColorInput, createFileInput, createDateInput, createLexicalInput, createSelectInput, createRadioInput, createObjectInput, createTagsInput, createSlotInput, createInput, createElement, createTheme, contentSdk, environment, setHeadersProvider, getHeadersProvider, registerComponentGroup, type CssProperties, type Document, type DocumentElement, type Breakpoint, type CreateElementParams, type ContentSDKConfig, type ComponentManifest, type ComponentInput, type WebsiteBuilderThemeInput, StyleSettings } from "@webiny/website-builder-sdk";
|
|
4
|
-
export type { ComponentProps, ComponentPropsWithChildren } from "./types.js";
|
|
3
|
+
export { createTextInput, createLongTextInput, createNumberInput, createBooleanInput, createColorInput, createFileInput, createDateInput, createLexicalInput, createSelectInput, createRadioInput, createObjectInput, createTagsInput, createSlotInput, createInput, createElement, createTheme, contentSdk, environment, setHeadersProvider, getHeadersProvider, registerComponentGroup, type CssProperties, type Document, type DocumentElement, type Breakpoint, type CreateElementParams, type ContentSDKConfig, type ComponentManifest, type ComponentInput, type ComponentConstraint, type WebsiteBuilderThemeInput, StyleSettings } from "@webiny/website-builder-sdk";
|
|
4
|
+
export type { ComponentProps, ComponentPropsWithChildren, InferManifest, InferComponentChange, InferDescendantChange } from "./types.js";
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTextInput","createLongTextInput","createNumberInput","createBooleanInput","createColorInput","createFileInput","createDateInput","createLexicalInput","createSelectInput","createRadioInput","createObjectInput","createTagsInput","createSlotInput","createInput","createElement","createTheme","contentSdk","environment","setHeadersProvider","getHeadersProvider","registerComponentGroup","StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./components/index.js\";\nexport * from \"./createComponent.js\";\n\nexport {\n createTextInput,\n createLongTextInput,\n createNumberInput,\n createBooleanInput,\n createColorInput,\n createFileInput,\n createDateInput,\n createLexicalInput,\n createSelectInput,\n createRadioInput,\n createObjectInput,\n createTagsInput,\n createSlotInput,\n createInput,\n createElement,\n createTheme,\n contentSdk,\n environment,\n setHeadersProvider,\n getHeadersProvider,\n registerComponentGroup,\n type CssProperties,\n type Document,\n type DocumentElement,\n type Breakpoint,\n type CreateElementParams,\n type ContentSDKConfig,\n type ComponentManifest,\n type ComponentInput,\n type WebsiteBuilderThemeInput,\n StyleSettings\n} from \"@webiny/website-builder-sdk\";\n\nexport type {
|
|
1
|
+
{"version":3,"names":["createTextInput","createLongTextInput","createNumberInput","createBooleanInput","createColorInput","createFileInput","createDateInput","createLexicalInput","createSelectInput","createRadioInput","createObjectInput","createTagsInput","createSlotInput","createInput","createElement","createTheme","contentSdk","environment","setHeadersProvider","getHeadersProvider","registerComponentGroup","StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./components/index.js\";\nexport * from \"./createComponent.js\";\n\nexport {\n createTextInput,\n createLongTextInput,\n createNumberInput,\n createBooleanInput,\n createColorInput,\n createFileInput,\n createDateInput,\n createLexicalInput,\n createSelectInput,\n createRadioInput,\n createObjectInput,\n createTagsInput,\n createSlotInput,\n createInput,\n createElement,\n createTheme,\n contentSdk,\n environment,\n setHeadersProvider,\n getHeadersProvider,\n registerComponentGroup,\n type CssProperties,\n type Document,\n type DocumentElement,\n type Breakpoint,\n type CreateElementParams,\n type ContentSDKConfig,\n type ComponentManifest,\n type ComponentInput,\n type ComponentConstraint,\n type WebsiteBuilderThemeInput,\n StyleSettings\n} from \"@webiny/website-builder-sdk\";\n\nexport type {\n ComponentProps,\n ComponentPropsWithChildren,\n InferManifest,\n InferComponentChange,\n InferDescendantChange\n} from \"./types.js\";\n"],"mappings":"AAAA;AACA;AAEA,SACIA,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,EACfC,kBAAkB,EAClBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,EAClBC,sBAAsB,EAWtBC,aAAa,QACV,6BAA6B","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/website-builder-react",
|
|
3
|
-
"version": "0.0.0-unstable.
|
|
3
|
+
"version": "0.0.0-unstable.e6f0dc8ca7",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"main": "index.js",
|
|
6
5
|
"repository": {
|
|
7
6
|
"type": "git",
|
|
8
7
|
"url": "https://github.com/webiny/webiny-js.git"
|
|
@@ -18,22 +17,22 @@
|
|
|
18
17
|
],
|
|
19
18
|
"license": "MIT",
|
|
20
19
|
"dependencies": {
|
|
21
|
-
"@webiny/website-builder-sdk": "0.0.0-unstable.
|
|
20
|
+
"@webiny/website-builder-sdk": "0.0.0-unstable.e6f0dc8ca7",
|
|
22
21
|
"deep-equal": "2.2.3",
|
|
23
|
-
"mobx": "6.15.
|
|
24
|
-
"mobx-react-lite": "
|
|
25
|
-
"react": "18.
|
|
26
|
-
"react-dom": "18.
|
|
22
|
+
"mobx": "6.15.3",
|
|
23
|
+
"mobx-react-lite": "4.1.1",
|
|
24
|
+
"react": "18.3.1",
|
|
25
|
+
"react-dom": "18.3.1"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
|
-
"@types/react": "18.
|
|
30
|
-
"@webiny/build-tools": "0.0.0-unstable.
|
|
31
|
-
"typescript": "
|
|
32
|
-
"vitest": "
|
|
28
|
+
"@types/react": "18.3.28",
|
|
29
|
+
"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
|
|
30
|
+
"typescript": "6.0.3",
|
|
31
|
+
"vitest": "4.1.5"
|
|
33
32
|
},
|
|
34
33
|
"publishConfig": {
|
|
35
34
|
"access": "public",
|
|
36
35
|
"directory": "dist"
|
|
37
36
|
},
|
|
38
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
|
|
39
38
|
}
|
package/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CssProperties, DocumentElement } from "@webiny/website-builder-sdk";
|
|
1
|
+
import type { CssProperties, DocumentElement, ComponentManifestInput, ComponentChangeHandler, DescendantChangeHandler } from "@webiny/website-builder-sdk";
|
|
2
2
|
export type ComponentProps<TInputs = unknown> = {
|
|
3
3
|
inputs: TInputs;
|
|
4
4
|
styles: CssProperties;
|
|
@@ -12,3 +12,38 @@ export type ExtractInputs<T> = T extends {
|
|
|
12
12
|
inputs: infer I;
|
|
13
13
|
} ? I : never;
|
|
14
14
|
export type ExtractInputNames<T extends (props: any) => any> = keyof ExtractInputs<Parameters<T>[0]>;
|
|
15
|
+
/**
|
|
16
|
+
* Infer the full typed ComponentManifestInput from a React component.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```ts
|
|
20
|
+
* import type { InferManifest } from "@webiny/website-builder-nextjs";
|
|
21
|
+
* import type { Funnel } from "./Funnel.js";
|
|
22
|
+
*
|
|
23
|
+
* type FunnelManifest = InferManifest<typeof Funnel>;
|
|
24
|
+
*
|
|
25
|
+
* // Use indexed access for callback types:
|
|
26
|
+
* const handler: FunnelManifest["onDescendantChange"] = ctx => {
|
|
27
|
+
* ctx.inputs.registry; // fully typed
|
|
28
|
+
* };
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export type InferManifest<T extends (props: any) => any> = ComponentManifestInput<ExtractInputs<Parameters<T>[0]>>;
|
|
32
|
+
/**
|
|
33
|
+
* Extract a single typed onChange handler from a component.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```ts
|
|
37
|
+
* const handler: InferComponentChange<typeof Funnel> = ctx => { ... };
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
export type InferComponentChange<T extends (props: any) => any> = ComponentChangeHandler<ExtractInputs<Parameters<T>[0]>>;
|
|
41
|
+
/**
|
|
42
|
+
* Extract a single typed onDescendantChange handler from a component.
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```ts
|
|
46
|
+
* const handler: InferDescendantChange<typeof Funnel> = ctx => { ... };
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
export type InferDescendantChange<T extends (props: any) => any> = DescendantChangeHandler<ExtractInputs<Parameters<T>[0]>>;
|
package/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n CssProperties,\n DocumentElement,\n ComponentManifestInput,\n ComponentChangeHandler,\n DescendantChangeHandler\n} from \"@webiny/website-builder-sdk\";\n\nexport type ComponentProps<TInputs = unknown> = {\n inputs: TInputs;\n styles: CssProperties;\n element: DocumentElement;\n breakpoint: string;\n};\n\nexport type ComponentPropsWithChildren<TInputs = unknown> = ComponentProps<\n TInputs & { children: React.ReactNode }\n>;\n\nexport type ExtractInputs<T> = T extends { inputs: infer I } ? I : never;\n\nexport type ExtractInputNames<T extends (props: any) => any> = keyof ExtractInputs<\n Parameters<T>[0]\n>;\n\n/**\n * Infer the full typed ComponentManifestInput from a React component.\n *\n * @example\n * ```ts\n * import type { InferManifest } from \"@webiny/website-builder-nextjs\";\n * import type { Funnel } from \"./Funnel.js\";\n *\n * type FunnelManifest = InferManifest<typeof Funnel>;\n *\n * // Use indexed access for callback types:\n * const handler: FunnelManifest[\"onDescendantChange\"] = ctx => {\n * ctx.inputs.registry; // fully typed\n * };\n * ```\n */\nexport type InferManifest<T extends (props: any) => any> = ComponentManifestInput<\n ExtractInputs<Parameters<T>[0]>\n>;\n\n/**\n * Extract a single typed onChange handler from a component.\n *\n * @example\n * ```ts\n * const handler: InferComponentChange<typeof Funnel> = ctx => { ... };\n * ```\n */\nexport type InferComponentChange<T extends (props: any) => any> = ComponentChangeHandler<\n ExtractInputs<Parameters<T>[0]>\n>;\n\n/**\n * Extract a single typed onDescendantChange handler from a component.\n *\n * @example\n * ```ts\n * const handler: InferDescendantChange<typeof Funnel> = ctx => { ... };\n * ```\n */\nexport type InferDescendantChange<T extends (props: any) => any> = DescendantChangeHandler<\n ExtractInputs<Parameters<T>[0]>\n>;\n"],"mappings":"","ignoreList":[]}
|