@elementor/editor-components 4.0.1 → 4.0.2

package/dist/index.mjs

@@ -76,11 +76,12 @@ var apiClient = {
   unlockComponent: async (componentId) => await httpService().post(`${BASE_URL}/unlock`, {
     componentId
   }).then((res) => res.data),
-  getOverridableProps: async (componentId) => await httpService().get(`${BASE_URL}/overridable-props`, {
-    params: {
-      componentId: componentId.toString()
+  getOverridableProps: async (componentIds) => await httpService().get(
+    `${BASE_URL}/overridable-props`,
+    {
+      params: { "componentIds[]": componentIds }
     }
-  }).then((res) => res.data.data),
+  ).then((res) => res.data),
   updateArchivedComponents: async (componentIds, status) => await httpService().post(
     `${BASE_URL}/archive`,
     {
@@ -180,6 +181,18 @@ var baseSlice = 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) {
@@ -2365,27 +2378,13 @@ async function getDocumentsMap(ids, cache) {
 
 // src/store/actions/load-components-overridable-props.ts
 import { __dispatch as dispatch4, __getState as getState6 } from "@elementor/store";
-function loadComponentsOverridableProps(componentIds) {
-  if (!componentIds.length) {
-    return;
-  }
-  return Promise.all(componentIds.map(loadComponentOverrides));
-}
-async function loadComponentOverrides(componentId) {
-  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded(getState6(), componentId);
-  if (isOverridablePropsLoaded) {
+async function loadComponentsOverridableProps(componentIds) {
+  const unloadedIds = componentIds.filter((id) => !selectIsOverridablePropsLoaded(getState6(), id));
+  if (!unloadedIds.length) {
     return;
   }
-  const overridableProps = await apiClient.getOverridableProps(componentId);
-  if (!overridableProps) {
-    return;
-  }
-  dispatch4(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps
-    })
-  );
+  const { data } = await apiClient.getOverridableProps(unloadedIds);
+  dispatch4(slice.actions.loadOverridableProps(data));
 }
 
 // src/store/actions/load-components-styles.ts