@elementor/editor-controls 0.27.0 → 0.28.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @elementor/editor-controls
 
+## 0.28.1
+
+### Patch Changes
+
+- 7daaa99: Rename `http` package to `http-client`
+- Updated dependencies [7daaa99]
+  - @elementor/http-client@0.2.0
+  - @elementor/editor-current-user@0.3.1
+
+## 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
@@ -202,7 +225,7 @@
 - Updated dependencies [f6a4d4f]
   - @elementor/editor-props@0.9.4
   - @elementor/wp-media@0.5.0
-  - @elementor/http@0.1.4
+  - @elementor/http-client@0.1.4
 
 ## 0.14.0
 

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

@@ -299,11 +299,11 @@ function createControl(Control5) {
 var import_query = require("@elementor/query");
 
 // src/api.ts
-var import_http = require("@elementor/http");
+var import_http_client = require("@elementor/http-client");
 var ELEMENTOR_SETTING_URL = "elementor/v1/settings";
 var apiClient = {
-  getElementorSetting: (key) => (0, import_http.httpService)().get(`${ELEMENTOR_SETTING_URL}/${key}`).then((res) => formatSettingResponse(res.data)),
-  updateElementorSetting: (key, value) => (0, import_http.httpService)().put(`${ELEMENTOR_SETTING_URL}/${key}`, { value })
+  getElementorSetting: (key) => (0, import_http_client.httpService)().get(`${ELEMENTOR_SETTING_URL}/${key}`).then((res) => formatSettingResponse(res.data)),
+  updateElementorSetting: (key, value) => (0, import_http_client.httpService)().put(`${ELEMENTOR_SETTING_URL}/${key}`, { value })
 };
 var formatSettingResponse = (response) => response.data.value;
 
@@ -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));
   }
 );
 
@@ -1739,7 +1739,7 @@ var import_react13 = require("react");
 var import_editor_elements = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_editor_ui3 = require("@elementor/editor-ui");
-var import_http2 = require("@elementor/http");
+var import_http_client2 = require("@elementor/http-client");
 var import_icons7 = require("@elementor/icons");
 var import_session = require("@elementor/session");
 var import_ui27 = require("@elementor/ui");
@@ -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",
@@ -1974,7 +1983,7 @@ async function fetchOptions(ajaxUrl, params) {
     return [];
   }
   try {
-    const { data: response } = await (0, import_http2.httpService)().get(ajaxUrl, { params });
+    const { data: response } = await (0, import_http_client2.httpService)().get(ajaxUrl, { params });
     return response.data.value;
   } catch {
     return [];