@webiny/app-website-builder 0.0.0-unstable.ac6ebf63c6 → 0.0.0-unstable.df7a8bb475

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.
Files changed (6) hide show
  1. package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.d.ts +79 -47
  2. package/BaseEditor/hooks/useKeyHandler.js +1 -1
  3. package/BaseEditor/hooks/useKeyHandler.js.map +1 -1
  4. package/package.json +24 -24
  5. package/presentation/navigation/NextjsConfig/markdownComponents.js +23 -3
  6. package/presentation/navigation/NextjsConfig/markdownComponents.js.map +1 -1
package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.d.ts CHANGED
@@ -15,6 +15,9 @@ export declare const useBindingsForElement: (elementId: string) => {
15
15
  alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
16
16
  alignSelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignSelf | undefined> | undefined;
17
17
  alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
18
+ alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
19
+ anchorName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorName | undefined> | undefined;
20
+ anchorScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnchorScope | undefined> | undefined;
18
21
  animationComposition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationComposition | undefined> | undefined;
19
22
  animationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
20
23
  animationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
@@ -40,7 +43,7 @@ export declare const useBindingsForElement: (elementId: string) => {
40
43
  backgroundPositionY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionY<string | number> | undefined> | undefined;
41
44
  backgroundRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundRepeat | undefined> | undefined;
42
45
  backgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
43
- blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
46
+ baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
44
47
  blockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
45
48
  borderBlockEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndColor | undefined> | undefined;
46
49
  borderBlockEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndStyle | undefined> | undefined;
@@ -87,8 +90,10 @@ export declare const useBindingsForElement: (elementId: string) => {
87
90
  caretColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretColor | undefined> | undefined;
88
91
  caretShape?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretShape | undefined> | undefined;
89
92
  clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
93
+ clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
90
94
  color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
91
95
  colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
96
+ colorInterpolationFilters?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolationFilters | undefined> | undefined;
92
97
  colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
93
98
  columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
94
99
  columnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
@@ -111,15 +116,24 @@ export declare const useBindingsForElement: (elementId: string) => {
111
116
  counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
112
117
  counterSet?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterSet | undefined> | undefined;
113
118
  cursor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cursor | undefined> | undefined;
119
+ cx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cx<string | number> | undefined> | undefined;
120
+ cy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cy<string | number> | undefined> | undefined;
121
+ d?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.D | undefined> | undefined;
114
122
  direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
115
123
  display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
124
+ dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
116
125
  emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
126
+ fieldSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FieldSizing | undefined> | undefined;
127
+ fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
128
+ fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
117
129
  flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
118
130
  flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
119
131
  flexGrow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexGrow | undefined> | undefined;
120
132
  flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
121
133
  flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
122
134
  float?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Float | undefined> | undefined;
135
+ floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
136
+ floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
123
137
  fontFamily?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFamily | undefined> | undefined;
124
138
  fontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
125
139
  fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
@@ -129,7 +143,6 @@ export declare const useBindingsForElement: (elementId: string) => {
129
143
  fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
130
144
  fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
131
145
  fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
132
- fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
133
146
  fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
134
147
  fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
135
148
  fontSynthesisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisPosition | undefined> | undefined;
@@ -145,6 +158,7 @@ export declare const useBindingsForElement: (elementId: string) => {
145
158
  fontVariantPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantPosition | undefined> | undefined;
146
159
  fontVariationSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariationSettings | undefined> | undefined;
147
160
  fontWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWeight | undefined> | undefined;
161
+ fontWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWidth | undefined> | undefined;
148
162
  forcedColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ForcedColorAdjust | undefined> | undefined;
149
163
  gridAutoColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoColumns<string | number> | undefined> | undefined;
150
164
  gridAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoFlow | undefined> | undefined;
@@ -165,12 +179,13 @@ export declare const useBindingsForElement: (elementId: string) => {
165
179
  imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
166
180
  imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
167
181
  initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
182
+ initialLetterAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetterAlign | undefined> | undefined;
168
183
  inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
169
- inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
170
184
  insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
171
185
  insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
172
186
  insetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
173
187
  insetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
188
+ interpolateSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InterpolateSize | undefined> | undefined;
174
189
  isolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Isolation | undefined> | undefined;
175
190
  justifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
176
191
  justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
@@ -178,6 +193,7 @@ export declare const useBindingsForElement: (elementId: string) => {
178
193
  justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
179
194
  left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
180
195
  letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
196
+ lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
181
197
  lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
182
198
  lineHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeight<string | number> | undefined> | undefined;
183
199
  lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
@@ -193,6 +209,9 @@ export declare const useBindingsForElement: (elementId: string) => {
193
209
  marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
194
210
  marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
195
211
  marginTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTrim | undefined> | undefined;
212
+ markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
213
+ markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
214
+ markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
196
215
  maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
197
216
  maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
198
217
  maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
@@ -227,6 +246,7 @@ export declare const useBindingsForElement: (elementId: string) => {
227
246
  motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
228
247
  objectFit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectFit | undefined> | undefined;
229
248
  objectPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectPosition<string | number> | undefined> | undefined;
249
+ objectViewBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectViewBox | undefined> | undefined;
230
250
  offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
231
251
  offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
232
252
  offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
@@ -260,25 +280,32 @@ export declare const useBindingsForElement: (elementId: string) => {
260
280
  paddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingRight<string | number> | undefined> | undefined;
261
281
  paddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingTop<string | number> | undefined> | undefined;
262
282
  page?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Page | undefined> | undefined;
263
- pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
264
- pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
265
- pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
266
283
  paintOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaintOrder | undefined> | undefined;
267
284
  perspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
268
285
  perspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
269
286
  pointerEvents?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PointerEvents | undefined> | undefined;
270
287
  position?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Position | undefined> | undefined;
288
+ positionAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionAnchor | undefined> | undefined;
289
+ positionArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
290
+ positionTryFallbacks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
291
+ positionTryOrder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryOrder | undefined> | undefined;
292
+ positionVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionVisibility | undefined> | undefined;
271
293
  printColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
272
294
  quotes?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Quotes | undefined> | undefined;
295
+ r?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.R<string | number> | undefined> | undefined;
273
296
  resize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Resize | undefined> | undefined;
274
297
  right?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Right<string | number> | undefined> | undefined;
275
298
  rotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rotate | undefined> | undefined;
276
299
  rowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RowGap<string | number> | undefined> | undefined;
277
300
  rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
278
301
  rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
302
+ rubyOverhang?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyOverhang | undefined> | undefined;
279
303
  rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
304
+ rx?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rx<string | number> | undefined> | undefined;
305
+ ry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Ry<string | number> | undefined> | undefined;
280
306
  scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
281
307
  scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
308
+ scrollInitialTarget?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollInitialTarget | undefined> | undefined;
282
309
  scrollMarginBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined> | undefined;
283
310
  scrollMarginBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined> | undefined;
284
311
  scrollMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
@@ -310,10 +337,28 @@ export declare const useBindingsForElement: (elementId: string) => {
310
337
  shapeImageThreshold?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeImageThreshold | undefined> | undefined;
311
338
  shapeMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeMargin<string | number> | undefined> | undefined;
312
339
  shapeOutside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeOutside | undefined> | undefined;
340
+ shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
341
+ speakAs?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.SpeakAs | undefined> | undefined;
342
+ stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
343
+ stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
344
+ stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
345
+ strokeColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeColor | undefined> | undefined;
346
+ strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
347
+ strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
348
+ strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
349
+ strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
350
+ strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
351
+ strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
352
+ strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
313
353
  tabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
314
354
  tableLayout?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TableLayout | undefined> | undefined;
315
355
  textAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlign | undefined> | undefined;
316
356
  textAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
357
+ textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
358
+ textAutospace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAutospace | undefined> | undefined;
359
+ textBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBox | undefined> | undefined;
360
+ textBoxEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxEdge | undefined> | undefined;
361
+ textBoxTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextBoxTrim | undefined> | undefined;
317
362
  textCombineUpright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextCombineUpright | undefined> | undefined;
318
363
  textDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
319
364
  textDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
@@ -328,10 +373,12 @@ export declare const useBindingsForElement: (elementId: string) => {
328
373
  textOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOverflow | undefined> | undefined;
329
374
  textRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextRendering | undefined> | undefined;
330
375
  textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
376
+ textSpacingTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSpacingTrim | undefined> | undefined;
331
377
  textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
332
378
  textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
333
379
  textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
334
- textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
380
+ textWrapMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapMode | undefined> | undefined;
381
+ textWrapStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapStyle | undefined> | undefined;
335
382
  timelineScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TimelineScope | undefined> | undefined;
336
383
  top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
337
384
  touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
@@ -346,15 +393,16 @@ export declare const useBindingsForElement: (elementId: string) => {
346
393
  translate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Translate<string | number> | undefined> | undefined;
347
394
  unicodeBidi?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UnicodeBidi | undefined> | undefined;
348
395
  userSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
396
+ vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
349
397
  verticalAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VerticalAlign<string | number> | undefined> | undefined;
350
398
  viewTimelineAxis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineAxis | undefined> | undefined;
351
399
  viewTimelineInset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineInset<string | number> | undefined> | undefined;
352
400
  viewTimelineName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineName | undefined> | undefined;
401
+ viewTransitionClass?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionClass | undefined> | undefined;
353
402
  viewTransitionName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionName | undefined> | undefined;
354
403
  visibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Visibility | undefined> | undefined;
355
404
  whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
356
405
  whiteSpaceCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceCollapse | undefined> | undefined;
357
- whiteSpaceTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceTrim | undefined> | undefined;
358
406
  widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
359
407
  width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
360
408
  willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
@@ -362,6 +410,8 @@ export declare const useBindingsForElement: (elementId: string) => {
362
410
  wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
363
411
  wordWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordWrap | undefined> | undefined;
364
412
  writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
413
+ x?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.X<string | number> | undefined> | undefined;
414
+ y?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Y<string | number> | undefined> | undefined;
365
415
  zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
366
416
  all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
367
417
  animationRange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationRange<string | number> | undefined> | undefined;
@@ -394,12 +444,14 @@ export declare const useBindingsForElement: (elementId: string) => {
394
444
  overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
395
445
  paddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlock<string | number> | undefined> | undefined;
396
446
  paddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInline<string | number> | undefined> | undefined;
447
+ positionTry?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTry | undefined> | undefined;
397
448
  scrollMarginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlock<string | number> | undefined> | undefined;
398
449
  scrollMarginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInline<string | number> | undefined> | undefined;
399
450
  scrollPaddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined> | undefined;
400
451
  scrollPaddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInline<string | number> | undefined> | undefined;
401
452
  scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
402
453
  scrollTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimeline | undefined> | undefined;
454
+ textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
403
455
  viewTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimeline | undefined> | undefined;
404
456
  MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
405
457
  MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
@@ -410,6 +462,7 @@ export declare const useBindingsForElement: (elementId: string) => {
410
462
  MozAnimationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
411
463
  MozAnimationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
412
464
  MozAppearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozAppearance | undefined> | undefined;
465
+ MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
413
466
  MozBinding?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBinding | undefined> | undefined;
414
467
  MozBorderBottomColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderBottomColors | undefined> | undefined;
415
468
  MozBorderEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
@@ -421,8 +474,6 @@ export declare const useBindingsForElement: (elementId: string) => {
421
474
  MozBorderStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartStyle | undefined> | undefined;
422
475
  MozBorderTopColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderTopColors | undefined> | undefined;
423
476
  MozBoxSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxSizing | undefined> | undefined;
424
- MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
425
- MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
426
477
  MozColumnRuleColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleColor | undefined> | undefined;
427
478
  MozColumnRuleStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleStyle | undefined> | undefined;
428
479
  MozColumnRuleWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRuleWidth<string | number> | undefined> | undefined;
@@ -431,7 +482,6 @@ export declare const useBindingsForElement: (elementId: string) => {
431
482
  MozFontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
432
483
  MozFontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
433
484
  MozHyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
434
- MozImageRegion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozImageRegion | undefined> | undefined;
435
485
  MozMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
436
486
  MozMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
437
487
  MozOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOrient | undefined> | undefined;
@@ -442,11 +492,15 @@ export declare const useBindingsForElement: (elementId: string) => {
442
492
  MozOutlineRadiusTopright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined> | undefined;
443
493
  MozPaddingEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineEnd<string | number> | undefined> | undefined;
444
494
  MozPaddingStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineStart<string | number> | undefined> | undefined;
495
+ MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
496
+ MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
445
497
  MozStackSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozStackSizing | undefined> | undefined;
446
498
  MozTabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
447
499
  MozTextBlink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozTextBlink | undefined> | undefined;
448
500
  MozTextSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
449
- MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
501
+ MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
502
+ MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
503
+ MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
450
504
  MozUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserModify | undefined> | undefined;
451
505
  MozUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
452
506
  MozWindowDragging?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozWindowDragging | undefined> | undefined;
@@ -565,6 +619,8 @@ export declare const useBindingsForElement: (elementId: string) => {
565
619
  WebkitJustifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
566
620
  WebkitLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
567
621
  WebkitLineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitLineClamp | undefined> | undefined;
622
+ WebkitLogicalHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
623
+ WebkitLogicalWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
568
624
  WebkitMarginEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
569
625
  WebkitMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
570
626
  WebkitMaskAttachment?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitMaskAttachment | undefined> | undefined;
@@ -619,13 +675,14 @@ export declare const useBindingsForElement: (elementId: string) => {
619
675
  WebkitTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
620
676
  WebkitTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
621
677
  WebkitUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserModify | undefined> | undefined;
622
- WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
678
+ WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserSelect | undefined> | undefined;
623
679
  WebkitWritingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
624
680
  MozAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
625
681
  MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
626
682
  MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
627
683
  MozColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Columns<string | number> | undefined> | undefined;
628
684
  MozOutlineRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadius<string | number> | undefined> | undefined;
685
+ MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
629
686
  msContentZoomLimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomLimit | undefined> | undefined;
630
687
  msContentZoomSnap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomSnap | undefined> | undefined;
631
688
  msFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Flex<string | number> | undefined> | undefined;
@@ -646,7 +703,6 @@ export declare const useBindingsForElement: (elementId: string) => {
646
703
  WebkitTextEmphasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextEmphasis | undefined> | undefined;
647
704
  WebkitTextStroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitTextStroke<string | number> | undefined> | undefined;
648
705
  WebkitTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
649
- azimuth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Azimuth | undefined> | undefined;
650
706
  boxAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxAlign | undefined> | undefined;
651
707
  boxDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDirection | undefined> | undefined;
652
708
  boxFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxFlex | undefined> | undefined;
@@ -656,16 +712,22 @@ export declare const useBindingsForElement: (elementId: string) => {
656
712
  boxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
657
713
  boxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
658
714
  clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
715
+ fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
659
716
  gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
660
717
  gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
661
718
  gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
662
719
  imeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
720
+ insetArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
663
721
  offsetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
664
722
  offsetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
665
723
  offsetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
666
724
  offsetInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInline<string | number> | undefined> | undefined;
667
725
  offsetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
668
726
  offsetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
727
+ pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
728
+ pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
729
+ pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
730
+ positionTryOptions?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
669
731
  scrollSnapCoordinate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined> | undefined;
670
732
  scrollSnapDestination?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapDestination<string | number> | undefined> | undefined;
671
733
  scrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
@@ -683,9 +745,7 @@ export declare const useBindingsForElement: (elementId: string) => {
683
745
  KhtmlLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
684
746
  KhtmlOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
685
747
  KhtmlUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
686
- MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
687
748
  MozBackgroundClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundClip | undefined> | undefined;
688
- MozBackgroundInlinePolicy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
689
749
  MozBackgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
690
750
  MozBackgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
691
751
  MozBorderRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRadius<string | number> | undefined> | undefined;
@@ -700,6 +760,8 @@ export declare const useBindingsForElement: (elementId: string) => {
700
760
  MozBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
701
761
  MozBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
702
762
  MozBoxShadow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxShadow | undefined> | undefined;
763
+ MozColumnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
764
+ MozColumnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
703
765
  MozFloatEdge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozFloatEdge | undefined> | undefined;
704
766
  MozForceBrokenImageIcon?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozForceBrokenImageIcon | undefined> | undefined;
705
767
  MozOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
@@ -707,20 +769,15 @@ export declare const useBindingsForElement: (elementId: string) => {
707
769
  MozOutlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
708
770
  MozOutlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
709
771
  MozOutlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
710
- MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
711
- MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
712
772
  MozTextAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
713
773
  MozTextDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
714
774
  MozTextDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
715
775
  MozTextDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
716
- MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
717
- MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
718
- MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
719
- MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
720
776
  MozTransitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
721
777
  MozTransitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
722
778
  MozTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
723
779
  MozTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
780
+ MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
724
781
  MozUserInput?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserInput | undefined> | undefined;
725
782
  msImeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
726
783
  OAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
@@ -753,34 +810,9 @@ export declare const useBindingsForElement: (elementId: string) => {
753
810
  WebkitBoxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
754
811
  WebkitBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
755
812
  WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
756
- alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
757
- baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
758
- clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
759
813
  colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
760
814
  colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
761
- dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
762
- fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
763
- fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
764
- floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
765
- floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
766
815
  glyphOrientationVertical?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GlyphOrientationVertical | undefined> | undefined;
767
- lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
768
- markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
769
- markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
770
- markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
771
- shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
772
- stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
773
- stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
774
- stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
775
- strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
776
- strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
777
- strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
778
- strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
779
- strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
780
- strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
781
- strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
782
- textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
783
- vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
784
816
  }>;
785
817
  };
786
818
  inheritanceMap: {
package/BaseEditor/hooks/useKeyHandler.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import isHotkey from "is-hotkey";
2
+ import { isHotkey } from "is-hotkey";
3
3
  import { mdbid } from "@webiny/utils";
4
4
  const keyStack = {};
5
5
  let listener = false;
package/BaseEditor/hooks/useKeyHandler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","isHotkey","mdbid","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","addEventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","idRef","useRef","useMemo","current"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport isHotkey from \"is-hotkey\";\nimport { mdbid } from \"@webiny/utils\";\n\ninterface KeyHandler {\n id: string;\n handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n if (listener || !document.body) {\n return;\n }\n document.body.addEventListener(\"keydown\", ev => {\n if (!ev.target) {\n return;\n }\n const target = ev.target as HTMLElement;\n // We ignore all keyboard events coming from within contentEditable element and inputs.\n if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n return;\n }\n\n const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n if (matchedKey && keyStack[matchedKey].length > 0) {\n const item = keyStack[matchedKey][0];\n item.handler(ev);\n ev.stopPropagation();\n }\n });\n\n listener = true;\n};\n\nconst addKeyHandler = (\n id: string,\n key: string,\n handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n setupListener();\n keyStack[key] = keyStack[key] || [];\n if (!keyStack[key].find(item => item.id === id)) {\n keyStack[key].unshift({ id, handler });\n }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n if (!keyStack[key]) {\n return;\n }\n\n const index = keyStack[key].findIndex(item => item.id === id);\n if (index >= 0) {\n keyStack[key].splice(index, 1);\n }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n addKeyHandler: AddKeyHandlerType;\n removeKeyHandler: RemoveKeyHandlerType;\n} {\n const idRef = React.useRef(mdbid());\n\n return React.useMemo(\n () => ({\n addKeyHandler(key, handler) {\n addKeyHandler(idRef.current, key, handler);\n },\n removeKeyHandler(key) {\n removeKeyHandler(idRef.current, key);\n }\n }),\n []\n );\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","isHotkey","mdbid","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","addEventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","idRef","useRef","useMemo","current"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { mdbid } from \"@webiny/utils\";\n\ninterface KeyHandler {\n id: string;\n handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n if (listener || !document.body) {\n return;\n }\n document.body.addEventListener(\"keydown\", ev => {\n if (!ev.target) {\n return;\n }\n const target = ev.target as HTMLElement;\n // We ignore all keyboard events coming from within contentEditable element and inputs.\n if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n return;\n }\n\n const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n if (matchedKey && keyStack[matchedKey].length > 0) {\n const item = keyStack[matchedKey][0];\n item.handler(ev);\n ev.stopPropagation();\n }\n });\n\n listener = true;\n};\n\nconst addKeyHandler = (\n id: string,\n key: string,\n handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n setupListener();\n keyStack[key] = keyStack[key] || [];\n if (!keyStack[key].find(item => item.id === id)) {\n keyStack[key].unshift({ id, handler });\n }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n if (!keyStack[key]) {\n return;\n }\n\n const index = keyStack[key].findIndex(item => item.id === id);\n if (index >= 0) {\n keyStack[key].splice(index, 1);\n }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n addKeyHandler: AddKeyHandlerType;\n removeKeyHandler: RemoveKeyHandlerType;\n} {\n const idRef = React.useRef(mdbid());\n\n return React.useMemo(\n () => ({\n addKeyHandler(key, handler) {\n addKeyHandler(idRef.current, key, handler);\n },\n removeKeyHandler(key) {\n removeKeyHandler(idRef.current, key);\n }\n }),\n []\n );\n}\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-website-builder",
3
- "version": "0.0.0-unstable.ac6ebf63c6",
3
+ "version": "0.0.0-unstable.df7a8bb475",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -17,27 +17,27 @@
17
17
  "@monaco-editor/react": "4.7.0",
18
18
  "@svgr/webpack": "6.5.1",
19
19
  "@types/react": "18.2.79",
20
- "@webiny/admin-ui": "0.0.0-unstable.ac6ebf63c6",
21
- "@webiny/app": "0.0.0-unstable.ac6ebf63c6",
22
- "@webiny/app-aco": "0.0.0-unstable.ac6ebf63c6",
23
- "@webiny/app-admin": "0.0.0-unstable.ac6ebf63c6",
24
- "@webiny/app-headless-cms-common": "0.0.0-unstable.ac6ebf63c6",
25
- "@webiny/app-utils": "0.0.0-unstable.ac6ebf63c6",
26
- "@webiny/error": "0.0.0-unstable.ac6ebf63c6",
27
- "@webiny/feature": "0.0.0-unstable.ac6ebf63c6",
28
- "@webiny/form": "0.0.0-unstable.ac6ebf63c6",
29
- "@webiny/icons": "0.0.0-unstable.ac6ebf63c6",
30
- "@webiny/lexical-converter": "0.0.0-unstable.ac6ebf63c6",
31
- "@webiny/lexical-editor": "0.0.0-unstable.ac6ebf63c6",
32
- "@webiny/lexical-nodes": "0.0.0-unstable.ac6ebf63c6",
33
- "@webiny/lexical-theme": "0.0.0-unstable.ac6ebf63c6",
34
- "@webiny/plugins": "0.0.0-unstable.ac6ebf63c6",
35
- "@webiny/react-composition": "0.0.0-unstable.ac6ebf63c6",
36
- "@webiny/react-properties": "0.0.0-unstable.ac6ebf63c6",
37
- "@webiny/ui": "0.0.0-unstable.ac6ebf63c6",
38
- "@webiny/utils": "0.0.0-unstable.ac6ebf63c6",
39
- "@webiny/validation": "0.0.0-unstable.ac6ebf63c6",
40
- "@webiny/website-builder-sdk": "0.0.0-unstable.ac6ebf63c6",
20
+ "@webiny/admin-ui": "0.0.0-unstable.df7a8bb475",
21
+ "@webiny/app": "0.0.0-unstable.df7a8bb475",
22
+ "@webiny/app-aco": "0.0.0-unstable.df7a8bb475",
23
+ "@webiny/app-admin": "0.0.0-unstable.df7a8bb475",
24
+ "@webiny/app-headless-cms-common": "0.0.0-unstable.df7a8bb475",
25
+ "@webiny/app-utils": "0.0.0-unstable.df7a8bb475",
26
+ "@webiny/error": "0.0.0-unstable.df7a8bb475",
27
+ "@webiny/feature": "0.0.0-unstable.df7a8bb475",
28
+ "@webiny/form": "0.0.0-unstable.df7a8bb475",
29
+ "@webiny/icons": "0.0.0-unstable.df7a8bb475",
30
+ "@webiny/lexical-converter": "0.0.0-unstable.df7a8bb475",
31
+ "@webiny/lexical-editor": "0.0.0-unstable.df7a8bb475",
32
+ "@webiny/lexical-nodes": "0.0.0-unstable.df7a8bb475",
33
+ "@webiny/lexical-theme": "0.0.0-unstable.df7a8bb475",
34
+ "@webiny/plugins": "0.0.0-unstable.df7a8bb475",
35
+ "@webiny/react-composition": "0.0.0-unstable.df7a8bb475",
36
+ "@webiny/react-properties": "0.0.0-unstable.df7a8bb475",
37
+ "@webiny/ui": "0.0.0-unstable.df7a8bb475",
38
+ "@webiny/utils": "0.0.0-unstable.df7a8bb475",
39
+ "@webiny/validation": "0.0.0-unstable.df7a8bb475",
40
+ "@webiny/website-builder-sdk": "0.0.0-unstable.df7a8bb475",
41
41
  "apollo-cache": "1.3.5",
42
42
  "apollo-client": "2.6.10",
43
43
  "apollo-link": "1.2.14",
@@ -73,7 +73,7 @@
73
73
  "@types/react-virtualized": "9.22.3",
74
74
  "@types/resize-observer-browser": "0.1.11",
75
75
  "@types/store": "2.0.5",
76
- "@webiny/build-tools": "0.0.0-unstable.ac6ebf63c6",
76
+ "@webiny/build-tools": "0.0.0-unstable.df7a8bb475",
77
77
  "execa": "5.1.1",
78
78
  "rimraf": "6.1.3",
79
79
  "typescript": "5.9.3",
@@ -95,5 +95,5 @@
95
95
  ]
96
96
  }
97
97
  },
98
- "gitHead": "ac6ebf63c6de308703d41f2c1b375e03cd96b813"
98
+ "gitHead": "df7a8bb4755a1da047f0af8c56bdb649cc81bf7d"
99
99
  }
package/presentation/navigation/NextjsConfig/markdownComponents.js CHANGED
@@ -1,11 +1,31 @@
1
- import React from "react";
1
+ import React, { useCallback, useRef } from "react";
2
+ import { ReactComponent as CopyIcon } from "@webiny/icons/content_copy.svg";
3
+ import { IconButton, useToast } from "@webiny/admin-ui";
2
4
  export const markdownComponents = {
3
5
  pre: ({
4
6
  children
5
7
  }) => {
8
+ const codeRef = useRef(null);
9
+ const toast = useToast();
10
+ const copyToClipboard = useCallback(() => {
11
+ const codeElement = codeRef.current?.querySelector("code");
12
+ if (!codeElement) {
13
+ return;
14
+ }
15
+ navigator.clipboard.writeText(codeElement.innerText);
16
+ toast.showSuccessToast({
17
+ title: "Copied to clipboard!"
18
+ });
19
+ }, []);
6
20
  return /*#__PURE__*/React.createElement("pre", {
7
- className: "p-md bg-neutral-dimmed rounded mt-2"
8
- }, children);
21
+ className: "p-md bg-neutral-dimmed rounded mt-2 relative",
22
+ ref: element => codeRef.current = element
23
+ }, /*#__PURE__*/React.createElement(IconButton, {
24
+ variant: "secondary",
25
+ icon: /*#__PURE__*/React.createElement(CopyIcon, null),
26
+ className: "absolute right-[10px] top-[10px] cursor-pointer",
27
+ onClick: copyToClipboard
28
+ }), children);
9
29
  }
10
30
  };
11
31
 
package/presentation/navigation/NextjsConfig/markdownComponents.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","markdownComponents","pre","children","createElement","className"],"sources":["markdownComponents.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const markdownComponents = {\n pre: ({ children }: { children: React.ReactNode }) => {\n return <pre className={\"p-md bg-neutral-dimmed rounded mt-2\"}>{children}</pre>;\n }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,GAAG,EAAEA,CAAC;IAAEC;EAAwC,CAAC,KAAK;IAClD,oBAAOH,KAAA,CAAAI,aAAA;MAAKC,SAAS,EAAE;IAAsC,GAAEF,QAAc,CAAC;EAClF;AACJ,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useRef","ReactComponent","CopyIcon","IconButton","useToast","markdownComponents","pre","children","codeRef","toast","copyToClipboard","codeElement","current","querySelector","navigator","clipboard","writeText","innerText","showSuccessToast","title","createElement","className","ref","element","variant","icon","onClick"],"sources":["markdownComponents.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { IconButton, useToast } from \"@webiny/admin-ui\";\n\nexport const markdownComponents = {\n pre: ({ children }: { children: React.ReactNode }) => {\n const codeRef = useRef<HTMLPreElement | null>(null);\n const toast = useToast();\n\n const copyToClipboard = useCallback(() => {\n const codeElement = codeRef.current?.querySelector(\"code\");\n if (!codeElement) {\n return;\n }\n\n navigator.clipboard.writeText(codeElement.innerText);\n toast.showSuccessToast({ title: \"Copied to clipboard!\" });\n }, []);\n\n return (\n <pre\n className={\"p-md bg-neutral-dimmed rounded mt-2 relative\"}\n ref={element => (codeRef.current = element)}\n >\n <IconButton\n variant={\"secondary\"}\n icon={<CopyIcon />}\n className={\"absolute right-[10px] top-[10px] cursor-pointer\"}\n onClick={copyToClipboard}\n />\n {children}\n </pre>\n );\n }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,GAAG,EAAEA,CAAC;IAAEC;EAAwC,CAAC,KAAK;IAClD,MAAMC,OAAO,GAAGR,MAAM,CAAwB,IAAI,CAAC;IACnD,MAAMS,KAAK,GAAGL,QAAQ,CAAC,CAAC;IAExB,MAAMM,eAAe,GAAGX,WAAW,CAAC,MAAM;MACtC,MAAMY,WAAW,GAAGH,OAAO,CAACI,OAAO,EAAEC,aAAa,CAAC,MAAM,CAAC;MAC1D,IAAI,CAACF,WAAW,EAAE;QACd;MACJ;MAEAG,SAAS,CAACC,SAAS,CAACC,SAAS,CAACL,WAAW,CAACM,SAAS,CAAC;MACpDR,KAAK,CAACS,gBAAgB,CAAC;QAAEC,KAAK,EAAE;MAAuB,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC;IAEN,oBACIrB,KAAA,CAAAsB,aAAA;MACIC,SAAS,EAAE,8CAA+C;MAC1DC,GAAG,EAAEC,OAAO,IAAKf,OAAO,CAACI,OAAO,GAAGW;IAAS,gBAE5CzB,KAAA,CAAAsB,aAAA,CAACjB,UAAU;MACPqB,OAAO,EAAE,WAAY;MACrBC,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAE;MACnBmB,SAAS,EAAE,iDAAkD;MAC7DK,OAAO,EAAEhB;IAAgB,CAC5B,CAAC,EACDH,QACA,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}