@elementor/editor-components 4.0.1 → 4.0.3

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) {
@@ -265,7 +278,16 @@ var selectUnpublishedComponents = createSelector(
 var selectLoadIsPending = createSelector(selectLoadStatus, (status) => status === "pending");
 var selectLoadIsError = createSelector(selectLoadStatus, (status) => status === "error");
 var selectStyles = (state) => state[SLICE_NAME].styles ?? {};
-var selectFlatStyles = createSelector(selectStylesDefinitions, (data) => Object.values(data).flat());
+var selectFlatStyles = 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 = createSelector(
   getCreatedThisSession,
   (createdThisSession) => createdThisSession
@@ -2365,27 +2387,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) {
-    return;
-  }
-  const overridableProps = await apiClient.getOverridableProps(componentId);
-  if (!overridableProps) {
+async function loadComponentsOverridableProps(componentIds) {
+  const unloadedIds = componentIds.filter((id) => !selectIsOverridablePropsLoaded(getState6(), id));
+  if (!unloadedIds.length) {
     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
@@ -2997,6 +3005,7 @@ function removeComponentStyles(id) {
 }
 
 // src/store/components-styles-provider.ts
+import { getCurrentDocumentId } from "@elementor/editor-elements";
 import { createStylesProvider } from "@elementor/editor-styles-repository";
 import { __getState as getState10, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
 var componentsStylesProvider = createStylesProvider({
@@ -3010,7 +3019,8 @@ var componentsStylesProvider = createStylesProvider({
   ),
   actions: {
     all: () => {
-      return selectFlatStyles(getState10());
+      const currentDocumentId = getCurrentDocumentId();
+      return selectFlatStyles(getState10(), currentDocumentId);
     },
     get: (id) => {
       return selectFlatStyles(getState10()).find((style) => style.id === id) ?? null;