@dashadmin/dash-admin-state 1.3.25 → 1.3.28

package/src/redux/reducers/Common.tsx

@@ -0,0 +1,144 @@
+import {
+	FETCH_ERROR,
+	FETCH_START,
+	FETCH_SUCCESS,
+	HIDE_MESSAGE,
+	SHOW_MESSAGE,
+	LOADING,
+	CONTENT_WIDTH,
+	CONTENT_HEIGHT,
+	SET_HEADER_COMPONENTS,
+	SET_PANEL_SETTINGS,
+} from '../actions/ActionTypes';
+import { TOGGLE_COLLAPSED_NAV, WINDOW_WIDTH } from '../actions/ActionTypes';
+import ICommonState from '../interfaces/ICommonState';
+import defaultCommon from '../../defaults/defaultCommon'; // Import the default
+import { dashStorage } from 'dash-utils';
+// Helper function to save nav state to localStorage
+const saveNavState = (navExpanded: boolean, navSize: "large" | "small"): void => {
+	try {
+		dashStorage.setItem('dashNavExpanded', String(navExpanded));
+		dashStorage.setItem('dashNavSize', navSize);
+
+	} catch (e) {
+		console.error('Failed to save navigation state to localStorage:', e);
+	}
+};
+
+const CommonReducer = (
+	state: ICommonState = defaultCommon, // Use the imported default instead of inline object
+	action,
+) => {
+	switch (action.type) {
+		case '@@router/LOCATION_CHANGE': {
+			return {
+				...state,
+				pathname: action.payload.location.pathname,
+			};
+		}
+
+		case 'SET_COMPONENT_STATE':
+			return {
+				...state,
+				componentsState: {
+					...state.componentsState,
+					[action.componentId]: action.state,
+				},
+			};
+		case 'UNSET_COMPONENT_STATE':
+			let componentStates = { ...state.componentsState }; // Create copy instead of mutating
+			delete componentStates[action.componentId];
+			return {
+				...state,
+				componentsState: componentStates, // Fixed typo: was componentStates, should be componentsState
+			};
+
+		case SET_HEADER_COMPONENTS:
+			return {
+				...state,
+				headerToolBar: action.headerToolBar,
+				headerToolBarReplace: action.headerToolBarReplace ?? state.headerToolBarReplace,
+			};
+
+		case SET_PANEL_SETTINGS:
+			return {
+				...state,
+				panelSettings: {...state.panelSettings,...action.panelSettings},
+			};
+
+		case CONTENT_WIDTH:
+			return {
+				...state,
+				content_width: parseInt(action.width),
+			};
+
+		case CONTENT_HEIGHT:
+			return {
+				...state,
+				content_height: parseInt(action.height),
+			};
+
+		case WINDOW_WIDTH:
+			console.log('updating width', action.width, {
+				...state,
+				width: action.width,
+			});
+			return {
+				...state,
+				width: action.width,
+			};
+
+		case TOGGLE_COLLAPSED_NAV: {
+			const newNavExpanded = action.navExpanded;
+			// Save to localStorage when toggling
+			saveNavState(newNavExpanded, state.navSize);
+			return {
+				...state,
+				navExpanded: newNavExpanded,
+			};
+		}
+
+		case 'SET_NAV_EXPANDED': {
+			const newNavExpanded = action.payload;
+			// Save to localStorage when setting nav expanded
+			saveNavState(newNavExpanded, state.navSize);
+			return {
+				...state,
+				navExpanded: newNavExpanded,
+			};
+		}
+
+		case 'SET_NAV_SIZE': {
+			const newNavSize = action.payload;
+			// Save to localStorage when setting nav size
+			saveNavState(state.navExpanded, newNavSize);
+			return {
+				...state,
+				navSize: newNavSize,
+			};
+		}
+
+		case FETCH_START: {
+			return { ...state, error: '', message: '', loading: true };
+		}
+		case FETCH_SUCCESS: {
+			return { ...state, error: '', message: '', loading: false };
+		}
+		case SHOW_MESSAGE: {
+			return { ...state, error: '', message: action.payload, loading: false };
+		}
+		case LOADING: {
+			return { ...state, loading: action.payload };
+		}
+		case FETCH_ERROR: {
+			return { ...state, loading: false, error: action.payload, message: '' };
+		}
+		case HIDE_MESSAGE: {
+			return { ...state, loading: false, error: '', message: '' };
+		}
+		default:
+			return state;
+	}
+};
+
+export default CommonReducer;

package/src/redux/reducers/ComponentData.tsx

@@ -0,0 +1,52 @@
+import IComponentDataState from '../interfaces/IComponentData';
+import {
+  ComponentDataActionTypes,
+  SET_COMPONENT_DATA,
+  CLEAR_COMPONENT_DATA,
+  REMOVE_COMPONENT_DATA_KEY,
+  MERGE_COMPONENT_DATA
+} from '../actions/ComponentData';
+
+const INITIAL_STATE: IComponentDataState = {};
+
+const ComponentDataReducer = (
+  state: IComponentDataState = INITIAL_STATE,
+  action: ComponentDataActionTypes
+): IComponentDataState => {
+  switch (action.type) {
+    case SET_COMPONENT_DATA:
+      return {
+        ...state,
+        [action.payload.key]: {
+          ...action.payload.data,
+          _timestamp: Date.now(), // Add automatic timestamp
+          _version: '1.0' // Add version for cache invalidation
+        }
+      };
+
+    case MERGE_COMPONENT_DATA:
+      const existingData = state[action.payload.key] || {};
+      return {
+        ...state,
+        [action.payload.key]: {
+          ...existingData,
+          ...action.payload.data,
+          _timestamp: Date.now(),
+          _version: existingData._version || '1.0'
+        }
+      };
+
+    case REMOVE_COMPONENT_DATA_KEY:
+      const newState = { ...state };
+      delete newState[action.payload.key];
+      return newState;
+
+    case CLEAR_COMPONENT_DATA:
+      return INITIAL_STATE;
+
+    default:
+      return state;
+  }
+};
+
+export default ComponentDataReducer;

package/src/redux/reducers/FormData.tsx

@@ -0,0 +1,21 @@
+import defaultFormState from '../../defaults/defaultFormState';
+import { CLEAR_FORM_DATA, SET_FORM_DATA } from '../actions/ActionTypes';
+import IFormDataState from '../interfaces/IFormDataState';
+const FormDataReducer = (
+	state: IFormDataState = defaultFormState,
+	action,
+) => {
+  switch (action.type) {
+      case SET_FORM_DATA:
+          return {
+              ...state,
+              ...action.payload
+          };
+      case CLEAR_FORM_DATA:
+          return defaultFormState
+      default:
+          return state;
+  }
+};
+
+export default FormDataReducer;

package/src/redux/reducers/Menu.tsx

@@ -0,0 +1,27 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+// This reducer is now deprecated - nav functionality moved to Common reducer
+// Keep this file for backward compatibility but redirect to common state
+
+export interface IMenuState {
+  // Empty - functionality moved to Common reducer
+}
+
+const initialState: IMenuState = {};
+
+const menuSlice = createSlice({
+  name: 'menu',
+  initialState,
+  reducers: {
+    // Deprecated - use common reducer actions instead
+    setNavExpanded(state, action: PayloadAction<boolean>) {
+      console.warn('menu/setNavExpanded is deprecated. Use common reducer actions instead.');
+    },
+    toggleNavExpanded(state) {
+      console.warn('menu/toggleNavExpanded is deprecated. Use common reducer actions instead.');
+    }
+  }
+});
+
+export const { setNavExpanded, toggleNavExpanded } = menuSlice.actions;
+export default menuSlice.reducer;

package/src/redux/reducers/Page.tsx

@@ -0,0 +1,17 @@
+import IPageState from '../interfaces/IPage';
+
+export const ACTION_UPDATE_PAGE = 'UPDATE_PAGE';
+
+const PageReducer = (state: IPageState = {}, action) => {
+	switch (action.type) {
+		case ACTION_UPDATE_PAGE:
+			return {
+				...state,
+				...action.payload,
+			};
+		default:
+			return state;
+	}
+};
+
+export default PageReducer;

package/src/redux/reducers/Resources.tsx

@@ -0,0 +1,19 @@
+import { APPEND_RESOURCES, SET_RESOURCES } from '../actions/ActionTypes';
+
+// Any must be replaced by IDashAutoAdminResourceConfig[], and the initial state must be initialized with the initial resources.
+const ResourcesReducer = (state: { items: any[] } = { items: [] }, action) => {
+	switch (action.type) {
+		case SET_RESOURCES:
+			return {
+				items: [...action.payload],
+			};
+		case APPEND_RESOURCES:
+			return {
+				items: [...state.items, ...action.payload],
+			};
+		default:
+			return state;
+	}
+};
+
+export default ResourcesReducer;

package/src/redux/reducers/Settings.tsx

@@ -0,0 +1,78 @@
+import DefaultThemeSettings from '../../DefaultThemeSettings';
+import {
+	UPDATE_THEME_SETTINGS,
+	SWITCH_LANGUAGE,
+	SET_RESOURCES,
+} from '../actions/ActionTypes';
+
+import ISettingsState from '../interfaces/ISettings';
+
+const SettingsReducer = (
+	state: ISettingsState = {
+		loading: false,
+		navStyle: undefined,
+		layoutType: '',
+		themeType: undefined,
+		themeColor: '',
+		isDirectionRTL: false,
+        /* @ts-ignore */
+		locale: {
+			languageId: '',
+			locale: '',
+			name: '',
+			icon: '',
+		},
+	},
+	action,
+) => {
+	switch (action.type) {
+		case SET_RESOURCES:
+			return {
+				...state,
+				resources: action.payload,
+			};
+		case DefaultThemeSettings.THEME_TYPE:
+			return {
+				...state,
+				themeType: action.themeType,
+			};
+		case DefaultThemeSettings.THEME_COLOR:
+			return {
+				...state,
+				themeColor: action.themeColor,
+			};
+
+		case DefaultThemeSettings.UPDATE_RTL_STATUS:
+			return {
+				...state,
+				isDirectionRTL: action.rtlStatus,
+			};
+
+		case UPDATE_THEME_SETTINGS:
+			return {
+				...state,
+				...action.payload,
+			};
+
+		case DefaultThemeSettings.NAV_STYLE:
+			return {
+				...state,
+				navStyle: action.navStyle,
+			};
+		case DefaultThemeSettings.LAYOUT_TYPE:
+			return {
+				...state,
+				layoutType: action.layoutType,
+			};
+
+		case SWITCH_LANGUAGE:
+			return {
+				...state,
+				locale: action.payload,
+			};
+		default:
+			return state;
+	}
+};
+
+export default SettingsReducer;

package/src/redux/reducers/index.tsx

@@ -0,0 +1,25 @@
+import { combineReducers } from 'redux';
+import SettingsReducer from './Settings';
+import AuthReducer from './Auth';
+import CommonReducer from './Common';
+import PageReducer from './Page';
+import ResourcesReducer from './Resources';
+import FormDataReducer from './FormData';
+import MenuReducer from './Menu';
+import ComponentDataReducer from './ComponentData';
+
+
+export const createRootReducer = (/*history*/) =>
+	combineReducers({
+		//router: connectRouter(history),
+		page: PageReducer,
+		settings: SettingsReducer,
+		auth: AuthReducer,
+		common: CommonReducer,
+		resources: ResourcesReducer,
+    formData: FormDataReducer,
+    menu: MenuReducer,
+    componentData: ComponentDataReducer,
+	});
+
+export default createRootReducer;

package/src/redux/sagas/index.tsx

@@ -0,0 +1,8 @@
+import { all } from 'redux-saga/effects';
+//import authSagas from "./Auth";
+
+export default function* rootSaga(getState) {
+	yield all([
+		//authSagas(),
+	]);
+}

package/src/redux/store/index.tsx

@@ -0,0 +1,33 @@
+import createSagaMiddleware from 'redux-saga';
+import { applyMiddleware, compose } from 'redux';
+import { routerMiddleware } from 'connected-react-router';
+import rootSaga from '../sagas/index';
+import createRootReducer from '../reducers';
+import { createBrowserHistory } from 'history';
+import { legacy_createStore as createStore } from 'redux';
+import { thunk } from 'redux-thunk';
+
+export const history = createBrowserHistory();
+const routeMiddleware = routerMiddleware(history);
+const sagaMiddleware = createSagaMiddleware();
+
+const middlewares = [thunk, sagaMiddleware, routeMiddleware];
+
+export const configureStore = (preloadedState?: {}) => {
+	const store = createStore(
+		createRootReducer(/*history*/), // root reducer with router state
+		preloadedState,
+		compose(
+			applyMiddleware(
+				routerMiddleware(history), // for dispatching history actions
+				...middlewares as any[],
+			),
+		),
+	);
+
+	sagaMiddleware.run(rootSaga, {});
+
+	return store;
+};
+
+export default configureStore;