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

package/dist/index.d.mts

@@ -6,6 +6,7 @@ import { StyleDefinitionState } from '@elementor/editor-styles';
 import { EditorProps, EditorView } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
 import { ElementID } from '@elementor/editor-elements';
+import * as _mui_material from '@mui/material';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -605,15 +606,18 @@ type InlineEditorToolbarProps = {
 declare const InlineEditorToolbar: ({ editor, elementId, sx }: InlineEditorToolbarProps) => React$1.JSX.Element;
 
 type Props$1<TValue> = {
-    units: Unit[];
     value: TValue;
-    defaultValue?: Partial<TValue>;
+    units: Unit[];
+    defaultUnit?: Unit;
     onChange: (value: TValue) => void;
     onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     InputProps?: TextFieldProps['InputProps'];
+    startIcon?: React$1.ReactNode;
 };
-declare const UnstableSizeField: <T extends SizePropValue["value"]>({ value, InputProps, defaultValue, onChange, onBlur, units, }: Props$1<T>) => React$1.JSX.Element;
+declare const UnstableSizeField: <T extends SizePropValue["value"]>({ value, InputProps, onChange, onBlur, units, defaultUnit, startIcon, }: Props$1<T>) => React$1.JSX.Element;
+
+declare const NumberInput: React$1.ForwardRefExoticComponent<(Omit<_mui_material.FilledTextFieldProps, "ref"> | Omit<_mui_material.OutlinedTextFieldProps, "ref"> | Omit<_mui_material.StandardTextFieldProps, "ref">) & React$1.RefAttributes<unknown>>;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -710,4 +714,4 @@ declare const useElementCanHaveChildren: () => boolean;
 
 declare const useFontFamilies: () => FontCategory[];
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { StyleDefinitionState } from '@elementor/editor-styles';
 import { EditorProps, EditorView } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
 import { ElementID } from '@elementor/editor-elements';
+import * as _mui_material from '@mui/material';
 import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
@@ -605,15 +606,18 @@ type InlineEditorToolbarProps = {
 declare const InlineEditorToolbar: ({ editor, elementId, sx }: InlineEditorToolbarProps) => React$1.JSX.Element;
 
 type Props$1<TValue> = {
-    units: Unit[];
     value: TValue;
-    defaultValue?: Partial<TValue>;
+    units: Unit[];
+    defaultUnit?: Unit;
     onChange: (value: TValue) => void;
     onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     InputProps?: TextFieldProps['InputProps'];
+    startIcon?: React$1.ReactNode;
 };
-declare const UnstableSizeField: <T extends SizePropValue["value"]>({ value, InputProps, defaultValue, onChange, onBlur, units, }: Props$1<T>) => React$1.JSX.Element;
+declare const UnstableSizeField: <T extends SizePropValue["value"]>({ value, InputProps, onChange, onBlur, units, defaultUnit, startIcon, }: Props$1<T>) => React$1.JSX.Element;
+
+declare const NumberInput: React$1.ForwardRefExoticComponent<(Omit<_mui_material.FilledTextFieldProps, "ref"> | Omit<_mui_material.OutlinedTextFieldProps, "ref"> | Omit<_mui_material.StandardTextFieldProps, "ref">) & React$1.RefAttributes<unknown>>;
 
 type AnyComponentType = ComponentType<any>;
 declare const brandSymbol: unique symbol;
@@ -710,4 +714,4 @@ declare const useElementCanHaveChildren: () => boolean;
 
 declare const useFontFamilies: () => FontCategory[];
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, AttributesControl, BackgroundControl, BoxShadowRepeaterControl, ChipsControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, DisplayConditionsControl, EmailFormActionControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, type InlineEditorToolbarProps, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, NumberInput, PopoverContent, PopoverGridContainer, PositionControl, PromotionTrigger, type PromotionTriggerRef, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, type V4PromotionData, type V4PromotionKey, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };

package/dist/index.js

@@ -60,6 +60,7 @@ __export(index_exports, {
   LinkControl: () => LinkControl,
   LinkedDimensionsControl: () => LinkedDimensionsControl,
   NumberControl: () => NumberControl,
+  NumberInput: () => NumberInput,
   PopoverContent: () => PopoverContent,
   PopoverGridContainer: () => PopoverGridContainer,
   PositionControl: () => PositionControl,
@@ -6428,13 +6429,13 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(import_editor_props52.htmlV2PropTypeUtil);
-    const content = value?.content ?? "";
+    const { value, setValue } = useBoundProp(import_editor_props52.htmlV3PropTypeUtil);
+    const content = import_editor_props52.stringPropTypeUtil.extract(value?.content ?? null) ?? "";
     const debouncedParse = (0, import_react54.useMemo)(
       () => (0, import_utils7.debounce)((html) => {
         const parsed = (0, import_editor_props52.parseHtmlChildren)(html);
         setValue({
-          content: parsed.content || null,
+          content: parsed.content ? import_editor_props52.stringPropTypeUtil.create(parsed.content) : null,
           children: parsed.children
         });
       }, CHILDREN_PARSE_DEBOUNCE_MS),
@@ -6444,7 +6445,7 @@ var InlineEditingControl = createControl(
       (newValue) => {
         const html = newValue ?? "";
         setValue({
-          content: html || null,
+          content: html ? import_editor_props52.stringPropTypeUtil.create(html) : null,
           children: value?.children ?? []
         });
         debouncedParse(html);
@@ -7169,7 +7170,9 @@ var React111 = __toESM(require("react"));
 var import_ui96 = require("@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) => {
@@ -7178,7 +7181,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 = {
@@ -7202,7 +7205,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
@@ -7282,22 +7285,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);
   };
@@ -7310,6 +7307,7 @@ var UnstableSizeField = ({
       onChange: (event) => setSize(event.target.value),
       InputProps: {
         ...InputProps,
+        startAdornment: startIcon && /* @__PURE__ */ React111.createElement(import_ui96.InputAdornment, { position: "start" }, startIcon),
         endAdornment: /* @__PURE__ */ React111.createElement(import_ui96.InputAdornment, { position: "end" }, /* @__PURE__ */ React111.createElement(
           UnitSelect,
           {
@@ -7396,6 +7394,7 @@ var useFontFamilies = () => {
   LinkControl,
   LinkedDimensionsControl,
   NumberControl,
+  NumberInput,
   PopoverContent,
   PopoverGridContainer,
   PositionControl,