@campxdev/react-blueprint 1.1.6 → 1.1.8
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/.prettierrc +8 -0
- package/.vscode/settings.json +5 -1
- package/craco.config.js +18 -0
- package/package.json +9 -5
- package/src/App.tsx +17 -38
- package/src/assets/images/gif/confirmation-alert.gif +0 -0
- package/src/assets/images/gif/delete-confirmation-alert.gif +0 -0
- package/src/assets/images/gif/index.ts +7 -0
- package/src/assets/images/svg/index.ts +5 -21
- package/src/components/Assets/Icons/IconComponents/AcademicIcon.tsx +41 -0
- package/src/components/Assets/Icons/IconComponents/AccordionArrow.tsx +23 -0
- package/src/components/Assets/Icons/IconComponents/NoteIcon.tsx +41 -0
- package/src/components/Assets/Icons/Icons.tsx +65 -58
- package/src/components/Charts/BarChart/BarChart.tsx +33 -9
- package/src/components/Charts/LineChart/LineChart.tsx +10 -4
- package/src/components/Charts/PieChart/PieChart.tsx +3 -2
- package/src/components/Charts/TreeMap/TreeMap.tsx +1 -0
- package/src/components/Charts/export.ts +4 -0
- package/src/components/Charts/types/types.ts +12 -2
- package/src/components/DataDisplay/Accordion/Accordion.tsx +42 -46
- package/src/components/DataDisplay/AccordionGroup/AccordionGroup.tsx +30 -0
- package/src/components/DataDisplay/Avatar/Avatar.tsx +18 -29
- package/src/components/DataDisplay/Card/Card.tsx +29 -8
- package/src/components/DataDisplay/DataTable/DataTable.tsx +14 -6
- package/src/components/DataDisplay/export.ts +6 -5
- package/src/components/DataDisplay/styles.tsx +2 -3
- package/src/components/Feedback/Snackbar/Snackbar.tsx +6 -5
- package/src/components/Input/DatePicker/DatePicker.tsx +58 -0
- package/src/components/Input/FormActions/FormActions.tsx +49 -0
- package/src/components/Input/FormControlWrapper/FormControlWrapper.tsx +70 -0
- package/src/components/Input/IconButtons/IconButtons.tsx +4 -4
- package/src/components/Input/LabelWrapper/LabelWrapper.tsx +1 -1
- package/src/components/Input/SingleSelect/SingleSelect.tsx +43 -54
- package/src/components/Input/{Chips/Chips.tsx → Tags/Tags.tsx} +14 -14
- package/src/components/Input/TimePicker/TimePicker.tsx +39 -0
- package/src/components/Input/export.ts +13 -8
- package/src/components/Layout/PageContent/PageContent.tsx +16 -0
- package/src/components/Layout/PageHeader/PageHeader.tsx +46 -0
- package/src/components/Navigation/ConfirmDialog/ConfirmDialog.tsx +79 -0
- package/src/components/Navigation/DropDownMenu/DropDownButton.tsx +5 -5
- package/src/components/Navigation/Sidebar/Components.tsx +97 -0
- package/src/components/Navigation/Sidebar/MenuItem.tsx +76 -104
- package/src/components/Navigation/Sidebar/Sidebar.tsx +150 -55
- package/src/components/Navigation/Sidebar/SubMenuItem.tsx +34 -0
- package/src/components/Navigation/Sidebar/interfaces.ts +35 -12
- package/src/components/Navigation/Sidebar/styles.tsx +2 -2
- package/src/components/Navigation/exports.ts +9 -8
- package/src/components/export.ts +1 -1
- package/src/contexts/Providers.tsx +2 -2
- package/src/stories/DataDisplay/AccordionGroup.stories.tsx +131 -0
- package/src/stories/Input/DatePicker.stories.tsx +138 -0
- package/src/stories/Input/{Chips.stories.tsx → Tags.stories.tsx} +17 -17
- package/src/stories/Input/TimePicker.stories.tsx +123 -0
- package/src/stories/Navigation/ConfirmDialog.stories.tsx +80 -0
- package/src/themes/commonTheme.ts +171 -155
- package/tsconfig.json +2 -6
- package/src/assets/images/admin.png +0 -0
- package/src/assets/images/campx_logo__full_primary.png +0 -0
- package/src/assets/images/collegex.png +0 -0
- package/src/assets/images/commutex.png +0 -0
- package/src/assets/images/enrollx.png +0 -0
- package/src/assets/images/examx.png +0 -0
- package/src/assets/images/hostelx copy.png +0 -0
- package/src/assets/images/hostelx.png +0 -0
- package/src/assets/images/index.ts +0 -25
- package/src/assets/images/payx.png +0 -0
- package/src/assets/images/pepolex.png +0 -0
- package/src/assets/images/svg/campx-logo.svg +0 -32
- package/src/assets/images/svg/commutex_small.svg +0 -11
- package/src/assets/images/svg/enroll_logo.svg +0 -9
- package/src/assets/images/svg/exams_small.svg +0 -12
- package/src/assets/images/svg/help-icon.svg +0 -8
- package/src/assets/images/svg/hostel_small.svg +0 -13
- package/src/assets/images/svg/payx_small.svg +0 -16
- package/src/assets/images/svg/people_small.svg +0 -9
- package/src/assets/images/svg/squareSmall.svg +0 -9
- package/src/assets/images/svg/square_small.svg +0 -9
- package/src/components/DataDisplay/Accordion/utils/StandardImageList.tsx +0 -70
- package/src/components/Navigation/Sidebar/DropdownItem.tsx +0 -34
- package/src/stories/DataDisplay/Accordion.stories.tsx +0 -62
- package/src/utils/applications.ts +0 -140
- package/src/utils/imageMap.ts +0 -22
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import admin from "./admin.png";
|
|
2
|
-
import campxLogoPrimary from "./campx_logo__full_primary.png";
|
|
3
|
-
import collegex from "./collegex.png";
|
|
4
|
-
import commutex from "./commutex.png";
|
|
5
|
-
|
|
6
|
-
import enrollx from "./enrollx.png";
|
|
7
|
-
|
|
8
|
-
import examx from "./examx.png";
|
|
9
|
-
|
|
10
|
-
import hostelx from "./hostelx.png";
|
|
11
|
-
import payx from "./payx.png";
|
|
12
|
-
|
|
13
|
-
import peoplex from "./pepolex.png";
|
|
14
|
-
|
|
15
|
-
export {
|
|
16
|
-
admin,
|
|
17
|
-
campxLogoPrimary,
|
|
18
|
-
collegex,
|
|
19
|
-
commutex,
|
|
20
|
-
enrollx,
|
|
21
|
-
examx,
|
|
22
|
-
hostelx,
|
|
23
|
-
payx,
|
|
24
|
-
peoplex,
|
|
25
|
-
};
|
|
Binary file
|
|
Binary file
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1177.77 217.66">
|
|
2
|
-
<defs>
|
|
3
|
-
<style>
|
|
4
|
-
.cls-1, .cls-2, .cls-3 {
|
|
5
|
-
stroke-width: 0px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.cls-2 {
|
|
9
|
-
fill: #1e19f5;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.cls-3 {
|
|
13
|
-
fill: #121212;
|
|
14
|
-
}
|
|
15
|
-
</style>
|
|
16
|
-
</defs>
|
|
17
|
-
<g id="Layer_1-2" data-name="Layer 1">
|
|
18
|
-
<g>
|
|
19
|
-
<g id="Group_4155" data-name="Group 4155">
|
|
20
|
-
<path class="cls-3" d="m189.83,186.55c-21.46,21.16-49.17,30.99-79.27,30.99C33.08,217.54.3,164.2,0,109.96-.3,55.43,35.17,0,110.56,0c28.31,0,55.13,10.73,76.59,31.89l-26.22,25.33c-13.71-13.41-32.18-19.67-50.36-19.67-50.36,0-72.12,37.55-71.82,72.41.3,34.57,20.26,70.63,71.82,70.63,18.18,0,38.74-7.45,52.45-21.16l26.82,27.12Z"/>
|
|
21
|
-
<path class="cls-3" d="m375.48,173.44h-109.07l-17.88,39.34h-42.61L299.49,4.17h42.91l93.57,208.6h-42.91l-17.58-39.34Zm-54.53-125.46l-38.74,88.8h77.48l-38.74-88.8Z"/>
|
|
22
|
-
<path class="cls-3" d="m652.33,61.69l-67.94,90.59h-7.75l-66.46-90.89v151.68h-39.34V4.47h45.3l65.26,89.7L646.66,4.47h45v208.6h-39.34V61.69Z"/>
|
|
23
|
-
<path class="cls-3" d="m789.7,151.39v61.39h-39.34V4.17c32.48,0,65.86-.3,98.34-.3,102.51,0,102.81,146.62,0,147.51h-59Zm0-36.06h59c50.36,0,50.07-73.91,0-73.91h-59v73.91Z"/>
|
|
24
|
-
<path id="Subtraction_8" data-name="Subtraction 8" class="cls-2" d="m1149.43,217.66h-50.26l-29.65-40.82,25.85-35.57,55,75.71-.94.68h0Zm-153.97,0h-50.36l-.94-.69,77.35-106.47L944.16,4.04l.52-.38h51.01l51.73,71.2h.01s25.9,35.63,25.9,35.63v.02s.03.05.03.05l-25.9,35.65-.04-.05-51.95,71.51h0Zm99.7-137.63h0l-25.85-35.57,29.64-40.8h50.9l.52.38-55.21,76Z"/>
|
|
25
|
-
</g>
|
|
26
|
-
<g>
|
|
27
|
-
<path class="cls-1" d="m1165.77,3.47c-2.37,0-4.69.7-6.67,2.02-1.97,1.32-3.51,3.19-4.42,5.39-.91,2.19-1.15,4.61-.68,6.93.46,2.33,1.61,4.47,3.28,6.14,1.68,1.68,3.82,2.82,6.14,3.28,2.33.46,4.74.23,6.93-.68,2.19-.91,4.07-2.45,5.39-4.42,1.32-1.97,2.02-4.29,2.02-6.67,0-3.18-1.26-6.23-3.51-8.49-2.25-2.25-5.3-3.51-8.49-3.51h0Zm0,21.6c-1.9,0-3.75-.56-5.33-1.62-1.58-1.05-2.81-2.55-3.54-4.31s-.92-3.68-.55-5.55c.37-1.86,1.28-3.57,2.63-4.92s3.05-2.26,4.92-2.63c1.86-.37,3.79-.18,5.55.55,1.75.73,3.25,1.96,4.31,3.54,1.05,1.58,1.62,3.43,1.62,5.33,0,2.55-1.01,4.99-2.81,6.79-1.8,1.8-4.24,2.81-6.79,2.81h0Z"/>
|
|
28
|
-
<path class="cls-1" d="m1170.57,13.07c0-.95-.38-1.87-1.05-2.55s-1.59-1.05-2.55-1.05h-6v12h2.4v-4.8h1.75l3.2,4.8h2.88l-3.3-4.94c.76-.2,1.43-.65,1.92-1.28.48-.62.74-1.39.75-2.18Zm-3.6,1.2h-3.6v-2.4h3.6c.32,0,.62.13.85.35.22.23.35.53.35.85s-.13.62-.35.85-.53.35-.85.35Z"/>
|
|
29
|
-
</g>
|
|
30
|
-
</g>
|
|
31
|
-
</g>
|
|
32
|
-
</svg>
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25.391" height="35" viewBox="0 0 25.391 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#6a2886"/>
|
|
5
|
-
<stop offset="1" stop-color="#8234a4"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<g id="Group_4867" data-name="Group 4867" transform="translate(-152.7 -249.981)">
|
|
9
|
-
<path id="Union_49" data-name="Union 49" d="M16.86,35l-4.188-5.765L8.483,35H.085L0,34.938,11.873,18.6H.008V16.408H11.931L4.267,5.87l0,0L0,0,0,0H8.531l4.188,5.764L16.907,0h8.4l.086.062L13.514,16.408H25.383V18.6H13.463L21.124,29.13l0,0L25.391,35l0,0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
|
|
10
|
-
</g>
|
|
11
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="177.011" height="195.229" viewBox="0 0 177.011 195.229">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#007ab1"/>
|
|
5
|
-
<stop offset="1" stop-color="#149ecd"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<path id="Union_61" data-name="Union 61" d="M0,195.229H.009L0,195.215l23.664-32.567.009.013L70.934,97.615h46.6l.474.344-70.671,97.27ZM87.442,156.1l42.5-58.487h46.6l.474.344L134.768,156.1Zm89.1-58.487h0Zm0,0h-46.6L87.381,39.042h47.325L177.011,97.27Zm-105.6,0L23.673,32.568l-.009.013L0,.013.009,0H47.337l70.671,97.27-.474.344ZM106.356.022h0ZM106.357.022Zm-47.346,0L59,.013,59.014,0h47.327l.016.021H59.011ZM0,0H.009Z" fill="url(#linear-gradient)"/>
|
|
9
|
-
</svg>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.975" height="35" viewBox="0 0 33.975 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#d86b00"/>
|
|
5
|
-
<stop offset="1" stop-color="#ed9035"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<g id="Group_4349" data-name="Group 4349" transform="translate(-342.295 -263.508)">
|
|
9
|
-
<path id="Subtraction_34" data-name="Subtraction 34" d="M33.973,35H25.488l0,0L0,35l0,0,4.242-5.838,0,0L12.717,17.5,4.244,5.839l0,0L0,0,0,0H33.973l0,0L29.732,5.841l0,0L21.257,17.5,29.73,29.161l0,0L33.975,35l0,0ZM16.987,23.3,13.43,28.2l7.11,0L16.987,23.3ZM13.43,6.8l3.557,4.9L20.539,6.8l-7.109,0Z" transform="translate(342.295 263.508)" fill="url(#linear-gradient)"/>
|
|
10
|
-
<rect id="Rectangle_4307" data-name="Rectangle 4307" width="0.404" height="14.649" transform="translate(359.08 273.686)" fill="#16161d"/>
|
|
11
|
-
</g>
|
|
12
|
-
</svg>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<svg id="message-question" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
|
2
|
-
<g id="message-question-2" data-name="message-question">
|
|
3
|
-
<path id="Vector" d="M12.5,16.667H4.1A3.877,3.877,0,0,1,0,12.593V4.074A3.893,3.893,0,0,1,4.167,0H12.5a3.893,3.893,0,0,1,4.167,4.074v8.52A3.893,3.893,0,0,1,12.5,16.667Z" transform="translate(1.667 2.025)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
|
|
4
|
-
<path id="Vector-2" data-name="Vector" d="M2.245,6.086V5.8A2.119,2.119,0,0,1,3.382,4,2.073,2.073,0,0,0,4.491,2.245,2.245,2.245,0,0,0,0,2.245" transform="translate(7.755 5.594)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
|
|
5
|
-
<path id="Vector-3" data-name="Vector" d="M0,0H20V20H0Z" fill="none" opacity="0"/>
|
|
6
|
-
<path id="Vector-4" data-name="Vector" d="M.5.5H.508" transform="translate(9.499 14.414)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
|
|
7
|
-
</g>
|
|
8
|
-
</svg>
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.761" height="35" viewBox="0 0 50.761 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#573dab"/>
|
|
5
|
-
<stop offset="1" stop-color="#7251dd"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<g id="Group_4351" data-name="Group 4351" transform="translate(-270.758 -251.98)">
|
|
9
|
-
<path id="Subtraction_9" data-name="Subtraction 9" d="M8.724,17.99H0l0,0,4.361-6,0,0L12.981.127,17.251,6l0,0,.09.124L8.724,17.99ZM21.7.124h0L21.614,0h.047l.088.063L21.7.124Z" transform="translate(283.16 268.99)" fill="url(#linear-gradient)"/>
|
|
10
|
-
<path id="Union_40" data-name="Union 40" d="M8.724,35H0l0,0,4.362-6v0l8.618-11.861.02.028,3.762-5.179,0,0L25.383.127l.043.058.026-.036L38.368,17.927l-.008.006L46.4,29l0,0,4.361,6,0,0H42.037L33.418,23.136l0,0-4.363-6v0h0l-.044-.061,0,0-.858-1.18.011,0-2.759-3.8L21.126,17.99h-.041l-3.908,5.374L8.724,35h0Zm8-34.847L16.619,0l0,0h.218l-.111.152h0ZM34.107.124,34.016,0h.047l.087.064-.044.061Z" transform="translate(270.758 251.98)" fill="url(#linear-gradient)"/>
|
|
11
|
-
<path id="Subtraction_10" data-name="Subtraction 10" d="M21.661,17.99H13.073L4.472,6.152l4.361-6L21.749,17.927l-.087.063ZM.109.152h0L0,0,0,0H.219L.109.152Z" transform="translate(287.377 268.989)" fill="url(#linear-gradient)"/>
|
|
12
|
-
</g>
|
|
13
|
-
</svg>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.634" height="35" viewBox="0 0 24.634 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#88b053"/>
|
|
5
|
-
<stop offset="1" stop-color="#50840b"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<g id="Group_4350" data-name="Group 4350" transform="translate(-1597.6 -781.549)">
|
|
9
|
-
<g id="Group_4461" data-name="Group 4461" transform="translate(1597.6 781.55)">
|
|
10
|
-
<g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
|
|
11
|
-
<path id="Subtraction_8" data-name="Subtraction 8" d="M8.75,17.991,21.775.063,21.688,0H13.1L4.389,11.988l0,0-4.361,6,0,0H8.75Z" transform="translate(2.859 17.009)" fill="url(#linear-gradient)"/>
|
|
12
|
-
<path id="Subtraction_8-2" data-name="Subtraction 8" d="M13.051,0,.026,17.927l.087.063H8.7L17.412,6l0,0,4.361-6,0,0H13.051Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
|
|
13
|
-
</g>
|
|
14
|
-
</g>
|
|
15
|
-
</g>
|
|
16
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.624" height="35.002" viewBox="0 0 46.624 35.002">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#d0002b"/>
|
|
5
|
-
<stop offset="1" stop-color="#ea4a6b"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<path id="Union_1" data-name="Union 1" d="M-1718.525-7459l-5.5-7.575-1.032,1.42,4.429,6.071-.113.083h-20l0,0,4.479-6.165-1.023-1.408-5.5,7.574H-1754l0,0,5.6-7.715,0,0,11.076-15.242.085.116,6.578,9.018,6.616-9.017.065-.089,16.6,22.845-.111.083Zm-10.1-30.589a4.412,4.412,0,0,1,4.41-4.412,4.413,4.413,0,0,1,4.412,4.412,4.413,4.413,0,0,1-4.412,4.413A4.413,4.413,0,0,1-1728.62-7489.589Zm-13.114,0a4.412,4.412,0,0,1,4.412-4.412,4.412,4.412,0,0,1,4.41,4.412,4.412,4.412,0,0,1-4.41,4.413A4.413,4.413,0,0,1-1741.735-7489.589Z" transform="translate(1753.999 7494.002)" fill="url(#linear-gradient)"/>
|
|
9
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#596e79"/>
|
|
5
|
-
<stop offset="1" stop-color="#7c909b"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
|
|
9
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
|
|
2
|
-
<defs>
|
|
3
|
-
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
|
|
4
|
-
<stop offset="0" stop-color="#596e79"/>
|
|
5
|
-
<stop offset="1" stop-color="#7c909b"/>
|
|
6
|
-
</linearGradient>
|
|
7
|
-
</defs>
|
|
8
|
-
<path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
|
|
9
|
-
</svg>
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import ImageList from "@mui/material/ImageList";
|
|
2
|
-
import ImageListItem from "@mui/material/ImageListItem";
|
|
3
|
-
|
|
4
|
-
export default function StandardImageList() {
|
|
5
|
-
return (
|
|
6
|
-
<ImageList sx={{ width: 500, height: 450 }} cols={3} rowHeight={164}>
|
|
7
|
-
{itemData.map((item) => (
|
|
8
|
-
<ImageListItem key={item.img}>
|
|
9
|
-
<img
|
|
10
|
-
srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
|
|
11
|
-
src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
|
|
12
|
-
alt={item.title}
|
|
13
|
-
loading="lazy"
|
|
14
|
-
/>
|
|
15
|
-
</ImageListItem>
|
|
16
|
-
))}
|
|
17
|
-
</ImageList>
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
const itemData = [
|
|
22
|
-
{
|
|
23
|
-
img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e",
|
|
24
|
-
title: "Breakfast",
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d",
|
|
28
|
-
title: "Burger",
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45",
|
|
32
|
-
title: "Camera",
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c",
|
|
36
|
-
title: "Coffee",
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8",
|
|
40
|
-
title: "Hats",
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62",
|
|
44
|
-
title: "Honey",
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6",
|
|
48
|
-
title: "Basketball",
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f",
|
|
52
|
-
title: "Fern",
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25",
|
|
56
|
-
title: "Mushrooms",
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af",
|
|
60
|
-
title: "Tomato basil",
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1",
|
|
64
|
-
title: "Sea star",
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6",
|
|
68
|
-
title: "Bike",
|
|
69
|
-
},
|
|
70
|
-
];
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { useMatch, useResolvedPath } from "react-router-dom";
|
|
2
|
-
import { Typography } from "../../export";
|
|
3
|
-
import { DropdownMenuItem } from "./interfaces";
|
|
4
|
-
import { createSidebarStyles } from "./styles";
|
|
5
|
-
|
|
6
|
-
export const SidebarDropdownItem = ({
|
|
7
|
-
dropdownItem,
|
|
8
|
-
collapsed,
|
|
9
|
-
index,
|
|
10
|
-
}: {
|
|
11
|
-
dropdownItem: DropdownMenuItem;
|
|
12
|
-
collapsed: boolean;
|
|
13
|
-
index: number;
|
|
14
|
-
}) => {
|
|
15
|
-
const { name, path, permissionKey } = dropdownItem;
|
|
16
|
-
|
|
17
|
-
let resolved = useResolvedPath(path);
|
|
18
|
-
let match = useMatch({ path: resolved.pathname, end: false });
|
|
19
|
-
|
|
20
|
-
const { StyledListItem, StyledLinkButton, StyledListItemButton } =
|
|
21
|
-
createSidebarStyles(collapsed);
|
|
22
|
-
|
|
23
|
-
return (
|
|
24
|
-
<StyledListItem key={index} disablePadding className="listItem">
|
|
25
|
-
<StyledLinkButton to={path} match={match}>
|
|
26
|
-
{!collapsed && (
|
|
27
|
-
<StyledListItemButton collapsed={collapsed}>
|
|
28
|
-
<Typography variant="button1">{name}</Typography>
|
|
29
|
-
</StyledListItemButton>
|
|
30
|
-
)}
|
|
31
|
-
</StyledLinkButton>
|
|
32
|
-
</StyledListItem>
|
|
33
|
-
);
|
|
34
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react/*";
|
|
2
|
-
import { Accordion } from "../../components/DataDisplay/Accordion/Accordion";
|
|
3
|
-
import StandardImageList from "../../components/DataDisplay/Accordion/utils/StandardImageList";
|
|
4
|
-
|
|
5
|
-
const meta: Meta<typeof Accordion> = {
|
|
6
|
-
title: "DataDisplay/Accordion",
|
|
7
|
-
component: Accordion,
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<typeof Accordion>;
|
|
13
|
-
|
|
14
|
-
const primaryData = [
|
|
15
|
-
{
|
|
16
|
-
title: "Accordion 1",
|
|
17
|
-
content:
|
|
18
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
title: "Accordion 2",
|
|
22
|
-
content:
|
|
23
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
title: "Accordion 3",
|
|
27
|
-
content:
|
|
28
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
title: "Accordion 4",
|
|
32
|
-
content:
|
|
33
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
|
|
34
|
-
},
|
|
35
|
-
];
|
|
36
|
-
|
|
37
|
-
const SecondaryData = [
|
|
38
|
-
{
|
|
39
|
-
title: "Accordion 1",
|
|
40
|
-
content: <StandardImageList />,
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
title: "Accordion 2",
|
|
44
|
-
content: <StandardImageList />,
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
title: "Accordion 3",
|
|
48
|
-
content: <StandardImageList />,
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
title: "Accordion 4",
|
|
52
|
-
content: <StandardImageList />,
|
|
53
|
-
},
|
|
54
|
-
];
|
|
55
|
-
|
|
56
|
-
export const Primary: Story = {
|
|
57
|
-
args: { data: primaryData },
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export const Secondary: Story = {
|
|
61
|
-
args: { data: SecondaryData },
|
|
62
|
-
};
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { admin } from "../assets/images";
|
|
2
|
-
import {
|
|
3
|
-
commuteSmall,
|
|
4
|
-
enrollSmall,
|
|
5
|
-
examsSmall,
|
|
6
|
-
hostelSmall,
|
|
7
|
-
payxSmall,
|
|
8
|
-
peopleSmall,
|
|
9
|
-
squareSmall,
|
|
10
|
-
} from "../assets/images/svg";
|
|
11
|
-
|
|
12
|
-
import { isDevelopment } from "./constants";
|
|
13
|
-
|
|
14
|
-
interface Origin {
|
|
15
|
-
dev: string;
|
|
16
|
-
prod: string;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
interface Origins {
|
|
20
|
-
admin: Origin;
|
|
21
|
-
enroll: Origin;
|
|
22
|
-
payments: Origin;
|
|
23
|
-
ums: Origin;
|
|
24
|
-
exams: Origin;
|
|
25
|
-
people: Origin;
|
|
26
|
-
hostel: Origin;
|
|
27
|
-
commute: Origin;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
interface Application {
|
|
31
|
-
title: string;
|
|
32
|
-
path: string;
|
|
33
|
-
icon: string;
|
|
34
|
-
key: string;
|
|
35
|
-
domainName: string;
|
|
36
|
-
description: string;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
const origins: Origins = {
|
|
40
|
-
admin: {
|
|
41
|
-
dev: "https://admin.campx.dev",
|
|
42
|
-
prod: "https://admin.campx.in",
|
|
43
|
-
},
|
|
44
|
-
enroll: {
|
|
45
|
-
dev: "https://enroll.campx.dev",
|
|
46
|
-
prod: "https://enroll.campx.in",
|
|
47
|
-
},
|
|
48
|
-
payments: {
|
|
49
|
-
dev: "https://payments.campx.dev",
|
|
50
|
-
prod: "https://payments.campx.in",
|
|
51
|
-
},
|
|
52
|
-
ums: {
|
|
53
|
-
dev: "https://ums.campx.dev",
|
|
54
|
-
prod: "https://ums.campx.in",
|
|
55
|
-
},
|
|
56
|
-
exams: {
|
|
57
|
-
dev: "https://exams.campx.dev",
|
|
58
|
-
prod: "https://exams.campx.in",
|
|
59
|
-
},
|
|
60
|
-
people: {
|
|
61
|
-
dev: "https://people.campx.dev",
|
|
62
|
-
prod: "https://people.campx.in",
|
|
63
|
-
},
|
|
64
|
-
hostel: {
|
|
65
|
-
dev: "https://hostel.campx.dev",
|
|
66
|
-
prod: "https://hostel.campx.in",
|
|
67
|
-
},
|
|
68
|
-
commute: {
|
|
69
|
-
dev: "https://commute.campx.dev",
|
|
70
|
-
prod: "https://commute.campx.in",
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
export const applications: Application[] = [
|
|
75
|
-
{
|
|
76
|
-
title: "Admin",
|
|
77
|
-
path: isDevelopment ? origins.admin.dev : origins.admin.prod,
|
|
78
|
-
icon: admin,
|
|
79
|
-
key: "admin",
|
|
80
|
-
domainName: "admin",
|
|
81
|
-
description: "Manage Complete Campus Root Configuration",
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
{
|
|
85
|
-
title: "EnrollX",
|
|
86
|
-
key: "enroll_x",
|
|
87
|
-
domainName: "enroll",
|
|
88
|
-
path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
|
|
89
|
-
icon: enrollSmall,
|
|
90
|
-
description: "Manage Admissions in the Campus",
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
title: "PayX",
|
|
94
|
-
key: "payments",
|
|
95
|
-
domainName: "payments",
|
|
96
|
-
path: isDevelopment ? origins.payments.dev : origins.payments.prod,
|
|
97
|
-
icon: payxSmall,
|
|
98
|
-
description: "Manage Payments in the Campus",
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
title: "CollegeX",
|
|
102
|
-
path: isDevelopment ? origins.ums.dev : origins.ums.prod,
|
|
103
|
-
icon: squareSmall,
|
|
104
|
-
key: "square",
|
|
105
|
-
domainName: "ums",
|
|
106
|
-
description: "Manage Complete Campus Activities",
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
title: "ExamX",
|
|
110
|
-
key: "exams",
|
|
111
|
-
domainName: "exams",
|
|
112
|
-
path: isDevelopment ? origins.exams.dev : origins.exams.prod,
|
|
113
|
-
icon: examsSmall,
|
|
114
|
-
description: "Manage all Examinations in the Campus",
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
title: "PeopleX",
|
|
118
|
-
key: "hrms",
|
|
119
|
-
domainName: "people",
|
|
120
|
-
path: isDevelopment ? origins.people.dev : origins.people.prod,
|
|
121
|
-
icon: peopleSmall,
|
|
122
|
-
description: "Manage People in the Campus",
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
title: "HostelX",
|
|
126
|
-
key: "hostels",
|
|
127
|
-
domainName: "hostel",
|
|
128
|
-
path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
|
|
129
|
-
icon: hostelSmall,
|
|
130
|
-
description: "Manage Hostels in the Campus",
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
title: "CommuteX",
|
|
134
|
-
key: "commute_x",
|
|
135
|
-
domainName: "commute",
|
|
136
|
-
path: isDevelopment ? origins.commute.dev : origins.commute.prod,
|
|
137
|
-
icon: commuteSmall,
|
|
138
|
-
description: "Manage Commute in the Campus",
|
|
139
|
-
},
|
|
140
|
-
];
|
package/src/utils/imageMap.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
admin,
|
|
3
|
-
collegex,
|
|
4
|
-
commutex,
|
|
5
|
-
enrollx,
|
|
6
|
-
examx,
|
|
7
|
-
hostelx,
|
|
8
|
-
payx,
|
|
9
|
-
peoplex,
|
|
10
|
-
} from "../assets/images";
|
|
11
|
-
|
|
12
|
-
export const imageMap: any = {
|
|
13
|
-
ums: collegex,
|
|
14
|
-
enroll: enrollx,
|
|
15
|
-
exams: examx,
|
|
16
|
-
payments: payx,
|
|
17
|
-
people: peoplex,
|
|
18
|
-
campx: collegex,
|
|
19
|
-
commute: commutex,
|
|
20
|
-
hostel: hostelx,
|
|
21
|
-
admin: admin,
|
|
22
|
-
};
|