@soyfri/shared-library 2.0.0-beta8 → 2.0.1

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 +63 -47
  190. package/index.cjs.map +1 -1
  191. package/index.d.ts +1 -30
  192. package/index.js +25 -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 +4 -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,76 +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
- var __objRest = (source, exclude) => {
18
- var target = {};
19
- for (var prop in source)
20
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
- target[prop] = source[prop];
22
- if (source != null && __getOwnPropSymbols)
23
- for (var prop of __getOwnPropSymbols(source)) {
24
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
- target[prop] = source[prop];
26
- }
27
- return target;
28
- };
29
- import { jsx } from "react/jsx-runtime";
30
- import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
31
- import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
32
- import { DateRangePicker as DateRangePicker$1 } from "@mui/x-date-pickers-pro/DateRangePicker";
33
- const DateRangePicker = (_a) => {
34
- var _b = _a, {
35
- label,
36
- startDate,
37
- endDate,
38
- onDateRangeChange,
39
- minDate,
40
- maxDate,
41
- disabled,
42
- readOnly,
43
- slotProps
44
- } = _b, rest = __objRest(_b, [
45
- "label",
46
- "startDate",
47
- "endDate",
48
- "onDateRangeChange",
49
- "minDate",
50
- "maxDate",
51
- "disabled",
52
- "readOnly",
53
- "slotProps"
54
- ]);
55
- const value = [startDate, endDate];
56
- const handleChange = (newValue) => {
57
- onDateRangeChange(newValue[0], newValue[1]);
58
- };
59
- return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
60
- DateRangePicker$1,
61
- __spreadValues({
62
- localeText: { start: "Fecha de Inicio", end: "Fecha de Fin" },
63
- value,
64
- onChange: handleChange,
65
- minDate,
66
- maxDate,
67
- disabled,
68
- readOnly,
69
- slotProps
70
- }, rest)
71
- ) });
72
- };
73
- export {
74
- DateRangePicker as D
75
- };
76
- //# sourceMappingURL=DateRangePicker-BVpeJCHI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateRangePicker-BVpeJCHI.js","sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n label?: string;\n startDate: Dayjs | null;\n endDate: Dayjs | null;\n onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n minDate?: Dayjs;\n maxDate?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n }\n \n export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n label,\n startDate,\n endDate,\n onDateRangeChange,\n minDate,\n maxDate,\n disabled,\n readOnly,\n slotProps,\n ...rest\n }) => {\n const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n \n const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n onDateRangeChange(newValue[0], newValue[1]);\n };\n \n return (\n <LocalizationProvider dateAdapter={AdapterDayjs}>\n <MuiDateRangePicker\n localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n value={value}\n onChange={handleChange}\n minDate={minDate}\n maxDate={maxDate}\n disabled={disabled}\n readOnly={readOnly}\n slotProps={slotProps} // Pasa los slotProps directamente\n {...rest}\n />\n </LocalizationProvider>\n );\n };\n\nexport default DateRangePicker"],"names":["MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACE,oBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;"}
@@ -1,75 +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
- var __objRest = (source, exclude) => {
19
- var target = {};
20
- for (var prop in source)
21
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
22
- target[prop] = source[prop];
23
- if (source != null && __getOwnPropSymbols)
24
- for (var prop of __getOwnPropSymbols(source)) {
25
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
26
- target[prop] = source[prop];
27
- }
28
- return target;
29
- };
30
- const jsxRuntime = require("react/jsx-runtime");
31
- const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
32
- const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
33
- const DateRangePicker$1 = require("@mui/x-date-pickers-pro/DateRangePicker");
34
- const DateRangePicker = (_a) => {
35
- var _b = _a, {
36
- label,
37
- startDate,
38
- endDate,
39
- onDateRangeChange,
40
- minDate,
41
- maxDate,
42
- disabled,
43
- readOnly,
44
- slotProps
45
- } = _b, rest = __objRest(_b, [
46
- "label",
47
- "startDate",
48
- "endDate",
49
- "onDateRangeChange",
50
- "minDate",
51
- "maxDate",
52
- "disabled",
53
- "readOnly",
54
- "slotProps"
55
- ]);
56
- const value = [startDate, endDate];
57
- const handleChange = (newValue) => {
58
- onDateRangeChange(newValue[0], newValue[1]);
59
- };
60
- return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(
61
- DateRangePicker$1.DateRangePicker,
62
- __spreadValues({
63
- localeText: { start: "Fecha de Inicio", end: "Fecha de Fin" },
64
- value,
65
- onChange: handleChange,
66
- minDate,
67
- maxDate,
68
- disabled,
69
- readOnly,
70
- slotProps
71
- }, rest)
72
- ) });
73
- };
74
- exports.DateRangePicker = DateRangePicker;
75
- //# sourceMappingURL=DateRangePicker-B_hKQhbj.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateRangePicker-B_hKQhbj.cjs","sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n label?: string;\n startDate: Dayjs | null;\n endDate: Dayjs | null;\n onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n minDate?: Dayjs;\n maxDate?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n }\n \n export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n label,\n startDate,\n endDate,\n onDateRangeChange,\n minDate,\n maxDate,\n disabled,\n readOnly,\n slotProps,\n ...rest\n }) => {\n const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n \n const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n onDateRangeChange(newValue[0], newValue[1]);\n };\n \n return (\n <LocalizationProvider dateAdapter={AdapterDayjs}>\n <MuiDateRangePicker\n localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n value={value}\n onChange={handleChange}\n minDate={minDate}\n maxDate={maxDate}\n disabled={disabled}\n readOnly={readOnly}\n slotProps={slotProps} // Pasa los slotProps directamente\n {...rest}\n />\n </LocalizationProvider>\n );\n };\n\nexport default DateRangePicker"],"names":["jsx","LocalizationProvider","AdapterDayjs","MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACEA,2BAAAA,IAACC,qBAAAA,sBAAA,EAAqB,aAAaC,aAAAA,cACjC,UAAAF,2BAAAA;AAAAA,IAACG,kBAAAA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;;"}
@@ -1,220 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
- const jsxRuntime = require("react/jsx-runtime");
34
- const React = require("react");
35
- const styles = require("@mui/material/styles");
36
- const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
37
- const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
38
- const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
39
- const reactHookForm = require("react-hook-form");
40
- const formField_sx = require("./formField.sx-CQ1mbk9M.cjs");
41
- const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
42
- const buildDateTimePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
43
- borderRadius,
44
- labelPosition,
45
- includePickersApi: true,
46
- extraOutsideSx: {
47
- "& .MuiInputBase-input": {
48
- paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
49
- paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
50
- },
51
- "& .MuiPickersInputBase-sectionsContainer": {
52
- paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
53
- paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
54
- }
55
- }
56
- });
57
- const getDateTimeValidationMessage = (error) => {
58
- switch (error) {
59
- case "minDate":
60
- case "maxDate":
61
- case "invalidDate":
62
- return "Formato de fecha/hora inválido";
63
- case "disableFuture":
64
- return "No se permiten fechas/horas futuras";
65
- case "disablePast":
66
- return "No se permiten fechas/horas pasadas";
67
- default:
68
- return "";
69
- }
70
- };
71
- const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
72
- const text = {};
73
- if (clearButtonText) text.clearButtonLabel = clearButtonText;
74
- if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
75
- if (acceptButtonText) text.okButtonLabel = acceptButtonText;
76
- return text;
77
- };
78
- const DateTimePicker = (props) => {
79
- const _a = props, {
80
- label,
81
- minDateTime,
82
- maxDateTime,
83
- disabled,
84
- readOnly,
85
- inputFormat,
86
- borderRadius = 10,
87
- labelPosition = "outside",
88
- size = "small",
89
- helperText,
90
- error: errorProp,
91
- sx,
92
- className,
93
- preset,
94
- adapterLocale,
95
- clearButtonText,
96
- cancelButtonText,
97
- acceptButtonText,
98
- minutesStep,
99
- minTime,
100
- customClass,
101
- viewRenderers,
102
- timeSteps,
103
- ampm = false,
104
- textFieldProps,
105
- slotProps: slotPropsProp
106
- } = _a, rest = __objRest(_a, [
107
- "label",
108
- "minDateTime",
109
- "maxDateTime",
110
- "disabled",
111
- "readOnly",
112
- "inputFormat",
113
- "borderRadius",
114
- "labelPosition",
115
- "size",
116
- "helperText",
117
- "error",
118
- "sx",
119
- "className",
120
- "preset",
121
- "adapterLocale",
122
- "clearButtonText",
123
- "cancelButtonText",
124
- "acceptButtonText",
125
- "minutesStep",
126
- "minTime",
127
- "customClass",
128
- "viewRenderers",
129
- "timeSteps",
130
- "ampm",
131
- "textFieldProps",
132
- "slotProps"
133
- ]);
134
- const [validationError, setValidationError] = React.useState(null);
135
- const validationErrorMessage = React.useMemo(
136
- () => getDateTimeValidationMessage(validationError),
137
- [validationError]
138
- );
139
- const customLocaleText = React.useMemo(
140
- () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
141
- [clearButtonText, cancelButtonText, acceptButtonText]
142
- );
143
- const theme = styles.useTheme();
144
- const presetSx = resolvePreset.resolvePreset("DateTimePicker", preset, theme);
145
- const mergedSx = [
146
- buildDateTimePickerSx(borderRadius, labelPosition),
147
- ...presetSx ? [presetSx] : [],
148
- ...Array.isArray(sx) ? sx : [sx]
149
- ];
150
- const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
151
- const finalError = rhfError || !!validationErrorMessage || !!errorProp;
152
- const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
153
- return /* @__PURE__ */ jsxRuntime.jsx(
154
- LocalizationProvider.LocalizationProvider,
155
- __spreadProps(__spreadValues({
156
- dateAdapter: AdapterDayjs.AdapterDayjs
157
- }, adapterLocale ? { adapterLocale } : {}), {
158
- children: /* @__PURE__ */ jsxRuntime.jsx(
159
- DateTimePicker$1.DateTimePicker,
160
- __spreadValues({
161
- className: customClass || className,
162
- label,
163
- value,
164
- onChange,
165
- onError: setValidationError,
166
- minDateTime,
167
- maxDateTime,
168
- minutesStep,
169
- disabled,
170
- readOnly,
171
- minTime,
172
- format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
173
- viewRenderers,
174
- timeSteps,
175
- ampm,
176
- sx: mergedSx,
177
- slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
178
- textField: __spreadValues(__spreadValues({
179
- fullWidth: true,
180
- size,
181
- variant: "outlined",
182
- onBlur,
183
- inputRef,
184
- error: !!finalError,
185
- helperText: finalHelperText
186
- }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
187
- }),
188
- localeText: customLocaleText
189
- }, rest)
190
- )
191
- })
192
- );
193
- };
194
- if ("control" in props && props.control) {
195
- const { name, control, validation } = props;
196
- return /* @__PURE__ */ jsxRuntime.jsx(
197
- reactHookForm.Controller,
198
- {
199
- name,
200
- control,
201
- rules: validation,
202
- render: ({ field, fieldState: { error: fieldError } }) => {
203
- var _a2;
204
- return renderPicker(
205
- (_a2 = field.value) != null ? _a2 : null,
206
- field.onChange,
207
- field.onBlur,
208
- field.ref,
209
- !!fieldError,
210
- fieldError == null ? void 0 : fieldError.message
211
- );
212
- }
213
- }
214
- );
215
- }
216
- const { selectedDateTime, onDateTimeChange } = props;
217
- return renderPicker(selectedDateTime, onDateTimeChange);
218
- };
219
- exports.DateTimePicker = DateTimePicker;
220
- //# sourceMappingURL=DateTimePicker-CWNW09-O.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateTimePicker-CWNW09-O.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.sx.ts","../src/components/DateTimePicker/DateTimePicker.helpers.ts","../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n borderRadius: number | string,\n labelPosition: LabelPosition,\n): SxProps<Theme> =>\n buildFormFieldSx({\n borderRadius,\n labelPosition,\n includePickersApi: true,\n extraOutsideSx: {\n '& .MuiInputBase-input': {\n paddingTop: FIELD_INPUT_PADDING_Y,\n paddingBottom: FIELD_INPUT_PADDING_Y,\n },\n\n '& .MuiPickersInputBase-sectionsContainer': {\n paddingTop: FIELD_INPUT_PADDING_Y,\n paddingBottom: FIELD_INPUT_PADDING_Y,\n },\n },\n });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n */\nexport const getDateTimeValidationMessage = (\n error: DateValidationError | null,\n): string => {\n switch (error) {\n case 'minDate':\n case 'maxDate':\n case 'invalidDate':\n return 'Formato de fecha/hora inválido';\n case 'disableFuture':\n return 'No se permiten fechas/horas futuras';\n case 'disablePast':\n return 'No se permiten fechas/horas pasadas';\n default:\n return '';\n }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n clearButtonText?: string,\n cancelButtonText?: string,\n acceptButtonText?: string,\n): Record<string, string> => {\n const text: Record<string, string> = {};\n if (clearButtonText) text.clearButtonLabel = clearButtonText;\n if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n DateTimePicker as MuiDateTimePicker,\n type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n buildLocaleText,\n getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n label?: string;\n minDateTime?: Dayjs;\n maxDateTime?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n inputFormat?: string;\n /** Border radius del input. Default: 10. */\n borderRadius?: number | string;\n /** \"outside\" (default) o \"floating\". */\n labelPosition?: LabelPosition;\n /** Tamaño del TextField. Default: 'small'. */\n size?: DateTimePickerSize;\n helperText?: string;\n error?: boolean;\n sx?: SxProps<Theme>;\n className?: string;\n /**\n * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n * - `\"default\"` (o ausente) = estilo built-in del paquete.\n * - Cualquier otro string = mergea el preset encima del estilo built-in.\n */\n preset?: string;\n /** Locale del adaptador dayjs. */\n adapterLocale?: string;\n /** Textos de los botones del popover. */\n clearButtonText?: string;\n cancelButtonText?: string;\n acceptButtonText?: string;\n minutesStep?: number;\n minTime?: Dayjs;\n customClass?: string;\n viewRenderers?: any;\n timeSteps?: any;\n /** Si es true usa formato 12h, false = 24h. Default: false. */\n ampm?: boolean;\n textFieldProps?: Record<string, any>;\n /** Passthrough completo a slotProps del MuiDateTimePicker. */\n slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n name: string;\n control: Control<any>;\n validation?: RegisterOptions;\n selectedDateTime?: never;\n onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n name?: string;\n control?: never;\n validation?: never;\n selectedDateTime: Dayjs | null;\n onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n | RHFDateTimePickerProps\n | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n const {\n label,\n minDateTime,\n maxDateTime,\n disabled,\n readOnly,\n inputFormat,\n borderRadius = 10,\n labelPosition = 'outside',\n size = 'small',\n helperText,\n error: errorProp,\n sx,\n className,\n preset,\n adapterLocale,\n clearButtonText,\n cancelButtonText,\n acceptButtonText,\n minutesStep,\n minTime,\n customClass,\n viewRenderers,\n timeSteps,\n ampm = false,\n textFieldProps,\n slotProps: slotPropsProp,\n ...rest\n } = props as ControlledDateTimePickerProps & {\n control?: Control<any>;\n validation?: RegisterOptions;\n };\n\n const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n const validationErrorMessage = useMemo(\n () => getDateTimeValidationMessage(validationError),\n [validationError],\n );\n\n const customLocaleText = useMemo(\n () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n [clearButtonText, cancelButtonText, acceptButtonText],\n );\n\n const theme = useTheme();\n const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n const mergedSx = [\n buildDateTimePickerSx(borderRadius, labelPosition),\n ...(presetSx ? [presetSx] : []),\n ...(Array.isArray(sx) ? sx : [sx]),\n ];\n\n const renderPicker = (\n value: Dayjs | null,\n onChange: (date: Dayjs | null) => void,\n onBlur?: () => void,\n inputRef?: React.Ref<any>,\n rhfError?: boolean,\n rhfHelperText?: string,\n ) => {\n const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n return (\n <LocalizationProvider\n dateAdapter={AdapterDayjs}\n {...(adapterLocale ? { adapterLocale } : {})}\n >\n <MuiDateTimePicker\n className={customClass || className}\n label={label}\n value={value}\n onChange={onChange}\n onError={setValidationError}\n minDateTime={minDateTime}\n maxDateTime={maxDateTime}\n minutesStep={minutesStep}\n disabled={disabled}\n readOnly={readOnly}\n minTime={minTime}\n format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n viewRenderers={viewRenderers}\n timeSteps={timeSteps}\n ampm={ampm}\n sx={mergedSx}\n slotProps={{\n ...slotPropsProp,\n textField: {\n fullWidth: true,\n size,\n variant: 'outlined',\n onBlur,\n inputRef,\n error: !!finalError,\n helperText: finalHelperText,\n ...(slotPropsProp?.textField as Record<string, any> | undefined),\n ...textFieldProps,\n } as any,\n }}\n localeText={customLocaleText}\n {...(rest as any)}\n />\n </LocalizationProvider>\n );\n };\n\n if ('control' in props && props.control) {\n const { name, control, validation } = props as RHFDateTimePickerProps;\n return (\n <Controller\n name={name}\n control={control}\n rules={validation}\n render={({ field, fieldState: { error: fieldError } }) =>\n renderPicker(\n field.value ?? null,\n field.onChange,\n field.onBlur,\n field.ref,\n !!fieldError,\n fieldError?.message,\n )\n }\n />\n );\n }\n\n const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["buildFormFieldSx","FIELD_INPUT_PADDING_Y","useMemo","useTheme","resolvePreset","jsx","LocalizationProvider","AdapterDayjs","MuiDateTimePicker","Controller","_a"],"mappings":"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"}
@@ -1,221 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- import { jsx } from "react/jsx-runtime";
33
- import React__default, { useMemo } from "react";
34
- import { useTheme } from "@mui/material/styles";
35
- import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
36
- import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
37
- import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
38
- import { Controller } from "react-hook-form";
39
- import { b as buildFormFieldSx, F as FIELD_INPUT_PADDING_Y } from "./formField.sx-DfVbMe0V.js";
40
- import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
41
- const buildDateTimePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
42
- borderRadius,
43
- labelPosition,
44
- includePickersApi: true,
45
- extraOutsideSx: {
46
- "& .MuiInputBase-input": {
47
- paddingTop: FIELD_INPUT_PADDING_Y,
48
- paddingBottom: FIELD_INPUT_PADDING_Y
49
- },
50
- "& .MuiPickersInputBase-sectionsContainer": {
51
- paddingTop: FIELD_INPUT_PADDING_Y,
52
- paddingBottom: FIELD_INPUT_PADDING_Y
53
- }
54
- }
55
- });
56
- const getDateTimeValidationMessage = (error) => {
57
- switch (error) {
58
- case "minDate":
59
- case "maxDate":
60
- case "invalidDate":
61
- return "Formato de fecha/hora inválido";
62
- case "disableFuture":
63
- return "No se permiten fechas/horas futuras";
64
- case "disablePast":
65
- return "No se permiten fechas/horas pasadas";
66
- default:
67
- return "";
68
- }
69
- };
70
- const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
71
- const text = {};
72
- if (clearButtonText) text.clearButtonLabel = clearButtonText;
73
- if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
74
- if (acceptButtonText) text.okButtonLabel = acceptButtonText;
75
- return text;
76
- };
77
- const DateTimePicker = (props) => {
78
- const _a = props, {
79
- label,
80
- minDateTime,
81
- maxDateTime,
82
- disabled,
83
- readOnly,
84
- inputFormat,
85
- borderRadius = 10,
86
- labelPosition = "outside",
87
- size = "small",
88
- helperText,
89
- error: errorProp,
90
- sx,
91
- className,
92
- preset,
93
- adapterLocale,
94
- clearButtonText,
95
- cancelButtonText,
96
- acceptButtonText,
97
- minutesStep,
98
- minTime,
99
- customClass,
100
- viewRenderers,
101
- timeSteps,
102
- ampm = false,
103
- textFieldProps,
104
- slotProps: slotPropsProp
105
- } = _a, rest = __objRest(_a, [
106
- "label",
107
- "minDateTime",
108
- "maxDateTime",
109
- "disabled",
110
- "readOnly",
111
- "inputFormat",
112
- "borderRadius",
113
- "labelPosition",
114
- "size",
115
- "helperText",
116
- "error",
117
- "sx",
118
- "className",
119
- "preset",
120
- "adapterLocale",
121
- "clearButtonText",
122
- "cancelButtonText",
123
- "acceptButtonText",
124
- "minutesStep",
125
- "minTime",
126
- "customClass",
127
- "viewRenderers",
128
- "timeSteps",
129
- "ampm",
130
- "textFieldProps",
131
- "slotProps"
132
- ]);
133
- const [validationError, setValidationError] = React__default.useState(null);
134
- const validationErrorMessage = useMemo(
135
- () => getDateTimeValidationMessage(validationError),
136
- [validationError]
137
- );
138
- const customLocaleText = useMemo(
139
- () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
140
- [clearButtonText, cancelButtonText, acceptButtonText]
141
- );
142
- const theme = useTheme();
143
- const presetSx = resolvePreset("DateTimePicker", preset, theme);
144
- const mergedSx = [
145
- buildDateTimePickerSx(borderRadius, labelPosition),
146
- ...presetSx ? [presetSx] : [],
147
- ...Array.isArray(sx) ? sx : [sx]
148
- ];
149
- const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
150
- const finalError = rhfError || !!validationErrorMessage || !!errorProp;
151
- const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
152
- return /* @__PURE__ */ jsx(
153
- LocalizationProvider,
154
- __spreadProps(__spreadValues({
155
- dateAdapter: AdapterDayjs
156
- }, adapterLocale ? { adapterLocale } : {}), {
157
- children: /* @__PURE__ */ jsx(
158
- DateTimePicker$1,
159
- __spreadValues({
160
- className: customClass || className,
161
- label,
162
- value,
163
- onChange,
164
- onError: setValidationError,
165
- minDateTime,
166
- maxDateTime,
167
- minutesStep,
168
- disabled,
169
- readOnly,
170
- minTime,
171
- format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
172
- viewRenderers,
173
- timeSteps,
174
- ampm,
175
- sx: mergedSx,
176
- slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
177
- textField: __spreadValues(__spreadValues({
178
- fullWidth: true,
179
- size,
180
- variant: "outlined",
181
- onBlur,
182
- inputRef,
183
- error: !!finalError,
184
- helperText: finalHelperText
185
- }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
186
- }),
187
- localeText: customLocaleText
188
- }, rest)
189
- )
190
- })
191
- );
192
- };
193
- if ("control" in props && props.control) {
194
- const { name, control, validation } = props;
195
- return /* @__PURE__ */ jsx(
196
- Controller,
197
- {
198
- name,
199
- control,
200
- rules: validation,
201
- render: ({ field, fieldState: { error: fieldError } }) => {
202
- var _a2;
203
- return renderPicker(
204
- (_a2 = field.value) != null ? _a2 : null,
205
- field.onChange,
206
- field.onBlur,
207
- field.ref,
208
- !!fieldError,
209
- fieldError == null ? void 0 : fieldError.message
210
- );
211
- }
212
- }
213
- );
214
- }
215
- const { selectedDateTime, onDateTimeChange } = props;
216
- return renderPicker(selectedDateTime, onDateTimeChange);
217
- };
218
- export {
219
- DateTimePicker as D
220
- };
221
- //# sourceMappingURL=DateTimePicker-D4L9GAod.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateTimePicker-D4L9GAod.js","sources":["../src/components/DateTimePicker/DateTimePicker.sx.ts","../src/components/DateTimePicker/DateTimePicker.helpers.ts","../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n borderRadius: number | string,\n labelPosition: LabelPosition,\n): SxProps<Theme> =>\n buildFormFieldSx({\n borderRadius,\n labelPosition,\n includePickersApi: true,\n extraOutsideSx: {\n '& .MuiInputBase-input': {\n paddingTop: FIELD_INPUT_PADDING_Y,\n paddingBottom: FIELD_INPUT_PADDING_Y,\n },\n\n '& .MuiPickersInputBase-sectionsContainer': {\n paddingTop: FIELD_INPUT_PADDING_Y,\n paddingBottom: FIELD_INPUT_PADDING_Y,\n },\n },\n });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n */\nexport const getDateTimeValidationMessage = (\n error: DateValidationError | null,\n): string => {\n switch (error) {\n case 'minDate':\n case 'maxDate':\n case 'invalidDate':\n return 'Formato de fecha/hora inválido';\n case 'disableFuture':\n return 'No se permiten fechas/horas futuras';\n case 'disablePast':\n return 'No se permiten fechas/horas pasadas';\n default:\n return '';\n }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n clearButtonText?: string,\n cancelButtonText?: string,\n acceptButtonText?: string,\n): Record<string, string> => {\n const text: Record<string, string> = {};\n if (clearButtonText) text.clearButtonLabel = clearButtonText;\n if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n DateTimePicker as MuiDateTimePicker,\n type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n buildLocaleText,\n getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n label?: string;\n minDateTime?: Dayjs;\n maxDateTime?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n inputFormat?: string;\n /** Border radius del input. Default: 10. */\n borderRadius?: number | string;\n /** \"outside\" (default) o \"floating\". */\n labelPosition?: LabelPosition;\n /** Tamaño del TextField. Default: 'small'. */\n size?: DateTimePickerSize;\n helperText?: string;\n error?: boolean;\n sx?: SxProps<Theme>;\n className?: string;\n /**\n * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n * - `\"default\"` (o ausente) = estilo built-in del paquete.\n * - Cualquier otro string = mergea el preset encima del estilo built-in.\n */\n preset?: string;\n /** Locale del adaptador dayjs. */\n adapterLocale?: string;\n /** Textos de los botones del popover. */\n clearButtonText?: string;\n cancelButtonText?: string;\n acceptButtonText?: string;\n minutesStep?: number;\n minTime?: Dayjs;\n customClass?: string;\n viewRenderers?: any;\n timeSteps?: any;\n /** Si es true usa formato 12h, false = 24h. Default: false. */\n ampm?: boolean;\n textFieldProps?: Record<string, any>;\n /** Passthrough completo a slotProps del MuiDateTimePicker. */\n slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n name: string;\n control: Control<any>;\n validation?: RegisterOptions;\n selectedDateTime?: never;\n onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n name?: string;\n control?: never;\n validation?: never;\n selectedDateTime: Dayjs | null;\n onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n | RHFDateTimePickerProps\n | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n const {\n label,\n minDateTime,\n maxDateTime,\n disabled,\n readOnly,\n inputFormat,\n borderRadius = 10,\n labelPosition = 'outside',\n size = 'small',\n helperText,\n error: errorProp,\n sx,\n className,\n preset,\n adapterLocale,\n clearButtonText,\n cancelButtonText,\n acceptButtonText,\n minutesStep,\n minTime,\n customClass,\n viewRenderers,\n timeSteps,\n ampm = false,\n textFieldProps,\n slotProps: slotPropsProp,\n ...rest\n } = props as ControlledDateTimePickerProps & {\n control?: Control<any>;\n validation?: RegisterOptions;\n };\n\n const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n const validationErrorMessage = useMemo(\n () => getDateTimeValidationMessage(validationError),\n [validationError],\n );\n\n const customLocaleText = useMemo(\n () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n [clearButtonText, cancelButtonText, acceptButtonText],\n );\n\n const theme = useTheme();\n const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n const mergedSx = [\n buildDateTimePickerSx(borderRadius, labelPosition),\n ...(presetSx ? [presetSx] : []),\n ...(Array.isArray(sx) ? sx : [sx]),\n ];\n\n const renderPicker = (\n value: Dayjs | null,\n onChange: (date: Dayjs | null) => void,\n onBlur?: () => void,\n inputRef?: React.Ref<any>,\n rhfError?: boolean,\n rhfHelperText?: string,\n ) => {\n const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n return (\n <LocalizationProvider\n dateAdapter={AdapterDayjs}\n {...(adapterLocale ? { adapterLocale } : {})}\n >\n <MuiDateTimePicker\n className={customClass || className}\n label={label}\n value={value}\n onChange={onChange}\n onError={setValidationError}\n minDateTime={minDateTime}\n maxDateTime={maxDateTime}\n minutesStep={minutesStep}\n disabled={disabled}\n readOnly={readOnly}\n minTime={minTime}\n format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n viewRenderers={viewRenderers}\n timeSteps={timeSteps}\n ampm={ampm}\n sx={mergedSx}\n slotProps={{\n ...slotPropsProp,\n textField: {\n fullWidth: true,\n size,\n variant: 'outlined',\n onBlur,\n inputRef,\n error: !!finalError,\n helperText: finalHelperText,\n ...(slotPropsProp?.textField as Record<string, any> | undefined),\n ...textFieldProps,\n } as any,\n }}\n localeText={customLocaleText}\n {...(rest as any)}\n />\n </LocalizationProvider>\n );\n };\n\n if ('control' in props && props.control) {\n const { name, control, validation } = props as RHFDateTimePickerProps;\n return (\n <Controller\n name={name}\n control={control}\n rules={validation}\n render={({ field, fieldState: { error: fieldError } }) =>\n renderPicker(\n field.value ?? null,\n field.onChange,\n field.onBlur,\n field.ref,\n !!fieldError,\n fieldError?.message,\n )\n }\n />\n );\n }\n\n const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["React","MuiDateTimePicker","_a"],"mappings":"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"}