@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.
Files changed (82) hide show
  1. package/.prettierrc +8 -0
  2. package/.vscode/settings.json +5 -1
  3. package/craco.config.js +18 -0
  4. package/package.json +9 -5
  5. package/src/App.tsx +17 -38
  6. package/src/assets/images/gif/confirmation-alert.gif +0 -0
  7. package/src/assets/images/gif/delete-confirmation-alert.gif +0 -0
  8. package/src/assets/images/gif/index.ts +7 -0
  9. package/src/assets/images/svg/index.ts +5 -21
  10. package/src/components/Assets/Icons/IconComponents/AcademicIcon.tsx +41 -0
  11. package/src/components/Assets/Icons/IconComponents/AccordionArrow.tsx +23 -0
  12. package/src/components/Assets/Icons/IconComponents/NoteIcon.tsx +41 -0
  13. package/src/components/Assets/Icons/Icons.tsx +65 -58
  14. package/src/components/Charts/BarChart/BarChart.tsx +33 -9
  15. package/src/components/Charts/LineChart/LineChart.tsx +10 -4
  16. package/src/components/Charts/PieChart/PieChart.tsx +3 -2
  17. package/src/components/Charts/TreeMap/TreeMap.tsx +1 -0
  18. package/src/components/Charts/export.ts +4 -0
  19. package/src/components/Charts/types/types.ts +12 -2
  20. package/src/components/DataDisplay/Accordion/Accordion.tsx +42 -46
  21. package/src/components/DataDisplay/AccordionGroup/AccordionGroup.tsx +30 -0
  22. package/src/components/DataDisplay/Avatar/Avatar.tsx +18 -29
  23. package/src/components/DataDisplay/Card/Card.tsx +29 -8
  24. package/src/components/DataDisplay/DataTable/DataTable.tsx +14 -6
  25. package/src/components/DataDisplay/export.ts +6 -5
  26. package/src/components/DataDisplay/styles.tsx +2 -3
  27. package/src/components/Feedback/Snackbar/Snackbar.tsx +6 -5
  28. package/src/components/Input/DatePicker/DatePicker.tsx +58 -0
  29. package/src/components/Input/FormActions/FormActions.tsx +49 -0
  30. package/src/components/Input/FormControlWrapper/FormControlWrapper.tsx +70 -0
  31. package/src/components/Input/IconButtons/IconButtons.tsx +4 -4
  32. package/src/components/Input/LabelWrapper/LabelWrapper.tsx +1 -1
  33. package/src/components/Input/SingleSelect/SingleSelect.tsx +43 -54
  34. package/src/components/Input/{Chips/Chips.tsx → Tags/Tags.tsx} +14 -14
  35. package/src/components/Input/TimePicker/TimePicker.tsx +39 -0
  36. package/src/components/Input/export.ts +13 -8
  37. package/src/components/Layout/PageContent/PageContent.tsx +16 -0
  38. package/src/components/Layout/PageHeader/PageHeader.tsx +46 -0
  39. package/src/components/Navigation/ConfirmDialog/ConfirmDialog.tsx +79 -0
  40. package/src/components/Navigation/DropDownMenu/DropDownButton.tsx +5 -5
  41. package/src/components/Navigation/Sidebar/Components.tsx +97 -0
  42. package/src/components/Navigation/Sidebar/MenuItem.tsx +76 -104
  43. package/src/components/Navigation/Sidebar/Sidebar.tsx +150 -55
  44. package/src/components/Navigation/Sidebar/SubMenuItem.tsx +34 -0
  45. package/src/components/Navigation/Sidebar/interfaces.ts +35 -12
  46. package/src/components/Navigation/Sidebar/styles.tsx +2 -2
  47. package/src/components/Navigation/exports.ts +9 -8
  48. package/src/components/export.ts +1 -1
  49. package/src/contexts/Providers.tsx +2 -2
  50. package/src/stories/DataDisplay/AccordionGroup.stories.tsx +131 -0
  51. package/src/stories/Input/DatePicker.stories.tsx +138 -0
  52. package/src/stories/Input/{Chips.stories.tsx → Tags.stories.tsx} +17 -17
  53. package/src/stories/Input/TimePicker.stories.tsx +123 -0
  54. package/src/stories/Navigation/ConfirmDialog.stories.tsx +80 -0
  55. package/src/themes/commonTheme.ts +171 -155
  56. package/tsconfig.json +2 -6
  57. package/src/assets/images/admin.png +0 -0
  58. package/src/assets/images/campx_logo__full_primary.png +0 -0
  59. package/src/assets/images/collegex.png +0 -0
  60. package/src/assets/images/commutex.png +0 -0
  61. package/src/assets/images/enrollx.png +0 -0
  62. package/src/assets/images/examx.png +0 -0
  63. package/src/assets/images/hostelx copy.png +0 -0
  64. package/src/assets/images/hostelx.png +0 -0
  65. package/src/assets/images/index.ts +0 -25
  66. package/src/assets/images/payx.png +0 -0
  67. package/src/assets/images/pepolex.png +0 -0
  68. package/src/assets/images/svg/campx-logo.svg +0 -32
  69. package/src/assets/images/svg/commutex_small.svg +0 -11
  70. package/src/assets/images/svg/enroll_logo.svg +0 -9
  71. package/src/assets/images/svg/exams_small.svg +0 -12
  72. package/src/assets/images/svg/help-icon.svg +0 -8
  73. package/src/assets/images/svg/hostel_small.svg +0 -13
  74. package/src/assets/images/svg/payx_small.svg +0 -16
  75. package/src/assets/images/svg/people_small.svg +0 -9
  76. package/src/assets/images/svg/squareSmall.svg +0 -9
  77. package/src/assets/images/svg/square_small.svg +0 -9
  78. package/src/components/DataDisplay/Accordion/utils/StandardImageList.tsx +0 -70
  79. package/src/components/Navigation/Sidebar/DropdownItem.tsx +0 -34
  80. package/src/stories/DataDisplay/Accordion.stories.tsx +0 -62
  81. package/src/utils/applications.ts +0 -140
  82. 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
- ];
@@ -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
- };