@elementor/editor-components 4.1.0-765 → 4.1.0-766

package/dist/index.mjs

@@ -12,38 +12,6 @@ import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adap
 import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __16 } from "@wordpress/i18n";
 
-// src/component-instance-transformer.ts
-import { createTransformer } from "@elementor/editor-canvas";
-import { __getState as getState } from "@elementor/store";
-
-// src/store/store.ts
-import { __createSelector as createSelector, __useSelector as useSelector } from "@elementor/store";
-
-// src/store/store-types.ts
-var initialState = {
-  data: [],
-  unpublishedData: [],
-  loadStatus: "idle",
-  styles: {},
-  createdThisSession: [],
-  archivedThisSession: [],
-  path: [],
-  currentComponentId: null,
-  updatedComponentNames: {},
-  sanitized: {}
-};
-var SLICE_NAME = "components";
-
-// src/store/extensible-slice.ts
-import {
-  __createAction as createAction,
-  __createSlice as createSlice,
-  __dispatch as dispatch
-} from "@elementor/store";
-
-// src/store/thunks.ts
-import { __createAsyncThunk as createAsyncThunk } from "@elementor/store";
-
 // src/api.ts
 import { ajax } from "@elementor/editor-v1-adapters";
 import { httpService } from "@elementor/http-client";
@@ -99,7 +67,37 @@ var apiClient = {
   validate: async (payload) => await httpService().post(`${BASE_URL}/create-validate`, payload).then((res) => res.data)
 };
 
+// src/component-instance-transformer.ts
+import { createTransformer } from "@elementor/editor-canvas";
+import { __getState as getState } from "@elementor/store";
+
+// src/store/store.ts
+import { __createSelector as createSelector, __useSelector as useSelector } from "@elementor/store";
+
+// src/store/store-types.ts
+var initialState = {
+  data: [],
+  unpublishedData: [],
+  loadStatus: "idle",
+  styles: {},
+  createdThisSession: [],
+  archivedThisSession: [],
+  path: [],
+  currentComponentId: null,
+  updatedComponentNames: {},
+  sanitized: {}
+};
+var SLICE_NAME = "components";
+
+// src/store/extensible-slice.ts
+import {
+  __createAction as createAction,
+  __createSlice as createSlice,
+  __dispatch as dispatch
+} from "@elementor/store";
+
 // src/store/thunks.ts
+import { __createAsyncThunk as createAsyncThunk } from "@elementor/store";
 var loadComponents = createAsyncThunk("components/load", async () => {
   const response = await apiClient.get();
   return response;
@@ -148,10 +146,6 @@ var baseSlice = createSlice({
     resetUnpublished: (state) => {
       state.unpublishedData = [];
     },
-    removeStyles(state, { payload }) {
-      const { [payload.id]: _, ...rest } = state.styles;
-      state.styles = rest;
-    },
     addStyles: (state, { payload }) => {
       state.styles = { ...state.styles, ...payload };
     },
@@ -278,7 +272,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
@@ -1656,9 +1659,6 @@ var componentsActions = {
   resetUnpublished() {
     dispatch3(slice.actions.resetUnpublished());
   },
-  removeStyles(id) {
-    dispatch3(slice.actions.removeStyles({ id }));
-  },
   addStyles(styles) {
     dispatch3(slice.actions.addStyles(styles));
   },
@@ -3149,14 +3149,8 @@ function blockCircularPaste(args) {
   return hasCircularComponent;
 }
 
-// src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch7 } from "@elementor/store";
-function removeComponentStyles(id) {
-  apiClient.invalidateComponentConfigCache(id);
-  dispatch7(slice.actions.removeStyles({ 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({
@@ -3170,7 +3164,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;
@@ -3277,7 +3272,7 @@ function init() {
   registerDataHook2("after", "editor/documents/attach-preview", async () => {
     const { id, config } = getV1CurrentDocument();
     if (id) {
-      removeComponentStyles(id);
+      apiClient.invalidateComponentConfigCache(id);
     }
     await loadComponentsAssets(config?.elements ?? []);
   });