@zydon/common 2.2.42 → 2.2.44

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 (367) hide show
  1. package/dist/components/ActionButton/index.js +36 -3
  2. package/dist/components/ActionButton/index.js.map +1 -0
  3. package/dist/components/Autocomplete/index.js +142 -3
  4. package/dist/components/Autocomplete/index.js.map +1 -0
  5. package/dist/components/AutocompleteDetailed/index.js +139 -3
  6. package/dist/components/AutocompleteDetailed/index.js.map +1 -0
  7. package/dist/components/BuilderLayout/index.js +24 -9
  8. package/dist/components/BuilderLayout/index.js.map +1 -0
  9. package/dist/components/BuilderSidebar/index.js +18 -7
  10. package/dist/components/BuilderSidebar/index.js.map +1 -0
  11. package/dist/components/ColorPickerInput/index.js +102 -2
  12. package/dist/components/ColorPickerInput/index.js.map +1 -0
  13. package/dist/components/ColoredLabel/index.js +42 -4
  14. package/dist/components/ColoredLabel/index.js.map +1 -0
  15. package/dist/components/Common/index.js +29 -19
  16. package/dist/components/Common/index.js.map +1 -0
  17. package/dist/components/Confirm/index.js +49 -8
  18. package/dist/components/Confirm/index.js.map +1 -0
  19. package/dist/components/CustomAvatar/index.js +63 -1
  20. package/dist/components/CustomAvatar/index.js.map +1 -0
  21. package/dist/components/CustomAvatarGroup/index.js +74 -4
  22. package/dist/components/CustomAvatarGroup/index.js.map +1 -0
  23. package/dist/components/DashedDivider/index.js +11 -1
  24. package/dist/components/DashedDivider/index.js.map +1 -0
  25. package/dist/components/DataCards/index.js +58 -18
  26. package/dist/components/DataCards/index.js.map +1 -0
  27. package/dist/components/DataGrid/index.js +76 -12
  28. package/dist/components/DataGrid/index.js.map +1 -0
  29. package/dist/components/DatePicker/index.js +40 -4
  30. package/dist/components/DatePicker/index.js.map +1 -0
  31. package/dist/components/DateRangePicker/index.js +48 -4
  32. package/dist/components/DateRangePicker/index.js.map +1 -0
  33. package/dist/components/DateTimePicker/index.js +38 -4
  34. package/dist/components/DateTimePicker/index.js.map +1 -0
  35. package/dist/components/Delayed/index.js +15 -2
  36. package/dist/components/Delayed/index.js.map +1 -0
  37. package/dist/components/Drawer/index.js +37 -9
  38. package/dist/components/Drawer/index.js.map +1 -0
  39. package/dist/components/EmptyContent/index.js +81 -3
  40. package/dist/components/EmptyContent/index.js.map +1 -0
  41. package/dist/components/EmptyView/index.js +35 -2
  42. package/dist/components/EmptyView/index.js.map +1 -0
  43. package/dist/components/Error/index.js +44 -7
  44. package/dist/components/Error/index.js.map +1 -0
  45. package/dist/components/ExpandableGroup/index.js +31 -10
  46. package/dist/components/ExpandableGroup/index.js.map +1 -0
  47. package/dist/components/FixedProgressBar/index.js +23 -1
  48. package/dist/components/FixedProgressBar/index.js.map +1 -0
  49. package/dist/components/FrameSkeleton/index.js +96 -13
  50. package/dist/components/FrameSkeleton/index.js.map +1 -0
  51. package/dist/components/HelpButton/index.js +23 -3
  52. package/dist/components/HelpButton/index.js.map +1 -0
  53. package/dist/components/Icon/index.js +404 -2
  54. package/dist/components/Icon/index.js.map +1 -0
  55. package/dist/components/ImageCrop/index.js +52 -1
  56. package/dist/components/ImageCrop/index.js.map +1 -0
  57. package/dist/components/ImageCropModal/index.js +131 -5
  58. package/dist/components/ImageCropModal/index.js.map +1 -0
  59. package/dist/components/Incrementer/index.js +158 -5
  60. package/dist/components/Incrementer/index.js.map +1 -0
  61. package/dist/components/Label/index.js +72 -6
  62. package/dist/components/Label/index.js.map +1 -0
  63. package/dist/components/LoadingScreen/index.js +9 -5
  64. package/dist/components/LoadingScreen/index.js.map +1 -0
  65. package/dist/components/MaskedInput/index.js +56 -1
  66. package/dist/components/MaskedInput/index.js.map +1 -0
  67. package/dist/components/MenuItem/index.js +22 -8
  68. package/dist/components/MenuItem/index.js.map +1 -0
  69. package/dist/components/MenuPopover/index.js +49 -1
  70. package/dist/components/MenuPopover/index.js.map +1 -0
  71. package/dist/components/Modal/index.js +34 -3
  72. package/dist/components/Modal/index.js.map +1 -0
  73. package/dist/components/ModalActions/index.js +9 -3
  74. package/dist/components/ModalActions/index.js.map +1 -0
  75. package/dist/components/MoreMenu/index.js +16 -8
  76. package/dist/components/MoreMenu/index.js.map +1 -0
  77. package/dist/components/NumberInput/index.js +108 -1
  78. package/dist/components/NumberInput/index.js.map +1 -0
  79. package/dist/components/PasswordRules/index.js +76 -8
  80. package/dist/components/PasswordRules/index.js.map +1 -0
  81. package/dist/components/PopoverSelect/index.js +44 -10
  82. package/dist/components/PopoverSelect/index.js.map +1 -0
  83. package/dist/components/Portal/index.js +29 -1
  84. package/dist/components/Portal/index.js.map +1 -0
  85. package/dist/components/Result/index.js +29 -1
  86. package/dist/components/Result/index.js.map +1 -0
  87. package/dist/components/SavedChanges/index.js +40 -4
  88. package/dist/components/SavedChanges/index.js.map +1 -0
  89. package/dist/components/Scrollbar/index.js +46 -1
  90. package/dist/components/Scrollbar/index.js.map +1 -0
  91. package/dist/components/SearchInput/index.js +74 -3
  92. package/dist/components/SearchInput/index.js.map +1 -0
  93. package/dist/components/SelectableCards/index.js +145 -8
  94. package/dist/components/SelectableCards/index.js.map +1 -0
  95. package/dist/components/SeoPreview/index.js +158 -10
  96. package/dist/components/SeoPreview/index.js.map +1 -0
  97. package/dist/components/SplashScreen/index.js +105 -5
  98. package/dist/components/SplashScreen/index.js.map +1 -0
  99. package/dist/components/Steps/index.js +69 -11
  100. package/dist/components/Steps/index.js.map +1 -0
  101. package/dist/components/StyledTab/index.js +88 -7
  102. package/dist/components/StyledTab/index.js.map +1 -0
  103. package/dist/components/StyledTabs/index.js +25 -4
  104. package/dist/components/StyledTabs/index.js.map +1 -0
  105. package/dist/components/Summary/index.js +13 -5
  106. package/dist/components/Summary/index.js.map +1 -0
  107. package/dist/components/SwapList/index.js +246 -18
  108. package/dist/components/SwapList/index.js.map +1 -0
  109. package/dist/components/TabPanel/index.js +32 -3
  110. package/dist/components/TabPanel/index.js.map +1 -0
  111. package/dist/components/TextMaxLine/index.js +50 -2
  112. package/dist/components/TextMaxLine/index.js.map +1 -0
  113. package/dist/components/TimePicker/index.js +40 -4
  114. package/dist/components/TimePicker/index.js.map +1 -0
  115. package/dist/components/ToggleButtonGroup/index.js +8 -4
  116. package/dist/components/ToggleButtonGroup/index.js.map +1 -0
  117. package/dist/components/Tooltip/index.js +6 -3
  118. package/dist/components/Tooltip/index.js.map +1 -0
  119. package/dist/components/WhiteBox/index.js +9 -1
  120. package/dist/components/WhiteBox/index.js.map +1 -0
  121. package/dist/components/animate/index.js +6 -2
  122. package/dist/components/animate/index.js.map +1 -0
  123. package/dist/components/carousel/index.js +11 -16
  124. package/dist/components/carousel/index.js.map +1 -0
  125. package/dist/components/form/Address/index.js +197 -12
  126. package/dist/components/form/Address/index.js.map +1 -0
  127. package/dist/components/form/Autocomplete/index.js +43 -4
  128. package/dist/components/form/Autocomplete/index.js.map +1 -0
  129. package/dist/components/form/AutocompleteDetailed/index.js +40 -6
  130. package/dist/components/form/AutocompleteDetailed/index.js.map +1 -0
  131. package/dist/components/form/Checkbox/index.js +49 -6
  132. package/dist/components/form/Checkbox/index.js.map +1 -0
  133. package/dist/components/form/Codes/index.js +84 -7
  134. package/dist/components/form/Codes/index.js.map +1 -0
  135. package/dist/components/form/ColorPicker/index.js +50 -5
  136. package/dist/components/form/ColorPicker/index.js.map +1 -0
  137. package/dist/components/form/DatePicker/index.js +61 -5
  138. package/dist/components/form/DatePicker/index.js.map +1 -0
  139. package/dist/components/form/DateRangePicker/index.js +75 -7
  140. package/dist/components/form/DateRangePicker/index.js.map +1 -0
  141. package/dist/components/form/DateTimePicker/index.js +59 -5
  142. package/dist/components/form/DateTimePicker/index.js.map +1 -0
  143. package/dist/components/form/Field/index.js +50 -1
  144. package/dist/components/form/Field/index.js.map +1 -0
  145. package/dist/components/form/Form/index.js +27 -4
  146. package/dist/components/form/Form/index.js.map +1 -0
  147. package/dist/components/form/Incrementer/index.js +36 -8
  148. package/dist/components/form/Incrementer/index.js.map +1 -0
  149. package/dist/components/form/InputTags/index.js +67 -6
  150. package/dist/components/form/InputTags/index.js.map +1 -0
  151. package/dist/components/form/MaskedInput/index.js +46 -2
  152. package/dist/components/form/MaskedInput/index.js.map +1 -0
  153. package/dist/components/form/MultiCheckbox/index.js +91 -9
  154. package/dist/components/form/MultiCheckbox/index.js.map +1 -0
  155. package/dist/components/form/MultiChipField/index.js +47 -5
  156. package/dist/components/form/MultiChipField/index.js.map +1 -0
  157. package/dist/components/form/NumberInput/index.js +41 -4
  158. package/dist/components/form/NumberInput/index.js.map +1 -0
  159. package/dist/components/form/Password/index.js +88 -9
  160. package/dist/components/form/Password/index.js.map +1 -0
  161. package/dist/components/form/RadioGroup/index.js +124 -9
  162. package/dist/components/form/RadioGroup/index.js.map +1 -0
  163. package/dist/components/form/SelectableCards/index.js +20 -11
  164. package/dist/components/form/SelectableCards/index.js.map +1 -0
  165. package/dist/components/form/Switch/index.js +66 -6
  166. package/dist/components/form/Switch/index.js.map +1 -0
  167. package/dist/components/form/TimePicker/index.js +62 -5
  168. package/dist/components/form/TimePicker/index.js.map +1 -0
  169. package/dist/components/form/UploadAvatarWithCrop/index.js +57 -17
  170. package/dist/components/form/UploadAvatarWithCrop/index.js.map +1 -0
  171. package/dist/components/form/UploadWithCrop/index.js +57 -20
  172. package/dist/components/form/UploadWithCrop/index.js.map +1 -0
  173. package/dist/components/form/Webhook/index.js +144 -16
  174. package/dist/components/form/Webhook/index.js.map +1 -0
  175. package/dist/components/lightbox/index.js +4 -16
  176. package/dist/components/lightbox/index.js.map +1 -0
  177. package/dist/components/table/index.js +11 -21
  178. package/dist/components/table/index.js.map +1 -0
  179. package/dist/components/upload/index.js +10 -23
  180. package/dist/components/upload/index.js.map +1 -0
  181. package/dist/hooks/useActiveElement.js +25 -2
  182. package/dist/hooks/useActiveElement.js.map +1 -0
  183. package/dist/hooks/useApiMessage.js +31 -2
  184. package/dist/hooks/useApiMessage.js.map +1 -0
  185. package/dist/hooks/useAutocomplete.js +58 -2
  186. package/dist/hooks/useAutocomplete.js.map +1 -0
  187. package/dist/hooks/useCopyToClipboard.js +20 -2
  188. package/dist/hooks/useCopyToClipboard.js.map +1 -0
  189. package/dist/hooks/useDatagrid.js +41 -2
  190. package/dist/hooks/useDatagrid.js.map +1 -0
  191. package/dist/hooks/useDebounceValue.js +16 -2
  192. package/dist/hooks/useDebounceValue.js.map +1 -0
  193. package/dist/hooks/useDeepCompareEffect.js +14 -3
  194. package/dist/hooks/useDeepCompareEffect.js.map +1 -0
  195. package/dist/hooks/useEventCallback.js +17 -2
  196. package/dist/hooks/useEventCallback.js.map +1 -0
  197. package/dist/hooks/useEventListener.js +25 -1
  198. package/dist/hooks/useEventListener.js.map +1 -0
  199. package/dist/hooks/useIsMounting.js +11 -2
  200. package/dist/hooks/useIsMounting.js.map +1 -0
  201. package/dist/hooks/useIsomorphicLayoutEffect.js +7 -1
  202. package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  203. package/dist/hooks/useLocalStorage.js +86 -5
  204. package/dist/hooks/useLocalStorage.js.map +1 -0
  205. package/dist/hooks/useMount.js +7 -2
  206. package/dist/hooks/useMount.js.map +1 -0
  207. package/dist/hooks/useOnClickOutside.js +14 -3
  208. package/dist/hooks/useOnClickOutside.js.map +1 -0
  209. package/dist/hooks/usePagination.js +38 -2
  210. package/dist/hooks/usePagination.js.map +1 -0
  211. package/dist/hooks/usePopover.js +22 -1
  212. package/dist/hooks/usePopover.js.map +1 -0
  213. package/dist/hooks/useResponsive.js +35 -1
  214. package/dist/hooks/useResponsive.js.map +1 -0
  215. package/dist/hooks/useScrollOffSetTop.js +29 -2
  216. package/dist/hooks/useScrollOffSetTop.js.map +1 -0
  217. package/dist/hooks/useSnackbar.js +14 -1
  218. package/dist/hooks/useSnackbar.js.map +1 -0
  219. package/dist/hooks/useTabs.js +14 -2
  220. package/dist/hooks/useTabs.js.map +1 -0
  221. package/dist/hooks/useToggle.js +12 -1
  222. package/dist/hooks/useToggle.js.map +1 -0
  223. package/dist/hooks/useUpload.js +58 -1
  224. package/dist/hooks/useUpload.js.map +1 -0
  225. package/dist/hooks/useUploadImage.js +80 -2
  226. package/dist/hooks/useUploadImage.js.map +1 -0
  227. package/dist/index.js +6 -2
  228. package/dist/index.js.map +1 -0
  229. package/dist/locales/all-langs.js +34 -1
  230. package/dist/locales/all-langs.js.map +1 -0
  231. package/dist/theme/core/index.js +7 -3
  232. package/dist/theme/core/index.js.map +1 -0
  233. package/dist/theme/styles/index.js +4 -1
  234. package/dist/theme/styles/index.js.map +1 -0
  235. package/dist/theme/theme-provider.js +46 -7
  236. package/dist/theme/theme-provider.js.map +1 -0
  237. package/dist/theme/with-settings/index.js +3 -4
  238. package/dist/theme/with-settings/index.js.map +1 -0
  239. package/dist/types/addressProps.js +2 -0
  240. package/dist/types/addressProps.js.map +1 -0
  241. package/dist/types/api.js +2 -0
  242. package/dist/types/api.js.map +1 -0
  243. package/dist/types/autoComplete.js +2 -0
  244. package/dist/types/autoComplete.js.map +1 -0
  245. package/dist/types/autoCompleteProps.js +2 -0
  246. package/dist/types/autoCompleteProps.js.map +1 -0
  247. package/dist/types/baseField.js +2 -0
  248. package/dist/types/baseField.js.map +1 -0
  249. package/dist/types/dataGridProps.js +2 -0
  250. package/dist/types/dataGridProps.js.map +1 -0
  251. package/dist/types/datagrid.js +2 -0
  252. package/dist/types/datagrid.js.map +1 -0
  253. package/dist/types/datePickerProps.js +2 -0
  254. package/dist/types/datePickerProps.js.map +1 -0
  255. package/dist/types/dateRangePickerProps.js +2 -0
  256. package/dist/types/dateRangePickerProps.js.map +1 -0
  257. package/dist/types/dateTimePickerProps.js +2 -0
  258. package/dist/types/dateTimePickerProps.js.map +1 -0
  259. package/dist/types/fieldProps.js +2 -0
  260. package/dist/types/fieldProps.js.map +1 -0
  261. package/dist/types/icon.js +331 -1
  262. package/dist/types/icon.js.map +1 -0
  263. package/dist/types/iconProps.js +2 -0
  264. package/dist/types/iconProps.js.map +1 -0
  265. package/dist/types/incrementerProps.js +2 -0
  266. package/dist/types/incrementerProps.js.map +1 -0
  267. package/dist/types/item.js +2 -0
  268. package/dist/types/item.js.map +1 -0
  269. package/dist/types/multiCheckboxProps.js +2 -0
  270. package/dist/types/multiCheckboxProps.js.map +1 -0
  271. package/dist/types/numberInputProps.js +2 -0
  272. package/dist/types/numberInputProps.js.map +1 -0
  273. package/dist/types/option.js +2 -0
  274. package/dist/types/option.js.map +1 -0
  275. package/dist/types/radioGroupProps.js +2 -0
  276. package/dist/types/radioGroupProps.js.map +1 -0
  277. package/dist/types/searchInputProps.js +2 -0
  278. package/dist/types/searchInputProps.js.map +1 -0
  279. package/dist/types/sectionProps.js +2 -0
  280. package/dist/types/sectionProps.js.map +1 -0
  281. package/dist/types/switchProps.js +2 -0
  282. package/dist/types/switchProps.js.map +1 -0
  283. package/dist/types/timePickerProps.js +2 -0
  284. package/dist/types/timePickerProps.js.map +1 -0
  285. package/dist/types/upload.js +2 -0
  286. package/dist/types/upload.js.map +1 -0
  287. package/dist/types/webhook.js +35 -2
  288. package/dist/types/webhook.js.map +1 -0
  289. package/dist/utils/color.js +7 -1
  290. package/dist/utils/color.js.map +1 -0
  291. package/dist/utils/compare.js +7 -1
  292. package/dist/utils/compare.js.map +1 -0
  293. package/dist/utils/date.js +20 -4
  294. package/dist/utils/date.js.map +1 -0
  295. package/dist/utils/formatNumber.js +87 -1
  296. package/dist/utils/formatNumber.js.map +1 -0
  297. package/dist/utils/formatTime.js +157 -1
  298. package/dist/utils/formatTime.js.map +1 -0
  299. package/dist/utils/loadable.js +12 -4
  300. package/dist/utils/loadable.js.map +1 -0
  301. package/dist/utils/mask.js +38 -2
  302. package/dist/utils/mask.js.map +1 -0
  303. package/dist/utils/number.js +13 -1
  304. package/dist/utils/number.js.map +1 -0
  305. package/dist/utils/sort.js +22 -2
  306. package/dist/utils/sort.js.map +1 -0
  307. package/dist/utils/uuidv4.js +9 -2
  308. package/dist/utils/uuidv4.js.map +1 -0
  309. package/dist/utils/validators.js +83 -1
  310. package/dist/utils/validators.js.map +1 -0
  311. package/package.json +2 -1
  312. package/dist/chunk-2MVQI7NJ.js +0 -8
  313. package/dist/chunk-2MW433JI.js +0 -17
  314. package/dist/chunk-2Z4AFXGP.js +0 -10
  315. package/dist/chunk-3APKMSVD.js +0 -5
  316. package/dist/chunk-3E5A45HM.js +0 -3
  317. package/dist/chunk-3SFA4YEZ.js +0 -7
  318. package/dist/chunk-4INDXVIX.js +0 -5
  319. package/dist/chunk-4SHVMCT6.js +0 -7
  320. package/dist/chunk-5YJTSVA2.js +0 -6
  321. package/dist/chunk-7F56LFN2.js +0 -17
  322. package/dist/chunk-7KZ2UT76.js +0 -8
  323. package/dist/chunk-ANAHA3L6.js +0 -3
  324. package/dist/chunk-BUYQKDFG.js +0 -13
  325. package/dist/chunk-BYAPKKGB.js +0 -7
  326. package/dist/chunk-CFVUZ4S5.js +0 -5
  327. package/dist/chunk-CFYNJQGN.js +0 -43
  328. package/dist/chunk-CQDKXUUX.js +0 -3
  329. package/dist/chunk-D27ND54J.js +0 -16
  330. package/dist/chunk-E5MGOPPQ.js +0 -8
  331. package/dist/chunk-EFUFJKJD.js +0 -7
  332. package/dist/chunk-GA4A5P3S.js +0 -6
  333. package/dist/chunk-GOC7PC2S.js +0 -6
  334. package/dist/chunk-ILHUUK4X.js +0 -6
  335. package/dist/chunk-J76XIRCA.js +0 -18
  336. package/dist/chunk-JHCOHKLL.js +0 -7
  337. package/dist/chunk-KFZEM7KS.js +0 -5
  338. package/dist/chunk-M6QHAL4V.js +0 -7
  339. package/dist/chunk-MCT77MRN.js +0 -8
  340. package/dist/chunk-NF42ENKE.js +0 -9
  341. package/dist/chunk-OJKIWVED.js +0 -10
  342. package/dist/chunk-ORYAES3Q.js +0 -5
  343. package/dist/chunk-P4HPVV7B.js +0 -14
  344. package/dist/chunk-P5FKEHCD.js +0 -11
  345. package/dist/chunk-PIYBPQAC.js +0 -17
  346. package/dist/chunk-PPUFQMAW.js +0 -9
  347. package/dist/chunk-QCWALW56.js +0 -18
  348. package/dist/chunk-QNAXGE5H.js +0 -8
  349. package/dist/chunk-QQB3DGHT.js +0 -3
  350. package/dist/chunk-R6FUU7Z7.js +0 -7
  351. package/dist/chunk-REM462FC.js +0 -26
  352. package/dist/chunk-RLMWIJKJ.js +0 -10
  353. package/dist/chunk-SEVJABAI.js +0 -7
  354. package/dist/chunk-T7I256S6.js +0 -8
  355. package/dist/chunk-TRI6XGH4.js +0 -7
  356. package/dist/chunk-TWGGHTU5.js +0 -5
  357. package/dist/chunk-UGH5FWZQ.js +0 -13
  358. package/dist/chunk-VTHBHXM2.js +0 -7
  359. package/dist/chunk-VVMQMROT.js +0 -5
  360. package/dist/chunk-W3MYAMTH.js +0 -5
  361. package/dist/chunk-WAAV5ZRR.js +0 -13
  362. package/dist/chunk-WKD3OXUA.js +0 -6
  363. package/dist/chunk-YWEB6IAI.js +0 -6
  364. package/dist/chunk-Z2TDWMRU.js +0 -6
  365. package/dist/chunk-ZDHXW74M.js +0 -5
  366. package/dist/chunk-ZODC2MGF.js +0 -10
  367. package/dist/index.css +0 -10
@@ -1,5 +1,131 @@
1
- export { a as default } from '../../chunk-P4HPVV7B.js';
2
- import '../../chunk-WAAV5ZRR.js';
3
- import '../../chunk-T7I256S6.js';
4
- import '../../chunk-PPUFQMAW.js';
5
- import '../../chunk-3E5A45HM.js';
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+ import { useState } from 'react';
3
+ import LoadingButton from '@mui/lab/LoadingButton';
4
+ import Button from '@mui/material/Button';
5
+ import Slider from '@mui/material/Slider';
6
+ import Stack from '@mui/material/Stack';
7
+ import Typography from '@mui/material/Typography';
8
+ import Icon from '../Icon';
9
+ import ImageCrop from '../ImageCrop';
10
+ import Modal from '../Modal';
11
+
12
+ const ImageCropModal = ({
13
+ id,
14
+ open,
15
+ onClose,
16
+ label,
17
+ onSave,
18
+ onRemove,
19
+ onPreview,
20
+ imageSrc,
21
+ aspectRatio,
22
+ onInitialized,
23
+ loading
24
+ }) => {
25
+ const [zoom, setZoom] = useState(0.5);
26
+ return /* @__PURE__ */ jsx(
27
+ Modal,
28
+ {
29
+ open,
30
+ onClose,
31
+ dialogTitle: label,
32
+ actions: /* @__PURE__ */ jsxs(Fragment, { children: [
33
+ /* @__PURE__ */ jsx(
34
+ Button,
35
+ {
36
+ variant: "outlined",
37
+ size: "medium",
38
+ onClick: onClose,
39
+ color: "inherit",
40
+ children: "Cancelar"
41
+ }
42
+ ),
43
+ /* @__PURE__ */ jsx(
44
+ LoadingButton,
45
+ {
46
+ variant: "contained",
47
+ size: "medium",
48
+ onClick: onSave,
49
+ loading,
50
+ children: "Salvar"
51
+ }
52
+ )
53
+ ] }),
54
+ fullWidth: true,
55
+ maxWidth: "sm",
56
+ keepMounted: true,
57
+ children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
58
+ /* @__PURE__ */ jsx(
59
+ ImageCrop,
60
+ {
61
+ imageSrc,
62
+ aspectRatio,
63
+ onInitialized,
64
+ zoom,
65
+ onZoomChange: setZoom
66
+ }
67
+ ),
68
+ /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
69
+ /* @__PURE__ */ jsxs(Stack, { width: 1, direction: "row", gap: 3, flex: 1, alignItems: "center", children: [
70
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Zoom" }),
71
+ /* @__PURE__ */ jsx(
72
+ Slider,
73
+ {
74
+ value: zoom,
75
+ onChange: (_, v) => setZoom(Array.isArray(v) ? v[0] : v),
76
+ min: 0.1,
77
+ max: 2,
78
+ size: "medium",
79
+ step: 0.0125
80
+ }
81
+ )
82
+ ] }),
83
+ /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
84
+ /* @__PURE__ */ jsx(
85
+ Button,
86
+ {
87
+ variant: "outlined",
88
+ color: "inherit",
89
+ size: "large",
90
+ fullWidth: true,
91
+ startIcon: /* @__PURE__ */ jsx(Icon, { icon: "DELETE_MARK_BUTTON_02" }),
92
+ onClick: onRemove,
93
+ children: "Remover"
94
+ }
95
+ ),
96
+ /* @__PURE__ */ jsx(
97
+ Button,
98
+ {
99
+ variant: "outlined",
100
+ color: "inherit",
101
+ size: "large",
102
+ fullWidth: true,
103
+ startIcon: /* @__PURE__ */ jsx(Icon, { icon: "PLAY_SIMPLE" }),
104
+ onClick: onPreview,
105
+ children: "Pr\xE9-visualizar"
106
+ }
107
+ ),
108
+ /* @__PURE__ */ jsx(
109
+ Button,
110
+ {
111
+ variant: "outlined",
112
+ color: "inherit",
113
+ size: "large",
114
+ fullWidth: true,
115
+ startIcon: /* @__PURE__ */ jsx(Icon, { icon: "SEARCH_IMAGE" }),
116
+ component: "label",
117
+ htmlFor: id,
118
+ children: "Alterar"
119
+ }
120
+ )
121
+ ] })
122
+ ] })
123
+ ] })
124
+ }
125
+ );
126
+ };
127
+ var ImageCropModal_default = ImageCropModal;
128
+
129
+ export { ImageCropModal_default as default };
130
+ //# sourceMappingURL=out.js.map
131
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":[],"mappings":"AAkCQ,mBACE,KADF;AAlCR,SAAS,gBAAgB;AACzB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,WAAW;AAIlB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,GAAG;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,SACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,OAAM;AAAA,YACP;AAAA;AAAA,QAED;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT;AAAA,YACD;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEF,WAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAW;AAAA,MAEX,+BAAC,SAAM,KAAK,GACV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAc;AAAA;AAAA,QAChB;AAAA,QAEA,qBAAC,SAAM,KAAK,KACV;AAAA,+BAAC,SAAM,OAAO,GAAG,WAAU,OAAM,KAAK,GAAG,MAAM,GAAG,YAAW,UAC3D;AAAA,gCAAC,cAAW,SAAQ,SAAQ,kBAAI;AAAA,YAEhC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,GAAG,MAAM,QAAQ,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;AAAA,gBACvD,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,MAAK;AAAA,gBACL,MAAM;AAAA;AAAA,YACR;AAAA,aACF;AAAA,UAEA,qBAAC,SAAM,WAAU,OAAM,KAAK,GAC1B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,yBAAwB;AAAA,gBAC9C,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,eAAc;AAAA,gBACpC,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,gBAAe;AAAA,gBACrC,WAAU;AAAA,gBACV,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n id,\n open,\n onClose,\n label,\n onSave,\n onRemove,\n onPreview,\n imageSrc,\n aspectRatio,\n onInitialized,\n loading,\n}: ImageCropModalPros) => {\n const [zoom, setZoom] = useState<number>(0.5);\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n dialogTitle={label}\n actions={\n <>\n <Button\n variant=\"outlined\"\n size=\"medium\"\n onClick={onClose}\n color=\"inherit\"\n >\n Cancelar\n </Button>\n\n <LoadingButton\n variant=\"contained\"\n size=\"medium\"\n onClick={onSave}\n loading={loading}\n >\n Salvar\n </LoadingButton>\n </>\n }\n fullWidth\n maxWidth=\"sm\"\n keepMounted\n >\n <Stack gap={2}>\n <ImageCrop\n imageSrc={imageSrc}\n aspectRatio={aspectRatio}\n onInitialized={onInitialized}\n zoom={zoom}\n onZoomChange={setZoom}\n />\n\n <Stack gap={1.5}>\n <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n <Typography variant=\"body1\">Zoom</Typography>\n\n <Slider\n value={zoom}\n onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n min={0.1}\n max={2}\n size=\"medium\"\n step={0.0125}\n />\n </Stack>\n\n <Stack direction=\"row\" gap={2}>\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n onClick={onRemove}\n >\n Remover\n </Button>\n\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n onClick={onPreview}\n >\n Pré-visualizar\n </Button>\n\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n component=\"label\"\n htmlFor={id}\n >\n Alterar\n </Button>\n </Stack>\n </Stack>\n </Stack>\n </Modal>\n );\n};\n\nexport default ImageCropModal;\n"]}
@@ -1,5 +1,158 @@
1
- export { a as default } from '../../chunk-P5FKEHCD.js';
2
- import '../../chunk-ANAHA3L6.js';
3
- import '../../chunk-7KZ2UT76.js';
4
- import '../../chunk-PPUFQMAW.js';
5
- import '../../chunk-3E5A45HM.js';
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { forwardRef, useState, useRef, useMemo, useCallback } from 'react';
3
+ import IconButton from '@mui/material/IconButton';
4
+ import InputAdornment from '@mui/material/InputAdornment';
5
+ import { fWithDecimalPlacesOrNot } from 'utils/formatNumber';
6
+ import Icon from '../Icon';
7
+ import NumberInput from '../NumberInput';
8
+
9
+ const Incrementer = forwardRef(
10
+ ({
11
+ name,
12
+ increment = 1,
13
+ updadteForMultiple,
14
+ allowNegative = false,
15
+ value: originalValue = 0,
16
+ onChange,
17
+ minValue,
18
+ maxValue,
19
+ decimalScale,
20
+ disabled,
21
+ tabIndex,
22
+ ...other
23
+ }, ref) => {
24
+ const [inputkey, setInputKey] = useState(`incrementer-input-${Date.now()}`);
25
+ const timer = useRef(null);
26
+ const value = Number(originalValue || 0);
27
+ const clearTimer = () => {
28
+ if (!timer.current)
29
+ return;
30
+ clearTimeout(timer.current);
31
+ timer.current = null;
32
+ };
33
+ const disableDecrement = useMemo(() => {
34
+ const nextValue = value - increment;
35
+ if (typeof minValue === "number" && nextValue < minValue)
36
+ return true;
37
+ return disabled || !allowNegative && nextValue < 0;
38
+ }, [disabled, value, increment, minValue, allowNegative]);
39
+ const disableIncrement = useMemo(() => {
40
+ const nextValue = value + increment;
41
+ if (typeof maxValue === "number" && nextValue > maxValue)
42
+ return true;
43
+ return disabled;
44
+ }, [disabled, value, increment, maxValue]);
45
+ const handleClickDecrement = useCallback(() => {
46
+ clearTimer();
47
+ if (!allowNegative && value - increment < 0)
48
+ return;
49
+ const valueMinusIncrement = value - increment;
50
+ const newValue = minValue !== void 0 && valueMinusIncrement < minValue ? minValue : fWithDecimalPlacesOrNot(valueMinusIncrement, decimalScale);
51
+ onChange(newValue);
52
+ }, [value, increment, minValue, decimalScale, onChange, allowNegative]);
53
+ const handleClickIncrement = useCallback(() => {
54
+ clearTimer();
55
+ const valuePlusIncrement = value + increment;
56
+ const newValue = maxValue !== void 0 && valuePlusIncrement > maxValue ? maxValue : fWithDecimalPlacesOrNot(valuePlusIncrement, decimalScale);
57
+ onChange(newValue);
58
+ }, [value, increment, maxValue, decimalScale, onChange]);
59
+ const handleChange = useCallback((e) => {
60
+ clearTimer();
61
+ let newValue = Number(e.target.value || 0);
62
+ if (increment !== 1 || updadteForMultiple) {
63
+ newValue = newValue + increment / 2;
64
+ newValue -= newValue % increment;
65
+ }
66
+ if (!allowNegative && newValue < 0) {
67
+ newValue = 0;
68
+ }
69
+ if (typeof minValue === "number" && newValue < minValue) {
70
+ newValue = minValue;
71
+ }
72
+ if (typeof maxValue === "number" && newValue > maxValue) {
73
+ newValue = maxValue;
74
+ }
75
+ newValue = fWithDecimalPlacesOrNot(newValue, decimalScale);
76
+ if (newValue === originalValue) {
77
+ timer.current = setTimeout(() => {
78
+ setInputKey(`incrementer-input-${Date.now()}`);
79
+ }, 600);
80
+ }
81
+ onChange(newValue);
82
+ return;
83
+ }, [
84
+ originalValue,
85
+ increment,
86
+ minValue,
87
+ maxValue,
88
+ decimalScale,
89
+ onChange,
90
+ updadteForMultiple,
91
+ allowNegative
92
+ ]);
93
+ return /* @__PURE__ */ jsx(
94
+ NumberInput,
95
+ {
96
+ ref,
97
+ name,
98
+ value,
99
+ minValue,
100
+ maxValue,
101
+ allowNegative,
102
+ decimalScale,
103
+ InputProps: {
104
+ startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(
105
+ IconButton,
106
+ {
107
+ size: "medium",
108
+ onClick: handleClickDecrement,
109
+ disabled: disableDecrement,
110
+ children: /* @__PURE__ */ jsx(
111
+ Icon,
112
+ {
113
+ icon: "MINUS_SIGN",
114
+ width: 14,
115
+ height: 14,
116
+ color: "primary.main"
117
+ }
118
+ )
119
+ }
120
+ ) }),
121
+ endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
122
+ IconButton,
123
+ {
124
+ size: "medium",
125
+ onClick: handleClickIncrement,
126
+ disabled: disableIncrement,
127
+ children: /* @__PURE__ */ jsx(
128
+ Icon,
129
+ {
130
+ icon: "SIMPLE_ADD",
131
+ width: 14,
132
+ height: 14,
133
+ color: "primary.main"
134
+ }
135
+ )
136
+ }
137
+ ) }),
138
+ inputProps: {
139
+ style: {
140
+ textAlign: "center"
141
+ }
142
+ }
143
+ },
144
+ inputProps: { tabIndex },
145
+ onChange: handleChange,
146
+ disabled,
147
+ ...other
148
+ },
149
+ inputkey
150
+ );
151
+ }
152
+ );
153
+ Incrementer.displayName = "Incrementer";
154
+ var Incrementer_default = Incrementer;
155
+
156
+ export { Incrementer_default as default };
157
+ //# sourceMappingURL=out.js.map
158
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Incrementer/index.tsx"],"names":[],"mappings":"AAuIgB;AAvIhB,SAAS,YAAY,aAAa,SAAS,QAAQ,gBAAgB;AACnE,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAG3B,SAAS,+BAA+B;AAExC,OAAO,UAAU;AACjB,OAAO,iBAAiB;AAIxB,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO,gBAAgB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAI,SAAS,qBAAqB,KAAK,IAAI,GAAG;AAC1E,UAAM,QAAQ,OAAsB,IAAI;AACxC,UAAM,QAAQ,OAAO,iBAAiB,CAAC;AAEvC,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,MAAM;AAAS;AACpB,mBAAa,MAAM,OAAO;AAC1B,YAAM,UAAU;AAAA,IAClB;AAEA,UAAM,mBAAmB,QAAQ,MAAM;AACrC,YAAM,YAAY,QAAQ;AAC1B,UAAI,OAAO,aAAa,YAAY,YAAY;AAAU,eAAO;AACjE,aAAO,YAAY,CAAC,iBAAiB,YAAY;AAAA,IACnD,GAAG,CAAC,UAAU,OAAO,WAAW,UAAU,aAAa,CAAC;AAExD,UAAM,mBAAmB,QAAQ,MAAM;AACrC,YAAM,YAAY,QAAQ;AAC1B,UAAI,OAAO,aAAa,YAAY,YAAY;AAAU,eAAO;AAEjE,aAAO;AAAA,IACT,GAAG,CAAC,UAAU,OAAO,WAAW,QAAQ,CAAC;AAEzC,UAAM,uBAAuB,YAAY,MAAM;AAC7C,iBAAW;AACX,UAAI,CAAC,iBAAiB,QAAQ,YAAY;AAAG;AAE7C,YAAM,sBAAsB,QAAQ;AACpC,YAAM,WAAW,aAAa,UAAa,sBAAsB,WAC7D,WACA,wBAAwB,qBAAqB,YAAY;AAE7D,eAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,OAAO,WAAW,UAAU,cAAc,UAAU,aAAa,CAAC;AAEtE,UAAM,uBAAuB,YAAY,MAAM;AAC7C,iBAAW;AACX,YAAM,qBAAqB,QAAQ;AACnC,YAAM,WAAW,aAAa,UAAa,qBAAqB,WAC5D,WACA,wBAAwB,oBAAoB,YAAY;AAE5D,eAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,OAAO,WAAW,UAAU,cAAc,QAAQ,CAAC;AAEvD,UAAM,eAAe,YAAY,CAAC,MAAsB;AACtD,iBAAW;AACX,UAAI,WAAW,OAAO,EAAE,OAAO,SAAS,CAAC;AAEzC,UAAI,cAAc,KAAK,oBAAoB;AACzC,mBAAW,WAAW,YAAY;AAClC,oBAAY,WAAW;AAAA,MACzB;AAEA,UAAI,CAAC,iBAAiB,WAAW,GAAG;AAClC,mBAAW;AAAA,MACb;AAEA,UAAI,OAAO,aAAa,YAAY,WAAW,UAAU;AACvD,mBAAW;AAAA,MACb;AAEA,UAAI,OAAO,aAAa,YAAY,WAAW,UAAU;AACvD,mBAAW;AAAA,MACb;AAEA,iBAAW,wBAAwB,UAAU,YAAY;AACzD,UAAI,aAAa,eAAe;AAC9B,cAAM,UAAU,WAAW,MAAM;AAE/B,sBAAY,qBAAqB,KAAK,IAAI,GAAG;AAAA,QAC/C,GAAG,GAAG;AAAA,MACR;AAEA,eAAS,QAAQ;AACjB;AAAA,IACF,GAAG;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,UACV,gBACE,oBAAC,kBAAe,UAAS,SACvB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,OAAM;AAAA;AAAA,cACR;AAAA;AAAA,UACF,GACF;AAAA,UAEF,cACE,oBAAC,kBAAe,UAAS,OACvB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,OAAM;AAAA;AAAA,cACR;AAAA;AAAA,UACF,GACF;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,cACL,WAAW;AAAA,YACb;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,SAAS;AAAA,QACvB,UAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA;AAAA,MAlDC;AAAA,IAmDP;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\n\nimport { OnChangeReturn } from 'types/numberInputProps';\nimport { fWithDecimalPlacesOrNot } from 'utils/formatNumber';\n\nimport Icon from '../Icon';\nimport NumberInput from '../NumberInput';\n\nimport { IncrementerProps } from './props';\n\nconst Incrementer = forwardRef<HTMLDivElement, IncrementerProps>(\n (\n {\n name,\n increment = 1,\n updadteForMultiple,\n allowNegative = false,\n value: originalValue = 0,\n onChange,\n minValue,\n maxValue,\n decimalScale,\n disabled,\n tabIndex,\n ...other\n },\n ref,\n ) => {\n const [inputkey, setInputKey] = useState(`incrementer-input-${Date.now()}`);\n const timer = useRef<number | null>(null);\n const value = Number(originalValue || 0);\n\n const clearTimer = () => {\n if (!timer.current) return;\n clearTimeout(timer.current);\n timer.current = null;\n };\n\n const disableDecrement = useMemo(() => {\n const nextValue = value - increment;\n if (typeof minValue === 'number' && nextValue < minValue) return true;\n return disabled || !allowNegative && nextValue < 0;\n }, [disabled, value, increment, minValue, allowNegative]);\n\n const disableIncrement = useMemo(() => {\n const nextValue = value + increment;\n if (typeof maxValue === 'number' && nextValue > maxValue) return true;\n\n return disabled;\n }, [disabled, value, increment, maxValue]);\n\n const handleClickDecrement = useCallback(() => {\n clearTimer();\n if (!allowNegative && value - increment < 0) return;\n\n const valueMinusIncrement = value - increment;\n const newValue = minValue !== undefined && valueMinusIncrement < minValue\n ? minValue\n : fWithDecimalPlacesOrNot(valueMinusIncrement, decimalScale);\n\n onChange(newValue);\n }, [value, increment, minValue, decimalScale, onChange, allowNegative]);\n\n const handleClickIncrement = useCallback(() => {\n clearTimer();\n const valuePlusIncrement = value + increment;\n const newValue = maxValue !== undefined && valuePlusIncrement > maxValue\n ? maxValue\n : fWithDecimalPlacesOrNot(valuePlusIncrement, decimalScale);\n\n onChange(newValue);\n }, [value, increment, maxValue, decimalScale, onChange]);\n\n const handleChange = useCallback((e: OnChangeReturn) => {\n clearTimer();\n let newValue = Number(e.target.value || 0);\n\n if (increment !== 1 || updadteForMultiple) {\n newValue = newValue + increment / 2;\n newValue -= newValue % increment;\n }\n\n if (!allowNegative && newValue < 0) {\n newValue = 0;\n }\n\n if (typeof minValue === 'number' && newValue < minValue) {\n newValue = minValue;\n }\n\n if (typeof maxValue === 'number' && newValue > maxValue) {\n newValue = maxValue;\n }\n\n newValue = fWithDecimalPlacesOrNot(newValue, decimalScale);\n if (newValue === originalValue) {\n timer.current = setTimeout(() => {\n //force clean when new value is the same as original value\n setInputKey(`incrementer-input-${Date.now()}`);\n }, 600);\n }\n\n onChange(newValue);\n return;\n }, [\n originalValue,\n increment,\n minValue,\n maxValue,\n decimalScale,\n onChange,\n updadteForMultiple,\n allowNegative,\n ]);\n\n return (\n <NumberInput\n key={inputkey}\n ref={ref}\n name={name}\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n allowNegative={allowNegative}\n decimalScale={decimalScale}\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconButton\n size=\"medium\"\n onClick={handleClickDecrement}\n disabled={disableDecrement}\n >\n <Icon\n icon=\"MINUS_SIGN\"\n width={14}\n height={14}\n color=\"primary.main\"\n />\n </IconButton>\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton\n size=\"medium\"\n onClick={handleClickIncrement}\n disabled={disableIncrement}\n >\n <Icon\n icon=\"SIMPLE_ADD\"\n width={14}\n height={14}\n color=\"primary.main\"\n />\n </IconButton>\n </InputAdornment>\n ),\n inputProps: {\n style: {\n textAlign: 'center',\n },\n },\n }}\n inputProps={{ tabIndex }}\n onChange={handleChange}\n disabled={disabled}\n {...other}\n />\n );\n },\n);\n\nIncrementer.displayName = 'Incrementer';\n\nexport default Incrementer;\n"]}
@@ -1,9 +1,75 @@
1
- import { a } from '../../chunk-D27ND54J.js';
2
- import { forwardRef } from 'react';
3
- import d from '@mui/material/Box';
4
- import { styled, lighten, useTheme } from '@mui/material/styles';
5
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { forwardRef } from 'react';
3
+ import Box from '@mui/material/Box';
4
+ import { useTheme } from '@mui/material/styles';
5
+ import { labelClasses } from './classes';
6
+ import { StyledLabel } from './styles';
6
7
 
7
- var l={root:"mnl__label__root",icon:"mnl__label__icon"};var i=styled(d)(({theme:o,ownerState:{color:t,variant:r}})=>{let e={...t==="default"&&{...r==="filled"&&{color:o.vars.palette.common.white,backgroundColor:o.vars.palette.text.primary,[a.dark]:{color:o.vars.palette.grey[800]}},...r==="outlined"&&{backgroundColor:"transparent",color:o.vars.palette.text.primary,border:`2px solid ${o.vars.palette.text.primary}`},...r==="soft"&&{color:o.vars.palette.text.secondary,border:`1px solid ${lighten(o.palette.grey[500],.32)}`},...r==="inverted"&&{color:o.vars.palette.grey[800],backgroundColor:o.vars.palette.grey[300]}}},a$1={...t!=="default"&&{...r==="filled"&&{color:o.vars.palette[t].contrastText,backgroundColor:o.vars.palette[t].main},...r==="outlined"&&{backgroundColor:"transparent",color:o.vars.palette[t].main,border:`2px solid ${o.vars.palette[t].main}`},...r==="soft"&&{color:o.vars.palette[t].dark,backgroundColor:lighten(o.palette[t].main,.84),[a.dark]:{color:o.vars.palette[t].light}},...r==="inverted"&&{color:o.vars.palette[t].darker,backgroundColor:o.vars.palette[t].lighter}}};return {height:24,minWidth:24,lineHeight:0,cursor:"default",alignItems:"center",whiteSpace:"nowrap",display:"inline-flex",justifyContent:"center",padding:o.spacing(0,.75),fontSize:o.typography.pxToRem(12),fontWeight:o.typography.fontWeightBold,borderRadius:o.shape.borderRadius*.75,transition:o.transitions.create("all",{duration:o.transitions.duration.shorter}),...e,...a$1}});var L=o=>o.charAt(0).toUpperCase()+o.slice(1),f=forwardRef(({children:o,color:t="default",variant:r="soft",startIcon:e,endIcon:a,sx:m,...b},g)=>{let y=useTheme(),p={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(i,{ref:g,component:"span",className:l.root,ownerState:{color:t,variant:r},sx:{...e&&{pl:.75},...a&&{pr:.75},...m},theme:y,...b,children:[e&&jsx(d,{component:"span",className:l.icon,sx:{mr:.75,...p},children:e}),typeof o=="string"?L(o):o,a&&jsx(d,{component:"span",className:l.icon,sx:{ml:.75,...p},children:a})]})});f.displayName="Label";var H=f;
8
+ const sentenceCase = (string) => {
9
+ return string.charAt(0).toUpperCase() + string.slice(1);
10
+ };
11
+ const Label = forwardRef(
12
+ ({
13
+ children,
14
+ color = "default",
15
+ variant = "soft",
16
+ startIcon,
17
+ endIcon,
18
+ sx,
19
+ ...other
20
+ }, ref) => {
21
+ const theme = useTheme();
22
+ const iconStyles = {
23
+ width: 16,
24
+ height: 16,
25
+ "& svg, img": {
26
+ width: 1,
27
+ height: 1,
28
+ objectFit: "cover"
29
+ }
30
+ };
31
+ return /* @__PURE__ */ jsxs(
32
+ StyledLabel,
33
+ {
34
+ ref,
35
+ component: "span",
36
+ className: labelClasses.root,
37
+ ownerState: { color, variant },
38
+ sx: {
39
+ ...startIcon && { pl: 0.75 },
40
+ ...endIcon && { pr: 0.75 },
41
+ ...sx
42
+ },
43
+ theme,
44
+ ...other,
45
+ children: [
46
+ startIcon && /* @__PURE__ */ jsx(
47
+ Box,
48
+ {
49
+ component: "span",
50
+ className: labelClasses.icon,
51
+ sx: { mr: 0.75, ...iconStyles },
52
+ children: startIcon
53
+ }
54
+ ),
55
+ typeof children === "string" ? sentenceCase(children) : children,
56
+ endIcon && /* @__PURE__ */ jsx(
57
+ Box,
58
+ {
59
+ component: "span",
60
+ className: labelClasses.icon,
61
+ sx: { ml: 0.75, ...iconStyles },
62
+ children: endIcon
63
+ }
64
+ )
65
+ ]
66
+ }
67
+ );
68
+ }
69
+ );
70
+ Label.displayName = "Label";
71
+ var Label_default = Label;
8
72
 
9
- export { H as default };
73
+ export { Label_default as default };
74
+ //# sourceMappingURL=out.js.map
75
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAsCM,SAcI,KAdJ;AAtCN,SAAS,kBAAkB;AAC3B,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAE5B,MAAM,eAAe,CAAC,WAAmB;AACvC,SAAO,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AACxD;AAEA,MAAM,QAAQ;AAAA,EACZ,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,QAAQ,SAAS;AAEvB,UAAM,aAAa;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,WAAW,aAAa;AAAA,QACxB,YAAY,EAAE,OAAO,QAAQ;AAAA,QAC7B,IAAI;AAAA,UACF,GAAI,aAAa,EAAE,IAAI,KAAK;AAAA,UAC5B,GAAI,WAAW,EAAE,IAAI,KAAK;AAAA,UAC1B,GAAG;AAAA,QACL;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,WAAW,aAAa;AAAA,cACxB,IAAI,EAAE,IAAI,MAAM,GAAG,WAAW;AAAA,cAE7B;AAAA;AAAA,UACH;AAAA,UAGD,OAAO,aAAa,WAAW,aAAa,QAAQ,IAAI;AAAA,UAExD,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,WAAW,aAAa;AAAA,cACxB,IAAI,EAAE,IAAI,MAAM,GAAG,WAAW;AAAA,cAE7B;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;AAEpB,IAAO,gBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\n\nimport { labelClasses } from './classes';\nimport type { LabelProps } from './props';\nimport { StyledLabel } from './styles';\n\nconst sentenceCase = (string: string) => {\n return string.charAt(0).toUpperCase() + string.slice(1);\n};\n\nconst Label = forwardRef<HTMLSpanElement, LabelProps>(\n (\n {\n children,\n color = 'default',\n variant = 'soft',\n startIcon,\n endIcon,\n sx,\n ...other\n },\n ref,\n ) => {\n const theme = useTheme();\n\n const iconStyles = {\n width: 16,\n height: 16,\n '& svg, img': {\n width: 1,\n height: 1,\n objectFit: 'cover',\n },\n };\n\n return (\n <StyledLabel\n ref={ref}\n component=\"span\"\n className={labelClasses.root}\n ownerState={{ color, variant }}\n sx={{\n ...(startIcon && { pl: 0.75 }),\n ...(endIcon && { pr: 0.75 }),\n ...sx,\n }}\n theme={theme}\n {...other}\n >\n {startIcon && (\n <Box\n component=\"span\"\n className={labelClasses.icon}\n sx={{ mr: 0.75, ...iconStyles }}\n >\n {startIcon}\n </Box>\n )}\n\n {typeof children === 'string' ? sentenceCase(children) : children}\n\n {endIcon && (\n <Box\n component=\"span\"\n className={labelClasses.icon}\n sx={{ ml: 0.75, ...iconStyles }}\n >\n {endIcon}\n </Box>\n )}\n </StyledLabel>\n );\n },\n);\n\nLabel.displayName = 'Label';\n\nexport default Label;\n"]}
@@ -1,8 +1,12 @@
1
- import i from '@mui/material/LinearProgress';
2
- import t from '@mui/material/Box';
3
- import { styled } from '@mui/material/styles';
4
1
  import { jsx } from 'react/jsx-runtime';
2
+ import LinearProgress from '@mui/material/LinearProgress';
3
+ import { Container } from './styles';
5
4
 
6
- var r=styled(t)({padding:"0 40px",width:"100%",minHeight:"100%",flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center"});var n=()=>jsx(r,{children:jsx(i,{color:"primary",sx:{width:1,maxWidth:360}})}),s=n;
5
+ const LoadingScreen = () => {
6
+ return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } }) });
7
+ };
8
+ var LoadingScreen_default = LoadingScreen;
7
9
 
8
- export { s as default };
10
+ export { LoadingScreen_default as default };
11
+ //# sourceMappingURL=out.js.map
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/LoadingScreen/index.tsx"],"names":[],"mappings":"AAOM;AAPN,OAAO,oBAAoB;AAE3B,SAAS,iBAAiB;AAE1B,MAAM,gBAAgB,MAAM;AAC1B,SACE,oBAAC,aACC,8BAAC,kBAAe,OAAM,WAAU,IAAI,EAAE,OAAO,GAAG,UAAU,IAAI,GAAG,GACnE;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import LinearProgress from '@mui/material/LinearProgress';\n\nimport { Container } from './styles';\n\nconst LoadingScreen = () => {\n return (\n <Container>\n <LinearProgress color=\"primary\" sx={{ width: 1, maxWidth: 360 }} />\n </Container>\n );\n};\n\nexport default LoadingScreen;\n"]}
@@ -1 +1,56 @@
1
- export { a as default } from '../../chunk-QNAXGE5H.js';
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { forwardRef, useState } from 'react';
3
+ import { IMaskMixin } from 'react-imask';
4
+ import TextField from '@mui/material/TextField';
5
+
6
+ const MaskedStyledInput = IMaskMixin((props) => {
7
+ const {
8
+ inputRef,
9
+ "data-value": value,
10
+ defaultValue,
11
+ tabIndex,
12
+ ...other
13
+ } = props;
14
+ return /* @__PURE__ */ jsx(
15
+ TextField,
16
+ {
17
+ inputRef,
18
+ fullWidth: true,
19
+ ...other,
20
+ inputProps: {
21
+ ...other.inputProps,
22
+ tabIndex
23
+ },
24
+ value
25
+ }
26
+ );
27
+ });
28
+ const MaskedInput = forwardRef(
29
+ ({ onChange, name, ...others }, ref) => {
30
+ const [maskedValue, setMaskedValue] = useState("");
31
+ return /* @__PURE__ */ jsx(
32
+ MaskedStyledInput,
33
+ {
34
+ inputRef: ref,
35
+ name,
36
+ "data-value": maskedValue,
37
+ ...others,
38
+ onAccept: (v, mask) => {
39
+ setMaskedValue(v);
40
+ onChange({
41
+ target: {
42
+ name,
43
+ value: mask._unmaskedValue
44
+ }
45
+ });
46
+ }
47
+ }
48
+ );
49
+ }
50
+ );
51
+ MaskedInput.displayName = "MaskedInput";
52
+ var MaskedInput_default = MaskedInput;
53
+
54
+ export { MaskedInput_default as default };
55
+ //# sourceMappingURL=out.js.map
56
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/MaskedInput/index.tsx"],"names":[],"mappings":"AAkBI;AAhBJ,SAAS,YAAY,gBAAgB;AACrC,SAAS,kBAAkB;AAC3B,OAAO,eAAmC;AAI1C,MAAM,oBAAoB,WAAW,WAAS;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAS;AAAA,MACR,GAAI;AAAA,MACL,YAAY;AAAA,QACV,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,MACA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,cAAc;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,GAAG,OAAO,GAAG,QAAQ;AACtC,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA,cAAY;AAAA,QACX,GAAI;AAAA,QACL,UAAU,CAAC,GAAQ,SAAc;AAC/B,yBAAe,CAAC;AAEhB,mBAAS;AAAA,YACP,QAAQ;AAAA,cACN;AAAA,cACA,OAAO,KAAK;AAAA,YACd;AAAA,UACF,CAAC;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { forwardRef, useState } from 'react';\nimport { IMaskMixin } from 'react-imask';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport { MaskedInputProps } from './props';\n\nconst MaskedStyledInput = IMaskMixin(props => {\n const {\n inputRef,\n 'data-value': value,\n defaultValue,\n tabIndex,\n ...other\n } = props as any;\n\n return (\n <TextField\n inputRef={inputRef}\n fullWidth\n {...(other as TextFieldProps)}\n inputProps={{\n ...other.inputProps,\n tabIndex,\n }}\n value={value}\n />\n );\n});\n\nconst MaskedInput = forwardRef<HTMLDivElement, MaskedInputProps>(\n ({ onChange, name, ...others }, ref) => {\n const [maskedValue, setMaskedValue] = useState('');\n return (\n <MaskedStyledInput\n inputRef={ref}\n name={name}\n data-value={maskedValue}\n {...(others as any)}\n onAccept={(v: any, mask: any) => {\n setMaskedValue(v);\n\n onChange({\n target: {\n name,\n value: mask._unmaskedValue,\n },\n });\n }}\n />\n );\n },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n\nexport default MaskedInput;\n"]}
@@ -1,11 +1,25 @@
1
- import { a } from '../../chunk-PPUFQMAW.js';
2
- import '../../chunk-3E5A45HM.js';
3
- import f from '@mui/material/CircularProgress';
4
- import s from '@mui/material/MenuItem';
5
- import p from '@mui/material/Stack';
6
- import { styled } from '@mui/material/styles';
7
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import CircularProgress from '@mui/material/CircularProgress';
3
+ import MuiMenuItem from '@mui/material/MenuItem';
4
+ import Stack from '@mui/material/Stack';
5
+ import Icon from 'components/Icon';
6
+ import { LoadingContainer } from './styles';
8
7
 
9
- var i=styled(p)({width:20,height:20,marginRight:16});var d=({icon:t,children:m,loading:o,disabled:n,...a$1})=>jsx(s,{...a$1,disabled:n||o,children:jsxs(p,{direction:"row",color:"grey.600",alignItems:"center",children:[t&&!o&&jsx(a,{icon:t,color:"primary.main"}),o&&jsx(i,{children:jsx(f,{size:20})}),m]})}),P=d;
8
+ const MenuItem = ({
9
+ icon,
10
+ children,
11
+ loading,
12
+ disabled,
13
+ ...other
14
+ }) => {
15
+ return /* @__PURE__ */ jsx(MuiMenuItem, { ...other, disabled: disabled || loading, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", color: "grey.600", alignItems: "center", children: [
16
+ icon && !loading && /* @__PURE__ */ jsx(Icon, { icon, color: "primary.main" }),
17
+ loading && /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
18
+ children
19
+ ] }) });
20
+ };
21
+ var MenuItem_default = MenuItem;
10
22
 
11
- export { P as default };
23
+ export { MenuItem_default as default };
24
+ //# sourceMappingURL=out.js.map
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/MenuItem/index.tsx"],"names":[],"mappings":"AAkBM,SACuB,KADvB;AAlBN,OAAO,sBAAsB;AAC7B,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,OAAO,UAAU;AAGjB,SAAS,wBAAwB;AAEjC,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,SACE,oBAAC,eAAa,GAAG,OAAO,UAAU,YAAY,SAC5C,+BAAC,SAAM,WAAU,OAAM,OAAM,YAAW,YAAW,UAChD;AAAA,YAAQ,CAAC,WAAW,oBAAC,QAAK,MAAY,OAAM,gBAAe;AAAA,IAC3D,WACC,oBAAC,oBACC,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,IAED;AAAA,KACH,GACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import CircularProgress from '@mui/material/CircularProgress';\nimport MuiMenuItem from '@mui/material/MenuItem';\nimport Stack from '@mui/material/Stack';\n\nimport Icon from 'components/Icon';\n\nimport { MenuItemProps } from './props';\nimport { LoadingContainer } from './styles';\n\nconst MenuItem = ({\n icon,\n children,\n loading,\n disabled,\n ...other\n}: MenuItemProps) => {\n return (\n <MuiMenuItem {...other} disabled={disabled || loading}>\n <Stack direction=\"row\" color=\"grey.600\" alignItems=\"center\">\n {icon && !loading && <Icon icon={icon} color=\"primary.main\" />}\n {loading && (\n <LoadingContainer>\n <CircularProgress size={20} />\n </LoadingContainer>\n )}\n {children}\n </Stack>\n </MuiMenuItem>\n );\n};\n\nexport default MenuItem;\n"]}
@@ -1 +1,49 @@
1
- export { a as default } from '../../chunk-EFUFJKJD.js';
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import Popover from '@mui/material/Popover';
3
+ import getPosition from './getPosition';
4
+ import { StyledArrow } from './styles';
5
+
6
+ const MenuPopover = ({
7
+ open,
8
+ children,
9
+ arrow = "top-right",
10
+ disabledArrow,
11
+ sx,
12
+ ...other
13
+ }) => {
14
+ const { style, anchorOrigin, transformOrigin } = getPosition(arrow);
15
+ return /* @__PURE__ */ jsxs(
16
+ Popover,
17
+ {
18
+ open: Boolean(open),
19
+ anchorEl: open,
20
+ anchorOrigin,
21
+ transformOrigin,
22
+ PaperProps: {
23
+ sx: {
24
+ p: 1,
25
+ width: "auto",
26
+ overflow: "inherit",
27
+ ...style,
28
+ "& .MuiMenuItem-root": {
29
+ px: 1,
30
+ typography: "body2",
31
+ borderRadius: 0.75,
32
+ "& svg": { mr: 2, width: 20, height: 20, flexShrink: 0 }
33
+ },
34
+ ...sx
35
+ }
36
+ },
37
+ ...other,
38
+ children: [
39
+ !disabledArrow && /* @__PURE__ */ jsx(StyledArrow, { arrow }),
40
+ children
41
+ ]
42
+ }
43
+ );
44
+ };
45
+ var MenuPopover_default = MenuPopover;
46
+
47
+ export { MenuPopover_default as default };
48
+ //# sourceMappingURL=out.js.map
49
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/MenuPopover/index.tsx"],"names":[],"mappings":"AAiBI,SAsBqB,KAtBrB;AAjBJ,OAAO,aAAgC;AAEvC,OAAO,iBAAiB;AAExB,SAAS,mBAAmB;AAE5B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,OAAO,cAAc,gBAAgB,IAAI,YAAY,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,IAAI;AAAA,MAClB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,IAAI;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV,GAAG;AAAA,UACH,uBAAuB;AAAA,YACrB,IAAI;AAAA,YACJ,YAAY;AAAA,YACZ,cAAc;AAAA,YACd,SAAS,EAAE,IAAI,GAAG,OAAO,IAAI,QAAQ,IAAI,YAAY,EAAE;AAAA,UACzD;AAAA,UACA,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,SAAC,iBAAiB,oBAAC,eAAY,OAAc;AAAA,QAE7C;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import Popover, { PopoverOrigin } from '@mui/material/Popover';\n\nimport getPosition from './getPosition';\nimport { MenuPopoverProps } from './props';\nimport { StyledArrow } from './styles';\n\nconst MenuPopover = ({\n open,\n children,\n arrow = 'top-right',\n disabledArrow,\n sx,\n ...other\n}: MenuPopoverProps) => {\n const { style, anchorOrigin, transformOrigin } = getPosition(arrow);\n\n return (\n <Popover\n open={Boolean(open)}\n anchorEl={open}\n anchorOrigin={anchorOrigin as PopoverOrigin}\n transformOrigin={transformOrigin as PopoverOrigin}\n PaperProps={{\n sx: {\n p: 1,\n width: 'auto',\n overflow: 'inherit',\n ...style,\n '& .MuiMenuItem-root': {\n px: 1,\n typography: 'body2',\n borderRadius: 0.75,\n '& svg': { mr: 2, width: 20, height: 20, flexShrink: 0 },\n },\n ...sx,\n },\n }}\n {...other}\n >\n {!disabledArrow && <StyledArrow arrow={arrow} />}\n\n {children}\n </Popover>\n );\n};\n\nexport default MenuPopover;\n"]}
@@ -1,3 +1,34 @@
1
- export { a as default } from '../../chunk-WAAV5ZRR.js';
2
- import '../../chunk-PPUFQMAW.js';
3
- import '../../chunk-3E5A45HM.js';
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import Dialog from '@mui/material/Dialog';
3
+ import DialogTitle from '@mui/material/DialogTitle';
4
+ import IconButton from '@mui/material/IconButton';
5
+ import Icon from '../Icon';
6
+ import Actions from './Actions';
7
+ import { Header, Content } from './styles';
8
+
9
+ const Modal = ({
10
+ actions,
11
+ actionsProps,
12
+ children,
13
+ dialogContentProps,
14
+ dialogTitle,
15
+ dialogTitleProps,
16
+ onClose,
17
+ id,
18
+ ...other
19
+ }) => {
20
+ const MODAL_ACTIONS = id || "modal-actions";
21
+ return /* @__PURE__ */ jsxs(Dialog, { id, scroll: "body", ...other, onClose, children: [
22
+ /* @__PURE__ */ jsxs(Header, { children: [
23
+ dialogTitle && /* @__PURE__ */ jsx(DialogTitle, { variant: "subtitle1", ...dialogTitleProps, children: dialogTitle }),
24
+ /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { icon: "CLOSE_MARK_BUTTON" }) })
25
+ ] }),
26
+ /* @__PURE__ */ jsx(Content, { ...dialogContentProps, children }),
27
+ actions && /* @__PURE__ */ jsx(Actions, { actionsProps: { ...actionsProps, id: MODAL_ACTIONS }, children: actions })
28
+ ] });
29
+ };
30
+ var Modal_default = Modal;
31
+
32
+ export { Modal_default as default };
33
+ //# sourceMappingURL=out.js.map
34
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAwBM,SAEI,KAFJ;AAxBN,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AAEvB,OAAO,UAAU;AAEjB,OAAO,aAAa;AAEpB,SAAS,SAAS,cAAc;AAEhC,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,gBAAgB,MAAM;AAC5B,SACE,qBAAC,UAAO,IAAQ,QAAO,QAAQ,GAAG,OAAO,SACvC;AAAA,yBAAC,UACE;AAAA,qBACC,oBAAC,eAAY,SAAQ,aAAa,GAAG,kBAClC,uBACH;AAAA,MAGF,oBAAC,cAAW,SAAS,SACnB,8BAAC,QAAK,MAAK,qBAAoB,GACjC;AAAA,OACF;AAAA,IAEA,oBAAC,WAAS,GAAG,oBAAqB,UAAS;AAAA,IAE1C,WACC,oBAAC,WAAQ,cAAc,EAAE,GAAG,cAAc,IAAI,cAAc,GACzD,mBACH;AAAA,KAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\n\nimport Icon from '../Icon';\n\nimport Actions from './Actions';\nimport { ModalProps } from './props';\nimport { Content, Header } from './styles';\n\nconst Modal = ({\n actions,\n actionsProps,\n children,\n dialogContentProps,\n dialogTitle,\n dialogTitleProps,\n onClose,\n id,\n ...other\n}: ModalProps) => {\n const MODAL_ACTIONS = id || '' + 'modal-actions';\n return (\n <Dialog id={id} scroll=\"body\" {...other} onClose={onClose}>\n <Header>\n {dialogTitle && (\n <DialogTitle variant=\"subtitle1\" {...dialogTitleProps}>\n {dialogTitle}\n </DialogTitle>\n )}\n\n <IconButton onClick={onClose}>\n <Icon icon=\"CLOSE_MARK_BUTTON\" />\n </IconButton>\n </Header>\n\n <Content {...dialogContentProps}>{children}</Content>\n\n {actions && (\n <Actions actionsProps={{ ...actionsProps, id: MODAL_ACTIONS }}>\n {actions}\n </Actions>\n )}\n </Dialog>\n );\n};\n\nexport default Modal;\n"]}