@elementor/editor-controls 4.3.0-988 → 4.3.0-990

package/dist/index.js

@@ -2625,16 +2625,27 @@ 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(import_editor_props17.stringArrayPropTypeUtil);
-  const selectedValues = (value || []).map((item) => import_editor_props17.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
+  const selectedValues = (value || []).map((item) => import_editor_props17.stringPropTypeUtil.extract(item)).filter((val) => "string" === typeof val);
   const selectedOptions = selectedValues.map((val) => toChipsOption(val, options));
   const handleChange = (_, newValue) => {
-    setValue(
-      newValue.map(
-        (option) => import_editor_props17.stringPropTypeUtil.create(typeof option === "string" ? option : option.value)
-      )
-    );
+    setValue(newValue.map((option) => import_editor_props17.stringPropTypeUtil.create(optionValue(option))));
   };
   return /* @__PURE__ */ React52.createElement(ControlActions, null, /* @__PURE__ */ React52.createElement(
     import_ui39.Autocomplete,
@@ -2648,17 +2659,10 @@ var ChipsControl = createControl(({ options, freeChips }) => {
       filterSelectedOptions: true,
       onChange: handleChange,
       options,
-      getOptionLabel: (option) => typeof option === "string" ? option : option.label,
-      isOptionEqualToValue: (option, val) => option.value === val.value,
+      getOptionLabel: optionLabel,
+      isOptionEqualToValue: (option, val) => optionValue(option) === optionValue(val),
       renderInput: (params) => /* @__PURE__ */ React52.createElement(import_ui39.TextField, { ...params }),
-      renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(
-        ChipsList,
-        {
-          getLabel: (option) => typeof option === "string" ? option : option.label,
-          getTagProps,
-          values: tagValues
-        }
-      )
+      renderTags: (tagValues, getTagProps) => /* @__PURE__ */ React52.createElement(ChipsList, { getLabel: optionLabel, getTagProps, values: tagValues })
     }
   ));
 });
@@ -5318,7 +5322,7 @@ var AspectRatioControl = createControl(({ label }) => {
       fullWidth: true
     },
     [...RATIO_OPTIONS, { label: (0, import_i18n30.__)("Custom", "elementor"), value: CUSTOM_RATIO }].map(
-      ({ label: optionLabel, ...props }) => /* @__PURE__ */ React79.createElement(import_editor_ui10.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
+      ({ label: optionLabel2, ...props }) => /* @__PURE__ */ React79.createElement(import_editor_ui10.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel2)
     )
   ))), isCustom && /* @__PURE__ */ React79.createElement(import_ui62.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React79.createElement(import_ui62.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React79.createElement(
     import_ui62.TextField,