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

package/dist/index.d.ts

@@ -231,8 +231,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
         value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         };
@@ -253,8 +253,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
         value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         };
@@ -276,8 +276,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -297,8 +297,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -319,8 +319,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -340,8 +340,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -362,8 +362,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -383,8 +383,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -404,8 +404,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -429,8 +429,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -450,8 +450,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -475,8 +475,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -500,8 +500,8 @@ declare const componentInstanceOverridesPropTypeUtil: {
             value: {
                 override_key: string;
                 schema_source: {
-                    type: "component";
                     id: number;
+                    type: "component";
                 };
                 override_value?: unknown;
             };
@@ -563,16 +563,16 @@ declare const componentInstanceOverridePropTypeUtil: {
     extract: (prop: unknown) => {
         override_key: string;
         schema_source: {
-            type: "component";
             id: number;
+            type: "component";
         };
         override_value?: unknown;
     } | null;
     isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"override", {
         override_key: string;
         schema_source: {
-            type: "component";
             id: number;
+            type: "component";
         };
         override_value?: unknown;
     }>;
@@ -580,52 +580,52 @@ declare const componentInstanceOverridePropTypeUtil: {
         (value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }): _elementor_editor_props.TransformablePropValue<"override", {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }>;
         (value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"override", {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }>;
         (value: (prev?: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         } | undefined) => {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"override", {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }>;
@@ -635,15 +635,15 @@ declare const componentInstanceOverridePropTypeUtil: {
         value: z.ZodType<{
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }, z.ZodTypeDef, {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         }>;
@@ -652,8 +652,8 @@ declare const componentInstanceOverridePropTypeUtil: {
         value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         };
@@ -663,8 +663,8 @@ declare const componentInstanceOverridePropTypeUtil: {
         value: {
             override_key: string;
             schema_source: {
-                type: "component";
                 id: number;
+                type: "component";
             };
             override_value?: unknown;
         };
@@ -689,8 +689,8 @@ declare const componentInstancePropTypeUtil: {
                 value: {
                     override_key: string;
                     schema_source: {
-                        type: "component";
                         id: number;
+                        type: "component";
                     };
                     override_value?: unknown;
                 };
@@ -722,8 +722,8 @@ declare const componentInstancePropTypeUtil: {
                 value: {
                     override_key: string;
                     schema_source: {
-                        type: "component";
                         id: number;
+                        type: "component";
                     };
                     override_value?: unknown;
                 };
@@ -756,8 +756,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -788,8 +788,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -821,8 +821,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -853,8 +853,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -886,8 +886,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -918,8 +918,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -950,8 +950,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -986,8 +986,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -1018,8 +1018,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -1053,8 +1053,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -1089,8 +1089,8 @@ declare const componentInstancePropTypeUtil: {
                     value: {
                         override_key: string;
                         schema_source: {
-                            type: "component";
                             id: number;
+                            type: "component";
                         };
                         override_value?: unknown;
                     };
@@ -1284,9 +1284,6 @@ declare const baseSlice: _reduxjs_toolkit.Slice<ComponentsState, {
     addUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<UnpublishedComponent>) => void;
     removeUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string | string[]>) => void;
     resetUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>) => void;
-    removeStyles(state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<{
-        id: ComponentId;
-    }>): void;
     addStyles: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: {
         payload: any;
         type: string;
@@ -1337,7 +1334,6 @@ declare const componentsActions: {
     addUnpublished(component: UnpublishedComponent): void;
     removeUnpublished(uids: string | string[]): void;
     resetUnpublished(): void;
-    removeStyles(id: ComponentId): void;
     addStyles(styles: Record<string, unknown>): void;
     addCreatedThisSession(uid: string): void;
     removeCreatedThisSession(uid: string): void;

package/dist/index.js

@@ -94,37 +94,9 @@ var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_store34 = require("@elementor/store");
+var import_store32 = require("@elementor/store");
 var import_i18n16 = require("@wordpress/i18n");
 
-// src/component-instance-transformer.ts
-var import_editor_canvas = require("@elementor/editor-canvas");
-var import_store4 = require("@elementor/store");
-
-// src/store/store.ts
-var import_store3 = require("@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
-var import_store2 = require("@elementor/store");
-
-// src/store/thunks.ts
-var import_store = require("@elementor/store");
-
 // src/api.ts
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_http_client = require("@elementor/http-client");
@@ -180,7 +152,33 @@ var apiClient = {
   validate: async (payload) => await (0, import_http_client.httpService)().post(`${BASE_URL}/create-validate`, payload).then((res) => res.data)
 };
 
+// src/component-instance-transformer.ts
+var import_editor_canvas = require("@elementor/editor-canvas");
+var import_store4 = require("@elementor/store");
+
+// src/store/store.ts
+var import_store3 = require("@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
+var import_store2 = require("@elementor/store");
+
 // src/store/thunks.ts
+var import_store = require("@elementor/store");
 var loadComponents = (0, import_store.__createAsyncThunk)("components/load", async () => {
   const response = await apiClient.get();
   return response;
@@ -229,10 +227,6 @@ var baseSlice = (0, import_store2.__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 };
     },
@@ -359,7 +353,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
@@ -1722,9 +1725,6 @@ var componentsActions = {
   resetUnpublished() {
     (0, import_store12.__dispatch)(slice.actions.resetUnpublished());
   },
-  removeStyles(id) {
-    (0, import_store12.__dispatch)(slice.actions.removeStyles({ id }));
-  },
   addStyles(styles) {
     (0, import_store12.__dispatch)(slice.actions.addStyles(styles));
   },
@@ -3208,20 +3208,14 @@ function blockCircularPaste(args) {
   return hasCircularComponent;
 }
 
-// src/store/actions/remove-component-styles.ts
-var import_store30 = require("@elementor/store");
-function removeComponentStyles(id) {
-  apiClient.invalidateComponentConfigCache(id);
-  (0, import_store30.__dispatch)(slice.actions.removeStyles({ 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_store32 = require("@elementor/store");
+var import_store30 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store32.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store30.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -3229,10 +3223,11 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store32.__getState)());
+      const currentDocumentId = (0, import_editor_elements10.getCurrentDocumentId)();
+      return selectFlatStyles((0, import_store30.__getState)(), currentDocumentId);
     },
     get: (id) => {
-      return selectFlatStyles((0, import_store32.__getState)()).find((style) => style.id === id) ?? null;
+      return selectFlatStyles((0, import_store30.__getState)()).find((style) => style.id === id) ?? null;
     }
   }
 });
@@ -3313,7 +3308,7 @@ function load(result) {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store34.__registerSlice)(slice);
+  (0, import_store32.__registerSlice)(slice);
   (0, import_editor_canvas5.registerElementType)(
     COMPONENT_WIDGET_TYPE2,
     (options) => createComponentType({
@@ -3336,7 +3331,7 @@ function init() {
   (0, import_editor_v1_adapters6.registerDataHook)("after", "editor/documents/attach-preview", async () => {
     const { id, config } = (0, import_editor_documents6.getV1CurrentDocument)();
     if (id) {
-      removeComponentStyles(id);
+      apiClient.invalidateComponentConfigCache(id);
     }
     await loadComponentsAssets(config?.elements ?? []);
   });