@zydon/common 2.2.48 → 2.2.49

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 (424) hide show
  1. package/dist/chunk-22WZELUG.js +45 -0
  2. package/dist/chunk-22WZELUG.js.map +1 -0
  3. package/dist/chunk-45BEY3NY.js +9 -0
  4. package/dist/chunk-45BEY3NY.js.map +1 -0
  5. package/dist/chunk-4NMDUK5L.js +7 -0
  6. package/dist/chunk-4NMDUK5L.js.map +1 -0
  7. package/dist/chunk-53KG5GKX.js +19 -0
  8. package/dist/chunk-53KG5GKX.js.map +1 -0
  9. package/dist/chunk-5WTLLVTY.js +12 -0
  10. package/dist/chunk-5WTLLVTY.js.map +1 -0
  11. package/dist/chunk-62TZEUFR.js +9 -0
  12. package/dist/chunk-62TZEUFR.js.map +1 -0
  13. package/dist/chunk-62UHO7QG.js +7 -0
  14. package/dist/chunk-62UHO7QG.js.map +1 -0
  15. package/dist/chunk-6LXCHHW2.js +12 -0
  16. package/dist/chunk-6LXCHHW2.js.map +1 -0
  17. package/dist/chunk-6PNQMBJS.js +8 -0
  18. package/dist/chunk-6PNQMBJS.js.map +1 -0
  19. package/dist/chunk-7R6ZYEQS.js +11 -0
  20. package/dist/chunk-7R6ZYEQS.js.map +1 -0
  21. package/dist/chunk-7SCNQBRZ.js +9 -0
  22. package/dist/chunk-7SCNQBRZ.js.map +1 -0
  23. package/dist/chunk-ACUHIX2J.js +10 -0
  24. package/dist/chunk-ACUHIX2J.js.map +1 -0
  25. package/dist/chunk-ADI3SFX3.js +9 -0
  26. package/dist/chunk-ADI3SFX3.js.map +1 -0
  27. package/dist/chunk-BFD4OAPD.js +10 -0
  28. package/dist/chunk-BFD4OAPD.js.map +1 -0
  29. package/dist/chunk-DSQS6PJN.js +15 -0
  30. package/dist/chunk-DSQS6PJN.js.map +1 -0
  31. package/dist/chunk-E3R7W7GK.js +7 -0
  32. package/dist/chunk-E3R7W7GK.js.map +1 -0
  33. package/dist/chunk-ET3WPQIO.js +7 -0
  34. package/dist/chunk-ET3WPQIO.js.map +1 -0
  35. package/dist/chunk-FG2BVR7Y.js +5 -0
  36. package/dist/chunk-FG2BVR7Y.js.map +1 -0
  37. package/dist/chunk-FU42GMHJ.js +11 -0
  38. package/dist/chunk-FU42GMHJ.js.map +1 -0
  39. package/dist/chunk-GGHOJ7G5.js +8 -0
  40. package/dist/chunk-GGHOJ7G5.js.map +1 -0
  41. package/dist/chunk-IN7SP2ND.js +8 -0
  42. package/dist/chunk-IN7SP2ND.js.map +1 -0
  43. package/dist/chunk-KNQKOMWB.js +7 -0
  44. package/dist/chunk-KNQKOMWB.js.map +1 -0
  45. package/dist/chunk-KZQ3J2KO.js +20 -0
  46. package/dist/chunk-KZQ3J2KO.js.map +1 -0
  47. package/dist/chunk-L5URMM57.js +7 -0
  48. package/dist/chunk-L5URMM57.js.map +1 -0
  49. package/dist/chunk-LC6LNAQ2.js +8 -0
  50. package/dist/chunk-LC6LNAQ2.js.map +1 -0
  51. package/dist/chunk-LIKDCEDJ.js +20 -0
  52. package/dist/chunk-LIKDCEDJ.js.map +1 -0
  53. package/dist/chunk-LQRRMVFN.js +7 -0
  54. package/dist/chunk-LQRRMVFN.js.map +1 -0
  55. package/dist/chunk-LTMBAS4K.js +10 -0
  56. package/dist/chunk-LTMBAS4K.js.map +1 -0
  57. package/dist/chunk-M5UKNXG2.js +15 -0
  58. package/dist/chunk-M5UKNXG2.js.map +1 -0
  59. package/dist/chunk-MQAMSYYK.js +8 -0
  60. package/dist/chunk-MQAMSYYK.js.map +1 -0
  61. package/dist/chunk-N7IK5EUP.js +9 -0
  62. package/dist/chunk-N7IK5EUP.js.map +1 -0
  63. package/dist/chunk-OF6623HG.js +5 -0
  64. package/dist/chunk-OF6623HG.js.map +1 -0
  65. package/dist/chunk-OFASSEMM.js +15 -0
  66. package/dist/chunk-OFASSEMM.js.map +1 -0
  67. package/dist/chunk-OWUHSZYH.js +10 -0
  68. package/dist/chunk-OWUHSZYH.js.map +1 -0
  69. package/dist/chunk-P6Y6TTEH.js +13 -0
  70. package/dist/chunk-P6Y6TTEH.js.map +1 -0
  71. package/dist/chunk-PC5JAKC5.js +12 -0
  72. package/dist/chunk-PC5JAKC5.js.map +1 -0
  73. package/dist/chunk-QQRH32JC.js +7 -0
  74. package/dist/chunk-QQRH32JC.js.map +1 -0
  75. package/dist/chunk-RJASLUEG.js +9 -0
  76. package/dist/chunk-RJASLUEG.js.map +1 -0
  77. package/dist/chunk-RMQCDH5X.js +9 -0
  78. package/dist/chunk-RMQCDH5X.js.map +1 -0
  79. package/dist/chunk-ROVD7OGE.js +7 -0
  80. package/dist/chunk-ROVD7OGE.js.map +1 -0
  81. package/dist/chunk-RPO7AI5K.js +8 -0
  82. package/dist/chunk-RPO7AI5K.js.map +1 -0
  83. package/dist/chunk-RWCM5G5D.js +19 -0
  84. package/dist/chunk-RWCM5G5D.js.map +1 -0
  85. package/dist/chunk-SBIOG3DH.js +10 -0
  86. package/dist/chunk-SBIOG3DH.js.map +1 -0
  87. package/dist/chunk-SBSJC4QO.js +12 -0
  88. package/dist/chunk-SBSJC4QO.js.map +1 -0
  89. package/dist/chunk-SY7GX7PZ.js +9 -0
  90. package/dist/chunk-SY7GX7PZ.js.map +1 -0
  91. package/dist/chunk-W242ZHSJ.js +15 -0
  92. package/dist/chunk-W242ZHSJ.js.map +1 -0
  93. package/dist/chunk-WHQGCQ6G.js +18 -0
  94. package/dist/chunk-WHQGCQ6G.js.map +1 -0
  95. package/dist/chunk-WLZBPHBP.js +30 -0
  96. package/dist/chunk-WLZBPHBP.js.map +1 -0
  97. package/dist/chunk-X2NG6VDB.js +9 -0
  98. package/dist/chunk-X2NG6VDB.js.map +1 -0
  99. package/dist/chunk-Y5SERFBJ.js +5 -0
  100. package/dist/chunk-Y5SERFBJ.js.map +1 -0
  101. package/dist/chunk-YC7ED3PY.js +10 -0
  102. package/dist/chunk-YC7ED3PY.js.map +1 -0
  103. package/dist/chunk-YCEQDXLR.js +8 -0
  104. package/dist/chunk-YCEQDXLR.js.map +1 -0
  105. package/dist/chunk-ZC5X4X5U.js +16 -0
  106. package/dist/chunk-ZC5X4X5U.js.map +1 -0
  107. package/dist/chunk-ZK4R7GDN.js +5 -0
  108. package/dist/chunk-ZK4R7GDN.js.map +1 -0
  109. package/dist/chunk-ZZCWCOYO.js +9 -0
  110. package/dist/chunk-ZZCWCOYO.js.map +1 -0
  111. package/dist/components/ActionButton/index.js +4 -34
  112. package/dist/components/ActionButton/index.js.map +1 -1
  113. package/dist/components/Autocomplete/index.js +4 -140
  114. package/dist/components/Autocomplete/index.js.map +1 -1
  115. package/dist/components/AutocompleteDetailed/index.js +4 -141
  116. package/dist/components/AutocompleteDetailed/index.js.map +1 -1
  117. package/dist/components/BuilderLayout/index.js +13 -25
  118. package/dist/components/BuilderLayout/index.js.map +1 -1
  119. package/dist/components/BuilderSidebar/index.js +11 -19
  120. package/dist/components/BuilderSidebar/index.js.map +1 -1
  121. package/dist/components/ColorPickerInput/index.js +3 -100
  122. package/dist/components/ColorPickerInput/index.js.map +1 -1
  123. package/dist/components/ColoredLabel/index.js +8 -43
  124. package/dist/components/ColoredLabel/index.js.map +1 -1
  125. package/dist/components/Common/index.js +23 -30
  126. package/dist/components/Common/index.js.map +1 -1
  127. package/dist/components/Confirm/index.js +12 -50
  128. package/dist/components/Confirm/index.js.map +1 -1
  129. package/dist/components/CustomAvatar/index.js +2 -61
  130. package/dist/components/CustomAvatar/index.js.map +1 -1
  131. package/dist/components/CustomAvatarGroup/index.js +8 -75
  132. package/dist/components/CustomAvatarGroup/index.js.map +1 -1
  133. package/dist/components/DashedDivider/index.js +2 -9
  134. package/dist/components/DashedDivider/index.js.map +1 -1
  135. package/dist/components/DataCards/index.js +21 -59
  136. package/dist/components/DataCards/index.js.map +1 -1
  137. package/dist/components/DataGrid/index.js +16 -80
  138. package/dist/components/DataGrid/index.js.map +1 -1
  139. package/dist/components/DatePicker/index.js +8 -41
  140. package/dist/components/DatePicker/index.js.map +1 -1
  141. package/dist/components/DateRangePicker/index.js +8 -49
  142. package/dist/components/DateRangePicker/index.js.map +1 -1
  143. package/dist/components/DateTimePicker/index.js +8 -39
  144. package/dist/components/DateTimePicker/index.js.map +1 -1
  145. package/dist/components/Delayed/index.js +6 -16
  146. package/dist/components/Delayed/index.js.map +1 -1
  147. package/dist/components/Drawer/index.js +13 -38
  148. package/dist/components/Drawer/index.js.map +1 -1
  149. package/dist/components/EmptyContent/index.js +4 -79
  150. package/dist/components/EmptyContent/index.js.map +1 -1
  151. package/dist/components/EmptyView/index.js +3 -33
  152. package/dist/components/EmptyView/index.js.map +1 -1
  153. package/dist/components/Error/index.js +11 -45
  154. package/dist/components/Error/index.js.map +1 -1
  155. package/dist/components/ExpandableGroup/index.js +14 -32
  156. package/dist/components/ExpandableGroup/index.js.map +1 -1
  157. package/dist/components/FixedProgressBar/index.js +2 -21
  158. package/dist/components/FixedProgressBar/index.js.map +1 -1
  159. package/dist/components/FrameSkeleton/index.js +17 -107
  160. package/dist/components/FrameSkeleton/index.js.map +1 -1
  161. package/dist/components/HelpButton/index.js +4 -21
  162. package/dist/components/HelpButton/index.js.map +1 -1
  163. package/dist/components/Icon/index.js +3 -669
  164. package/dist/components/Icon/index.js.map +1 -1
  165. package/dist/components/ImageCrop/index.js +2 -50
  166. package/dist/components/ImageCrop/index.js.map +1 -1
  167. package/dist/components/ImageCropModal/index.js +6 -129
  168. package/dist/components/ImageCropModal/index.js.map +1 -1
  169. package/dist/components/Incrementer/index.js +6 -160
  170. package/dist/components/Incrementer/index.js.map +1 -1
  171. package/dist/components/Label/index.js +10 -73
  172. package/dist/components/Label/index.js.map +1 -1
  173. package/dist/components/LoadingScreen/index.js +9 -10
  174. package/dist/components/LoadingScreen/index.js.map +1 -1
  175. package/dist/components/MaskedInput/index.js +2 -54
  176. package/dist/components/MaskedInput/index.js.map +1 -1
  177. package/dist/components/MenuItem/index.js +12 -23
  178. package/dist/components/MenuItem/index.js.map +1 -1
  179. package/dist/components/MenuPopover/index.js +2 -47
  180. package/dist/components/MenuPopover/index.js.map +1 -1
  181. package/dist/components/Modal/index.js +4 -32
  182. package/dist/components/Modal/index.js.map +1 -1
  183. package/dist/components/ModalActions/index.js +7 -10
  184. package/dist/components/ModalActions/index.js.map +1 -1
  185. package/dist/components/MoreMenu/index.js +12 -17
  186. package/dist/components/MoreMenu/index.js.map +1 -1
  187. package/dist/components/NumberInput/index.js +2 -108
  188. package/dist/components/NumberInput/index.js.map +1 -1
  189. package/dist/components/PasswordRules/index.js +12 -77
  190. package/dist/components/PasswordRules/index.js.map +1 -1
  191. package/dist/components/PopoverSelect/index.js +14 -49
  192. package/dist/components/PopoverSelect/index.js.map +1 -1
  193. package/dist/components/Portal/index.js +2 -27
  194. package/dist/components/Portal/index.js.map +1 -1
  195. package/dist/components/Result/index.js +2 -27
  196. package/dist/components/Result/index.js.map +1 -1
  197. package/dist/components/SavedChanges/index.js +8 -41
  198. package/dist/components/SavedChanges/index.js.map +1 -1
  199. package/dist/components/Scrollbar/index.js +2 -44
  200. package/dist/components/Scrollbar/index.js.map +1 -1
  201. package/dist/components/SearchInput/index.js +4 -72
  202. package/dist/components/SearchInput/index.js.map +1 -1
  203. package/dist/components/SelectableCards/index.js +9 -143
  204. package/dist/components/SelectableCards/index.js.map +1 -1
  205. package/dist/components/SeoPreview/index.js +14 -166
  206. package/dist/components/SeoPreview/index.js.map +1 -1
  207. package/dist/components/SplashScreen/index.js +9 -106
  208. package/dist/components/SplashScreen/index.js.map +1 -1
  209. package/dist/components/Steps/index.js +15 -70
  210. package/dist/components/Steps/index.js.map +1 -1
  211. package/dist/components/StyledTab/index.js +11 -89
  212. package/dist/components/StyledTab/index.js.map +1 -1
  213. package/dist/components/StyledTabs/index.js +8 -26
  214. package/dist/components/StyledTabs/index.js.map +1 -1
  215. package/dist/components/Summary/index.js +9 -14
  216. package/dist/components/Summary/index.js.map +1 -1
  217. package/dist/components/SwapList/index.js +23 -248
  218. package/dist/components/SwapList/index.js.map +1 -1
  219. package/dist/components/TabPanel/index.js +7 -33
  220. package/dist/components/TabPanel/index.js.map +1 -1
  221. package/dist/components/TextMaxLine/index.js +3 -48
  222. package/dist/components/TextMaxLine/index.js.map +1 -1
  223. package/dist/components/TimePicker/index.js +8 -41
  224. package/dist/components/TimePicker/index.js.map +1 -1
  225. package/dist/components/ToggleButtonGroup/index.js +8 -9
  226. package/dist/components/ToggleButtonGroup/index.js.map +1 -1
  227. package/dist/components/Tooltip/index.js +7 -7
  228. package/dist/components/Tooltip/index.js.map +1 -1
  229. package/dist/components/WhiteBox/index.js +2 -7
  230. package/dist/components/WhiteBox/index.js.map +1 -1
  231. package/dist/components/animate/index.js +3 -15
  232. package/dist/components/animate/index.js.map +1 -1
  233. package/dist/components/carousel/index.js +17 -9
  234. package/dist/components/carousel/index.js.map +1 -1
  235. package/dist/components/form/Address/index.js +16 -198
  236. package/dist/components/form/Address/index.js.map +1 -1
  237. package/dist/components/form/Autocomplete/index.js +5 -41
  238. package/dist/components/form/Autocomplete/index.js.map +1 -1
  239. package/dist/components/form/AutocompleteDetailed/index.js +10 -41
  240. package/dist/components/form/AutocompleteDetailed/index.js.map +1 -1
  241. package/dist/components/form/Checkbox/index.js +10 -50
  242. package/dist/components/form/Checkbox/index.js.map +1 -1
  243. package/dist/components/form/Codes/index.js +12 -86
  244. package/dist/components/form/Codes/index.js.map +1 -1
  245. package/dist/components/form/ColorPicker/index.js +9 -51
  246. package/dist/components/form/ColorPicker/index.js.map +1 -1
  247. package/dist/components/form/DatePicker/index.js +9 -62
  248. package/dist/components/form/DatePicker/index.js.map +1 -1
  249. package/dist/components/form/DateRangePicker/index.js +11 -76
  250. package/dist/components/form/DateRangePicker/index.js.map +1 -1
  251. package/dist/components/form/DateTimePicker/index.js +9 -60
  252. package/dist/components/form/DateTimePicker/index.js.map +1 -1
  253. package/dist/components/form/Field/index.js +2 -48
  254. package/dist/components/form/Field/index.js.map +1 -1
  255. package/dist/components/form/Form/index.js +8 -28
  256. package/dist/components/form/Form/index.js.map +1 -1
  257. package/dist/components/form/Incrementer/index.js +12 -37
  258. package/dist/components/form/Incrementer/index.js.map +1 -1
  259. package/dist/components/form/InputTags/index.js +10 -68
  260. package/dist/components/form/InputTags/index.js.map +1 -1
  261. package/dist/components/form/MaskedInput/index.js +3 -44
  262. package/dist/components/form/MaskedInput/index.js.map +1 -1
  263. package/dist/components/form/MultiCheckbox/index.js +13 -92
  264. package/dist/components/form/MultiCheckbox/index.js.map +1 -1
  265. package/dist/components/form/MultiChipField/index.js +9 -48
  266. package/dist/components/form/MultiChipField/index.js.map +1 -1
  267. package/dist/components/form/NumberInput/index.js +8 -42
  268. package/dist/components/form/NumberInput/index.js.map +1 -1
  269. package/dist/components/form/Password/index.js +14 -90
  270. package/dist/components/form/Password/index.js.map +1 -1
  271. package/dist/components/form/RadioGroup/index.js +14 -126
  272. package/dist/components/form/RadioGroup/index.js.map +1 -1
  273. package/dist/components/form/SelectableCards/index.js +15 -21
  274. package/dist/components/form/SelectableCards/index.js.map +1 -1
  275. package/dist/components/form/Switch/index.js +10 -70
  276. package/dist/components/form/Switch/index.js.map +1 -1
  277. package/dist/components/form/TimePicker/index.js +9 -63
  278. package/dist/components/form/TimePicker/index.js.map +1 -1
  279. package/dist/components/form/UploadAvatarWithCrop/index.js +21 -58
  280. package/dist/components/form/UploadAvatarWithCrop/index.js.map +1 -1
  281. package/dist/components/form/UploadWithCrop/index.js +24 -58
  282. package/dist/components/form/UploadWithCrop/index.js.map +1 -1
  283. package/dist/components/form/Webhook/index.js +20 -145
  284. package/dist/components/form/Webhook/index.js.map +1 -1
  285. package/dist/components/lightbox/index.js +17 -2
  286. package/dist/components/lightbox/index.js.map +1 -1
  287. package/dist/components/table/index.js +22 -18
  288. package/dist/components/table/index.js.map +1 -1
  289. package/dist/components/upload/index.js +24 -13
  290. package/dist/components/upload/index.js.map +1 -1
  291. package/dist/hooks/useActiveElement.js +6 -26
  292. package/dist/hooks/useActiveElement.js.map +1 -1
  293. package/dist/hooks/useApiMessage.js +6 -32
  294. package/dist/hooks/useApiMessage.js.map +1 -1
  295. package/dist/hooks/useAutocomplete.js +7 -60
  296. package/dist/hooks/useAutocomplete.js.map +1 -1
  297. package/dist/hooks/useCopyToClipboard.js +6 -21
  298. package/dist/hooks/useCopyToClipboard.js.map +1 -1
  299. package/dist/hooks/useDatagrid.js +7 -44
  300. package/dist/hooks/useDatagrid.js.map +1 -1
  301. package/dist/hooks/useDebounceValue.js +6 -17
  302. package/dist/hooks/useDebounceValue.js.map +1 -1
  303. package/dist/hooks/useDeepCompareEffect.js +7 -15
  304. package/dist/hooks/useDeepCompareEffect.js.map +1 -1
  305. package/dist/hooks/useEventCallback.js +3 -16
  306. package/dist/hooks/useEventCallback.js.map +1 -1
  307. package/dist/hooks/useEventListener.js +2 -23
  308. package/dist/hooks/useEventListener.js.map +1 -1
  309. package/dist/hooks/useIsMounting.js +6 -12
  310. package/dist/hooks/useIsMounting.js.map +1 -1
  311. package/dist/hooks/useIsomorphicLayoutEffect.js +2 -5
  312. package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  313. package/dist/hooks/useLocalStorage.js +9 -87
  314. package/dist/hooks/useLocalStorage.js.map +1 -1
  315. package/dist/hooks/useMount.js +6 -8
  316. package/dist/hooks/useMount.js.map +1 -1
  317. package/dist/hooks/useOnClickOutside.js +6 -14
  318. package/dist/hooks/useOnClickOutside.js.map +1 -1
  319. package/dist/hooks/usePagination.js +6 -39
  320. package/dist/hooks/usePagination.js.map +1 -1
  321. package/dist/hooks/usePopover.js +2 -23
  322. package/dist/hooks/usePopover.js.map +1 -1
  323. package/dist/hooks/useResponsive.js +2 -34
  324. package/dist/hooks/useResponsive.js.map +1 -1
  325. package/dist/hooks/useScrollOffSetTop.js +7 -31
  326. package/dist/hooks/useScrollOffSetTop.js.map +1 -1
  327. package/dist/hooks/useSnackbar.js +2 -12
  328. package/dist/hooks/useSnackbar.js.map +1 -1
  329. package/dist/hooks/useTabs.js +6 -15
  330. package/dist/hooks/useTabs.js.map +1 -1
  331. package/dist/hooks/useToggle.js +2 -10
  332. package/dist/hooks/useToggle.js.map +1 -1
  333. package/dist/hooks/useUpload.js +2 -56
  334. package/dist/hooks/useUpload.js.map +1 -1
  335. package/dist/hooks/useUploadImage.js +3 -78
  336. package/dist/hooks/useUploadImage.js.map +1 -1
  337. package/dist/index.css +11 -0
  338. package/dist/index.css.map +1 -0
  339. package/dist/index.js +4 -5
  340. package/dist/index.js.map +1 -1
  341. package/dist/locales/all-langs.js +2 -38
  342. package/dist/locales/all-langs.js.map +1 -1
  343. package/dist/theme/core/index.js +4 -5
  344. package/dist/theme/core/index.js.map +1 -1
  345. package/dist/theme/styles/index.d.ts +1 -1
  346. package/dist/theme/styles/index.js +2 -2
  347. package/dist/theme/styles/index.js.map +1 -1
  348. package/dist/theme/theme-provider.js +8 -44
  349. package/dist/theme/theme-provider.js.map +1 -1
  350. package/dist/theme/with-settings/index.js +5 -1
  351. package/dist/theme/with-settings/index.js.map +1 -1
  352. package/dist/types/addressProps.js +2 -0
  353. package/dist/types/addressProps.js.map +1 -1
  354. package/dist/types/api.js +2 -0
  355. package/dist/types/api.js.map +1 -1
  356. package/dist/types/autoComplete.js +2 -0
  357. package/dist/types/autoComplete.js.map +1 -1
  358. package/dist/types/autoCompleteProps.js +2 -0
  359. package/dist/types/autoCompleteProps.js.map +1 -1
  360. package/dist/types/baseField.js +2 -0
  361. package/dist/types/baseField.js.map +1 -1
  362. package/dist/types/dataGridProps.js +2 -0
  363. package/dist/types/dataGridProps.js.map +1 -1
  364. package/dist/types/datagrid.js +2 -0
  365. package/dist/types/datagrid.js.map +1 -1
  366. package/dist/types/datePickerProps.js +2 -0
  367. package/dist/types/datePickerProps.js.map +1 -1
  368. package/dist/types/dateRangePickerProps.js +2 -0
  369. package/dist/types/dateRangePickerProps.js.map +1 -1
  370. package/dist/types/dateTimePickerProps.js +2 -0
  371. package/dist/types/dateTimePickerProps.js.map +1 -1
  372. package/dist/types/fieldProps.js +2 -0
  373. package/dist/types/fieldProps.js.map +1 -1
  374. package/dist/types/icon.js +2 -330
  375. package/dist/types/icon.js.map +1 -1
  376. package/dist/types/iconProps.js +2 -0
  377. package/dist/types/iconProps.js.map +1 -1
  378. package/dist/types/incrementerProps.js +2 -0
  379. package/dist/types/incrementerProps.js.map +1 -1
  380. package/dist/types/item.js +2 -0
  381. package/dist/types/item.js.map +1 -1
  382. package/dist/types/multiCheckboxProps.js +2 -0
  383. package/dist/types/multiCheckboxProps.js.map +1 -1
  384. package/dist/types/numberInputProps.js +2 -0
  385. package/dist/types/numberInputProps.js.map +1 -1
  386. package/dist/types/option.js +2 -0
  387. package/dist/types/option.js.map +1 -1
  388. package/dist/types/radioGroupProps.js +2 -0
  389. package/dist/types/radioGroupProps.js.map +1 -1
  390. package/dist/types/searchInputProps.js +2 -0
  391. package/dist/types/searchInputProps.js.map +1 -1
  392. package/dist/types/sectionProps.js +2 -0
  393. package/dist/types/sectionProps.js.map +1 -1
  394. package/dist/types/switchProps.js +2 -0
  395. package/dist/types/switchProps.js.map +1 -1
  396. package/dist/types/timePickerProps.js +2 -0
  397. package/dist/types/timePickerProps.js.map +1 -1
  398. package/dist/types/upload.js +2 -0
  399. package/dist/types/upload.js.map +1 -1
  400. package/dist/types/webhook.js +4 -50
  401. package/dist/types/webhook.js.map +1 -1
  402. package/dist/utils/color.js +2 -5
  403. package/dist/utils/color.js.map +1 -1
  404. package/dist/utils/compare.js +2 -5
  405. package/dist/utils/compare.js.map +1 -1
  406. package/dist/utils/date.js +7 -22
  407. package/dist/utils/date.js.map +1 -1
  408. package/dist/utils/formatNumber.js +2 -93
  409. package/dist/utils/formatNumber.js.map +1 -1
  410. package/dist/utils/formatTime.js +2 -168
  411. package/dist/utils/formatTime.js.map +1 -1
  412. package/dist/utils/loadable.js +8 -13
  413. package/dist/utils/loadable.js.map +1 -1
  414. package/dist/utils/mask.js +4 -43
  415. package/dist/utils/mask.js.map +1 -1
  416. package/dist/utils/number.js +2 -14
  417. package/dist/utils/number.js.map +1 -1
  418. package/dist/utils/sort.js +4 -23
  419. package/dist/utils/sort.js.map +1 -1
  420. package/dist/utils/uuidv4.js +4 -9
  421. package/dist/utils/uuidv4.js.map +1 -1
  422. package/dist/utils/validators.js +2 -85
  423. package/dist/utils/validators.js.map +1 -1
  424. package/package.json +1 -1
@@ -1,42 +1,6 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import AutocompleteComponent from "components/Autocomplete";
4
- const Autocomplete = ({
5
- name,
6
- helperText,
7
- rules,
8
- onSelectOption,
9
- ...other
10
- }) => {
11
- const { control } = useFormContext();
12
- return /* @__PURE__ */ jsx(
13
- Controller,
14
- {
15
- name,
16
- control,
17
- rules,
18
- render: ({ field, fieldState: { error } }) => {
19
- return /* @__PURE__ */ jsx(
20
- AutocompleteComponent,
21
- {
22
- "data-intercom-target": name,
23
- ...field,
24
- ...other,
25
- onChange: (value) => {
26
- if (onSelectOption)
27
- onSelectOption(value, field.value);
28
- field.onChange(value);
29
- },
30
- error: !!error,
31
- helperText: error?.message || helperText
32
- }
33
- );
34
- }
35
- }
36
- );
37
- };
38
- var Autocomplete_default = Autocomplete;
39
- export {
40
- Autocomplete_default as default
41
- };
1
+ export { a as default } from '../../../chunk-62TZEUFR.js';
2
+ import '../../../chunk-RWCM5G5D.js';
3
+ import '../../../chunk-FU42GMHJ.js';
4
+ import '../../../chunk-ZK4R7GDN.js';
5
+ //# sourceMappingURL=out.js.map
42
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/Autocomplete/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport AutocompleteComponent from 'components/Autocomplete';\n\nimport { AutocompleteProps } from './props';\n\nconst Autocomplete = ({\n name,\n helperText,\n rules,\n onSelectOption,\n ...other\n}: AutocompleteProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => {\n return (\n <AutocompleteComponent\n data-intercom-target={name}\n {...field}\n {...other}\n onChange={value => {\n if (onSelectOption) onSelectOption(value as string, field.value);\n field.onChange(value);\n }}\n error={!!error}\n helperText={error?.message || helperText}\n />\n );\n }}\n />\n );\n};\n\nexport default Autocomplete;\n"],"mappings":"AAsBU;AAtBV,SAAS,YAAY,sBAAsB;AAE3C,OAAO,2BAA2B;AAIlC,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MAAM;AAC5C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,wBAAsB;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,UAAU,WAAS;AACjB,kBAAI;AAAgB,+BAAe,OAAiB,MAAM,KAAK;AAC/D,oBAAM,SAAS,KAAK;AAAA,YACtB;AAAA,YACA,OAAO,CAAC,CAAC;AAAA,YACT,YAAY,OAAO,WAAW;AAAA;AAAA,QAChC;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,42 +1,11 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import AutocompleteDetailedComponent from "components/AutocompleteDetailed";
4
- const AutocompleteDetailed = ({
5
- name,
6
- rules,
7
- helperText,
8
- onSelectOption,
9
- ...other
10
- }) => {
11
- const { control } = useFormContext();
12
- return /* @__PURE__ */ jsx(
13
- Controller,
14
- {
15
- name,
16
- control,
17
- rules,
18
- render: ({ field, fieldState: { error } }) => {
19
- return /* @__PURE__ */ jsx(
20
- AutocompleteDetailedComponent,
21
- {
22
- "data-intercom-target": name,
23
- ...field,
24
- ...other,
25
- onChange: (value) => {
26
- if (onSelectOption)
27
- onSelectOption(value, field.value);
28
- field.onChange(value);
29
- },
30
- error: !!error,
31
- helperText: error?.message || helperText
32
- }
33
- );
34
- }
35
- }
36
- );
37
- };
38
- var AutocompleteDetailed_default = AutocompleteDetailed;
39
- export {
40
- AutocompleteDetailed_default as default
41
- };
1
+ import { a } from '../../../chunk-53KG5GKX.js';
2
+ import '../../../chunk-7R6ZYEQS.js';
3
+ import '../../../chunk-RPO7AI5K.js';
4
+ import { useFormContext, Controller } from 'react-hook-form';
5
+ import { jsx } from 'react/jsx-runtime';
6
+
7
+ var d=({name:t,rules:a$1,helperText:p,onSelectOption:o,...s})=>{let{control:u}=useFormContext();return jsx(Controller,{name:t,control:u,rules:a$1,render:({field:e,fieldState:{error:r}})=>jsx(a,{"data-intercom-target":t,...e,...s,onChange:n=>{o&&o(n,e.value),e.onChange(n);},error:!!r,helperText:r?.message||p})})},f=d;
8
+
9
+ export { f as default };
10
+ //# sourceMappingURL=out.js.map
42
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/AutocompleteDetailed/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport AutocompleteDetailedComponent from 'components/AutocompleteDetailed';\n\nimport { AutocompleteDetailedProps } from './props';\n\nconst AutocompleteDetailed = ({\n name,\n rules,\n helperText,\n onSelectOption,\n ...other\n}: AutocompleteDetailedProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => {\n return (\n <AutocompleteDetailedComponent\n data-intercom-target={name}\n {...field}\n {...other}\n onChange={value => {\n if (onSelectOption) onSelectOption(value as string, field.value);\n field.onChange(value);\n }}\n error={!!error}\n helperText={error?.message || helperText}\n />\n );\n }}\n />\n );\n};\n\nexport default AutocompleteDetailed;\n"],"mappings":"AAsBU;AAtBV,SAAS,YAAY,sBAAsB;AAE3C,OAAO,mCAAmC;AAI1C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiC;AAC/B,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MAAM;AAC5C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,wBAAsB;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,UAAU,WAAS;AACjB,kBAAI;AAAgB,+BAAe,OAAiB,MAAM,KAAK;AAC/D,oBAAM,SAAS,KAAK;AAAA,YACtB;AAAA,YACA,OAAO,CAAC,CAAC;AAAA,YACT,YAAY,OAAO,WAAW;AAAA;AAAA,QAChC;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/AutocompleteDetailed/index.tsx"],"names":["Controller","useFormContext","jsx","AutocompleteDetailed","name","rules","helperText","onSelectOption","other","control","field","error","AutocompleteDetailed_default","value"],"mappings":"qHAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAsBjC,cAAAC,MAAA,oBAhBV,IAAMC,EAAuB,CAAC,CAC5B,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,GAAGC,CACL,IAAiC,CAC/B,GAAM,CAAE,QAAAC,CAAQ,EAAIR,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASK,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IAEpCT,EAACU,EAAA,CACC,uBAAsBR,EACrB,GAAGM,EACH,GAAGF,EACJ,SAAUK,GAAS,CACbN,GAAgBA,EAAeM,EAAiBH,EAAM,KAAK,EAC/DA,EAAM,SAASG,CAAK,CACtB,EACA,MAAO,CAAC,CAACF,EACT,WAAYA,GAAO,SAAWL,EAChC,EAGN,CAEJ,EAEOM,EAAQT","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport AutocompleteDetailedComponent from 'components/AutocompleteDetailed';\n\nimport { AutocompleteDetailedProps } from './props';\n\nconst AutocompleteDetailed = ({\n name,\n rules,\n helperText,\n onSelectOption,\n ...other\n}: AutocompleteDetailedProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => {\n return (\n <AutocompleteDetailedComponent\n data-intercom-target={name}\n {...field}\n {...other}\n onChange={value => {\n if (onSelectOption) onSelectOption(value as string, field.value);\n field.onChange(value);\n }}\n error={!!error}\n helperText={error?.message || helperText}\n />\n );\n }}\n />\n );\n};\n\nexport default AutocompleteDetailed;\n"]}
@@ -1,51 +1,11 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import MuiCheckbox from "@mui/material/Checkbox";
4
- import FormControlLabel from "@mui/material/FormControlLabel";
5
- import FormHelperText from "@mui/material/FormHelperText";
6
- const Checkbox = ({
7
- name,
8
- rules,
9
- helperText,
10
- tabIndex,
11
- onChange,
12
- ...other
13
- }) => {
14
- const { control } = useFormContext();
15
- return /* @__PURE__ */ jsx(
16
- Controller,
17
- {
18
- name,
19
- control,
20
- rules,
21
- render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
22
- /* @__PURE__ */ jsx(
23
- FormControlLabel,
24
- {
25
- control: /* @__PURE__ */ jsx(
26
- MuiCheckbox,
27
- {
28
- ...field,
29
- onChange: (e, v) => {
30
- field.onChange(e);
31
- if (onChange)
32
- onChange(e, v);
33
- },
34
- checked: field.value,
35
- tabIndex
36
- }
37
- ),
38
- "data-intercom-target": name,
39
- ...other
40
- }
41
- ),
42
- (!!error || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText })
43
- ] })
44
- }
45
- );
46
- };
47
- var Checkbox_default = Checkbox;
48
- export {
49
- Checkbox_default as default
50
- };
1
+ import { useFormContext, Controller } from 'react-hook-form';
2
+ import b from '@mui/material/Checkbox';
3
+ import d from '@mui/material/FormControlLabel';
4
+ import f from '@mui/material/FormHelperText';
5
+ import { jsx, jsxs } from 'react/jsx-runtime';
6
+
7
+ var h=({name:e,rules:l,helperText:m,tabIndex:a,onChange:n,...p})=>{let{control:i}=useFormContext();return jsx(Controller,{name:e,control:i,rules:l,render:({field:t,fieldState:{error:o}})=>jsxs("div",{children:[jsx(d,{control:jsx(b,{...t,onChange:(c,C)=>{t.onChange(c),n&&n(c,C);},checked:t.value,tabIndex:a}),"data-intercom-target":e,...p}),(!!o||m)&&jsx(f,{error:!!o,children:o?o?.message:m})]})})},H=h;
8
+
9
+ export { H as default };
10
+ //# sourceMappingURL=out.js.map
51
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/Checkbox/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\n\nimport { CheckboxProps } from './props';\n\nconst Checkbox = ({\n name,\n rules,\n helperText,\n tabIndex,\n onChange,\n ...other\n}: CheckboxProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => (\n <div>\n <FormControlLabel\n control={\n <MuiCheckbox\n {...field}\n onChange={(e, v) => {\n field.onChange(e);\n if (onChange) onChange(e, v);\n }}\n checked={field.value}\n tabIndex={tabIndex}\n />\n }\n data-intercom-target={name}\n {...other}\n />\n\n {(!!error || helperText) && (\n <FormHelperText error={!!error}>\n {error ? error?.message : helperText}\n </FormHelperText>\n )}\n </div>\n )}\n />\n );\n};\n\nexport default Checkbox;\n"],"mappings":"AAuBQ,SAGM,KAHN;AAvBR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,iBAAiB;AACxB,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAI3B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SACE;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,UAAU,CAAC,GAAG,MAAM;AAClB,wBAAM,SAAS,CAAC;AAChB,sBAAI;AAAU,6BAAS,GAAG,CAAC;AAAA,gBAC7B;AAAA,gBACA,SAAS,MAAM;AAAA,gBACf;AAAA;AAAA,YACF;AAAA,YAEF,wBAAsB;AAAA,YACrB,GAAG;AAAA;AAAA,QACN;AAAA,SAEE,CAAC,CAAC,SAAS,eACX,oBAAC,kBAAe,OAAO,CAAC,CAAC,OACtB,kBAAQ,OAAO,UAAU,YAC5B;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/Checkbox/index.tsx"],"names":["Controller","useFormContext","MuiCheckbox","FormControlLabel","FormHelperText","jsx","jsxs","Checkbox","name","rules","helperText","tabIndex","onChange","other","control","field","error","e","v","Checkbox_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAiB,yBACxB,OAAOC,MAAsB,iCAC7B,OAAOC,MAAoB,+BAoBnB,OAGM,OAAAC,EAHN,QAAAC,MAAA,oBAhBR,IAAMC,EAAW,CAAC,CAChB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqB,CACnB,GAAM,CAAE,QAAAC,CAAQ,EAAIb,EAAe,EAEnC,OACEI,EAACL,EAAA,CACC,KAAMQ,EACN,QAASM,EACT,MAAOL,EACP,OAAQ,CAAC,CAAE,MAAAM,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtCV,EAAC,OACC,UAAAD,EAACF,EAAA,CACC,QACEE,EAACH,EAAA,CACE,GAAGa,EACJ,SAAU,CAACE,EAAGC,IAAM,CAClBH,EAAM,SAASE,CAAC,EACZL,GAAUA,EAASK,EAAGC,CAAC,CAC7B,EACA,QAASH,EAAM,MACf,SAAUJ,EACZ,EAEF,uBAAsBH,EACrB,GAAGK,EACN,GAEE,CAAC,CAACG,GAASN,IACXL,EAACD,EAAA,CAAe,MAAO,CAAC,CAACY,EACtB,SAAAA,EAAQA,GAAO,QAAUN,EAC5B,GAEJ,EAEJ,CAEJ,EAEOS,EAAQZ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\n\nimport { CheckboxProps } from './props';\n\nconst Checkbox = ({\n name,\n rules,\n helperText,\n tabIndex,\n onChange,\n ...other\n}: CheckboxProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => (\n <div>\n <FormControlLabel\n control={\n <MuiCheckbox\n {...field}\n onChange={(e, v) => {\n field.onChange(e);\n if (onChange) onChange(e, v);\n }}\n checked={field.value}\n tabIndex={tabIndex}\n />\n }\n data-intercom-target={name}\n {...other}\n />\n\n {(!!error || helperText) && (\n <FormHelperText error={!!error}>\n {error ? error?.message : helperText}\n </FormHelperText>\n )}\n </div>\n )}\n />\n );\n};\n\nexport default Checkbox;\n"]}
@@ -1,87 +1,13 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useRef } from "react";
3
- import { Controller, useFormContext } from "react-hook-form";
4
- import FormHelperText from "@mui/material/FormHelperText";
5
- import Stack from "@mui/material/Stack";
6
- import TextField from "@mui/material/TextField";
7
- import useEventListener from "hooks/useEventListener";
8
- const Codes = ({
9
- keyName,
10
- inputs = [],
11
- rules,
12
- tabIndex,
13
- ...other
14
- }) => {
15
- const codesRef = useRef(null);
16
- const {
17
- control,
18
- setValue,
19
- formState: { errors }
20
- } = useFormContext();
21
- const handlePaste = (event) => {
22
- const data = event.clipboardData.getData("text").split("");
23
- inputs.map((input, index) => setValue(input, data[index]));
24
- event.preventDefault();
25
- };
26
- const handleChangeWithNextField = (event, handleChange) => {
27
- const { maxLength, value, name } = event.target;
28
- const fieldIndex = name.replace(keyName, "");
29
- const fieldIntIndex = Number(fieldIndex);
30
- const nextfield = document.querySelector(
31
- `input[name=${keyName}${fieldIntIndex + 1}]`
32
- );
33
- if (value.length > maxLength) {
34
- event.target.value = value[0];
35
- }
36
- if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {
37
- nextfield.focus();
38
- }
39
- handleChange(event);
40
- };
41
- useEventListener("paste", handlePaste, codesRef);
42
- const hasCodeNotFilled = inputs.some((input) => errors[input]);
43
- return /* @__PURE__ */ jsxs(Stack, { children: [
44
- /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 2, justifyContent: "center", ref: codesRef, children: inputs.map((name, index) => /* @__PURE__ */ jsx(
45
- Controller,
46
- {
47
- name: `${keyName}${index + 1}`,
48
- control,
49
- rules,
50
- render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
51
- TextField,
52
- {
53
- ...other,
54
- ...field,
55
- autoComplete: "none",
56
- error: !!error,
57
- autoFocus: index === 0,
58
- placeholder: "-",
59
- onChange: (event) => {
60
- handleChangeWithNextField(event, field.onChange);
61
- },
62
- onFocus: (event) => event.currentTarget.select(),
63
- InputProps: {
64
- sx: {
65
- width: { xs: 36, sm: 56 },
66
- height: { xs: 36, sm: 56 },
67
- "& input": { p: 0, textAlign: "center" }
68
- }
69
- },
70
- inputProps: {
71
- maxLength: 1,
72
- type: "number",
73
- tabIndex
74
- }
75
- }
76
- )
77
- },
78
- name
79
- )) }),
80
- hasCodeNotFilled && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: "C\xF3digo \xE9 obrigat\xF3rio" })
81
- ] });
82
- };
83
- var Codes_default = Codes;
84
- export {
85
- Codes_default as default
86
- };
1
+ import { a } from '../../../chunk-L5URMM57.js';
2
+ import { useRef } from 'react';
3
+ import { useFormContext, Controller } from 'react-hook-form';
4
+ import b from '@mui/material/FormHelperText';
5
+ import u from '@mui/material/Stack';
6
+ import M from '@mui/material/TextField';
7
+ import { jsxs, jsx } from 'react/jsx-runtime';
8
+
9
+ var S=({keyName:l,inputs:s=[],rules:d,tabIndex:f,...g})=>{let m=useRef(null),{control:h,setValue:C,formState:{errors:x}}=useFormContext(),E=e=>{let n=e.clipboardData.getData("text").split("");s.map((t,o)=>C(t,n[o])),e.preventDefault();},v=(e,n)=>{let{maxLength:t,value:o,name:r}=e.target,L=r.replace(l,""),p=Number(L),i=document.querySelector(`input[name=${l}${p+1}]`);o.length>t&&(e.target.value=o[0]),o.length>=t&&p<6&&i!==null&&i.focus(),n(e);};a("paste",E,m);let T=s.some(e=>x[e]);return jsxs(u,{children:[jsx(u,{direction:"row",spacing:2,justifyContent:"center",ref:m,children:s.map((e,n)=>jsx(Controller,{name:`${l}${n+1}`,control:h,rules:d,render:({field:t,fieldState:{error:o}})=>jsx(M,{...g,...t,autoComplete:"none",error:!!o,autoFocus:n===0,placeholder:"-",onChange:r=>{v(r,t.onChange);},onFocus:r=>r.currentTarget.select(),InputProps:{sx:{width:{xs:36,sm:56},height:{xs:36,sm:56},"& input":{p:0,textAlign:"center"}}},inputProps:{maxLength:1,type:"number",tabIndex:f}})},e))}),T&&jsx(b,{error:!0,sx:{px:2},children:"C\xF3digo \xE9 obrigat\xF3rio"})]})},N=S;
10
+
11
+ export { N as default };
12
+ //# sourceMappingURL=out.js.map
87
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n keyName,\n inputs = [],\n rules,\n tabIndex,\n ...other\n}: CodesProps) => {\n const codesRef = useRef<HTMLDivElement>(null);\n\n const {\n control,\n setValue,\n formState: { errors },\n } = useFormContext();\n\n const handlePaste = (event: ClipboardEvent) => {\n const data = event.clipboardData.getData('text').split('');\n\n inputs.map((input, index) => setValue(input, data[index]));\n\n event.preventDefault();\n };\n\n const handleChangeWithNextField = (\n event: ChangeEvent<HTMLInputElement>,\n handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n ) => {\n const { maxLength, value, name } = event.target;\n\n const fieldIndex = name.replace(keyName, '');\n\n const fieldIntIndex = Number(fieldIndex);\n\n const nextfield: HTMLElement | null = document.querySelector(\n `input[name=${keyName}${fieldIntIndex + 1}]`,\n );\n\n if (value.length > maxLength) {\n event.target.value = value[0];\n }\n\n if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n (nextfield as HTMLElement).focus();\n }\n\n handleChange(event);\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useEventListener('paste', handlePaste as any, codesRef);\n\n const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n return (\n <Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n {inputs.map((name, index) => (\n <Controller\n key={name}\n name={`${keyName}${index + 1}`}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => (\n <TextField\n {...other}\n {...field}\n autoComplete=\"none\"\n error={!!error}\n autoFocus={index === 0}\n placeholder=\"-\"\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n handleChangeWithNextField(event, field.onChange);\n }}\n onFocus={event => event.currentTarget.select()}\n InputProps={{\n sx: {\n width: { xs: 36, sm: 56 },\n height: { xs: 36, sm: 56 },\n '& input': { p: 0, textAlign: 'center' },\n },\n }}\n inputProps={{\n maxLength: 1,\n type: 'number',\n tabIndex,\n }}\n />\n )}\n />\n ))}\n </Stack>\n\n {hasCodeNotFilled && (\n <FormHelperText error sx={{ px: 2 }}>\n Código é obrigatório\n </FormHelperText>\n )}\n </Stack>\n );\n};\n\nexport default Codes;\n"],"mappings":"AAgEI,SASU,KATV;AAhEJ,SAAsC,cAAc;AACpD,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,OAAO,eAAe;AAEtB,OAAO,sBAAsB;AAI7B,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,WAAW,OAAuB,IAAI;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI,eAAe;AAEnB,QAAM,cAAc,CAAC,UAA0B;AAC7C,UAAM,OAAO,MAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE;AAEzD,WAAO,IAAI,CAAC,OAAO,UAAU,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC;AAEzD,UAAM,eAAe;AAAA,EACvB;AAEA,QAAM,4BAA4B,CAChC,OACA,iBACG;AACH,UAAM,EAAE,WAAW,OAAO,KAAK,IAAI,MAAM;AAEzC,UAAM,aAAa,KAAK,QAAQ,SAAS,EAAE;AAE3C,UAAM,gBAAgB,OAAO,UAAU;AAEvC,UAAM,YAAgC,SAAS;AAAA,MAC7C,cAAc,UAAU,gBAAgB;AAAA,IAC1C;AAEA,QAAI,MAAM,SAAS,WAAW;AAC5B,YAAM,OAAO,QAAQ,MAAM,CAAC;AAAA,IAC9B;AAEA,QAAI,MAAM,UAAU,aAAa,gBAAgB,KAAK,cAAc,MAAM;AACxE,MAAC,UAA0B,MAAM;AAAA,IACnC;AAEA,iBAAa,KAAK;AAAA,EACpB;AAGA,mBAAiB,SAAS,aAAoB,QAAQ;AAEtD,QAAM,mBAAmB,OAAO,KAAK,WAAS,OAAO,KAAK,CAAC;AAE3D,SACE,qBAAC,SACC;AAAA,wBAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,UAAS,KAAK,UAC7D,iBAAO,IAAI,CAAC,MAAM,UACjB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,GAAG,UAAU,QAAQ;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,CAAC,CAAC;AAAA,YACT,WAAW,UAAU;AAAA,YACrB,aAAY;AAAA,YACZ,UAAU,CAAC,UAAyC;AAClD,wCAA0B,OAAO,MAAM,QAAQ;AAAA,YACjD;AAAA,YACA,SAAS,WAAS,MAAM,cAAc,OAAO;AAAA,YAC7C,YAAY;AAAA,cACV,IAAI;AAAA,gBACF,OAAO,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACxB,QAAQ,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACzB,WAAW,EAAE,GAAG,GAAG,WAAW,SAAS;AAAA,cACzC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,cACV,WAAW;AAAA,cACX,MAAM;AAAA,cACN;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,MA5BG;AAAA,IA8BP,CACD,GACH;AAAA,IAEC,oBACC,oBAAC,kBAAe,OAAK,MAAC,IAAI,EAAE,IAAI,EAAE,GAAG,2CAErC;AAAA,KAEJ;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":["useRef","Controller","useFormContext","FormHelperText","Stack","TextField","jsx","jsxs","Codes","keyName","inputs","rules","tabIndex","other","codesRef","control","setValue","errors","handlePaste","event","data","input","index","handleChangeWithNextField","handleChange","maxLength","value","name","fieldIndex","fieldIntIndex","nextfield","useEventListener_default","hasCodeNotFilled","field","error","Codes_default"],"mappings":"+CAAA,OAAsC,UAAAA,MAAc,QACpD,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAe,0BA4DlB,OASU,OAAAC,EATV,QAAAC,MAAA,oBAtDJ,IAAMC,EAAQ,CAAC,CACb,QAAAC,EACA,OAAAC,EAAS,CAAC,EACV,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,IAAMC,EAAWd,EAAuB,IAAI,EAEtC,CACJ,QAAAe,EACA,SAAAC,EACA,UAAW,CAAE,OAAAC,CAAO,CACtB,EAAIf,EAAe,EAEbgB,EAAeC,GAA0B,CAC7C,IAAMC,EAAOD,EAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE,EAEzDT,EAAO,IAAI,CAACW,EAAOC,IAAUN,EAASK,EAAOD,EAAKE,CAAK,CAAC,CAAC,EAEzDH,EAAM,eAAe,CACvB,EAEMI,EAA4B,CAChCJ,EACAK,IACG,CACH,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,CAAK,EAAIR,EAAM,OAEnCS,EAAaD,EAAK,QAAQlB,EAAS,EAAE,EAErCoB,EAAgB,OAAOD,CAAU,EAEjCE,EAAgC,SAAS,cAC7C,cAAcrB,IAAUoB,EAAgB,IAC1C,EAEIH,EAAM,OAASD,IACjBN,EAAM,OAAO,MAAQO,EAAM,CAAC,GAG1BA,EAAM,QAAUD,GAAaI,EAAgB,GAAKC,IAAc,MACjEA,EAA0B,MAAM,EAGnCN,EAAaL,CAAK,CACpB,EAGAY,EAAiB,QAASb,EAAoBJ,CAAQ,EAEtD,IAAMkB,EAAmBtB,EAAO,KAAKW,GAASJ,EAAOI,CAAK,CAAC,EAE3D,OACEd,EAACH,EAAA,CACC,UAAAE,EAACF,EAAA,CAAM,UAAU,MAAM,QAAS,EAAG,eAAe,SAAS,IAAKU,EAC7D,SAAAJ,EAAO,IAAI,CAACiB,EAAML,IACjBhB,EAACL,EAAA,CAEC,KAAM,GAAGQ,IAAUa,EAAQ,IAC3B,QAASP,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAsB,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtC5B,EAACD,EAAA,CACE,GAAGQ,EACH,GAAGoB,EACJ,aAAa,OACb,MAAO,CAAC,CAACC,EACT,UAAWZ,IAAU,EACrB,YAAY,IACZ,SAAWH,GAAyC,CAClDI,EAA0BJ,EAAOc,EAAM,QAAQ,CACjD,EACA,QAASd,GAASA,EAAM,cAAc,OAAO,EAC7C,WAAY,CACV,GAAI,CACF,MAAO,CAAE,GAAI,GAAI,GAAI,EAAG,EACxB,OAAQ,CAAE,GAAI,GAAI,GAAI,EAAG,EACzB,UAAW,CAAE,EAAG,EAAG,UAAW,QAAS,CACzC,CACF,EACA,WAAY,CACV,UAAW,EACX,KAAM,SACN,SAAAP,CACF,EACF,GA5BGe,CA8BP,CACD,EACH,EAECK,GACC1B,EAACH,EAAA,CAAe,MAAK,GAAC,GAAI,CAAE,GAAI,CAAE,EAAG,yCAErC,GAEJ,CAEJ,EAEOgC,EAAQ3B","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n keyName,\n inputs = [],\n rules,\n tabIndex,\n ...other\n}: CodesProps) => {\n const codesRef = useRef<HTMLDivElement>(null);\n\n const {\n control,\n setValue,\n formState: { errors },\n } = useFormContext();\n\n const handlePaste = (event: ClipboardEvent) => {\n const data = event.clipboardData.getData('text').split('');\n\n inputs.map((input, index) => setValue(input, data[index]));\n\n event.preventDefault();\n };\n\n const handleChangeWithNextField = (\n event: ChangeEvent<HTMLInputElement>,\n handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n ) => {\n const { maxLength, value, name } = event.target;\n\n const fieldIndex = name.replace(keyName, '');\n\n const fieldIntIndex = Number(fieldIndex);\n\n const nextfield: HTMLElement | null = document.querySelector(\n `input[name=${keyName}${fieldIntIndex + 1}]`,\n );\n\n if (value.length > maxLength) {\n event.target.value = value[0];\n }\n\n if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n (nextfield as HTMLElement).focus();\n }\n\n handleChange(event);\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useEventListener('paste', handlePaste as any, codesRef);\n\n const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n return (\n <Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n {inputs.map((name, index) => (\n <Controller\n key={name}\n name={`${keyName}${index + 1}`}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => (\n <TextField\n {...other}\n {...field}\n autoComplete=\"none\"\n error={!!error}\n autoFocus={index === 0}\n placeholder=\"-\"\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n handleChangeWithNextField(event, field.onChange);\n }}\n onFocus={event => event.currentTarget.select()}\n InputProps={{\n sx: {\n width: { xs: 36, sm: 56 },\n height: { xs: 36, sm: 56 },\n '& input': { p: 0, textAlign: 'center' },\n },\n }}\n inputProps={{\n maxLength: 1,\n type: 'number',\n tabIndex,\n }}\n />\n )}\n />\n ))}\n </Stack>\n\n {hasCodeNotFilled && (\n <FormHelperText error sx={{ px: 2 }}>\n Código é obrigatório\n </FormHelperText>\n )}\n </Stack>\n );\n};\n\nexport default Codes;\n"]}
@@ -1,52 +1,10 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import ColorPickerInput from "components/ColorPickerInput";
4
- const ColorPicker = ({
5
- name,
6
- rules,
7
- helperText,
8
- ...other
9
- }) => {
10
- const { control } = useFormContext();
11
- return /* @__PURE__ */ jsx(
12
- Controller,
13
- {
14
- name,
15
- control,
16
- rules: {
17
- ...rules,
18
- validate: {
19
- ...rules?.validate,
20
- validation: (v) => {
21
- const fValue = "#" + v.replaceAll("#", "");
22
- const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;
23
- if (!hexRegex.test(fValue))
24
- return "Cor inv\xE1lida";
25
- return true;
26
- }
27
- }
28
- },
29
- render: ({
30
- field: { ref, onChange, ...field },
31
- fieldState: { error }
32
- }) => /* @__PURE__ */ jsx(
33
- ColorPickerInput,
34
- {
35
- ...field,
36
- onChangeColor: onChange,
37
- inputRef: ref,
38
- fullWidth: true,
39
- error: !!error,
40
- helperText: error?.message || helperText,
41
- "data-intercom-target": name,
42
- ...other
43
- }
44
- )
45
- }
46
- );
47
- };
48
- var ColorPicker_default = ColorPicker;
49
- export {
50
- ColorPicker_default as default
51
- };
1
+ import { a } from '../../../chunk-W242ZHSJ.js';
2
+ import '../../../chunk-LQRRMVFN.js';
3
+ import { useFormContext, Controller } from 'react-hook-form';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ var u=({name:o,rules:t,helperText:c,...f})=>{let{control:d}=useFormContext();return jsx(Controller,{name:o,control:d,rules:{...t,validate:{...t?.validate,validation:e=>{let r="#"+e.replaceAll("#","");return /^#([0-9A-Fa-f]{3}){1,2}$/.test(r)?!0:"Cor inv\xE1lida"}}},render:({field:{ref:e,onChange:r,...l},fieldState:{error:i}})=>jsx(a,{...l,onChangeColor:r,inputRef:e,fullWidth:!0,error:!!i,helperText:i?.message||c,"data-intercom-target":o,...f})})},g=u;
7
+
8
+ export { g as default };
9
+ //# sourceMappingURL=out.js.map
52
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/ColorPicker/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport ColorPickerInput from 'components/ColorPickerInput';\n\nimport { ColorPickerProps } from './props';\n\nconst ColorPicker = ({\n name,\n rules,\n helperText,\n ...other\n}: ColorPickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={{\n ...rules,\n validate: {\n ...rules?.validate,\n validation: (v: string) => {\n const fValue = '#' + v.replaceAll('#', '');\n const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;\n\n if (!hexRegex.test(fValue)) return 'Cor inválida';\n\n return true;\n },\n },\n }}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <ColorPickerInput\n {...field}\n onChangeColor={onChange}\n inputRef={ref}\n fullWidth\n error={!!error}\n helperText={error?.message || helperText}\n data-intercom-target={name}\n {...other}\n />\n )}\n />\n );\n};\n\nexport default ColorPicker;\n"],"mappings":"AAoCQ;AApCR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,sBAAsB;AAI7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,OAAO;AAAA,UACV,YAAY,CAAC,MAAc;AACzB,kBAAM,SAAS,MAAM,EAAE,WAAW,KAAK,EAAE;AACzC,kBAAM,WAAW;AAEjB,gBAAI,CAAC,SAAS,KAAK,MAAM;AAAG,qBAAO;AAEnC,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,eAAe;AAAA,UACf,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/ColorPicker/index.tsx"],"names":["Controller","useFormContext","jsx","ColorPicker","name","rules","helperText","other","control","v","fValue","ref","onChange","field","error","ColorPickerInput_default","ColorPicker_default"],"mappings":"kFAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAoCnC,cAAAC,MAAA,oBA9BR,IAAMC,EAAc,CAAC,CACnB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,GAAM,CAAE,QAAAC,CAAQ,EAAIP,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASI,EACT,MAAO,CACL,GAAGH,EACH,SAAU,CACR,GAAGA,GAAO,SACV,WAAaI,GAAc,CACzB,IAAMC,EAAS,IAAMD,EAAE,WAAW,IAAK,EAAE,EAGzC,MAFiB,2BAEH,KAAKC,CAAM,EAElB,GAF4B,iBAGrC,CACF,CACF,EACA,OAAQ,CAAC,CACP,MAAO,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,CAAM,EACjC,WAAY,CAAE,MAAAC,CAAM,CACtB,IACEZ,EAACa,EAAA,CACE,GAAGF,EACJ,cAAeD,EACf,SAAUD,EACV,UAAS,GACT,MAAO,CAAC,CAACG,EACT,WAAYA,GAAO,SAAWR,EAC9B,uBAAsBF,EACrB,GAAGG,EACN,EAEJ,CAEJ,EAEOS,EAAQb","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport ColorPickerInput from 'components/ColorPickerInput';\n\nimport { ColorPickerProps } from './props';\n\nconst ColorPicker = ({\n name,\n rules,\n helperText,\n ...other\n}: ColorPickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={{\n ...rules,\n validate: {\n ...rules?.validate,\n validation: (v: string) => {\n const fValue = '#' + v.replaceAll('#', '');\n const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;\n\n if (!hexRegex.test(fValue)) return 'Cor inválida';\n\n return true;\n },\n },\n }}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <ColorPickerInput\n {...field}\n onChangeColor={onChange}\n inputRef={ref}\n fullWidth\n error={!!error}\n helperText={error?.message || helperText}\n data-intercom-target={name}\n {...other}\n />\n )}\n />\n );\n};\n\nexport default ColorPicker;\n"]}
@@ -1,63 +1,10 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers-pro";
4
- import dayjs from "dayjs";
5
- const DatePicker = ({
6
- name,
7
- rules,
8
- tabIndex,
9
- helperText,
10
- required,
11
- ...other
12
- }) => {
13
- const { control } = useFormContext();
14
- return /* @__PURE__ */ jsx(
15
- Controller,
16
- {
17
- name,
18
- control,
19
- rules,
20
- render: ({
21
- field: { ref, onChange, ...field },
22
- fieldState: { error }
23
- }) => /* @__PURE__ */ jsx(
24
- MuiDatePicker,
25
- {
26
- inputRef: ref,
27
- format: "DD/MM/YYYY",
28
- ...field,
29
- "data-intercom-target": name,
30
- ...other,
31
- value: field.value ? dayjs(field.value) : null,
32
- onChange: (v) => {
33
- const newValue = v ? v.toDate() : null;
34
- onChange(newValue);
35
- other.onChange && other.onChange(newValue);
36
- },
37
- slotProps: {
38
- textField: {
39
- ...other.slotProps?.textField,
40
- required,
41
- error: !!error,
42
- helperText: error?.message || helperText,
43
- autoComplete: "off",
44
- spellCheck: "false",
45
- fullWidth: true,
46
- inputProps: {
47
- tabIndex
48
- }
49
- },
50
- openPickerButton: {
51
- tabIndex
52
- }
53
- }
54
- }
55
- )
56
- }
57
- );
58
- };
59
- var DatePicker_default = DatePicker;
60
- export {
61
- DatePicker_default as default
62
- };
1
+ import { useFormContext, Controller } from 'react-hook-form';
2
+ import { DatePicker } from '@mui/x-date-pickers-pro';
3
+ import C from 'dayjs';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ var d=({name:o,rules:i,tabIndex:r,helperText:p,required:u,...e})=>{let{control:c}=useFormContext();return jsx(Controller,{name:o,control:c,rules:i,render:({field:{ref:m,onChange:f,...t},fieldState:{error:l}})=>jsx(DatePicker,{inputRef:m,format:"DD/MM/YYYY",...t,"data-intercom-target":o,...e,value:t.value?C(t.value):null,onChange:a=>{let n=a?a.toDate():null;f(n),e.onChange&&e.onChange(n);},slotProps:{textField:{...e.slotProps?.textField,required:u,error:!!l,helperText:l?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:r}},openPickerButton:{tabIndex:r}}})})},x=d;
7
+
8
+ export { x as default };
9
+ //# sourceMappingURL=out.js.map
63
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/DatePicker/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DatePickerProps } from 'types/datePickerProps';\n\nconst DatePicker = ({\n name,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DatePickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <MuiDatePicker\n inputRef={ref}\n format=\"DD/MM/YYYY\"\n {...field}\n data-intercom-target={name}\n {...other}\n value={field.value ? dayjs(field.value) : null}\n onChange={v => {\n const newValue = v ? v.toDate() : null;\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n error: !!error,\n helperText: error?.message || helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n inputProps: {\n tabIndex,\n },\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n )}\n />\n );\n};\n\nexport default DatePicker;\n"],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,qBAAqB;AAC5C,OAAO,WAAW;AAIlB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,QAAO;AAAA,UACN,GAAG;AAAA,UACJ,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI;AAAA,UAC1C,UAAU,OAAK;AACb,kBAAM,WAAW,IAAI,EAAE,OAAO,IAAI;AAClC,qBAAS,QAAQ;AACjB,kBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,UAC3C;AAAA,UACA,WAAW;AAAA,YACT,WAAW;AAAA,cACT,GAAG,MAAM,WAAW;AAAA,cACpB;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,YAAY;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YACA,kBAAkB;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/DatePicker/index.tsx"],"names":["Controller","useFormContext","MuiDatePicker","dayjs","jsx","DatePicker","name","rules","tabIndex","helperText","required","other","control","ref","onChange","field","error","v","newValue","DatePicker_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAC3C,OAAS,cAAcC,MAAqB,0BAC5C,OAAOC,MAAW,QAuBV,cAAAC,MAAA,oBAnBR,IAAMC,EAAa,CAAC,CAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,GAAM,CAAE,QAAAC,CAAQ,EAAIX,EAAe,EAEnC,OACEG,EAACJ,EAAA,CACC,KAAMM,EACN,QAASM,EACT,MAAOL,EACP,OAAQ,CAAC,CACP,MAAO,CAAE,IAAAM,EAAK,SAAAC,EAAU,GAAGC,CAAM,EACjC,WAAY,CAAE,MAAAC,CAAM,CACtB,IACEZ,EAACF,EAAA,CACC,SAAUW,EACV,OAAO,aACN,GAAGE,EACJ,uBAAsBT,EACrB,GAAGK,EACJ,MAAOI,EAAM,MAAQZ,EAAMY,EAAM,KAAK,EAAI,KAC1C,SAAUE,GAAK,CACb,IAAMC,EAAWD,EAAIA,EAAE,OAAO,EAAI,KAClCH,EAASI,CAAQ,EACjBP,EAAM,UAAYA,EAAM,SAASO,CAAQ,CAC3C,EACA,UAAW,CACT,UAAW,CACT,GAAGP,EAAM,WAAW,UACpB,SAAAD,EACA,MAAO,CAAC,CAACM,EACT,WAAYA,GAAO,SAAWP,EAC9B,aAAc,MACd,WAAY,QACZ,UAAW,GACX,WAAY,CACV,SAAAD,CACF,CACF,EACA,iBAAkB,CAChB,SAAAA,CACF,CACF,EACF,EAEJ,CAEJ,EAEOW,EAAQd","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DatePickerProps } from 'types/datePickerProps';\n\nconst DatePicker = ({\n name,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DatePickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <MuiDatePicker\n inputRef={ref}\n format=\"DD/MM/YYYY\"\n {...field}\n data-intercom-target={name}\n {...other}\n value={field.value ? dayjs(field.value) : null}\n onChange={v => {\n const newValue = v ? v.toDate() : null;\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n error: !!error,\n helperText: error?.message || helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n inputProps: {\n tabIndex,\n },\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n )}\n />\n );\n};\n\nexport default DatePicker;\n"]}
@@ -1,77 +1,12 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Controller, useFormContext } from "react-hook-form";
3
- import FormHelperText from "@mui/material/FormHelperText";
4
- import Stack from "@mui/material/Stack";
5
- import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro";
6
- import dayjs from "dayjs";
7
- const DateRangePicker = ({
8
- name,
9
- label,
10
- rules,
11
- tabIndex,
12
- helperText,
13
- required,
14
- ...other
15
- }) => {
16
- const { control, setError } = useFormContext();
17
- return /* @__PURE__ */ jsx(
18
- Controller,
19
- {
20
- name,
21
- control,
22
- rules,
23
- render: ({ field: { value, onChange }, fieldState: { error } }) => {
24
- return /* @__PURE__ */ jsxs(Stack, { children: [
25
- /* @__PURE__ */ jsx(
26
- MuiDateRangePicker,
27
- {
28
- "data-intercom-target": name,
29
- ...other,
30
- format: "DD/MM/YYYY",
31
- value: [
32
- value?.startDate ? dayjs(value.startDate) : null,
33
- value?.endDate ? dayjs(value.endDate) : null
34
- ],
35
- onChange: (v) => {
36
- const newValue = {
37
- startDate: v[0] ? v[0].toDate() : null,
38
- endDate: v[1] ? v[1].toDate() : null
39
- };
40
- onChange(newValue);
41
- other.onChange && other.onChange(newValue);
42
- },
43
- onError: (newError) => {
44
- setError(name, {
45
- message: newError[0] || newError[1] || void 0
46
- });
47
- },
48
- slotProps: {
49
- textField: ({ position }) => ({
50
- ...other.slotProps?.textField,
51
- required,
52
- error: !!error,
53
- autoComplete: "off",
54
- spellCheck: "false",
55
- fullWidth: true,
56
- label: position === "start" ? `${label} (Dt. In\xEDcio)` : `${label} (Dt. Fim)`,
57
- inputProps: {
58
- tabIndex
59
- }
60
- })
61
- },
62
- sx: {
63
- width: 1
64
- }
65
- }
66
- ),
67
- (error?.message || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { mx: "14px" }, children: error?.message || helperText })
68
- ] });
69
- }
70
- }
71
- );
72
- };
73
- var DateRangePicker_default = DateRangePicker;
74
- export {
75
- DateRangePicker_default as default
76
- };
1
+ import { useFormContext, Controller } from 'react-hook-form';
2
+ import k from '@mui/material/FormHelperText';
3
+ import x from '@mui/material/Stack';
4
+ import { DateRangePicker } from '@mui/x-date-pickers-pro';
5
+ import m from 'dayjs';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
+
8
+ var F=({name:a,label:s,rules:p,tabIndex:D,helperText:l,required:d,...e})=>{let{control:f,setError:c}=useFormContext();return jsx(Controller,{name:a,control:f,rules:p,render:({field:{value:o,onChange:u},fieldState:{error:r}})=>jsxs(x,{children:[jsx(DateRangePicker,{"data-intercom-target":a,...e,format:"DD/MM/YYYY",value:[o?.startDate?m(o.startDate):null,o?.endDate?m(o.endDate):null],onChange:t=>{let i={startDate:t[0]?t[0].toDate():null,endDate:t[1]?t[1].toDate():null};u(i),e.onChange&&e.onChange(i);},onError:t=>{c(a,{message:t[0]||t[1]||void 0});},slotProps:{textField:({position:t})=>({...e.slotProps?.textField,required:d,error:!!r,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:t==="start"?`${s} (Dt. In\xEDcio)`:`${s} (Dt. Fim)`,inputProps:{tabIndex:D}})},sx:{width:1}}),(r?.message||l)&&jsx(k,{error:!!r,sx:{mx:"14px"},children:r?.message||l})]})})},$=F;
9
+
10
+ export { $ as default };
11
+ //# sourceMappingURL=out.js.map
77
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/form/DateRangePicker/index.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateRangePickerProps } from 'types/dateRangePickerProps';\n\nconst DateRangePicker = ({\n name,\n label,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateRangePickerProps) => {\n const { control, setError } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { value, onChange }, fieldState: { error } }) => {\n return (\n <Stack>\n <MuiDateRangePicker\n data-intercom-target={name}\n {...other}\n format=\"DD/MM/YYYY\"\n value={[\n value?.startDate ? dayjs(value.startDate) : null,\n value?.endDate ? dayjs(value.endDate) : null,\n ]}\n onChange={v => {\n const newValue = {\n startDate: v[0] ? v[0].toDate() : null,\n endDate: v[1] ? v[1].toDate() : null,\n };\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n onError={newError => {\n setError(name, {\n message: newError[0] || newError[1] || undefined,\n });\n }}\n slotProps={{\n textField: ({ position }) => ({\n ...other.slotProps?.textField,\n required,\n error: !!error,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n label:\n position === 'start'\n ? `${label} (Dt. Início)`\n : `${label} (Dt. Fim)`,\n inputProps: {\n tabIndex,\n },\n }),\n }}\n sx={{\n width: 1,\n }}\n />\n {(error?.message || helperText) && (\n <FormHelperText error={!!error} sx={{ mx: '14px' }}>\n {error?.message || helperText}\n </FormHelperText>\n )}\n </Stack>\n );\n }}\n />\n );\n};\n\nexport default DateRangePicker;\n"],"mappings":"AA0BU,SACE,KADF;AA1BV,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,SAAS,mBAAmB,0BAA0B;AACtD,OAAO,WAAW;AAIlB,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,SAAS,SAAS,IAAI,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AACjE,eACE,qBAAC,SACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,wBAAsB;AAAA,cACrB,GAAG;AAAA,cACJ,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,OAAO,YAAY,MAAM,MAAM,SAAS,IAAI;AAAA,gBAC5C,OAAO,UAAU,MAAM,MAAM,OAAO,IAAI;AAAA,cAC1C;AAAA,cACA,UAAU,OAAK;AACb,sBAAM,WAAW;AAAA,kBACf,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,kBAClC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,gBAClC;AACA,yBAAS,QAAQ;AACjB,sBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,cAC3C;AAAA,cACA,SAAS,cAAY;AACnB,yBAAS,MAAM;AAAA,kBACb,SAAS,SAAS,CAAC,KAAK,SAAS,CAAC,KAAK;AAAA,gBACzC,CAAC;AAAA,cACH;AAAA,cACA,WAAW;AAAA,gBACT,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,kBAC5B,GAAG,MAAM,WAAW;AAAA,kBACpB;AAAA,kBACA,OAAO,CAAC,CAAC;AAAA,kBACT,cAAc;AAAA,kBACd,YAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,OACE,aAAa,UACT,GAAG,0BACH,GAAG;AAAA,kBACT,YAAY;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,cACA,IAAI;AAAA,gBACF,OAAO;AAAA,cACT;AAAA;AAAA,UACF;AAAA,WACE,OAAO,WAAW,eAClB,oBAAC,kBAAe,OAAO,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,OAAO,GAC9C,iBAAO,WAAW,YACrB;AAAA,WAEJ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../src/components/form/DateRangePicker/index.tsx"],"names":["Controller","useFormContext","FormHelperText","Stack","MuiDateRangePicker","dayjs","jsx","jsxs","DateRangePicker","name","label","rules","tabIndex","helperText","required","other","control","setError","value","onChange","error","v","newValue","newError","position","DateRangePicker_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAS,mBAAmBC,MAA0B,0BACtD,OAAOC,MAAW,QAsBR,OACE,OAAAC,EADF,QAAAC,MAAA,oBAlBV,IAAMC,EAAkB,CAAC,CACvB,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIhB,EAAe,EAE7C,OACEK,EAACN,EAAA,CACC,KAAMS,EACN,QAASO,EACT,MAAOL,EACP,OAAQ,CAAC,CAAE,MAAO,CAAE,MAAAO,EAAO,SAAAC,CAAS,EAAG,WAAY,CAAE,MAAAC,CAAM,CAAE,IAEzDb,EAACJ,EAAA,CACC,UAAAG,EAACF,EAAA,CACC,uBAAsBK,EACrB,GAAGM,EACJ,OAAO,aACP,MAAO,CACLG,GAAO,UAAYb,EAAMa,EAAM,SAAS,EAAI,KAC5CA,GAAO,QAAUb,EAAMa,EAAM,OAAO,EAAI,IAC1C,EACA,SAAUG,GAAK,CACb,IAAMC,EAAW,CACf,UAAWD,EAAE,CAAC,EAAIA,EAAE,CAAC,EAAE,OAAO,EAAI,KAClC,QAASA,EAAE,CAAC,EAAIA,EAAE,CAAC,EAAE,OAAO,EAAI,IAClC,EACAF,EAASG,CAAQ,EACjBP,EAAM,UAAYA,EAAM,SAASO,CAAQ,CAC3C,EACA,QAASC,GAAY,CACnBN,EAASR,EAAM,CACb,QAASc,EAAS,CAAC,GAAKA,EAAS,CAAC,GAAK,MACzC,CAAC,CACH,EACA,UAAW,CACT,UAAW,CAAC,CAAE,SAAAC,CAAS,KAAO,CAC5B,GAAGT,EAAM,WAAW,UACpB,SAAAD,EACA,MAAO,CAAC,CAACM,EACT,aAAc,MACd,WAAY,QACZ,UAAW,GACX,MACEI,IAAa,QACT,GAAGd,oBACH,GAAGA,cACT,WAAY,CACV,SAAAE,CACF,CACF,EACF,EACA,GAAI,CACF,MAAO,CACT,EACF,GACEQ,GAAO,SAAWP,IAClBP,EAACJ,EAAA,CAAe,MAAO,CAAC,CAACkB,EAAO,GAAI,CAAE,GAAI,MAAO,EAC9C,SAAAA,GAAO,SAAWP,EACrB,GAEJ,EAGN,CAEJ,EAEOY,EAAQjB","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateRangePickerProps } from 'types/dateRangePickerProps';\n\nconst DateRangePicker = ({\n name,\n label,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateRangePickerProps) => {\n const { control, setError } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { value, onChange }, fieldState: { error } }) => {\n return (\n <Stack>\n <MuiDateRangePicker\n data-intercom-target={name}\n {...other}\n format=\"DD/MM/YYYY\"\n value={[\n value?.startDate ? dayjs(value.startDate) : null,\n value?.endDate ? dayjs(value.endDate) : null,\n ]}\n onChange={v => {\n const newValue = {\n startDate: v[0] ? v[0].toDate() : null,\n endDate: v[1] ? v[1].toDate() : null,\n };\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n onError={newError => {\n setError(name, {\n message: newError[0] || newError[1] || undefined,\n });\n }}\n slotProps={{\n textField: ({ position }) => ({\n ...other.slotProps?.textField,\n required,\n error: !!error,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n label:\n position === 'start'\n ? `${label} (Dt. Início)`\n : `${label} (Dt. Fim)`,\n inputProps: {\n tabIndex,\n },\n }),\n }}\n sx={{\n width: 1,\n }}\n />\n {(error?.message || helperText) && (\n <FormHelperText error={!!error} sx={{ mx: '14px' }}>\n {error?.message || helperText}\n </FormHelperText>\n )}\n </Stack>\n );\n }}\n />\n );\n};\n\nexport default DateRangePicker;\n"]}