@asaleh37/ui-base 1.2.3 → 1.2.5

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

@@ -1,6 +1,6 @@
-import { CommonStoresInterface } from "../common/CommonStoreSlice";
+import { CommonStores } from "../common/CommonStoreSlice";
 
-export const ADMINISTRATION_STORES: CommonStoresInterface = {
+export const ADMINISTRATION_STORES: CommonStores = {
   SystemDataSourceType: {
     autoLoad: false,
     data: [{ value: "Mysql" }, { value: "Oracle" }, { value: "DB2" }],
@@ -10,11 +10,14 @@ export const ADMINISTRATION_STORES: CommonStoresInterface = {
     autoLoad: false,
     url: "",
     data: [
-      { value: "datetime" },
-      { value: "date" },
       { value: "text" },
       { value: "number" },
-      { value: "droplist" },
+      { value: "date" },
+      { value: "datetime" },
+      { value: "combobox" },
+      { value: "checkbox" },
+      { value: "html" },
+      { value: "lookup" },
     ],
   },
   SystemReportTypes: {
@@ -39,34 +42,64 @@ export const ADMINISTRATION_STORES: CommonStoresInterface = {
     url: "",
     data: [{ name: "To" }, { name: "CC" }],
   },
+  SystemOrganizations: {
+    autoLoad: true,
+    url: "api/v1/admin/organization/all",
+    authority: "DEVELOPMENT_ADMIN",
+    data: [],
+  },
+  SystemOrganizationRanks: {
+    autoLoad: true,
+    url: "api/v1/admin/organization/ranks/all",
+    authority: "DEVELOPMENT_ADMIN",
+    data: [],
+  },
+  SystemOrganizationUnits: {
+    autoLoad: true,
+    url: "api/v1/admin/organization/units/all",
+    authority: "DEVELOPMENT_ADMIN",
+    data: [],
+  },
   SystemDataSources: {
     autoLoad: true,
     data: [],
     authority: "DEVELOPMENT_ADMIN",
-    url: "api/v1/admin/datasourceconnection/all",
+    url: "api/v1/dev/datasourceconnection/all",
   },
   SystemDataQueries: {
     autoLoad: true,
     data: [],
     authority: "DEVELOPMENT_ADMIN",
-    url: "api/v1/admin/dataquery/all",
+    url: "api/v1/dev/dataquery/all",
+  },
+  SystemBluePrints: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/dev/blueprint/all",
+  },
+  SystemReports: {
+    autoLoad: true,
+    data: [],
+    authority: "DEVELOPMENT_ADMIN",
+    url: "api/v1/dev/report/all",
   },
   SystemEntityParameters: {
     autoLoad: true,
     data: [],
     authority: "DEVELOPMENT_ADMIN",
-    url: "api/v1/admin/entityparameter/all",
+    url: "api/v1/dev/entityparameter/all",
   },
-  SystemAuthorities: {
+  SystemMailTemplates: {
     autoLoad: true,
     data: [],
     authority: "DEVELOPMENT_ADMIN",
-    url: "api/v1/admin/authority/all",
+    url: "api/v1/dev/mailtemplate/all",
   },
-  SystemRoles: {
+  SystemWidgets: {
     autoLoad: true,
     data: [],
     authority: "DEVELOPMENT_ADMIN",
-    url: "api/v1/admin/role/all",
+    url: "api/v1/dev/widget/all",
   },
 };

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

@@ -3,13 +3,11 @@ 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",
 };
@@ -18,12 +16,6 @@ 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;
     },

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

@@ -1,5 +1,9 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 
+export type CommonStores = {
+  [key: string]: StoreMetaData;
+};
+
 export interface CommonStoresInterface {
   stores: { [key: string]: StoreMetaData };
   storeKeys: Array<String>;

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

@@ -0,0 +1,29 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const DRAWER_WIDTH = 350;
+
+interface SideBarState {
+  isOpened: boolean;
+}
+
+const initialState: SideBarState = {
+  isOpened: false,
+};
+
+const SideBarSlice = createSlice({
+  name: "SideBar",
+  initialState,
+  reducers: {
+    toggleSideBarState: (state) => {
+      debugger;
+      state.isOpened = !state.isOpened;
+    },
+    setSideBarState: (state, action) => {
+      debugger;
+      state.isOpened = action.payload;
+    },
+  },
+});
+
+export const { toggleSideBarState, setSideBarState } = SideBarSlice.actions;
+export default SideBarSlice.reducer;

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

@@ -4,31 +4,25 @@ 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;
+    employeeNumber?: string;
+    employeeName?: string;
+    mobileNumber?: string;
+    email?: string;
+    isEmployeeArchived?: string;
+    organizationCode?: string;
+    organizationUnitId?: string;
+    organizationUnitArName?: string;
+    organizationUnitEnName?: string;
+    organizationRankId?: string;
+    rankCode?: string;
+    rankName?: string;
+    rankOrder?: string;
+    currentOrganization?: any;
+    userOrganizations?: Array<OrganizationProps>;
     authorities: Array<{ authority: string }>;
   };
 }
@@ -37,7 +31,6 @@ const initialState: UserSessionProps = {
   value: {
     isAuthenticated: null,
     authorities: [],
-    userProfile: null,
   },
 };
 
@@ -52,7 +45,6 @@ const UserSessionSlice = createSlice({
       state.value = {
         isAuthenticated: false,
         authorities: [],
-        userProfile: null,
       };
     },
   },

package/src/redux/store.ts

@@ -14,7 +14,7 @@
 // };
 
 // export function addReducer(key: string, reducer: Reducer<any>) {
-//   debugger;
+//   
 //   // if (!reducers[key]) {
 //     reducers[key] = reducer;
 //   // }

package/src/routes/administration/adminRoutes.tsx

@@ -1,172 +1,31 @@
 import { SystemRoute } from "../types";
-
-import AuthorityGrid from "../../components/admin/AuthorityGrid";
-import BluePrintGrid from "../../components/admin/BluePrintGrid";
-import BluePrintPageGrid from "../../components/admin/BluePrintPageGrid";
-import BluePrintPointGrid from "../../components/admin/BluePrintPointGrid";
-import DashboardGrid from "../../components/admin/DashboardGrid";
-import DashboardWidgetGrid from "../../components/admin/DashboardWidgetGrid";
-import DataQueryGrid from "../../components/admin/DataQueryGrid";
-import DataQueryParameterGrid from "../../components/admin/DataQueryParameterGrid";
-import DatasourceConnectionGrid from "../../components/admin/DatasourceConnectionGrid";
-import EmployeeGrid from "../../components/admin/EmployeeGrid";
-import EntityParameterGrid from "../../components/admin/EntityParameterGrid";
-import ExcelUploaderDetailGrid from "../../components/admin/ExcelUploaderDetailGrid";
-import ExcelUploaderHeaderGrid from "../../components/admin/ExcelUploaderHeaderGrid";
-import LookupGrid from "../../components/admin/LookupGrid";
-import MailAttachmentGrid from "../../components/admin/MailAttachmentGrid";
-import MailBodyGrid from "../../components/admin/MailBodyGrid";
-import MailNotificationQueueGrid from "../../components/admin/MailNotificationQueueGrid";
-import MailRecipientGrid from "../../components/admin/MailRecipientGrid";
-import MailTemplateGrid from "../../components/admin/MailTemplateGrid";
-import NewTableGrid from "../../components/admin/NewTableGrid";
-import NotificationGrid from "../../components/admin/NotificationGrid";
-import NotificationQueueGrid from "../../components/admin/NotificationQueueGrid";
-import OrganizationGrid from "../../components/admin/OrganizationGrid";
-import OrganizationApplicationGrid from "../../components/admin/OrganizationApplicationGrid";
-import OrganizationRankGrid from "../../components/admin/OrganizationRankGrid";
-import OrganizationUnitGrid from "../../components/admin/OrganizationUnitGrid";
-import OrganizationUserGrid from "../../components/admin/OrganizationUserGrid";
-import OrganizationUserRoleGrid from "../../components/admin/OrganizationUserRoleGrid";
-import ReportGrid from "../../components/admin/ReportGrid";
-import ReportParameterGrid from "../../components/admin/ReportParameterGrid";
-import RoleGrid from "../../components/admin/RoleGrid";
-import RoleAuthorityGrid from "../../components/admin/RoleAuthorityGrid";
-import UserAccountGrid from "../../components/admin/UserAccountGrid";
-import UserRequestGrid from "../../components/admin/UserRequestGrid";
-import WidgetGrid from "../../components/admin/WidgetGrid";
-import WorkflowDocumentGrid from "../../components/admin/WorkflowDocumentGrid";
-import WorkflowDocumentActionGrid from "../../components/admin/WorkflowDocumentActionGrid";
-import WorkflowDocumentActionHistoryGrid from "../../components/admin/WorkflowDocumentActionHistoryGrid";
-import WorkflowDocumentActionMailGrid from "../../components/admin/WorkflowDocumentActionMailGrid";
-import WorkflowDocumentMailLogGrid from "../../components/admin/WorkflowDocumentMailLogGrid";
-import WorkflowDocumentStatusGrid from "../../components/admin/WorkflowDocumentStatusGrid";
-import AttachmentGrid from "../../components/admin/AttachmentGrid";
+import OrganizationGrid from "../../components/administration/admin/OrganizationGrid";
+import OrganizationMemberGrid from "../../components/administration/admin/OrganizationMemberGrid";
+import OrganizationMemberRoleGrid from "../../components/administration/admin/OrganizationMemberRoleGrid";
+import OrganizationRankGrid from "../../components/administration/admin/OrganizationRankGrid";
+import OrganizationUnitGrid from "../../components/administration/admin/OrganizationUnitGrid";
+import OrganizationUnitTypeGrid from "../../components/administration/admin/OrganizationUnitTypeGrid";
+import PersonGrid from "../../components/administration/admin/PersonGrid";
+import SystemApplicationGrid from "../../components/administration/admin/SystemApplicationGrid";
+import SystemApplicationAuthorityGrid from "../../components/administration/admin/SystemApplicationAuthorityGrid";
+import SystemApplicationModuleGrid from "../../components/administration/admin/SystemApplicationModuleGrid";
+import SystemApplicationRoleGrid from "../../components/administration/admin/SystemApplicationRoleGrid";
+import SystemApplicationRoleAuthorityGrid from "../../components/administration/admin/SystemApplicationRoleAuthorityGrid";
 export const adminRoutes: Array<SystemRoute> = [
-  {
-    path: "admin/attachments",
-    component: AttachmentGrid,
-    authority: "ATTACHMENT_VIEW",
-  },
-  {
-    path: "admin/authorities",
-    component: AuthorityGrid,
-    authority: "AUTHORITY_VIEW",
-  },
-  {
-    path: "admin/blueprints",
-    component: BluePrintGrid,
-    authority: "BLUE_PRINT_VIEW",
-  },
-  {
-    path: "admin/blueprintpages",
-    component: BluePrintPageGrid,
-    authority: "BLUE_PRINT_PAGE_VIEW",
-  },
-  {
-    path: "admin/blueprintpoints",
-    component: BluePrintPointGrid,
-    authority: "BLUE_PRINT_POINT_VIEW",
-  },
-  {
-    path: "admin/dashboards",
-    component: DashboardGrid,
-    authority: "DASHBOARD_VIEW",
-  },
-  {
-    path: "admin/dashboardwidgets",
-    component: DashboardWidgetGrid,
-    authority: "DASHBOARD_WIDGET_VIEW",
-  },
-  {
-    path: "admin/dataqueries",
-    component: DataQueryGrid,
-    authority: "DATA_QUERY_VIEW",
-  },
-  {
-    path: "admin/dataqueryparameters",
-    component: DataQueryParameterGrid,
-    authority: "DATA_QUERY_PARAMETER_VIEW",
-  },
-  {
-    path: "admin/datasourceconnections",
-    component: DatasourceConnectionGrid,
-    authority: "DATASOURCE_CONNECTION_VIEW",
-  },
-  {
-    path: "admin/employees",
-    component: EmployeeGrid,
-    authority: "EMPLOYEE_VIEW",
-  },
-  {
-    path: "admin/entityparameters",
-    component: EntityParameterGrid,
-    authority: "ENTITY_PARAMETER_VIEW",
-  },
-  {
-    path: "admin/exceluploaderdetails",
-    component: ExcelUploaderDetailGrid,
-    authority: "EXCEL_UPLOADER_DETAIL_VIEW",
-  },
-  {
-    path: "admin/exceluploaderheaders",
-    component: ExcelUploaderHeaderGrid,
-    authority: "EXCEL_UPLOADER_HEADER_VIEW",
-  },
-  {
-    path: "admin/lookups",
-    component: LookupGrid,
-    authority: "LOOKUP_VIEW",
-  },
-  {
-    path: "admin/mailattachments",
-    component: MailAttachmentGrid,
-    authority: "MAIL_ATTACHMENT_VIEW",
-  },
-  {
-    path: "admin/mailbodies",
-    component: MailBodyGrid,
-    authority: "MAIL_BODY_VIEW",
-  },
-  {
-    path: "admin/mailnotificationqueues",
-    component: MailNotificationQueueGrid,
-    authority: "MAIL_NOTIFICATION_QUEUE_VIEW",
-  },
-  {
-    path: "admin/mailrecipients",
-    component: MailRecipientGrid,
-    authority: "MAIL_RECIPIENT_VIEW",
-  },
-  {
-    path: "admin/mailtemplates",
-    component: MailTemplateGrid,
-    authority: "MAIL_TEMPLATE_VIEW",
-  },
-  {
-    path: "admin/newtables",
-    component: NewTableGrid,
-    authority: "NEW_TABLE_VIEW",
-  },
-  {
-    path: "admin/notifications",
-    component: NotificationGrid,
-    authority: "NOTIFICATION_VIEW",
-  },
-  {
-    path: "admin/notificationqueues",
-    component: NotificationQueueGrid,
-    authority: "NOTIFICATION_QUEUE_VIEW",
-  },
   {
     path: "admin/organizations",
     component: OrganizationGrid,
     authority: "ORGANIZATION_VIEW",
   },
   {
-    path: "admin/organizationapplications",
-    component: OrganizationApplicationGrid,
-    authority: "ORGANIZATION_APPLICATION_VIEW",
+    path: "admin/organizationmembers",
+    component: OrganizationMemberGrid,
+    authority: "ORGANIZATION_MEMBER_VIEW",
+  },
+  {
+    path: "admin/organizationmemberroles",
+    component: OrganizationMemberRoleGrid,
+    authority: "ORGANIZATION_MEMBER_ROLE_VIEW",
   },
   {
     path: "admin/organizationranks",
@@ -179,79 +38,39 @@ export const adminRoutes: Array<SystemRoute> = [
     authority: "ORGANIZATION_UNIT_VIEW",
   },
   {
-    path: "admin/organizationusers",
-    component: OrganizationUserGrid,
-    authority: "ORGANIZATION_USER_VIEW",
-  },
-  {
-    path: "admin/organizationuserroles",
-    component: OrganizationUserRoleGrid,
-    authority: "ORGANIZATION_USER_ROLE_VIEW",
-  },
-  {
-    path: "admin/reports",
-    component: ReportGrid,
-    authority: "REPORT_VIEW",
-  },
-  {
-    path: "admin/reportparameters",
-    component: ReportParameterGrid,
-    authority: "REPORT_PARAMETER_VIEW",
-  },
-  {
-    path: "admin/roles",
-    component: RoleGrid,
-    authority: "ROLE_VIEW",
-  },
-  {
-    path: "admin/roleauthorities",
-    component: RoleAuthorityGrid,
-    authority: "ROLE_AUTHORITY_VIEW",
-  },
-  {
-    path: "admin/useraccounts",
-    component: UserAccountGrid,
-    authority: "USER_ACCOUNT_VIEW",
-  },
-  {
-    path: "admin/userrequests",
-    component: UserRequestGrid,
-    authority: "USER_REQUEST_VIEW",
-  },
-  {
-    path: "admin/widgets",
-    component: WidgetGrid,
-    authority: "WIDGET_VIEW",
+    path: "admin/organizationunittypes",
+    component: OrganizationUnitTypeGrid,
+    authority: "ORGANIZATION_UNIT_TYPE_VIEW",
   },
   {
-    path: "admin/workflowdocuments",
-    component: WorkflowDocumentGrid,
-    authority: "WORKFLOW_DOCUMENT_VIEW",
+    path: "admin/persons",
+    component: PersonGrid,
+    authority: "PERSON_VIEW",
   },
   {
-    path: "admin/workflowdocumentactions",
-    component: WorkflowDocumentActionGrid,
-    authority: "WORKFLOW_DOCUMENT_ACTION_VIEW",
+    path: "admin/systemapplications",
+    component: SystemApplicationGrid,
+    authority: "SYSTEM_APPLICATION_VIEW",
   },
   {
-    path: "admin/workflowdocumentactionhistories",
-    component: WorkflowDocumentActionHistoryGrid,
-    authority: "WORKFLOW_DOCUMENT_ACTION_HISTORY_VIEW",
+    path: "admin/systemapplicationauthorities",
+    component: SystemApplicationAuthorityGrid,
+    authority: "SYSTEM_APPLICATION_AUTHORITY_VIEW",
   },
   {
-    path: "admin/workflowdocumentactionmails",
-    component: WorkflowDocumentActionMailGrid,
-    authority: "WORKFLOW_DOCUMENT_ACTION_MAIL_VIEW",
+    path: "admin/systemapplicationmodules",
+    component: SystemApplicationModuleGrid,
+    authority: "SYSTEM_APPLICATION_MODULE_VIEW",
   },
   {
-    path: "admin/workflowdocumentmaillogs",
-    component: WorkflowDocumentMailLogGrid,
-    authority: "WORKFLOW_DOCUMENT_MAIL_LOG_VIEW",
+    path: "admin/systemapplicationroles",
+    component: SystemApplicationRoleGrid,
+    authority: "SYSTEM_APPLICATION_ROLE_VIEW",
   },
   {
-    path: "admin/workflowdocumentstatuses",
-    component: WorkflowDocumentStatusGrid,
-    authority: "WORKFLOW_DOCUMENT_STATUS_VIEW",
+    path: "admin/systemapplicationroleauthorities",
+    component: SystemApplicationRoleAuthorityGrid,
+    authority: "SYSTEM_APPLICATION_ROLE_AUTHORITY_VIEW",
   },
 ];
 

package/src/routes/administration/devRoutes.tsx

@@ -0,0 +1,90 @@
+import { SystemRoute } from "../types";
+import BluePrintGrid from "../../components/administration/dev/BluePrintGrid";
+import DataQueryGrid from "../../components/administration/dev/DataQueryGrid";
+import DatasourceConnectionGrid from "../../components/administration/dev/DatasourceConnectionGrid";
+import EntityParameterGrid from "../../components/administration/dev/EntityParameterGrid";
+
+import LookupGrid from "../../components/administration/dev/LookupGrid";
+
+import ReportGrid from "../../components/administration/dev/ReportGrid";
+import MailTemplateGrid from "../../components/administration/dev/MailTemplateGrid";
+import MailSenderConfigGrid from "../../components/administration/dev/MailSenderConfigGrid";
+import WorkflowDocumentGrid from "../../components/administration/dev/WorkflowDocumentGrid";
+import WidgetGrid from "../../components/administration/dev/WidgetGrid";
+import DashboardGrid from "../../components/administration/dev/DashboardGrid";
+import DashboardRouteView from "../../components/templates/visuals/DashboardRouteView";
+import WorkflowDocumentMailLogGrid from "../../components/administration/dev/WorkflowDocumentMailLogGrid";
+import MailNotificationQueueGrid from "../../components/administration/dev/MailNotificationQueueGrid";
+
+export const devRoutes: Array<SystemRoute> = [
+  {
+    path: "dev/blueprints",
+    component: BluePrintGrid,
+    authority: "BLUE_PRINT_VIEW",
+  },
+  {
+    path: "dev/dataqueries",
+    component: DataQueryGrid,
+    authority: "DATA_QUERY_VIEW",
+  },
+  {
+    path: "dev/datasourceconnections",
+    component: DatasourceConnectionGrid,
+    authority: "DATASOURCE_CONNECTION_VIEW",
+  },
+  {
+    path: "dev/entityparameters",
+    component: EntityParameterGrid,
+    authority: "ENTITY_PARAMETER_VIEW",
+  },
+  {
+    path: "dev/lookups",
+    component: LookupGrid,
+    authority: "LOOKUP_VIEW",
+  },
+  {
+    path: "dev/reports",
+    component: ReportGrid,
+    authority: "REPORT_VIEW",
+  },
+  {
+    path: "dev/mailtemplates",
+    component: MailTemplateGrid,
+    authority: "MAILTEMPLATE_VIEW",
+  },
+  {
+    path: "dev/mailsender/config",
+    component: MailSenderConfigGrid,
+    authority: "MAILTEMPLATE_VIEW",
+  },
+  {
+    path: "dev/workflowdocuments",
+    component: WorkflowDocumentGrid,
+    authority: "WORKFLOW_DOCUMENT_VIEW",
+  },
+  {
+    path: "dev/widgets",
+    component: WidgetGrid,
+    authority: "WIDGET_VIEW",
+  },
+  {
+    path: "dev/dashboards",
+    component: DashboardGrid,
+    authority: "DASHBOARD_VIEW",
+  },
+  {
+    path: "dashboard/:dashboardCode",
+    component: DashboardRouteView,
+  },
+  {
+    path: "dev/workflowdocumentmaillogs",
+    component: WorkflowDocumentMailLogGrid,
+  },
+  {
+    path: "dev/mailnotificationqueues",
+    component: MailNotificationQueueGrid,
+  },
+];
+
+//  import { devRoutes } from "./devRoutes";
+//  [...devRoutes]

package/src/routes/administration/index.ts

@@ -1,4 +1,8 @@
 import { SystemRoute } from "../types";
 import { adminRoutes } from "./adminRoutes";
+import { devRoutes } from "./devRoutes";
 
-export const ADMINISTRATION_ROUTES: Array<SystemRoute> = [...adminRoutes];
+export const ADMINISTRATION_ROUTES: Array<SystemRoute> = [
+  ...adminRoutes,
+  ...devRoutes,
+];

package/src/routes/index.ts

@@ -1,4 +1,5 @@
 import Home from "../components/common/Home";
+import WfDocGrid from "../components/example/WfDocGrid";
 import { ADMINISTRATION_ROUTES } from "./administration";
 import { SystemRoute } from "./types";
 

package/src/styles/index.css

@@ -1,17 +1,17 @@
 html,
 body {
-  height: 100%;
+  height: 100vh;
   margin: 0;
   padding: 0;
 }
 
 #root {
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  overflow: hidden;  
+  overflow: hidden;
 }
 
 .red-row {

package/src/util/AppUtils.ts

@@ -16,3 +16,8 @@ export function capitalizeFirstLetter(str: string) {
   if (!str) return "";
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
+
+export function isValidEmail(email) {
+  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return re.test(email);
+}