@soyfri/shared-library 2.0.0-beta8 → 2.0.0

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 (315) hide show
  1. package/Button-C17mExpd.cjs.map +1 -1
  2. package/Button-UkkP-bNw.js.map +1 -1
  3. package/README.md +182 -150
  4. package/components/ActionMenu/ActionMenu.cjs +52 -52
  5. package/components/ActionMenu/ActionMenu.cjs.map +1 -1
  6. package/components/ActionMenu/ActionMenu.d.ts +20 -36
  7. package/components/ActionMenu/ActionMenu.js +55 -55
  8. package/components/ActionMenu/ActionMenu.js.map +1 -1
  9. package/components/ActionMenu/index.d.ts +2 -2
  10. package/components/AppBar/AppBar.cjs +3 -220
  11. package/components/AppBar/AppBar.cjs.map +1 -1
  12. package/components/AppBar/AppBar.d.ts +6 -6
  13. package/components/AppBar/AppBar.js +6 -223
  14. package/components/AppBar/AppBar.js.map +1 -1
  15. package/components/AppBar/index.d.ts +0 -6
  16. package/components/Autocomplete/Autocomplete.cjs +310 -4
  17. package/components/Autocomplete/Autocomplete.cjs.map +1 -1
  18. package/components/Autocomplete/Autocomplete.d.ts +29 -26
  19. package/components/Autocomplete/Autocomplete.definitions.d.ts +2 -1
  20. package/components/Autocomplete/Autocomplete.helpers.d.ts +12 -8
  21. package/components/Autocomplete/Autocomplete.js +310 -4
  22. package/components/Autocomplete/Autocomplete.js.map +1 -1
  23. package/components/Autocomplete/_parts/AutocompleteChips.d.ts +7 -6
  24. package/components/Autocomplete/_parts/AutocompleteOption.d.ts +10 -13
  25. package/components/Autocomplete/index.d.ts +1 -1
  26. package/components/Avatar/Avatar.cjs +159 -2
  27. package/components/Avatar/Avatar.cjs.map +1 -1
  28. package/components/Avatar/Avatar.js +159 -2
  29. package/components/Avatar/Avatar.js.map +1 -1
  30. package/components/Avatar/index.d.ts +1 -0
  31. package/components/Button/Button.d.ts +5 -5
  32. package/components/Button/index.d.ts +1 -0
  33. package/components/Card/Card.cjs +95 -7
  34. package/components/Card/Card.cjs.map +1 -1
  35. package/components/Card/Card.d.ts +3 -50
  36. package/components/Card/Card.js +95 -7
  37. package/components/Card/Card.js.map +1 -1
  38. package/components/Card/Card.sx.d.ts +3 -6
  39. package/components/Card/index.d.ts +1 -1
  40. package/{Switch-BIeobv6i.cjs → components/Checkbox/Checkbox.cjs} +30 -20
  41. package/components/Checkbox/Checkbox.cjs.map +1 -0
  42. package/components/Checkbox/Checkbox.d.ts +55 -0
  43. package/{Switch-DQEOxM2R.js → components/Checkbox/Checkbox.js} +29 -20
  44. package/components/Checkbox/Checkbox.js.map +1 -0
  45. package/components/Checkbox/Checkbox.sx.d.ts +13 -0
  46. package/components/Checkbox/index.d.ts +2 -0
  47. package/components/Checkbox.d.ts +6 -0
  48. package/components/Chip/Chip.cjs +73 -3
  49. package/components/Chip/Chip.cjs.map +1 -1
  50. package/components/Chip/Chip.js +72 -2
  51. package/components/Chip/Chip.js.map +1 -1
  52. package/components/Chip/index.d.ts +2 -1
  53. package/components/Chip.d.ts +4 -0
  54. package/components/Column/Column.cjs +1 -1
  55. package/components/Column/Column.cjs.map +1 -1
  56. package/components/Column/Column.d.ts +1 -1
  57. package/components/Column/Column.js +1 -1
  58. package/components/Column/Column.js.map +1 -1
  59. package/components/Column/index.d.ts +0 -1
  60. package/components/DatePicker/DatePicker.cjs +177 -3
  61. package/components/DatePicker/DatePicker.cjs.map +1 -1
  62. package/components/DatePicker/DatePicker.d.ts +1 -13
  63. package/components/DatePicker/DatePicker.js +177 -3
  64. package/components/DatePicker/DatePicker.js.map +1 -1
  65. package/components/DatePicker/index.d.ts +1 -1
  66. package/components/DateRangePicker/DateRangePicker.cjs +73 -2
  67. package/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
  68. package/components/DateRangePicker/DateRangePicker.js +73 -2
  69. package/components/DateRangePicker/DateRangePicker.js.map +1 -1
  70. package/components/DateTimePicker/DateTimePicker.cjs +195 -3
  71. package/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
  72. package/components/DateTimePicker/DateTimePicker.d.ts +9 -17
  73. package/components/DateTimePicker/DateTimePicker.definitions.d.ts +2 -0
  74. package/components/DateTimePicker/DateTimePicker.helpers.d.ts +4 -2
  75. package/components/DateTimePicker/DateTimePicker.js +195 -3
  76. package/components/DateTimePicker/DateTimePicker.js.map +1 -1
  77. package/components/DateTimePicker/index.d.ts +1 -1
  78. package/components/Drawer/Drawer.cjs +13 -7
  79. package/components/Drawer/Drawer.cjs.map +1 -1
  80. package/components/Drawer/Drawer.d.ts +3 -1
  81. package/components/Drawer/Drawer.js +14 -8
  82. package/components/Drawer/Drawer.js.map +1 -1
  83. package/components/Drawer/DrawerItem.d.ts +6 -1
  84. package/components/Gallery/Gallery.cjs +154 -79
  85. package/components/Gallery/Gallery.cjs.map +1 -1
  86. package/components/Gallery/Gallery.d.ts +25 -9
  87. package/components/Gallery/Gallery.js +154 -79
  88. package/components/Gallery/Gallery.js.map +1 -1
  89. package/components/Gallery/GalleryLightbox.d.ts +6 -10
  90. package/components/Gallery/GalleryMain.d.ts +3 -7
  91. package/components/Gallery/GalleryThumbnails.d.ts +7 -11
  92. package/components/Gallery/index.d.ts +2 -1
  93. package/components/Gallery.d.ts +4 -0
  94. package/components/Icon/Icon.cjs +6 -8
  95. package/components/Icon/Icon.cjs.map +1 -1
  96. package/components/Icon/Icon.d.ts +11 -17
  97. package/components/Icon/Icon.js +6 -8
  98. package/components/Icon/Icon.js.map +1 -1
  99. package/components/Icon/index.d.ts +2 -1
  100. package/components/Icon.d.ts +4 -0
  101. package/components/Input/Input.cjs +185 -3
  102. package/components/Input/Input.cjs.map +1 -1
  103. package/components/Input/Input.d.ts +9 -2
  104. package/components/Input/Input.helpers.d.ts +3 -3
  105. package/components/Input/Input.js +185 -3
  106. package/components/Input/Input.js.map +1 -1
  107. package/components/Input/index.d.ts +1 -1
  108. package/components/InputGroup/InputGroup.cjs +23 -22
  109. package/components/InputGroup/InputGroup.cjs.map +1 -1
  110. package/components/InputGroup/InputGroup.d.ts +4 -4
  111. package/components/InputGroup/InputGroup.js +22 -21
  112. package/components/InputGroup/InputGroup.js.map +1 -1
  113. package/components/InputGroup/index.d.ts +2 -1
  114. package/components/InputGroup.d.ts +4 -0
  115. package/components/Modal/Modal.cjs +345 -6
  116. package/components/Modal/Modal.cjs.map +1 -1
  117. package/components/Modal/Modal.d.ts +20 -5
  118. package/components/Modal/Modal.js +345 -6
  119. package/components/Modal/Modal.js.map +1 -1
  120. package/components/Modal/ModalBody.d.ts +6 -1
  121. package/components/Modal/ModalFooter.d.ts +4 -4
  122. package/components/Modal/ModalHeader.d.ts +6 -1
  123. package/components/Modal/index.d.ts +4 -3
  124. package/components/RadioGroup/RadioGroup.cjs +201 -3
  125. package/components/RadioGroup/RadioGroup.cjs.map +1 -1
  126. package/components/RadioGroup/RadioGroup.d.ts +9 -3
  127. package/components/RadioGroup/RadioGroup.js +201 -3
  128. package/components/RadioGroup/RadioGroup.js.map +1 -1
  129. package/components/RadioGroup/index.d.ts +1 -1
  130. package/components/Select/Select.cjs +310 -4
  131. package/components/Select/Select.cjs.map +1 -1
  132. package/components/Select/Select.d.ts +35 -20
  133. package/components/Select/Select.helpers.d.ts +6 -19
  134. package/components/Select/Select.js +310 -4
  135. package/components/Select/Select.js.map +1 -1
  136. package/components/Select/index.d.ts +1 -1
  137. package/components/Stat/Stat.cjs +83 -4
  138. package/components/Stat/Stat.cjs.map +1 -1
  139. package/components/Stat/Stat.js +82 -3
  140. package/components/Stat/Stat.js.map +1 -1
  141. package/components/Stat/index.d.ts +2 -1
  142. package/components/Stat.d.ts +4 -0
  143. package/components/StatusMessage/StatusMessage.cjs +105 -3
  144. package/components/StatusMessage/StatusMessage.cjs.map +1 -1
  145. package/components/StatusMessage/StatusMessage.d.ts +20 -36
  146. package/components/StatusMessage/StatusMessage.js +105 -3
  147. package/components/StatusMessage/StatusMessage.js.map +1 -1
  148. package/components/StatusMessage/StatusMessageContext.d.ts +16 -0
  149. package/components/StatusMessage/index.d.ts +2 -0
  150. package/components/Stepper/Stepper.cjs +324 -4
  151. package/components/Stepper/Stepper.cjs.map +1 -1
  152. package/components/Stepper/Stepper.d.ts +9 -8
  153. package/components/Stepper/Stepper.js +323 -3
  154. package/components/Stepper/Stepper.js.map +1 -1
  155. package/{hooks/Wizard/WizardContext.d.ts → components/Stepper/StepperContext.d.ts} +28 -22
  156. package/components/Stepper/_hooks/useHorizontalScroll.d.ts +19 -0
  157. package/components/Stepper/_parts/StepperScrollArrow.d.ts +19 -0
  158. package/components/Stepper/index.d.ts +6 -2
  159. package/components/Stepper.d.ts +4 -0
  160. package/components/Switch/Switch.cjs +181 -3
  161. package/components/Switch/Switch.cjs.map +1 -1
  162. package/components/Switch/Switch.d.ts +7 -2
  163. package/components/Switch/Switch.js +181 -3
  164. package/components/Switch/Switch.js.map +1 -1
  165. package/components/Table/Table.cjs +528 -2
  166. package/components/Table/Table.cjs.map +1 -1
  167. package/components/Table/Table.d.ts +1 -1
  168. package/components/Table/Table.js +528 -2
  169. package/components/Table/Table.js.map +1 -1
  170. package/components/Tabs/Tabs.cjs +110 -4
  171. package/components/Tabs/Tabs.cjs.map +1 -1
  172. package/components/Tabs/Tabs.d.ts +21 -16
  173. package/components/Tabs/Tabs.js +109 -3
  174. package/components/Tabs/Tabs.js.map +1 -1
  175. package/components/Tabs/index.d.ts +4 -2
  176. package/components/Tabs.d.ts +4 -0
  177. package/components/Timeline/Timeline.cjs +3 -2
  178. package/components/Timeline/Timeline.cjs.map +1 -1
  179. package/components/Timeline/Timeline.d.ts +4 -8
  180. package/components/Timeline/Timeline.js +3 -2
  181. package/components/Timeline/Timeline.js.map +1 -1
  182. package/components/Timeline/index.d.ts +4 -2
  183. package/components/Timeline.d.ts +4 -0
  184. package/components/_shared/mergeSx.d.ts +7 -0
  185. package/{formField.sx-DfVbMe0V.js → formField.sx-8_QRnKxv.js} +2 -11
  186. package/formField.sx-8_QRnKxv.js.map +1 -0
  187. package/{formField.sx-CQ1mbk9M.cjs → formField.sx-BAX7KwMR.cjs} +10 -19
  188. package/formField.sx-BAX7KwMR.cjs.map +1 -0
  189. package/index.cjs +31 -47
  190. package/index.cjs.map +1 -1
  191. package/index.d.ts +1 -30
  192. package/index.js +17 -48
  193. package/index.js.map +1 -1
  194. package/mergeSx-BXoNZjB_.js +10 -0
  195. package/mergeSx-BXoNZjB_.js.map +1 -0
  196. package/mergeSx-Dbccoo_H.cjs +9 -0
  197. package/mergeSx-Dbccoo_H.cjs.map +1 -0
  198. package/mui.d.ts +3 -2
  199. package/package.json +8 -20
  200. package/{resolvePreset-K6_BfWHD.js → resolvePreset-B-IB0ehH.js} +3 -3
  201. package/{resolvePreset-K6_BfWHD.js.map → resolvePreset-B-IB0ehH.js.map} +1 -1
  202. package/{resolvePreset-CxTI6_Ln.cjs → resolvePreset-CT3kU-K2.cjs} +3 -3
  203. package/{resolvePreset-CxTI6_Ln.cjs.map → resolvePreset-CT3kU-K2.cjs.map} +1 -1
  204. package/theme/componentStyles.d.ts +1 -1
  205. package/tokens-BRrcP_p_.js +21 -0
  206. package/tokens-BRrcP_p_.js.map +1 -0
  207. package/tokens-jaWWNk39.cjs +20 -0
  208. package/tokens-jaWWNk39.cjs.map +1 -0
  209. package/utils/index.d.ts +2 -0
  210. package/{components/ScrollTopButton → utils}/scrollToTop.d.ts +6 -7
  211. package/Autocomplete-BA-cGASd.js +0 -316
  212. package/Autocomplete-BA-cGASd.js.map +0 -1
  213. package/Autocomplete-C2x-lBvZ.cjs +0 -315
  214. package/Autocomplete-C2x-lBvZ.cjs.map +0 -1
  215. package/Avatar-9L7YMxya.cjs +0 -162
  216. package/Avatar-9L7YMxya.cjs.map +0 -1
  217. package/Avatar-BJTr-PBd.js +0 -163
  218. package/Avatar-BJTr-PBd.js.map +0 -1
  219. package/Card-DG_crfkK.cjs +0 -185
  220. package/Card-DG_crfkK.cjs.map +0 -1
  221. package/Card-Ug-ttVSh.js +0 -186
  222. package/Card-Ug-ttVSh.js.map +0 -1
  223. package/Chip-OPYQ1uQ_.js +0 -74
  224. package/Chip-OPYQ1uQ_.js.map +0 -1
  225. package/Chip-qoJLDiva.cjs +0 -73
  226. package/Chip-qoJLDiva.cjs.map +0 -1
  227. package/DatePicker-8f_9bwhS.js +0 -202
  228. package/DatePicker-8f_9bwhS.js.map +0 -1
  229. package/DatePicker-DLSfkgGA.cjs +0 -201
  230. package/DatePicker-DLSfkgGA.cjs.map +0 -1
  231. package/DateRangePicker-BVpeJCHI.js +0 -76
  232. package/DateRangePicker-BVpeJCHI.js.map +0 -1
  233. package/DateRangePicker-B_hKQhbj.cjs +0 -75
  234. package/DateRangePicker-B_hKQhbj.cjs.map +0 -1
  235. package/DateTimePicker-CWNW09-O.cjs +0 -220
  236. package/DateTimePicker-CWNW09-O.cjs.map +0 -1
  237. package/DateTimePicker-D4L9GAod.js +0 -221
  238. package/DateTimePicker-D4L9GAod.js.map +0 -1
  239. package/Input-Cp911l23.js +0 -174
  240. package/Input-Cp911l23.js.map +0 -1
  241. package/Input-DI0jfq5X.cjs +0 -173
  242. package/Input-DI0jfq5X.cjs.map +0 -1
  243. package/Modal-Bm_HH9cv.cjs +0 -319
  244. package/Modal-Bm_HH9cv.cjs.map +0 -1
  245. package/Modal-Bnz6d9m9.js +0 -320
  246. package/Modal-Bnz6d9m9.js.map +0 -1
  247. package/RadioGroup-CxqDHap1.cjs +0 -200
  248. package/RadioGroup-CxqDHap1.cjs.map +0 -1
  249. package/RadioGroup-DMi9FvMP.js +0 -201
  250. package/RadioGroup-DMi9FvMP.js.map +0 -1
  251. package/Select-3CBOfM2H.js +0 -447
  252. package/Select-3CBOfM2H.js.map +0 -1
  253. package/Select-Bku4f4f8.cjs +0 -446
  254. package/Select-Bku4f4f8.cjs.map +0 -1
  255. package/Stat-BUcFCGrz.cjs +0 -83
  256. package/Stat-BUcFCGrz.cjs.map +0 -1
  257. package/Stat-C06A_izS.js +0 -84
  258. package/Stat-C06A_izS.js.map +0 -1
  259. package/StatusMessage-C5B6oGZ_.cjs +0 -78
  260. package/StatusMessage-C5B6oGZ_.cjs.map +0 -1
  261. package/StatusMessage-D1GlfQdz.js +0 -79
  262. package/StatusMessage-D1GlfQdz.js.map +0 -1
  263. package/Step-Dq0N72YB.js +0 -49
  264. package/Step-Dq0N72YB.js.map +0 -1
  265. package/Step-a8U8O-91.cjs +0 -48
  266. package/Step-a8U8O-91.cjs.map +0 -1
  267. package/Switch-BIeobv6i.cjs.map +0 -1
  268. package/Switch-DQEOxM2R.js.map +0 -1
  269. package/Tab-Co31KY2k.cjs +0 -95
  270. package/Tab-Co31KY2k.cjs.map +0 -1
  271. package/Tab-DiK62gRz.js +0 -96
  272. package/Tab-DiK62gRz.js.map +0 -1
  273. package/Table-C2LbW0B1.js +0 -531
  274. package/Table-C2LbW0B1.js.map +0 -1
  275. package/Table-C4OM6rrC.cjs +0 -530
  276. package/Table-C4OM6rrC.cjs.map +0 -1
  277. package/components/AppBar/AppBarBrand.d.ts +0 -31
  278. package/components/AppBar/AppBarUserMenu.d.ts +0 -65
  279. package/components/Autocomplete/Autocomplete.types.d.ts +0 -1
  280. package/components/DatePicker/DatePicker.types.d.ts +0 -1
  281. package/components/DateTimePicker/DateTimePicker.types.d.ts +0 -1
  282. package/components/Input/Input.types.d.ts +0 -1
  283. package/components/PageLoader/PageLoader.cjs +0 -61
  284. package/components/PageLoader/PageLoader.cjs.map +0 -1
  285. package/components/PageLoader/PageLoader.d.ts +0 -38
  286. package/components/PageLoader/PageLoader.js +0 -61
  287. package/components/PageLoader/PageLoader.js.map +0 -1
  288. package/components/PageLoader/index.d.ts +0 -2
  289. package/components/PageLoader.d.ts +0 -6
  290. package/components/RadioGroup/RadioGroup.types.d.ts +0 -1
  291. package/components/ScrollTopButton/ScrollTopButton.cjs +0 -79
  292. package/components/ScrollTopButton/ScrollTopButton.cjs.map +0 -1
  293. package/components/ScrollTopButton/ScrollTopButton.d.ts +0 -48
  294. package/components/ScrollTopButton/ScrollTopButton.js +0 -79
  295. package/components/ScrollTopButton/ScrollTopButton.js.map +0 -1
  296. package/components/ScrollTopButton/index.d.ts +0 -4
  297. package/components/ScrollTopButton.d.ts +0 -6
  298. package/components/Select/Select.definitions.d.ts +0 -17
  299. package/components/Select/Select.types.d.ts +0 -1
  300. package/components/Select/_parts/SelectSearchHeader.d.ts +0 -15
  301. package/components/Select/_parts/SelectValue.d.ts +0 -22
  302. package/formField.sx-CQ1mbk9M.cjs.map +0 -1
  303. package/formField.sx-DfVbMe0V.js.map +0 -1
  304. package/hooks/Wizard/Wizard.cjs +0 -7
  305. package/hooks/Wizard/Wizard.cjs.map +0 -1
  306. package/hooks/Wizard/Wizard.js +0 -7
  307. package/hooks/Wizard/Wizard.js.map +0 -1
  308. package/hooks/Wizard/index.d.ts +0 -3
  309. package/hooks/Wizard/useWizard.d.ts +0 -9
  310. package/hooks/Wizard.d.ts +0 -2
  311. package/useWizard-CWdIxZzX.cjs +0 -94
  312. package/useWizard-CWdIxZzX.cjs.map +0 -1
  313. package/useWizard-CWq--C3o.js +0 -95
  314. package/useWizard-CWq--C3o.js.map +0 -1
  315. /package/{styles.css → index.css} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table-C4OM6rrC.cjs","sources":["../src/components/Table/exportsUtils.ts","../src/components/Table/EmptyTable.png","../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Importa ColumnProps y FieldName desde Column.tsx\n\n// Define las propiedades comunes para las funciones de exportación\ninterface ExportOptions<T> {\n data: T[]; // Los datos a exportar\n columns: React.ReactElement<ColumnProps<T>>[]; // Las definiciones de las columnas\n fileName: string; // El nombre del archivo a descargar\n exportColumns?: string[]; // Nombres de columnas específicas para exportar\n setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>; // Setter para abrir/cerrar el Snackbar\n setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>; // Setter para el mensaje del Snackbar\n setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>; // Setter para la severidad del Snackbar\n}\n\n/**\n * Función para exportar datos a un archivo CSV.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToCSV = <T>(options: ExportOptions<T>) => {\n const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n if (!data || data.length === 0) {\n setSnackbarMessage(\"No hay datos para exportar a CSV.\");\n setSnackbarSeverity('warning');\n setSnackbarOpen(true);\n return;\n }\n\n setSnackbarMessage(\"Exportando datos a CSV...\");\n setSnackbarSeverity('info');\n setSnackbarOpen(true);\n\n try {\n // Filtra las columnas si se especifican columnas para exportar, de lo contrario, usa todas las columnas definidas.\n const columnsToExport = exportColumns\n ? columns.filter(col => exportColumns.includes(col.props.name))\n : columns;\n\n // Obtiene los encabezados (nombres de las columnas) y los escapa para CSV.\n const headers = columnsToExport.map(col => `\"${col.props.name.replace(/\"/g, '\"\"')}\"`).join(',');\n\n // Mapea los datos a filas CSV.\n const csvRows = data.map(row => {\n const values = columnsToExport.map(col => {\n const field = col.props.field;\n let cellValue: any;\n\n // Si 'field' es un array, toma el valor del primer campo para la exportación.\n if (Array.isArray(field)) {\n cellValue = (row as any)[field[0]];\n } else {\n cellValue = (row as any)[field];\n }\n\n // Convierte a string y maneja comas, comillas dobles y saltos de línea para CSV.\n let formattedValue = String(cellValue || '');\n if (formattedValue.includes(',') || formattedValue.includes('\"') || formattedValue.includes('\\n')) {\n formattedValue = `\"${formattedValue.replace(/\"/g, '\"\"')}\"`;\n }\n return formattedValue;\n });\n return values.join(',');\n });\n\n const csvContent = [headers, ...csvRows].join('\\n'); // Une los encabezados y las filas.\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n const link = document.createElement('a');\n\n if (link.download !== undefined) {\n const url = URL.createObjectURL(blob);\n link.setAttribute('href', url);\n link.setAttribute('download', fileName + '.csv');\n link.style.visibility = 'hidden';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n\n setSnackbarMessage(\"¡Exportación a CSV completada!\");\n setSnackbarSeverity('success');\n } else {\n setSnackbarMessage(\"Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.\");\n setSnackbarSeverity('error');\n }\n } catch (error) {\n console.error(\"Error al exportar los datos a CSV:\", error);\n setSnackbarMessage(\"Error al exportar los datos a CSV.\");\n setSnackbarSeverity('error');\n } finally {\n setSnackbarOpen(true);\n }\n};\n\n/**\n * Función para exportar datos a un archivo Excel (formato XLSX).\n * Genera una tabla HTML que luego se descarga como un archivo .xlsx.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToExcel = <T>(options: ExportOptions<T>) => {\n const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n if (!data || data.length === 0) {\n setSnackbarMessage(\"No hay datos para exportar a Excel.\");\n setSnackbarSeverity('warning');\n setSnackbarOpen(true);\n return;\n }\n\n setSnackbarMessage(\"Exportando datos a Excel (XLSX)...\");\n setSnackbarSeverity('info');\n setSnackbarOpen(true);\n\n try {\n const columnsToExport = exportColumns\n ? columns.filter(col => exportColumns.includes(col.props.name))\n : columns;\n\n // Construye el contenido HTML de la tabla.\n let tableHTML = `\n <html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n xmlns=\"http://www.w3.org/TR/REC-html40\">\n <head>\n <meta charset=\"utf-8\" />\n <!--[if gte mso 9]><xml>\n <x:ExcelWorkbook>\n <x:ExcelWorksheets>\n <x:ExcelWorksheet>\n <x:Name>Hoja1</x:Name>\n <x:WorksheetOptions>\n <x:DisplayGridlines/>\n </x:WorksheetOptions>\n </x:ExcelWorksheet>\n </x:ExcelWorksheets>\n </x:ExcelWorkbook>\n </xml><![endif]-->\n </head>\n <body>\n <table>\n <thead>\n <tr>\n ${columnsToExport.map(col => `<th>${col.props.name}</th>`).join('')}\n </tr>\n </thead>\n <tbody>\n ${data.map(row => `\n <tr>\n ${columnsToExport.map(col => {\n const field = col.props.field;\n let cellValue: any;\n if (Array.isArray(field)) {\n cellValue = (row as any)[field[0]];\n } else {\n cellValue = (row as any)[field];\n }\n // Escapa caracteres HTML para el contenido de la celda.\n return `<td>${String(cellValue || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</td>`;\n }).join('')}\n </tr>\n `).join('')}\n </tbody>\n </table>\n </body>\n </html>\n `;\n\n // Crea un Blob con el contenido HTML y el tipo MIME de XLSX.\n const blob = new Blob([tableHTML], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;' }); \n\n const link = document.createElement('a');\n if (link.download !== undefined) {\n const url = URL.createObjectURL(blob);\n link.setAttribute('href', url);\n link.setAttribute('download', fileName + '.xlsx'); // Usa la extensión .xlsx\n link.style.visibility = 'hidden';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n\n setSnackbarMessage(\"¡Exportación a Excel (XLSX) completada!\");\n setSnackbarSeverity('success');\n } else {\n setSnackbarMessage(\"Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.\");\n setSnackbarSeverity('error');\n }\n } catch (error) {\n console.error(\"Error al exportar los datos a Excel (XLSX):\", error);\n setSnackbarMessage(\"Error al exportar los datos a Excel (XLSX).\");\n setSnackbarSeverity('error');\n } finally {\n setSnackbarOpen(true);\n }\n};\n","export default \"data:image/png;base64,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\"","import React, { Children, isValidElement, useState, useEffect } from 'react';\nimport {\n TableContainer,\n Table as MuiTable,\n TableHead,\n TableBody,\n TableRow,\n TableCell,\n Typography,\n Select,\n MenuItem,\n Box,\n Button,\n Snackbar,\n IconButton,\n Checkbox,\n} from '@mui/material';\nimport MuiAlert, { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Asegúrate de que esta ruta sea correcta\nimport DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\nimport LastPageIcon from '@mui/icons-material/LastPage';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport { exportToCSV, exportToExcel } from './exportsUtils';\n\n// @ts-ignore\nimport EmptyImage from './EmptyTable.png';\n\nexport type FieldName<T> = keyof T | Array<keyof T>;\n\ninterface TableProps<T> {\n data: T[];\n children: React.ReactNode;\n\n currentPage?: number;\n pageSize?: number;\n totalPages?: number;\n previousPage?: number;\n nextPage?: number;\n pageSizeSelectorValue?: number;\n onPageChange?: (newPage: number) => void;\n onPageSizeChange?: (newSize: number) => void;\n visiblePageNumbers?: number;\n\n enableCSVExport?: boolean;\n csvExportFileName?: string;\n csvExportButtonText?: string;\n csvExportColumns?: string[];\n\n enableExcelExport?: boolean;\n excelExportFileName?: string;\n excelExportButtonText?: string;\n excelExportColumns?: string[];\n\n enableRowSelection?: boolean;\n rowIdentifier?: keyof T;\n onSelectionChange?: (selectedItems: T[]) => void;\n showPageSizeSelector?: boolean;\n emptyTitle?: string;\n emptyMessage?: string;\n emptyImageSrc?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n props,\n ref,\n) {\n return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />;\n});\n\nexport function Table<T>({\n data,\n children,\n currentPage,\n pageSize,\n totalPages,\n previousPage: _previousPage,\n nextPage: _nextPage,\n pageSizeSelectorValue = 10,\n onPageChange,\n onPageSizeChange,\n visiblePageNumbers = 5,\n enableCSVExport = false,\n csvExportFileName = 'data.csv',\n csvExportButtonText = 'Exportar CSV',\n csvExportColumns,\n enableExcelExport = false,\n excelExportFileName = 'data.xlsx',\n excelExportButtonText = 'Exportar Excel',\n excelExportColumns,\n enableRowSelection = false,\n rowIdentifier,\n onSelectionChange,\n showPageSizeSelector = true,\n emptyTitle = 'No hay datos disponibles',\n emptyMessage,\n emptyImageSrc = <Box mb={2}>\n <img src={EmptyImage} alt=\"No data\" style={{ maxWidth: '150px', opacity: 0.6 }} />\n </Box>,\n}: TableProps<T>) {\n const columns = Children.toArray(children).filter(\n (child): child is React.ReactElement<ColumnProps<T>> =>\n isValidElement(child) && (child.type as any).displayName === 'Column'\n );\n\n const [snackbarOpen, setSnackbarOpen] = useState(false);\n const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>('info');\n\n const [selectedRows, setSelectedRows] = useState<T[]>([]);\n\n useEffect(() => {\n setSelectedRows([]);\n }, [data, currentPage, pageSize]);\n\n useEffect(() => {\n onSelectionChange?.(selectedRows);\n }, [selectedRows, onSelectionChange]);\n\n const handleSnackbarClose = (_event?: React.SyntheticEvent | Event, reason?: string) => {\n if (reason === 'clickaway') {\n return;\n }\n setSnackbarOpen(false);\n };\n\n const isControlled = typeof onPageChange === 'function' && typeof currentPage === 'number';\n const [internalPage, setInternalPage] = useState(1);\n const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);\n\n const activePage = isControlled ? currentPage! : internalPage;\n const activePageSize = isControlled ? pageSize! : internalPageSize;\n\n const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);\n\n const effectiveTotalPages = isControlled\n ? totalPages!\n : Math.ceil(data.length / activePageSize);\n\n const handlePageChange = (newPage: number) => {\n if (newPage < 1 || newPage > effectiveTotalPages) return;\n if (isControlled) onPageChange?.(newPage);\n else setInternalPage(newPage);\n };\n\n const handlePageSizeChange = (newSize: number) => {\n if (isControlled) {\n onPageSizeChange?.(newSize);\n onPageChange?.(1);\n } else {\n setInternalPageSize(newSize);\n setInternalPage(1);\n }\n };\n\n const getPageNumbers = () => {\n const pages = [];\n const maxPages = effectiveTotalPages;\n const current = activePage;\n const half = Math.floor(visiblePageNumbers / 2);\n\n let startPage = Math.max(1, current - half);\n let endPage = Math.min(maxPages, current + half);\n\n if (endPage - startPage + 1 < visiblePageNumbers) {\n if (startPage === 1) {\n endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);\n } else if (endPage === maxPages) {\n startPage = Math.max(1, maxPages - visiblePageNumbers + 1);\n }\n }\n\n for (let i = startPage; i <= endPage; i++) {\n pages.push(i);\n }\n return pages;\n };\n\n const pageNumbers = getPageNumbers();\n\n const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (!rowIdentifier) {\n console.warn(\"`rowIdentifier` prop is required for row selection.\");\n return;\n }\n\n if (event.target.checked) {\n const newSelecteds = [...selectedRows];\n paginatedData.forEach(row => {\n const rowId = row[rowIdentifier] as any;\n if (!newSelecteds.some(selectedRow => (selectedRow as any)[rowIdentifier] === rowId)) {\n newSelecteds.push(row);\n }\n });\n setSelectedRows(newSelecteds);\n } else {\n const newSelecteds = selectedRows.filter(selectedRow =>\n !paginatedData.some(row => (row as any)[rowIdentifier] === (selectedRow as any)[rowIdentifier])\n );\n setSelectedRows(newSelecteds);\n }\n };\n\n const handleRowClick = (_event: React.MouseEvent<unknown>, row: T) => {\n if (!rowIdentifier) {\n console.warn(\"`rowIdentifier` prop is required for row selection.\");\n return;\n }\n\n const rowId = row[rowIdentifier] as any;\n const selectedIndex = selectedRows.findIndex(selectedRow => (selectedRow as any)[rowIdentifier] === rowId);\n let newSelected: T[] = [];\n\n if (selectedIndex === -1) {\n newSelected = newSelected.concat(selectedRows, row);\n } else if (selectedIndex === 0) {\n newSelected = newSelected.concat(selectedRows.slice(1));\n } else if (selectedIndex === selectedRows.length - 1) {\n newSelected = newSelected.concat(selectedRows.slice(0, -1));\n } else if (selectedIndex > 0) {\n newSelected = newSelected.concat(\n selectedRows.slice(0, selectedIndex),\n selectedRows.slice(selectedIndex + 1),\n );\n }\n setSelectedRows(newSelected);\n };\n\n const isSelected = (row: T) => {\n if (!rowIdentifier) return false;\n return selectedRows.some(selectedRow => (selectedRow as any)[rowIdentifier] === (row as any)[rowIdentifier]);\n };\n\n const numSelectedOnPage = paginatedData.filter(isSelected).length;\n const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;\n const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;\n\n return (\n <TableContainer >\n\n <MuiTable sx={{ minWidth: 650 }} aria-label=\"custom table\" style={ paginatedData.length === 0 ? { display: 'none' } : {} }>\n {/* Table Header */}\n <TableHead sx={{ backgroundColor: '#fff' }}>\n <TableRow>\n {enableRowSelection && (\n <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Puedes ajustar este ancho fijo si lo deseas */}\n <Checkbox\n color=\"primary\"\n indeterminate={isIndeterminateOnPage}\n checked={isAllSelectedOnPage}\n onChange={handleSelectAllClick}\n inputProps={{ 'aria-label': 'select all desserts' }}\n />\n </TableCell>\n )}\n {columns.map((column, index) => (\n <TableCell\n key={index}\n sx={{\n\n fontSize: '12px',\n color: (theme) => theme.palette.text.secondary,\n width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ\n whiteSpace: 'nowrap', // Evita que el texto se ajuste si la columna es pequeña\n \n }}\n >\n <Typography sx={{ fontSize: '12px' }}>\n {column.props.name}\n </Typography>\n </TableCell>\n ))}\n </TableRow>\n </TableHead>\n {/* Table Body */}\n <TableBody sx={{ borderRadius: '10px', overflow: 'hidden' }}>\n {paginatedData.map((row, rowIndex) => {\n const isRowSelected = enableRowSelection && isSelected(row);\n return (\n <TableRow\n key={rowIndex}\n sx={{ backgroundColor: '#F8F8F8', '&:last-child td, &:last-child th': { border: 0 }, '&:hover': { backgroundColor: () => '#FFF' } }}\n selected={isRowSelected}\n >\n {enableRowSelection && (\n <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Mismo ancho para la celda de la fila */}\n <Checkbox\n color=\"primary\"\n checked={isRowSelected}\n onClick={(event) => handleRowClick(event, row)}\n inputProps={{ 'aria-labelledby': `table-checkbox-${rowIndex}` }}\n />\n </TableCell>\n )}\n {columns.map((column, colIndex) => {\n const { field, children: cellRenderer } = column.props;\n\n let fieldData: Partial<T>;\n\n if (Array.isArray(field)) {\n if(field.length === 0){\n fieldData = {...row};\n }else{\n fieldData = (field as Array<keyof T>).reduce((acc, currentField) => {\n (acc as any)[currentField] = (row as any)[currentField];\n return acc;\n }, {} as Partial<T>);\n }\n\n } else {\n fieldData = { [field]: (row as any)[field] } as Partial<T>;\n }\n\n return (\n <TableCell\n key={colIndex}\n sx={{\n fontSize: '14px',\n width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n padding: '12px 16px', // Asegura un padding consistente\n borderBottom: 'none'\n }}\n >\n {cellRenderer(fieldData)}\n </TableCell>\n );\n })}\n </TableRow>\n );\n })}\n {/* Empty table message */}\n \n </TableBody>\n </MuiTable>\n\n { paginatedData.length === 0 && (\n <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" p={4} > \n { emptyImageSrc }\n\n <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"18px\" fontWeight=\"600\">\n {emptyTitle || 'No hay datos disponibles para mostrar.'}\n </Typography>\n <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"14px\" mt={1}> \n {emptyMessage || 'Intente ajustar sus filtros o agregar nuevos datos.'}\n </Typography>\n\n </Box>\n )\n }\n\n {/* Pagination and Export Controls */}\n {(effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || (enableRowSelection && selectedRows.length > 0)) && (\n <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n {/* Page Size Selector (Left) */}\n {(effectiveTotalPages > 0 && showPageSizeSelector) && (\n <Select\n size=\"small\"\n value={activePageSize}\n onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n >\n {[1, 2, 3, 5, 10, 20, 50, 100].map((size) => (\n <MenuItem key={size} value={size}>\n Mostrar {size}\n </MenuItem>\n ))}\n </Select>\n )}\n\n {/* Pagination Controls (Center) */}\n {effectiveTotalPages > 0 && (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={0.5}\n sx={{ flexGrow: 1, justifyContent: 'center' }}\n >\n <IconButton\n onClick={() => handlePageChange(1)}\n disabled={activePage <= 1}\n size=\"small\"\n color=\"primary\"\n >\n <FirstPageIcon fontSize=\"small\" />\n </IconButton>\n\n <IconButton\n onClick={() => handlePageChange(activePage - 1)}\n disabled={activePage <= 1}\n size=\"small\"\n color=\"primary\"\n >\n <KeyboardArrowLeftIcon fontSize=\"small\" />\n </IconButton>\n\n {pageNumbers.map((pageNumber) => (\n <Button\n key={pageNumber}\n onClick={() => handlePageChange(pageNumber)}\n variant={activePage === pageNumber ? 'contained' : 'text'}\n size=\"small\"\n sx={{ minWidth: '32px', height: '32px' }}\n >\n {pageNumber}\n </Button>\n ))}\n\n <IconButton\n onClick={() => handlePageChange(activePage + 1)}\n disabled={activePage >= effectiveTotalPages}\n size=\"small\"\n color=\"primary\"\n >\n <KeyboardArrowRightIcon fontSize=\"small\" />\n </IconButton>\n\n <IconButton\n onClick={() => handlePageChange(effectiveTotalPages)}\n disabled={activePage >= effectiveTotalPages}\n size=\"small\"\n color=\"primary\"\n >\n <LastPageIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n )}\n\n {enableRowSelection && selectedRows.length > 0 && (\n <Typography variant=\"subtitle2\" sx={{ mr: 2 }}>\n {selectedRows.length} seleccionados\n </Typography>\n )}\n\n {(enableCSVExport || enableExcelExport) && (\n <Box display=\"flex\" alignItems=\"center\" gap={1}>\n {enableCSVExport && (\n <Button\n variant=\"text\"\n color=\"primary\"\n onClick={() =>\n exportToCSV({\n data,\n columns,\n fileName: csvExportFileName,\n exportColumns: csvExportColumns,\n setSnackbarOpen,\n setSnackbarMessage,\n setSnackbarSeverity,\n })\n }\n size=\"small\"\n startIcon={<DownloadOutlinedIcon />}\n >\n {csvExportButtonText}\n </Button>\n )}\n {enableExcelExport && (\n <Button\n variant=\"text\"\n color=\"primary\"\n onClick={() =>\n exportToExcel({\n data,\n columns,\n fileName: excelExportFileName,\n exportColumns: excelExportColumns,\n setSnackbarOpen,\n setSnackbarMessage,\n setSnackbarSeverity,\n })\n }\n size=\"small\"\n startIcon={<DownloadOutlinedIcon />}\n >\n {excelExportButtonText}\n </Button>\n )}\n </Box>\n )}\n </Box>\n )}\n\n <Snackbar open={snackbarOpen} autoHideDuration={3000} onClose={handleSnackbarClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>\n <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n {snackbarMessage}\n </Alert>\n </Snackbar>\n </TableContainer>\n );\n}\n\nexport default Table;"],"names":["Alert","jsx","Box","Children","isValidElement","useState","useEffect","TableContainer","jsxs","MuiTable","TableHead","TableRow","TableCell","Checkbox","Typography","TableBody","Select","MenuItem","IconButton","Button","Snackbar"],"mappings":"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"}
@@ -1,31 +0,0 @@
1
- import { ReactNode, MouseEvent } from 'react';
2
- import { SxProps, Theme } from '@mui/material/styles';
3
- export interface AppBarBrandProps {
4
- /** Logo (img, svg, componente). Se muestra a la izquierda del título. */
5
- logo?: ReactNode;
6
- /** Título del sistema. */
7
- title?: ReactNode;
8
- /** Subtítulo opcional (p.ej. nombre de módulo actual). */
9
- subtitle?: ReactNode;
10
- /** Handler de click sobre todo el brand (típicamente navega al home). */
11
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
12
- /** Oculta solo el título en viewports pequeños (mantiene el logo). Default: true. */
13
- hideTitleOnMobile?: boolean;
14
- sx?: SxProps<Theme>;
15
- className?: string;
16
- }
17
- /**
18
- * Brand del AppBar: combina logo + título + subtítulo opcional con un
19
- * click handler global (típicamente para navegar al home).
20
- *
21
- * ```tsx
22
- * <AppBarBrand
23
- * logo={<img src={logo} alt="" height={32} />}
24
- * title="Afiliaciones"
25
- * subtitle="Panel administrativo"
26
- * onClick={() => navigate('/')}
27
- * />
28
- * ```
29
- */
30
- export declare function AppBarBrand({ logo, title, subtitle, onClick, hideTitleOnMobile, sx, className, }: AppBarBrandProps): import("react/jsx-runtime").JSX.Element;
31
- export default AppBarBrand;
@@ -1,65 +0,0 @@
1
- import { ReactNode, MouseEvent } from 'react';
2
- import { SxProps, Theme } from '@mui/material/styles';
3
- export interface AppBarUserMenuItem {
4
- /** Key única. Si no se provee, se usa el label. */
5
- key?: string;
6
- /** Texto del item. */
7
- label: ReactNode;
8
- /** Icono opcional a la izquierda. */
9
- icon?: ReactNode;
10
- /** Handler de click. */
11
- onClick?: (event: MouseEvent<HTMLLIElement>) => void;
12
- /** Deshabilita el item. */
13
- disabled?: boolean;
14
- /** Pinta el item en color error (típico para "Cerrar sesión"). */
15
- danger?: boolean;
16
- /** Inserta un `<Divider />` ANTES de este item. */
17
- dividerBefore?: boolean;
18
- }
19
- export interface AppBarUserMenuUser {
20
- /** Nombre a mostrar en el header del menú. */
21
- name?: ReactNode;
22
- /** Email / subtítulo secundario. */
23
- email?: ReactNode;
24
- /** URL del avatar. Si se omite, se muestran iniciales del `name`. */
25
- avatarUrl?: string;
26
- /** Iniciales custom. Si se omite, se calculan del `name`. */
27
- initials?: string;
28
- }
29
- export interface AppBarUserMenuProps {
30
- /** Datos del usuario a mostrar. */
31
- user?: AppBarUserMenuUser;
32
- /** Items del menú. */
33
- items: AppBarUserMenuItem[];
34
- /**
35
- * Si `true`, oculta la fila con nombre + email en el tope del menú.
36
- * Default: `false`.
37
- */
38
- hideUserHeader?: boolean;
39
- /** Tooltip del trigger. Default: "Cuenta". */
40
- triggerTooltip?: string;
41
- /** Tamaño del Avatar en px. Default: 36. */
42
- avatarSize?: number;
43
- /** sx del Paper del Menu. */
44
- menuSx?: SxProps<Theme>;
45
- /** sx del trigger (IconButton). */
46
- triggerSx?: SxProps<Theme>;
47
- className?: string;
48
- }
49
- /**
50
- * Menú de usuario del AppBar: avatar clickable que despliega un menú con la
51
- * info del usuario (nombre + email) y una lista de acciones (perfil, cerrar
52
- * sesión, etc).
53
- *
54
- * ```tsx
55
- * <AppBarUserMenu
56
- * user={{ name: 'Andrea', email: 'a@soyfri.com' }}
57
- * items={[
58
- * { label: 'Perfil', icon: <PersonIcon />, onClick: goToProfile },
59
- * { label: 'Cerrar sesión', icon: <LogoutIcon />, onClick: logout, danger: true, dividerBefore: true },
60
- * ]}
61
- * />
62
- * ```
63
- */
64
- export declare function AppBarUserMenu({ user, items, hideUserHeader, triggerTooltip, avatarSize, menuSx, triggerSx, className, }: AppBarUserMenuProps): import("react/jsx-runtime").JSX.Element;
65
- export default AppBarUserMenu;
@@ -1 +0,0 @@
1
- export type { SelectOption, LabelPosition, AutocompleteSize, RenderOptionItem, RenderChipLabel, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, AutocompleteProps, } from './Autocomplete';
@@ -1 +0,0 @@
1
- export type { LabelPosition, DatePickerSize, BaseDatePickerProps, RHFDatePickerProps, ControlledDatePickerProps, DatePickerProps, } from './DatePicker';
@@ -1 +0,0 @@
1
- export type { LabelPosition, DateTimePickerSize, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, DateTimePickerProps, } from './DateTimePicker';
@@ -1 +0,0 @@
1
- export type { InputType, LabelPosition, BaseInputProps, RHFInputProps, ControlledInputProps, InputProps, } from './Input';
@@ -1,61 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
6
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
7
- var __spreadValues = (a, b) => {
8
- for (var prop in b || (b = {}))
9
- if (__hasOwnProp.call(b, prop))
10
- __defNormalProp(a, prop, b[prop]);
11
- if (__getOwnPropSymbols)
12
- for (var prop of __getOwnPropSymbols(b)) {
13
- if (__propIsEnum.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- }
16
- return a;
17
- };
18
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
19
- const jsxRuntime = require("react/jsx-runtime");
20
- const material = require("@mui/material");
21
- function PageLoader({
22
- fullscreen = true,
23
- message,
24
- logo,
25
- size = 48,
26
- open = true,
27
- backdropColor,
28
- sx,
29
- className
30
- }) {
31
- const rootSx = [
32
- (theme) => __spreadValues({
33
- display: "flex",
34
- flexDirection: "column",
35
- alignItems: "center",
36
- justifyContent: "center",
37
- gap: 2
38
- }, fullscreen ? {
39
- position: "fixed",
40
- inset: 0,
41
- zIndex: theme.zIndex.modal + 10,
42
- backgroundColor: backdropColor != null ? backdropColor : theme.palette.background.default
43
- } : {
44
- width: "100%",
45
- minHeight: 160
46
- }),
47
- ...Array.isArray(sx) ? sx : sx ? [sx] : []
48
- ];
49
- const content = /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className, sx: rootSx, role: "status", "aria-live": "polite", children: [
50
- logo && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1 }, children: logo }),
51
- /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size, thickness: 4 }),
52
- message && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: message })
53
- ] });
54
- if (!fullscreen) {
55
- return open ? content : null;
56
- }
57
- return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: open, timeout: { enter: 0, exit: 200 }, unmountOnExit: true, children: content });
58
- }
59
- exports.PageLoader = PageLoader;
60
- exports.default = PageLoader;
61
- //# sourceMappingURL=PageLoader.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageLoader.cjs","sources":["../../../src/components/PageLoader/PageLoader.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography, Fade } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface PageLoaderProps {\n /**\n * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)\n * con backdrop. Default: true.\n */\n fullscreen?: boolean;\n /** Texto bajo el spinner. */\n message?: ReactNode;\n /** Logo/imagen opcional arriba del spinner. */\n logo?: ReactNode;\n /** Tamaño del spinner en px. Default: 48. */\n size?: number;\n /**\n * Control explícito. Si es undefined, el loader se muestra apenas se monta.\n * Útil para fades.\n */\n open?: boolean;\n /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */\n backdropColor?: string;\n /** sx del root. */\n sx?: SxProps<Theme>;\n className?: string;\n}\n\n/**\n * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.\n *\n * ```tsx\n * // Splash de arranque\n * <PageLoader logo={<img src={logo} />} message=\"Cargando...\" />\n *\n * // Loader local dentro de una card\n * <PageLoader fullscreen={false} size={32} />\n * ```\n */\nexport function PageLoader({\n fullscreen = true,\n message,\n logo,\n size = 48,\n open = true,\n backdropColor,\n sx,\n className,\n}: PageLoaderProps) {\n const rootSx: SxProps<Theme> = [\n (theme) => ({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 2,\n ...(fullscreen\n ? {\n position: 'fixed',\n inset: 0,\n zIndex: theme.zIndex.modal + 10,\n backgroundColor:\n backdropColor ?? theme.palette.background.default,\n }\n : {\n width: '100%',\n minHeight: 160,\n }),\n }),\n ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n ];\n\n const content = (\n <Box className={className} sx={rootSx} role=\"status\" aria-live=\"polite\">\n {logo && <Box sx={{ mb: 1 }}>{logo}</Box>}\n <CircularProgress size={size} thickness={4} />\n {message && (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {message}\n </Typography>\n )}\n </Box>\n );\n\n if (!fullscreen) {\n return open ? content : null;\n }\n\n return (\n <Fade in={open} timeout={{ enter: 0, exit: 200 }} unmountOnExit>\n {content}\n </Fade>\n );\n}\n\nexport default PageLoader;\n"],"names":["Box","jsx","CircularProgress","Typography","Fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCO,SAAS,WAAW;AAAA,EACzB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,SAAyB;AAAA,IAC7B,CAAC,UAAW;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,OACD,aACA;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO,QAAQ;AAAA,MAC7B,iBACE,wCAAiB,MAAM,QAAQ,WAAW;AAAA,IAAA,IAE9C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAGnB,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,0CACHA,SAAAA,KAAA,EAAI,WAAsB,IAAI,QAAQ,MAAK,UAAS,aAAU,UAC5D,UAAA;AAAA,IAAA,uCAASA,SAAAA,KAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,IACnCC,2BAAAA,IAACC,SAAAA,kBAAA,EAAiB,MAAY,WAAW,EAAA,CAAG;AAAA,IAC3C,WACCD,2BAAAA,IAACE,SAAAA,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,QAAA,CACH;AAAA,EAAA,GAEJ;AAGF,MAAI,CAAC,YAAY;AACf,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,SACEF,2BAAAA,IAACG,SAAAA,MAAA,EAAK,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,MAAM,IAAA,GAAO,eAAa,MAC5D,UAAA,SACH;AAEJ;;;"}
@@ -1,38 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { SxProps, Theme } from '@mui/material/styles';
3
- export interface PageLoaderProps {
4
- /**
5
- * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)
6
- * con backdrop. Default: true.
7
- */
8
- fullscreen?: boolean;
9
- /** Texto bajo el spinner. */
10
- message?: ReactNode;
11
- /** Logo/imagen opcional arriba del spinner. */
12
- logo?: ReactNode;
13
- /** Tamaño del spinner en px. Default: 48. */
14
- size?: number;
15
- /**
16
- * Control explícito. Si es undefined, el loader se muestra apenas se monta.
17
- * Útil para fades.
18
- */
19
- open?: boolean;
20
- /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */
21
- backdropColor?: string;
22
- /** sx del root. */
23
- sx?: SxProps<Theme>;
24
- className?: string;
25
- }
26
- /**
27
- * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.
28
- *
29
- * ```tsx
30
- * // Splash de arranque
31
- * <PageLoader logo={<img src={logo} />} message="Cargando..." />
32
- *
33
- * // Loader local dentro de una card
34
- * <PageLoader fullscreen={false} size={32} />
35
- * ```
36
- */
37
- export declare function PageLoader({ fullscreen, message, logo, size, open, backdropColor, sx, className, }: PageLoaderProps): import("react/jsx-runtime").JSX.Element | null;
38
- export default PageLoader;
@@ -1,61 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
- var __hasOwnProp = Object.prototype.hasOwnProperty;
4
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
- var __spreadValues = (a, b) => {
7
- for (var prop in b || (b = {}))
8
- if (__hasOwnProp.call(b, prop))
9
- __defNormalProp(a, prop, b[prop]);
10
- if (__getOwnPropSymbols)
11
- for (var prop of __getOwnPropSymbols(b)) {
12
- if (__propIsEnum.call(b, prop))
13
- __defNormalProp(a, prop, b[prop]);
14
- }
15
- return a;
16
- };
17
- import { jsxs, jsx } from "react/jsx-runtime";
18
- import { Fade, Box, CircularProgress, Typography } from "@mui/material";
19
- function PageLoader({
20
- fullscreen = true,
21
- message,
22
- logo,
23
- size = 48,
24
- open = true,
25
- backdropColor,
26
- sx,
27
- className
28
- }) {
29
- const rootSx = [
30
- (theme) => __spreadValues({
31
- display: "flex",
32
- flexDirection: "column",
33
- alignItems: "center",
34
- justifyContent: "center",
35
- gap: 2
36
- }, fullscreen ? {
37
- position: "fixed",
38
- inset: 0,
39
- zIndex: theme.zIndex.modal + 10,
40
- backgroundColor: backdropColor != null ? backdropColor : theme.palette.background.default
41
- } : {
42
- width: "100%",
43
- minHeight: 160
44
- }),
45
- ...Array.isArray(sx) ? sx : sx ? [sx] : []
46
- ];
47
- const content = /* @__PURE__ */ jsxs(Box, { className, sx: rootSx, role: "status", "aria-live": "polite", children: [
48
- logo && /* @__PURE__ */ jsx(Box, { sx: { mb: 1 }, children: logo }),
49
- /* @__PURE__ */ jsx(CircularProgress, { size, thickness: 4 }),
50
- message && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: message })
51
- ] });
52
- if (!fullscreen) {
53
- return open ? content : null;
54
- }
55
- return /* @__PURE__ */ jsx(Fade, { in: open, timeout: { enter: 0, exit: 200 }, unmountOnExit: true, children: content });
56
- }
57
- export {
58
- PageLoader,
59
- PageLoader as default
60
- };
61
- //# sourceMappingURL=PageLoader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageLoader.js","sources":["../../../src/components/PageLoader/PageLoader.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography, Fade } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface PageLoaderProps {\n /**\n * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)\n * con backdrop. Default: true.\n */\n fullscreen?: boolean;\n /** Texto bajo el spinner. */\n message?: ReactNode;\n /** Logo/imagen opcional arriba del spinner. */\n logo?: ReactNode;\n /** Tamaño del spinner en px. Default: 48. */\n size?: number;\n /**\n * Control explícito. Si es undefined, el loader se muestra apenas se monta.\n * Útil para fades.\n */\n open?: boolean;\n /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */\n backdropColor?: string;\n /** sx del root. */\n sx?: SxProps<Theme>;\n className?: string;\n}\n\n/**\n * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.\n *\n * ```tsx\n * // Splash de arranque\n * <PageLoader logo={<img src={logo} />} message=\"Cargando...\" />\n *\n * // Loader local dentro de una card\n * <PageLoader fullscreen={false} size={32} />\n * ```\n */\nexport function PageLoader({\n fullscreen = true,\n message,\n logo,\n size = 48,\n open = true,\n backdropColor,\n sx,\n className,\n}: PageLoaderProps) {\n const rootSx: SxProps<Theme> = [\n (theme) => ({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 2,\n ...(fullscreen\n ? {\n position: 'fixed',\n inset: 0,\n zIndex: theme.zIndex.modal + 10,\n backgroundColor:\n backdropColor ?? theme.palette.background.default,\n }\n : {\n width: '100%',\n minHeight: 160,\n }),\n }),\n ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n ];\n\n const content = (\n <Box className={className} sx={rootSx} role=\"status\" aria-live=\"polite\">\n {logo && <Box sx={{ mb: 1 }}>{logo}</Box>}\n <CircularProgress size={size} thickness={4} />\n {message && (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {message}\n </Typography>\n )}\n </Box>\n );\n\n if (!fullscreen) {\n return open ? content : null;\n }\n\n return (\n <Fade in={open} timeout={{ enter: 0, exit: 200 }} unmountOnExit>\n {content}\n </Fade>\n );\n}\n\nexport default PageLoader;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,SAAS,WAAW;AAAA,EACzB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,SAAyB;AAAA,IAC7B,CAAC,UAAW;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,OACD,aACA;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO,QAAQ;AAAA,MAC7B,iBACE,wCAAiB,MAAM,QAAQ,WAAW;AAAA,IAAA,IAE9C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAGnB,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,+BACH,KAAA,EAAI,WAAsB,IAAI,QAAQ,MAAK,UAAS,aAAU,UAC5D,UAAA;AAAA,IAAA,4BAAS,KAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,IACnC,oBAAC,kBAAA,EAAiB,MAAY,WAAW,EAAA,CAAG;AAAA,IAC3C,WACC,oBAAC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,QAAA,CACH;AAAA,EAAA,GAEJ;AAGF,MAAI,CAAC,YAAY;AACf,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,SACE,oBAAC,MAAA,EAAK,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,MAAM,IAAA,GAAO,eAAa,MAC5D,UAAA,SACH;AAEJ;"}
@@ -1,2 +0,0 @@
1
- export { PageLoader, default } from './PageLoader';
2
- export type { PageLoaderProps } from './PageLoader';
@@ -1,6 +0,0 @@
1
- export * from './PageLoader/index'
2
- export {}
3
- import _default from './PageLoader/index'
4
- export default _default
5
- export * from './PageLoader/index'
6
- export {}
@@ -1 +0,0 @@
1
- export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup';
@@ -1,79 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const React = require("react");
5
- const material = require("@mui/material");
6
- const KeyboardArrowUpIcon = require("@mui/icons-material/KeyboardArrowUp");
7
- const resolvePreset = require("../../resolvePreset-CxTI6_Ln.cjs");
8
- function scrollToTop({
9
- behavior = "smooth",
10
- target = typeof window !== "undefined" ? window : void 0,
11
- top = 0
12
- } = {}) {
13
- if (!target) return;
14
- target.scrollTo({ top, left: 0, behavior });
15
- }
16
- const positionSx = {
17
- "bottom-right": { position: "fixed", bottom: 24, right: 24 },
18
- "bottom-left": { position: "fixed", bottom: 24, left: 24 },
19
- "bottom-center": {
20
- position: "fixed",
21
- bottom: 24,
22
- left: "50%",
23
- transform: "translateX(-50%)"
24
- }
25
- };
26
- function ScrollTopButton({
27
- threshold = 300,
28
- position = "bottom-right",
29
- scrollTarget,
30
- size = "medium",
31
- color = "default",
32
- icon,
33
- ariaLabel = "Subir al inicio",
34
- preset,
35
- sx,
36
- className
37
- }) {
38
- const theme = material.useTheme();
39
- const [visible, setVisible] = React.useState(false);
40
- React.useEffect(() => {
41
- const target = scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : null;
42
- if (!target) return;
43
- const readScrollTop = () => target === window ? window.scrollY || document.documentElement.scrollTop : target.scrollTop;
44
- const handleScroll = () => {
45
- setVisible(readScrollTop() > threshold);
46
- };
47
- handleScroll();
48
- target.addEventListener("scroll", handleScroll, { passive: true });
49
- return () => target.removeEventListener("scroll", handleScroll);
50
- }, [threshold, scrollTarget]);
51
- const handleClick = () => {
52
- scrollToTop({
53
- target: scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : void 0
54
- });
55
- };
56
- const presetSx = resolvePreset.resolvePreset("ScrollTopButton", preset, theme);
57
- const mergedSx = [
58
- positionSx[position],
59
- { zIndex: theme.zIndex.speedDial },
60
- ...presetSx ? [presetSx] : [],
61
- ...Array.isArray(sx) ? sx : sx ? [sx] : []
62
- ];
63
- return /* @__PURE__ */ jsxRuntime.jsx(material.Zoom, { in: visible, unmountOnExit: true, children: /* @__PURE__ */ jsxRuntime.jsx(
64
- material.Fab,
65
- {
66
- size,
67
- color,
68
- "aria-label": ariaLabel,
69
- onClick: handleClick,
70
- className,
71
- sx: mergedSx,
72
- children: icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowUpIcon, {})
73
- }
74
- ) });
75
- }
76
- exports.ScrollTopButton = ScrollTopButton;
77
- exports.default = ScrollTopButton;
78
- exports.scrollToTop = scrollToTop;
79
- //# sourceMappingURL=ScrollTopButton.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScrollTopButton.cjs","sources":["../../../src/components/ScrollTopButton/scrollToTop.ts","../../../src/components/ScrollTopButton/ScrollTopButton.tsx"],"sourcesContent":["export interface ScrollToTopOptions {\n /** Comportamiento del scroll. Default: `'smooth'`. */\n behavior?: ScrollBehavior;\n /**\n * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n */\n target?: Window | HTMLElement;\n /** Offset desde el top. Default: `0`. */\n top?: number;\n}\n\n/**\n * Reemplaza imperativamente a `ScrollTopComponent.goTop()` de Metronic.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * // Reemplazo directo del legacy:\n * // Antes: ScrollTopComponent.goTop()\n * scrollToTop();\n *\n * // Con opciones:\n * scrollToTop({ behavior: 'auto' });\n * scrollToTop({ target: myScrollableRef.current });\n * ```\n */\nexport function scrollToTop({\n behavior = 'smooth',\n target = typeof window !== 'undefined' ? window : undefined,\n top = 0,\n}: ScrollToTopOptions = {}): void {\n if (!target) return;\n target.scrollTo({ top, left: 0, behavior });\n}\n","import React, { useEffect, useState, type ReactNode } from 'react';\nimport { Fab, Zoom, useTheme } from '@mui/material';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { scrollToTop } from './scrollToTop';\n\nexport type ScrollTopButtonPosition =\n | 'bottom-right'\n | 'bottom-left'\n | 'bottom-center';\n\nexport interface ScrollTopButtonProps {\n /**\n * Distancia en px que hay que scrollear antes de mostrar el botón.\n * Default: `300`.\n */\n threshold?: number;\n /**\n * Posición del botón en la pantalla. Default: `'bottom-right'`.\n */\n position?: ScrollTopButtonPosition;\n /**\n * Elemento scrolleable a observar y al que se hace scrollTop. Si se omite,\n * se usa `window` (caso más común).\n */\n scrollTarget?: Window | HTMLElement | null;\n /** Tamaño del FAB. Default: `'medium'`. */\n size?: 'small' | 'medium' | 'large';\n /**\n * Color del FAB. Default: `'default'`.\n */\n color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n /** Icono custom. Default: `<KeyboardArrowUpIcon />`. */\n icon?: ReactNode;\n /** Texto accesible (aria-label). Default: `\"Subir al inicio\"`. */\n ariaLabel?: string;\n /** Preset registrado en `theme.styles.ScrollTopButton`. */\n preset?: string;\n /** sx del Fab. Se compone sobre la posición + preset. */\n sx?: SxProps<Theme>;\n className?: string;\n}\n\nconst positionSx: Record<ScrollTopButtonPosition, SxProps<Theme>> = {\n 'bottom-right': { position: 'fixed', bottom: 24, right: 24 },\n 'bottom-left': { position: 'fixed', bottom: 24, left: 24 },\n 'bottom-center': {\n position: 'fixed',\n bottom: 24,\n left: '50%',\n transform: 'translateX(-50%)',\n },\n};\n\n/**\n * Botón flotante que aparece tras scrollear más de `threshold` px y, al\n * clickearse, hace scroll suave hasta el tope. Reemplaza al componente\n * visible de `ScrollTopComponent` de Metronic.\n *\n * Para el caso imperativo (llamar `goTop()` tras una mutación), usar el\n * helper `scrollToTop()` directamente.\n *\n * ```tsx\n * <ScrollTopButton threshold={400} position=\"bottom-right\" />\n * ```\n */\nexport function ScrollTopButton({\n threshold = 300,\n position = 'bottom-right',\n scrollTarget,\n size = 'medium',\n color = 'default',\n icon,\n ariaLabel = 'Subir al inicio',\n preset,\n sx,\n className,\n}: ScrollTopButtonProps) {\n const theme = useTheme();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n // Si viene scrollTarget explícito, usarlo; si no, window.\n const target: Window | HTMLElement | null =\n scrollTarget ?? (typeof window !== 'undefined' ? window : null);\n if (!target) return;\n\n const readScrollTop = () =>\n target === window\n ? window.scrollY || document.documentElement.scrollTop\n : (target as HTMLElement).scrollTop;\n\n const handleScroll = () => {\n setVisible(readScrollTop() > threshold);\n };\n\n handleScroll(); // check inicial por si ya estamos scrolleados\n target.addEventListener('scroll', handleScroll, { passive: true });\n return () => target.removeEventListener('scroll', handleScroll);\n }, [threshold, scrollTarget]);\n\n const handleClick = () => {\n scrollToTop({\n target: scrollTarget ?? (typeof window !== 'undefined' ? window : undefined),\n });\n };\n\n const presetSx = resolvePreset('ScrollTopButton', preset, theme);\n\n const mergedSx: SxProps<Theme> = [\n positionSx[position],\n { zIndex: theme.zIndex.speedDial },\n ...(presetSx ? [presetSx] : []),\n ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n ];\n\n return (\n <Zoom in={visible} unmountOnExit>\n <Fab\n size={size}\n color={color}\n aria-label={ariaLabel}\n onClick={handleClick}\n className={className}\n sx={mergedSx}\n >\n {icon ?? <KeyboardArrowUpIcon />}\n </Fab>\n </Zoom>\n );\n}\n\nexport default ScrollTopButton;\n"],"names":["useTheme","useState","useEffect","resolvePreset","jsx","Zoom","Fab"],"mappings":";;;;;;;AA6BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;ACSA,MAAM,aAA8D;AAAA,EAClE,gBAAgB,EAAE,UAAU,SAAS,QAAQ,IAAI,OAAO,GAAA;AAAA,EACxD,eAAe,EAAE,UAAU,SAAS,QAAQ,IAAI,MAAM,GAAA;AAAA,EACtD,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAEf;AAcO,SAAS,gBAAgB;AAAA,EAC9B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQA,SAAAA,SAAA;AACd,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5CC,QAAAA,UAAU,MAAM;AAEd,UAAM,SACJ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAC5D,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,MACpB,WAAW,SACP,OAAO,WAAW,SAAS,gBAAgB,YAC1C,OAAuB;AAE9B,UAAM,eAAe,MAAM;AACzB,iBAAW,cAAA,IAAkB,SAAS;AAAA,IACxC;AAEA,iBAAA;AACA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,cAAc,MAAM;AACxB,gBAAY;AAAA,MACV,QAAQ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAAA,IAAA,CACnE;AAAA,EACH;AAEA,QAAM,WAAWC,cAAAA,cAAc,mBAAmB,QAAQ,KAAK;AAE/D,QAAM,WAA2B;AAAA,IAC/B,WAAW,QAAQ;AAAA,IACnB,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,SACEC,2BAAAA,IAACC,SAAAA,MAAA,EAAK,IAAI,SAAS,eAAa,MAC9B,UAAAD,2BAAAA;AAAAA,IAACE,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,SAAS;AAAA,MACT;AAAA,MACA,IAAI;AAAA,MAEH,UAAA,qDAAS,qBAAA,CAAA,CAAoB;AAAA,IAAA;AAAA,EAAA,GAElC;AAEJ;;;;"}
@@ -1,48 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { SxProps, Theme } from '@mui/material/styles';
3
- export type ScrollTopButtonPosition = 'bottom-right' | 'bottom-left' | 'bottom-center';
4
- export interface ScrollTopButtonProps {
5
- /**
6
- * Distancia en px que hay que scrollear antes de mostrar el botón.
7
- * Default: `300`.
8
- */
9
- threshold?: number;
10
- /**
11
- * Posición del botón en la pantalla. Default: `'bottom-right'`.
12
- */
13
- position?: ScrollTopButtonPosition;
14
- /**
15
- * Elemento scrolleable a observar y al que se hace scrollTop. Si se omite,
16
- * se usa `window` (caso más común).
17
- */
18
- scrollTarget?: Window | HTMLElement | null;
19
- /** Tamaño del FAB. Default: `'medium'`. */
20
- size?: 'small' | 'medium' | 'large';
21
- /**
22
- * Color del FAB. Default: `'default'`.
23
- */
24
- color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
25
- /** Icono custom. Default: `<KeyboardArrowUpIcon />`. */
26
- icon?: ReactNode;
27
- /** Texto accesible (aria-label). Default: `"Subir al inicio"`. */
28
- ariaLabel?: string;
29
- /** Preset registrado en `theme.styles.ScrollTopButton`. */
30
- preset?: string;
31
- /** sx del Fab. Se compone sobre la posición + preset. */
32
- sx?: SxProps<Theme>;
33
- className?: string;
34
- }
35
- /**
36
- * Botón flotante que aparece tras scrollear más de `threshold` px y, al
37
- * clickearse, hace scroll suave hasta el tope. Reemplaza al componente
38
- * visible de `ScrollTopComponent` de Metronic.
39
- *
40
- * Para el caso imperativo (llamar `goTop()` tras una mutación), usar el
41
- * helper `scrollToTop()` directamente.
42
- *
43
- * ```tsx
44
- * <ScrollTopButton threshold={400} position="bottom-right" />
45
- * ```
46
- */
47
- export declare function ScrollTopButton({ threshold, position, scrollTarget, size, color, icon, ariaLabel, preset, sx, className, }: ScrollTopButtonProps): import("react/jsx-runtime").JSX.Element;
48
- export default ScrollTopButton;