@elementor/editor-components 4.0.1 → 4.0.3

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) {
@@ -345,7 +358,16 @@ var selectUnpublishedComponents = (0, import_store3.__createSelector)(
 var selectLoadIsPending = (0, import_store3.__createSelector)(selectLoadStatus, (status) => status === "pending");
 var selectLoadIsError = (0, import_store3.__createSelector)(selectLoadStatus, (status) => status === "error");
 var selectStyles = (state) => state[SLICE_NAME].styles ?? {};
-var selectFlatStyles = (0, import_store3.__createSelector)(selectStylesDefinitions, (data) => Object.values(data).flat());
+var selectFlatStyles = (0, import_store3.__createSelector)(
+  selectStylesDefinitions,
+  (_state, excludeComponentId = null) => excludeComponentId,
+  (data, excludeComponentId) => {
+    if (excludeComponentId === null) {
+      return Object.values(data).flat();
+    }
+    return Object.entries(data).filter(([id]) => id !== String(excludeComponentId)).map(([, styles]) => styles).flat();
+  }
+);
 var selectCreatedThisSession = (0, import_store3.__createSelector)(
   getCreatedThisSession,
   (createdThisSession) => createdThisSession
@@ -2430,27 +2452,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) {
-    return;
-  }
-  const overridableProps = await apiClient.getOverridableProps(componentId);
-  if (!overridableProps) {
+async function loadComponentsOverridableProps(componentIds) {
+  const unloadedIds = componentIds.filter((id) => !selectIsOverridablePropsLoaded((0, import_store23.__getState)(), id));
+  if (!unloadedIds.length) {
     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
@@ -3060,6 +3068,7 @@ function removeComponentStyles(id) {
 }
 
 // src/store/components-styles-provider.ts
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
 var import_store34 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
@@ -3073,7 +3082,8 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store34.__getState)());
+      const currentDocumentId = (0, import_editor_elements10.getCurrentDocumentId)();
+      return selectFlatStyles((0, import_store34.__getState)(), currentDocumentId);
     },
     get: (id) => {
       return selectFlatStyles((0, import_store34.__getState)()).find((style) => style.id === id) ?? null;