@elementor/editor-editing-panel 4.0.0-683 → 4.0.0-beta5

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 (16) hide show
  1. package/dist/index.d.mts +91 -48
  2. package/dist/index.d.ts +91 -48
  3. package/dist/index.js +119 -98
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +103 -83
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +21 -21
  8. package/src/components/style-sections/position-section/position-section.tsx +58 -21
  9. package/src/controls-registry/controls-registry.tsx +2 -2
  10. package/src/index.ts +1 -0
  11. package/src/styles-inheritance/components/infotip/value-component.tsx +20 -17
  12. package/src/styles-inheritance/components/styles-inheritance-infotip.tsx +8 -10
  13. package/src/styles-inheritance/init-styles-inheritance-transformers.ts +1 -1
  14. package/src/styles-inheritance/transformers/array-transformer.tsx +13 -5
  15. package/src/styles-inheritance/transformers/box-shadow-transformer.tsx +5 -7
  16. package/src/styles-inheritance/transformers/repeater-to-items-transformer.tsx +2 -16
package/dist/index.d.mts CHANGED
@@ -197,13 +197,19 @@ declare const controlTypes: {
197
197
  } | {
198
198
  id: null;
199
199
  url?: any;
200
+ } | {
201
+ id?: any;
202
+ url?: any;
200
203
  } | null;
201
- isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"image-src", {
204
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"svg-src", {
202
205
  url: null;
203
206
  id?: any;
204
207
  } | {
205
208
  id: null;
206
209
  url?: any;
210
+ } | {
211
+ id?: any;
212
+ url?: any;
207
213
  }>;
208
214
  create: {
209
215
  (value: {
@@ -212,12 +218,18 @@ declare const controlTypes: {
212
218
  } | {
213
219
  id: null;
214
220
  url?: any;
215
- }): _elementor_editor_props.TransformablePropValue<"image-src", {
221
+ } | {
222
+ id?: any;
223
+ url?: any;
224
+ }): _elementor_editor_props.TransformablePropValue<"svg-src", {
216
225
  url: null;
217
226
  id?: any;
218
227
  } | {
219
228
  id: null;
220
229
  url?: any;
230
+ } | {
231
+ id?: any;
232
+ url?: any;
221
233
  }>;
222
234
  (value: {
223
235
  url: null;
@@ -225,12 +237,18 @@ declare const controlTypes: {
225
237
  } | {
226
238
  id: null;
227
239
  url?: any;
228
- }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"image-src", {
240
+ } | {
241
+ id?: any;
242
+ url?: any;
243
+ }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"svg-src", {
229
244
  url: null;
230
245
  id?: any;
231
246
  } | {
232
247
  id: null;
233
248
  url?: any;
249
+ } | {
250
+ id?: any;
251
+ url?: any;
234
252
  }>;
235
253
  (value: (prev?: {
236
254
  url: null;
@@ -238,58 +256,79 @@ declare const controlTypes: {
238
256
  } | {
239
257
  id: null;
240
258
  url?: any;
259
+ } | {
260
+ id?: any;
261
+ url?: any;
241
262
  } | undefined) => {
242
263
  url: null;
243
264
  id?: any;
244
265
  } | {
245
266
  id: null;
246
267
  url?: any;
247
- }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"image-src", {
268
+ } | {
269
+ id?: any;
270
+ url?: any;
271
+ }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"svg-src", {
248
272
  url: null;
249
273
  id?: any;
250
274
  } | {
251
275
  id: null;
252
276
  url?: any;
277
+ } | {
278
+ id?: any;
279
+ url?: any;
253
280
  }>;
254
281
  };
255
282
  schema: zod.ZodObject<{
256
- $$type: zod.ZodLiteral<"image-src">;
283
+ $$type: zod.ZodLiteral<"svg-src">;
257
284
  value: zod.ZodType<{
258
285
  url: null;
259
286
  id?: any;
260
287
  } | {
261
288
  id: null;
262
289
  url?: any;
290
+ } | {
291
+ id?: any;
292
+ url?: any;
263
293
  }, zod.ZodTypeDef, {
264
294
  url: null;
265
295
  id?: any;
266
296
  } | {
267
297
  id: null;
268
298
  url?: any;
299
+ } | {
300
+ id?: any;
301
+ url?: any;
269
302
  }>;
270
303
  disabled: zod.ZodOptional<zod.ZodBoolean>;
271
304
  }, "strict", zod.ZodTypeAny, {
272
- $$type: "image-src";
305
+ $$type: "svg-src";
273
306
  value: {
274
307
  url: null;
275
308
  id?: any;
276
309
  } | {
277
310
  id: null;
278
311
  url?: any;
312
+ } | {
313
+ id?: any;
314
+ url?: any;
279
315
  };
280
316
  disabled?: boolean | undefined;
281
317
  }, {
282
- $$type: "image-src";
318
+ $$type: "svg-src";
283
319
  value: {
284
320
  url: null;
285
321
  id?: any;
286
322
  } | {
287
323
  id: null;
288
324
  url?: any;
325
+ } | {
326
+ id?: any;
327
+ url?: any;
289
328
  };
290
329
  disabled?: boolean | undefined;
291
330
  }>;
292
- key: "image-src";
331
+ key: "svg-src";
293
332
  };
294
333
  };
295
334
  readonly text: {
@@ -409,13 +448,13 @@ declare const controlTypes: {
409
448
  readonly layout: "two-columns";
410
449
  readonly propTypeUtil: {
411
450
  extract: (prop: unknown) => {
412
- size: number;
451
+ size: number | "";
413
452
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
414
453
  } | {
415
- size: number;
454
+ size: number | "";
416
455
  unit: "deg" | "rad" | "grad" | "turn";
417
456
  } | {
418
- size: number;
457
+ size: number | "";
419
458
  unit: "s" | "ms";
420
459
  } | {
421
460
  size: "";
@@ -425,13 +464,13 @@ declare const controlTypes: {
425
464
  unit: "custom";
426
465
  } | null;
427
466
  isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"size", {
428
- size: number;
467
+ size: number | "";
429
468
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
430
469
  } | {
431
- size: number;
470
+ size: number | "";
432
471
  unit: "deg" | "rad" | "grad" | "turn";
433
472
  } | {
434
- size: number;
473
+ size: number | "";
435
474
  unit: "s" | "ms";
436
475
  } | {
437
476
  size: "";
@@ -442,13 +481,13 @@ declare const controlTypes: {
442
481
  }>;
443
482
  create: {
444
483
  (value: {
445
- size: number;
484
+ size: number | "";
446
485
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
447
486
  } | {
448
- size: number;
487
+ size: number | "";
449
488
  unit: "deg" | "rad" | "grad" | "turn";
450
489
  } | {
451
- size: number;
490
+ size: number | "";
452
491
  unit: "s" | "ms";
453
492
  } | {
454
493
  size: "";
@@ -457,13 +496,13 @@ declare const controlTypes: {
457
496
  size: string;
458
497
  unit: "custom";
459
498
  }): _elementor_editor_props.TransformablePropValue<"size", {
460
- size: number;
499
+ size: number | "";
461
500
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
462
501
  } | {
463
- size: number;
502
+ size: number | "";
464
503
  unit: "deg" | "rad" | "grad" | "turn";
465
504
  } | {
466
- size: number;
505
+ size: number | "";
467
506
  unit: "s" | "ms";
468
507
  } | {
469
508
  size: "";
@@ -473,13 +512,13 @@ declare const controlTypes: {
473
512
  unit: "custom";
474
513
  }>;
475
514
  (value: {
476
- size: number;
515
+ size: number | "";
477
516
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
478
517
  } | {
479
- size: number;
518
+ size: number | "";
480
519
  unit: "deg" | "rad" | "grad" | "turn";
481
520
  } | {
482
- size: number;
521
+ size: number | "";
483
522
  unit: "s" | "ms";
484
523
  } | {
485
524
  size: "";
@@ -488,13 +527,13 @@ declare const controlTypes: {
488
527
  size: string;
489
528
  unit: "custom";
490
529
  }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"size", {
491
- size: number;
530
+ size: number | "";
492
531
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
493
532
  } | {
494
- size: number;
533
+ size: number | "";
495
534
  unit: "deg" | "rad" | "grad" | "turn";
496
535
  } | {
497
- size: number;
536
+ size: number | "";
498
537
  unit: "s" | "ms";
499
538
  } | {
500
539
  size: "";
@@ -504,13 +543,13 @@ declare const controlTypes: {
504
543
  unit: "custom";
505
544
  }>;
506
545
  (value: (prev?: {
507
- size: number;
546
+ size: number | "";
508
547
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
509
548
  } | {
510
- size: number;
549
+ size: number | "";
511
550
  unit: "deg" | "rad" | "grad" | "turn";
512
551
  } | {
513
- size: number;
552
+ size: number | "";
514
553
  unit: "s" | "ms";
515
554
  } | {
516
555
  size: "";
@@ -519,13 +558,13 @@ declare const controlTypes: {
519
558
  size: string;
520
559
  unit: "custom";
521
560
  } | undefined) => {
522
- size: number;
561
+ size: number | "";
523
562
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
524
563
  } | {
525
- size: number;
564
+ size: number | "";
526
565
  unit: "deg" | "rad" | "grad" | "turn";
527
566
  } | {
528
- size: number;
567
+ size: number | "";
529
568
  unit: "s" | "ms";
530
569
  } | {
531
570
  size: "";
@@ -534,13 +573,13 @@ declare const controlTypes: {
534
573
  size: string;
535
574
  unit: "custom";
536
575
  }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"size", {
537
- size: number;
576
+ size: number | "";
538
577
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
539
578
  } | {
540
- size: number;
579
+ size: number | "";
541
580
  unit: "deg" | "rad" | "grad" | "turn";
542
581
  } | {
543
- size: number;
582
+ size: number | "";
544
583
  unit: "s" | "ms";
545
584
  } | {
546
585
  size: "";
@@ -553,13 +592,13 @@ declare const controlTypes: {
553
592
  schema: zod.ZodObject<{
554
593
  $$type: zod.ZodLiteral<"size">;
555
594
  value: zod.ZodType<{
556
- size: number;
595
+ size: number | "";
557
596
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
558
597
  } | {
559
- size: number;
598
+ size: number | "";
560
599
  unit: "deg" | "rad" | "grad" | "turn";
561
600
  } | {
562
- size: number;
601
+ size: number | "";
563
602
  unit: "s" | "ms";
564
603
  } | {
565
604
  size: "";
@@ -568,13 +607,13 @@ declare const controlTypes: {
568
607
  size: string;
569
608
  unit: "custom";
570
609
  }, zod.ZodTypeDef, {
571
- size: number;
610
+ size: number | "";
572
611
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
573
612
  } | {
574
- size: number;
613
+ size: number | "";
575
614
  unit: "deg" | "rad" | "grad" | "turn";
576
615
  } | {
577
- size: number;
616
+ size: number | "";
578
617
  unit: "s" | "ms";
579
618
  } | {
580
619
  size: "";
@@ -587,13 +626,13 @@ declare const controlTypes: {
587
626
  }, "strict", zod.ZodTypeAny, {
588
627
  $$type: "size";
589
628
  value: {
590
- size: number;
629
+ size: number | "";
591
630
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
592
631
  } | {
593
- size: number;
632
+ size: number | "";
594
633
  unit: "deg" | "rad" | "grad" | "turn";
595
634
  } | {
596
- size: number;
635
+ size: number | "";
597
636
  unit: "s" | "ms";
598
637
  } | {
599
638
  size: "";
@@ -606,13 +645,13 @@ declare const controlTypes: {
606
645
  }, {
607
646
  $$type: "size";
608
647
  value: {
609
- size: number;
648
+ size: number | "";
610
649
  unit: "px" | "em" | "rem" | "%" | "vw" | "vh" | "ch";
611
650
  } | {
612
- size: number;
651
+ size: number | "";
613
652
  unit: "deg" | "rad" | "grad" | "turn";
614
653
  } | {
615
- size: number;
654
+ size: number | "";
616
655
  unit: "s" | "ms";
617
656
  } | {
618
657
  size: "";
@@ -1676,6 +1715,10 @@ type ControlProps<T extends ControlType> = AnyPropertyRequired<ComponentProps<Co
1676
1715
  };
1677
1716
  declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => react.JSX.Element;
1678
1717
 
1718
+ declare const ControlTypeContainer: ({ children, layout }: react.PropsWithChildren<{
1719
+ layout?: ControlLayout;
1720
+ }>) => string | number | boolean | Iterable<react.ReactNode> | react.JSX.Element | null | undefined;
1721
+
1679
1722
  declare const StylesProviderCannotUpdatePropsError: {
1680
1723
  new ({ cause, context }?: {
1681
1724
  cause?: _elementor_utils.ElementorErrorOptions["cause"];
@@ -1812,4 +1855,4 @@ type TagInstance = {
1812
1855
 
1813
1856
  declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
1814
1857
 
1815
- export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
1858
+ export { Control as BaseControl, type ControlType, ControlTypeContainer, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };