@elementor/editor-controls 4.2.0-beta2 → 4.3.0-1001

package/dist/index.d.mts

@@ -653,21 +653,7 @@ type SortableItemSettings<T> = BaseItemSettings<T> & {
         index: number;
     }) => string;
 };
-type RepeaterProps<T> = {
-    label: string;
-    values?: T[];
-    openOnAdd?: boolean;
-    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
-    disabled?: boolean;
-    disableAddItemButton?: boolean;
-    addButtonInfotipContent?: React$1.ReactNode;
-    showDuplicate?: boolean;
-    showToggle?: boolean;
-    showRemove?: boolean;
-    openItem?: number;
-    isSortable: false;
-    itemSettings: BaseItemSettings<T>;
-} | {
+type BaseProps<T> = {
     label: string;
     values?: T[];
     openOnAdd?: boolean;
@@ -679,10 +665,18 @@ type RepeaterProps<T> = {
     showToggle?: boolean;
     showRemove?: boolean;
     openItem?: number;
+    adornment?: React$1.FC;
+};
+type SortableProps<T> = BaseProps<T> & {
     isSortable?: true;
     itemSettings: SortableItemSettings<T>;
 };
-declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, addButtonInfotipContent, openItem: initialOpenItem, isSortable, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
+type NonSortableProps<T> = BaseProps<T> & {
+    isSortable?: false;
+    itemSettings: BaseItemSettings<T>;
+};
+type RepeaterProps<T> = SortableProps<T> | NonSortableProps<T>;
+declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, addButtonInfotipContent, openItem: initialOpenItem, isSortable, adornment, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 
 declare const PopoverGridContainer: React$1.ForwardRefExoticComponent<{
     gap?: number;

package/dist/index.d.ts

@@ -653,21 +653,7 @@ type SortableItemSettings<T> = BaseItemSettings<T> & {
         index: number;
     }) => string;
 };
-type RepeaterProps<T> = {
-    label: string;
-    values?: T[];
-    openOnAdd?: boolean;
-    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
-    disabled?: boolean;
-    disableAddItemButton?: boolean;
-    addButtonInfotipContent?: React$1.ReactNode;
-    showDuplicate?: boolean;
-    showToggle?: boolean;
-    showRemove?: boolean;
-    openItem?: number;
-    isSortable: false;
-    itemSettings: BaseItemSettings<T>;
-} | {
+type BaseProps<T> = {
     label: string;
     values?: T[];
     openOnAdd?: boolean;
@@ -679,10 +665,18 @@ type RepeaterProps<T> = {
     showToggle?: boolean;
     showRemove?: boolean;
     openItem?: number;
+    adornment?: React$1.FC;
+};
+type SortableProps<T> = BaseProps<T> & {
     isSortable?: true;
     itemSettings: SortableItemSettings<T>;
 };
-declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, addButtonInfotipContent, openItem: initialOpenItem, isSortable, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
+type NonSortableProps<T> = BaseProps<T> & {
+    isSortable?: false;
+    itemSettings: BaseItemSettings<T>;
+};
+type RepeaterProps<T> = SortableProps<T> | NonSortableProps<T>;
+declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, addButtonInfotipContent, openItem: initialOpenItem, isSortable, adornment, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 
 declare const PopoverGridContainer: React$1.ForwardRefExoticComponent<{
     gap?: number;

package/dist/index.js

@@ -7309,7 +7309,6 @@ var import_i18n53 = require("@wordpress/i18n");
 var import_editor_elements6 = require("@elementor/editor-elements");
 var import_events2 = require("@elementor/events");
 var getBaseEventProperties = (data, config) => ({
-  app_type: config?.appTypes?.editor ?? "editor",
   window_name: config?.appTypes?.editor ?? "editor",
   interaction_type: config?.triggers?.click ?? "Click",
   target_name: data.target_name,
@@ -8312,7 +8311,7 @@ var shouldShowMentionsInfo = () => {
 };
 
 // src/controls/email-form-action-control/email-chips-field.tsx
-var EmailChipsField = ({ fieldLabel, placeholder }) => {
+var EmailChipsControl = createControl(({ placeholder }) => {
   const { value, setValue, disabled } = useBoundProp(import_editor_props65.stringArrayPropTypeUtil);
   const [inputValue, setInputValue] = (0, import_react69.useState)("");
   const items2 = value || [];
@@ -8348,7 +8347,7 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       tryAddChip(inputValue);
     }
   };
-  return /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React116.createElement(ControlActions, null, /* @__PURE__ */ React116.createElement(
     import_ui100.Autocomplete,
     {
       fullWidth: true,
@@ -8371,8 +8370,9 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       renderInput: (params) => /* @__PURE__ */ React116.createElement(import_ui100.TextField, { ...params, placeholder, onKeyDown: handleKeyDown }),
       renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React116.createElement(ChipsList, { getLabel: (option) => option, getTagProps, values: tagValues })
     }
-  )));
-};
+  ));
+});
+var EmailChipsField = ({ fieldLabel, placeholder }) => /* @__PURE__ */ React116.createElement(import_ui100.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(import_ui100.Grid, { item: true }, /* @__PURE__ */ React116.createElement(EmailChipsControl, { placeholder })));
 
 // src/controls/email-form-action-control/email-field.tsx
 var React117 = __toESM(require("react"));
@@ -8380,7 +8380,7 @@ var import_ui101 = require("@elementor/ui");
 var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React117.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React117.createElement(import_ui101.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(import_ui101.Grid, { item: true }, /* @__PURE__ */ React117.createElement(TextControl, { placeholder }))));
 
 // src/controls/email-form-action-control/fields.tsx
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: (0, import_i18n57.__)("Send to", "elementor"), placeholder });
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "to" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: (0, import_i18n57.__)("Send to", "elementor"), placeholder }));
 var SubjectField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
@@ -8452,7 +8452,7 @@ var SendAsField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider,
 var EmailFormActionControl = createControl(
   ({ toPlaceholder, label }) => {
     const { value, setValue, ...propContext } = useBoundProp(import_editor_props66.emailsPropTypeUtil);
-    return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n58.__)("settings", "elementor") : (0, import_i18n58.__)("Email settings", "elementor")), /* @__PURE__ */ React119.createElement(PropKeyProvider, { bind: "to" }, /* @__PURE__ */ React119.createElement(SendToField, { placeholder: toPlaceholder })), /* @__PURE__ */ React119.createElement(SubjectField, null), /* @__PURE__ */ React119.createElement(MessageField, null), /* @__PURE__ */ React119.createElement(FromEmailField, null), /* @__PURE__ */ React119.createElement(AdvancedSettings, null)));
+    return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n58.__)("settings", "elementor") : (0, import_i18n58.__)("Email settings", "elementor")), /* @__PURE__ */ React119.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React119.createElement(SubjectField, null), /* @__PURE__ */ React119.createElement(MessageField, null), /* @__PURE__ */ React119.createElement(FromEmailField, null), /* @__PURE__ */ React119.createElement(AdvancedSettings, null)));
   }
 );
 var AdvancedSettings = () => /* @__PURE__ */ React119.createElement(import_editor_ui16.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React119.createElement(import_ui103.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React119.createElement(import_ui103.Stack, { gap: 2 }, /* @__PURE__ */ React119.createElement(FromNameField, null), /* @__PURE__ */ React119.createElement(ReplyToField, null), /* @__PURE__ */ React119.createElement(CcField, null), /* @__PURE__ */ React119.createElement(BccField, null), /* @__PURE__ */ React119.createElement(import_ui103.Divider, null), /* @__PURE__ */ React119.createElement(MetaDataField, null), /* @__PURE__ */ React119.createElement(SendAsField, null))));
@@ -8665,7 +8665,8 @@ var Repeater3 = ({
   disableAddItemButton = false,
   addButtonInfotipContent,
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
-  isSortable = true
+  isSortable = true,
+  adornment = ControlAdornments
 }) => {
   const [openItem, setOpenItem] = (0, import_react73.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
@@ -8743,7 +8744,7 @@ var Repeater3 = ({
     },
     /* @__PURE__ */ React126.createElement(import_icons40.PlusIcon, { fontSize: SIZE12 })
   );
-  return /* @__PURE__ */ React126.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React126.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React126.createElement(
+  return /* @__PURE__ */ React126.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React126.createElement(RepeaterHeader, { label, adornment }, shouldShowInfotip ? /* @__PURE__ */ React126.createElement(
     import_ui110.Infotip,
     {
       placement: "right",