@elementor/editor-controls 4.3.0-995 → 4.3.0-996

package/dist/index.mjs

@@ -2527,27 +2527,16 @@ function ChipsList({ getLabel, getTagProps, values }) {
 // src/controls/chips-control.tsx
 var SIZE6 = "tiny";
 var toChipsOption = (val, options) => options.find((opt) => opt.value === val) ?? { label: val, value: val };
-var optionValue = (option) => {
-  if ("string" === typeof option) {
-    return option;
-  }
-  return "string" === typeof option?.value ? option.value : "";
-};
-var optionLabel = (option) => {
-  if ("string" === typeof option) {
-    return option;
-  }
-  if ("string" === typeof option?.label) {
-    return option.label;
-  }
-  return optionValue(option);
-};
 var ChipsControl = createControl(({ options, freeChips }) => {
   const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil);
-  const selectedValues = (value || []).map((item) => stringPropTypeUtil6.extract(item)).filter((val) => "string" === typeof val);
+  const selectedValues = (value || []).map((item) => stringPropTypeUtil6.extract(item)).filter((val) => val !== null);
   const selectedOptions = selectedValues.map((val) => toChipsOption(val, options));
   const handleChange = (_, newValue) => {
-    setValue(newValue.map((option) => stringPropTypeUtil6.create(optionValue(option))));
+    setValue(
+      newValue.map(
+        (option) => stringPropTypeUtil6.create(typeof option === "string" ? option : option.value)
+      )
+    );
   };
   return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(
     Autocomplete,
@@ -2561,10 +2550,17 @@ var ChipsControl = createControl(({ options, freeChips }) => {
       filterSelectedOptions: true,
       onChange: handleChange,
       options,
-      getOptionLabel: optionLabel,
-      isOptionEqualToValue: (option, val) => optionValue(option) === optionValue(val),
+      getOptionLabel: (option) => typeof option === "string" ? option : option.label,
+      isOptionEqualToValue: (option, val) => option.value === val.value,
       renderInput: (params) => /* @__PURE__ */ React52.createElement(TextField5, { ...params }),
-      renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(ChipsList, { getLabel: optionLabel, getTagProps, values: tagValues })
+      renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(
+        ChipsList,
+        {
+          getLabel: (option) => typeof option === "string" ? option : option.label,
+          getTagProps,
+          values: tagValues
+        }
+      )
     }
   ));
 });
@@ -5260,7 +5256,7 @@ var AspectRatioControl = createControl(({ label }) => {
       fullWidth: true
     },
     [...RATIO_OPTIONS, { label: __30("Custom", "elementor"), value: CUSTOM_RATIO }].map(
-      ({ label: optionLabel2, ...props }) => /* @__PURE__ */ React79.createElement(MenuListItem5, { key: props.value, ...props, value: props.value ?? "" }, optionLabel2)
+      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React79.createElement(MenuListItem5, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
     )
   ))), isCustom && /* @__PURE__ */ React79.createElement(Grid13, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React79.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(
     TextField10,