@elementor/editor-editing-panel 3.33.0-122 → 3.33.0-124
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +107 -45
- package/dist/index.d.ts +107 -45
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +19 -19
- package/src/controls-registry/controls-registry.tsx +3 -0
package/dist/index.d.mts
CHANGED
|
@@ -3,7 +3,7 @@ import { FontCategory, ControlComponent } from '@elementor/editor-controls';
|
|
|
3
3
|
export { useBoundProp } from '@elementor/editor-controls';
|
|
4
4
|
import * as _elementor_locations from '@elementor/locations';
|
|
5
5
|
import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
|
|
6
|
-
import * as
|
|
6
|
+
import * as react from 'react';
|
|
7
7
|
import { FC, PropsWithChildren, ElementType, ComponentType, Dispatch } from 'react';
|
|
8
8
|
import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
|
|
9
9
|
import * as _elementor_editor_props from '@elementor/editor-props';
|
|
@@ -34,8 +34,8 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
|
|
|
34
34
|
|
|
35
35
|
declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
|
|
36
36
|
|
|
37
|
-
type Props$1 =
|
|
38
|
-
declare const PopoverBody: (props: Props$1) =>
|
|
37
|
+
type Props$1 = react.ComponentProps<typeof PopoverBody$1>;
|
|
38
|
+
declare const PopoverBody: (props: Props$1) => react.JSX.Element;
|
|
39
39
|
|
|
40
40
|
type SectionContentProps = PropsWithChildren<{
|
|
41
41
|
gap?: number;
|
|
@@ -61,7 +61,7 @@ declare const useCustomCss: () => {
|
|
|
61
61
|
declare const useSectionWidth: () => number;
|
|
62
62
|
|
|
63
63
|
declare const registerControlReplacement: (replacement: {
|
|
64
|
-
component:
|
|
64
|
+
component: react.ComponentType;
|
|
65
65
|
condition: ({ value }: {
|
|
66
66
|
value: _elementor_editor_props.PropValue;
|
|
67
67
|
placeholder?: _elementor_editor_props.PropValue;
|
|
@@ -74,7 +74,7 @@ type ActionProps = {
|
|
|
74
74
|
icon: ElementType;
|
|
75
75
|
onClick: () => void;
|
|
76
76
|
};
|
|
77
|
-
declare function Action({ title, visible, icon: Icon, onClick }: ActionProps):
|
|
77
|
+
declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
|
|
78
78
|
|
|
79
79
|
type PopoverActionProps = {
|
|
80
80
|
title: string;
|
|
@@ -84,7 +84,7 @@ type PopoverActionProps = {
|
|
|
84
84
|
close: () => void;
|
|
85
85
|
}>;
|
|
86
86
|
};
|
|
87
|
-
declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps):
|
|
87
|
+
declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): react.JSX.Element | null;
|
|
88
88
|
|
|
89
89
|
declare const controlActionsMenu: _elementor_menus.Menu<{
|
|
90
90
|
Action: typeof Action;
|
|
@@ -150,7 +150,7 @@ declare const controlTypes: {
|
|
|
150
150
|
value: string;
|
|
151
151
|
}[];
|
|
152
152
|
showMode?: "all" | "media" | "sizes";
|
|
153
|
-
}) =>
|
|
153
|
+
}) => react.JSX.Element>;
|
|
154
154
|
readonly layout: "full";
|
|
155
155
|
readonly propTypeUtil: {
|
|
156
156
|
extract: (prop: unknown) => {
|
|
@@ -216,7 +216,7 @@ declare const controlTypes: {
|
|
|
216
216
|
};
|
|
217
217
|
};
|
|
218
218
|
readonly 'svg-media': {
|
|
219
|
-
readonly component: ControlComponent<() =>
|
|
219
|
+
readonly component: ControlComponent<() => react.JSX.Element>;
|
|
220
220
|
readonly layout: "full";
|
|
221
221
|
readonly propTypeUtil: {
|
|
222
222
|
extract: (prop: unknown) => {
|
|
@@ -328,7 +328,7 @@ declare const controlTypes: {
|
|
|
328
328
|
inputDisabled?: boolean;
|
|
329
329
|
helperText?: string;
|
|
330
330
|
sx?: _mui_system.SxProps;
|
|
331
|
-
}) =>
|
|
331
|
+
}) => react.JSX.Element>;
|
|
332
332
|
readonly layout: "full";
|
|
333
333
|
readonly propTypeUtil: {
|
|
334
334
|
extract: (prop: unknown) => string | null;
|
|
@@ -357,7 +357,7 @@ declare const controlTypes: {
|
|
|
357
357
|
readonly textarea: {
|
|
358
358
|
readonly component: ControlComponent<({ placeholder }: {
|
|
359
359
|
placeholder?: string;
|
|
360
|
-
}) =>
|
|
360
|
+
}) => react.JSX.Element>;
|
|
361
361
|
readonly layout: "full";
|
|
362
362
|
readonly propTypeUtil: {
|
|
363
363
|
extract: (prop: unknown) => string | null;
|
|
@@ -386,10 +386,10 @@ declare const controlTypes: {
|
|
|
386
386
|
readonly size: {
|
|
387
387
|
readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, }: Omit<({
|
|
388
388
|
placeholder?: string;
|
|
389
|
-
startIcon?:
|
|
389
|
+
startIcon?: react.ReactNode;
|
|
390
390
|
extendedOptions?: _elementor_editor_controls.ExtendedOption[];
|
|
391
391
|
disableCustom?: boolean;
|
|
392
|
-
anchorRef?:
|
|
392
|
+
anchorRef?: react.RefObject<HTMLDivElement | null>;
|
|
393
393
|
min?: number;
|
|
394
394
|
enablePropTypeUnits?: boolean;
|
|
395
395
|
id?: string;
|
|
@@ -400,10 +400,10 @@ declare const controlTypes: {
|
|
|
400
400
|
variant: "length";
|
|
401
401
|
}) | ({
|
|
402
402
|
placeholder?: string;
|
|
403
|
-
startIcon?:
|
|
403
|
+
startIcon?: react.ReactNode;
|
|
404
404
|
extendedOptions?: _elementor_editor_controls.ExtendedOption[];
|
|
405
405
|
disableCustom?: boolean;
|
|
406
|
-
anchorRef?:
|
|
406
|
+
anchorRef?: react.RefObject<HTMLDivElement | null>;
|
|
407
407
|
min?: number;
|
|
408
408
|
enablePropTypeUnits?: boolean;
|
|
409
409
|
id?: string;
|
|
@@ -414,10 +414,10 @@ declare const controlTypes: {
|
|
|
414
414
|
variant: "angle";
|
|
415
415
|
}) | ({
|
|
416
416
|
placeholder?: string;
|
|
417
|
-
startIcon?:
|
|
417
|
+
startIcon?: react.ReactNode;
|
|
418
418
|
extendedOptions?: _elementor_editor_controls.ExtendedOption[];
|
|
419
419
|
disableCustom?: boolean;
|
|
420
|
-
anchorRef?:
|
|
420
|
+
anchorRef?: react.RefObject<HTMLDivElement | null>;
|
|
421
421
|
min?: number;
|
|
422
422
|
enablePropTypeUnits?: boolean;
|
|
423
423
|
id?: string;
|
|
@@ -428,7 +428,7 @@ declare const controlTypes: {
|
|
|
428
428
|
variant: "time";
|
|
429
429
|
}), "variant"> & {
|
|
430
430
|
variant?: "length" | "time" | "angle";
|
|
431
|
-
}) =>
|
|
431
|
+
}) => react.JSX.Element>;
|
|
432
432
|
readonly layout: "two-columns";
|
|
433
433
|
readonly propTypeUtil: {
|
|
434
434
|
extract: (prop: unknown) => {
|
|
@@ -657,7 +657,7 @@ declare const controlTypes: {
|
|
|
657
657
|
disabled?: boolean;
|
|
658
658
|
}[];
|
|
659
659
|
onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
|
|
660
|
-
}) =>
|
|
660
|
+
}) => react.JSX.Element>;
|
|
661
661
|
readonly layout: "two-columns";
|
|
662
662
|
readonly propTypeUtil: {
|
|
663
663
|
extract: (prop: unknown) => string | null;
|
|
@@ -686,8 +686,8 @@ declare const controlTypes: {
|
|
|
686
686
|
readonly link: {
|
|
687
687
|
readonly component: ControlComponent<(props: {
|
|
688
688
|
queryOptions: {
|
|
689
|
-
|
|
690
|
-
|
|
689
|
+
params: Record<string, unknown>;
|
|
690
|
+
url: string;
|
|
691
691
|
};
|
|
692
692
|
allowCustomValues?: boolean;
|
|
693
693
|
minInputLength?: number;
|
|
@@ -697,49 +697,40 @@ declare const controlTypes: {
|
|
|
697
697
|
context: {
|
|
698
698
|
elementId: string;
|
|
699
699
|
};
|
|
700
|
-
}) =>
|
|
700
|
+
}) => react.JSX.Element>;
|
|
701
701
|
readonly layout: "custom";
|
|
702
702
|
readonly propTypeUtil: {
|
|
703
703
|
extract: (prop: unknown) => {
|
|
704
704
|
destination?: any;
|
|
705
|
-
label?: any;
|
|
706
705
|
isTargetBlank?: any;
|
|
707
706
|
} | null;
|
|
708
707
|
isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"link", {
|
|
709
708
|
destination?: any;
|
|
710
|
-
label?: any;
|
|
711
709
|
isTargetBlank?: any;
|
|
712
710
|
}>;
|
|
713
711
|
create: {
|
|
714
712
|
(value: {
|
|
715
713
|
destination?: any;
|
|
716
|
-
label?: any;
|
|
717
714
|
isTargetBlank?: any;
|
|
718
715
|
}): _elementor_editor_props.TransformablePropValue<"link", {
|
|
719
716
|
destination?: any;
|
|
720
|
-
label?: any;
|
|
721
717
|
isTargetBlank?: any;
|
|
722
718
|
}>;
|
|
723
719
|
(value: {
|
|
724
720
|
destination?: any;
|
|
725
|
-
label?: any;
|
|
726
721
|
isTargetBlank?: any;
|
|
727
722
|
}, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"link", {
|
|
728
723
|
destination?: any;
|
|
729
|
-
label?: any;
|
|
730
724
|
isTargetBlank?: any;
|
|
731
725
|
}>;
|
|
732
726
|
(value: (prev?: {
|
|
733
727
|
destination?: any;
|
|
734
|
-
label?: any;
|
|
735
728
|
isTargetBlank?: any;
|
|
736
729
|
} | undefined) => {
|
|
737
730
|
destination?: any;
|
|
738
|
-
label?: any;
|
|
739
731
|
isTargetBlank?: any;
|
|
740
732
|
}, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"link", {
|
|
741
733
|
destination?: any;
|
|
742
|
-
label?: any;
|
|
743
734
|
isTargetBlank?: any;
|
|
744
735
|
}>;
|
|
745
736
|
};
|
|
@@ -747,11 +738,9 @@ declare const controlTypes: {
|
|
|
747
738
|
$$type: zod.ZodLiteral<"link">;
|
|
748
739
|
value: zod.ZodType<{
|
|
749
740
|
destination?: any;
|
|
750
|
-
label?: any;
|
|
751
741
|
isTargetBlank?: any;
|
|
752
742
|
}, zod.ZodTypeDef, {
|
|
753
743
|
destination?: any;
|
|
754
|
-
label?: any;
|
|
755
744
|
isTargetBlank?: any;
|
|
756
745
|
}>;
|
|
757
746
|
disabled: zod.ZodOptional<zod.ZodBoolean>;
|
|
@@ -759,7 +748,6 @@ declare const controlTypes: {
|
|
|
759
748
|
$$type: "link";
|
|
760
749
|
value: {
|
|
761
750
|
destination?: any;
|
|
762
|
-
label?: any;
|
|
763
751
|
isTargetBlank?: any;
|
|
764
752
|
};
|
|
765
753
|
disabled?: boolean | undefined;
|
|
@@ -767,7 +755,6 @@ declare const controlTypes: {
|
|
|
767
755
|
$$type: "link";
|
|
768
756
|
value: {
|
|
769
757
|
destination?: any;
|
|
770
|
-
label?: any;
|
|
771
758
|
isTargetBlank?: any;
|
|
772
759
|
};
|
|
773
760
|
disabled?: boolean | undefined;
|
|
@@ -775,10 +762,85 @@ declare const controlTypes: {
|
|
|
775
762
|
key: "link";
|
|
776
763
|
};
|
|
777
764
|
};
|
|
765
|
+
readonly query: {
|
|
766
|
+
readonly component: ControlComponent<(props: {
|
|
767
|
+
queryOptions: {
|
|
768
|
+
params: Record<string, unknown>;
|
|
769
|
+
url: string;
|
|
770
|
+
};
|
|
771
|
+
allowCustomValues?: boolean;
|
|
772
|
+
minInputLength?: number;
|
|
773
|
+
placeholder?: string;
|
|
774
|
+
onSetValue?: (value: any | null) => void;
|
|
775
|
+
}) => react.JSX.Element>;
|
|
776
|
+
readonly layout: "full";
|
|
777
|
+
readonly propTypeUtil: {
|
|
778
|
+
extract: (prop: unknown) => {
|
|
779
|
+
id?: any;
|
|
780
|
+
label?: any;
|
|
781
|
+
} | null;
|
|
782
|
+
isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"query", {
|
|
783
|
+
id?: any;
|
|
784
|
+
label?: any;
|
|
785
|
+
}>;
|
|
786
|
+
create: {
|
|
787
|
+
(value: {
|
|
788
|
+
id?: any;
|
|
789
|
+
label?: any;
|
|
790
|
+
}): _elementor_editor_props.TransformablePropValue<"query", {
|
|
791
|
+
id?: any;
|
|
792
|
+
label?: any;
|
|
793
|
+
}>;
|
|
794
|
+
(value: {
|
|
795
|
+
id?: any;
|
|
796
|
+
label?: any;
|
|
797
|
+
}, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"query", {
|
|
798
|
+
id?: any;
|
|
799
|
+
label?: any;
|
|
800
|
+
}>;
|
|
801
|
+
(value: (prev?: {
|
|
802
|
+
id?: any;
|
|
803
|
+
label?: any;
|
|
804
|
+
} | undefined) => {
|
|
805
|
+
id?: any;
|
|
806
|
+
label?: any;
|
|
807
|
+
}, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"query", {
|
|
808
|
+
id?: any;
|
|
809
|
+
label?: any;
|
|
810
|
+
}>;
|
|
811
|
+
};
|
|
812
|
+
schema: zod.ZodObject<{
|
|
813
|
+
$$type: zod.ZodLiteral<"query">;
|
|
814
|
+
value: zod.ZodType<{
|
|
815
|
+
id?: any;
|
|
816
|
+
label?: any;
|
|
817
|
+
}, zod.ZodTypeDef, {
|
|
818
|
+
id?: any;
|
|
819
|
+
label?: any;
|
|
820
|
+
}>;
|
|
821
|
+
disabled: zod.ZodOptional<zod.ZodBoolean>;
|
|
822
|
+
}, "strict", zod.ZodTypeAny, {
|
|
823
|
+
$$type: "query";
|
|
824
|
+
value: {
|
|
825
|
+
id?: any;
|
|
826
|
+
label?: any;
|
|
827
|
+
};
|
|
828
|
+
disabled?: boolean | undefined;
|
|
829
|
+
}, {
|
|
830
|
+
$$type: "query";
|
|
831
|
+
value: {
|
|
832
|
+
id?: any;
|
|
833
|
+
label?: any;
|
|
834
|
+
};
|
|
835
|
+
disabled?: boolean | undefined;
|
|
836
|
+
}>;
|
|
837
|
+
key: "query";
|
|
838
|
+
};
|
|
839
|
+
};
|
|
778
840
|
readonly url: {
|
|
779
841
|
readonly component: ControlComponent<({ placeholder }: {
|
|
780
842
|
placeholder?: string;
|
|
781
|
-
}) =>
|
|
843
|
+
}) => react.JSX.Element>;
|
|
782
844
|
readonly layout: "full";
|
|
783
845
|
readonly propTypeUtil: {
|
|
784
846
|
extract: (prop: unknown) => string | null;
|
|
@@ -805,7 +867,7 @@ declare const controlTypes: {
|
|
|
805
867
|
};
|
|
806
868
|
};
|
|
807
869
|
readonly switch: {
|
|
808
|
-
readonly component: ControlComponent<() =>
|
|
870
|
+
readonly component: ControlComponent<() => react.JSX.Element>;
|
|
809
871
|
readonly layout: "two-columns";
|
|
810
872
|
readonly propTypeUtil: {
|
|
811
873
|
extract: (prop: unknown) => boolean | null;
|
|
@@ -838,8 +900,8 @@ declare const controlTypes: {
|
|
|
838
900
|
min?: number;
|
|
839
901
|
step?: number;
|
|
840
902
|
shouldForceInt?: boolean;
|
|
841
|
-
startIcon?:
|
|
842
|
-
}) =>
|
|
903
|
+
startIcon?: react.ReactNode;
|
|
904
|
+
}) => react.JSX.Element>;
|
|
843
905
|
readonly layout: "two-columns";
|
|
844
906
|
readonly propTypeUtil: {
|
|
845
907
|
extract: (prop: unknown) => number | null;
|
|
@@ -884,11 +946,11 @@ declare const controlTypes: {
|
|
|
884
946
|
addItemTooltipProps?: {
|
|
885
947
|
disabled?: boolean;
|
|
886
948
|
enableTooltip?: boolean;
|
|
887
|
-
tooltipContent?:
|
|
949
|
+
tooltipContent?: react.ReactNode;
|
|
888
950
|
newItemIndex?: number;
|
|
889
951
|
ariaLabel?: string;
|
|
890
952
|
};
|
|
891
|
-
}) =>
|
|
953
|
+
}) => react.JSX.Element | null>;
|
|
892
954
|
readonly layout: "full";
|
|
893
955
|
readonly propTypeUtil: undefined;
|
|
894
956
|
};
|
|
@@ -904,7 +966,7 @@ declare const controlTypes: {
|
|
|
904
966
|
keyHelper?: string;
|
|
905
967
|
valueHelper?: string;
|
|
906
968
|
};
|
|
907
|
-
}) =>
|
|
969
|
+
}) => react.JSX.Element>;
|
|
908
970
|
readonly layout: "full";
|
|
909
971
|
readonly propTypeUtil: {
|
|
910
972
|
extract: (prop: unknown) => {
|
|
@@ -984,7 +1046,7 @@ declare class ControlsRegistry {
|
|
|
984
1046
|
declare const controlsRegistry: ControlsRegistry;
|
|
985
1047
|
|
|
986
1048
|
type SectionType = {
|
|
987
|
-
component: () =>
|
|
1049
|
+
component: () => react.JSX.Element;
|
|
988
1050
|
name: string;
|
|
989
1051
|
title: string;
|
|
990
1052
|
};
|
|
@@ -993,7 +1055,7 @@ type Props = {
|
|
|
993
1055
|
fields?: string[];
|
|
994
1056
|
unmountOnExit?: boolean;
|
|
995
1057
|
};
|
|
996
|
-
declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props) =>
|
|
1058
|
+
declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props) => react.JSX.Element;
|
|
997
1059
|
|
|
998
1060
|
declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
|
|
999
1061
|
|
|
@@ -1003,7 +1065,7 @@ declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUISty
|
|
|
1003
1065
|
} | {
|
|
1004
1066
|
isOverridden?: boolean;
|
|
1005
1067
|
getColor?: ((theme: Theme) => string) | null;
|
|
1006
|
-
}),
|
|
1068
|
+
}), react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1007
1069
|
|
|
1008
1070
|
declare function useClassesProp(): string;
|
|
1009
1071
|
|
|
@@ -1062,6 +1124,6 @@ type SubtitleOptions = TitleOptions & {
|
|
|
1062
1124
|
declare const getTitle: ({ provider, styleId, elementId }: TitleOptions) => string;
|
|
1063
1125
|
declare const getSubtitle: ({ provider, styleId, propDisplayName, elementId }: SubtitleOptions) => string;
|
|
1064
1126
|
|
|
1065
|
-
declare const CustomCssIndicator: () =>
|
|
1127
|
+
declare const CustomCssIndicator: () => react.JSX.Element | null;
|
|
1066
1128
|
|
|
1067
1129
|
export { CustomCssIndicator, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoStyleTab, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStyle, useStylesRerender };
|