@elementor/editor-controls 0.27.0 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @elementor/editor-controls
 
+## 0.28.0
+
+### Minor Changes
+
+- f4deb05: Remove divider in Link Control and change Image Control showcases
+- 9e7a3ee: Set Link Control label default empty string
+- baf662e: Fixed when opening and closing link collapsible, publish will not activate
+
+### Patch Changes
+
+- ca016cc: Elementor ui update to version 1.34.2, elementor icons update to 1.40.1
+- Updated dependencies [ca016cc]
+  - @elementor/editor-ui@0.8.1
+
 ## 0.27.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -9,8 +9,9 @@ type ImageControlProps = {
         value: string;
     }[];
     resolutionLabel?: string;
+    showMode?: 'all' | 'media' | 'sizes';
 };
-declare const ImageControl: ControlComponent<({ sizes, resolutionLabel }: ImageControlProps) => React.JSX.Element>;
+declare const ImageControl: ControlComponent<({ sizes, resolutionLabel, showMode }: ImageControlProps) => React.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;

package/dist/index.d.ts

@@ -9,8 +9,9 @@ type ImageControlProps = {
         value: string;
     }[];
     resolutionLabel?: string;
+    showMode?: 'all' | 'media' | 'sizes';
 };
-declare const ImageControl: ControlComponent<({ sizes, resolutionLabel }: ImageControlProps) => React.JSX.Element>;
+declare const ImageControl: ControlComponent<({ sizes, resolutionLabel, showMode }: ImageControlProps) => React.JSX.Element>;
 
 declare const TextControl: ControlComponent<({ placeholder }: {
     placeholder?: string;

package/dist/index.js

@@ -446,11 +446,11 @@ var SelectControl = createControl(({ options, onChange }) => {
 
 // src/controls/image-control.tsx
 var ImageControl = createControl(
-  ({ sizes, resolutionLabel = (0, import_i18n2.__)("Image resolution", "elementor") }) => {
+  ({ sizes, resolutionLabel = (0, import_i18n2.__)("Image resolution", "elementor"), showMode = "all" }) => {
     const propContext = useBoundProp(import_editor_props3.imagePropTypeUtil);
     const { data: allowSvgUpload } = useUnfilteredFilesUpload();
     const mediaTypes = allowSvgUpload ? ["image", "svg"] : ["image"];
-    return /* @__PURE__ */ React10.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React10.createElement(import_ui6.Stack, { gap: 1.5 }, /* @__PURE__ */ React10.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React10.createElement(ControlFormLabel, null, " ", (0, import_i18n2.__)("Image", "elementor"), " "), /* @__PURE__ */ React10.createElement(ImageMediaControl, { mediaTypes })), /* @__PURE__ */ React10.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React10.createElement(import_ui6.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React10.createElement(import_ui6.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React10.createElement(ControlFormLabel, null, " ", resolutionLabel, " ")), /* @__PURE__ */ React10.createElement(import_ui6.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React10.createElement(SelectControl, { options: sizes }))))));
+    return /* @__PURE__ */ React10.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React10.createElement(import_ui6.Stack, { gap: 1.5 }, ["all", "media"].includes(showMode) ? /* @__PURE__ */ React10.createElement(PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React10.createElement(ControlFormLabel, null, " ", (0, import_i18n2.__)("Image", "elementor"), " "), /* @__PURE__ */ React10.createElement(ImageMediaControl, { mediaTypes })) : null, ["all", "sizes"].includes(showMode) ? /* @__PURE__ */ React10.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React10.createElement(import_ui6.Grid, { container: true, gap: 1.5, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React10.createElement(import_ui6.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React10.createElement(ControlFormLabel, null, " ", resolutionLabel, " ")), /* @__PURE__ */ React10.createElement(import_ui6.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React10.createElement(SelectControl, { options: sizes })))) : null));
   }
 );
 
@@ -1879,9 +1879,18 @@ var LinkControl = createControl((props) => {
     if (linkInLinkRestriction.shouldRestrict && !isActive) {
       return;
     }
-    setIsActive((prevState) => !prevState);
-    setValue(isActive ? null : linkSessionValue?.value ?? null);
-    setLinkSessionValue({ value, meta: { isEnabled: !isActive } });
+    const newState = !isActive;
+    setIsActive(newState);
+    if (!newState && value !== null) {
+      setValue(null);
+    }
+    if (newState && linkSessionValue?.value) {
+      setValue(linkSessionValue.value);
+    }
+    setLinkSessionValue({
+      value: newState ? value : linkSessionValue?.value,
+      meta: { isEnabled: newState }
+    });
   };
   const onOptionChange = (newValue) => {
     const valueToSave = newValue ? {
@@ -1896,7 +1905,7 @@ var LinkControl = createControl((props) => {
     const valueToSave = newValue ? {
       ...value,
       destination: import_editor_props16.urlPropTypeUtil.create(newValue),
-      label: null
+      label: import_editor_props16.stringPropTypeUtil.create("")
     } : null;
     onSaveNewValue(valueToSave);
     updateOptions(newValue);
@@ -1921,7 +1930,7 @@ var LinkControl = createControl((props) => {
     ),
     [endpoint]
   );
-  return /* @__PURE__ */ React34.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React34.createElement(import_ui27.Stack, { gap: 1.5 }, /* @__PURE__ */ React34.createElement(import_ui27.Divider, null), /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React34.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React34.createElement(import_ui27.Stack, { gap: 1.5 }, /* @__PURE__ */ React34.createElement(
     import_ui27.Stack,
     {
       direction: "row",