@elementor/editor-components 4.0.0-675 → 4.0.0-677

package/dist/index.mjs

@@ -17,10 +17,28 @@ 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 {
-  __createSelector as createSelector,
+  __createAction as createAction,
   __createSlice as createSlice,
-  __useSelector as useSelector
+  __dispatch as dispatch
 } from "@elementor/store";
 
 // src/store/thunks.ts
@@ -86,21 +104,24 @@ var loadComponents = createAsyncThunk("components/load", async () => {
   return response;
 });
 
-// src/store/store.ts
-var initialState = {
-  data: [],
-  unpublishedData: [],
-  loadStatus: "idle",
-  styles: {},
-  createdThisSession: [],
-  archivedThisSession: [],
-  path: [],
-  currentComponentId: null,
-  updatedComponentNames: {},
-  sanitized: {}
-};
-var SLICE_NAME = "components";
-var slice = createSlice({
+// src/store/extensible-slice.ts
+var extraReducersMap = /* @__PURE__ */ new Map();
+function registerComponentsReducer(name, reducer) {
+  extraReducersMap.set(`${SLICE_NAME}/${name}`, reducer);
+}
+function createComponentsAction(name) {
+  const action = createAction(`${SLICE_NAME}/${name}`);
+  return {
+    action,
+    register(reducer) {
+      registerComponentsReducer(name, reducer);
+    },
+    dispatch(payload) {
+      dispatch(action(payload));
+    }
+  };
+}
+var baseSlice = createSlice({
   name: SLICE_NAME,
   initialState,
   reducers: {
@@ -197,6 +218,21 @@ var slice = createSlice({
     });
   }
 });
+var slice = {
+  ...baseSlice,
+  reducer(state, action) {
+    const nextState = baseSlice.reducer(state, action);
+    const extraReducer = extraReducersMap.get(action.type);
+    if (!extraReducer || !nextState) {
+      return nextState;
+    }
+    const clonedState = structuredClone(nextState);
+    extraReducer(clonedState, action);
+    return clonedState;
+  }
+};
+
+// src/store/store.ts
 var selectData = (state) => state[SLICE_NAME].data;
 var selectArchivedThisSession = (state) => state[SLICE_NAME].archivedThisSession;
 var selectLoadStatus = (state) => state[SLICE_NAME].loadStatus;
@@ -875,7 +911,7 @@ import { __ as __8 } from "@wordpress/i18n";
 // src/utils/detach-component-instance/detach-component-instance.ts
 import { getContainer, replaceElement } from "@elementor/editor-elements";
 import { undoable } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch, __getState as getState3 } from "@elementor/store";
+import { __dispatch as dispatch2, __getState as getState3 } from "@elementor/store";
 import { __ as __7 } from "@wordpress/i18n";
 
 // src/prop-types/component-instance-overrides-prop-type.ts
@@ -1198,7 +1234,7 @@ async function detachComponentInstance({
         });
         const currentComponentId = selectCurrentComponentId(getState3());
         if (currentComponentId && currentComponentId === editedComponentOnDetach && overridablePropsBeforeDetach) {
-          dispatch(
+          dispatch2(
             slice.actions.setOverridableProps({
               componentId: currentComponentId,
               overridableProps: overridablePropsBeforeDetach
@@ -1445,40 +1481,40 @@ function getOverrideValue(overrideProp) {
 }
 
 // src/store/dispatchers.ts
-import { __dispatch as dispatch2, __getStore as getStore } from "@elementor/store";
+import { __dispatch as dispatch3, __getStore as getStore } from "@elementor/store";
 function safeDispatch() {
   return getStore()?.dispatch;
 }
 var componentsActions = {
   add(components) {
-    dispatch2(slice.actions.add(components));
+    dispatch3(slice.actions.add(components));
   },
   load(components) {
-    dispatch2(slice.actions.load(components));
+    dispatch3(slice.actions.load(components));
   },
   addUnpublished(component) {
-    dispatch2(slice.actions.addUnpublished(component));
+    dispatch3(slice.actions.addUnpublished(component));
   },
   removeUnpublished(uids) {
-    dispatch2(slice.actions.removeUnpublished(uids));
+    dispatch3(slice.actions.removeUnpublished(uids));
   },
   resetUnpublished() {
-    dispatch2(slice.actions.resetUnpublished());
+    dispatch3(slice.actions.resetUnpublished());
   },
   removeStyles(id) {
-    dispatch2(slice.actions.removeStyles({ id }));
+    dispatch3(slice.actions.removeStyles({ id }));
   },
   addStyles(styles) {
-    dispatch2(slice.actions.addStyles(styles));
+    dispatch3(slice.actions.addStyles(styles));
   },
   addCreatedThisSession(uid) {
-    dispatch2(slice.actions.addCreatedThisSession(uid));
+    dispatch3(slice.actions.addCreatedThisSession(uid));
   },
   removeCreatedThisSession(uid) {
-    dispatch2(slice.actions.removeCreatedThisSession(uid));
+    dispatch3(slice.actions.removeCreatedThisSession(uid));
   },
   archive(componentId) {
-    dispatch2(slice.actions.archive(componentId));
+    dispatch3(slice.actions.archive(componentId));
   },
   setCurrentComponentId(id) {
     safeDispatch()?.(slice.actions.setCurrentComponentId(id));
@@ -1487,19 +1523,19 @@ var componentsActions = {
     safeDispatch()?.(slice.actions.setPath(path));
   },
   setOverridableProps(componentId, overridableProps) {
-    dispatch2(slice.actions.setOverridableProps({ componentId, overridableProps }));
+    dispatch3(slice.actions.setOverridableProps({ componentId, overridableProps }));
   },
   rename(componentUid, name) {
-    dispatch2(slice.actions.rename({ componentUid, name }));
+    dispatch3(slice.actions.rename({ componentUid, name }));
   },
   cleanUpdatedComponentNames() {
-    dispatch2(slice.actions.cleanUpdatedComponentNames());
+    dispatch3(slice.actions.cleanUpdatedComponentNames());
   },
   updateComponentSanitizedAttribute(componentId, attribute) {
-    dispatch2(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
+    dispatch3(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
   },
   resetSanitizedComponents() {
-    dispatch2(slice.actions.resetSanitizedComponents());
+    dispatch3(slice.actions.resetSanitizedComponents());
   }
 };
 
@@ -1531,6 +1567,9 @@ var componentsSelectors = {
   getArchivedThisSession() {
     return selectArchivedThisSession(getState4());
   },
+  getCreatedThisSession() {
+    return selectCreatedThisSession(getState4());
+  },
   getComponents() {
     return selectComponents(getState4());
   },
@@ -2167,7 +2206,7 @@ async function getDocumentsMap(ids, cache) {
 }
 
 // src/store/actions/load-components-overridable-props.ts
-import { __dispatch as dispatch3, __getState as getState6 } from "@elementor/store";
+import { __dispatch as dispatch4, __getState as getState6 } from "@elementor/store";
 function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
@@ -2183,7 +2222,7 @@ async function loadComponentOverrides(componentId) {
   if (!overridableProps) {
     return;
   }
-  dispatch3(
+  dispatch4(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps
@@ -2192,7 +2231,7 @@ async function loadComponentOverrides(componentId) {
 }
 
 // src/store/actions/load-components-styles.ts
-import { __dispatch as dispatch4, __getState as getState7 } from "@elementor/store";
+import { __dispatch as dispatch5, __getState as getState7 } from "@elementor/store";
 function loadComponentsStyles(documents) {
   if (!documents.size) {
     return;
@@ -2208,7 +2247,7 @@ function addStyles(documents) {
   const styles = Object.fromEntries(
     [...documents.entries()].map(([id, document]) => [id, extractStylesFromDocument(document)])
   );
-  dispatch4(slice.actions.addStyles(styles));
+  dispatch5(slice.actions.addStyles(styles));
 }
 function extractStylesFromDocument(document) {
   if (!document.elements?.length) {
@@ -2626,10 +2665,10 @@ function createComponentModel() {
 
 // src/populate-store.ts
 import { useEffect as useEffect2 } from "react";
-import { __dispatch as dispatch5 } from "@elementor/store";
+import { __dispatch as dispatch6 } from "@elementor/store";
 function PopulateStore() {
   useEffect2(() => {
-    dispatch5(loadComponents());
+    dispatch6(loadComponents());
   }, []);
   return null;
 }
@@ -2762,10 +2801,10 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch6 } from "@elementor/store";
+import { __dispatch as dispatch7 } from "@elementor/store";
 function removeComponentStyles(id) {
   apiClient.invalidateComponentConfigCache(id);
-  dispatch6(slice.actions.removeStyles({ id }));
+  dispatch7(slice.actions.removeStyles({ id }));
 }
 
 // src/store/components-styles-provider.ts
@@ -2932,6 +2971,7 @@ export {
   componentOverridablePropTypeUtil,
   componentsActions,
   componentsSelectors,
+  createComponentsAction,
   filterValidOverridableProps,
   getContainerByOriginId,
   getOverridableProp,
@@ -2941,6 +2981,7 @@ export {
   loadComponentsAssets,
   onElementDrop,
   publishDraftComponentsInPageBeforeSave,
+  registerComponentsReducer,
   resolveOverridePropValue,
   selectOverridableProps,
   selectPath,