@elementor/store 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.4.0](https://github.com/elementor/elementor-packages/compare/@elementor/store@0.3.0...@elementor/store@0.4.0) (2023-06-05)
+
+
+### Features
+
+* **store:** support creating & registering a slice independently [ED-10914] ([#47](https://github.com/elementor/elementor-packages/issues/47)) ([3cac551](https://github.com/elementor/elementor-packages/commit/3cac551d72cc2df6e11c017323559e3e5c4ab12f))
+
+
+
+
+
 # 0.3.0 (2023-06-01)
 
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Slice, createSlice, Middleware, AnyAction, Store } from '@reduxjs/toolkit';
-export { Action, AnyAction, CreateSliceOptions, Dispatch, Middleware, MiddlewareAPI, PayloadAction, Slice, Store, createSelector } from '@reduxjs/toolkit';
+import { Slice, Middleware, AnyAction, Store } from '@reduxjs/toolkit';
+export { Action, AnyAction, CreateSliceOptions, Dispatch, Middleware, MiddlewareAPI, PayloadAction, Slice, Store, createSelector, createSlice } from '@reduxjs/toolkit';
 export { Provider as StoreProvider, useDispatch, useSelector } from 'react-redux';
 
 /**
@@ -14,11 +14,11 @@ export { Provider as StoreProvider, useDispatch, useSelector } from 'react-redux
 type SliceState<S extends Slice> = {
     [key in S['name']]: ReturnType<S['getInitialState']>;
 };
-declare const addSlice: typeof createSlice;
+declare function registerSlice(slice: Slice): void;
 declare const addMiddleware: (middleware: Middleware) => void;
 declare const dispatch: (action: AnyAction) => AnyAction | undefined;
 declare const createStore: () => Store<any, AnyAction>;
 declare const getStore: () => Store<any, AnyAction> | null;
 declare const deleteStore: () => void;
 
-export { SliceState, addMiddleware, addSlice, createStore, deleteStore, dispatch, getStore };
+export { SliceState, addMiddleware, createStore, deleteStore, dispatch, getStore, registerSlice };

package/dist/index.js

@@ -22,12 +22,13 @@ var src_exports = {};
 __export(src_exports, {
   StoreProvider: () => import_react_redux.Provider,
   addMiddleware: () => addMiddleware,
-  addSlice: () => addSlice,
   createSelector: () => import_toolkit2.createSelector,
+  createSlice: () => import_toolkit2.createSlice,
   createStore: () => createStore,
   deleteStore: () => deleteStore,
   dispatch: () => dispatch,
   getStore: () => getStore,
+  registerSlice: () => registerSlice,
   useDispatch: () => import_react_redux.useDispatch,
   useSelector: () => import_react_redux.useSelector
 });
@@ -46,14 +47,12 @@ var getReducers = () => {
   }, {});
   return (0, import_toolkit.combineReducers)(reducers);
 };
-var addSlice = (sliceConfig) => {
-  if (slices[sliceConfig.name]) {
-    throw new Error(`Slice with name "${sliceConfig.name}" already exists.`);
+function registerSlice(slice) {
+  if (slices[slice.name]) {
+    throw new Error(`Slice with name "${slice.name}" already exists.`);
   }
-  const slice = (0, import_toolkit.createSlice)(sliceConfig);
   slices[slice.name] = slice;
-  return slice;
-};
+}
 var addMiddleware = (middleware) => {
   middlewares.add(middleware);
 };
@@ -91,12 +90,13 @@ var deleteStore = () => {
 0 && (module.exports = {
   StoreProvider,
   addMiddleware,
-  addSlice,
   createSelector,
+  createSlice,
   createStore,
   deleteStore,
   dispatch,
   getStore,
+  registerSlice,
   useDispatch,
   useSelector
 });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n\tcreateSlice,\n\tReducersMapObject,\n\tconfigureStore,\n\tcombineReducers,\n\tMiddleware,\n\tStore,\n\tSlice,\n\tAnyAction,\n\tCreateSliceOptions,\n} from '@reduxjs/toolkit';\n\nexport type {\n\tSlice,\n\tCreateSliceOptions,\n\tPayloadAction,\n\tStore,\n\tDispatch,\n\tAnyAction,\n\tAction,\n\tMiddlewareAPI,\n\tMiddleware,\n} from '@reduxjs/toolkit';\n\nexport { createSelector } from '@reduxjs/toolkit';\n\nexport { useSelector, useDispatch, Provider as StoreProvider } from 'react-redux';\n\n/**\n * Usage:\n *\n * const mySlice = addSlice( ... );\n *\n * type MySliceState = SliceState<typeof mySlice>;\n *\n * const value = useSelector( ( state: MySliceState ) => state.mySlice.value );\n */\nexport type SliceState<S extends Slice> = {\n\t[ key in S['name'] ]: ReturnType<S['getInitialState']>;\n}\n\ninterface SlicesMap {\n\t[key: Slice['name']]: Slice;\n}\n\nlet instance: Store | null = null;\nlet slices: SlicesMap = {};\nconst pendingActions: AnyAction[] = [];\nconst middlewares = new Set<Middleware>();\n\nconst getReducers = () => {\n\tconst reducers = Object.entries( slices ).reduce( ( reducersData: ReducersMapObject, [ name, slice ] ) => {\n\t\treducersData[ name ] = slice.reducer;\n\n\t\treturn reducersData;\n\t}, {} );\n\n\treturn combineReducers( reducers );\n};\n\nexport const addSlice = ( ( sliceConfig: CreateSliceOptions ) => {\n\tif ( slices[ sliceConfig.name ] ) {\n\t\tthrow new Error( `Slice with name \"${ sliceConfig.name }\" already exists.` );\n\t}\n\n\tconst slice = createSlice( sliceConfig );\n\n\tslices[ slice.name ] = slice;\n\n\treturn slice;\n} ) as typeof createSlice;\n\nexport const addMiddleware = ( middleware: Middleware ) => {\n\tmiddlewares.add( middleware );\n};\n\nexport const dispatch = ( action: AnyAction ) => {\n\tif ( ! instance ) {\n\t\tpendingActions.push( action );\n\n\t\treturn;\n\t}\n\n\treturn instance.dispatch( action );\n};\n\nexport const createStore = () => {\n\tif ( instance ) {\n\t\tthrow new Error( 'The store instance already exists.' );\n\t}\n\n\tinstance = configureStore( {\n\t\treducer: getReducers(),\n\t\tmiddleware: Array.from( middlewares ),\n\t} );\n\n\tif ( pendingActions.length ) {\n\t\tpendingActions.forEach( ( action ) => dispatch( action ) );\n\t\tpendingActions.length = 0;\n\t}\n\n\treturn instance;\n};\n\nexport const getStore = () => {\n\treturn instance;\n};\n\nexport const deleteStore = () => {\n\tinstance = null;\n\tslices = {};\n\tpendingActions.length = 0;\n\tmiddlewares.clear();\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAUO;AAcP,IAAAA,kBAA+B;AAE/B,yBAAoE;AAmBpE,IAAI,WAAyB;AAC7B,IAAI,SAAoB,CAAC;AACzB,IAAM,iBAA8B,CAAC;AACrC,IAAM,cAAc,oBAAI,IAAgB;AAExC,IAAM,cAAc,MAAM;AACzB,QAAM,WAAW,OAAO,QAAS,MAAO,EAAE,OAAQ,CAAE,cAAiC,CAAE,MAAM,KAAM,MAAO;AACzG,iBAAc,IAAK,IAAI,MAAM;AAE7B,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AAEN,aAAO,gCAAiB,QAAS;AAClC;AAEO,IAAM,WAAa,CAAE,gBAAqC;AAChE,MAAK,OAAQ,YAAY,IAAK,GAAI;AACjC,UAAM,IAAI,MAAO,oBAAqB,YAAY,uBAAyB;AAAA,EAC5E;AAEA,QAAM,YAAQ,4BAAa,WAAY;AAEvC,SAAQ,MAAM,IAAK,IAAI;AAEvB,SAAO;AACR;AAEO,IAAM,gBAAgB,CAAE,eAA4B;AAC1D,cAAY,IAAK,UAAW;AAC7B;AAEO,IAAM,WAAW,CAAE,WAAuB;AAChD,MAAK,CAAE,UAAW;AACjB,mBAAe,KAAM,MAAO;AAE5B;AAAA,EACD;AAEA,SAAO,SAAS,SAAU,MAAO;AAClC;AAEO,IAAM,cAAc,MAAM;AAChC,MAAK,UAAW;AACf,UAAM,IAAI,MAAO,oCAAqC;AAAA,EACvD;AAEA,iBAAW,+BAAgB;AAAA,IAC1B,SAAS,YAAY;AAAA,IACrB,YAAY,MAAM,KAAM,WAAY;AAAA,EACrC,CAAE;AAEF,MAAK,eAAe,QAAS;AAC5B,mBAAe,QAAS,CAAE,WAAY,SAAU,MAAO,CAAE;AACzD,mBAAe,SAAS;AAAA,EACzB;AAEA,SAAO;AACR;AAEO,IAAM,WAAW,MAAM;AAC7B,SAAO;AACR;AAEO,IAAM,cAAc,MAAM;AAChC,aAAW;AACX,WAAS,CAAC;AACV,iBAAe,SAAS;AACxB,cAAY,MAAM;AACnB;","names":["import_toolkit"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n\tReducersMapObject,\n\tconfigureStore,\n\tcombineReducers,\n\tMiddleware,\n\tStore,\n\tSlice,\n\tAnyAction,\n} from '@reduxjs/toolkit';\n\nexport type {\n\tSlice,\n\tCreateSliceOptions,\n\tPayloadAction,\n\tStore,\n\tDispatch,\n\tAnyAction,\n\tAction,\n\tMiddlewareAPI,\n\tMiddleware,\n} from '@reduxjs/toolkit';\n\nexport { createSelector, createSlice } from '@reduxjs/toolkit';\n\nexport { useSelector, useDispatch, Provider as StoreProvider } from 'react-redux';\n\n/**\n * Usage:\n *\n * const mySlice = addSlice( ... );\n *\n * type MySliceState = SliceState<typeof mySlice>;\n *\n * const value = useSelector( ( state: MySliceState ) => state.mySlice.value );\n */\nexport type SliceState<S extends Slice> = {\n\t[ key in S['name'] ]: ReturnType<S['getInitialState']>;\n}\n\ninterface SlicesMap {\n\t[key: Slice['name']]: Slice;\n}\n\nlet instance: Store | null = null;\nlet slices: SlicesMap = {};\nconst pendingActions: AnyAction[] = [];\nconst middlewares = new Set<Middleware>();\n\nconst getReducers = () => {\n\tconst reducers = Object.entries( slices ).reduce( ( reducersData: ReducersMapObject, [ name, slice ] ) => {\n\t\treducersData[ name ] = slice.reducer;\n\n\t\treturn reducersData;\n\t}, {} );\n\n\treturn combineReducers( reducers );\n};\n\nexport function registerSlice( slice: Slice ) {\n\tif ( slices[ slice.name ] ) {\n\t\tthrow new Error( `Slice with name \"${ slice.name }\" already exists.` );\n\t}\n\n\tslices[ slice.name ] = slice;\n}\n\nexport const addMiddleware = ( middleware: Middleware ) => {\n\tmiddlewares.add( middleware );\n};\n\nexport const dispatch = ( action: AnyAction ) => {\n\tif ( ! instance ) {\n\t\tpendingActions.push( action );\n\n\t\treturn;\n\t}\n\n\treturn instance.dispatch( action );\n};\n\nexport const createStore = () => {\n\tif ( instance ) {\n\t\tthrow new Error( 'The store instance already exists.' );\n\t}\n\n\tinstance = configureStore( {\n\t\treducer: getReducers(),\n\t\tmiddleware: Array.from( middlewares ),\n\t} );\n\n\tif ( pendingActions.length ) {\n\t\tpendingActions.forEach( ( action ) => dispatch( action ) );\n\t\tpendingActions.length = 0;\n\t}\n\n\treturn instance;\n};\n\nexport const getStore = () => {\n\treturn instance;\n};\n\nexport const deleteStore = () => {\n\tinstance = null;\n\tslices = {};\n\tpendingActions.length = 0;\n\tmiddlewares.clear();\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQO;AAcP,IAAAA,kBAA4C;AAE5C,yBAAoE;AAmBpE,IAAI,WAAyB;AAC7B,IAAI,SAAoB,CAAC;AACzB,IAAM,iBAA8B,CAAC;AACrC,IAAM,cAAc,oBAAI,IAAgB;AAExC,IAAM,cAAc,MAAM;AACzB,QAAM,WAAW,OAAO,QAAS,MAAO,EAAE,OAAQ,CAAE,cAAiC,CAAE,MAAM,KAAM,MAAO;AACzG,iBAAc,IAAK,IAAI,MAAM;AAE7B,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AAEN,aAAO,gCAAiB,QAAS;AAClC;AAEO,SAAS,cAAe,OAAe;AAC7C,MAAK,OAAQ,MAAM,IAAK,GAAI;AAC3B,UAAM,IAAI,MAAO,oBAAqB,MAAM,uBAAyB;AAAA,EACtE;AAEA,SAAQ,MAAM,IAAK,IAAI;AACxB;AAEO,IAAM,gBAAgB,CAAE,eAA4B;AAC1D,cAAY,IAAK,UAAW;AAC7B;AAEO,IAAM,WAAW,CAAE,WAAuB;AAChD,MAAK,CAAE,UAAW;AACjB,mBAAe,KAAM,MAAO;AAE5B;AAAA,EACD;AAEA,SAAO,SAAS,SAAU,MAAO;AAClC;AAEO,IAAM,cAAc,MAAM;AAChC,MAAK,UAAW;AACf,UAAM,IAAI,MAAO,oCAAqC;AAAA,EACvD;AAEA,iBAAW,+BAAgB;AAAA,IAC1B,SAAS,YAAY;AAAA,IACrB,YAAY,MAAM,KAAM,WAAY;AAAA,EACrC,CAAE;AAEF,MAAK,eAAe,QAAS;AAC5B,mBAAe,QAAS,CAAE,WAAY,SAAU,MAAO,CAAE;AACzD,mBAAe,SAAS;AAAA,EACzB;AAEA,SAAO;AACR;AAEO,IAAM,WAAW,MAAM;AAC7B,SAAO;AACR;AAEO,IAAM,cAAc,MAAM;AAChC,aAAW;AACX,WAAS,CAAC;AACV,iBAAe,SAAS;AACxB,cAAY,MAAM;AACnB;","names":["import_toolkit"]}

package/dist/index.mjs

@@ -1,10 +1,9 @@
 // src/index.ts
 import {
-  createSlice,
   configureStore,
   combineReducers
 } from "@reduxjs/toolkit";
-import { createSelector } from "@reduxjs/toolkit";
+import { createSelector, createSlice } from "@reduxjs/toolkit";
 import { useSelector, useDispatch, Provider } from "react-redux";
 var instance = null;
 var slices = {};
@@ -17,14 +16,12 @@ var getReducers = () => {
   }, {});
   return combineReducers(reducers);
 };
-var addSlice = (sliceConfig) => {
-  if (slices[sliceConfig.name]) {
-    throw new Error(`Slice with name "${sliceConfig.name}" already exists.`);
+function registerSlice(slice) {
+  if (slices[slice.name]) {
+    throw new Error(`Slice with name "${slice.name}" already exists.`);
   }
-  const slice = createSlice(sliceConfig);
   slices[slice.name] = slice;
-  return slice;
-};
+}
 var addMiddleware = (middleware) => {
   middlewares.add(middleware);
 };
@@ -61,12 +58,13 @@ var deleteStore = () => {
 export {
   Provider as StoreProvider,
   addMiddleware,
-  addSlice,
   createSelector,
+  createSlice,
   createStore,
   deleteStore,
   dispatch,
   getStore,
+  registerSlice,
   useDispatch,
   useSelector
 };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n\tcreateSlice,\n\tReducersMapObject,\n\tconfigureStore,\n\tcombineReducers,\n\tMiddleware,\n\tStore,\n\tSlice,\n\tAnyAction,\n\tCreateSliceOptions,\n} from '@reduxjs/toolkit';\n\nexport type {\n\tSlice,\n\tCreateSliceOptions,\n\tPayloadAction,\n\tStore,\n\tDispatch,\n\tAnyAction,\n\tAction,\n\tMiddlewareAPI,\n\tMiddleware,\n} from '@reduxjs/toolkit';\n\nexport { createSelector } from '@reduxjs/toolkit';\n\nexport { useSelector, useDispatch, Provider as StoreProvider } from 'react-redux';\n\n/**\n * Usage:\n *\n * const mySlice = addSlice( ... );\n *\n * type MySliceState = SliceState<typeof mySlice>;\n *\n * const value = useSelector( ( state: MySliceState ) => state.mySlice.value );\n */\nexport type SliceState<S extends Slice> = {\n\t[ key in S['name'] ]: ReturnType<S['getInitialState']>;\n}\n\ninterface SlicesMap {\n\t[key: Slice['name']]: Slice;\n}\n\nlet instance: Store | null = null;\nlet slices: SlicesMap = {};\nconst pendingActions: AnyAction[] = [];\nconst middlewares = new Set<Middleware>();\n\nconst getReducers = () => {\n\tconst reducers = Object.entries( slices ).reduce( ( reducersData: ReducersMapObject, [ name, slice ] ) => {\n\t\treducersData[ name ] = slice.reducer;\n\n\t\treturn reducersData;\n\t}, {} );\n\n\treturn combineReducers( reducers );\n};\n\nexport const addSlice = ( ( sliceConfig: CreateSliceOptions ) => {\n\tif ( slices[ sliceConfig.name ] ) {\n\t\tthrow new Error( `Slice with name \"${ sliceConfig.name }\" already exists.` );\n\t}\n\n\tconst slice = createSlice( sliceConfig );\n\n\tslices[ slice.name ] = slice;\n\n\treturn slice;\n} ) as typeof createSlice;\n\nexport const addMiddleware = ( middleware: Middleware ) => {\n\tmiddlewares.add( middleware );\n};\n\nexport const dispatch = ( action: AnyAction ) => {\n\tif ( ! instance ) {\n\t\tpendingActions.push( action );\n\n\t\treturn;\n\t}\n\n\treturn instance.dispatch( action );\n};\n\nexport const createStore = () => {\n\tif ( instance ) {\n\t\tthrow new Error( 'The store instance already exists.' );\n\t}\n\n\tinstance = configureStore( {\n\t\treducer: getReducers(),\n\t\tmiddleware: Array.from( middlewares ),\n\t} );\n\n\tif ( pendingActions.length ) {\n\t\tpendingActions.forEach( ( action ) => dispatch( action ) );\n\t\tpendingActions.length = 0;\n\t}\n\n\treturn instance;\n};\n\nexport const getStore = () => {\n\treturn instance;\n};\n\nexport const deleteStore = () => {\n\tinstance = null;\n\tslices = {};\n\tpendingActions.length = 0;\n\tmiddlewares.clear();\n};\n"],"mappings":";AAAA;AAAA,EACC;AAAA,EAEA;AAAA,EACA;AAAA,OAMM;AAcP,SAAS,sBAAsB;AAE/B,SAAS,aAAa,aAAyB,gBAAqB;AAmBpE,IAAI,WAAyB;AAC7B,IAAI,SAAoB,CAAC;AACzB,IAAM,iBAA8B,CAAC;AACrC,IAAM,cAAc,oBAAI,IAAgB;AAExC,IAAM,cAAc,MAAM;AACzB,QAAM,WAAW,OAAO,QAAS,MAAO,EAAE,OAAQ,CAAE,cAAiC,CAAE,MAAM,KAAM,MAAO;AACzG,iBAAc,IAAK,IAAI,MAAM;AAE7B,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AAEN,SAAO,gBAAiB,QAAS;AAClC;AAEO,IAAM,WAAa,CAAE,gBAAqC;AAChE,MAAK,OAAQ,YAAY,IAAK,GAAI;AACjC,UAAM,IAAI,MAAO,oBAAqB,YAAY,uBAAyB;AAAA,EAC5E;AAEA,QAAM,QAAQ,YAAa,WAAY;AAEvC,SAAQ,MAAM,IAAK,IAAI;AAEvB,SAAO;AACR;AAEO,IAAM,gBAAgB,CAAE,eAA4B;AAC1D,cAAY,IAAK,UAAW;AAC7B;AAEO,IAAM,WAAW,CAAE,WAAuB;AAChD,MAAK,CAAE,UAAW;AACjB,mBAAe,KAAM,MAAO;AAE5B;AAAA,EACD;AAEA,SAAO,SAAS,SAAU,MAAO;AAClC;AAEO,IAAM,cAAc,MAAM;AAChC,MAAK,UAAW;AACf,UAAM,IAAI,MAAO,oCAAqC;AAAA,EACvD;AAEA,aAAW,eAAgB;AAAA,IAC1B,SAAS,YAAY;AAAA,IACrB,YAAY,MAAM,KAAM,WAAY;AAAA,EACrC,CAAE;AAEF,MAAK,eAAe,QAAS;AAC5B,mBAAe,QAAS,CAAE,WAAY,SAAU,MAAO,CAAE;AACzD,mBAAe,SAAS;AAAA,EACzB;AAEA,SAAO;AACR;AAEO,IAAM,WAAW,MAAM;AAC7B,SAAO;AACR;AAEO,IAAM,cAAc,MAAM;AAChC,aAAW;AACX,WAAS,CAAC;AACV,iBAAe,SAAS;AACxB,cAAY,MAAM;AACnB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n\tReducersMapObject,\n\tconfigureStore,\n\tcombineReducers,\n\tMiddleware,\n\tStore,\n\tSlice,\n\tAnyAction,\n} from '@reduxjs/toolkit';\n\nexport type {\n\tSlice,\n\tCreateSliceOptions,\n\tPayloadAction,\n\tStore,\n\tDispatch,\n\tAnyAction,\n\tAction,\n\tMiddlewareAPI,\n\tMiddleware,\n} from '@reduxjs/toolkit';\n\nexport { createSelector, createSlice } from '@reduxjs/toolkit';\n\nexport { useSelector, useDispatch, Provider as StoreProvider } from 'react-redux';\n\n/**\n * Usage:\n *\n * const mySlice = addSlice( ... );\n *\n * type MySliceState = SliceState<typeof mySlice>;\n *\n * const value = useSelector( ( state: MySliceState ) => state.mySlice.value );\n */\nexport type SliceState<S extends Slice> = {\n\t[ key in S['name'] ]: ReturnType<S['getInitialState']>;\n}\n\ninterface SlicesMap {\n\t[key: Slice['name']]: Slice;\n}\n\nlet instance: Store | null = null;\nlet slices: SlicesMap = {};\nconst pendingActions: AnyAction[] = [];\nconst middlewares = new Set<Middleware>();\n\nconst getReducers = () => {\n\tconst reducers = Object.entries( slices ).reduce( ( reducersData: ReducersMapObject, [ name, slice ] ) => {\n\t\treducersData[ name ] = slice.reducer;\n\n\t\treturn reducersData;\n\t}, {} );\n\n\treturn combineReducers( reducers );\n};\n\nexport function registerSlice( slice: Slice ) {\n\tif ( slices[ slice.name ] ) {\n\t\tthrow new Error( `Slice with name \"${ slice.name }\" already exists.` );\n\t}\n\n\tslices[ slice.name ] = slice;\n}\n\nexport const addMiddleware = ( middleware: Middleware ) => {\n\tmiddlewares.add( middleware );\n};\n\nexport const dispatch = ( action: AnyAction ) => {\n\tif ( ! instance ) {\n\t\tpendingActions.push( action );\n\n\t\treturn;\n\t}\n\n\treturn instance.dispatch( action );\n};\n\nexport const createStore = () => {\n\tif ( instance ) {\n\t\tthrow new Error( 'The store instance already exists.' );\n\t}\n\n\tinstance = configureStore( {\n\t\treducer: getReducers(),\n\t\tmiddleware: Array.from( middlewares ),\n\t} );\n\n\tif ( pendingActions.length ) {\n\t\tpendingActions.forEach( ( action ) => dispatch( action ) );\n\t\tpendingActions.length = 0;\n\t}\n\n\treturn instance;\n};\n\nexport const getStore = () => {\n\treturn instance;\n};\n\nexport const deleteStore = () => {\n\tinstance = null;\n\tslices = {};\n\tpendingActions.length = 0;\n\tmiddlewares.clear();\n};\n"],"mappings":";AAAA;AAAA,EAEC;AAAA,EACA;AAAA,OAKM;AAcP,SAAS,gBAAgB,mBAAmB;AAE5C,SAAS,aAAa,aAAyB,gBAAqB;AAmBpE,IAAI,WAAyB;AAC7B,IAAI,SAAoB,CAAC;AACzB,IAAM,iBAA8B,CAAC;AACrC,IAAM,cAAc,oBAAI,IAAgB;AAExC,IAAM,cAAc,MAAM;AACzB,QAAM,WAAW,OAAO,QAAS,MAAO,EAAE,OAAQ,CAAE,cAAiC,CAAE,MAAM,KAAM,MAAO;AACzG,iBAAc,IAAK,IAAI,MAAM;AAE7B,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AAEN,SAAO,gBAAiB,QAAS;AAClC;AAEO,SAAS,cAAe,OAAe;AAC7C,MAAK,OAAQ,MAAM,IAAK,GAAI;AAC3B,UAAM,IAAI,MAAO,oBAAqB,MAAM,uBAAyB;AAAA,EACtE;AAEA,SAAQ,MAAM,IAAK,IAAI;AACxB;AAEO,IAAM,gBAAgB,CAAE,eAA4B;AAC1D,cAAY,IAAK,UAAW;AAC7B;AAEO,IAAM,WAAW,CAAE,WAAuB;AAChD,MAAK,CAAE,UAAW;AACjB,mBAAe,KAAM,MAAO;AAE5B;AAAA,EACD;AAEA,SAAO,SAAS,SAAU,MAAO;AAClC;AAEO,IAAM,cAAc,MAAM;AAChC,MAAK,UAAW;AACf,UAAM,IAAI,MAAO,oCAAqC;AAAA,EACvD;AAEA,aAAW,eAAgB;AAAA,IAC1B,SAAS,YAAY;AAAA,IACrB,YAAY,MAAM,KAAM,WAAY;AAAA,EACrC,CAAE;AAEF,MAAK,eAAe,QAAS;AAC5B,mBAAe,QAAS,CAAE,WAAY,SAAU,MAAO,CAAE;AACzD,mBAAe,SAAS;AAAA,EACzB;AAEA,SAAO;AACR;AAEO,IAAM,WAAW,MAAM;AAC7B,SAAO;AACR;AAEO,IAAM,cAAc,MAAM;AAChC,aAAW;AACX,WAAS,CAAC;AACV,iBAAe,SAAS;AACxB,cAAY,MAAM;AACnB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/store",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -38,5 +38,5 @@
 		"@reduxjs/toolkit": "^1.9.1",
 		"react-redux": "^8.0.5"
 	},
-	"gitHead": "2ee431a07ec6af6ca2b9930c0b830e78696b194a"
+	"gitHead": "753851e1a5003eb1ea5349b76d96c75f70e0a594"
 }

package/src/__tests__/store.test.tsx

@@ -4,7 +4,8 @@ import { renderHook } from '@testing-library/react';
 import {
 	createStore,
 	getStore,
-	addSlice,
+	createSlice,
+	registerSlice,
 	addMiddleware,
 	dispatch,
 	deleteStore,
@@ -26,7 +27,7 @@ interface Config {
 }
 
 const createStoreEntities = ( { initialValue = 1 }: Config = {} ) => {
-	const slice = addSlice( {
+	const slice = createSlice( {
 		name: 'slice',
 		initialState: {
 			value: initialValue,
@@ -38,6 +39,8 @@ const createStoreEntities = ( { initialValue = 1 }: Config = {} ) => {
 		},
 	} );
 
+	registerSlice( slice );
+
 	const store = createStore();
 
 	const wrapper = ( { children }: PropsWithChildren ) => (
@@ -83,7 +86,7 @@ describe( '@elementor/store', () => {
 
 	it( 'should throw an error when trying to add a slice with the same name more than once', () => {
 		// Arrange.
-		addSlice( {
+		const slice = createSlice( {
 			name: 'slice',
 			initialState: {
 				value: 1,
@@ -91,21 +94,17 @@ describe( '@elementor/store', () => {
 			reducers: {},
 		} );
 
+		registerSlice( slice );
+
 		// Assert.
 		expect( () => {
-			addSlice( {
-				name: 'slice',
-				initialState: {
-					value: 1,
-				},
-				reducers: {},
-			} );
+			registerSlice( slice );
 		} ).toThrow( 'Slice with name "slice" already exists.' );
 	} );
 
 	it( 'should throw an error when trying to re-create the store', () => {
 		// Arrange.
-		addSlice( {
+		const slice = createSlice( {
 			name: 'slice',
 			initialState: {
 				value: 1,
@@ -113,6 +112,8 @@ describe( '@elementor/store', () => {
 			reducers: {},
 		} );
 
+		registerSlice( slice );
+
 		createStore();
 
 		// Assert.
@@ -169,7 +170,7 @@ describe( '@elementor/store', () => {
 
 	it( 'should dispatch an action without using hooks', () => {
 		// Arrange.
-		const slice = addSlice( {
+		const slice = createSlice( {
 			name: 'slice',
 			initialState: {
 				value: 1,
@@ -181,6 +182,8 @@ describe( '@elementor/store', () => {
 			},
 		} );
 
+		registerSlice( slice );
+
 		const store = createStore();
 
 		// Act.

package/src/index.ts

@@ -1,5 +1,4 @@
 import {
-	createSlice,
 	ReducersMapObject,
 	configureStore,
 	combineReducers,
@@ -7,7 +6,6 @@ import {
 	Store,
 	Slice,
 	AnyAction,
-	CreateSliceOptions,
 } from '@reduxjs/toolkit';
 
 export type {
@@ -22,7 +20,7 @@ export type {
 	Middleware,
 } from '@reduxjs/toolkit';
 
-export { createSelector } from '@reduxjs/toolkit';
+export { createSelector, createSlice } from '@reduxjs/toolkit';
 
 export { useSelector, useDispatch, Provider as StoreProvider } from 'react-redux';
 
@@ -58,17 +56,13 @@ const getReducers = () => {
 	return combineReducers( reducers );
 };
 
-export const addSlice = ( ( sliceConfig: CreateSliceOptions ) => {
-	if ( slices[ sliceConfig.name ] ) {
-		throw new Error( `Slice with name "${ sliceConfig.name }" already exists.` );
+export function registerSlice( slice: Slice ) {
+	if ( slices[ slice.name ] ) {
+		throw new Error( `Slice with name "${ slice.name }" already exists.` );
 	}
 
-	const slice = createSlice( sliceConfig );
-
 	slices[ slice.name ] = slice;
-
-	return slice;
-} ) as typeof createSlice;
+}
 
 export const addMiddleware = ( middleware: Middleware ) => {
 	middlewares.add( middleware );