@elementor/editor-controls 4.2.0-939 → 4.2.0-940

package/dist/index.mjs

@@ -3924,7 +3924,7 @@ function getCssDimensionProps(label, isSiteRtl) {
 // src/controls/font-family-control/font-family-control.tsx
 import * as React67 from "react";
 import { useMemo as useMemo8 } from "react";
-import { stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
+import { fontFamilyPropTypeUtil } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover5, bindTrigger as bindTrigger4, Popover as Popover5, UnstableTag as UnstableTag2, usePopupState as usePopupState7 } from "@elementor/ui";
 import { __ as __22 } from "@wordpress/i18n";
@@ -4103,7 +4103,7 @@ var FontFamilyControl = createControl(
       setValue: setFontFamily,
       disabled,
       placeholder
-    } = useBoundProp(stringPropTypeUtil8);
+    } = useBoundProp(fontFamilyPropTypeUtil);
     const popoverState = usePopupState7({ variant: "popover" });
     const isShowingPlaceholder = !fontFamily && placeholder;
     const mapFontSubs = useMemo8(() => {
@@ -4279,7 +4279,7 @@ var RestrictedLinkInfotip = ({
 
 // src/controls/query-control.tsx
 import * as React71 from "react";
-import { numberPropTypeUtil as numberPropTypeUtil3, queryPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil10, urlPropTypeUtil as urlPropTypeUtil3 } from "@elementor/editor-props";
+import { numberPropTypeUtil as numberPropTypeUtil3, queryPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil9, urlPropTypeUtil as urlPropTypeUtil3 } from "@elementor/editor-props";
 import { SearchIcon } from "@elementor/icons";
 import { __ as __24 } from "@wordpress/i18n";
 
@@ -4416,7 +4416,7 @@ function factoryFilter(newValue, options, minInputLength) {
 
 // src/hooks/use-query-autocomplete.ts
 import { useMemo as useMemo9, useState as useState11 } from "react";
-import { numberPropTypeUtil as numberPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil9 } from "@elementor/editor-props";
+import { numberPropTypeUtil as numberPropTypeUtil2, stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
 import { httpService as httpService2 } from "@elementor/http-client";
 import { debounce as debounce2 } from "@elementor/utils";
 function useQueryAutocomplete({
@@ -4473,7 +4473,7 @@ function filterExcludedOptions(options, excludeIdSet) {
 }
 function extractFlatOptionFromQueryValue(queryValue) {
   const id = numberPropTypeUtil2.extract(queryValue?.id);
-  const label = stringPropTypeUtil9.extract(queryValue?.label);
+  const label = stringPropTypeUtil8.extract(queryValue?.label);
   if (id === null) {
     return null;
   }
@@ -4513,7 +4513,7 @@ var QueryControl = createControl((props) => {
     }
     const newQueryValue = {
       id: numberPropTypeUtil3.create(newValue),
-      label: stringPropTypeUtil10.create(findMatchingOption(options, newValue)?.label || null)
+      label: stringPropTypeUtil9.create(findMatchingOption(options, newValue)?.label || null)
     };
     setQueryValue(newQueryValue);
     onSetValue?.(queryPropTypeUtil.create(newQueryValue));
@@ -4684,7 +4684,7 @@ function isSameRestriction(a, b) {
 // src/controls/html-tag-control.tsx
 import * as React75 from "react";
 import { getElementLabel } from "@elementor/editor-elements";
-import { stringPropTypeUtil as stringPropTypeUtil11 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil10 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem4 } from "@elementor/editor-ui";
 import { Select as Select2, styled as styled8, Typography as Typography6 } from "@elementor/ui";
 import { __ as __26 } from "@wordpress/i18n";
@@ -4742,7 +4742,7 @@ var HtmlTagControl = createControl((props) => {
     fallbackLabels = {},
     context: { elementId }
   } = props;
-  const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil11);
+  const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil10);
   const handleChange = (event) => {
     const newValue = event.target.value || null;
     onChange?.(newValue, value);
@@ -4793,7 +4793,7 @@ import {
   createArrayPropUtils,
   numberPropTypeUtil as numberPropTypeUtil4,
   queryPropTypeUtil as queryPropTypeUtil2,
-  stringPropTypeUtil as stringPropTypeUtil12
+  stringPropTypeUtil as stringPropTypeUtil11
 } from "@elementor/editor-props";
 import { Autocomplete as Autocomplete3, TextField as TextField9 } from "@elementor/ui";
 import { __ as __27 } from "@wordpress/i18n";
@@ -4818,7 +4818,7 @@ var QueryChipsControl = createControl((props) => {
       newValue.map(
         (option) => queryPropTypeUtil2.create({
           id: numberPropTypeUtil4.create(Number(option.id)),
-          label: stringPropTypeUtil12.create(option.label)
+          label: stringPropTypeUtil11.create(option.label)
         })
       )
     );
@@ -4870,7 +4870,7 @@ import {
   queryFilterArrayPropTypeUtil,
   queryFilterPropTypeUtil,
   stringArrayPropTypeUtil as stringArrayPropTypeUtil2,
-  stringPropTypeUtil as stringPropTypeUtil13
+  stringPropTypeUtil as stringPropTypeUtil12
 } from "@elementor/editor-props";
 import { PlusIcon as PlusIcon3 } from "@elementor/icons";
 import { Box as Box14, Grid as Grid11, IconButton as IconButton7 } from "@elementor/ui";
@@ -4944,7 +4944,7 @@ var AddFilterItemAction = ({
 };
 var EmptyIcon = () => null;
 var ItemLabel2 = ({ value, keyConfig }) => {
-  const itemKey = stringPropTypeUtil13.extract(value?.value?.key);
+  const itemKey = stringPropTypeUtil12.extract(value?.value?.key);
   const label = itemKey && keyConfig[itemKey]?.label || __28("Item", "elementor");
   const chipLabels = extractChipLabels(value?.value?.values);
   const taxonomyLabels = extractTaxonomyLabels(
@@ -4957,7 +4957,7 @@ var ItemLabel2 = ({ value, keyConfig }) => {
 };
 function extractChipLabels(chipsProp) {
   const chips = chipsProp?.value ?? [];
-  return chips.map((chip) => stringPropTypeUtil13.extract(chip?.value?.label)).filter((label) => !!label);
+  return chips.map((chip) => stringPropTypeUtil12.extract(chip?.value?.label)).filter((label) => !!label);
 }
 var ItemContent = ({
   keyConfig,
@@ -4971,8 +4971,8 @@ var ItemContent = ({
       propContext.setValue(nextValue, options, meta);
       return;
     }
-    const previousKey = stringPropTypeUtil13.extract(propContext.value?.key);
-    const newKey = stringPropTypeUtil13.extract(nextValue?.key);
+    const previousKey = stringPropTypeUtil12.extract(propContext.value?.key);
+    const newKey = stringPropTypeUtil12.extract(nextValue?.key);
     if (previousKey) {
       snapshotsByKeyRef.current[previousKey] = {
         values: propContext.value?.values ?? null,
@@ -4990,7 +4990,7 @@ var ItemContent = ({
       meta
     );
   };
-  const currentKey = stringPropTypeUtil13.extract(propContext.value?.key);
+  const currentKey = stringPropTypeUtil12.extract(propContext.value?.key);
   const currentKeyConfig = currentKey ? keyConfig[currentKey] : void 0;
   const valueType = currentKeyConfig?.valueType ?? "chips";
   const keySelectOptions = useMemo11(() => getKeySelectOptions(currentKey), [getKeySelectOptions, currentKey]);
@@ -5012,11 +5012,11 @@ function isKeyVisible(rule, settings) {
   if (!settings) {
     return false;
   }
-  const extracted = stringPropTypeUtil13.extract(extractValue(rule.path, settings));
+  const extracted = stringPropTypeUtil12.extract(extractValue(rule.path, settings));
   return extracted !== null && rule.in.includes(extracted);
 }
 function extractTaxonomyLabels(taxonomiesProp, config) {
-  const slugs = (stringArrayPropTypeUtil2.extract(taxonomiesProp) ?? []).map((item) => stringPropTypeUtil13.extract(item)).filter((slug) => !!slug);
+  const slugs = (stringArrayPropTypeUtil2.extract(taxonomiesProp) ?? []).map((item) => stringPropTypeUtil12.extract(item)).filter((slug) => !!slug);
   if (!slugs.length) {
     return [];
   }
@@ -5025,13 +5025,13 @@ function extractTaxonomyLabels(taxonomiesProp, config) {
 }
 function createItemForKey(key) {
   return queryFilterPropTypeUtil.create({
-    key: stringPropTypeUtil13.create(key),
+    key: stringPropTypeUtil12.create(key),
     values: null,
     taxonomies: null
   });
 }
 function getUsedKeys(items2) {
-  const keys = items2.map((item) => stringPropTypeUtil13.extract(item?.value?.key)).filter((key) => !!key);
+  const keys = items2.map((item) => stringPropTypeUtil12.extract(item?.value?.key)).filter((key) => !!key);
   return new Set(keys);
 }
 
@@ -5163,7 +5163,7 @@ var Control4 = ({
 // src/controls/aspect-ratio-control.tsx
 import * as React79 from "react";
 import { useEffect as useEffect14, useState as useState14 } from "react";
-import { stringPropTypeUtil as stringPropTypeUtil14 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil13 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem5 } from "@elementor/editor-ui";
 import { ArrowsMoveHorizontalIcon, ArrowsMoveVerticalIcon } from "@elementor/icons";
 import { Grid as Grid13, Select as Select3, Stack as Stack12, TextField as TextField10 } from "@elementor/ui";
@@ -5185,7 +5185,7 @@ var AspectRatioControl = createControl(({ label }) => {
     setValue: setAspectRatioValue,
     disabled,
     placeholder: externalPlaceholder
-  } = useBoundProp(stringPropTypeUtil14);
+  } = useBoundProp(stringPropTypeUtil13);
   const aspectRatioValue = currentPropValue ?? externalPlaceholder;
   const isCustomSelected = aspectRatioValue && !RATIO_OPTIONS.some((option) => option.value === aspectRatioValue);
   const [initialWidth, initialHeight] = isCustomSelected ? aspectRatioValue.split("/") : ["", ""];
@@ -5576,7 +5576,7 @@ import {
   colorStopPropTypeUtil,
   gradientColorStopPropTypeUtil,
   numberPropTypeUtil as numberPropTypeUtil5,
-  stringPropTypeUtil as stringPropTypeUtil15
+  stringPropTypeUtil as stringPropTypeUtil14
 } from "@elementor/editor-props";
 import { UnstableGradientBox } from "@elementor/ui";
 var BackgroundGradientColorControl = createControl(() => {
@@ -5584,13 +5584,13 @@ var BackgroundGradientColorControl = createControl(() => {
   const handleChange = (newValue) => {
     const transformedValue = createTransformableValue(newValue);
     if (transformedValue.positions) {
-      transformedValue.positions = stringPropTypeUtil15.create(newValue.positions.join(" "));
+      transformedValue.positions = stringPropTypeUtil14.create(newValue.positions.join(" "));
     }
     setValue(transformedValue);
   };
   const createTransformableValue = (newValue) => ({
     ...newValue,
-    type: stringPropTypeUtil15.create(newValue.type),
+    type: stringPropTypeUtil14.create(newValue.type),
     angle: numberPropTypeUtil5.create(newValue.angle),
     stops: gradientColorStopPropTypeUtil.create(
       newValue.stops.map(
@@ -5626,7 +5626,7 @@ var BackgroundGradientColorControl = createControl(() => {
   );
 });
 var initialBackgroundGradientOverlay = backgroundGradientOverlayPropTypeUtil.create({
-  type: stringPropTypeUtil15.create("linear"),
+  type: stringPropTypeUtil14.create("linear"),
   angle: numberPropTypeUtil5.create(180),
   stops: gradientColorStopPropTypeUtil.create([
     colorStopPropTypeUtil.create({
@@ -5666,7 +5666,7 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 import * as React85 from "react";
 import { useRef as useRef15 } from "react";
-import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil16 } from "@elementor/editor-props";
+import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil15 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem6 } from "@elementor/editor-ui";
 import { LetterXIcon, LetterYIcon } from "@elementor/icons";
 import { Grid as Grid15, Select as Select4 } from "@elementor/ui";
@@ -5685,7 +5685,7 @@ var backgroundPositionOptions = [
 ];
 var BackgroundImageOverlayPosition = () => {
   const backgroundImageOffsetContext = useBoundProp(backgroundImagePositionOffsetPropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil16);
+  const stringPropContext = useBoundProp(stringPropTypeUtil15);
   const isCustom = !!backgroundImageOffsetContext.value;
   const rowRef = useRef15(null);
   const handlePositionChange = (event) => {
@@ -5761,7 +5761,7 @@ var BackgroundImageOverlayRepeat = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
 import * as React87 from "react";
 import { useRef as useRef16 } from "react";
-import { backgroundImageSizeScalePropTypeUtil, stringPropTypeUtil as stringPropTypeUtil17 } from "@elementor/editor-props";
+import { backgroundImageSizeScalePropTypeUtil, stringPropTypeUtil as stringPropTypeUtil16 } from "@elementor/editor-props";
 import {
   ArrowBarBothIcon,
   ArrowsMaximizeIcon,
@@ -5800,7 +5800,7 @@ var sizeControlOptions = [
 ];
 var BackgroundImageOverlaySize = () => {
   const backgroundImageScaleContext = useBoundProp(backgroundImageSizeScalePropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil17);
+  const stringPropContext = useBoundProp(stringPropTypeUtil16);
   const isCustom = !!backgroundImageScaleContext.value;
   const rowRef = useRef16(null);
   const handleSizeChange = (size) => {
@@ -6268,7 +6268,7 @@ import { useMemo as useMemo13, useState as useState17 } from "react";
 import {
   isTransformable,
   keyValuePropTypeUtil,
-  stringPropTypeUtil as stringPropTypeUtil18
+  stringPropTypeUtil as stringPropTypeUtil17
 } from "@elementor/editor-props";
 import { FormHelperText, FormLabel as FormLabel3, Grid as Grid19 } from "@elementor/ui";
 import { __ as __40 } from "@wordpress/i18n";
@@ -6340,7 +6340,7 @@ var KeyValueControl = createControl((props = {}) => {
       });
       return;
     }
-    const extractedValue = stringPropTypeUtil18.extract(newChangedValue);
+    const extractedValue = stringPropTypeUtil17.extract(newChangedValue);
     setSessionState((prev) => ({
       ...prev,
       [fieldType]: extractedValue
@@ -6380,7 +6380,7 @@ var KeyValueControl = createControl((props = {}) => {
 
 // src/controls/position-control.tsx
 import * as React92 from "react";
-import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil19 } from "@elementor/editor-props";
+import { positionPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil18 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem7 } from "@elementor/editor-ui";
 import { LetterXIcon as LetterXIcon2, LetterYIcon as LetterYIcon2 } from "@elementor/icons";
 import { Grid as Grid20, Select as Select5 } from "@elementor/ui";
@@ -6399,7 +6399,7 @@ var positionOptions = [
 ];
 var PositionControl = () => {
   const positionContext = useBoundProp(positionPropTypeUtil);
-  const stringPropContext = useBoundProp(stringPropTypeUtil19);
+  const stringPropContext = useBoundProp(stringPropTypeUtil18);
   const isCustom = !!positionContext.value;
   const placeholder = positionContext.placeholder ? "custom" : stringPropContext.placeholder ?? null;
   const handlePositionChange = (event) => {
@@ -7658,7 +7658,7 @@ var TransitionRepeaterControl = createControl(
 // src/controls/date-time-control.tsx
 import * as React109 from "react";
 import * as dayjs from "dayjs";
-import { isTransformable as isTransformable2, stringPropTypeUtil as stringPropTypeUtil20 } from "@elementor/editor-props";
+import { isTransformable as isTransformable2, stringPropTypeUtil as stringPropTypeUtil19 } from "@elementor/editor-props";
 import { DateTimePropTypeUtil } from "@elementor/editor-props";
 import { Box as Box23, DatePicker, LocalizationProvider, TimePicker } from "@elementor/ui";
 var DATE_FORMAT = "YYYY-MM-DD";
@@ -7707,7 +7707,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(ControlActions, null, /* @__PURE__ */ React109.createElement(LocalizationProvider, null, /* @__PURE__ */ React109.createElement(Box23, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React109.createElement(
     DatePicker,
     {
-      value: parseDateValue(stringPropTypeUtil20.extract(value?.date)),
+      value: parseDateValue(stringPropTypeUtil19.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
       disabled: inputDisabled,
       slotProps: {
@@ -7719,7 +7719,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   )), /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React109.createElement(
     TimePicker,
     {
-      value: parseTimeValue(stringPropTypeUtil20.extract(value?.time)),
+      value: parseTimeValue(stringPropTypeUtil19.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
       disabled: inputDisabled,
       slotProps: {
@@ -7911,7 +7911,7 @@ var BoundTimeStringControl = ({ bind, ariaLabel }) => {
 // src/controls/inline-editing-control.tsx
 import * as React115 from "react";
 import { useCallback as useCallback4, useEffect as useEffect17, useMemo as useMemo17 } from "react";
-import { htmlV3PropTypeUtil, parseHtmlChildren, stringPropTypeUtil as stringPropTypeUtil21 } from "@elementor/editor-props";
+import { htmlV3PropTypeUtil, parseHtmlChildren, stringPropTypeUtil as stringPropTypeUtil20 } from "@elementor/editor-props";
 import { Box as Box25 } from "@elementor/ui";
 import { debounce as debounce3 } from "@elementor/utils";
 
@@ -8088,12 +8088,12 @@ var InlineEditingControl = createControl(
     props
   }) => {
     const { value, setValue, placeholder } = useBoundProp(htmlV3PropTypeUtil);
-    const content = stringPropTypeUtil21.extract(value?.content ?? null) ?? "";
+    const content = stringPropTypeUtil20.extract(value?.content ?? null) ?? "";
     const debouncedParse = useMemo17(
       () => debounce3((html) => {
         const parsed = parseHtmlChildren(html);
         setValue({
-          content: parsed.content ? stringPropTypeUtil21.create(parsed.content) : null,
+          content: parsed.content ? stringPropTypeUtil20.create(parsed.content) : null,
           children: parsed.children
         });
       }, CHILDREN_PARSE_DEBOUNCE_MS),
@@ -8103,7 +8103,7 @@ var InlineEditingControl = createControl(
       (newValue) => {
         const html = newValue ?? "";
         setValue({
-          content: html ? stringPropTypeUtil21.create(html) : null,
+          content: html ? stringPropTypeUtil20.create(html) : null,
           children: value?.children ?? []
         });
         debouncedParse(html);
@@ -8183,7 +8183,7 @@ import { __ as __57 } from "@wordpress/i18n";
 
 // src/hooks/use-form-field-suggestions.ts
 import { getContainer as getContainer2, getSelectedElements as getSelectedElements3, getWidgetsCache } from "@elementor/editor-elements";
-import { stringPropTypeUtil as stringPropTypeUtil22 } from "@elementor/editor-props";
+import { stringPropTypeUtil as stringPropTypeUtil21 } from "@elementor/editor-props";
 import { __privateUseListenTo as useListenTo2, commandEndEvent as commandEndEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
@@ -8200,7 +8200,7 @@ function isFormFieldWidgetType(widgetType) {
   return FORM_FIELD_WIDGET_TYPES.includes(widgetType);
 }
 function extractStringPropValue(value) {
-  return stringPropTypeUtil22.extract(value);
+  return stringPropTypeUtil21.extract(value);
 }
 function getSettingWithDefault(child, widgetType, key) {
   const fromGet = child.settings.get(key);
@@ -8270,7 +8270,7 @@ function useFormFieldSuggestions(options) {
 // src/controls/email-form-action-control/email-chips-field.tsx
 import * as React116 from "react";
 import { useState as useState19 } from "react";
-import { stringArrayPropTypeUtil as stringArrayPropTypeUtil3, stringPropTypeUtil as stringPropTypeUtil23 } from "@elementor/editor-props";
+import { stringArrayPropTypeUtil as stringArrayPropTypeUtil3, stringPropTypeUtil as stringPropTypeUtil22 } from "@elementor/editor-props";
 import { Autocomplete as Autocomplete4, Grid as Grid32, TextField as TextField11 } from "@elementor/ui";
 
 // src/controls/email-form-action-control/utils.ts
@@ -8297,13 +8297,13 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
   const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil3);
   const [inputValue, setInputValue] = useState19("");
   const items2 = value || [];
-  const selectedValues = items2.map((item) => stringPropTypeUtil23.extract(item)).filter((val) => val !== null);
+  const selectedValues = items2.map((item) => stringPropTypeUtil22.extract(item)).filter((val) => val !== null);
   const tryAddChip = (raw) => {
     const address = raw.trim();
     if (!address || selectedValues.includes(address) || !isValidEmail(address)) {
       return;
     }
-    setValue([...items2, stringPropTypeUtil23.create(address)]);
+    setValue([...items2, stringPropTypeUtil22.create(address)]);
     setInputValue("");
   };
   const handleChange = (_, newValue) => {
@@ -8313,7 +8313,7 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       if (!address || !isValidEmail(address)) {
         continue;
       }
-      updated.push(stringPropTypeUtil23.create(address));
+      updated.push(stringPropTypeUtil22.create(address));
     }
     setValue(updated);
     setInputValue("");