cemtrik-dependencies 1.0.4

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 (92) hide show
  1. package/README copy.md +54 -0
  2. package/README.md +29 -0
  3. package/components.js +47 -0
  4. package/hooks.js +4 -0
  5. package/package.json +58 -0
  6. package/postcss.config.js +6 -0
  7. package/src/assets/cemtrik-icons-v1.0/Read Me.txt +7 -0
  8. package/src/assets/cemtrik-icons-v1.0/demo-files/demo.css +152 -0
  9. package/src/assets/cemtrik-icons-v1.0/demo-files/demo.js +30 -0
  10. package/src/assets/cemtrik-icons-v1.0/demo.html +318 -0
  11. package/src/assets/cemtrik-icons-v1.0/fonts/cemtrik-icons.eot +0 -0
  12. package/src/assets/cemtrik-icons-v1.0/fonts/cemtrik-icons.svg +31 -0
  13. package/src/assets/cemtrik-icons-v1.0/fonts/cemtrik-icons.ttf +0 -0
  14. package/src/assets/cemtrik-icons-v1.0/fonts/cemtrik-icons.woff +0 -0
  15. package/src/assets/cemtrik-icons-v1.0/selection.json +1 -0
  16. package/src/assets/cemtrik-icons-v1.0/style.css +96 -0
  17. package/src/assets/icons/actions.svg +4 -0
  18. package/src/assets/icons/attributes.svg +5 -0
  19. package/src/assets/icons/bars.svg +3 -0
  20. package/src/assets/icons/bell.svg +4 -0
  21. package/src/assets/icons/cemtrik.svg +9 -0
  22. package/src/assets/icons/clipboardCheck.svg +4 -0
  23. package/src/assets/icons/clipboardList.svg +5 -0
  24. package/src/assets/icons/clock.svg +3 -0
  25. package/src/assets/icons/flag.svg +3 -0
  26. package/src/assets/icons/folder.svg +3 -0
  27. package/src/assets/icons/graph_indicators.svg +3 -0
  28. package/src/assets/icons/group.svg +3 -0
  29. package/src/assets/icons/letter.svg +3 -0
  30. package/src/assets/icons/measuring_points.svg +3 -0
  31. package/src/assets/icons/reports.svg +4 -0
  32. package/src/assets/icons/roboot.svg +3 -0
  33. package/src/assets/icons/user.svg +4 -0
  34. package/src/assets/icons/user_point.svg +10 -0
  35. package/src/assets/icons/vector.svg +3 -0
  36. package/src/assets/icons/vector2.svg +3 -0
  37. package/src/components/atoms/Alert/index.js +104 -0
  38. package/src/components/atoms/Alert/index.test.js +36 -0
  39. package/src/components/atoms/Avatar/index.js +63 -0
  40. package/src/components/atoms/Avatar/index.test.js +30 -0
  41. package/src/components/atoms/Bullets/Bullets.test.js +22 -0
  42. package/src/components/atoms/Bullets/index.js +51 -0
  43. package/src/components/atoms/ButtonOutline/index.js +43 -0
  44. package/src/components/atoms/ButtonOutline/index.test.js +36 -0
  45. package/src/components/atoms/ButtonPagination/index.js +37 -0
  46. package/src/components/atoms/ButtonPagination/index.test.js +36 -0
  47. package/src/components/atoms/ButtonSolid/index.js +74 -0
  48. package/src/components/atoms/ButtonSolid/index.test.js +59 -0
  49. package/src/components/atoms/Checkbox/index.js +52 -0
  50. package/src/components/atoms/Checkbox/index.test.js +15 -0
  51. package/src/components/atoms/ConfirmationAbandoningCreation/index.js +70 -0
  52. package/src/components/atoms/ConfirmationAbandoningCreation/index.test.js +70 -0
  53. package/src/components/atoms/Divider/index.js +10 -0
  54. package/src/components/atoms/Divider/index.test.js +12 -0
  55. package/src/components/atoms/GoBack/index.js +30 -0
  56. package/src/components/atoms/GoBack/index.test.js +24 -0
  57. package/src/components/atoms/Input/index.js +107 -0
  58. package/src/components/atoms/Input/index.test.js +63 -0
  59. package/src/components/atoms/InputDropdown/index.js +111 -0
  60. package/src/components/atoms/InputDropdown/index.test.js +86 -0
  61. package/src/components/atoms/Select/index.js +199 -0
  62. package/src/components/atoms/Select/index.test.js +86 -0
  63. package/src/components/atoms/Spinner/index.js +49 -0
  64. package/src/components/atoms/Spinner/index.test.js +9 -0
  65. package/src/components/atoms/Switch/index.js +46 -0
  66. package/src/components/atoms/Switch/index.test.js +18 -0
  67. package/src/components/atoms/Textarea/index.js +136 -0
  68. package/src/components/atoms/Textarea/index.spec.js +51 -0
  69. package/src/components/atoms/Tooltip/index.js +64 -0
  70. package/src/components/atoms/Tooltip/index.test.js +31 -0
  71. package/src/components/atoms/UploadImage/index.js +55 -0
  72. package/src/components/atoms/UploadImage/index.test.js +36 -0
  73. package/src/components/molecules/Dropdown/index.js +315 -0
  74. package/src/components/molecules/Dropdown/index.test.js +190 -0
  75. package/src/components/molecules/Modal/index.js +103 -0
  76. package/src/components/molecules/Modal/index.test.js +42 -0
  77. package/src/components/molecules/Pagination/index.js +126 -0
  78. package/src/components/molecules/Pagination/index.test.js +57 -0
  79. package/src/components/templates/Accordion/index.js +174 -0
  80. package/src/components/templates/Accordion/index.test.js +130 -0
  81. package/src/hooks/useCloseModal/index.js +27 -0
  82. package/src/hooks/useCloseModal/index.test.js +26 -0
  83. package/src/hooks/useForm/index.js +70 -0
  84. package/src/hooks/useForm/useForm.test.js +104 -0
  85. package/src/hooks/useMediaQuery/index.js +53 -0
  86. package/src/hooks/useMediaQuery/useMediaQuery.test.js +46 -0
  87. package/src/hooks/useWindowDimensions/index.js +34 -0
  88. package/src/hooks/useWindowDimensions/useWindowDimensions.test.js +19 -0
  89. package/src/utils/index.js +32 -0
  90. package/src/utils/index.test.js +56 -0
  91. package/tailwind.config.js +117 -0
  92. package/utils.js +8 -0
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="12" viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H13C13.2652 0 13.5196 0.105357 13.7071 0.292893C13.8946 0.48043 14 0.734784 14 1C14 1.26522 13.8946 1.51957 13.7071 1.70711C13.5196 1.89464 13.2652 2 13 2H1C0.734784 2 0.48043 1.89464 0.292893 1.70711C0.105357 1.51957 0 1.26522 0 1ZM0 6C0 5.73478 0.105357 5.48043 0.292893 5.29289C0.48043 5.10536 0.734784 5 1 5H13C13.2652 5 13.5196 5.10536 13.7071 5.29289C13.8946 5.48043 14 5.73478 14 6C14 6.26522 13.8946 6.51957 13.7071 6.70711C13.5196 6.89464 13.2652 7 13 7H1C0.734784 7 0.48043 6.89464 0.292893 6.70711C0.105357 6.51957 0 6.26522 0 6ZM0 11C0 10.7348 0.105357 10.4804 0.292893 10.2929C0.48043 10.1054 0.734784 10 1 10H13C13.2652 10 13.5196 10.1054 13.7071 10.2929C13.8946 10.4804 14 10.7348 14 11C14 11.2652 13.8946 11.5196 13.7071 11.7071C13.5196 11.8946 13.2652 12 13 12H1C0.734784 12 0.48043 11.8946 0.292893 11.7071C0.105357 11.5196 0 11.2652 0 11Z" />
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M9.87871 2.87868C10.4413 2.31607 11.2044 2 12 2C12.7957 2 13.5587 2.31607 14.1213 2.87868C14.6043 3.36165 14.9056 3.99234 14.9812 4.66455C16.0719 5.17819 17.0154 5.96673 17.7159 6.95768C18.5515 8.13996 19.0002 9.5522 19 11C19 11 19 11 19 11V14.158C19 14.2935 19.0267 14.4279 19.0785 14.5531C19.1304 14.6783 19.2063 14.7921 19.3021 14.8879C19.3021 14.8879 19.3022 14.8879 19.3021 14.8879L20.7071 16.2929C20.9931 16.5789 21.0787 17.009 20.9239 17.3827C20.7691 17.7564 20.4045 18 20 18H16C16 19.0609 15.5786 20.0783 14.8285 20.8284C14.0783 21.5786 13.0609 22 12 22C10.9392 22 9.92175 21.5786 9.1716 20.8284C8.42146 20.0783 8.00003 19.0609 8.00003 18H4.00003C3.59557 18 3.23093 17.7564 3.07615 17.3827C2.92137 17.009 3.00692 16.5789 3.29292 16.2929L4.69792 14.8879C4.8914 14.6944 5.00003 14.4318 5.00003 14.159V11C5.00003 8.19928 6.64515 5.78419 9.01881 4.66475C9.09439 3.99246 9.39569 3.3617 9.87871 2.87868ZM10 18C10 18.5304 10.2107 19.0391 10.5858 19.4142C10.9609 19.7893 11.4696 20 12 20C12.5305 20 13.0392 19.7893 13.4142 19.4142C13.7893 19.0391 14 18.5304 14 18H10ZM12 4C11.7348 4 11.4805 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5V5.341C11 5.76475 10.7329 6.1425 10.3334 6.28378C8.39031 6.97097 7.00003 8.82501 7.00003 11V14.159C7.00003 14.8276 6.77873 15.4742 6.37664 16H17.6235C17.4638 15.7912 17.3316 15.5621 17.2307 15.3182C17.0784 14.9504 17 14.5561 17 14.158C17 14.1579 17 14.1581 17 14.158V11C17.0002 9.96571 16.6797 8.95669 16.0827 8.11209C15.4857 7.26749 14.6415 6.62872 13.6665 6.28373C13.267 6.1424 13 5.7647 13 5.341V5C13 4.73478 12.8947 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4Z" fill="#B6B6B6"/>
3
+ <path d="M20 7.5C20 8.88071 18.8807 10 17.5 10C16.1193 10 15 8.88071 15 7.5C15 6.11929 16.1193 5 17.5 5C18.8807 5 20 6.11929 20 7.5Z" fill="#F56060"/>
4
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg width="153" height="21" viewBox="0 0 153 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 10.2494C0 4.2444 3.4584 0 9.71496 0C13.9594 0 17.4387 2.12744 18.5496 6.45568L14.8711 7.16832C14.3366 4.70552 12.6598 2.86104 9.7464 2.86104C7.73424 2.86104 6.12032 3.39552 5.15616 4.72648C4.22344 6.00504 3.7728 7.87048 3.7728 10.2494C3.7728 12.6598 4.10816 14.2947 4.98848 15.6047C5.95264 16.9671 7.50368 17.6378 9.71496 17.6378C12.6284 17.6378 14.2738 15.9086 14.955 13.645L18.6963 14.6406C17.1662 18.4343 14.0222 20.4989 9.72544 20.4989C3.5632 20.4989 0 16.8518 0 10.2494Z" fill="#4A4C4D"/>
3
+ <path d="M27.573 20.1637V0.345978H41.0188V3.29085H31.1152V8.69854H39.9813V11.612H31.1152V17.2188H41.0293V20.1637H27.573Z" fill="#4A4C4D"/>
4
+ <path d="M50.6182 20.1637V0.345978H56.1097L59.3375 10.543C60.1026 13.0058 60.6999 15.0704 61.0667 16.569H61.0982C61.4964 15.0704 62.1986 12.5237 62.7959 10.564L66.0238 0.345978H71.4839V20.1637H68.1407V8.53086C68.1407 7.81822 68.1931 5.21918 68.256 3.48998H68.2036C67.5539 5.75366 66.925 7.8811 66.6211 8.84526L62.9426 20.1741H59.1489L55.5018 8.79286C55.1874 7.8287 54.4853 5.39734 53.9194 3.50046H53.867C53.8984 5.22966 53.9822 7.91254 53.9822 8.59374V20.1741H50.6182V20.1637Z" fill="#4A4C4D"/>
5
+ <path d="M86.4914 20.1637V3.34326H80.0671V0.345978H96.4893V3.34326H90.0336V20.1637H86.4914Z" fill="#4A4C4D"/>
6
+ <path d="M120.887 20.0693L120.856 20.1532H117.03C116.412 19.1366 116.234 18.2249 116.234 15.6258C116.234 13.2469 115.134 12.3456 112.356 12.3456H108.594V20.1637H105.052V0.345978H112.325C116.255 0.345978 120.227 1.05862 120.227 6.26718C120.227 8.69854 118.948 10.3963 117.114 11.1404C119.011 11.874 119.745 13.2888 119.745 15.4162C119.755 17.5227 119.954 18.8327 120.887 20.0693ZM112.115 9.51598C114.494 9.51598 116.758 9.23302 116.758 6.40342C116.758 3.34326 114.494 3.20702 112.147 3.20702H108.604V9.51598H112.115Z" fill="#4A4C4D"/>
7
+ <path d="M130.204 20.1637V0.345978H133.746V20.1637H130.204Z" fill="#4A4C4D"/>
8
+ <path d="M148.292 0.366913H151.939C151.939 0.366913 151.373 2.80875 149.969 5.04099C149.33 6.04707 148.177 7.19987 147.81 8.34219C146.951 10.9832 149.497 12.2512 150.818 14.1167C151.489 15.0599 151.855 16.2022 151.981 17.355C152.002 17.5856 152.065 20.1636 151.939 20.1636C151.939 20.1636 148.366 20.1636 148.355 20.1636C148.355 20.1636 148.334 18.4135 148.334 18.2668C148.303 16.569 147.632 15.3324 146.595 14.0224C145.693 12.88 144.593 11.7377 144.257 10.2705C143.964 8.98148 144.362 7.46187 145.096 6.38243C146.28 4.65323 148.083 2.56771 148.292 0.366913Z" fill="#4A4C4D"/>
9
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9 2C8.73478 2 8.48043 2.10536 8.29289 2.29289C8.10536 2.48043 8 2.73478 8 3C8 3.26522 8.10536 3.51957 8.29289 3.70711C8.48043 3.89464 8.73478 4 9 4H11C11.2652 4 11.5196 3.89464 11.7071 3.70711C11.8946 3.51957 12 3.26522 12 3C12 2.73478 11.8946 2.48043 11.7071 2.29289C11.5196 2.10536 11.2652 2 11 2H9Z" />
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C4 4.46957 4.21071 3.96086 4.58579 3.58579C4.96086 3.21071 5.46957 3 6 3C6 3.79565 6.31607 4.55871 6.87868 5.12132C7.44129 5.68393 8.20435 6 9 6H11C11.7956 6 12.5587 5.68393 13.1213 5.12132C13.6839 4.55871 14 3.79565 14 3C14.5304 3 15.0391 3.21071 15.4142 3.58579C15.7893 3.96086 16 4.46957 16 5V16C16 16.5304 15.7893 17.0391 15.4142 17.4142C15.0391 17.7893 14.5304 18 14 18H6C5.46957 18 4.96086 17.7893 4.58579 17.4142C4.21071 17.0391 4 16.5304 4 16V5ZM13.707 10.707C13.8892 10.5184 13.99 10.2658 13.9877 10.0036C13.9854 9.7414 13.8802 9.49059 13.6948 9.30518C13.5094 9.11977 13.2586 9.0146 12.9964 9.01233C12.7342 9.01005 12.4816 9.11084 12.293 9.293L9 12.586L7.707 11.293C7.5184 11.1108 7.2658 11.01 7.0036 11.0123C6.7414 11.0146 6.49059 11.1198 6.30518 11.3052C6.11977 11.4906 6.0146 11.7414 6.01233 12.0036C6.01005 12.2658 6.11084 12.5184 6.293 12.707L8.293 14.707C8.48053 14.8945 8.73484 14.9998 9 14.9998C9.26516 14.9998 9.51947 14.8945 9.707 14.707L13.707 10.707Z"/>
4
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9 2C8.73478 2 8.48043 2.10536 8.29289 2.29289C8.10536 2.48043 8 2.73478 8 3C8 3.26522 8.10536 3.51957 8.29289 3.70711C8.48043 3.89464 8.73478 4 9 4H11C11.2652 4 11.5196 3.89464 11.7071 3.70711C11.8946 3.51957 12 3.26522 12 3C12 2.73478 11.8946 2.48043 11.7071 2.29289C11.5196 2.10536 11.2652 2 11 2H9Z" />
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C4 4.46957 4.21071 3.96086 4.58579 3.58579C4.96086 3.21071 5.46957 3 6 3C6 3.79565 6.31607 4.55871 6.87868 5.12132C7.44129 5.68393 8.20435 6 9 6H11C11.7956 6 12.5587 5.68393 13.1213 5.12132C13.6839 4.55871 14 3.79565 14 3C14.5304 3 15.0391 3.21071 15.4142 3.58579C15.7893 3.96086 16 4.46957 16 5V16C16 16.5304 15.7893 17.0391 15.4142 17.4142C15.0391 17.7893 14.5304 18 14 18H6C5.46957 18 4.96086 17.7893 4.58579 17.4142C4.21071 17.0391 4 16.5304 4 16V5ZM7 9C6.73478 9 6.48043 9.10536 6.29289 9.29289C6.10536 9.48043 6 9.73478 6 10C6 10.2652 6.10536 10.5196 6.29289 10.7071C6.48043 10.8946 6.73478 11 7 11H7.01C7.27522 11 7.52957 10.8946 7.71711 10.7071C7.90464 10.5196 8.01 10.2652 8.01 10C8.01 9.73478 7.90464 9.48043 7.71711 9.29289C7.52957 9.10536 7.27522 9 7.01 9H7ZM10 9C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10C9 10.2652 9.10536 10.5196 9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H10ZM7 13C6.73478 13 6.48043 13.1054 6.29289 13.2929C6.10536 13.4804 6 13.7348 6 14C6 14.2652 6.10536 14.5196 6.29289 14.7071C6.48043 14.8946 6.73478 15 7 15H7.01C7.27522 15 7.52957 14.8946 7.71711 14.7071C7.90464 14.5196 8.01 14.2652 8.01 14C8.01 13.7348 7.90464 13.4804 7.71711 13.2929C7.52957 13.1054 7.27522 13 7.01 13H7ZM10 13C9.73478 13 9.48043 13.1054 9.29289 13.2929C9.10536 13.4804 9 13.7348 9 14C9 14.2652 9.10536 14.5196 9.29289 14.7071C9.48043 14.8946 9.73478 15 10 15H13C13.2652 15 13.5196 14.8946 13.7071 14.7071C13.8946 14.5196 14 14.2652 14 14C14 13.7348 13.8946 13.4804 13.7071 13.2929C13.5196 13.1054 13.2652 13 13 13H10Z" />
4
+ </svg>
5
+
@@ -0,0 +1,3 @@
1
+ <svg width="22" height="20" viewBox="0 0 22 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.65 19.825C9.4 19.825 8.22917 19.5875 7.1375 19.1125C6.04583 18.6375 5.09583 17.9959 4.2875 17.1875C3.47917 16.3792 2.8375 15.4292 2.3625 14.3375C1.8875 13.2459 1.65 12.075 1.65 10.825C1.65 9.57505 1.8875 8.40422 2.3625 7.31255C2.8375 6.22088 3.47917 5.27088 4.2875 4.46255C5.09583 3.65422 6.04583 3.01255 7.1375 2.53755C8.22917 2.06255 9.4 1.82505 10.65 1.82505C11.9 1.82505 13.0708 2.06255 14.1625 2.53755C15.2542 3.01255 16.2042 3.65422 17.0125 4.46255C17.8208 5.27088 18.4625 6.22088 18.9375 7.31255C19.4125 8.40422 19.65 9.57505 19.65 10.825C19.65 12.075 19.4125 13.2459 18.9375 14.3375C18.4625 15.4292 17.8208 16.3792 17.0125 17.1875C16.2042 17.9959 15.2542 18.6375 14.1625 19.1125C13.0708 19.5875 11.9 19.825 10.65 19.825ZM13.45 15.025L14.85 13.625L11.65 10.425V5.82505H9.65V11.225L13.45 15.025ZM4.25 0.175049L5.65 1.57505L1.4 5.82505L0 4.42505L4.25 0.175049ZM17.05 0.175049L21.3 4.42505L19.9 5.82505L15.65 1.57505L17.05 0.175049Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4 2H6V0H4V2ZM8 2V0H10V2H8ZM4 10V8H6V10H4ZM12 6V4H14V6H12ZM12 10V8H14V10H12ZM8 10V8H10V10H8ZM12 2V0H14V2H12ZM6 4V2H8V4H6ZM0 16V0H2V2H4V4H2V6H4V8H2V16H0ZM10 8V6H12V8H10ZM6 8V6H8V8H6ZM4 6V4H6V6H4ZM8 6V4H10V6H8ZM10 4V2H12V4H10Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="13" height="10" viewBox="0 0 13 10" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 1.66667C0 0.746192 0.727537 0 1.625 0H5.6875L7.3125 1.66667H11.375C12.2725 1.66667 13 2.41286 13 3.33333V8.33333C13 9.25381 12.2725 10 11.375 10H1.625C0.727537 10 0 9.25381 0 8.33333V1.66667Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="10" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.99986 0.000103377C10.856 0.000103377 14 2.87456 14 6.40007C14 7.73282 13.5476 8.9735 12.7803 10L11.4546 9.04238C11.9926 8.28344 12.3031 7.37591 12.3031 6.40017C12.3031 3.71331 9.93897 1.55176 7.00006 1.55176C4.06123 1.55176 1.69697 3.71331 1.69697 6.40017C1.69697 7.37614 2.00739 8.28367 2.5455 9.04238L1.2198 9.9999C0.452277 8.9734 0 7.73287 0 6.39997C0 2.87471 3.14401 0 6.99986 0V0.000103377ZM3.24787 4.52132L7.74874 7.26669C8.16298 7.64542 8.16298 8.2577 7.74874 8.63632C7.3345 9.01505 6.6648 9.01505 6.25067 8.63632L3.24784 4.52134L3.24787 4.52132Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19.6818 6.65678C19.3298 6.40135 18.9631 6.16932 18.5876 5.96082L18.9426 5.31192C19.3444 5.53513 19.7374 5.78466 20.1129 6.05781C20.4824 6.32796 20.8403 6.62163 21.1806 6.94164L20.6761 7.48484C20.3593 7.18826 20.0279 6.91221 19.6787 6.65969L19.6818 6.65678ZM23.9612 13.892C24.0257 14.4118 24.0521 14.9315 24.0375 15.4513L24.7795 15.466C24.7912 14.911 24.7619 14.356 24.6915 13.801C24.6212 13.249 24.5126 12.7028 24.3601 12.1684L23.6502 12.3681C23.791 12.8761 23.8937 13.3871 23.9612 13.895L23.9612 13.892ZM10.1987 8.09551C9.34226 7.2381 8.81136 6.05181 8.81136 4.7422C8.81136 3.43258 9.33936 2.24622 10.1987 1.38889C11.0552 0.531485 12.2432 0 13.5514 0C14.8596 0 16.0446 0.531485 16.904 1.38889C17.7605 2.24629 18.2914 3.43258 18.2914 4.7422C18.2914 6.05181 17.7634 7.23817 16.904 8.09551C16.0916 8.90595 14.9946 9.42274 13.7743 9.47858H13.7508H13.7273H13.6892H13.6687H13.6218H13.6101H13.5573H13.5514H13.4987H13.484H13.4371H13.4195H13.3814H13.3579H13.3344C12.1142 9.42283 11.0113 8.90304 10.2046 8.09551H10.1987ZM11.6125 3.5264C11.6125 4.06079 11.8325 4.54534 12.1815 4.89476C12.5305 5.24418 13.0146 5.46149 13.5513 5.46149C14.0881 5.46149 14.5662 5.24419 14.921 4.89476C15.2701 4.54534 15.4842 4.06079 15.4842 3.5264C15.4842 2.99201 15.2701 2.50746 14.921 2.15514C14.5691 1.80572 14.0851 1.58841 13.5513 1.58841C13.0175 1.58841 12.5305 1.80571 12.1815 2.15514C11.8325 2.50456 11.6125 2.98911 11.6125 3.5264ZM10.9672 7.79586C11.6389 8.36549 12.5012 8.71791 13.4458 8.74134H13.4487H13.4956H13.5015H13.5484H13.5543H13.5954H13.6071H13.6482H13.6511H13.654C14.5955 8.71782 15.4608 8.36549 16.1296 7.79586C15.8626 7.43763 15.5195 7.13515 15.1265 6.91493C14.663 6.6565 14.1233 6.50974 13.5454 6.50974C12.9676 6.50974 12.4367 6.65658 11.9703 6.91793C11.5744 7.13814 11.234 7.4377 10.9613 7.79595L10.9672 7.79586ZM26.9942 20.4341C26.9942 21.7437 26.4662 22.93 25.6068 23.7874C24.8001 24.5978 23.6973 25.1146 22.4771 25.1704H22.4536H22.4301H22.392H22.3744H22.3275H22.3128H22.26H22.2541H22.2013H22.1866H22.1397H22.1221H22.084H22.0605H22.037C20.8169 25.1147 19.7198 24.5949 18.9073 23.7874C18.0508 22.93 17.5199 21.7437 17.5199 20.4341C17.5199 19.1244 18.0479 17.9381 18.9073 17.0807C19.7638 16.2233 20.9518 15.6919 22.26 15.6919C23.5682 15.6919 24.7562 16.2233 25.6126 17.0807C26.4691 17.9381 27 19.1244 27 20.4341H26.9942ZM20.3181 19.2213C20.3181 19.7557 20.5381 20.2403 20.8871 20.5897C21.2362 20.9391 21.7231 21.1564 22.2569 21.1564C22.7907 21.1564 23.2776 20.9391 23.6266 20.5897C23.9757 20.2403 24.1957 19.7557 24.1957 19.2213C24.1957 18.6869 23.9757 18.2024 23.6266 17.8501C23.2776 17.5006 22.7907 17.2833 22.2569 17.2833C21.7231 17.2833 21.2362 17.5006 20.8871 17.8501C20.5381 18.1995 20.3181 18.684 20.3181 19.2213ZM24.8381 23.4908C24.5711 23.1297 24.228 22.8301 23.835 22.6099C23.3715 22.3514 22.8318 22.2047 22.2539 22.2047C21.6761 22.2047 21.1452 22.3515 20.6788 22.6129C20.2829 22.8331 19.9425 23.1326 19.6698 23.4909C20.3415 24.0605 21.2038 24.4129 22.1454 24.4364H22.1483H22.1952H22.2011H22.248H22.2509H22.2538H22.3007H22.3066H22.3535H22.3564C23.2979 24.4128 24.1632 24.0605 24.832 23.4909L24.8381 23.4908ZM7.35632 6.59476C7.70826 6.33932 8.07499 6.1073 8.45043 5.8988L8.0955 5.2499C7.69366 5.4731 7.30064 5.72264 6.9252 5.99579C6.55566 6.26594 6.19773 6.55961 5.8575 6.87962L6.36202 7.42282C6.67878 7.12624 7.01021 6.85019 7.35934 6.59766L7.35632 6.59476ZM22.6235 9.93063C22.7174 10.098 22.8025 10.2565 22.8845 10.4093C22.9608 10.5678 23.04 10.7294 23.1163 10.8967L23.7909 10.5943C23.7146 10.4239 23.6295 10.2477 23.5416 10.0716C23.4507 9.89242 23.3568 9.72216 23.2629 9.56062C23.1015 9.27875 22.9315 9.01151 22.7555 8.75608C22.5707 8.48884 22.3771 8.23631 22.1835 7.99848L21.6115 8.47122C21.8021 8.70323 21.981 8.93814 22.1483 9.17596C22.3184 9.41967 22.4768 9.67222 22.6235 9.92766L22.6235 9.93063ZM8.08965 23.7876C7.28299 24.5981 6.18308 25.1149 4.96293 25.1707H4.93943H4.91014H4.87494H4.85444H4.80755H4.79285H4.74296H4.73126H4.68138H4.66668H4.61979H4.60219H4.56409H4.5406H4.51711C3.29691 25.115 2.19407 24.5952 1.38737 23.7876C0.530904 22.9302 0 21.744 0 20.4343C0 19.1247 0.528001 17.9384 1.38737 17.081C2.24383 16.2236 3.43182 15.6921 4.74003 15.6921C6.04821 15.6921 7.23026 16.2236 8.08967 17.081C8.94613 17.9384 9.48003 19.1247 9.48003 20.4343C9.48003 21.744 8.94623 22.9303 8.08967 23.7876H8.08965ZM2.80406 19.2185C2.80406 19.7529 3.02403 20.2375 3.37307 20.5869C3.72211 20.9363 4.20613 21.1536 4.74284 21.1536C5.27964 21.1536 5.75776 20.9363 6.1126 20.5869C6.46164 20.2375 6.67581 19.7529 6.67581 19.2185C6.67581 18.6842 6.46165 18.1996 6.1126 17.8473C5.76066 17.4979 5.27664 17.2806 4.74284 17.2806C4.20903 17.2806 3.72211 17.4979 3.37307 17.8473C3.02403 18.1967 2.80406 18.6812 2.80406 19.2185ZM7.32405 23.488C7.0571 23.1269 6.71396 22.8273 6.31792 22.6071C5.8545 22.3486 5.3206 22.2019 4.73989 22.2019C4.15908 22.2019 3.62818 22.3487 3.16476 22.6101C2.76881 22.8303 2.42268 23.1298 2.15573 23.4881C2.82742 24.0577 3.68976 24.4101 4.63133 24.4336H4.63423H4.68113H4.68702H4.72811H4.73401H4.73691H4.778H4.7897H4.83079H4.83369C5.77814 24.4101 6.64051 24.0577 7.3151 23.4881L7.32405 23.488ZM14.3872 26.2218C14.0939 26.2453 13.7976 26.257 13.4985 26.257C13.3019 26.257 13.1201 26.2541 12.9559 26.2453C12.7711 26.2365 12.5921 26.2218 12.4162 26.2042L12.3429 26.9412C12.5335 26.9618 12.7271 26.9765 12.9207 26.9853C13.126 26.9941 13.3196 27 13.4985 27C13.8152 27 14.135 26.9853 14.4488 26.9619C14.7627 26.9354 15.0765 26.8973 15.3904 26.8444L15.2672 26.1133C14.9826 26.1602 14.6894 26.1985 14.3872 26.2219L14.3872 26.2218ZM17.8014 25.3468C17.4055 25.5229 17.0036 25.6757 16.5871 25.8019L16.8013 26.5095C17.2501 26.3745 17.6841 26.21 18.1006 26.0221C18.5319 25.8312 18.9395 25.6169 19.3326 25.379L18.9512 24.7447C18.5758 24.9708 18.1915 25.1705 17.8014 25.3467L17.8014 25.3468ZM8.01325 24.7301L7.63191 25.3614C8.11294 25.6521 8.60576 25.9076 9.11607 26.1219C9.62349 26.3363 10.1486 26.5125 10.6941 26.6505L10.8789 25.931C10.3714 25.8018 9.87574 25.6373 9.40352 25.4348C8.91369 25.2292 8.45027 24.9913 8.01316 24.7271L8.01325 24.7301ZM4.15019 10.3505C4.22647 10.1978 4.31736 10.0392 4.41124 9.87477C4.56082 9.61634 4.7192 9.36679 4.88646 9.12007C5.05363 8.87926 5.23259 8.64433 5.42326 8.41533L4.85126 7.94259C4.65769 8.1804 4.46411 8.43295 4.27925 8.70019C4.10328 8.95563 3.93312 9.22287 3.77182 9.50473C3.67794 9.66628 3.58406 9.83653 3.49317 10.0157C3.40518 10.1919 3.3201 10.3651 3.24382 10.5384L3.91842 10.8408C3.99171 10.6735 4.07389 10.512 4.15018 10.3534L4.15019 10.3505ZM17.2469 17.8324L16.3053 18.7721C16.1616 18.916 15.927 18.916 15.7832 18.7721L15.3608 18.3492C15.2317 18.4226 15.0969 18.4872 14.9561 18.546C14.8182 18.6047 14.6774 18.6517 14.5337 18.6928V19.2919C14.5337 19.4975 14.3665 19.6618 14.1641 19.6618H12.8383C12.633 19.6618 12.4688 19.4945 12.4688 19.2919V18.6928C12.325 18.6517 12.1784 18.6018 12.0406 18.546C11.9027 18.4872 11.7678 18.4227 11.6387 18.3492L11.2163 18.7721C11.0725 18.916 10.835 18.916 10.6913 18.7721L9.75267 17.8324C9.6089 17.6885 9.6089 17.4536 9.75267 17.3068L10.1751 16.8839C10.1018 16.7518 10.0372 16.6167 9.97852 16.4788C9.92283 16.3407 9.87294 16.1998 9.83475 16.053H9.23635C9.03098 16.053 8.86681 15.8856 8.86681 15.683V14.3528C8.86681 14.1472 9.03398 13.9828 9.23635 13.9828H9.83176C9.87285 13.8389 9.92265 13.6951 9.98133 13.5571C10.04 13.419 10.1045 13.284 10.1779 13.1519L9.75548 12.729C9.61171 12.5851 9.61171 12.3502 9.75548 12.2034L10.6941 11.2638C10.8379 11.1198 11.0755 11.1198 11.2191 11.2638L11.6415 11.6866C11.7735 11.6133 11.9055 11.5457 12.0434 11.4899C12.1813 11.4311 12.3249 11.3842 12.4716 11.343V10.744C12.4716 10.5384 12.6388 10.374 12.8411 10.374H14.1669C14.3723 10.374 14.5365 10.5414 14.5365 10.744V11.343C14.6802 11.3842 14.821 11.434 14.9589 11.4899C15.0997 11.5486 15.2346 11.6132 15.3636 11.6866L15.786 11.2638C15.9298 11.1198 16.1644 11.1198 16.3081 11.2638L17.2497 12.2034C17.3935 12.3473 17.3935 12.5822 17.2497 12.729L16.8273 13.1519C16.8977 13.284 16.9652 13.4191 17.0208 13.5571C17.0795 13.6951 17.1293 13.836 17.1704 13.9828H17.7717C17.9771 13.9828 18.1413 14.1502 18.1413 14.3528V15.683C18.1413 15.8886 17.9741 16.053 17.7717 16.053H17.1704C17.1323 16.1969 17.0824 16.3407 17.0208 16.4788C16.9652 16.6168 16.8977 16.7518 16.8273 16.8839L17.2497 17.3068C17.3935 17.4507 17.3935 17.6856 17.2497 17.8324H17.2469ZM15.6747 15.0193C15.6747 14.4174 15.4312 13.8742 15.0353 13.4777C14.6393 13.0843 14.0966 12.8405 13.4982 12.8405C12.8998 12.8405 12.3513 13.0843 11.9612 13.4777C11.5653 13.8712 11.3218 14.4174 11.3218 15.0193C11.3218 15.6213 11.5653 16.1675 11.9612 16.561C12.3542 16.9544 12.8969 17.1981 13.4982 17.1981C14.0995 17.1981 14.6422 16.9544 15.0353 16.561C15.4312 16.1675 15.6747 15.6213 15.6747 15.0193ZM3.07373 13.836C3.14121 13.328 3.24389 12.817 3.38468 12.309L2.67191 12.1093C2.52233 12.6467 2.41376 13.1928 2.34338 13.7419C2.27299 14.297 2.24369 14.8549 2.25539 15.4069L2.99166 15.3922C2.97996 14.8724 3.00926 14.3527 3.07375 13.8329L3.07373 13.836Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.01705 12H0.380682L4.39773 0.363636H7.56818L11.5795 12H8.94318L6.02841 3.02273H5.9375L3.01705 12ZM2.85227 7.42614H9.07955V9.34659H2.85227V7.42614ZM15.4233 12.1648C14.8665 12.1648 14.3703 12.0682 13.9347 11.875C13.4991 11.678 13.1544 11.3883 12.9006 11.0057C12.6506 10.6193 12.5256 10.1383 12.5256 9.5625C12.5256 9.07765 12.6146 8.67045 12.7926 8.34091C12.9706 8.01136 13.2131 7.74621 13.5199 7.54545C13.8267 7.3447 14.1752 7.19318 14.5653 7.09091C14.9593 6.98864 15.3722 6.91667 15.804 6.875C16.3116 6.82197 16.7206 6.77273 17.0312 6.72727C17.3419 6.67803 17.5672 6.60606 17.7074 6.51136C17.8475 6.41667 17.9176 6.27652 17.9176 6.09091V6.05682C17.9176 5.69697 17.804 5.41856 17.5767 5.22159C17.3532 5.02462 17.035 4.92614 16.6222 4.92614C16.1866 4.92614 15.84 5.02273 15.5824 5.21591C15.3248 5.4053 15.1544 5.64394 15.071 5.93182L12.8324 5.75C12.946 5.2197 13.1695 4.76136 13.5028 4.375C13.8362 3.98485 14.2661 3.68561 14.7926 3.47727C15.3229 3.26515 15.9366 3.15909 16.6335 3.15909C17.1184 3.15909 17.5824 3.21591 18.0256 3.32955C18.4725 3.44318 18.8684 3.61932 19.2131 3.85795C19.5616 4.09659 19.8362 4.40341 20.0369 4.77841C20.2377 5.14962 20.3381 5.5947 20.3381 6.11364V12H18.0426V10.7898H17.9744C17.8343 11.0625 17.6468 11.303 17.4119 11.5114C17.1771 11.7159 16.8949 11.8769 16.5653 11.9943C16.2358 12.108 15.8551 12.1648 15.4233 12.1648ZM16.1165 10.4943C16.4725 10.4943 16.7869 10.4242 17.0597 10.2841C17.3324 10.1402 17.5464 9.94697 17.7017 9.70455C17.857 9.46212 17.9347 9.1875 17.9347 8.88068V7.95455C17.8589 8.00379 17.7547 8.04924 17.6222 8.09091C17.4934 8.12879 17.3475 8.16477 17.1847 8.19886C17.0218 8.22917 16.8589 8.25758 16.696 8.28409C16.5331 8.30682 16.3854 8.32765 16.2528 8.34659C15.9688 8.38826 15.7206 8.45455 15.5085 8.54545C15.2964 8.63636 15.1316 8.75947 15.0142 8.91477C14.8968 9.06629 14.8381 9.25568 14.8381 9.48295C14.8381 9.8125 14.9574 10.0644 15.196 10.2386C15.4384 10.4091 15.7453 10.4943 16.1165 10.4943Z" fill="#9CA3AF" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.28413 2.25963C11.0342 2.33217 12.6124 3.07131 13.7707 4.22968C14.929 5.38798 15.6679 6.96616 15.7407 8.71595H17.7158C17.8726 8.71595 18 8.84331 18 9.00016C18 9.157 17.8726 9.28437 17.7158 9.28437H15.7407C15.668 11.0342 14.929 12.6123 13.7707 13.7706C12.6124 14.9289 11.0342 15.6682 9.28413 15.7407V17.7158C9.28413 17.8726 9.15677 18 8.99992 18C8.84308 18 8.71571 17.8726 8.71571 17.7158V15.7407C6.96594 15.668 5.38795 14.929 4.22965 13.7706C3.07136 12.6123 2.3324 11.0342 2.25961 9.28437H0.284208C0.127363 9.28437 0 9.157 0 9.00016C0 8.84331 0.127363 8.71595 0.284208 8.71595H2.25961C2.33233 6.96616 3.07128 5.388 4.22965 4.22968C5.38794 3.07138 6.96594 2.33242 8.71571 2.25963V0.284211C8.71571 0.127364 8.84308 0 8.99992 0C9.15677 0 9.28413 0.127364 9.28413 0.284211V2.25963ZM12.5421 5.45826C11.636 4.55215 10.3835 3.99133 9.00024 3.99133C7.61693 3.99133 6.36452 4.55217 5.45837 5.45826C4.55227 6.36437 3.99145 7.61684 3.99145 9.00016C3.99145 10.3834 4.55229 11.6359 5.45837 12.5421C6.36448 13.4482 7.61693 14.009 9.00024 14.009C10.3835 14.009 11.636 13.4481 12.5421 12.5421C13.4482 11.6359 14.009 10.3835 14.009 9.00016C14.009 7.61692 13.4482 6.36442 12.5421 5.45826ZM9.0004 7.04605C8.7654 7.04605 8.55195 7.14184 8.39596 7.29739C8.24152 7.45226 8.14573 7.66573 8.14573 7.90072C8.14573 8.13658 8.24152 8.35053 8.39596 8.50498C8.55059 8.65961 8.76455 8.75539 9.0004 8.75539C9.23495 8.75539 9.44816 8.65985 9.60465 8.50386C9.75952 8.34881 9.85506 8.13527 9.85506 7.90078C9.85506 7.66623 9.75952 7.45301 9.60353 7.29652C9.44866 7.14189 9.2352 7.04612 9.00046 7.04612L9.0004 7.04605ZM11.7002 8.79995C11.6042 9.08817 11.4632 9.35653 11.2864 9.59509C11.0503 10.0147 10.8272 10.452 10.6148 10.9007C10.4 11.3548 10.2004 11.8117 10.0112 12.2692C9.92533 12.4769 9.7852 12.646 9.60997 12.7631C9.43406 12.8808 9.22437 12.9462 9.00085 12.9462C8.77751 12.9462 8.56758 12.881 8.39124 12.7634C8.21601 12.6463 8.07571 12.4771 7.98978 12.2693C7.80067 11.8116 7.60084 11.3546 7.38603 10.9006C7.17028 10.4451 6.9438 10.0023 6.70412 9.57726C6.56584 9.33265 6.43108 9.07953 6.33017 8.80986C6.2239 8.52591 6.15402 8.2251 6.15402 7.90086C6.15402 7.11583 6.47289 6.40438 6.98765 5.88944C7.50371 5.37363 8.21514 5.0547 9.00016 5.0547C9.78587 5.0547 10.4977 5.37339 11.0127 5.88834C11.5276 6.40328 11.8463 7.11516 11.8463 7.90086C11.8463 8.21258 11.7948 8.51542 11.7002 8.80006L11.7002 8.79995Z" />
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="21" height="26" viewBox="0 0 21 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.71429 2C3.25397 2 2.816 2.17982 2.49582 2.49438C2.17623 2.80836 2 3.23041 2 3.66667V22.3333C2 22.7696 2.17623 23.1916 2.49582 23.5056C2.816 23.8202 3.25397 24 3.71429 24H17.2857C17.746 24 18.184 23.8202 18.5042 23.5056C18.8238 23.1916 19 22.7696 19 22.3333V9.55222C19 9.55215 19 9.55229 19 9.55222C18.9999 9.46966 18.9667 9.38664 18.9016 9.32278L11.554 2.104C11.4884 2.03953 11.3956 2.00008 11.2953 2C11.2952 2 11.2954 2 11.2953 2H3.71429ZM1.09417 1.06771C1.79204 0.382086 2.73485 0 3.71429 0H11.2953C11.9147 0.000129998 12.5124 0.241788 12.9556 0.67733L20.3031 7.89589C20.7471 8.33195 20.9999 8.92723 21 9.55178V22.3333C21 23.3116 20.6043 24.2461 19.9058 24.9323C19.208 25.6179 18.2652 26 17.2857 26H3.71429C2.73485 26 1.79204 25.6179 1.09417 24.9323C0.395705 24.2461 0 23.3116 0 22.3333V3.66667C0 2.68844 0.395705 1.75393 1.09417 1.06771ZM14.5714 10.6667C15.1237 10.6667 15.5714 11.1144 15.5714 11.6667V19.6667C15.5714 20.219 15.1237 20.6667 14.5714 20.6667C14.0191 20.6667 13.5714 20.219 13.5714 19.6667V11.6667C13.5714 11.1144 14.0191 10.6667 14.5714 10.6667ZM10.5 13.3333C11.0523 13.3333 11.5 13.781 11.5 14.3333V19.6667C11.5 20.219 11.0523 20.6667 10.5 20.6667C9.94771 20.6667 9.5 20.219 9.5 19.6667V14.3333C9.5 13.781 9.94771 13.3333 10.5 13.3333ZM6.42857 16C6.98086 16 7.42857 16.4477 7.42857 17V19.6667C7.42857 20.219 6.98086 20.6667 6.42857 20.6667C5.87629 20.6667 5.42857 20.219 5.42857 19.6667V17C5.42857 16.4477 5.87629 16 6.42857 16Z" fill="#A5B4FC"/>
3
+ </svg>
4
+
@@ -0,0 +1,3 @@
1
+ <svg width="15" height="13" viewBox="0 0 15 13" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2.04545 8.89474C1.47727 8.89474 0.994318 8.69518 0.596591 8.29605C0.198864 7.89693 0 7.41228 0 6.8421C0 6.27193 0.198864 5.78728 0.596591 5.38816C0.994318 4.98903 1.47727 4.78947 2.04545 4.78947V3.42105C2.04545 3.04474 2.17898 2.72259 2.44602 2.45461C2.71307 2.18662 3.03409 2.05263 3.40909 2.05263H5.45455C5.45455 1.48246 5.65341 0.997807 6.05114 0.598684C6.44886 0.199561 6.93182 0 7.5 0C8.06818 0 8.55114 0.199561 8.94886 0.598684C9.34659 0.997807 9.54545 1.48246 9.54545 2.05263H11.5909C11.9659 2.05263 12.2869 2.18662 12.554 2.45461C12.821 2.72259 12.9545 3.04474 12.9545 3.42105V4.78947C13.5227 4.78947 14.0057 4.98903 14.4034 5.38816C14.8011 5.78728 15 6.27193 15 6.8421C15 7.41228 14.8011 7.89693 14.4034 8.29605C14.0057 8.69518 13.5227 8.89474 12.9545 8.89474V11.6316C12.9545 12.0079 12.821 12.33 12.554 12.598C12.2869 12.866 11.9659 13 11.5909 13H3.40909C3.03409 13 2.71307 12.866 2.44602 12.598C2.17898 12.33 2.04545 12.0079 2.04545 11.6316V8.89474ZM5.45455 7.52632C5.73864 7.52632 5.98011 7.42653 6.17898 7.22697C6.37784 7.02741 6.47727 6.78509 6.47727 6.5C6.47727 6.21491 6.37784 5.97259 6.17898 5.77303C5.98011 5.57346 5.73864 5.47368 5.45455 5.47368C5.17045 5.47368 4.92898 5.57346 4.73011 5.77303C4.53125 5.97259 4.43182 6.21491 4.43182 6.5C4.43182 6.78509 4.53125 7.02741 4.73011 7.22697C4.92898 7.42653 5.17045 7.52632 5.45455 7.52632ZM9.54545 7.52632C9.82955 7.52632 10.071 7.42653 10.2699 7.22697C10.4688 7.02741 10.5682 6.78509 10.5682 6.5C10.5682 6.21491 10.4688 5.97259 10.2699 5.77303C10.071 5.57346 9.82955 5.47368 9.54545 5.47368C9.26136 5.47368 9.01989 5.57346 8.82102 5.77303C8.62216 5.97259 8.52273 6.21491 8.52273 6.5C8.52273 6.78509 8.62216 7.02741 8.82102 7.22697C9.01989 7.42653 9.26136 7.52632 9.54545 7.52632ZM4.77273 10.2632H10.2273V8.89474H4.77273V10.2632ZM3.40909 11.6316H11.5909V3.42105H3.40909V11.6316Z" />
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7 6C8.65685 6 10 4.65685 10 3C10 1.34315 8.65685 0 7 0C5.34315 0 4 1.34315 4 3C4 4.65685 5.34315 6 7 6Z" />
3
+ <path d="M0 15C0 11.134 3.13401 8 7 8C10.866 8 14 11.134 14 15H0Z" />
4
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="13" height="15" viewBox="0 0 13 15" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11.7338 5.0828C11.1277 5.0828 10.6364 4.58974 10.6364 3.98152C10.6364 3.71833 10.7292 3.47059 10.8909 3.27613C10.0054 2.31985 8.83332 1.67335 7.54261 1.44603C7.39808 1.88687 6.98423 2.2025 6.50005 2.2025C6.01587 2.2025 5.60204 1.88687 5.4575 1.44603C4.16681 1.67326 2.99468 2.31981 2.10916 3.27613C2.2709 3.47059 2.36373 3.71833 2.36373 3.98152C2.36373 4.58974 1.87241 5.0828 1.26633 5.0828C1.16559 5.0828 1.06668 5.06907 0.971752 5.04259C0.666295 5.77226 0.506596 6.55967 0.506596 7.3701C0.506596 8.23786 0.689721 9.07905 1.03837 9.85065C1.11267 9.83488 1.18901 9.82683 1.26633 9.82683C1.87241 9.82683 2.36373 10.3199 2.36373 10.9281C2.36373 11.1496 2.29806 11.3608 2.17968 11.5389C3.05725 12.4548 4.20156 13.073 5.45752 13.2941C5.60206 12.8533 6.0159 12.5377 6.50008 12.5377C6.98426 12.5377 7.39809 12.8533 7.54264 13.2941C8.79864 13.073 9.94299 12.4548 10.8205 11.5389C10.7021 11.3608 10.6364 11.1496 10.6364 10.9281C10.6364 10.3199 11.1278 9.82683 11.7338 9.82683C11.8112 9.82683 11.8875 9.83488 11.9618 9.85065C12.3104 9.07903 12.4936 8.23785 12.4936 7.3701C12.4936 6.55964 12.3339 5.77226 12.0284 5.04259C11.9335 5.06907 11.8346 5.0828 11.7338 5.0828H11.7338ZM12.3889 4.6053C12.7895 5.46325 13 6.40193 13 7.37007C13 8.39175 12.7656 9.38046 12.3212 10.2753L12.2105 10.4982L11.9862 10.3916C11.9081 10.3546 11.8226 10.335 11.7338 10.335C11.4074 10.335 11.1429 10.6006 11.1429 10.928C11.1429 11.0948 11.2115 11.25 11.3307 11.3616L11.5119 11.5313L11.3466 11.7168C10.3194 12.8694 8.91728 13.6258 7.37614 13.8342L7.10745 13.8705L7.08958 13.599C7.06925 13.2888 6.8116 13.0458 6.5 13.0458C6.1884 13.0458 5.93075 13.2888 5.91042 13.599L5.89255 13.8705L5.62386 13.8342C4.08272 13.6258 2.68058 12.8694 1.65339 11.7168L1.48813 11.5313L1.66933 11.3616C1.78848 11.25 1.85712 11.0948 1.85712 10.928C1.85712 10.6006 1.59255 10.335 1.26622 10.335C1.17741 10.335 1.09189 10.3546 1.0138 10.3916L0.789469 10.4982L0.678783 10.2753C0.234449 9.38042 0 8.39171 0 7.37007C0 6.40193 0.21049 5.4633 0.611082 4.6053L0.728857 4.35315L0.968357 4.49384C1.05794 4.54646 1.15973 4.57453 1.26623 4.57453C1.59257 4.57453 1.85714 4.30902 1.85714 3.98153C1.85714 3.78728 1.76371 3.6092 1.60889 3.49834L1.38355 3.33696L1.56377 3.12605C2.59708 1.9168 4.03629 1.1206 5.62386 0.905852L5.89255 0.869507L5.91041 1.14101C5.93075 1.45119 6.18839 1.69419 6.5 1.69419C6.8116 1.69419 7.06925 1.45119 7.08958 1.14101L7.10744 0.869507L7.37614 0.905852C8.96371 1.12056 10.4028 1.91674 11.4362 3.12605L11.6164 3.33696L11.3911 3.49834C11.2363 3.6092 11.1429 3.78728 11.1429 3.98153C11.1429 4.30902 11.4074 4.57453 11.7338 4.57453C11.8403 4.57453 11.9421 4.54645 12.0316 4.49384L12.2711 4.35315L12.3889 4.6053Z" />
3
+ <path d="M6.49974 2.20255C5.89367 2.20255 5.40234 1.70949 5.40234 1.10128C5.40234 0.493061 5.89367 0 6.49974 0C7.10582 0 7.59714 0.493061 7.59714 1.10128C7.59714 1.70949 7.10582 2.20255 6.49974 2.20255Z" />
4
+ <path d="M6.49974 14.7401C5.89367 14.7401 5.40234 14.2471 5.40234 13.6389C5.40234 13.0307 5.89367 12.5376 6.49974 12.5376C7.10582 12.5376 7.59714 13.0307 7.59714 13.6389C7.59714 14.2471 7.10582 14.7401 6.49974 14.7401Z" />
5
+ <path d="M1.26634 5.0828C0.66027 5.0828 0.168945 4.58974 0.168945 3.98153C0.168945 3.37331 0.66027 2.88025 1.26634 2.88025C1.87242 2.88025 2.36374 3.37331 2.36374 3.98153C2.36374 4.58974 1.87242 5.0828 1.26634 5.0828Z" />
6
+ <path d="M11.7331 12.0293C11.1271 12.0293 10.6357 11.5363 10.6357 10.9281C10.6357 10.3198 11.1271 9.82678 11.7331 9.82678C12.3392 9.82678 12.8305 10.3198 12.8305 10.9281C12.8305 11.5363 12.3392 12.0293 11.7331 12.0293Z" />
7
+ <path d="M1.26634 12.0293C0.66027 12.0293 0.168945 11.5363 0.168945 10.9281C0.168945 10.3198 0.66027 9.82678 1.26634 9.82678C1.87242 9.82678 2.36374 10.3198 2.36374 10.9281C2.36374 11.5363 1.87242 12.0293 1.26634 12.0293Z" />
8
+ <path d="M11.7331 5.0828C11.1271 5.0828 10.6357 4.58974 10.6357 3.98153C10.6357 3.37331 11.1271 2.88025 11.7331 2.88025C12.3392 2.88025 12.8305 3.37331 12.8305 3.98153C12.8305 4.58974 12.3392 5.0828 11.7331 5.0828Z" />
9
+ <path d="M5.45543 7.8294C4.86712 7.45828 4.47482 6.78338 4.47482 6.01469C4.47482 4.84762 5.37915 3.89685 6.50079 3.89685C7.62243 3.89685 8.52676 4.84762 8.52676 6.01469C8.52676 6.78339 8.13447 7.45821 7.54615 7.8294L9.07435 8.78098C9.46866 9.02652 9.70856 9.45918 9.70856 9.92494C9.70856 10.3386 9.37441 10.674 8.96217 10.674H4.03935C3.62711 10.674 3.29297 10.3386 3.29297 9.92494C3.29297 9.45918 3.53286 9.02651 3.92718 8.78098L5.45543 7.8294Z" />
10
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0H14C14.5304 0 15.0391 0.210714 15.4142 0.585786C15.7893 0.960859 16 1.46957 16 2V4C15.4696 4 14.9609 4.21071 14.5858 4.58579C14.2107 4.96086 14 5.46957 14 6C14 6.53043 14.2107 7.03914 14.5858 7.41421C14.9609 7.78929 15.4696 8 16 8V10C16 10.5304 15.7893 11.0391 15.4142 11.4142C15.0391 11.7893 14.5304 12 14 12H2C1.46957 12 0.960859 11.7893 0.585786 11.4142C0.210714 11.0391 0 10.5304 0 10V8C0.530433 8 1.03914 7.78929 1.41421 7.41421C1.78929 7.03914 2 6.53043 2 6C2 5.46957 1.78929 4.96086 1.41421 4.58579C1.03914 4.21071 0.530433 4 0 4V2Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1.02743 1.5941C1.52325 1.10661 2.19308 0.834961 2.88889 0.834961H16.1111C16.8069 0.834961 17.4767 1.10661 17.9726 1.5941C18.4688 2.08202 18.75 2.7465 18.75 3.4421V6.22782C18.75 6.42673 18.671 6.6175 18.5303 6.75815C18.3897 6.8988 18.1989 6.97782 18 6.97782C17.6939 6.97782 17.4028 7.0975 17.1902 7.30657C16.978 7.51521 16.8611 7.79547 16.8611 8.08496C16.8611 8.37445 16.978 8.65471 17.1902 8.86335C17.4028 9.07242 17.6939 9.1921 18 9.1921C18.4142 9.1921 18.75 9.52789 18.75 9.9421V12.7278C18.75 13.4234 18.4688 14.0879 17.9726 14.5758C17.4767 15.0633 16.8069 15.335 16.1111 15.335H2.88889C2.19307 15.335 1.52325 15.0633 1.02743 14.5758C0.531168 14.0879 0.25 13.4234 0.25 12.7278V9.9421C0.25 9.52789 0.585786 9.1921 1 9.1921C1.30612 9.1921 1.59719 9.07242 1.80983 8.86335C2.02204 8.65471 2.13889 8.37445 2.13889 8.08496C2.13889 7.79547 2.02204 7.51521 1.80983 7.30657C1.59719 7.0975 1.30612 6.97782 1 6.97782C0.585786 6.97782 0.25 6.64203 0.25 6.22782V3.4421C0.25 2.74651 0.531168 2.08202 1.02743 1.5941ZM13.0833 13.835V12.7278C13.0833 12.3136 12.7475 11.9778 12.3333 11.9778C11.9191 11.9778 11.5833 12.3136 11.5833 12.7278V13.835H2.88889C2.58277 13.835 2.2917 13.7153 2.07906 13.5062C1.86685 13.2976 1.75 13.0173 1.75 12.7278V10.5846C2.16509 10.463 2.54804 10.2411 2.86146 9.93296C3.35772 9.44505 3.63889 8.78056 3.63889 8.08496C3.63889 7.38936 3.35772 6.72487 2.86146 6.23696C2.54804 5.9288 2.16509 5.70689 1.75 5.58533V3.4421C1.75 3.15261 1.86685 2.87236 2.07906 2.66371C2.2917 2.45464 2.58277 2.33496 2.88889 2.33496H11.5833V3.4421C11.5833 3.85632 11.9191 4.1921 12.3333 4.1921C12.7475 4.1921 13.0833 3.85632 13.0833 3.4421V2.33496H16.1111C16.4172 2.33496 16.7083 2.45464 16.9209 2.66371C17.1332 2.87236 17.25 3.15261 17.25 3.4421V5.58533C16.8349 5.70689 16.452 5.9288 16.1385 6.23696C15.6423 6.72487 15.3611 7.38936 15.3611 8.08496C15.3611 8.78056 15.6423 9.44505 16.1385 9.93296C16.452 10.2411 16.8349 10.463 17.25 10.5846V12.7278C17.25 13.0173 17.1332 13.2976 16.9209 13.5062C16.7083 13.7153 16.4172 13.835 16.1111 13.835H13.0833ZM12.3333 6.40639C12.7475 6.40639 13.0833 6.74218 13.0833 7.15639V9.01353C13.0833 9.42775 12.7475 9.76353 12.3333 9.76353C11.9191 9.76353 11.5833 9.42775 11.5833 9.01353V7.15639C11.5833 6.74218 11.9191 6.40639 12.3333 6.40639Z"/>
3
+ </svg>
@@ -0,0 +1,104 @@
1
+ // 1.- libraries
2
+ import { Fragment, useState, useEffect } from "react";
3
+ import { Transition } from "@headlessui/react";
4
+
5
+ // 2.- components
6
+ import { classNames } from "../../../utils";
7
+
8
+ // 3.- icons
9
+ import {
10
+ ExclamationTriangleIcon,
11
+ XCircleIcon,
12
+ CheckCircleIcon,
13
+ InformationCircleIcon,
14
+ } from "@heroicons/react/20/solid";
15
+
16
+ // 4.- hooks
17
+ import { useWindowDimensions } from "../../../hooks/useWindowDimensions";
18
+
19
+ const TYPE_ALERT = {
20
+ warning: {
21
+ color: "bg-yellow-50",
22
+ icon: <ExclamationTriangleIcon className="h-5 w-5 text-yellow-400" aria-hidden="true" />,
23
+ colorTitle: "text-yellow-800",
24
+ colorText: "text-yellow-700",
25
+ },
26
+ error: {
27
+ color: "bg-red-50",
28
+ icon: <XCircleIcon className="h-5 w-5 text-red-400" aria-hidden="true" />,
29
+ colorTitle: "text-red-800",
30
+ colorText: "text-red-700",
31
+ },
32
+ success: {
33
+ color: "bg-green-50",
34
+ icon: <CheckCircleIcon className="h-5 w-5 text-green-400" aria-hidden="true" />,
35
+ colorTitle: "text-green-800",
36
+ colorText: "text-green-700",
37
+ },
38
+ info: {
39
+ color: "bg-blue-50",
40
+ icon: <InformationCircleIcon className="h-5 w-5 text-blue-400" aria-hidden="true" />,
41
+ colorTitle: "text-blue-800",
42
+ colorText: "text-blue-700",
43
+ },
44
+ };
45
+ let timeout;
46
+
47
+ const Alert = ({ type = "info", title, message, active = false, time = 1000, dispatch }) => {
48
+ const { width } = useWindowDimensions();
49
+
50
+ const [isOpen, setIsOpen] = useState(false);
51
+
52
+ useEffect(() => {
53
+ if (active) {
54
+ timeout = window.setTimeout(() => {
55
+ setIsOpen(false);
56
+ dispatch({
57
+ type: "ALERT",
58
+ payload: { title: "", message: "", typeAlert: "", active: false },
59
+ });
60
+ }, time);
61
+ return setIsOpen(true);
62
+ }
63
+
64
+ setIsOpen(false);
65
+ return () => window.clearTimeout(timeout);
66
+ }, [active, dispatch, time]);
67
+
68
+ return (
69
+ <div
70
+ className="fixed top-2.5 w-80 3xs:w-96 z-50"
71
+ style={{ left: `calc(50% - ${width <= 470 ? "160px" : "192px"})` }}
72
+ >
73
+ <Transition
74
+ as={Fragment}
75
+ show={isOpen}
76
+ enter="ease-out duration-300"
77
+ enterFrom="opacity-0 scale-95"
78
+ enterTo="opacity-100 scale-100"
79
+ leave="ease-in duration-200"
80
+ leaveFrom="opacity-100 scale-100"
81
+ leaveTo="opacity-0 scale-95"
82
+ >
83
+ <div className={classNames("rounded-md p-4 text-center", TYPE_ALERT[type].color)}>
84
+ <div className="flex justify-center flex-shrink-0">
85
+ {TYPE_ALERT[type].icon}
86
+ <h3
87
+ className={classNames(
88
+ "text-sm font-medium ml-3",
89
+ TYPE_ALERT[type].colorTitle,
90
+ )}
91
+ >
92
+ {title}
93
+ </h3>
94
+ </div>
95
+ <div className={classNames("mt-2 text-sm", TYPE_ALERT[type].colorText)}>
96
+ <p>{message}</p>
97
+ </div>
98
+ </div>
99
+ </Transition>
100
+ </div>
101
+ );
102
+ };
103
+
104
+ export default Alert;
@@ -0,0 +1,36 @@
1
+ import { render, act } from "@testing-library/react";
2
+ import Alert from "./index";
3
+ import { useWindowDimensions } from "../../../hooks/useWindowDimensions";
4
+
5
+ jest.mock("../../../hooks/useWindowDimensions");
6
+
7
+ describe("Alert", () => {
8
+ beforeEach(() => {
9
+ useWindowDimensions.mockImplementation(() => ({ width: 1024 }));
10
+ });
11
+
12
+ it("renders Alert component without errors", () => {
13
+ useWindowDimensions.mockImplementation(() => ({ width: 375 }));
14
+ render(<Alert />);
15
+ });
16
+
17
+ it("dispatch alert", async () => {
18
+ jest.useFakeTimers();
19
+ const mockDispatch = jest.fn();
20
+ render(
21
+ <Alert
22
+ active={true}
23
+ dispatch={mockDispatch}
24
+ type="warning"
25
+ title="actions"
26
+ message="message"
27
+ />,
28
+ );
29
+ await act(async () => jest.runOnlyPendingTimers());
30
+ jest.useRealTimers();
31
+ expect(mockDispatch).toHaveBeenCalledWith({
32
+ payload: { active: false, message: "", title: "", typeAlert: "" },
33
+ type: "ALERT",
34
+ });
35
+ });
36
+ });
@@ -0,0 +1,63 @@
1
+ // 1.- libraries
2
+ import Image from "next/image";
3
+
4
+ // 2.- icons
5
+ import { UserCircleIcon } from "@heroicons/react/24/solid";
6
+
7
+ // 3.- utils
8
+ import { classNames } from "../../../utils";
9
+
10
+ const Avatar = ({
11
+ src,
12
+ alt,
13
+ width,
14
+ height,
15
+ priority = false,
16
+ className = "",
17
+ classNameIcon = "",
18
+ isIcon = true,
19
+ acronym = "",
20
+ }) => {
21
+ function capitalizeFirstLetter() {
22
+ if (typeof acronym !== "string") return acronym;
23
+ const textLowerCase = acronym.toLowerCase();
24
+ const arrText = textLowerCase.split(" ");
25
+ const lastText = arrText[arrText.length - 1];
26
+ return textLowerCase.charAt(0) + lastText.charAt(0);
27
+ }
28
+
29
+ return (
30
+ <>
31
+ {src ? (
32
+ <Image
33
+ src={src}
34
+ alt={alt}
35
+ width={width}
36
+ height={height}
37
+ className={classNames(className !== "" && className)}
38
+ priority={priority}
39
+ sizes="100vw"
40
+ style={{ width, height }}
41
+ />
42
+ ) : isIcon ? (
43
+ <UserCircleIcon
44
+ className={classNames(
45
+ "bg-white text-default-5",
46
+ classNameIcon !== "" ? classNameIcon : "w-7 h-7",
47
+ )}
48
+ />
49
+ ) : (
50
+ <div
51
+ className={classNames(
52
+ "bg-gray-200 text-default-5 rounded-full font-bold uppercase flex justify-center items-center",
53
+ classNameIcon !== "" ? classNameIcon : "w-7 h-7",
54
+ )}
55
+ >
56
+ {capitalizeFirstLetter()}
57
+ </div>
58
+ )}
59
+ </>
60
+ );
61
+ };
62
+
63
+ export default Avatar;
@@ -0,0 +1,30 @@
1
+ import { render } from "@testing-library/react";
2
+ import Avatar from "./index";
3
+
4
+ describe("Avatar", () => {
5
+ it("renders Avatar component without errors", () => {
6
+ render(<Avatar />);
7
+ });
8
+
9
+ it("classNameIcon", () => {
10
+ render(<Avatar classNameIcon="text-xs" />);
11
+ render(<Avatar isIcon={false} classNameIcon="text-xs" />);
12
+ render(<Avatar isIcon={false} acronym={null} />);
13
+ });
14
+
15
+ it("show image", () => {
16
+ render(
17
+ <Avatar
18
+ src="https://images.unsplash.com/photo"
19
+ alt="image"
20
+ width={200}
21
+ height={500}
22
+ className="w-full"
23
+ />,
24
+ );
25
+ });
26
+
27
+ it("acronym", () => {
28
+ render(<Avatar isIcon={false} acronym="Pepito Perez" />);
29
+ });
30
+ });
@@ -0,0 +1,22 @@
1
+ import { render, fireEvent } from "@testing-library/react";
2
+ import BulletsScreen from "./";
3
+
4
+ describe("Bullets", () => {
5
+ afterEach(() => {
6
+ jest.resetAllMocks();
7
+ });
8
+
9
+ it("renders Bullets component without errors", () => {
10
+ render(<BulletsScreen />);
11
+ });
12
+
13
+ it("select step", () => {
14
+ const clickMock = jest.fn();
15
+ const component = render(<BulletsScreen steps={4} onClick={clickMock} />);
16
+ const step2 = component.getByTestId("step-2");
17
+
18
+ fireEvent.click(step2);
19
+
20
+ expect(clickMock).toHaveBeenCalledWith(2);
21
+ });
22
+ });
@@ -0,0 +1,51 @@
1
+ // 1.- libraries
2
+ import { useState } from "react";
3
+
4
+ const Bullets = ({ steps, onClick }) => {
5
+ const [current, setCurrent] = useState(0);
6
+
7
+ const selectStep = (index) => {
8
+ setCurrent(index);
9
+ onClick(index);
10
+ };
11
+
12
+ return (
13
+ <nav
14
+ className="flex items-center justify-center w-full"
15
+ aria-label="Progress"
16
+ data-testid="bullets"
17
+ >
18
+ <ol role="list" className="flex items-center space-x-5">
19
+ {new Array(steps).fill(1).map((step, index) => (
20
+ <li key={index}>
21
+ {current !== index ? (
22
+ <div
23
+ className="cursor-pointer block h-2.5 w-2.5 rounded-full bg-gray-500 hover:bg-gray-600"
24
+ onClick={() => selectStep(index)}
25
+ data-testid={`step-${index}`}
26
+ >
27
+ <span className="sr-only">step</span>
28
+ </div>
29
+ ) : (
30
+ <div
31
+ className="relative flex items-center justify-center cursor-pointer"
32
+ aria-current="step"
33
+ >
34
+ <span className="absolute flex h-5 w-5 p-px" aria-hidden="true">
35
+ <span className="h-full w-full rounded-full bg-gray-300" />
36
+ </span>
37
+ <span
38
+ className="relative block h-2.5 w-2.5 rounded-full bg-gray-500"
39
+ aria-hidden="true"
40
+ />
41
+ <span className="sr-only">step</span>
42
+ </div>
43
+ )}
44
+ </li>
45
+ ))}
46
+ </ol>
47
+ </nav>
48
+ );
49
+ };
50
+
51
+ export default Bullets;
@@ -0,0 +1,43 @@
1
+ // 1.- libraries
2
+ import classnames from "classnames";
3
+
4
+ // 2.- utils
5
+ import { classNames } from "../../../utils";
6
+
7
+ const ButtonOutline = ({
8
+ className = "text-sm w-full rounded-md",
9
+ children,
10
+ icon = null,
11
+ edge = null,
12
+ disabled = false,
13
+ type = "button",
14
+ onClick,
15
+ id,
16
+ }) => {
17
+ const classText = classnames({
18
+ "ml-2": edge === "start" && icon !== null,
19
+ "mr-2": edge === "end" && icon !== null,
20
+ });
21
+
22
+ return (
23
+ <button
24
+ className={classNames(
25
+ "flex justify-center items-center bg-white px-3 py-7px font-medium leading-6 text-white shadow-sm ring-1 ring-inset ring-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 bg-gray-50",
26
+ className,
27
+ )}
28
+ type={type}
29
+ onClick={onClick}
30
+ disabled={disabled}
31
+ data-testid={`button-outline-${id}`}
32
+ id={`button-outline-${id}`}
33
+ >
34
+ {edge === "start" && icon !== null && <span>{icon}</span>}
35
+ <span className={classNames("flex", classText)} id={id}>
36
+ {children}
37
+ </span>
38
+ {edge === "end" && icon !== null && <span>{icon}</span>}
39
+ </button>
40
+ );
41
+ };
42
+
43
+ export default ButtonOutline;
@@ -0,0 +1,36 @@
1
+ import { render } from "@testing-library/react";
2
+ import Button from "./index";
3
+
4
+ describe("Button", () => {
5
+ it("renders Button component without errors", () => {
6
+ render(<Button className="mt-2">Click</Button>);
7
+ });
8
+
9
+ it("button with icon start", () => {
10
+ const component = render(
11
+ <Button
12
+ id="test"
13
+ edge="start"
14
+ icon={<span className="icon-inbox" data-testid="icon-start"></span>}
15
+ >
16
+ Click
17
+ </Button>,
18
+ );
19
+ const iconStart = component.getByTestId("icon-start");
20
+ expect(iconStart).toHaveClass("icon-inbox");
21
+ });
22
+
23
+ it("button with icon end", () => {
24
+ const component = render(
25
+ <Button
26
+ id="test"
27
+ edge="end"
28
+ icon={<span className="icon-inbox" data-testid="icon-end"></span>}
29
+ >
30
+ Click
31
+ </Button>,
32
+ );
33
+ const iconEnd = component.getByTestId("icon-end");
34
+ expect(iconEnd).toHaveClass("icon-inbox");
35
+ });
36
+ });
@@ -0,0 +1,37 @@
1
+ // 1.- libraries
2
+ import classNames from "classnames";
3
+
4
+ const ButtonPagination = ({
5
+ children,
6
+ className = "",
7
+ icon = null,
8
+ edge = null,
9
+ disabled = false,
10
+ type = "button",
11
+ onClick,
12
+ id,
13
+ }) => {
14
+ const classText = classNames({
15
+ "ml-2": edge === "start" && icon !== null,
16
+ "mr-2": edge === "end" && icon !== null,
17
+ });
18
+
19
+ return (
20
+ <button
21
+ className={`${className} flex justify-center items-center`}
22
+ edge={edge}
23
+ type={type}
24
+ onClick={onClick}
25
+ disabled={disabled}
26
+ data-testid={`button-${id}`}
27
+ >
28
+ {edge === "start" && icon !== null && <span>{icon}</span>}
29
+
30
+ <span className={classText}>{children}</span>
31
+
32
+ {edge === "end" && icon !== null && <span>{icon}</span>}
33
+ </button>
34
+ );
35
+ };
36
+
37
+ export default ButtonPagination;
@@ -0,0 +1,36 @@
1
+ import { render } from "@testing-library/react";
2
+ import ButtonPagination from "./index";
3
+
4
+ describe("ButtonPagination", () => {
5
+ it("renders ButtonPagination component without errors", () => {
6
+ render(<ButtonPagination>Click</ButtonPagination>);
7
+ });
8
+
9
+ it("ButtonPagination with icon start", () => {
10
+ const component = render(
11
+ <ButtonPagination
12
+ id="test"
13
+ edge="start"
14
+ icon={<span className="icon-host" data-testid="icon-start"></span>}
15
+ >
16
+ Click
17
+ </ButtonPagination>,
18
+ );
19
+ const iconStart = component.getByTestId("icon-start");
20
+ expect(iconStart).toBeVisible();
21
+ });
22
+
23
+ it("ButtonPagination with icon end", () => {
24
+ const component = render(
25
+ <ButtonPagination
26
+ id="test"
27
+ edge="end"
28
+ icon={<span className="icon-host" data-testid="icon-end"></span>}
29
+ >
30
+ Click
31
+ </ButtonPagination>,
32
+ );
33
+ const iconEnd = component.getByTestId("icon-end");
34
+ expect(iconEnd).toBeVisible();
35
+ });
36
+ });