@elementor/editor-controls 4.3.0-965 → 4.3.0-967

package/dist/index.mjs

@@ -779,11 +779,11 @@ function useTypingBuffer(options = {}) {
 var lengthUnits = ["px", "%", "em", "rem", "vw", "vh", "ch"];
 var angleUnits = ["deg", "rad", "grad", "turn"];
 var timeUnits = ["s", "ms"];
-var defaultExtendedOptions = ["auto", "custom"];
 var DEFAULT_UNIT = "px";
 var DEFAULT_SIZE = NaN;
+var extendedOptions = ["auto", "custom"];
 function isUnitExtendedOption(unit) {
-  return defaultExtendedOptions.includes(unit);
+  return extendedOptions.includes(unit);
 }
 
 // src/components/size-control/text-field-inner-selection.tsx
@@ -1121,13 +1121,13 @@ var TextFieldPopover = (props) => {
 import { useMemo } from "react";
 function useSizeExtendedOptions(options, disableCustom) {
   return useMemo(() => {
-    const extendedOptions = [...options];
-    if (!disableCustom && !extendedOptions.includes("custom")) {
-      extendedOptions.push("custom");
+    const extendedOptions2 = [...options];
+    if (!disableCustom && !extendedOptions2.includes("custom")) {
+      extendedOptions2.push("custom");
     } else if (options.includes("custom")) {
-      extendedOptions.splice(extendedOptions.indexOf("custom"), 1);
+      extendedOptions2.splice(extendedOptions2.indexOf("custom"), 1);
     }
-    return extendedOptions;
+    return extendedOptions2;
   }, [options, disableCustom]);
 }
 
@@ -1164,6 +1164,11 @@ var useSyncExternalState = ({
   return [internal, setInternalValue];
 };
 
+// src/controls/size-control/utils/settings/get-prop-type-settings.ts
+var getPropTypeSettings = (propType) => {
+  return propType.settings;
+};
+
 // src/controls/size-control.tsx
 var defaultSelectedUnit = {
   length: "px",
@@ -1184,7 +1189,7 @@ var SizeControl = createControl(
     placeholder,
     startIcon,
     anchorRef,
-    extendedOptions,
+    extendedOptions: extendedOptions2,
     disableCustom,
     min = 0,
     enablePropTypeUnits = false,
@@ -1201,7 +1206,7 @@ var SizeControl = createControl(
     } = useBoundProp(sizePropTypeUtil2);
     const actualDefaultUnit = defaultUnit ?? externalPlaceholder?.unit ?? defaultSelectedUnit[variant];
     const activeBreakpoint = useActiveBreakpoint();
-    const actualExtendedOptions = useSizeExtendedOptions(extendedOptions || [], disableCustom ?? false);
+    const actualExtendedOptions = useSizeExtendedOptions(extendedOptions2 || [], disableCustom ?? false);
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2, actualExtendedOptions);
     const popupState = usePopupState2({ variant: "popover" });
     const memorizedExternalState = useMemo2(
@@ -1290,7 +1295,7 @@ function resolveUnits(propType, enablePropTypeUnits, variant, externalUnits, act
   if (!enablePropTypeUnits) {
     return [...externalUnits ?? fallback, ...actualExtendedOptions || []];
   }
-  return propType.settings?.available_units ?? fallback;
+  return getPropTypeSettings(propType)?.available_units ?? fallback;
 }
 function formatSize(size, unit) {
   if (isUnitExtendedOption(unit)) {
@@ -3626,11 +3631,6 @@ var resolvePlaceholder = (placeholder) => {
   return typeof size === "number" ? size.toString() : size;
 };
 
-// src/controls/size-control/utils/settings/get-prop-type-settings.ts
-var getPropTypeSettings = (propType) => {
-  return propType.settings;
-};
-
 // src/controls/size-control/utils/settings/get-default-unit.ts
 var getDefaultUnit = (propType) => {
   return getPropTypeSettings(propType)?.default_unit;
@@ -8299,7 +8299,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(stringArrayPropTypeUtil3);
   const [inputValue, setInputValue] = useState19("");
   const items2 = value || [];
@@ -8335,7 +8335,7 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       tryAddChip(inputValue);
     }
   };
-  return /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React116.createElement(ControlActions, null, /* @__PURE__ */ React116.createElement(
     Autocomplete4,
     {
       fullWidth: true,
@@ -8358,8 +8358,9 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       renderInput: (params) => /* @__PURE__ */ React116.createElement(TextField11, { ...params, placeholder, onKeyDown: handleKeyDown }),
       renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React116.createElement(ChipsList, { getLabel: (option) => option, getTagProps, values: tagValues })
     }
-  )));
-};
+  ));
+});
+var EmailChipsField = ({ fieldLabel, placeholder }) => /* @__PURE__ */ React116.createElement(Grid32, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(ControlFormLabel, null, fieldLabel)), /* @__PURE__ */ React116.createElement(Grid32, { item: true }, /* @__PURE__ */ React116.createElement(EmailChipsControl, { placeholder })));
 
 // src/controls/email-form-action-control/email-field.tsx
 import * as React117 from "react";
@@ -8367,7 +8368,7 @@ import { Grid as Grid33 } from "@elementor/ui";
 var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React117.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React117.createElement(Grid33, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React117.createElement(Grid33, { item: true }, /* @__PURE__ */ React117.createElement(TextControl, { placeholder }))));
 
 // src/controls/email-form-action-control/fields.tsx
-var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: __57("Send to", "elementor"), placeholder });
+var SendToField = ({ placeholder }) => /* @__PURE__ */ React118.createElement(PropKeyProvider, { bind: "to" }, /* @__PURE__ */ React118.createElement(EmailChipsField, { fieldLabel: __57("Send to", "elementor"), placeholder }));
 var SubjectField = () => /* @__PURE__ */ React118.createElement(
   EmailField,
   {
@@ -8439,7 +8440,7 @@ var SendAsField = () => /* @__PURE__ */ React118.createElement(PropKeyProvider,
 var EmailFormActionControl = createControl(
   ({ toPlaceholder, label }) => {
     const { value, setValue, ...propContext } = useBoundProp(emailsPropTypeUtil);
-    return /* @__PURE__ */ React119.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React119.createElement(Stack20, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + __58("settings", "elementor") : __58("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(Stack20, { gap: 2 }, /* @__PURE__ */ React119.createElement(ControlLabel, null, label ? label + " " + __58("settings", "elementor") : __58("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(CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React119.createElement(Box26, { sx: { pt: 2 } }, /* @__PURE__ */ React119.createElement(Stack20, { 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(Divider5, null), /* @__PURE__ */ React119.createElement(MetaDataField, null), /* @__PURE__ */ React119.createElement(SendAsField, null))));