@campxdev/react-blueprint 1.9.3 → 1.9.5
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.
- package/package.json +2 -2
- package/src/components/Assets/Icons/IconComponents/ActivityLogsIcon.tsx +37 -0
- package/src/components/Assets/Icons/IconComponents/BarChartIcon.tsx +58 -0
- package/src/components/Assets/Icons/IconComponents/CareersIcon.tsx +30 -0
- package/src/components/Assets/Icons/IconComponents/ClassroomIcon.tsx +28 -0
- package/src/components/Assets/Icons/IconComponents/ConfigurationsIcon.tsx +40 -0
- package/src/components/Assets/Icons/IconComponents/DatabaseIcon.tsx +35 -0
- package/src/components/Assets/Icons/IconComponents/EvaluationIcon.tsx +82 -0
- package/src/components/Assets/Icons/IconComponents/FormBuilderIcon.tsx +80 -0
- package/src/components/Assets/Icons/IconComponents/InternalExamsIcon.tsx +27 -0
- package/src/components/Assets/Icons/IconComponents/InvigilationIcon.tsx +70 -0
- package/src/components/Assets/Icons/IconComponents/LegacyIcon.tsx +28 -0
- package/src/components/Assets/Icons/IconComponents/MenteesIcon.tsx +30 -0
- package/src/components/Assets/Icons/IconComponents/MentorsIcon.tsx +65 -0
- package/src/components/Assets/Icons/IconComponents/MoreVertIcon.tsx +35 -0
- package/src/components/Assets/Icons/IconComponents/RoomsIcon.tsx +102 -0
- package/src/components/Assets/Icons/IconComponents/SearchIcon.tsx +8 -2
- package/src/components/Assets/Icons/IconComponents/SeatingPlan.tsx +30 -0
- package/src/components/Assets/Icons/IconComponents/SignaturesIcon.tsx +91 -0
- package/src/components/Assets/Icons/IconComponents/StopWatchIcon.tsx +65 -0
- package/src/components/Assets/Icons/Icons.tsx +38 -0
- package/src/components/DataDisplay/SidePanel/SidePanel.tsx +3 -1
- package/src/components/DataDisplay/SidePanel/styles.tsx +0 -1
- package/src/components/Layout/PageContent/PageContent.tsx +28 -8
- package/src/components/Navigation/Breadcrumbs/Breadcrumbs.tsx +38 -17
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { useTheme } from '@mui/material';
|
|
2
|
+
|
|
3
|
+
export const MoreVertIcon = ({ size = 16 }) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
const color = theme.palette.text.primary;
|
|
6
|
+
|
|
7
|
+
return (
|
|
8
|
+
<svg
|
|
9
|
+
width={size}
|
|
10
|
+
height={size}
|
|
11
|
+
viewBox="0 0 21 20"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
>
|
|
15
|
+
<path
|
|
16
|
+
d="M10.28 17C9.576 17 9 16.424 9 15.72C9 15.016 9.576 14.44 10.28 14.44C10.984 14.44 11.56 15.016 11.56 15.72C11.56 16.424 10.984 17 10.28 17Z"
|
|
17
|
+
fill={color}
|
|
18
|
+
stroke="#121212"
|
|
19
|
+
strokeWidth="0.4"
|
|
20
|
+
/>
|
|
21
|
+
<path
|
|
22
|
+
d="M10.28 6.54688C9.576 6.54688 9 5.97087 9 5.26687C9 4.56287 9.576 3.98687 10.28 3.98687C10.984 3.98687 11.56 4.56287 11.56 5.26687C11.56 5.97087 10.984 6.54688 10.28 6.54688Z"
|
|
23
|
+
fill={color}
|
|
24
|
+
stroke="#121212"
|
|
25
|
+
strokeWidth="0.4"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
d="M10.28 9.21345C10.984 9.21345 11.56 9.78945 11.56 10.4935C11.56 11.1975 10.984 11.7734 10.28 11.7734C9.576 11.7734 9 11.1975 9 10.4935C9 9.78945 9.576 9.21345 10.28 9.21345Z"
|
|
29
|
+
fill={color}
|
|
30
|
+
stroke="#121212"
|
|
31
|
+
strokeWidth="0.4"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
34
|
+
);
|
|
35
|
+
};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { useTheme } from "@mui/material";
|
|
2
|
+
|
|
3
|
+
export const RoomsIcon = ({
|
|
4
|
+
color,
|
|
5
|
+
size = 16,
|
|
6
|
+
}: {
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
}) => {
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
color = color ?? theme.palette.text.primary;
|
|
12
|
+
return (
|
|
13
|
+
<svg
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
fill={color}
|
|
16
|
+
width={size}
|
|
17
|
+
height={size}
|
|
18
|
+
viewBox="0 0 15.635 15.636"
|
|
19
|
+
>
|
|
20
|
+
<g
|
|
21
|
+
id="vuesax_linear_buildings-2"
|
|
22
|
+
data-name="vuesax/linear/buildings-2"
|
|
23
|
+
transform="translate(-491.4 -187.4)"
|
|
24
|
+
>
|
|
25
|
+
<g id="buildings-2" transform="translate(492 188)">
|
|
26
|
+
<path
|
|
27
|
+
id="Vector"
|
|
28
|
+
d="M3.392,11.548H1.552A1.374,1.374,0,0,1,0,10V1.552A1.374,1.374,0,0,1,1.552,0h3.1A1.374,1.374,0,0,1,6.207,1.552V2.887"
|
|
29
|
+
fill="none"
|
|
30
|
+
stroke="#000000"
|
|
31
|
+
stroke-linecap="round"
|
|
32
|
+
stroke-linejoin="round"
|
|
33
|
+
stroke-width="1.2"
|
|
34
|
+
/>
|
|
35
|
+
<path
|
|
36
|
+
id="Vector-2"
|
|
37
|
+
data-name="Vector"
|
|
38
|
+
d="M7.7,1.747V9.8a1.541,1.541,0,0,1-1.739,1.747H1.747A1.546,1.546,0,0,1,0,9.8V1.747A1.546,1.546,0,0,1,1.747,0H5.962A1.541,1.541,0,0,1,7.7,1.747Z"
|
|
39
|
+
transform="translate(3.392 2.887)"
|
|
40
|
+
fill="none"
|
|
41
|
+
stroke="#000000"
|
|
42
|
+
stroke-linecap="round"
|
|
43
|
+
stroke-linejoin="round"
|
|
44
|
+
stroke-width="1.2"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
id="Vector-3"
|
|
48
|
+
data-name="Vector"
|
|
49
|
+
d="M0,2.887V1.552A1.374,1.374,0,0,1,1.552,0h3.1A1.374,1.374,0,0,1,6.207,1.552V10a1.374,1.374,0,0,1-1.552,1.552H2.865"
|
|
50
|
+
transform="translate(8.228)"
|
|
51
|
+
fill="none"
|
|
52
|
+
stroke="#000000"
|
|
53
|
+
stroke-linecap="round"
|
|
54
|
+
stroke-linejoin="round"
|
|
55
|
+
stroke-width="1.2"
|
|
56
|
+
/>
|
|
57
|
+
<path
|
|
58
|
+
id="Vector-4"
|
|
59
|
+
data-name="Vector"
|
|
60
|
+
d="M0,0H2.887"
|
|
61
|
+
transform="translate(5.774 6.496)"
|
|
62
|
+
fill="none"
|
|
63
|
+
stroke="#000000"
|
|
64
|
+
stroke-linecap="round"
|
|
65
|
+
stroke-linejoin="round"
|
|
66
|
+
stroke-width="1.2"
|
|
67
|
+
/>
|
|
68
|
+
<path
|
|
69
|
+
id="Vector-5"
|
|
70
|
+
data-name="Vector"
|
|
71
|
+
d="M0,0H2.887"
|
|
72
|
+
transform="translate(5.774 8.661)"
|
|
73
|
+
fill="none"
|
|
74
|
+
stroke="#000000"
|
|
75
|
+
stroke-linecap="round"
|
|
76
|
+
stroke-linejoin="round"
|
|
77
|
+
stroke-width="1.2"
|
|
78
|
+
/>
|
|
79
|
+
<path
|
|
80
|
+
id="Vector-6"
|
|
81
|
+
data-name="Vector"
|
|
82
|
+
d="M0,2.165V0"
|
|
83
|
+
transform="translate(7.218 12.271)"
|
|
84
|
+
fill="none"
|
|
85
|
+
stroke="#000000"
|
|
86
|
+
stroke-linecap="round"
|
|
87
|
+
stroke-linejoin="round"
|
|
88
|
+
stroke-width="1.2"
|
|
89
|
+
/>
|
|
90
|
+
<path
|
|
91
|
+
id="Vector-7"
|
|
92
|
+
data-name="Vector"
|
|
93
|
+
d="M0,0H14.435V14.435H0Z"
|
|
94
|
+
transform="translate(0 0)"
|
|
95
|
+
fill="none"
|
|
96
|
+
opacity="0"
|
|
97
|
+
/>
|
|
98
|
+
</g>
|
|
99
|
+
</g>
|
|
100
|
+
</svg>
|
|
101
|
+
)
|
|
102
|
+
}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { useTheme } from '@mui/material';
|
|
2
2
|
|
|
3
|
-
export const SearchIcon = ({
|
|
3
|
+
export const SearchIcon = ({
|
|
4
|
+
size = 16,
|
|
5
|
+
backgroundColor,
|
|
6
|
+
}: {
|
|
7
|
+
size?: number;
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
}) => {
|
|
4
10
|
const theme = useTheme();
|
|
5
|
-
const color = theme.palette.primary.main;
|
|
11
|
+
const color = backgroundColor ?? theme.palette.primary.main;
|
|
6
12
|
return (
|
|
7
13
|
<svg
|
|
8
14
|
width={size}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { useTheme } from "@mui/material";
|
|
2
|
+
|
|
3
|
+
export const SeatingPlan = ({
|
|
4
|
+
color,
|
|
5
|
+
size = 16,
|
|
6
|
+
}: {
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
}) => {
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
color = color ?? theme.palette.text.primary;
|
|
12
|
+
return (
|
|
13
|
+
<svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
14
|
+
<g clip-path="url(#clip0_4920_11016)">
|
|
15
|
+
<path d="M26.25 25.3125H13.75C13.5019 25.3109 13.2644 25.2116 13.0889 25.0361C12.9134 24.8606 12.8141 24.6231 12.8125 24.375C12.8141 24.1269 12.9134 23.8894 13.0889 23.7139C13.2644 23.5384 13.5019 23.4391 13.75 23.4375H26.25C26.4981 23.4391 26.7356 23.5384 26.9111 23.7139C27.0866 23.8894 27.1859 24.1269 27.1875 24.375C27.1859 24.6231 27.0866 24.8606 26.9111 25.0361C26.7356 25.2116 26.4981 25.3109 26.25 25.3125Z" fill={color} />
|
|
16
|
+
<path d="M26.25 16.5625H13.75C13.5019 16.5609 13.2644 16.4616 13.0889 16.2861C12.9134 16.1106 12.8141 15.8731 12.8125 15.625C12.8141 15.3769 12.9134 15.1394 13.0889 14.9639C13.2644 14.7884 13.5019 14.6891 13.75 14.6875H26.25C26.4981 14.6891 26.7356 14.7884 26.9111 14.9639C27.0866 15.1394 27.1859 15.3769 27.1875 15.625C27.1859 15.8731 27.0866 16.1106 26.9111 16.2861C26.7356 16.4616 26.4981 16.5609 26.25 16.5625Z" fill={color} />
|
|
17
|
+
<path d="M26.25 7.8125H13.75C13.5019 7.81086 13.2644 7.71156 13.0889 7.5361C12.9134 7.36064 12.8141 7.12313 12.8125 6.875C12.8141 6.62687 12.9134 6.38936 13.0889 6.2139C13.2644 6.03844 13.5019 5.93914 13.75 5.9375H26.25C26.4981 5.93914 26.7356 6.03844 26.9111 6.2139C27.0866 6.38936 27.1859 6.62687 27.1875 6.875C27.1859 7.12313 27.0866 7.36064 26.9111 7.5361C26.7356 7.71156 26.4981 7.81086 26.25 7.8125Z" fill={color} />
|
|
18
|
+
<path d="M4.99995 9.06592C4.87679 9.06637 4.75478 9.04228 4.64104 8.99506C4.52729 8.94785 4.42409 8.87845 4.33745 8.79092L3.08745 7.54092C2.99534 7.4551 2.92146 7.3516 2.87022 7.2366C2.81898 7.1216 2.79143 6.99746 2.78921 6.87158C2.78699 6.7457 2.81014 6.62066 2.85729 6.50393C2.90445 6.38719 2.97463 6.28115 3.06365 6.19213C3.15267 6.1031 3.25872 6.03292 3.37545 5.98577C3.49219 5.93862 3.61722 5.91546 3.7431 5.91769C3.86898 5.91991 3.99312 5.94746 4.10812 5.9987C4.22312 6.04994 4.32662 6.12382 4.41245 6.21592L4.99995 6.80342L8.08745 3.71342C8.17328 3.62132 8.27678 3.54744 8.39178 3.4962C8.50677 3.44496 8.63092 3.41741 8.75679 3.41518C8.88267 3.41296 9.00771 3.43612 9.12444 3.48327C9.24118 3.53042 9.34722 3.6006 9.43625 3.68963C9.52527 3.77865 9.59545 3.88469 9.6426 4.00143C9.68975 4.11816 9.71291 4.2432 9.71069 4.36908C9.70847 4.49496 9.68091 4.6191 9.62967 4.7341C9.57843 4.8491 9.50456 4.9526 9.41245 5.03842L5.66245 8.78842C5.57602 8.8764 5.47291 8.94626 5.35915 8.99391C5.2454 9.04156 5.12328 9.06604 4.99995 9.06592Z" fill={color} />
|
|
19
|
+
<path d="M5.00005 17.816C4.8769 17.8165 4.75489 17.7924 4.64114 17.7452C4.5274 17.698 4.42419 17.6286 4.33755 17.541L3.08755 16.291C2.92195 16.1133 2.8318 15.8783 2.83608 15.6354C2.84037 15.3925 2.93876 15.1608 3.11053 14.989C3.28229 14.8172 3.51402 14.7188 3.7569 14.7146C3.99978 14.7103 4.23483 14.8004 4.41255 14.966L5.00005 15.5535L8.08755 12.4635C8.26527 12.2979 8.50033 12.2078 8.74321 12.2121C8.98608 12.2163 9.21781 12.3147 9.38958 12.4865C9.56135 12.6583 9.65974 12.89 9.66402 13.1329C9.66831 13.3758 9.57815 13.6108 9.41255 13.7885L5.66255 17.5385C5.57612 17.6265 5.47301 17.6964 5.35926 17.744C5.2455 17.7917 5.12338 17.8161 5.00005 17.816Z" fill={color} />
|
|
20
|
+
<path d="M4.99995 26.566C4.87679 26.5665 4.75478 26.5424 4.64104 26.4952C4.52729 26.448 4.42409 26.3786 4.33745 26.291L3.08745 25.041C2.99534 24.9552 2.92146 24.8517 2.87022 24.7367C2.81898 24.6217 2.79143 24.4976 2.78921 24.3717C2.78699 24.2458 2.81014 24.1208 2.85729 24.004C2.90445 23.8873 2.97463 23.7813 3.06365 23.6922C3.15267 23.6032 3.25872 23.533 3.37545 23.4859C3.49219 23.4387 3.61722 23.4156 3.7431 23.4178C3.86898 23.42 3.99312 23.4476 4.10812 23.4988C4.22312 23.55 4.32662 23.6239 4.41245 23.716L4.99995 24.3035L8.08745 21.2135C8.26517 21.0479 8.50022 20.9578 8.7431 20.9621C8.98598 20.9663 9.21771 21.0647 9.38948 21.2365C9.56124 21.4083 9.65963 21.64 9.66392 21.8829C9.6682 22.1258 9.57805 22.3608 9.41245 22.5385L5.66245 26.2885C5.57602 26.3765 5.47291 26.4464 5.35915 26.494C5.2454 26.5417 5.12328 26.5661 4.99995 26.566Z" fill={color} />
|
|
21
|
+
</g>
|
|
22
|
+
<defs>
|
|
23
|
+
<clipPath id="clip0_4920_11016">
|
|
24
|
+
<rect width="30" height="30" fill={color} />
|
|
25
|
+
</clipPath>
|
|
26
|
+
</defs>
|
|
27
|
+
</svg>
|
|
28
|
+
|
|
29
|
+
)
|
|
30
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { useTheme } from "@mui/material";
|
|
2
|
+
|
|
3
|
+
export const SignaturesIcon = ({
|
|
4
|
+
color,
|
|
5
|
+
size = 16,
|
|
6
|
+
}: {
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
}) => {
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
color = color ?? theme.palette.text.primary;
|
|
12
|
+
return (
|
|
13
|
+
<svg
|
|
14
|
+
fill={color}
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={size}
|
|
17
|
+
height={size}
|
|
18
|
+
viewBox="0 0 14.93 14.824"
|
|
19
|
+
>
|
|
20
|
+
<g id="Signature" transform="translate(-19.4 -19.4)">
|
|
21
|
+
<path
|
|
22
|
+
id="Path_38615"
|
|
23
|
+
data-name="Path 38615"
|
|
24
|
+
d="M233.726,161.18h0a3.942,3.942,0,0,1,1.155-2.787l4.329-4.329a1.155,1.155,0,0,1,1.633,0h0a1.155,1.155,0,0,1,0,1.633l-4.329,4.329A3.942,3.942,0,0,1,233.726,161.18Z"
|
|
25
|
+
transform="translate(-207.557 -129.865)"
|
|
26
|
+
fill="none"
|
|
27
|
+
stroke="#000000"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
stroke-width="1.2"
|
|
31
|
+
/>
|
|
32
|
+
<line
|
|
33
|
+
id="Line_1919"
|
|
34
|
+
data-name="Line 1919"
|
|
35
|
+
x1="1.633"
|
|
36
|
+
y1="1.633"
|
|
37
|
+
transform="translate(30.251 25.6)"
|
|
38
|
+
fill="none"
|
|
39
|
+
stroke="#000000"
|
|
40
|
+
stroke-linecap="round"
|
|
41
|
+
stroke-linejoin="round"
|
|
42
|
+
stroke-width="1.2"
|
|
43
|
+
/>
|
|
44
|
+
<path
|
|
45
|
+
id="Path_38616"
|
|
46
|
+
data-name="Path 38616"
|
|
47
|
+
d="M30.391,31.983v.487a1.155,1.155,0,0,1-1.155,1.155H21.155A1.155,1.155,0,0,1,20,32.469V21.155A1.155,1.155,0,0,1,21.155,20H27.6a1.154,1.154,0,0,1,.816.338l1.633,1.633a1.154,1.154,0,0,1,.295.5"
|
|
48
|
+
transform="translate(0 0)"
|
|
49
|
+
fill="none"
|
|
50
|
+
stroke="#000000"
|
|
51
|
+
stroke-linecap="round"
|
|
52
|
+
stroke-linejoin="round"
|
|
53
|
+
stroke-width="1.2"
|
|
54
|
+
/>
|
|
55
|
+
<path
|
|
56
|
+
id="Path_38617"
|
|
57
|
+
data-name="Path 38617"
|
|
58
|
+
d="M100,373.155a1.155,1.155,0,0,1,2.309,0h1.551"
|
|
59
|
+
transform="translate(-77.691 -341.84)"
|
|
60
|
+
fill="none"
|
|
61
|
+
stroke="#000000"
|
|
62
|
+
stroke-linecap="round"
|
|
63
|
+
stroke-linejoin="round"
|
|
64
|
+
stroke-width="1.2"
|
|
65
|
+
/>
|
|
66
|
+
<line
|
|
67
|
+
id="Line_1920"
|
|
68
|
+
data-name="Line 1920"
|
|
69
|
+
x2="4"
|
|
70
|
+
transform="translate(22.013 23.014)"
|
|
71
|
+
fill="none"
|
|
72
|
+
stroke="#000000"
|
|
73
|
+
stroke-linecap="round"
|
|
74
|
+
stroke-linejoin="round"
|
|
75
|
+
stroke-width="1.2"
|
|
76
|
+
/>
|
|
77
|
+
<line
|
|
78
|
+
id="Line_1921"
|
|
79
|
+
data-name="Line 1921"
|
|
80
|
+
x2="4"
|
|
81
|
+
transform="translate(22.013 26.014)"
|
|
82
|
+
fill="none"
|
|
83
|
+
stroke="#000000"
|
|
84
|
+
stroke-linecap="round"
|
|
85
|
+
stroke-linejoin="round"
|
|
86
|
+
stroke-width="1.2"
|
|
87
|
+
/>
|
|
88
|
+
</g>
|
|
89
|
+
</svg>
|
|
90
|
+
)
|
|
91
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export const StopWatchIcon = ({
|
|
2
|
+
color,
|
|
3
|
+
size = 16,
|
|
4
|
+
}: {
|
|
5
|
+
color?: string;
|
|
6
|
+
size?: number;
|
|
7
|
+
}) => {
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
fill={color}
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
width={size}
|
|
13
|
+
height={size}
|
|
14
|
+
viewBox="0 0 15.249 16.549"
|
|
15
|
+
>
|
|
16
|
+
<g
|
|
17
|
+
id="vuesax_linear_timer"
|
|
18
|
+
data-name="vuesax/linear/timer"
|
|
19
|
+
transform="translate(-236 -187.35)"
|
|
20
|
+
>
|
|
21
|
+
<g id="timer" transform="translate(236 188)">
|
|
22
|
+
<path
|
|
23
|
+
id="Vector"
|
|
24
|
+
d="M13.343,6.671A6.671,6.671,0,1,1,6.671,0,6.674,6.674,0,0,1,13.343,6.671Z"
|
|
25
|
+
transform="translate(0.953 1.906)"
|
|
26
|
+
fill="none"
|
|
27
|
+
stroke="#000000"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
stroke-width="1.3"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
id="Vector-2"
|
|
34
|
+
data-name="Vector"
|
|
35
|
+
d="M0,0V3.812"
|
|
36
|
+
transform="translate(7.625 4.575)"
|
|
37
|
+
fill="none"
|
|
38
|
+
stroke="#000000"
|
|
39
|
+
stroke-linecap="round"
|
|
40
|
+
stroke-linejoin="round"
|
|
41
|
+
stroke-width="1.3"
|
|
42
|
+
/>
|
|
43
|
+
<path
|
|
44
|
+
id="Vector-3"
|
|
45
|
+
data-name="Vector"
|
|
46
|
+
d="M0,0H4.575"
|
|
47
|
+
transform="translate(5.337)"
|
|
48
|
+
fill="none"
|
|
49
|
+
stroke="#000000"
|
|
50
|
+
stroke-linecap="round"
|
|
51
|
+
stroke-linejoin="round"
|
|
52
|
+
stroke-width="1.3"
|
|
53
|
+
/>
|
|
54
|
+
<path
|
|
55
|
+
id="Vector-4"
|
|
56
|
+
data-name="Vector"
|
|
57
|
+
d="M0,0H15.249V15.249H0Z"
|
|
58
|
+
fill="none"
|
|
59
|
+
opacity="0"
|
|
60
|
+
/>
|
|
61
|
+
</g>
|
|
62
|
+
</g>
|
|
63
|
+
</svg>
|
|
64
|
+
)
|
|
65
|
+
}
|
|
@@ -2,6 +2,7 @@ import { AcademicFeesIcon } from './IconComponents/AcademicFeesIcon';
|
|
|
2
2
|
import { AcademicsIcon } from './IconComponents/AcademicIcon';
|
|
3
3
|
import { AccordionArrow } from './IconComponents/AccordionArrow';
|
|
4
4
|
import { ActiveDevicesIcon } from './IconComponents/ActiveDevicesIcon';
|
|
5
|
+
import { ActivitylogsIcon } from './IconComponents/ActivityLogsIcon';
|
|
5
6
|
import { AddSquare } from './IconComponents/AddSquare';
|
|
6
7
|
import { AdminIcon } from './IconComponents/AdminIcon';
|
|
7
8
|
import { AdministratorIcon } from './IconComponents/AdministratorIcon';
|
|
@@ -15,17 +16,20 @@ import { AssessmentsIcon } from './IconComponents/AssessmentsIcon';
|
|
|
15
16
|
import { AssignmentIcon } from './IconComponents/AssignmentIcon';
|
|
16
17
|
import { AttachmentIcon } from './IconComponents/AttachmentIcon';
|
|
17
18
|
import { AttendanceIcon } from './IconComponents/AttendanceIcon';
|
|
19
|
+
import { BarChartIcon } from './IconComponents/BarChartIcon';
|
|
18
20
|
import { BookletIcon } from './IconComponents/BookletIcon';
|
|
19
21
|
import { BulbIcon } from './IconComponents/BulbIcon';
|
|
20
22
|
import { CalendarIcon } from './IconComponents/CalendarIcon';
|
|
21
23
|
import { CampxFullLogoIcon } from './IconComponents/CampxFullLogoIcon';
|
|
22
24
|
import { CampxIcon } from './IconComponents/CampxIcon';
|
|
23
25
|
import { CareerIcon } from './IconComponents/CareerIcon';
|
|
26
|
+
import { CareersIcon } from './IconComponents/CareersIcon';
|
|
24
27
|
import { CautionIcon } from './IconComponents/CautionIcon';
|
|
25
28
|
import { CertificateIcon } from './IconComponents/CertificatesIcon';
|
|
26
29
|
import { CetIcon } from './IconComponents/CetIcon';
|
|
27
30
|
import { CheckedCheckboxIcon } from './IconComponents/CheckedCheckBoxIcon';
|
|
28
31
|
import { CheckedRadioIcon } from './IconComponents/CheckedRadioIcon';
|
|
32
|
+
import { ClassroomsIcon } from './IconComponents/ClassroomIcon';
|
|
29
33
|
import { ClearIcon } from './IconComponents/ClearIcon';
|
|
30
34
|
import { ClogWheelIcon } from './IconComponents/ClogWheelIcon';
|
|
31
35
|
import { CollapseIcon } from './IconComponents/CollapseIcon';
|
|
@@ -35,6 +39,7 @@ import { CommutexIcon } from './IconComponents/CommutexIcon';
|
|
|
35
39
|
import { CompactIcon } from './IconComponents/CompactIcon';
|
|
36
40
|
import { CompletedStateIcon } from './IconComponents/CompletedStateIcon';
|
|
37
41
|
import { ConcessionIcon } from './IconComponents/ConcessionsIcon';
|
|
42
|
+
import { ConfigurationsIcon } from './IconComponents/ConfigurationsIcon';
|
|
38
43
|
import { ConfigureIcon } from './IconComponents/ConfigureIcon';
|
|
39
44
|
import { CounsellorIcon } from './IconComponents/CounsellorsIcon';
|
|
40
45
|
import { CourseInfoIcon } from './IconComponents/CourseInfoIcon';
|
|
@@ -42,6 +47,7 @@ import { CrossIcon } from './IconComponents/CrossIcon';
|
|
|
42
47
|
import { CrossIcon2 } from './IconComponents/CrossIcon2';
|
|
43
48
|
import DFormsIcon from './IconComponents/DFormsIcon';
|
|
44
49
|
import { DashBoardIcon } from './IconComponents/DashBoardIcon';
|
|
50
|
+
import { DatabaseIcon } from './IconComponents/DatabaseIcon';
|
|
45
51
|
import { DeleteIcon } from './IconComponents/DeleteIcon';
|
|
46
52
|
import { DeviceIcon } from './IconComponents/DeviceIcon';
|
|
47
53
|
import { DocumentIcon } from './IconComponents/DocumentIcon';
|
|
@@ -51,6 +57,7 @@ import { DownloadIcon } from './IconComponents/DownloadIcon';
|
|
|
51
57
|
import { EditIcon } from './IconComponents/EditIcon';
|
|
52
58
|
import { EmailIcon } from './IconComponents/EmailIcon';
|
|
53
59
|
import { EnrollxIcon } from './IconComponents/EnrollxIcon';
|
|
60
|
+
import { EvaluationIcon } from './IconComponents/EvaluationIcon';
|
|
54
61
|
import { ExamConfigurationIcon } from './IconComponents/ExamConfigurationIcon';
|
|
55
62
|
import { ExamDetailsIcon } from './IconComponents/ExamDetailsIcon';
|
|
56
63
|
import { ExamResultIcon } from './IconComponents/ExamResultIcon';
|
|
@@ -63,6 +70,7 @@ import { FeeConfigurationIcon } from './IconComponents/FeeConfigurationIcon';
|
|
|
63
70
|
import { FeePaymentIcon } from './IconComponents/FeePaymentIcon';
|
|
64
71
|
import { FeedbackStarIcon } from './IconComponents/FeedbackStarIcon';
|
|
65
72
|
import { FilterIcon } from './IconComponents/FilterIcon';
|
|
73
|
+
import { FormBuilderIcon } from './IconComponents/FormBuilderIcon';
|
|
66
74
|
import { HallTicketsIcon } from './IconComponents/HallTicketsIcon';
|
|
67
75
|
import { HamburgerMenuIcon } from './IconComponents/HamburgerMenuIcon';
|
|
68
76
|
import { HandoutsIcon } from './IconComponents/HandoutsIcon';
|
|
@@ -76,14 +84,20 @@ import { ImportIcon } from './IconComponents/ImportIcon';
|
|
|
76
84
|
import { InfoFilledIcon } from './IconComponents/InfoFilledIcon';
|
|
77
85
|
import { InfoIcon } from './IconComponents/InfoIcon';
|
|
78
86
|
import { InstitutionsIcon } from './IconComponents/InstitutionsIcon';
|
|
87
|
+
import { InternalExamsIcon } from './IconComponents/InternalExamsIcon';
|
|
88
|
+
import { InvigilationIcon } from './IconComponents/InvigilationIcon';
|
|
79
89
|
import { LineDividerIcon } from './IconComponents/LIneDivider';
|
|
80
90
|
import { LeadsIcon } from './IconComponents/LeadsIcon';
|
|
81
91
|
import { LeftIcon } from './IconComponents/LeftIcon';
|
|
92
|
+
import { LegacyIcon } from './IconComponents/LegacyIcon';
|
|
82
93
|
import { LocationIcon } from './IconComponents/LocationIcon';
|
|
83
94
|
import { LogoutIcon } from './IconComponents/LogoutIcon';
|
|
84
95
|
import { ManageUserIcon } from './IconComponents/ManageUsersIcon';
|
|
85
96
|
import { MarksIcon } from './IconComponents/MarksIcon';
|
|
97
|
+
import { MenteesIcon } from './IconComponents/MenteesIcon';
|
|
98
|
+
import { MentorsIcon } from './IconComponents/MentorsIcon';
|
|
86
99
|
import { MinusSquare } from './IconComponents/MinusSquare';
|
|
100
|
+
import { MoreVertIcon } from './IconComponents/MoreVertIcon';
|
|
87
101
|
import { NavigationIcon } from './IconComponents/NavigationIcon';
|
|
88
102
|
import { NominalSheetsIcon } from './IconComponents/NominalSheetsIcon';
|
|
89
103
|
import { NoteIcon } from './IconComponents/NoteIcon';
|
|
@@ -109,18 +123,23 @@ import { RejectIcon } from './IconComponents/RejectIcon';
|
|
|
109
123
|
import { ReportIssueIcon } from './IconComponents/ReportIssueIcon';
|
|
110
124
|
import { ReportIcon } from './IconComponents/ReportsIcon';
|
|
111
125
|
import { ResourcesIcon } from './IconComponents/ResourcesIcon';
|
|
126
|
+
|
|
112
127
|
import { RevaluationIcon } from './IconComponents/RevaluationIcon';
|
|
113
128
|
import { RightIcon } from './IconComponents/RightIcon';
|
|
129
|
+
import { RoomsIcon } from './IconComponents/RoomsIcon';
|
|
114
130
|
import { RouteIcon } from './IconComponents/RoutesIcon';
|
|
115
131
|
import { SaveIcon } from './IconComponents/SaveIcon';
|
|
116
132
|
import { ScanningIcon } from './IconComponents/ScanningIcon';
|
|
117
133
|
import ScholarshipIcon from './IconComponents/ScholarshipIcon';
|
|
118
134
|
import { SearchIcon } from './IconComponents/SearchIcon';
|
|
135
|
+
import { SeatingPlan } from './IconComponents/SeatingPlan';
|
|
119
136
|
import { SettlementsIcon } from './IconComponents/SettlementsIcon';
|
|
120
137
|
import { ShareIcon } from './IconComponents/ShareIcon';
|
|
138
|
+
import { SignaturesIcon } from './IconComponents/SignaturesIcon';
|
|
121
139
|
import { SmsIcon } from './IconComponents/SmsIcon';
|
|
122
140
|
import { StandardIcon } from './IconComponents/StandardIcon';
|
|
123
141
|
import { StatisticsIcon } from './IconComponents/StatisticsIcon';
|
|
142
|
+
import { StopWatchIcon } from './IconComponents/StopWatchIcon';
|
|
124
143
|
import { StudentsIcon } from './IconComponents/StudentsIcon';
|
|
125
144
|
import { SuccessFilledIcon } from './IconComponents/SuccessFilledIcon';
|
|
126
145
|
import { TasksIcon } from './IconComponents/TasksIcon';
|
|
@@ -143,6 +162,7 @@ import { WhatsappIcon } from './IconComponents/WhatsappIcon';
|
|
|
143
162
|
import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
|
|
144
163
|
|
|
145
164
|
export const Icons = {
|
|
165
|
+
MoreVertIcon,
|
|
146
166
|
NoteIcon,
|
|
147
167
|
PrintDesignerIcon,
|
|
148
168
|
CautionIcon,
|
|
@@ -286,4 +306,22 @@ export const Icons = {
|
|
|
286
306
|
OmrsIcon,
|
|
287
307
|
RevaluationIcon,
|
|
288
308
|
ScanningIcon,
|
|
309
|
+
ActivitylogsIcon,
|
|
310
|
+
CareersIcon,
|
|
311
|
+
ClassroomsIcon,
|
|
312
|
+
ConfigurationsIcon,
|
|
313
|
+
FormBuilderIcon,
|
|
314
|
+
MenteesIcon,
|
|
315
|
+
MentorsIcon,
|
|
316
|
+
InternalExamsIcon,
|
|
317
|
+
BarChartIcon,
|
|
318
|
+
StopWatchIcon,
|
|
319
|
+
RoomsIcon,
|
|
320
|
+
EvaluationIcon,
|
|
321
|
+
SignaturesIcon,
|
|
322
|
+
InvigilationIcon,
|
|
323
|
+
DatabaseIcon,
|
|
324
|
+
SeatingPlan,
|
|
325
|
+
LegacyIcon
|
|
326
|
+
|
|
289
327
|
};
|
|
@@ -32,7 +32,9 @@ export const SidePanelVariables = ({
|
|
|
32
32
|
<Fragment key={index}>
|
|
33
33
|
<StyledValueContainer key={index} sx={variablesContainerSX}>
|
|
34
34
|
<Typography variant="label1">{item.label}</Typography>
|
|
35
|
-
<Typography variant="body2"
|
|
35
|
+
<Typography variant="body2" sx={{ textAlign: 'right' }}>
|
|
36
|
+
{item.value}
|
|
37
|
+
</Typography>
|
|
36
38
|
</StyledValueContainer>
|
|
37
39
|
</Fragment>
|
|
38
40
|
))}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Box, BoxProps, styled } from '@mui/material';
|
|
2
2
|
|
|
3
3
|
export type PageContentProps = {
|
|
4
|
-
variant?: 'stepper' | 'standard';
|
|
4
|
+
variant?: 'stepper' | 'standard' | 'side-panel';
|
|
5
5
|
} & BoxProps;
|
|
6
6
|
|
|
7
7
|
const PageContentContainer = styled(Box)(({ theme }) => ({
|
|
@@ -23,15 +23,35 @@ const PageStepperContainer = styled(Box)(({ theme }) => ({
|
|
|
23
23
|
gap: '10px',
|
|
24
24
|
}));
|
|
25
25
|
|
|
26
|
+
const PageContentSidePanelContainer = styled(Box)(({ theme }) => ({
|
|
27
|
+
display: 'flex',
|
|
28
|
+
backgroundColor: theme.palette.surface.defaultBackground,
|
|
29
|
+
gap: '12px',
|
|
30
|
+
}));
|
|
31
|
+
|
|
26
32
|
export const PageContent = ({
|
|
27
33
|
variant = 'standard',
|
|
28
34
|
...props
|
|
29
35
|
}: PageContentProps) => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
switch (variant) {
|
|
37
|
+
case 'stepper':
|
|
38
|
+
return (
|
|
39
|
+
<PageStepperContainer {...props}>{props.children}</PageStepperContainer>
|
|
40
|
+
);
|
|
41
|
+
|
|
42
|
+
case 'side-panel':
|
|
43
|
+
return (
|
|
44
|
+
<PageContentSidePanelContainer {...props}>
|
|
45
|
+
{props.children}
|
|
46
|
+
</PageContentSidePanelContainer>
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
case 'standard':
|
|
50
|
+
default:
|
|
51
|
+
return (
|
|
52
|
+
<PageContentContainer gap="12px" {...props}>
|
|
53
|
+
{props.children}
|
|
54
|
+
</PageContentContainer>
|
|
55
|
+
);
|
|
56
|
+
}
|
|
37
57
|
};
|
|
@@ -8,17 +8,20 @@ import {
|
|
|
8
8
|
import _ from 'lodash';
|
|
9
9
|
import { Link } from 'react-router-dom';
|
|
10
10
|
|
|
11
|
+
import { ReactNode } from 'react';
|
|
11
12
|
import { getBreadcrumbsCharacter } from '../../../utils/export';
|
|
12
13
|
import { Typography } from '../../export';
|
|
13
14
|
|
|
14
15
|
export type BreadcrumbsProps = {
|
|
15
16
|
pathTrimCount: number;
|
|
16
17
|
containerProps?: SxProps;
|
|
18
|
+
actions?: ReactNode[];
|
|
17
19
|
} & MuiBreadcrumbsProps;
|
|
18
20
|
|
|
19
21
|
export const Breadcrumbs = ({
|
|
20
22
|
pathTrimCount,
|
|
21
23
|
containerProps,
|
|
24
|
+
actions = [],
|
|
22
25
|
...rest
|
|
23
26
|
}: BreadcrumbsProps) => {
|
|
24
27
|
const specialCharacter = getBreadcrumbsCharacter();
|
|
@@ -32,38 +35,56 @@ export const Breadcrumbs = ({
|
|
|
32
35
|
|
|
33
36
|
return (
|
|
34
37
|
<BreadcrumbContainer sx={containerProps}>
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
38
|
+
<BreadcrumbsWrapper>
|
|
39
|
+
<MuiBreadcrumbs {...rest}>
|
|
40
|
+
{currentPathArray?.map((item, index) => {
|
|
41
|
+
basePath = basePath + `/${item}`;
|
|
42
|
+
return index === currentPathArray.length - 1 ? (
|
|
43
|
+
<Typography key={index} variant="subtitle2">
|
|
44
|
+
{_.startCase(
|
|
45
|
+
decodeURIComponent(item).split(specialCharacter)[0],
|
|
46
|
+
)}
|
|
47
|
+
</Typography>
|
|
48
|
+
) : (
|
|
49
|
+
<BreadcrumbLink key={index} to={basePath}>
|
|
50
|
+
{_.startCase(
|
|
51
|
+
decodeURIComponent(item).split(specialCharacter)[0],
|
|
52
|
+
)}
|
|
53
|
+
</BreadcrumbLink>
|
|
54
|
+
);
|
|
55
|
+
})}
|
|
56
|
+
</MuiBreadcrumbs>
|
|
57
|
+
</BreadcrumbsWrapper>
|
|
58
|
+
<ActionsContainer>
|
|
59
|
+
{actions.map((action, index) => action)}
|
|
60
|
+
</ActionsContainer>
|
|
49
61
|
</BreadcrumbContainer>
|
|
50
62
|
);
|
|
51
63
|
};
|
|
52
64
|
|
|
53
65
|
const BreadcrumbContainer = styled(Stack)(({ theme }) => ({
|
|
54
66
|
flexDirection: 'row',
|
|
55
|
-
alignItems: 'center',
|
|
56
67
|
width: '100%',
|
|
57
|
-
justifyContent: '
|
|
68
|
+
justifyContent: 'space-between',
|
|
58
69
|
height: '52px',
|
|
59
70
|
paddingLeft: '12px',
|
|
60
71
|
backgroundColor: theme.palette.surface.defaultBackground,
|
|
61
|
-
|
|
62
72
|
[theme.breakpoints.down('md')]: {
|
|
63
73
|
paddingLeft: '0px',
|
|
64
74
|
},
|
|
65
75
|
}));
|
|
66
76
|
|
|
77
|
+
const BreadcrumbsWrapper = styled(Stack)(({ theme }) => ({
|
|
78
|
+
flexDirection: 'row',
|
|
79
|
+
alignItems: 'center',
|
|
80
|
+
}));
|
|
81
|
+
|
|
82
|
+
const ActionsContainer = styled(Stack)(({ theme }) => ({
|
|
83
|
+
flexDirection: 'row',
|
|
84
|
+
alignItems: 'flex-start',
|
|
85
|
+
gap: '12px',
|
|
86
|
+
}));
|
|
87
|
+
|
|
67
88
|
const BreadcrumbLink = styled(Link)(({ theme }) => ({
|
|
68
89
|
textDecoration: 'none',
|
|
69
90
|
transition: 'color 0.3s ease-in-out',
|