@elementor/editor-components 3.35.0-478 → 3.35.0-480

package/dist/index.js

@@ -93,16 +93,18 @@ var apiClient = {
       componentId: componentId.toString()
     }
   }).then((res) => res.data.data),
-  updateArchivedComponents: async (componentIds) => await (0, import_http_client.httpService)().post(
+  updateArchivedComponents: async (componentIds, status) => await (0, import_http_client.httpService)().post(
     `${BASE_URL}/archive`,
     {
-      componentIds
+      componentIds,
+      status
     }
   ).then((res) => res.data.data),
-  updateComponentTitle: (updatedComponentNames) => (0, import_http_client.httpService)().post(
+  updateComponentTitle: (updatedComponentNames, status) => (0, import_http_client.httpService)().post(
     `${BASE_URL}/update-titles`,
     {
-      components: updatedComponentNames
+      components: updatedComponentNames,
+      status
     }
   ).then((res) => res.data.data),
   validate: async (payload) => await (0, import_http_client.httpService)().post(`${BASE_URL}/create-validate`, payload).then((res) => res.data)
@@ -1368,8 +1370,9 @@ function validatePropLabel(label, existingLabels, currentLabel) {
 var SIZE = "tiny";
 var DEFAULT_GROUP = { value: null, label: (0, import_i18n6.__)("Default", "elementor") };
 function OverridablePropForm({ onSubmit, groups, currentValue, existingLabels = [], sx }) {
+  const selectGroups = groups?.length ? groups : [DEFAULT_GROUP];
   const [propLabel, setPropLabel] = (0, import_react3.useState)(currentValue?.label ?? null);
-  const [group, setGroup] = (0, import_react3.useState)(currentValue?.groupId ?? groups?.[0]?.value ?? null);
+  const [group, setGroup] = (0, import_react3.useState)(currentValue?.groupId ?? selectGroups[0]?.value ?? null);
   const [error, setError] = (0, import_react3.useState)(null);
   const name = (0, import_i18n6.__)("Name", "elementor");
   const groupName = (0, import_i18n6.__)("Group Name", "elementor");
@@ -1425,14 +1428,13 @@ function OverridablePropForm({ onSubmit, groups, currentValue, existingLabels =
       onChange: (e) => setGroup(e.target.value),
       displayEmpty: true,
       renderValue: (selectedValue) => {
-        if (!selectedValue || selectedValue === "") {
-          const [firstGroup = DEFAULT_GROUP] = groups ?? [];
-          return firstGroup.label;
+        if (!selectedValue) {
+          return selectGroups[0].label;
         }
-        return groups?.find(({ value }) => value === selectedValue)?.label ?? selectedValue;
+        return selectGroups.find(({ value }) => value === selectedValue)?.label ?? selectedValue;
       }
     },
-    (groups ?? [DEFAULT_GROUP]).map(({ label: groupLabel, ...props }) => /* @__PURE__ */ React3.createElement(import_editor_ui2.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, groupLabel))
+    selectGroups.map(({ label: groupLabel, ...props }) => /* @__PURE__ */ React3.createElement(import_editor_ui2.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, groupLabel))
   ))), /* @__PURE__ */ React3.createElement(import_ui3.Stack, { direction: "row", justifyContent: "flex-end", alignSelf: "end", mt: 1.5, py: 1, px: 1.5 }, /* @__PURE__ */ React3.createElement(
     import_ui3.Button,
     {
@@ -5031,6 +5033,21 @@ function updateElementComponentId(elementId, componentId) {
   });
 }
 
+// src/sync/publish-draft-components-in-page-before-save.ts
+var import_editor_documents12 = require("@elementor/editor-documents");
+async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
+  if (status !== "publish") {
+    return;
+  }
+  const documents = await getComponentDocuments(elements);
+  const draftIds = [...documents.values()].filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
+  if (draftIds.length === 0) {
+    return;
+  }
+  await apiClient.updateStatuses(draftIds, "publish");
+  draftIds.forEach((id2) => invalidateComponentDocumentData(id2));
+}
+
 // src/sync/set-component-overridable-props-settings-before-save.ts
 var import_store72 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
@@ -5054,13 +5071,13 @@ var failedNotification = (message) => ({
   message: `Failed to archive components: ${message}`,
   id: "failed-archived-components-notification"
 });
-var updateArchivedComponentBeforeSave = async () => {
+var updateArchivedComponentBeforeSave = async (status) => {
   try {
     const archivedComponents = selectArchivedThisSession((0, import_store74.__getState)());
     if (!archivedComponents.length) {
       return;
     }
-    const result = await apiClient.updateArchivedComponents(archivedComponents);
+    const result = await apiClient.updateArchivedComponents(archivedComponents, status);
     const failedIds = result.failedIds.join(", ");
     if (failedIds) {
       (0, import_editor_notifications5.notify)(failedNotification(failedIds));
@@ -5072,43 +5089,37 @@ var updateArchivedComponentBeforeSave = async () => {
 
 // src/sync/update-component-title-before-save.ts
 var import_store76 = require("@elementor/store");
-var updateComponentTitleBeforeSave = async () => {
+var updateComponentTitleBeforeSave = async (status) => {
   const updatedComponentNames = selectUpdatedComponentNames((0, import_store76.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
-  const result = await apiClient.updateComponentTitle(updatedComponentNames);
+  const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
     (0, import_store76.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
-// src/sync/update-components-before-save.ts
-var import_editor_documents12 = require("@elementor/editor-documents");
-async function updateComponentsBeforeSave({ status, elements }) {
-  if (status !== "publish") {
-    return;
-  }
-  const documents = await getComponentDocuments(elements);
-  const draftIds = [...documents.values()].filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
-  if (draftIds.length === 0) {
-    return;
-  }
-  await apiClient.updateStatuses(draftIds, "publish");
-  draftIds.forEach((id2) => invalidateComponentDocumentData(id2));
-}
-
 // src/sync/before-save.ts
 var beforeSave = ({ container, status }) => {
   const elements = container?.model.get("elements").toJSON?.() ?? [];
   return Promise.all([
-    updateArchivedComponentBeforeSave(),
-    createComponentsBeforeSave({ elements, status }),
-    updateComponentsBeforeSave({ elements, status }),
-    setComponentOverridablePropsSettingsBeforeSave({ container }),
-    updateComponentTitleBeforeSave()
+    syncComponents({ elements, status }),
+    setComponentOverridablePropsSettingsBeforeSave({ container })
   ]);
 };
+var syncComponents = async ({ elements, status }) => {
+  await updateExistingComponentsBeforeSave({ elements, status });
+  await createComponentsBeforeSave({ elements, status });
+};
+var updateExistingComponentsBeforeSave = async ({
+  elements,
+  status
+}) => {
+  await updateComponentTitleBeforeSave(status);
+  await updateArchivedComponentBeforeSave(status);
+  await publishDraftComponentsInPageBeforeSave({ elements, status });
+};
 
 // src/sync/cleanup-overridable-props-on-delete.ts
 var import_editor_elements20 = require("@elementor/editor-elements");