@elementor/editor-components 4.0.0 → 4.0.2

package/dist/index.d.mts

@@ -136,7 +136,9 @@ declare const apiClient: {
     unlockComponent: (componentId: number) => Promise<{
         success: boolean;
     }>;
-    getOverridableProps: (componentId: number) => Promise<OverridableProps>;
+    getOverridableProps: (componentIds: number[]) => Promise<HttpResponse<Record<number, OverridableProps | null>, {
+        errors: Record<number, string>;
+    }>>;
     updateArchivedComponents: (componentIds: number[], status: DocumentSaveStatus) => Promise<{
         failedIds: number[];
         successIds: number[];
@@ -1298,6 +1300,7 @@ declare const baseSlice: _reduxjs_toolkit.Slice<ComponentsState, {
         componentId: ComponentId;
         overridableProps: OverridableProps;
     }>) => void;
+    loadOverridableProps: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<Record<ComponentId, OverridableProps | null>>) => void;
     rename: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<{
         componentUid: string;
         name: string;

package/dist/index.d.ts

@@ -136,7 +136,9 @@ declare const apiClient: {
     unlockComponent: (componentId: number) => Promise<{
         success: boolean;
     }>;
-    getOverridableProps: (componentId: number) => Promise<OverridableProps>;
+    getOverridableProps: (componentIds: number[]) => Promise<HttpResponse<Record<number, OverridableProps | null>, {
+        errors: Record<number, string>;
+    }>>;
     updateArchivedComponents: (componentIds: number[], status: DocumentSaveStatus) => Promise<{
         failedIds: number[];
         successIds: number[];
@@ -1298,6 +1300,7 @@ declare const baseSlice: _reduxjs_toolkit.Slice<ComponentsState, {
         componentId: ComponentId;
         overridableProps: OverridableProps;
     }>) => void;
+    loadOverridableProps: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<Record<ComponentId, OverridableProps | null>>) => void;
     rename: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<{
         componentUid: string;
         name: string;

package/dist/index.js

@@ -156,11 +156,12 @@ var apiClient = {
   unlockComponent: async (componentId) => await (0, import_http_client.httpService)().post(`${BASE_URL}/unlock`, {
     componentId
   }).then((res) => res.data),
-  getOverridableProps: async (componentId) => await (0, import_http_client.httpService)().get(`${BASE_URL}/overridable-props`, {
-    params: {
-      componentId: componentId.toString()
+  getOverridableProps: async (componentIds) => await (0, import_http_client.httpService)().get(
+    `${BASE_URL}/overridable-props`,
+    {
+      params: { "componentIds[]": componentIds }
     }
-  }).then((res) => res.data.data),
+  ).then((res) => res.data),
   updateArchivedComponents: async (componentIds, status) => await (0, import_http_client.httpService)().post(
     `${BASE_URL}/archive`,
     {
@@ -260,6 +261,18 @@ var baseSlice = (0, import_store2.__createSlice)({
       }
       component.overridableProps = payload.overridableProps;
     },
+    loadOverridableProps: (state, { payload }) => {
+      const componentIds = Object.keys(payload);
+      componentIds.forEach((id) => {
+        const componentId = Number(id);
+        const overridableProps = payload[componentId];
+        const component = state.data.find((comp) => comp.id === componentId);
+        if (!component || !overridableProps) {
+          return;
+        }
+        component.overridableProps = overridableProps;
+      });
+    },
     rename: (state, { payload }) => {
       const component = state.data.find((comp) => comp.uid === payload.componentUid);
       if (!component) {
@@ -2430,27 +2443,13 @@ async function getDocumentsMap(ids, cache) {
 
 // src/store/actions/load-components-overridable-props.ts
 var import_store23 = require("@elementor/store");
-function loadComponentsOverridableProps(componentIds) {
-  if (!componentIds.length) {
-    return;
-  }
-  return Promise.all(componentIds.map(loadComponentOverrides));
-}
-async function loadComponentOverrides(componentId) {
-  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store23.__getState)(), componentId);
-  if (isOverridablePropsLoaded) {
+async function loadComponentsOverridableProps(componentIds) {
+  const unloadedIds = componentIds.filter((id) => !selectIsOverridablePropsLoaded((0, import_store23.__getState)(), id));
+  if (!unloadedIds.length) {
     return;
   }
-  const overridableProps = await apiClient.getOverridableProps(componentId);
-  if (!overridableProps) {
-    return;
-  }
-  (0, import_store23.__dispatch)(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps
-    })
-  );
+  const { data } = await apiClient.getOverridableProps(unloadedIds);
+  (0, import_store23.__dispatch)(slice.actions.loadOverridableProps(data));
 }
 
 // src/store/actions/load-components-styles.ts