@asaleh37/ui-base 1.0.9 → 1.1.0

package/src/navigationItems/Administration/index.tsx

@@ -0,0 +1,71 @@
+import { TreeViewBaseItem } from "@mui/x-tree-view/models";
+import { ExtendedTreeItemProps } from "..";
+import { adminNavigationItems } from "./adminNavigationItems";
+
+export const AdministrationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
+    ...adminNavigationItems
+//   {
+//     id: "1",
+//     label: "System Administration",
+//     icon: "gears",
+//     authority: "DEVELOPMENT_ADMIN",
+//     children: [
+//       {
+//         id: "1.1",
+//         label: "Security",
+//         icon: "shield",
+//         action: "NAVIGATION",
+//         actionPayload: { path: "Security" },
+//         children: [
+//           {
+//             id: "1.1.1",
+//             label: "Roles",
+//             icon: "tag",
+//             action: "NAVIGATION",
+//             actionPayload: { path: "admin/security/roles" },
+//           },
+//           {
+//             id: "1.1.2",
+//             label: "Authorities",
+//             icon: "key",
+//             action: "NAVIGATION",
+//             actionPayload: { path: "admin/security/authorities" },
+//             children: [],
+//           },
+//         ],
+//       },
+//       {
+//         id: "1.2",
+//         label: "Development Tools",
+//         icon: "code",
+//         authority: "DEVELOPMENT_ADMIN",
+//         children: [
+//           {
+//             id: "1.2.1",
+//             label: "Datasources",
+//             icon: "database",
+//             authority: "DEVELOPMENT_ADMIN",
+//             action: "NAVIGATION",
+//             actionPayload: { path: "admin/datasources" },
+//           },
+//           {
+//             id: "1.2.2",
+//             label: "Parameters",
+//             icon: "p",
+//             authority: "DEVELOPMENT_ADMIN",
+//             action: "NAVIGATION",
+//             actionPayload: { path: "admin/parameters" },
+//           },
+//           {
+//             id: "1.2.3",
+//             label: "System Queries",
+//             icon: "file-code",
+//             authority: "DEVELOPMENT_ADMIN",
+//             action: "NAVIGATION",
+//             actionPayload: { path: "admin/queries" },
+//           },
+//         ],
+//       },
+//     ],
+//   },
+];

package/src/navigationItems/common/CommonNavigationItems.tsx

@@ -0,0 +1,12 @@
+import { TreeViewBaseItem } from "@mui/x-tree-view/models";
+import { ExtendedTreeItemProps } from "..";
+
+export const adminNavigationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
+  {
+    id: "admin.UserRequest",
+    label: "USER_REQUEST_PLURAL",
+    icon: "circle",
+    action: "NAVIGATION",
+    actionPayload: { path: "admin/userrequests" },
+  },
+];

package/src/navigationItems/common/index.tsx

@@ -0,0 +1,7 @@
+import { TreeViewBaseItem } from "@mui/x-tree-view/models";
+import { ExtendedTreeItemProps } from "..";
+import { adminNavigationItems } from "./CommonNavigationItems";
+
+export const AdministrationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
+  ...adminNavigationItems,
+];

package/src/navigationItems/index.tsx

@@ -0,0 +1,34 @@
+import { TreeViewBaseItem } from "@mui/x-tree-view/models";
+import { AdministrationItems } from "./Administration";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+export type ExtendedTreeItemProps = {
+  icon: IconProp;
+  id: string;
+  label: string;
+  action?: "NAVIGATION";
+  authority?: string;
+  actionPayload?: {
+    path?: string;
+    parameters?: object;
+  };
+  children?: ExtendedTreeItemProps[];
+};
+
+export const findNavigationItemById = (
+  id: string,
+  nodes: ExtendedTreeItemProps[]
+): ExtendedTreeItemProps | undefined => {
+  for (const node of nodes) {
+    if (node.id === id) return node;
+    if (node.children) {
+      const found = findNavigationItemById(id, node.children);
+      if (found) return found;
+    }
+  }
+  return undefined;
+};
+
+export const NavigationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
+  ...AdministrationItems,  
+];

package/src/redux/features/administration/AdministrationStoresMetaData.ts

@@ -0,0 +1,72 @@
+import { CommonStoresInterface } from "../business/CommonStoreSlice";
+
+export const ADMINISTRATION_STORES: CommonStoresInterface = {
+  SystemDataSourceType: {
+    autoLoad: false,
+    data: [{ value: "Mysql" }, { value: "Oracle" }, { value: "DB2" }],
+    url: "",
+  },
+  SystemParameterTypes: {
+    autoLoad: false,
+    url: "",
+    data: [
+      { value: "datetime" },
+      { value: "date" },
+      { value: "text" },
+      { value: "number" },
+      { value: "droplist" },
+    ],
+  },
+  SystemReportTypes: {
+    autoLoad: false,
+    url: "",
+    data: [{ value: "Excel" }, { value: "Jasper" }, { value: "Blueprint" }],
+  },
+  SystemWidgetTypes: {
+    autoLoad: false,
+    url: "",
+    data: [
+      { name: "LineChart" },
+      { name: "ColumnChart" },
+      { name: "PieChart" },
+      { name: "Card" },
+      { name: "CircularProgress" },
+      { name: "LinearProgress" },
+    ],
+  },
+  SystemMailRecipientTypes: {
+    autoLoad: false,
+    url: "",
+    data: [{ name: "To" }, { name: "CC" }],
+  },
+  SystemDataSources: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/admin/datasourceconnection/all",
+  },
+  SystemDataQueries: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/admin/dataquery/all",
+  },
+  SystemEntityParameters: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/admin/entityparameter/all",
+  },
+  SystemAuthorities: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/admin/authority/all",
+  },
+  SystemRoles: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/admin/role/all",
+  },
+};

package/src/redux/features/business/BusinessStoresMetaData.ts

@@ -0,0 +1,3 @@
+import { CommonStoresInterface } from "./CommonStoreSlice";
+
+export const BUSINESS_STORES: CommonStoresInterface = {};

package/src/redux/features/business/CommonStoreSlice.ts

@@ -0,0 +1,37 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { BUSINESS_STORES } from "./BusinessStoresMetaData";
+import { ADMINISTRATION_STORES } from "../administration/AdministrationStoresMetaData";
+
+export interface CommonStoresInterface {
+  [key: string]: StoreMetaData;
+}
+
+interface setStoreDataProps {
+  storeKey: string;
+  data: Array<any>;
+}
+
+export interface StoreMetaData {
+  url: string;
+  data: Array<any>;
+  autoLoad: boolean;
+  authority?: string;
+}
+
+const initialState: CommonStoresInterface = {
+  ...BUSINESS_STORES,
+  ...ADMINISTRATION_STORES,
+};
+
+const commonStoreSlice = createSlice({
+  name: "loadingMask",
+  initialState,
+  reducers: {
+    setStoreData(state, action: PayloadAction<setStoreDataProps>) {
+      state[action.payload.storeKey].data = action.payload.data;
+    },
+  },
+});
+
+export const { setStoreData } = commonStoreSlice.actions;
+export default commonStoreSlice.reducer;

package/src/redux/features/common/AppInfoSlice.ts

@@ -0,0 +1,30 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export type AppInfo = {
+  documentTitle: string;
+  apiBaseUrl: string;
+  appName: string;
+  appVersion: string;
+  appLogo: any;
+};
+
+const initialState: AppInfo = {
+  documentTitle: "",
+  apiBaseUrl: "",
+  appName: "",
+  appVersion: "",
+  appLogo: null,
+};
+
+const AppInfoSlice = createSlice({
+  name: "AppInfo",
+  initialState: initialState,
+  reducers: {
+    setAppInfo: (state, action) => {
+      state = action.payload;
+    },
+  },
+});
+
+export const AppInfoActions = AppInfoSlice.actions;
+export default AppInfoSlice.reducer;

package/src/redux/features/common/AppLayoutSlice.ts

@@ -0,0 +1,37 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const DRAWER_WIDTH = 350;
+
+interface AppLayoutState {
+  sideBarOpened: boolean;
+  themeMode: "light" | "dark" | string;
+  appDirection: "ltr" | "rtl";
+}
+
+const initialState: AppLayoutState = {
+  sideBarOpened: false,
+  themeMode: localStorage.getItem("themeMode") || "light",
+  appDirection: localStorage.getItem("language") == "ar" ? "rtl" : "ltr",
+};
+
+const AppLayoutSlice = createSlice({
+  name: "AppLayout",
+  initialState,
+  reducers: {
+    toggleSideBarState: (state) => {
+      state.sideBarOpened = !state.sideBarOpened;
+    },
+    setSideBarState: (state, action) => {
+      state.sideBarOpened = action.payload;
+    },
+    setThemeMode: (state, action) => {
+      state.themeMode = action.payload;
+    },
+    setAppDirection: (state, action) => {
+      state.appDirection = action.payload;
+    },
+  },
+});
+
+export const AppLayoutActions = AppLayoutSlice.actions;
+export default AppLayoutSlice.reducer;

package/src/redux/features/common/LoadingMaskSlice.ts

@@ -0,0 +1,30 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+interface LoadingMaskStateValue {
+  value: { isOpened: boolean; message?: string | null };
+}
+
+const initialState: LoadingMaskStateValue = {
+  value: { isOpened: false, message: null },
+};
+
+const loadingMaskSlice = createSlice({
+  name: "loadingMask",
+  initialState,
+  reducers: {
+    showLoadingMask: (
+      state,
+      action: PayloadAction<string | null | undefined>
+    ) => {
+      state.value.isOpened = true;
+      state.value.message = action.payload;
+    },
+    hideLoadingMask: (state) => {
+      state.value.isOpened = false;
+      state.value.message = null;
+    },
+  },
+});
+
+export const { showLoadingMask, hideLoadingMask } = loadingMaskSlice.actions;
+export default loadingMaskSlice.reducer;

package/src/redux/features/common/UserSessionSlice.ts

@@ -0,0 +1,62 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export interface OrganizationProps {
+  organizationCode?: string;
+  organizationName?: string;
+}
+export interface UserProfileProps {
+  username?: string;
+  currentOrganizationCode?: string;
+  userOrganizations?: Array<OrganizationProps>;
+  employeeNumber?: string;
+  employeeName?: string;
+  divisionCode?: string;
+  divisionName?: string;
+  departmentCode?: string;
+  departmentName?: string;
+  rankCode?: string;
+  rankName?: string;
+  sectionCode?: string;
+  sectionName?: string;
+  subsectionCode?: string;
+  subsectionName?: string;
+  extNumber?: string;
+  mobileNumber?: string;
+  email?: string;
+}
+
+export interface UserSessionProps {
+  value: {
+    isAuthenticated: boolean | null;
+    userProfile: UserProfileProps | null;
+    authorities: Array<{ authority: string }>;
+  };
+}
+
+const initialState: UserSessionProps = {
+  value: {
+    isAuthenticated: null,
+    authorities: [],
+    userProfile: null,
+  },
+};
+
+const UserSessionSlice = createSlice({
+  name: "UserSession",
+  initialState,
+  reducers: {
+    setAuthenticated: (state, action) => {
+      state.value = action.payload;
+    },
+    setUnAuthenticated: (state) => {
+      state.value = {
+        isAuthenticated: false,
+        authorities: [],
+        userProfile: null,
+      };
+    },
+  },
+});
+
+export const UserSessionActions = UserSessionSlice.actions;
+export default UserSessionSlice.reducer;

package/src/redux/store.ts

@@ -1,17 +1,17 @@
 import { configureStore } from "@reduxjs/toolkit";
-import CounterReducer from "./CounterSlice";
-// import AppLayoutReducer from "./features/common/AppLayoutSlice";
-// import UserSessionReducer from "./features/common/UserSessionSlice";
-// import LoadingMaskReducer from "./features/common/LoadingMaskSlice";
-// import CommonStoreReducer from "./features/business/CommonStoreSlice";
+import AppLayoutReducer from "./features/common/AppLayoutSlice";
+import UserSessionReducer from "./features/common/UserSessionSlice";
+import LoadingMaskReducer from "./features/common/LoadingMaskSlice";
+import CommonStoreReducer from "./features/business/CommonStoreSlice";
+import AppInfoReducer from "./features/common/AppInfoSlice";
 
 export const store = configureStore({
   reducer: {
-    // AppLayout: AppLayoutReducer,
-    // UserSession: UserSessionReducer,
-    // loadingMask: LoadingMaskReducer,
-    // commonStores: CommonStoreReducer,
-    counter: CounterReducer,
+    AppLayout: AppLayoutReducer,
+    UserSession: UserSessionReducer,
+    loadingMask: LoadingMaskReducer,
+    commonStores: CommonStoreReducer,
+    AppInfo: AppInfoReducer,
   },
 });