@elementor/editor-controls 4.1.0-798 → 4.1.0-800

package/dist/index.mjs

@@ -351,7 +351,7 @@ var formatResponse = (response) => {
 
 // src/controls/image-media-control.tsx
 import * as React11 from "react";
-import { imageSrcPropTypeUtil } from "@elementor/editor-props";
+import { imageSrcPropTypeUtil, urlPropTypeUtil } from "@elementor/editor-props";
 import { UploadIcon } from "@elementor/icons";
 import { Button, Card, CardMedia, CardOverlay, CircularProgress, Stack as Stack2 } from "@elementor/ui";
 import { useWpMediaAttachment, useWpMediaFrame } from "@elementor/wp-media";
@@ -396,6 +396,7 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
     mediaTypes,
     multiple: false,
     selected: id?.value || null,
+    allowUrlImport: true,
     onSelect: (selectedAttachment) => {
       setValue({
         id: {
@@ -404,6 +405,12 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
         },
         url: null
       });
+    },
+    onSelectUrl: (selectedUrl) => {
+      setValue({
+        id: null,
+        url: urlPropTypeUtil.create(selectedUrl)
+      });
     }
   });
   return /* @__PURE__ */ React11.createElement(ControlActions, null, /* @__PURE__ */ React11.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React11.createElement(CardMedia, { image: src, sx: { height: propType.meta.isDynamic ? 134 : 150 } }, isFetching ? /* @__PURE__ */ React11.createElement(Stack2, { justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, /* @__PURE__ */ React11.createElement(CircularProgress, null)) : /* @__PURE__ */ React11.createElement(React11.Fragment, null)), /* @__PURE__ */ React11.createElement(CardOverlay, null, /* @__PURE__ */ React11.createElement(Stack2, { gap: 1 }, /* @__PURE__ */ React11.createElement(
@@ -425,7 +432,7 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
       onClick: () => open({ mode: "upload" })
     },
     __("Upload", "elementor")
-  )))));
+  ), /* @__PURE__ */ React11.createElement(Button, { size: "tiny", variant: "text", color: "inherit", onClick: () => open({ mode: "url" }) }, __("Insert from URL", "elementor"))))));
 });
 
 // src/controls/select-control.tsx
@@ -4064,11 +4071,11 @@ var FontFamilyControl = createControl(
 
 // src/controls/url-control.tsx
 import * as React67 from "react";
-import { urlPropTypeUtil } from "@elementor/editor-props";
+import { urlPropTypeUtil as urlPropTypeUtil2 } from "@elementor/editor-props";
 import { TextField as TextField7 } from "@elementor/ui";
 var UrlControl = createControl(
   ({ placeholder: propPlaceholder, ariaLabel }) => {
-    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(urlPropTypeUtil);
+    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(urlPropTypeUtil2);
     const handleChange = (event) => setValue(event.target.value);
     const placeholder = propPlaceholder ?? boundPlaceholder ?? void 0;
     return /* @__PURE__ */ React67.createElement(ControlActions, null, /* @__PURE__ */ React67.createElement(
@@ -4169,7 +4176,7 @@ import {
   numberPropTypeUtil as numberPropTypeUtil2,
   queryPropTypeUtil,
   stringPropTypeUtil as stringPropTypeUtil8,
-  urlPropTypeUtil as urlPropTypeUtil2
+  urlPropTypeUtil as urlPropTypeUtil3
 } from "@elementor/editor-props";
 import { httpService as httpService2 } from "@elementor/http-client";
 import { SearchIcon } from "@elementor/icons";
@@ -4310,7 +4317,7 @@ function factoryFilter(newValue, options, minInputLength) {
 // src/controls/query-control.tsx
 var QueryControl = createControl((props) => {
   const { value: queryValue, setValue: setQueryValue } = useBoundProp(queryPropTypeUtil);
-  const { value: urlValue, setValue: setUrlValue, placeholder: urlPlaceholder } = useBoundProp(urlPropTypeUtil2);
+  const { value: urlValue, setValue: setUrlValue, placeholder: urlPlaceholder } = useBoundProp(urlPropTypeUtil3);
   const {
     allowCustomValues = true,
     queryOptions: { url, params = {} },
@@ -4343,7 +4350,7 @@ var QueryControl = createControl((props) => {
       return;
     }
     setUrlValue(trimmedValue);
-    onSetValue?.(urlPropTypeUtil2.create(trimmedValue));
+    onSetValue?.(urlPropTypeUtil3.create(trimmedValue));
     updateOptions(newValue);
   };
   const updateOptions = (newValue) => {
@@ -4888,7 +4895,7 @@ var AspectRatioControl = createControl(({ label }) => {
 import * as React78 from "react";
 import { useState as useState16 } from "react";
 import { useCurrentUserCapabilities } from "@elementor/editor-current-user";
-import { svgSrcPropTypeUtil, urlPropTypeUtil as urlPropTypeUtil3 } from "@elementor/editor-props";
+import { svgSrcPropTypeUtil, urlPropTypeUtil as urlPropTypeUtil4 } from "@elementor/editor-props";
 import { UploadIcon as UploadIcon2 } from "@elementor/icons";
 import { Button as Button5, Card as Card2, CardMedia as CardMedia2, CardOverlay as CardOverlay2, CircularProgress as CircularProgress3, Stack as Stack13, styled as styled9, ThemeProvider } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment2, useWpMediaFrame as useWpMediaFrame2 } from "@elementor/wp-media";
@@ -4998,7 +5005,7 @@ var SvgMediaControl = createControl(() => {
           $$type: "image-attachment-id",
           value: selectedAttachment.id
         },
-        url: urlPropTypeUtil3.create(selectedAttachment.url)
+        url: urlPropTypeUtil4.create(selectedAttachment.url)
       });
     }
   });
@@ -6520,7 +6527,7 @@ var TransformOriginControl = () => {
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(transformOriginPropTypeUtil);
   const rowRef = useRef22(null);
-  return /* @__PURE__ */ React100.createElement(PropProvider, { ...context }, /* @__PURE__ */ React100.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React100.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React100.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React100.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React100.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })))));
+  return /* @__PURE__ */ React100.createElement(PropProvider, { ...context }, /* @__PURE__ */ React100.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React100.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React100.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React100.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React100.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef })))));
 };
 
 // src/controls/transform-control/transform-settings-control.tsx