@elementor/editor-controls 4.0.0-573 → 4.0.0-591

package/dist/index.mjs

@@ -6231,7 +6231,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 // src/controls/inline-editing-control.tsx
 import * as React100 from "react";
 import { useCallback as useCallback3, useEffect as useEffect12, useMemo as useMemo15 } from "react";
-import { htmlV2PropTypeUtil, parseHtmlChildren } from "@elementor/editor-props";
+import { htmlV3PropTypeUtil, parseHtmlChildren, stringPropTypeUtil as stringPropTypeUtil16 } from "@elementor/editor-props";
 import { Box as Box23 } from "@elementor/ui";
 import { debounce as debounce4 } from "@elementor/utils";
 
@@ -6416,13 +6416,13 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(htmlV2PropTypeUtil);
-    const content = value?.content ?? "";
+    const { value, setValue } = useBoundProp(htmlV3PropTypeUtil);
+    const content = stringPropTypeUtil16.extract(value?.content ?? null) ?? "";
     const debouncedParse = useMemo15(
       () => debounce4((html) => {
         const parsed = parseHtmlChildren(html);
         setValue({
-          content: parsed.content || null,
+          content: parsed.content ? stringPropTypeUtil16.create(parsed.content) : null,
           children: parsed.children
         });
       }, CHILDREN_PARSE_DEBOUNCE_MS),
@@ -6432,7 +6432,7 @@ var InlineEditingControl = createControl(
       (newValue) => {
         const html = newValue ?? "";
         setValue({
-          content: html || null,
+          content: html ? stringPropTypeUtil16.create(html) : null,
           children: value?.children ?? []
         });
         debouncedParse(html);
@@ -7182,7 +7182,9 @@ import * as React111 from "react";
 import { InputAdornment as InputAdornment5 } from "@elementor/ui";
 
 // src/hooks/use-size-value.ts
-var useSizeValue = (externalValue, onChange, defaultValue) => {
+var DEFAULT_UNIT2 = "px";
+var DEFAULT_SIZE2 = "";
+var useSizeValue = (externalValue, onChange, defaultUnit) => {
   const [sizeValue, setSizeValue] = useSyncExternalState({
     external: externalValue,
     setExternal: (newState) => {
@@ -7191,7 +7193,7 @@ var useSizeValue = (externalValue, onChange, defaultValue) => {
       }
     },
     persistWhen: (newState) => differsFromExternal(newState, externalValue),
-    fallback: () => defaultValue
+    fallback: () => ({ size: DEFAULT_SIZE2, unit: defaultUnit ?? DEFAULT_UNIT2 })
   });
   const setSize = (value) => {
     const newState = {
@@ -7215,7 +7217,7 @@ var useSizeValue = (externalValue, onChange, defaultValue) => {
   };
 };
 var differsFromExternal = (newState, externalState) => {
-  return newState.size !== externalState.size || newState.unit !== externalState.unit;
+  return newState?.size !== externalState?.size || newState?.unit !== externalState?.unit;
 };
 
 // src/components/size/unit-select.tsx
@@ -7295,22 +7297,16 @@ var getCursorStyle = (readOnly) => ({
 });
 
 // src/components/size/unstable-size-field.tsx
-var DEFAULT_VALUE = {
-  unit: "px",
-  size: 0
-};
 var UnstableSizeField = ({
   value,
   InputProps,
-  defaultValue,
   onChange,
   onBlur,
-  units: units2
+  units: units2,
+  defaultUnit,
+  startIcon
 }) => {
-  const { size, unit, setSize, setUnit } = useSizeValue(value, onChange, {
-    ...DEFAULT_VALUE,
-    ...defaultValue
-  });
+  const { size, unit, setSize, setUnit } = useSizeValue(value, onChange, defaultUnit);
   const shouldHighlightUnit = () => {
     return hasValue(size);
   };
@@ -7323,6 +7319,7 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
+        startAdornment: startIcon && /* @__PURE__ */ React111.createElement(InputAdornment5, { position: "start" }, startIcon),
         endAdornment: /* @__PURE__ */ React111.createElement(InputAdornment5, { position: "end" }, /* @__PURE__ */ React111.createElement(
           UnitSelect,
           {
@@ -7408,6 +7405,7 @@ export {
   LinkControl,
   LinkedDimensionsControl,
   NumberControl,
+  NumberInput,
   PopoverContent,
   PopoverGridContainer,
   PositionControl,