procode-lowcode-core 1.0.2 → 1.0.3

package/dist/types/ApplicationStart/helper/setupStoreAction.d.ts

@@ -1,2 +1,2 @@
-declare const setupStoreAction: (dispatch: any, eventService: any) => void;
+declare const setupStoreAction: (dispatch: any, eventService: any, store: any) => void;
 export default setupStoreAction;

package/dist/types/Store/commonStore.d.ts

@@ -5,12 +5,12 @@ export declare const commonStore: import("@reduxjs/toolkit/dist/configureStore")
         loadedSchema: {};
         pendingRequests: number;
     };
-}, import("redux").AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     commonData: {
         enableHeader: boolean;
         enableFooter: boolean;
         loadedSchema: {};
         pendingRequests: number;
     };
-}, import("redux").AnyAction, undefined>]>;
+}, import("redux").AnyAction, undefined>]>>;
 export type CommonState = ReturnType<typeof commonStore.getState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procode-lowcode-core",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "ProCode Core Library - React framework for low-code applications",
   "type": "module",
   "main": "dist/index.js",

package/src/ApplicationStart/ScreenInitializer.tsx

@@ -14,6 +14,7 @@ import { EventService } from "../Services/EventService";
 import { ScreenSchema } from "../UIElement/UIElementDefinations/ScreenSchema";
 import { ViewModel } from "../DataModel/ViewModel";
 import { appActions } from "../Store/Slices/appSlice";
+import { useStore } from "react-redux";
 
 export type screenInitializerProps = {
   children?: prcElement;
@@ -27,6 +28,7 @@ const ScreenInitializer = (props: screenInitializerProps): prcElement => {
   const location = useLocation();
   const params = useParams();
   const dispatch = useDispatch();
+  const store = useStore();
 
   const saveMeta = (uiMetaData: ScreenSchema) => {
     dispatch(metaDataActions.save(uiMetaData));
@@ -55,7 +57,7 @@ const ScreenInitializer = (props: screenInitializerProps): prcElement => {
   }, [props.uiMetaData?.screenId]);
 
   const initializeScreen = async () => {
-    setupStoreAction(dispatch, props.eventService);
+    setupStoreAction(dispatch, props.eventService, store);
     saveMeta(props.uiMetaData);
     enableHeader();
     enableFooter();
@@ -98,4 +100,4 @@ const ScreenInitializer = (props: screenInitializerProps): prcElement => {
   );
 };
 
-export default ScreenInitializer;
+export default ScreenInitializer;

package/src/ApplicationStart/helper/setupStoreAction.ts

@@ -2,11 +2,12 @@ import { eventServiceType } from "../../Constant";
 import { appActions } from "../../Store/Slices/appSlice";
 import { metaDataActions } from "../../Store/Slices/metaDataSlice";
 
-const setupStoreAction = (dispatch: any, eventService: any) => {
+const setupStoreAction = (dispatch: any, eventService: any, store: any) => {
   const actions = {
     [eventServiceType.DATASTATE_ACTION]: appActions,
     [eventServiceType.UI_SCHEMA_ACTION]: metaDataActions,
     [eventServiceType.DISPATCH_STORE]: dispatch,
+    [eventServiceType.DATASTATE]: () => store.getState().app.viewModel,
   };
 
   Object.entries(actions).forEach(([eventType, action]) => {
@@ -14,4 +15,4 @@ const setupStoreAction = (dispatch: any, eventService: any) => {
   });
 };
 
-export default setupStoreAction;
+export default setupStoreAction;

package/src/Constant.ts

@@ -32,7 +32,7 @@ export const eventServiceType = {
   DISPATCH_STORE: "DISPATCH_STORE",
   UI_SCHEMA_ACTION: "UI_SCHEMA_ACTION",
   UISCHEMA: "UISCHEMA",
-  DATASTATE:"DATASTATE",
+  DATASTATE: "DATASTATE",
 };
 export const parentRoute = ":parentslug/*";
 export const childRoute = "section/:childslug/*";

package/src/Store/commonStore.ts

@@ -5,5 +5,9 @@ export const commonStore = configureStore({
   reducer: {
     commonData: commonDataReducer,
   },
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware({
+      serializableCheck: false
+    })
 });
-export type CommonState = ReturnType<typeof commonStore.getState>;
+export type CommonState = ReturnType<typeof commonStore.getState>;

package/src/Store/createStore.ts

@@ -14,10 +14,13 @@ export const createStore = () => {
         metaData: metaDataReducer,
       },
       middleware: (getDefaultMiddleware) =>
-        getDefaultMiddleware({ thunk: false })
+        getDefaultMiddleware({ 
+          thunk: false,
+          serializableCheck: false
+        })
           .concat(saga)
           .concat(syncStoresMiddleware(commonStore)),
     }),
     saga,
   };
-};
+};