@campxdev/shared 1.11.7-0.alpha.49 → 1.11.7-0.alpha.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.7-0.alpha.49",
+  "version": "1.11.7-0.alpha.51",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Layout/Header/AppHeader.tsx

@@ -66,26 +66,28 @@ export default function AppHeader({
   imageSx = {},
 }: AppHeaderProps) {
   return (
-    <StyledHeader sx={headerSx}>
-      <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-        {showMenu && <AppsMenu />}
-        <AppLogo clientLogo={clientLogo} imageSx={imageSx} />
-      </Box>
-      <Box className="actions">
-        {customHeaderActions ? (
-          customHeaderActions
-        ) : (
-          <HeaderActions
-            cogWheelMenu={cogWheelMenu}
-            fullName={fullName}
-            userBoxActions={userBoxActions}
-            profileUrl={profileUrl}
-            actions={actions}
-            profileSx={profileSx}
-          />
-        )}
-      </Box>
-    </StyledHeader>
+    <>
+      <StyledHeader sx={headerSx}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+          {showMenu && <AppsMenu />}
+          <AppLogo clientLogo={clientLogo} imageSx={imageSx} />
+        </Box>
+        <Box className="actions">
+          {customHeaderActions ? (
+            customHeaderActions
+          ) : (
+            <HeaderActions
+              cogWheelMenu={cogWheelMenu}
+              fullName={fullName}
+              userBoxActions={userBoxActions}
+              profileUrl={profileUrl}
+              actions={actions}
+              profileSx={profileSx}
+            />
+          )}
+        </Box>
+      </StyledHeader>
+    </>
   )
 }
 
@@ -103,14 +105,14 @@ const AppLogo = ({ clientLogo, imageSx }) => {
         </StyledImageWrapper>
         <Box
           sx={{
-            height: '26px',
+            height: '36px',
             width: '2px',
             background: 'gray',
           }}
         ></Box>
         <StyledImageWrapper>
           {isDevelopment ? (
-            <Typography variant="h1">Developer</Typography>
+            <Typography variant="h1">Developer </Typography>
           ) : (
             <img
               src={clientLogo}

package/src/components/Layout/Header/AppsMenu.tsx

@@ -57,7 +57,7 @@ const AppsMenu = () => {
         sx={{
           '& .MuiPaper-root': {
             left: '0 !important',
-            top: '64px !important',
+            top: '96px !important',
             '&>:last-child': {
               paddingBottom: '0px',
             },

package/src/components/Layout/Header/styles.tsx

@@ -1,19 +1,19 @@
 import {
-  alpha,
   AppBar,
+  Avatar,
   Box,
   IconButton,
+  Link,
   ListItemText,
-  styled,
   Typography,
-  Link,
-  Avatar,
+  alpha,
+  styled,
 } from '@mui/material'
 import { Link as RouterLink } from 'react-router-dom'
 
 export const StyledImageWrapper = styled('div')`
   width: auto;
-  height: 24px;
+  height: 34px;
   & img {
     width: 100%;
     height: 100%;
@@ -36,6 +36,7 @@ export const StyledHeader = styled(Box)(({ theme }) => ({
   backgroundColor: 'white',
   display: 'flex',
   alignItems: 'center',
+  height: '96px',
   justifyContent: 'space-between',
   '& .actions': {
     marginRight: '20px',

package/src/constants/formValidations.ts

@@ -4,3 +4,11 @@ export const isNumber = (value: string) => {
 
   return isNum
 }
+
+export const isInteger = (value: string) => {
+  const regEx = /^[-+]?\d*\.?\d+$/
+
+  let isInt = regEx.test(value)
+
+  return isInt
+}

package/src/layouts/Components/styles.tsx

@@ -1,7 +1,7 @@
 import { styled as muiStyled } from '@mui/material'
 import styled from 'styled-components'
 
-export const headerHeight = '64px'
+export const headerHeight = '96px'
 export const sideNavWidth = '220px'
 
 export const StyledLayoutContainer = styled.div`

package/styled-components.tsx

@@ -1,7 +1,7 @@
-import styled from 'styled-components'
 import { styled as muiStyled } from '@mui/material'
+import styled from 'styled-components'
 
-export const headerHeight = '64px'
+export const headerHeight = '96px'
 export const sideNavWidth = '220px'
 
 export const StyledLayoutContainer = styled.div`
@@ -12,11 +12,11 @@ export const StyledLayoutContainer = styled.div`
 export const StyledHeaderContainer = styled.header`
   z-index: 300;
   width: 100%;
-  position: fixed;
   top: 0;
   left: 0;
   min-height: ${headerHeight};
   background: #fff;
+
   & > div {
     height: ${headerHeight};
   }