@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.30

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 (348) hide show
  1. package/Autocomplete-C_lW1VER.js +337 -0
  2. package/Autocomplete-C_lW1VER.js.map +1 -0
  3. package/Autocomplete-CejWztBY.cjs +336 -0
  4. package/Autocomplete-CejWztBY.cjs.map +1 -0
  5. package/Avatar-Dw5rzayR.cjs +166 -0
  6. package/Avatar-Dw5rzayR.cjs.map +1 -0
  7. package/Avatar-H8akSege.js +167 -0
  8. package/Avatar-H8akSege.js.map +1 -0
  9. package/Button-C17mExpd.cjs.map +1 -1
  10. package/Button-UkkP-bNw.js.map +1 -1
  11. package/Card-DYKGY-NG.js +116 -0
  12. package/Card-DYKGY-NG.js.map +1 -0
  13. package/Card-Dr1-ATRY.cjs +115 -0
  14. package/Card-Dr1-ATRY.cjs.map +1 -0
  15. package/Checkbox-BCqMFWt4.cjs +187 -0
  16. package/Checkbox-BCqMFWt4.cjs.map +1 -0
  17. package/Checkbox-gB5YKkVo.js +188 -0
  18. package/Checkbox-gB5YKkVo.js.map +1 -0
  19. package/{components/DateRangePicker/DateRangePicker.js → Chip-OPYQ1uQ_.js} +33 -35
  20. package/Chip-OPYQ1uQ_.js.map +1 -0
  21. package/{components/DateRangePicker/DateRangePicker.cjs → Chip-qoJLDiva.cjs} +33 -36
  22. package/Chip-qoJLDiva.cjs.map +1 -0
  23. package/DatePicker-_IGWc3I5.js +178 -0
  24. package/DatePicker-_IGWc3I5.js.map +1 -0
  25. package/DatePicker-t7uDTZMl.cjs +177 -0
  26. package/DatePicker-t7uDTZMl.cjs.map +1 -0
  27. package/DateTimePicker-BxQyjTCY.cjs +229 -0
  28. package/DateTimePicker-BxQyjTCY.cjs.map +1 -0
  29. package/DateTimePicker-CrmWav_j.js +230 -0
  30. package/DateTimePicker-CrmWav_j.js.map +1 -0
  31. package/Input-CScC87J5.cjs +185 -0
  32. package/Input-CScC87J5.cjs.map +1 -0
  33. package/Input-DP_fKl38.js +186 -0
  34. package/Input-DP_fKl38.js.map +1 -0
  35. package/Modal-BFpX5AFV.js +347 -0
  36. package/Modal-BFpX5AFV.js.map +1 -0
  37. package/Modal-CkpuI8ns.cjs +346 -0
  38. package/Modal-CkpuI8ns.cjs.map +1 -0
  39. package/RadioGroup-Dd0rHXSX.cjs +202 -0
  40. package/RadioGroup-Dd0rHXSX.cjs.map +1 -0
  41. package/RadioGroup-bO-ahP9T.js +203 -0
  42. package/RadioGroup-bO-ahP9T.js.map +1 -0
  43. package/Select-BY5Y0qZ1.js +376 -0
  44. package/Select-BY5Y0qZ1.js.map +1 -0
  45. package/Select-CURrHSyl.cjs +375 -0
  46. package/Select-CURrHSyl.cjs.map +1 -0
  47. package/Spinner-B6sThC1p.js +74 -0
  48. package/Spinner-B6sThC1p.js.map +1 -0
  49. package/Spinner-D7qRmNS9.cjs +73 -0
  50. package/Spinner-D7qRmNS9.cjs.map +1 -0
  51. package/Stat-BUcFCGrz.cjs +83 -0
  52. package/Stat-BUcFCGrz.cjs.map +1 -0
  53. package/Stat-C06A_izS.js +84 -0
  54. package/Stat-C06A_izS.js.map +1 -0
  55. package/StatusMessage-B3nXpuRl.cjs +88 -0
  56. package/StatusMessage-B3nXpuRl.cjs.map +1 -0
  57. package/StatusMessage-D0WgSBx7.js +89 -0
  58. package/StatusMessage-D0WgSBx7.js.map +1 -0
  59. package/Step-BArsou1V.js +301 -0
  60. package/Step-BArsou1V.js.map +1 -0
  61. package/Step-Nd7SJbRZ.cjs +300 -0
  62. package/Step-Nd7SJbRZ.cjs.map +1 -0
  63. package/Switch-CQFOopYy.cjs +182 -0
  64. package/Switch-CQFOopYy.cjs.map +1 -0
  65. package/Switch-D72dpkH2.js +183 -0
  66. package/Switch-D72dpkH2.js.map +1 -0
  67. package/Tab-BbP8jBcK.cjs +110 -0
  68. package/Tab-BbP8jBcK.cjs.map +1 -0
  69. package/Tab-BxSxKJsP.js +111 -0
  70. package/Tab-BxSxKJsP.js.map +1 -0
  71. package/Table-C2LbW0B1.js +531 -0
  72. package/Table-C2LbW0B1.js.map +1 -0
  73. package/Table-C4OM6rrC.cjs +530 -0
  74. package/Table-C4OM6rrC.cjs.map +1 -0
  75. package/components/ActionMenu/ActionMenu.cjs +52 -52
  76. package/components/ActionMenu/ActionMenu.cjs.map +1 -1
  77. package/components/ActionMenu/ActionMenu.d.ts +20 -36
  78. package/components/ActionMenu/ActionMenu.js +55 -55
  79. package/components/ActionMenu/ActionMenu.js.map +1 -1
  80. package/components/ActionMenu/index.d.ts +2 -2
  81. package/components/AppBar/AppBar.cjs +3 -220
  82. package/components/AppBar/AppBar.cjs.map +1 -1
  83. package/components/AppBar/AppBar.d.ts +6 -6
  84. package/components/AppBar/AppBar.js +6 -223
  85. package/components/AppBar/AppBar.js.map +1 -1
  86. package/components/AppBar/index.d.ts +0 -6
  87. package/components/Autocomplete/Autocomplete.cjs +4 -311
  88. package/components/Autocomplete/Autocomplete.cjs.map +1 -1
  89. package/components/Autocomplete/Autocomplete.d.ts +8 -6
  90. package/components/Autocomplete/Autocomplete.helpers.d.ts +8 -4
  91. package/components/Autocomplete/Autocomplete.js +4 -311
  92. package/components/Autocomplete/Autocomplete.js.map +1 -1
  93. package/components/Autocomplete/_parts/AutocompleteOption.d.ts +5 -8
  94. package/components/Autocomplete/index.d.ts +1 -1
  95. package/components/Avatar/Avatar.cjs +2 -160
  96. package/components/Avatar/Avatar.cjs.map +1 -1
  97. package/components/Avatar/Avatar.d.ts +16 -1
  98. package/components/Avatar/Avatar.js +2 -160
  99. package/components/Avatar/Avatar.js.map +1 -1
  100. package/components/Avatar/index.d.ts +1 -0
  101. package/components/Button/Button.d.ts +5 -5
  102. package/components/Button/index.d.ts +1 -0
  103. package/components/Card/Card.cjs +4 -184
  104. package/components/Card/Card.cjs.map +1 -1
  105. package/components/Card/Card.d.ts +21 -50
  106. package/components/Card/Card.js +4 -184
  107. package/components/Card/Card.js.map +1 -1
  108. package/components/Card/Card.sx.d.ts +3 -6
  109. package/components/Card/index.d.ts +1 -1
  110. package/components/Checkbox/Checkbox.cjs +6 -0
  111. package/components/Checkbox/Checkbox.cjs.map +1 -0
  112. package/components/Checkbox/Checkbox.d.ts +55 -0
  113. package/components/Checkbox/Checkbox.js +6 -0
  114. package/components/Checkbox/Checkbox.js.map +1 -0
  115. package/components/Checkbox/Checkbox.sx.d.ts +13 -0
  116. package/components/Checkbox/index.d.ts +2 -0
  117. package/components/Checkbox.d.ts +6 -0
  118. package/components/Chip/Chip.cjs +4 -72
  119. package/components/Chip/Chip.cjs.map +1 -1
  120. package/components/Chip/Chip.js +3 -71
  121. package/components/Chip/Chip.js.map +1 -1
  122. package/components/Chip/index.d.ts +2 -1
  123. package/components/Chip.d.ts +4 -0
  124. package/components/Column/Column.cjs +1 -1
  125. package/components/Column/Column.cjs.map +1 -1
  126. package/components/Column/Column.d.ts +1 -1
  127. package/components/Column/Column.js +1 -1
  128. package/components/Column/Column.js.map +1 -1
  129. package/components/Column/index.d.ts +1 -0
  130. package/components/DatePicker/DatePicker.cjs +3 -200
  131. package/components/DatePicker/DatePicker.cjs.map +1 -1
  132. package/components/DatePicker/DatePicker.d.ts +1 -13
  133. package/components/DatePicker/DatePicker.js +3 -200
  134. package/components/DatePicker/DatePicker.js.map +1 -1
  135. package/components/DatePicker/index.d.ts +1 -1
  136. package/components/DateTimePicker/DateTimePicker.cjs +3 -219
  137. package/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
  138. package/components/DateTimePicker/DateTimePicker.d.ts +10 -6
  139. package/components/DateTimePicker/DateTimePicker.definitions.d.ts +2 -0
  140. package/components/DateTimePicker/DateTimePicker.helpers.d.ts +4 -2
  141. package/components/DateTimePicker/DateTimePicker.js +3 -219
  142. package/components/DateTimePicker/DateTimePicker.js.map +1 -1
  143. package/components/DateTimePicker/index.d.ts +1 -1
  144. package/components/Drawer/Drawer.cjs +25 -24
  145. package/components/Drawer/Drawer.cjs.map +1 -1
  146. package/components/Drawer/Drawer.d.ts +8 -1
  147. package/components/Drawer/Drawer.js +26 -25
  148. package/components/Drawer/Drawer.js.map +1 -1
  149. package/components/Drawer/DrawerItem.d.ts +6 -1
  150. package/components/Gallery/Gallery.cjs +154 -79
  151. package/components/Gallery/Gallery.cjs.map +1 -1
  152. package/components/Gallery/Gallery.d.ts +25 -9
  153. package/components/Gallery/Gallery.js +154 -79
  154. package/components/Gallery/Gallery.js.map +1 -1
  155. package/components/Gallery/GalleryLightbox.d.ts +6 -10
  156. package/components/Gallery/GalleryMain.d.ts +3 -7
  157. package/components/Gallery/GalleryThumbnails.d.ts +7 -11
  158. package/components/Gallery/index.d.ts +2 -1
  159. package/components/Gallery.d.ts +4 -0
  160. package/components/Icon/Icon.cjs +6 -8
  161. package/components/Icon/Icon.cjs.map +1 -1
  162. package/components/Icon/Icon.d.ts +11 -17
  163. package/components/Icon/Icon.js +6 -8
  164. package/components/Icon/Icon.js.map +1 -1
  165. package/components/Icon/index.d.ts +2 -1
  166. package/components/Icon.d.ts +4 -0
  167. package/components/Input/Input.cjs +3 -172
  168. package/components/Input/Input.cjs.map +1 -1
  169. package/components/Input/Input.d.ts +9 -2
  170. package/components/Input/Input.definitions.d.ts +1 -0
  171. package/components/Input/Input.helpers.d.ts +3 -3
  172. package/components/Input/Input.js +3 -172
  173. package/components/Input/Input.js.map +1 -1
  174. package/components/Input/index.d.ts +1 -1
  175. package/components/InputGroup/InputGroup.cjs +23 -22
  176. package/components/InputGroup/InputGroup.cjs.map +1 -1
  177. package/components/InputGroup/InputGroup.d.ts +4 -4
  178. package/components/InputGroup/InputGroup.js +22 -21
  179. package/components/InputGroup/InputGroup.js.map +1 -1
  180. package/components/InputGroup/index.d.ts +2 -1
  181. package/components/InputGroup.d.ts +4 -0
  182. package/components/Modal/Modal.cjs +7 -317
  183. package/components/Modal/Modal.cjs.map +1 -1
  184. package/components/Modal/Modal.d.ts +20 -5
  185. package/components/Modal/Modal.js +6 -316
  186. package/components/Modal/Modal.js.map +1 -1
  187. package/components/Modal/ModalBody.d.ts +6 -1
  188. package/components/Modal/ModalFooter.d.ts +4 -4
  189. package/components/Modal/ModalHeader.d.ts +6 -1
  190. package/components/Modal/index.d.ts +3 -1
  191. package/components/Modal.d.ts +4 -0
  192. package/components/RadioGroup/RadioGroup.cjs +6 -0
  193. package/components/RadioGroup/RadioGroup.cjs.map +1 -0
  194. package/components/RadioGroup/RadioGroup.d.ts +59 -0
  195. package/components/RadioGroup/RadioGroup.definitions.d.ts +6 -0
  196. package/components/RadioGroup/RadioGroup.js +6 -0
  197. package/components/RadioGroup/RadioGroup.js.map +1 -0
  198. package/components/RadioGroup/RadioGroup.sx.d.ts +20 -0
  199. package/components/RadioGroup/index.d.ts +2 -0
  200. package/components/RadioGroup.d.ts +6 -0
  201. package/components/Select/Select.cjs +4 -445
  202. package/components/Select/Select.cjs.map +1 -1
  203. package/components/Select/Select.d.ts +37 -18
  204. package/components/Select/Select.helpers.d.ts +5 -19
  205. package/components/Select/Select.js +4 -445
  206. package/components/Select/Select.js.map +1 -1
  207. package/components/Select/index.d.ts +1 -1
  208. package/components/Spinner/Spinner.cjs +6 -0
  209. package/components/Spinner/Spinner.cjs.map +1 -0
  210. package/components/Spinner/Spinner.d.ts +26 -0
  211. package/components/Spinner/Spinner.js +6 -0
  212. package/components/Spinner/Spinner.js.map +1 -0
  213. package/components/Spinner/index.d.ts +2 -0
  214. package/components/Spinner.d.ts +6 -0
  215. package/components/Stat/Stat.cjs +4 -83
  216. package/components/Stat/Stat.cjs.map +1 -1
  217. package/components/Stat/Stat.js +3 -82
  218. package/components/Stat/Stat.js.map +1 -1
  219. package/components/Stat/index.d.ts +2 -1
  220. package/components/Stat.d.ts +4 -0
  221. package/components/StatusMessage/StatusMessage.cjs +4 -77
  222. package/components/StatusMessage/StatusMessage.cjs.map +1 -1
  223. package/components/StatusMessage/StatusMessage.d.ts +20 -36
  224. package/components/StatusMessage/StatusMessage.js +3 -76
  225. package/components/StatusMessage/StatusMessage.js.map +1 -1
  226. package/components/StatusMessage/index.d.ts +2 -1
  227. package/components/StatusMessage.d.ts +4 -0
  228. package/components/Stepper/Stepper.cjs +8 -47
  229. package/components/Stepper/Stepper.cjs.map +1 -1
  230. package/components/Stepper/Stepper.d.ts +9 -8
  231. package/components/Stepper/Stepper.js +7 -46
  232. package/components/Stepper/Stepper.js.map +1 -1
  233. package/{hooks/Wizard/WizardContext.d.ts → components/Stepper/StepperContext.d.ts} +29 -23
  234. package/components/Stepper/_hooks/useHorizontalScroll.d.ts +19 -0
  235. package/components/Stepper/_parts/StepperScrollArrow.d.ts +19 -0
  236. package/components/Stepper/index.d.ts +6 -2
  237. package/components/Stepper.d.ts +4 -0
  238. package/components/Switch/Switch.cjs +6 -0
  239. package/components/Switch/Switch.cjs.map +1 -0
  240. package/components/Switch/Switch.d.ts +48 -0
  241. package/components/Switch/Switch.definitions.d.ts +7 -0
  242. package/components/Switch/Switch.js +6 -0
  243. package/components/Switch/Switch.js.map +1 -0
  244. package/components/Switch/Switch.sx.d.ts +22 -0
  245. package/components/Switch/Switch.types.d.ts +1 -0
  246. package/components/Switch/index.d.ts +2 -0
  247. package/components/Switch.d.ts +6 -0
  248. package/components/Table/Table.cjs +2 -528
  249. package/components/Table/Table.cjs.map +1 -1
  250. package/components/Table/Table.d.ts +1 -1
  251. package/components/Table/Table.js +2 -528
  252. package/components/Table/Table.js.map +1 -1
  253. package/components/Tabs/Tabs.cjs +5 -94
  254. package/components/Tabs/Tabs.cjs.map +1 -1
  255. package/components/Tabs/Tabs.d.ts +21 -16
  256. package/components/Tabs/Tabs.js +4 -93
  257. package/components/Tabs/Tabs.js.map +1 -1
  258. package/components/Tabs/index.d.ts +4 -2
  259. package/components/Tabs.d.ts +4 -0
  260. package/components/Timeline/Timeline.cjs +3 -2
  261. package/components/Timeline/Timeline.cjs.map +1 -1
  262. package/components/Timeline/Timeline.d.ts +4 -8
  263. package/components/Timeline/Timeline.js +3 -2
  264. package/components/Timeline/Timeline.js.map +1 -1
  265. package/components/Timeline/index.d.ts +4 -2
  266. package/components/Timeline.d.ts +4 -0
  267. package/components/_shared/mergeSx.d.ts +7 -0
  268. package/{formField.sx-DfVbMe0V.js → formField.sx-8_QRnKxv.js} +2 -11
  269. package/formField.sx-8_QRnKxv.js.map +1 -0
  270. package/{formField.sx-CQ1mbk9M.cjs → formField.sx-BAX7KwMR.cjs} +10 -19
  271. package/formField.sx-BAX7KwMR.cjs.map +1 -0
  272. package/index.cjs +94 -2
  273. package/index.cjs.map +1 -1
  274. package/index.d.ts +34 -0
  275. package/index.js +68 -3
  276. package/index.js.map +1 -1
  277. package/local/affiliations/affiliations.dev.soyfri.com-key.pem +28 -0
  278. package/local/affiliations/affiliations.dev.soyfri.com.pem +27 -0
  279. package/local/aficiliaciones/afiliaciones.dev.soyfri.com-key.pem +28 -0
  280. package/local/aficiliaciones/afiliaciones.dev.soyfri.com.pem +27 -0
  281. package/local/afiliaciones/afiliaciones.dev.soyfri.com-key.pem +28 -0
  282. package/local/afiliaciones/afiliaciones.dev.soyfri.com.pem +27 -0
  283. package/local/root/rootCA-key.pem +40 -0
  284. package/local/root/rootCA.pem +30 -0
  285. package/local/soporte/supportweb.dev.soyfri.com-key.pem +28 -0
  286. package/local/soporte/supportweb.dev.soyfri.com.pem +27 -0
  287. package/local/support/supportweb.dev.soyfri.com-key.pem +28 -0
  288. package/local/support/supportweb.dev.soyfri.com.pem +27 -0
  289. package/mergeSx-BXoNZjB_.js +10 -0
  290. package/mergeSx-BXoNZjB_.js.map +1 -0
  291. package/mergeSx-Dbccoo_H.cjs +9 -0
  292. package/mergeSx-Dbccoo_H.cjs.map +1 -0
  293. package/mui.d.ts +3 -1
  294. package/package.json +73 -73
  295. package/{resolvePreset-CT3kU-K2.cjs → resolvePreset-CxTI6_Ln.cjs} +3 -3
  296. package/{resolvePreset-CT3kU-K2.cjs.map → resolvePreset-CxTI6_Ln.cjs.map} +1 -1
  297. package/{resolvePreset-B-IB0ehH.js → resolvePreset-K6_BfWHD.js} +3 -3
  298. package/{resolvePreset-B-IB0ehH.js.map → resolvePreset-K6_BfWHD.js.map} +1 -1
  299. package/theme/componentStyles.d.ts +1 -1
  300. package/tokens-BRrcP_p_.js +21 -0
  301. package/tokens-BRrcP_p_.js.map +1 -0
  302. package/tokens-jaWWNk39.cjs +20 -0
  303. package/tokens-jaWWNk39.cjs.map +1 -0
  304. package/utils/index.d.ts +2 -0
  305. package/{components/ScrollTopButton → utils}/scrollToTop.d.ts +6 -7
  306. package/components/AppBar/AppBarBrand.d.ts +0 -31
  307. package/components/AppBar/AppBarUserMenu.d.ts +0 -65
  308. package/components/Autocomplete/Autocomplete.types.d.ts +0 -1
  309. package/components/DatePicker/DatePicker.types.d.ts +0 -1
  310. package/components/DateRangePicker/DateRangePicker.cjs.map +0 -1
  311. package/components/DateRangePicker/DateRangePicker.d.ts +0 -15
  312. package/components/DateRangePicker/DateRangePicker.definitions.d.ts +0 -6
  313. package/components/DateRangePicker/DateRangePicker.js.map +0 -1
  314. package/components/DateRangePicker/index.d.ts +0 -1
  315. package/components/DateRangePicker.d.ts +0 -2
  316. package/components/DateTimePicker/DateTimePicker.types.d.ts +0 -1
  317. package/components/Input/Input.types.d.ts +0 -1
  318. package/components/PageLoader/PageLoader.cjs +0 -61
  319. package/components/PageLoader/PageLoader.cjs.map +0 -1
  320. package/components/PageLoader/PageLoader.d.ts +0 -38
  321. package/components/PageLoader/PageLoader.js +0 -61
  322. package/components/PageLoader/PageLoader.js.map +0 -1
  323. package/components/PageLoader/index.d.ts +0 -2
  324. package/components/PageLoader.d.ts +0 -6
  325. package/components/ScrollTopButton/ScrollTopButton.cjs +0 -79
  326. package/components/ScrollTopButton/ScrollTopButton.cjs.map +0 -1
  327. package/components/ScrollTopButton/ScrollTopButton.d.ts +0 -48
  328. package/components/ScrollTopButton/ScrollTopButton.js +0 -79
  329. package/components/ScrollTopButton/ScrollTopButton.js.map +0 -1
  330. package/components/ScrollTopButton/index.d.ts +0 -4
  331. package/components/ScrollTopButton.d.ts +0 -6
  332. package/components/Select/Select.definitions.d.ts +0 -17
  333. package/components/Select/Select.types.d.ts +0 -1
  334. package/components/Select/_parts/SelectSearchHeader.d.ts +0 -15
  335. package/formField.sx-CQ1mbk9M.cjs.map +0 -1
  336. package/formField.sx-DfVbMe0V.js.map +0 -1
  337. package/hooks/Wizard/Wizard.cjs +0 -7
  338. package/hooks/Wizard/Wizard.cjs.map +0 -1
  339. package/hooks/Wizard/Wizard.js +0 -7
  340. package/hooks/Wizard/Wizard.js.map +0 -1
  341. package/hooks/Wizard/index.d.ts +0 -3
  342. package/hooks/Wizard/useWizard.d.ts +0 -9
  343. package/hooks/Wizard.d.ts +0 -2
  344. package/useWizard-CWdIxZzX.cjs +0 -94
  345. package/useWizard-CWdIxZzX.cjs.map +0 -1
  346. package/useWizard-CWq--C3o.js +0 -95
  347. package/useWizard-CWq--C3o.js.map +0 -1
  348. /package/{styles.css → index.css} +0 -0
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const React = require("react");
4
+ const material = require("@mui/material");
5
+ const Stat = ({
6
+ stat,
7
+ stat2,
8
+ label,
9
+ color = "#1469B8",
10
+ chipColor = "#1469B8",
11
+ chips = [],
12
+ simple = false,
13
+ chip = false,
14
+ chipList = false,
15
+ children,
16
+ statDisplay
17
+ }) => {
18
+ const selectedTemplate = React.useMemo(() => {
19
+ if (simple) return "simple";
20
+ if (chip) return "chip";
21
+ if (chipList) return "chipList";
22
+ return "default";
23
+ }, [simple, chip, chipList]);
24
+ const renderStatDisplay = () => {
25
+ return statDisplay ? statDisplay(stat) : stat;
26
+ };
27
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
28
+ selectedTemplate === "default" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "stat", children: [
29
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
30
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "stat__label", display: "flex", alignItems: "center", gap: 1, children: [
31
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
32
+ /* @__PURE__ */ jsxRuntime.jsx(
33
+ material.Box,
34
+ {
35
+ width: 40,
36
+ height: 4,
37
+ bgcolor: color,
38
+ "data-testid": "stat-border",
39
+ borderRadius: 2
40
+ }
41
+ )
42
+ ] })
43
+ ] }),
44
+ selectedTemplate === "simple" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
45
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
46
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
47
+ stat2 && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: stat2 })
48
+ ] }),
49
+ selectedTemplate === "chip" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
50
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
51
+ /* @__PURE__ */ jsxRuntime.jsx(
52
+ material.Chip,
53
+ {
54
+ "data-testid": "chip-template-option-outlet",
55
+ label: renderStatDisplay(),
56
+ sx: {
57
+ backgroundColor: chipColor,
58
+ color: "#fff",
59
+ fontWeight: "bold"
60
+ }
61
+ }
62
+ )
63
+ ] }),
64
+ selectedTemplate === "chipList" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
65
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
66
+ /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", spacing: 1, children: chips.map((chip2, i) => /* @__PURE__ */ jsxRuntime.jsx(
67
+ material.Chip,
68
+ {
69
+ label: chip2.stat,
70
+ sx: {
71
+ backgroundColor: chip2.chipColor,
72
+ color: "#fff",
73
+ fontWeight: "bold"
74
+ }
75
+ },
76
+ i
77
+ )) })
78
+ ] }),
79
+ children
80
+ ] });
81
+ };
82
+ exports.Stat = Stat;
83
+ //# sourceMappingURL=Stat-BUcFCGrz.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stat-BUcFCGrz.cjs","sources":["../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Chip, Stack, Typography, Box } from '@mui/material';\n\nexport interface StatChip {\n stat: any;\n chipColor: string;\n}\n\nexport interface StatProps {\n stat: any; // Replace 'any' with the actual type of 'stat'\n stat2?: any; // Replace 'any' with the actual type of'stat2'\n label: string; // Replace 'any' with the actual type of'label'\n color?: string;\n chipColor?: string;\n chips?: StatChip[]; // Replace 'any' with the actual type of'chips'\n simple?: boolean;\n chip?: boolean;\n chipList?: boolean;\n children?: React.ReactNode;\n statDisplay?: (stat: any) => React.ReactNode;\n}\n\nexport const Stat: React.FC<StatProps> = ({\n stat,\n stat2,\n label,\n color = '#1469B8',\n chipColor = '#1469B8',\n chips = [],\n simple = false,\n chip = false,\n chipList = false,\n children,\n statDisplay,\n}) => {\n const selectedTemplate = useMemo(() => {\n if (simple) return 'simple';\n if (chip) return 'chip';\n if (chipList) return 'chipList';\n return 'default';\n }, [simple, chip, chipList]);\n\n const renderStatDisplay = () => {\n return statDisplay ? statDisplay(stat) : stat;\n };\n\n return (\n <>\n {selectedTemplate === 'default' && (\n <Box className=\"stat\">\n <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n {renderStatDisplay()}\n </Typography>\n <Box className=\"stat__label\" display=\"flex\" alignItems=\"center\" gap={1}>\n <Typography variant=\"body1\">{label}</Typography>\n <Box\n width={40}\n height={4}\n bgcolor={color}\n data-testid=\"stat-border\"\n borderRadius={2}\n />\n </Box>\n </Box>\n )}\n\n {selectedTemplate === 'simple' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Typography variant=\"h6\" data-testid=\"selection-template-option-outlet\">\n {renderStatDisplay()}\n </Typography>\n {stat2 && <Typography>{stat2}</Typography>}\n </Stack>\n )}\n\n {selectedTemplate === 'chip' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Chip\n data-testid=\"chip-template-option-outlet\"\n label={renderStatDisplay()}\n sx={{\n backgroundColor: chipColor,\n color: '#fff',\n fontWeight: 'bold',\n }}\n />\n </Stack>\n )}\n\n {selectedTemplate === 'chipList' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Stack direction=\"row\" spacing={1}>\n {chips.map((chip, i) => (\n <Chip\n key={i}\n label={chip.stat}\n sx={{\n backgroundColor: chip.chipColor,\n color: '#fff',\n fontWeight: 'bold',\n }}\n />\n ))}\n </Stack>\n </Stack>\n )}\n\n {/* Content projection (similar to ng-content) */}\n {children}\n </>\n );\n};\n\nexport default Stat;"],"names":["useMemo","jsxs","Fragment","Box","jsx","Typography","Stack","Chip","chip"],"mappings":";;;;AAsBO,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmBA,MAAAA,QAAQ,MAAM;AACrC,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,QAAQ,CAAC;AAE3B,QAAM,oBAAoB,MAAM;AAC9B,WAAO,cAAc,YAAY,IAAI,IAAI;AAAA,EAC3C;AAEA,SACEC,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpBD,gCAACE,SAAAA,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAAC,+BAACC,SAAAA,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACAJ,2BAAAA,KAACE,SAAAA,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAAC,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnCD,2BAAAA;AAAAA,UAACD,SAAAA;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD,qBAAqB,YACpBF,gCAACK,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,qCAClCA,SAAAA,YAAA,EAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACC,SAASD,2BAAAA,IAACC,SAAAA,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpBJ,gCAACK,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCD,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO,kBAAA;AAAA,UACP,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,qBAAqB,cACpBN,gCAACK,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACE,OAAM,MAChBJ,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAEC,OAAOC,MAAK;AAAA,UACZ,IAAI;AAAA,YACF,iBAAiBA,MAAK;AAAA,YACtB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QANK;AAAA,MAAA,CAQR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;;"}
@@ -0,0 +1,84 @@
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+ import { useMemo } from "react";
3
+ import { Box, Typography, Stack, Chip } from "@mui/material";
4
+ const Stat = ({
5
+ stat,
6
+ stat2,
7
+ label,
8
+ color = "#1469B8",
9
+ chipColor = "#1469B8",
10
+ chips = [],
11
+ simple = false,
12
+ chip = false,
13
+ chipList = false,
14
+ children,
15
+ statDisplay
16
+ }) => {
17
+ const selectedTemplate = useMemo(() => {
18
+ if (simple) return "simple";
19
+ if (chip) return "chip";
20
+ if (chipList) return "chipList";
21
+ return "default";
22
+ }, [simple, chip, chipList]);
23
+ const renderStatDisplay = () => {
24
+ return statDisplay ? statDisplay(stat) : stat;
25
+ };
26
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
27
+ selectedTemplate === "default" && /* @__PURE__ */ jsxs(Box, { className: "stat", children: [
28
+ /* @__PURE__ */ jsx(Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
29
+ /* @__PURE__ */ jsxs(Box, { className: "stat__label", display: "flex", alignItems: "center", gap: 1, children: [
30
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
31
+ /* @__PURE__ */ jsx(
32
+ Box,
33
+ {
34
+ width: 40,
35
+ height: 4,
36
+ bgcolor: color,
37
+ "data-testid": "stat-border",
38
+ borderRadius: 2
39
+ }
40
+ )
41
+ ] })
42
+ ] }),
43
+ selectedTemplate === "simple" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
44
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
45
+ /* @__PURE__ */ jsx(Typography, { variant: "h6", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
46
+ stat2 && /* @__PURE__ */ jsx(Typography, { children: stat2 })
47
+ ] }),
48
+ selectedTemplate === "chip" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
49
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
50
+ /* @__PURE__ */ jsx(
51
+ Chip,
52
+ {
53
+ "data-testid": "chip-template-option-outlet",
54
+ label: renderStatDisplay(),
55
+ sx: {
56
+ backgroundColor: chipColor,
57
+ color: "#fff",
58
+ fontWeight: "bold"
59
+ }
60
+ }
61
+ )
62
+ ] }),
63
+ selectedTemplate === "chipList" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
64
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
65
+ /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: chips.map((chip2, i) => /* @__PURE__ */ jsx(
66
+ Chip,
67
+ {
68
+ label: chip2.stat,
69
+ sx: {
70
+ backgroundColor: chip2.chipColor,
71
+ color: "#fff",
72
+ fontWeight: "bold"
73
+ }
74
+ },
75
+ i
76
+ )) })
77
+ ] }),
78
+ children
79
+ ] });
80
+ };
81
+ export {
82
+ Stat as S
83
+ };
84
+ //# sourceMappingURL=Stat-C06A_izS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stat-C06A_izS.js","sources":["../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Chip, Stack, Typography, Box } from '@mui/material';\n\nexport interface StatChip {\n stat: any;\n chipColor: string;\n}\n\nexport interface StatProps {\n stat: any; // Replace 'any' with the actual type of 'stat'\n stat2?: any; // Replace 'any' with the actual type of'stat2'\n label: string; // Replace 'any' with the actual type of'label'\n color?: string;\n chipColor?: string;\n chips?: StatChip[]; // Replace 'any' with the actual type of'chips'\n simple?: boolean;\n chip?: boolean;\n chipList?: boolean;\n children?: React.ReactNode;\n statDisplay?: (stat: any) => React.ReactNode;\n}\n\nexport const Stat: React.FC<StatProps> = ({\n stat,\n stat2,\n label,\n color = '#1469B8',\n chipColor = '#1469B8',\n chips = [],\n simple = false,\n chip = false,\n chipList = false,\n children,\n statDisplay,\n}) => {\n const selectedTemplate = useMemo(() => {\n if (simple) return 'simple';\n if (chip) return 'chip';\n if (chipList) return 'chipList';\n return 'default';\n }, [simple, chip, chipList]);\n\n const renderStatDisplay = () => {\n return statDisplay ? statDisplay(stat) : stat;\n };\n\n return (\n <>\n {selectedTemplate === 'default' && (\n <Box className=\"stat\">\n <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n {renderStatDisplay()}\n </Typography>\n <Box className=\"stat__label\" display=\"flex\" alignItems=\"center\" gap={1}>\n <Typography variant=\"body1\">{label}</Typography>\n <Box\n width={40}\n height={4}\n bgcolor={color}\n data-testid=\"stat-border\"\n borderRadius={2}\n />\n </Box>\n </Box>\n )}\n\n {selectedTemplate === 'simple' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Typography variant=\"h6\" data-testid=\"selection-template-option-outlet\">\n {renderStatDisplay()}\n </Typography>\n {stat2 && <Typography>{stat2}</Typography>}\n </Stack>\n )}\n\n {selectedTemplate === 'chip' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Chip\n data-testid=\"chip-template-option-outlet\"\n label={renderStatDisplay()}\n sx={{\n backgroundColor: chipColor,\n color: '#fff',\n fontWeight: 'bold',\n }}\n />\n </Stack>\n )}\n\n {selectedTemplate === 'chipList' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"body1\">{label}</Typography>\n <Stack direction=\"row\" spacing={1}>\n {chips.map((chip, i) => (\n <Chip\n key={i}\n label={chip.stat}\n sx={{\n backgroundColor: chip.chipColor,\n color: '#fff',\n fontWeight: 'bold',\n }}\n />\n ))}\n </Stack>\n </Stack>\n )}\n\n {/* Content projection (similar to ng-content) */}\n {children}\n </>\n );\n};\n\nexport default Stat;"],"names":["chip"],"mappings":";;;AAsBO,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,QAAQ,CAAC;AAE3B,QAAM,oBAAoB,MAAM;AAC9B,WAAO,cAAc,YAAY,IAAI,IAAI;AAAA,EAC3C;AAEA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpB,qBAAC,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAA,oBAAC,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACA,qBAAC,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD,qBAAqB,YACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,0BAClC,YAAA,EAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACC,SAAS,oBAAC,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO,kBAAA;AAAA,UACP,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,qBAAqB,cACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC,oBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACA,OAAM,MAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAOA,MAAK;AAAA,UACZ,IAAI;AAAA,YACF,iBAAiBA,MAAK;AAAA,YACtB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QANK;AAAA,MAAA,CAQR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;"}
@@ -0,0 +1,88 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const React = require("react");
4
+ const material = require("@mui/material");
5
+ const iconsMaterial = require("@mui/icons-material");
6
+ const StatusMessage = ({
7
+ title,
8
+ description,
9
+ messageType = "success",
10
+ displayType = "alert",
11
+ close,
12
+ open: controlledOpen
13
+ }) => {
14
+ const [internalOpen, setInternalOpen] = React.useState(true);
15
+ const titleId = React.useId();
16
+ const descId = React.useId();
17
+ const isControlled = controlledOpen !== void 0;
18
+ const isOpen = isControlled ? controlledOpen : internalOpen;
19
+ const handleClose = () => {
20
+ if (!isControlled) setInternalOpen(false);
21
+ close == null ? void 0 : close();
22
+ };
23
+ const alertVariant = messageType === "danger" ? "error" : messageType;
24
+ const icon = messageType === "success" ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.CheckCircleOutline, { sx: { fontSize: 64, color: "success.main" } }) : messageType === "danger" ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ErrorOutline, { sx: { fontSize: 64, color: "error.main" } }) : /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.WarningAmber, { sx: { fontSize: 64, color: "warning.main" } });
25
+ if (!description) return null;
26
+ if (!isOpen) return null;
27
+ if (displayType === "modal") {
28
+ return /* @__PURE__ */ jsxRuntime.jsxs(
29
+ material.Dialog,
30
+ {
31
+ open: isOpen,
32
+ onClose: handleClose,
33
+ "aria-labelledby": title ? titleId : void 0,
34
+ "aria-describedby": descId,
35
+ maxWidth: "md",
36
+ slotProps: {
37
+ paper: {
38
+ sx: { borderRadius: "16px", p: 2 }
39
+ }
40
+ },
41
+ children: [
42
+ /* @__PURE__ */ jsxRuntime.jsxs(
43
+ material.DialogContent,
44
+ {
45
+ sx: {
46
+ display: "flex",
47
+ flexDirection: "column",
48
+ alignItems: "center",
49
+ textAlign: "center",
50
+ p: 4,
51
+ gap: 2
52
+ },
53
+ children: [
54
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 2 }, children: icon }),
55
+ title && /* @__PURE__ */ jsxRuntime.jsx(
56
+ material.Typography,
57
+ {
58
+ id: titleId,
59
+ variant: "h4",
60
+ component: "h2",
61
+ sx: { fontWeight: "bold" },
62
+ children: title
63
+ }
64
+ ),
65
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { id: descId, variant: "body1", color: "text.secondary", children: description })
66
+ ]
67
+ }
68
+ ),
69
+ /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClose, variant: "contained", color: alertVariant, children: "Aceptar" }) })
70
+ ]
71
+ }
72
+ );
73
+ }
74
+ return /* @__PURE__ */ jsxRuntime.jsxs(
75
+ material.Alert,
76
+ {
77
+ severity: alertVariant,
78
+ sx: { mb: 2, mt: 2 },
79
+ onClose: close !== void 0 ? handleClose : void 0,
80
+ children: [
81
+ title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
82
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { mt: 1 }, children: description })
83
+ ]
84
+ }
85
+ );
86
+ };
87
+ exports.StatusMessage = StatusMessage;
88
+ //# sourceMappingURL=StatusMessage-B3nXpuRl.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusMessage-B3nXpuRl.cjs","sources":["../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import { useId, useState, type FC } from 'react';\nimport {\n Alert,\n Box,\n Typography,\n Dialog,\n DialogContent,\n DialogActions,\n Button,\n} from '@mui/material';\nimport {\n ErrorOutline as ErrorOutlineIcon,\n CheckCircleOutline as CheckCircleOutlineIcon,\n WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n /** Título del mensaje. */\n title?: string;\n /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n description?: string;\n /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n messageType?: 'success' | 'danger' | 'warning';\n /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n displayType?: 'alert' | 'modal';\n /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n close?: () => void;\n /**\n * Controla visibilidad. Si se omite, el componente maneja su propio\n * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n * y el consumer es responsable de actualizarlo.\n */\n open?: boolean;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n * visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage: FC<StatusMessageProps> = ({\n title,\n description,\n messageType = 'success',\n displayType = 'alert',\n close,\n open: controlledOpen,\n}) => {\n const [internalOpen, setInternalOpen] = useState(true);\n const titleId = useId();\n const descId = useId();\n\n const isControlled = controlledOpen !== undefined;\n const isOpen = isControlled ? controlledOpen : internalOpen;\n\n const handleClose = () => {\n if (!isControlled) setInternalOpen(false);\n close?.();\n };\n\n const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n const icon =\n messageType === 'success' ? (\n <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n ) : messageType === 'danger' ? (\n <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n ) : (\n <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n );\n\n if (!description) return null;\n if (!isOpen) return null;\n\n if (displayType === 'modal') {\n return (\n <Dialog\n open={isOpen}\n onClose={handleClose}\n aria-labelledby={title ? titleId : undefined}\n aria-describedby={descId}\n maxWidth=\"md\"\n slotProps={{\n paper: {\n sx: { borderRadius: '16px', p: 2 },\n },\n }}\n >\n <DialogContent\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n p: 4,\n gap: 2,\n }}\n >\n <Box sx={{ mb: 2 }}>{icon}</Box>\n {title && (\n <Typography\n id={titleId}\n variant=\"h4\"\n component=\"h2\"\n sx={{ fontWeight: 'bold' }}\n >\n {title}\n </Typography>\n )}\n <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n {description}\n </Typography>\n </DialogContent>\n <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n Aceptar\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n return (\n <Alert\n severity={alertVariant}\n sx={{ mb: 2, mt: 2 }}\n onClose={close !== undefined ? handleClose : undefined}\n >\n {title && (\n <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n {title}\n </Typography>\n )}\n <Typography variant=\"body2\" sx={{ mt: 1 }}>\n {description}\n </Typography>\n </Alert>\n );\n};\n\nexport default StatusMessage;\n"],"names":["useState","useId","jsx","CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon","jsxs","Dialog","DialogContent","Box","Typography","DialogActions","Button","Alert"],"mappings":";;;;;AA0CO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,IAAI;AACrD,QAAM,UAAUC,MAAAA,MAAA;AAChB,QAAM,SAASA,MAAAA,MAAA;AAEf,QAAM,eAAe,mBAAmB;AACxC,QAAM,SAAS,eAAe,iBAAiB;AAE/C,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC;AAAA,EACF;AAEA,QAAM,eAAe,gBAAgB,WAAW,UAAU;AAE1D,QAAM,OACJ,gBAAgB,YACdC,2BAAAA,IAACC,cAAAA,sBAAuB,IAAI,EAAE,UAAU,IAAI,OAAO,eAAA,EAAe,CAAG,IACnE,gBAAgB,WAClBD,+BAACE,cAAAA,cAAA,EAAiB,IAAI,EAAE,UAAU,IAAI,OAAO,eAAa,CAAG,IAE7DF,2BAAAA,IAACG,cAAAA,cAAA,EAAiB,IAAI,EAAE,UAAU,IAAI,OAAO,kBAAkB;AAGnE,MAAI,CAAC,YAAa,QAAO;AACzB,MAAI,CAAC,OAAQ,QAAO;AAEpB,MAAI,gBAAgB,SAAS;AAC3B,WACEC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,mBAAiB,QAAQ,UAAU;AAAA,QACnC,oBAAkB;AAAA,QAClB,UAAS;AAAA,QACT,WAAW;AAAA,UACT,OAAO;AAAA,YACL,IAAI,EAAE,cAAc,QAAQ,GAAG,EAAA;AAAA,UAAE;AAAA,QACnC;AAAA,QAGF,UAAA;AAAA,UAAAD,2BAAAA;AAAAA,YAACE,SAAAA;AAAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,GAAG;AAAA,gBACH,KAAK;AAAA,cAAA;AAAA,cAGP,UAAA;AAAA,gBAAAN,+BAACO,SAAAA,OAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,gBACzB,SACCP,2BAAAA;AAAAA,kBAACQ,SAAAA;AAAAA,kBAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAU;AAAA,oBACV,IAAI,EAAE,YAAY,OAAA;AAAA,oBAEjB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGLR,2BAAAA,IAACQ,SAAAA,cAAW,IAAI,QAAQ,SAAQ,SAAQ,OAAM,kBAC3C,UAAA,YAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,yCAEDC,SAAAA,eAAA,EAAc,IAAI,EAAE,gBAAgB,UAAU,GAAG,EAAA,GAChD,UAAAT,2BAAAA,IAACU,SAAAA,QAAA,EAAO,SAAS,aAAa,SAAQ,aAAY,OAAO,cAAc,qBAEvE,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SACEN,2BAAAA;AAAAA,IAACO,SAAAA;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA;AAAA,MACjB,SAAS,UAAU,SAAY,cAAc;AAAA,MAE5C,UAAA;AAAA,QAAA,SACCX,2BAAAA,IAACQ,uBAAW,SAAQ,MAAK,IAAI,EAAE,YAAY,OAAA,GACxC,UAAA,MAAA,CACH;AAAA,QAEFR,2BAAAA,IAACQ,SAAAA,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAA,GACnC,UAAA,YAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
@@ -0,0 +1,89 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useState, useId } from "react";
3
+ import { Dialog, DialogContent, Box, Typography, DialogActions, Button, Alert } from "@mui/material";
4
+ import { CheckCircleOutline, ErrorOutline, WarningAmber } from "@mui/icons-material";
5
+ const StatusMessage = ({
6
+ title,
7
+ description,
8
+ messageType = "success",
9
+ displayType = "alert",
10
+ close,
11
+ open: controlledOpen
12
+ }) => {
13
+ const [internalOpen, setInternalOpen] = useState(true);
14
+ const titleId = useId();
15
+ const descId = useId();
16
+ const isControlled = controlledOpen !== void 0;
17
+ const isOpen = isControlled ? controlledOpen : internalOpen;
18
+ const handleClose = () => {
19
+ if (!isControlled) setInternalOpen(false);
20
+ close == null ? void 0 : close();
21
+ };
22
+ const alertVariant = messageType === "danger" ? "error" : messageType;
23
+ const icon = messageType === "success" ? /* @__PURE__ */ jsx(CheckCircleOutline, { sx: { fontSize: 64, color: "success.main" } }) : messageType === "danger" ? /* @__PURE__ */ jsx(ErrorOutline, { sx: { fontSize: 64, color: "error.main" } }) : /* @__PURE__ */ jsx(WarningAmber, { sx: { fontSize: 64, color: "warning.main" } });
24
+ if (!description) return null;
25
+ if (!isOpen) return null;
26
+ if (displayType === "modal") {
27
+ return /* @__PURE__ */ jsxs(
28
+ Dialog,
29
+ {
30
+ open: isOpen,
31
+ onClose: handleClose,
32
+ "aria-labelledby": title ? titleId : void 0,
33
+ "aria-describedby": descId,
34
+ maxWidth: "md",
35
+ slotProps: {
36
+ paper: {
37
+ sx: { borderRadius: "16px", p: 2 }
38
+ }
39
+ },
40
+ children: [
41
+ /* @__PURE__ */ jsxs(
42
+ DialogContent,
43
+ {
44
+ sx: {
45
+ display: "flex",
46
+ flexDirection: "column",
47
+ alignItems: "center",
48
+ textAlign: "center",
49
+ p: 4,
50
+ gap: 2
51
+ },
52
+ children: [
53
+ /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: icon }),
54
+ title && /* @__PURE__ */ jsx(
55
+ Typography,
56
+ {
57
+ id: titleId,
58
+ variant: "h4",
59
+ component: "h2",
60
+ sx: { fontWeight: "bold" },
61
+ children: title
62
+ }
63
+ ),
64
+ /* @__PURE__ */ jsx(Typography, { id: descId, variant: "body1", color: "text.secondary", children: description })
65
+ ]
66
+ }
67
+ ),
68
+ /* @__PURE__ */ jsx(DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "contained", color: alertVariant, children: "Aceptar" }) })
69
+ ]
70
+ }
71
+ );
72
+ }
73
+ return /* @__PURE__ */ jsxs(
74
+ Alert,
75
+ {
76
+ severity: alertVariant,
77
+ sx: { mb: 2, mt: 2 },
78
+ onClose: close !== void 0 ? handleClose : void 0,
79
+ children: [
80
+ title && /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
81
+ /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: description })
82
+ ]
83
+ }
84
+ );
85
+ };
86
+ export {
87
+ StatusMessage as S
88
+ };
89
+ //# sourceMappingURL=StatusMessage-D0WgSBx7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusMessage-D0WgSBx7.js","sources":["../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import { useId, useState, type FC } from 'react';\nimport {\n Alert,\n Box,\n Typography,\n Dialog,\n DialogContent,\n DialogActions,\n Button,\n} from '@mui/material';\nimport {\n ErrorOutline as ErrorOutlineIcon,\n CheckCircleOutline as CheckCircleOutlineIcon,\n WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n /** Título del mensaje. */\n title?: string;\n /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n description?: string;\n /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n messageType?: 'success' | 'danger' | 'warning';\n /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n displayType?: 'alert' | 'modal';\n /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n close?: () => void;\n /**\n * Controla visibilidad. Si se omite, el componente maneja su propio\n * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n * y el consumer es responsable de actualizarlo.\n */\n open?: boolean;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n * visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage: FC<StatusMessageProps> = ({\n title,\n description,\n messageType = 'success',\n displayType = 'alert',\n close,\n open: controlledOpen,\n}) => {\n const [internalOpen, setInternalOpen] = useState(true);\n const titleId = useId();\n const descId = useId();\n\n const isControlled = controlledOpen !== undefined;\n const isOpen = isControlled ? controlledOpen : internalOpen;\n\n const handleClose = () => {\n if (!isControlled) setInternalOpen(false);\n close?.();\n };\n\n const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n const icon =\n messageType === 'success' ? (\n <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n ) : messageType === 'danger' ? (\n <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n ) : (\n <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n );\n\n if (!description) return null;\n if (!isOpen) return null;\n\n if (displayType === 'modal') {\n return (\n <Dialog\n open={isOpen}\n onClose={handleClose}\n aria-labelledby={title ? titleId : undefined}\n aria-describedby={descId}\n maxWidth=\"md\"\n slotProps={{\n paper: {\n sx: { borderRadius: '16px', p: 2 },\n },\n }}\n >\n <DialogContent\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n p: 4,\n gap: 2,\n }}\n >\n <Box sx={{ mb: 2 }}>{icon}</Box>\n {title && (\n <Typography\n id={titleId}\n variant=\"h4\"\n component=\"h2\"\n sx={{ fontWeight: 'bold' }}\n >\n {title}\n </Typography>\n )}\n <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n {description}\n </Typography>\n </DialogContent>\n <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n Aceptar\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n return (\n <Alert\n severity={alertVariant}\n sx={{ mb: 2, mt: 2 }}\n onClose={close !== undefined ? handleClose : undefined}\n >\n {title && (\n <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n {title}\n </Typography>\n )}\n <Typography variant=\"body2\" sx={{ mt: 1 }}>\n {description}\n </Typography>\n </Alert>\n );\n};\n\nexport default StatusMessage;\n"],"names":["CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon"],"mappings":";;;;AA0CO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AACrD,QAAM,UAAU,MAAA;AAChB,QAAM,SAAS,MAAA;AAEf,QAAM,eAAe,mBAAmB;AACxC,QAAM,SAAS,eAAe,iBAAiB;AAE/C,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC;AAAA,EACF;AAEA,QAAM,eAAe,gBAAgB,WAAW,UAAU;AAE1D,QAAM,OACJ,gBAAgB,YACd,oBAACA,sBAAuB,IAAI,EAAE,UAAU,IAAI,OAAO,eAAA,EAAe,CAAG,IACnE,gBAAgB,WAClB,oBAACC,cAAA,EAAiB,IAAI,EAAE,UAAU,IAAI,OAAO,eAAa,CAAG,IAE7D,oBAACC,cAAA,EAAiB,IAAI,EAAE,UAAU,IAAI,OAAO,kBAAkB;AAGnE,MAAI,CAAC,YAAa,QAAO;AACzB,MAAI,CAAC,OAAQ,QAAO;AAEpB,MAAI,gBAAgB,SAAS;AAC3B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,mBAAiB,QAAQ,UAAU;AAAA,QACnC,oBAAkB;AAAA,QAClB,UAAS;AAAA,QACT,WAAW;AAAA,UACT,OAAO;AAAA,YACL,IAAI,EAAE,cAAc,QAAQ,GAAG,EAAA;AAAA,UAAE;AAAA,QACnC;AAAA,QAGF,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,GAAG;AAAA,gBACH,KAAK;AAAA,cAAA;AAAA,cAGP,UAAA;AAAA,gBAAA,oBAAC,OAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,gBACzB,SACC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAU;AAAA,oBACV,IAAI,EAAE,YAAY,OAAA;AAAA,oBAEjB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGL,oBAAC,cAAW,IAAI,QAAQ,SAAQ,SAAQ,OAAM,kBAC3C,UAAA,YAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,8BAED,eAAA,EAAc,IAAI,EAAE,gBAAgB,UAAU,GAAG,EAAA,GAChD,UAAA,oBAAC,QAAA,EAAO,SAAS,aAAa,SAAQ,aAAY,OAAO,cAAc,qBAEvE,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA;AAAA,MACjB,SAAS,UAAU,SAAY,cAAc;AAAA,MAE5C,UAAA;AAAA,QAAA,SACC,oBAAC,cAAW,SAAQ,MAAK,IAAI,EAAE,YAAY,OAAA,GACxC,UAAA,MAAA,CACH;AAAA,QAEF,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAA,GACnC,UAAA,YAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}