npm - @asaleh37/ui-base - Versions diffs - 25.9.17-1 → 25.9.17 - Mend

@asaleh37/ui-base 25.9.17-1 → 25.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/index.js +112 -112
package/dist/index.js.map +1 -1
package/dist/index.mjs +112 -112
package/dist/index.mjs.map +1 -1
package/index.html +0 -7
package/package.json +1 -1
package/src/layout/Layout.tsx +1 -4
package/src/main.tsx +2 -2
package/src/navigationItems/index.tsx +7 -0
package/src/routes/index.ts +4 -1
package/vite.config.ts +1 -1
package/public/manifest.json +0 -21
package/src/components/common/MobileLogin.tsx +0 -229

package/index.html CHANGED Viewed

@@ -2,13 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="manifest" href="/manifest.json" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta
-      name="apple-mobile-web-app-status-bar-style"
-      content="black-translucent"
-    />
     <link rel="icon" type="image/svg+xml" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Loading...</title>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "25.9.17-1",
+  "version": "25.9.17",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/layout/Layout.tsx CHANGED Viewed

@@ -17,7 +17,6 @@ import NoLicenseComponent from "../components/common/NoLicenseComponent";
 import { msalInstance } from "../components/msalConfig";
 import { PublicClientApplication } from "@azure/msal-browser";
 import AzureLogin from "../components/common/AzureLogin";
-import MobileLogin from "../components/common/MobileLogin";
 const Main = styled("main", {
   shouldForwardProp: (prop) => prop !== "open",
@@ -90,10 +89,8 @@ const Layout: React.FC<LayoutProps> = ({ msalInstance }) => {
         </Main>
       ) : appInfo.authenticationMethod === "AZURE" ? (
         <AzureLogin msalInstance={msalInstance} />
-      ) : !isMobile ? (
-        <Login />
       ) : (
-        <MobileLogin />
+        <Login />
       )}
     </BrowserRouter>
   );

package/src/main.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { BaseApp } from "./components";
 createRoot(document.getElementById("root")!).render(
   <BaseApp
-    apiBaseUrl="http://10.14.22.13:8080/api-base"
+    apiBaseUrl="http://localhost:8080/api-base"
     enableUINotifications={false}
     appLogo={"/logo.png"}
     appName="UI Base Library"
@@ -12,7 +12,7 @@ createRoot(document.getElementById("root")!).render(
       backgroundImageNameInPublicFolder: "bg.jpg",
     }}
     appVersion="0.0"
-    authenticationMethod="APP"
+    authenticationMethod="AZURE"
     azureConfiguration={{
       frontEndClientId: "c3bbbdbd-f392-4459-b3dd-2351cb07f924",
       tenantId: "9f136fef-4529-475f-98e6-d271eb04eb00",

package/src/navigationItems/index.tsx CHANGED Viewed

@@ -32,4 +32,11 @@ export const findNavigationItemById = (
 export const NavigationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
   ...AdministrationItems,
+  {
+    id: "example",
+    icon: "wind",
+    action: "NAVIGATION",
+    actionPayload: { path: "example" },
+    label: "Example",
+  },
 ];

package/src/routes/index.ts CHANGED Viewed

@@ -2,4 +2,7 @@ import ExampleTrial from "../components/ExampleTrial";
 import { ADMINISTRATION_ROUTES } from "./administration";
 import { SystemRoute } from "./types";
-export const SYSTEM_ROUTES: Array<SystemRoute> = [...ADMINISTRATION_ROUTES];
+export const SYSTEM_ROUTES: Array<SystemRoute> = [
+  ...ADMINISTRATION_ROUTES,
+  { path: "example", component: ExampleTrial },
+];

package/vite.config.ts CHANGED Viewed

@@ -19,6 +19,6 @@ export default defineConfig({
     },
   },
   server: {
-    port: 8082,
+    port: 3000,
   },
 });

package/public/manifest.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "short_name": "MyApp",
-  "name": "My React App",
-  "start_url": ".",
-  "display": "standalone",
-  "background_color": "#ffffff",
-  "theme_color": "#ffffff",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "icon-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "icon-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}

package/src/components/common/MobileLogin.tsx DELETED Viewed

@@ -1,229 +0,0 @@
-import {
-  Box,
-  Button,
-  CircularProgress,
-  createTheme,
-  Paper,
-  TextField,
-  Typography,
-} from "@mui/material";
-import { useDispatch, useSelector } from "react-redux";
-import { ThemeProvider } from "@emotion/react";
-import { useEffect, useState } from "react";
-import axios from "axios";
-import { toast } from "react-toastify";
-import { UserSessionActions } from "../../redux/features/common/UserSessionSlice";
-import {
-  DARK_THEME_INITIAL_MAIN_COLOR,
-  DARK_THEME_INITIAL_SECANDARY_COLOR,
-  LIGHT_THEME_INITIAL_MAIN_COLOR,
-  LIGHT_THEME_INITIAL_SECANDARY_COLOR,
-} from "../../util";
-import { AppInfo } from "../../redux/features/common/AppInfoSlice";
-const MobileLogin: React.FC = () => {
-  const appInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
-  const [isLoginInProcess, setIsLoginInProcess] = useState(false);
-  const UserSessionState = useSelector((state: any) => state.UserSession.value);
-  const dispatch = useDispatch();
-  const handleLogin = async () => {
-    if (username == null || username == "") {
-      toast.error("username is required to proceed");
-      return;
-    }
-    if (password == null || password == "") {
-      toast.error("password is required to proceed");
-      return;
-    }
-    setIsLoginInProcess(true);
-    let response: any = null;
-    try {
-      response = await axios.post(
-        `${appInfo.apiBaseUrl}/api/auth/login`,
-        {
-          username,
-          password,
-        },
-        {
-          withCredentials: true,
-        }
-      );
-      if (response.data != null && response.data !== "") {
-        setIsLoginInProcess(false);
-        const UserSession = {
-          ...response.data,
-          isAuthenticated: true,
-        };
-        if (response?.data?.token) {
-          localStorage.setItem("TOKEN", response.data.token);
-        }
-        dispatch(UserSessionActions.setAuthenticated(UserSession));
-      }
-    } catch (e: any) {
-      setIsLoginInProcess(false);
-      toast.error(
-        e?.response?.data ||
-          "failed to authenticate, contact your administrator"
-      );
-    }
-  };
-  const userSession = useSelector((state: any) => state.UserSession.value);
-  const loginTheme = createTheme({
-    components: {
-      MuiCssBaseline: {
-        styleOverrides: `
-        /* Custom Scrollbar */
-        * {
-          scrollbar-width: thin;
-          scrollbar-color: ${
-            appInfo.appTheme?.dark?.primaryColor ||
-            DARK_THEME_INITIAL_MAIN_COLOR
-          } #121212;
-        }
-        /* Webkit Browsers */
-        *::-webkit-scrollbar {
-          width: 12px;
-          height: 10px;
-        }
-      `,
-      },
-    },
-    palette: {
-      mode: appInfo?.loginScreenStyle?.themeMode || "dark",
-      primary: {
-        main:
-          appInfo?.loginScreenStyle?.themeMode === "light"
-            ? appInfo.appTheme?.light?.primaryColor ||
-              LIGHT_THEME_INITIAL_MAIN_COLOR
-            : appInfo.appTheme?.dark?.primaryColor ||
-              DARK_THEME_INITIAL_MAIN_COLOR,
-      },
-      secondary: {
-        main:
-          appInfo?.loginScreenStyle?.themeMode === "light"
-            ? appInfo.appTheme?.light?.secondaryColor ||
-              LIGHT_THEME_INITIAL_SECANDARY_COLOR
-            : appInfo.appTheme?.dark?.secondaryColor ||
-              DARK_THEME_INITIAL_SECANDARY_COLOR,
-      },
-    },
-  });
-  const checkUserSession = async () => {
-    if (appInfo?.apiBaseUrl) {
-      if (userSession.isAuthenticated == null) {
-        const token = localStorage.getItem("TOKEN");
-        try {
-          let response = await axios.get(
-            `${appInfo.apiBaseUrl}/api/auth/userInfo`,
-            {
-              withCredentials: true,
-              headers: { Authorization: `Bearer ${token}` },
-            }
-          );
-          if (response != null && response.data != null) {
-            const UserSession = {
-              ...response.data,
-              isAuthenticated: true,
-            };
-            dispatch(UserSessionActions.setAuthenticated(UserSession));
-          } else {
-            dispatch(UserSessionActions.setUnAuthenticated());
-            localStorage.removeItem("TOKEN");
-          }
-        } catch (error) {
-          dispatch(UserSessionActions.setUnAuthenticated());
-        }
-      }
-    }
-  };
-  useEffect(() => {
-    checkUserSession();
-  }, [appInfo, userSession.isAuthenticated]);
-  return (
-    <ThemeProvider theme={loginTheme}>
-      {UserSessionState.isAuthenticated == false ? (
-        <Paper
-          sx={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "center",
-            height: "100vh",
-            width: "100%",
-          }}
-        >
-          <img src={appInfo?.appLogo} width={70} height={70} />
-          <Typography sx={{ m: 1 }} variant="caption" color="textSecondary">
-            {appInfo?.appName}
-          </Typography>
-          <Typography
-            sx={{
-              paddingRight: 1,
-              width: 200,
-              textAlign: "right",
-              fontSize: 10,
-            }}
-            variant="caption"
-            color="textSecondary"
-          >
-            V.{appInfo.appVersion}
-          </Typography>
-          <TextField
-            label="username"
-            sx={{ width: 200, m: 1 }}
-            value={username}
-            onChange={(event) => {
-              setUsername(event.target.value);
-            }}
-            onKeyDown={(event) => {
-              if (event.key === "Enter") {
-                handleLogin();
-              }
-            }}
-          />
-          <TextField
-            label="password"
-            sx={{ width: 200, m: 1 }}
-            value={password}
-            type="password"
-            onChange={(event) => {
-              setPassword(event.target.value);
-            }}
-            onKeyDown={(event) => {
-              if (event.key === "Enter") {
-                handleLogin();
-              }
-            }}
-          />
-          <Button
-            loading={isLoginInProcess}
-            onClick={handleLogin}
-            variant="contained"
-            color="primary"
-            sx={{ m: 1 }}
-          >
-            login
-          </Button>
-        </Paper>
-      ) : (
-        <Paper
-          sx={{
-            width: "100%",
-            height: "100vh",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-          }}
-        >
-          <CircularProgress sx={{ marginRight: 1 }} />
-          <div>You will be redirected shortly ... please wait</div>
-        </Paper>
-      )}
-    </ThemeProvider>
-  );
-};
-export default MobileLogin;