@elementor/editor-controls 3.33.0-269 → 3.33.0-270

package/dist/index.js

@@ -1031,13 +1031,16 @@ var SizeControl = createControl(
       propType
     } = useBoundProp(import_editor_props7.sizePropTypeUtil);
     const actualDefaultUnit = defaultUnit ?? externalPlaceholder?.unit ?? defaultSelectedUnit[variant];
-    const [internalState, setInternalState] = (0, import_react13.useState)(createStateFromSizeProp(sizeValue, actualDefaultUnit));
     const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2);
     const actualExtendedOptions = useSizeExtendedOptions(extendedOptions || [], disableCustom ?? false);
     const popupState = (0, import_ui13.usePopupState)({ variant: "popover" });
+    const memorizedExternalState = (0, import_react13.useMemo)(
+      () => createStateFromSizeProp(sizeValue, actualDefaultUnit),
+      [sizeValue, actualDefaultUnit]
+    );
     const [state, setState] = useSyncExternalState({
-      external: internalState,
+      external: memorizedExternalState,
       setExternal: (newState, options, meta) => setSizeValue(extractValueFromState(newState), options, meta),
       persistWhen: (newState) => !!extractValueFromState(newState),
       fallback: (newState) => ({
@@ -1092,7 +1095,7 @@ var SizeControl = createControl(
         return;
       }
       if (state.unit === newState.unit) {
-        setInternalState(mergedStates);
+        setState(mergedStates);
         return;
       }
       setState(newState);
@@ -1171,11 +1174,15 @@ function extractValueFromState(state, allowEmpty = false) {
   if (unit === "auto") {
     return { size: "", unit };
   }
-  if (!allowEmpty && (unit === "custom" && !state.custom || unit !== "custom" && !state.numeric && state.numeric !== 0)) {
+  if (unit === "custom") {
+    return { size: state.custom ?? "", unit: "custom" };
+  }
+  const numeric = state.numeric;
+  if (!allowEmpty && (numeric === void 0 || numeric === null || Number.isNaN(numeric))) {
     return null;
   }
   return {
-    size: state[unit === "custom" ? "custom" : "numeric"],
+    size: numeric,
     unit
   };
 }