@soyfri/shared-library 1.5.0-beta.4 → 2.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (564) hide show
  1. package/.dockerignore +8 -0
  2. package/.github/workflows/publish.yml +107 -0
  3. package/.prettierrc +3 -0
  4. package/.storybook/main.ts +19 -0
  5. package/.storybook/preview.ts +14 -0
  6. package/.storybook/vitest.setup.ts +9 -0
  7. package/Dockerfile +37 -0
  8. package/build.js +102 -0
  9. package/chromatic.config.json +5 -0
  10. package/cleanDirectories.js +40 -0
  11. package/dist/components/ActionMenu/ActionMenu.cjs +107 -0
  12. package/dist/components/ActionMenu/ActionMenu.cjs.map +1 -0
  13. package/dist/components/ActionMenu/ActionMenu.d.ts +60 -0
  14. package/dist/components/ActionMenu/ActionMenu.js +107 -0
  15. package/dist/components/ActionMenu/ActionMenu.js.map +1 -0
  16. package/dist/components/ActionMenu/index.d.ts +2 -0
  17. package/dist/components/ActionMenu.d.ts +6 -0
  18. package/dist/components/AppBar/AppBar.cjs +346 -0
  19. package/dist/components/AppBar/AppBar.cjs.map +1 -0
  20. package/dist/components/AppBar/AppBar.d.ts +55 -0
  21. package/dist/components/AppBar/AppBar.js +346 -0
  22. package/dist/components/AppBar/AppBar.js.map +1 -0
  23. package/dist/components/AppBar/AppBar.sx.d.ts +12 -0
  24. package/dist/components/AppBar/AppBarBrand.d.ts +31 -0
  25. package/dist/components/AppBar/AppBarContext.d.ts +18 -0
  26. package/dist/components/AppBar/AppBarMenuToggle.d.ts +39 -0
  27. package/dist/components/AppBar/AppBarUserMenu.d.ts +65 -0
  28. package/dist/components/AppBar/index.d.ts +12 -0
  29. package/dist/components/AppBar.d.ts +6 -0
  30. package/dist/components/Autocomplete/Autocomplete.cjs +314 -0
  31. package/dist/components/Autocomplete/Autocomplete.cjs.map +1 -0
  32. package/dist/components/Autocomplete/Autocomplete.d.ts +83 -0
  33. package/{components → dist/components}/Autocomplete/Autocomplete.definitions.d.ts +6 -0
  34. package/dist/components/Autocomplete/Autocomplete.helpers.d.ts +18 -0
  35. package/dist/components/Autocomplete/Autocomplete.js +314 -0
  36. package/dist/components/Autocomplete/Autocomplete.js.map +1 -0
  37. package/dist/components/Autocomplete/Autocomplete.sx.d.ts +7 -0
  38. package/dist/components/Autocomplete/Autocomplete.types.d.ts +1 -0
  39. package/dist/components/Autocomplete/_parts/AutocompleteChips.d.ts +19 -0
  40. package/dist/components/Autocomplete/_parts/AutocompleteLoader.d.ts +9 -0
  41. package/dist/components/Autocomplete/_parts/AutocompleteOption.d.ts +19 -0
  42. package/dist/components/Autocomplete/index.d.ts +2 -0
  43. package/dist/components/Autocomplete.d.ts +6 -0
  44. package/dist/components/Avatar/Avatar.cjs +163 -0
  45. package/dist/components/Avatar/Avatar.cjs.map +1 -0
  46. package/dist/components/Avatar/Avatar.d.ts +33 -0
  47. package/dist/components/Avatar/Avatar.definitions.d.ts +11 -0
  48. package/dist/components/Avatar/Avatar.js +163 -0
  49. package/dist/components/Avatar/Avatar.js.map +1 -0
  50. package/dist/components/Card/Card.cjs +187 -0
  51. package/dist/components/Card/Card.cjs.map +1 -0
  52. package/dist/components/Card/Card.d.ts +83 -0
  53. package/dist/components/Card/Card.js +187 -0
  54. package/dist/components/Card/Card.js.map +1 -0
  55. package/dist/components/Card/Card.sx.d.ts +17 -0
  56. package/dist/components/Card/index.d.ts +4 -0
  57. package/dist/components/Card.d.ts +6 -0
  58. package/dist/components/DatePicker/DatePicker.cjs +203 -0
  59. package/dist/components/DatePicker/DatePicker.cjs.map +1 -0
  60. package/dist/components/DatePicker/DatePicker.d.ts +56 -0
  61. package/{components → dist/components}/DatePicker/DatePicker.definitions.d.ts +1 -0
  62. package/dist/components/DatePicker/DatePicker.helpers.d.ts +7 -0
  63. package/dist/components/DatePicker/DatePicker.js +203 -0
  64. package/dist/components/DatePicker/DatePicker.js.map +1 -0
  65. package/dist/components/DatePicker/DatePicker.sx.d.ts +9 -0
  66. package/dist/components/DatePicker/DatePicker.types.d.ts +1 -0
  67. package/dist/components/DatePicker/index.d.ts +2 -0
  68. package/dist/components/DatePicker.d.ts +6 -0
  69. package/dist/components/DateTimePicker/DateTimePicker.cjs +222 -0
  70. package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -0
  71. package/dist/components/DateTimePicker/DateTimePicker.d.ts +65 -0
  72. package/{components → dist/components}/DateTimePicker/DateTimePicker.definitions.d.ts +1 -0
  73. package/dist/components/DateTimePicker/DateTimePicker.helpers.d.ts +11 -0
  74. package/dist/components/DateTimePicker/DateTimePicker.js +222 -0
  75. package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -0
  76. package/dist/components/DateTimePicker/DateTimePicker.sx.d.ts +7 -0
  77. package/dist/components/DateTimePicker/DateTimePicker.types.d.ts +1 -0
  78. package/dist/components/DateTimePicker/index.d.ts +2 -0
  79. package/dist/components/DateTimePicker.d.ts +6 -0
  80. package/dist/components/Drawer/Drawer.cjs +271 -0
  81. package/dist/components/Drawer/Drawer.cjs.map +1 -0
  82. package/dist/components/Drawer/Drawer.d.ts +51 -0
  83. package/dist/components/Drawer/Drawer.js +271 -0
  84. package/dist/components/Drawer/Drawer.js.map +1 -0
  85. package/dist/components/Drawer/Drawer.sx.d.ts +23 -0
  86. package/dist/components/Drawer/DrawerContext.d.ts +18 -0
  87. package/dist/components/Drawer/DrawerItem.d.ts +35 -0
  88. package/dist/components/Drawer/index.d.ts +6 -0
  89. package/dist/components/Drawer.d.ts +6 -0
  90. package/{components → dist/components}/Icon/Icon.cjs +44 -3
  91. package/dist/components/Icon/Icon.cjs.map +1 -0
  92. package/dist/components/Icon/Icon.d.ts +54 -0
  93. package/{components → dist/components}/Icon/Icon.js +44 -3
  94. package/dist/components/Icon/Icon.js.map +1 -0
  95. package/dist/components/Input/Input.cjs +175 -0
  96. package/dist/components/Input/Input.cjs.map +1 -0
  97. package/dist/components/Input/Input.d.ts +37 -0
  98. package/{components → dist/components}/Input/Input.definitions.d.ts +5 -2
  99. package/dist/components/Input/Input.helpers.d.ts +14 -0
  100. package/dist/components/Input/Input.js +175 -0
  101. package/dist/components/Input/Input.js.map +1 -0
  102. package/dist/components/Input/Input.sx.d.ts +8 -0
  103. package/dist/components/Input/Input.types.d.ts +1 -0
  104. package/dist/components/Input/index.d.ts +2 -0
  105. package/dist/components/Input.d.ts +6 -0
  106. package/dist/components/InputGroup/InputGroup.cjs +139 -0
  107. package/dist/components/InputGroup/InputGroup.cjs.map +1 -0
  108. package/dist/components/InputGroup/InputGroup.d.ts +42 -0
  109. package/dist/components/InputGroup/InputGroup.definitions.d.ts +6 -0
  110. package/dist/components/InputGroup/InputGroup.js +139 -0
  111. package/dist/components/InputGroup/InputGroup.js.map +1 -0
  112. package/dist/components/Modal/Modal.cjs +319 -0
  113. package/dist/components/Modal/Modal.cjs.map +1 -0
  114. package/dist/components/Modal/Modal.d.ts +65 -0
  115. package/dist/components/Modal/Modal.js +319 -0
  116. package/dist/components/Modal/Modal.js.map +1 -0
  117. package/{components → dist/components}/Modal/ModalFooter.d.ts +9 -1
  118. package/dist/components/Modal/index.d.ts +6 -0
  119. package/dist/components/PageLoader/PageLoader.cjs +61 -0
  120. package/dist/components/PageLoader/PageLoader.cjs.map +1 -0
  121. package/dist/components/PageLoader/PageLoader.d.ts +38 -0
  122. package/dist/components/PageLoader/PageLoader.js +61 -0
  123. package/dist/components/PageLoader/PageLoader.js.map +1 -0
  124. package/dist/components/PageLoader/index.d.ts +2 -0
  125. package/dist/components/PageLoader.d.ts +6 -0
  126. package/dist/components/ScrollTopButton/ScrollTopButton.cjs +79 -0
  127. package/dist/components/ScrollTopButton/ScrollTopButton.cjs.map +1 -0
  128. package/dist/components/ScrollTopButton/ScrollTopButton.d.ts +48 -0
  129. package/dist/components/ScrollTopButton/ScrollTopButton.js +79 -0
  130. package/dist/components/ScrollTopButton/ScrollTopButton.js.map +1 -0
  131. package/dist/components/ScrollTopButton/index.d.ts +4 -0
  132. package/dist/components/ScrollTopButton/scrollToTop.d.ts +29 -0
  133. package/dist/components/ScrollTopButton.d.ts +6 -0
  134. package/dist/components/Select/Select.cjs +448 -0
  135. package/dist/components/Select/Select.cjs.map +1 -0
  136. package/{components → dist/components}/Select/Select.d.ts +33 -13
  137. package/{components → dist/components}/Select/Select.definitions.d.ts +3 -0
  138. package/dist/components/Select/Select.helpers.d.ts +28 -0
  139. package/dist/components/Select/Select.js +448 -0
  140. package/dist/components/Select/Select.js.map +1 -0
  141. package/dist/components/Select/Select.sx.d.ts +7 -0
  142. package/dist/components/Select/Select.types.d.ts +1 -0
  143. package/dist/components/Select/_parts/SelectMenuItem.d.ts +20 -0
  144. package/dist/components/Select/_parts/SelectSearchHeader.d.ts +15 -0
  145. package/dist/components/Select/_parts/SelectValue.d.ts +22 -0
  146. package/dist/components/Select/index.d.ts +2 -0
  147. package/dist/components/Select.d.ts +6 -0
  148. package/{components → dist/components}/Stat/Stat.cjs +1 -1
  149. package/{components → dist/components}/Stat/Stat.js +1 -1
  150. package/{components → dist/components}/Stepper/Stepper.cjs +4 -1
  151. package/dist/components/Stepper/Stepper.cjs.map +1 -0
  152. package/{components → dist/components}/Stepper/Stepper.d.ts +5 -0
  153. package/{components → dist/components}/Stepper/Stepper.js +4 -1
  154. package/dist/components/Stepper/Stepper.js.map +1 -0
  155. package/dist/components/_shared/formField.sx.d.ts +33 -0
  156. package/dist/components/_shared/resolvePreset.d.ts +18 -0
  157. package/dist/formField.sx-CQ1mbk9M.cjs +76 -0
  158. package/dist/formField.sx-CQ1mbk9M.cjs.map +1 -0
  159. package/dist/formField.sx-DfVbMe0V.js +77 -0
  160. package/dist/formField.sx-DfVbMe0V.js.map +1 -0
  161. package/dist/hooks/Wizard/Wizard.cjs +7 -0
  162. package/dist/hooks/Wizard/Wizard.cjs.map +1 -0
  163. package/dist/hooks/Wizard/Wizard.js +7 -0
  164. package/dist/hooks/Wizard/Wizard.js.map +1 -0
  165. package/dist/hooks/Wizard/WizardContext.d.ts +67 -0
  166. package/dist/hooks/Wizard/index.d.ts +3 -0
  167. package/dist/hooks/Wizard/useWizard.d.ts +9 -0
  168. package/dist/hooks/Wizard.d.ts +2 -0
  169. package/dist/index.cjs +100 -0
  170. package/dist/index.cjs.map +1 -0
  171. package/dist/index.d.ts +3 -0
  172. package/dist/index.js +31 -0
  173. package/{index.js.map → dist/index.js.map} +1 -1
  174. package/dist/mui.d.ts +5 -0
  175. package/dist/resolvePreset-B-IB0ehH.js +15 -0
  176. package/dist/resolvePreset-B-IB0ehH.js.map +1 -0
  177. package/dist/resolvePreset-CT3kU-K2.cjs +14 -0
  178. package/dist/resolvePreset-CT3kU-K2.cjs.map +1 -0
  179. package/dist/theme/componentStyles.d.ts +32 -0
  180. package/dist/theme/tokens.d.ts +28 -0
  181. package/dist/useWizard-CWdIxZzX.cjs +94 -0
  182. package/dist/useWizard-CWdIxZzX.cjs.map +1 -0
  183. package/dist/useWizard-CWq--C3o.js +95 -0
  184. package/dist/useWizard-CWq--C3o.js.map +1 -0
  185. package/package.json +43 -134
  186. package/rollup.config.cjs +87 -0
  187. package/src/components/ActionMenu/ActionMenu.stories.tsx +230 -0
  188. package/src/components/ActionMenu/ActionMenu.tsx +174 -0
  189. package/src/components/ActionMenu/index.ts +2 -0
  190. package/src/components/AppBar/AppBar.stories.tsx +272 -0
  191. package/src/components/AppBar/AppBar.sx.ts +32 -0
  192. package/src/components/AppBar/AppBar.tsx +123 -0
  193. package/src/components/AppBar/AppBarBrand.tsx +120 -0
  194. package/src/components/AppBar/AppBarContext.ts +25 -0
  195. package/src/components/AppBar/AppBarMenuToggle.tsx +90 -0
  196. package/src/components/AppBar/AppBarUserMenu.tsx +217 -0
  197. package/src/components/AppBar/index.ts +25 -0
  198. package/src/components/Autocomplete/Autocomplete.definitions.ts +477 -0
  199. package/src/components/Autocomplete/Autocomplete.helpers.ts +60 -0
  200. package/src/components/Autocomplete/Autocomplete.stories.tsx +748 -0
  201. package/src/components/Autocomplete/Autocomplete.sx.ts +30 -0
  202. package/src/components/Autocomplete/Autocomplete.tsx +361 -0
  203. package/src/components/Autocomplete/Autocomplete.types.ts +13 -0
  204. package/src/components/Autocomplete/_parts/AutocompleteChips.tsx +55 -0
  205. package/src/components/Autocomplete/_parts/AutocompleteLoader.tsx +17 -0
  206. package/src/components/Autocomplete/_parts/AutocompleteOption.tsx +31 -0
  207. package/src/components/Autocomplete/index.ts +12 -0
  208. package/src/components/Avatar/Avatar.definitions.ts +162 -0
  209. package/src/components/Avatar/Avatar.stories.tsx +258 -0
  210. package/src/components/Avatar/Avatar.tsx +206 -0
  211. package/src/components/Avatar/index.ts +1 -0
  212. package/src/components/Button/Button.definition.ts +97 -0
  213. package/src/components/Button/Button.stories.tsx +285 -0
  214. package/src/components/Button/Button.tsx +67 -0
  215. package/src/components/Button/index.ts +1 -0
  216. package/src/components/Card/Card.definition.ts +5 -0
  217. package/src/components/Card/Card.stories.tsx +221 -0
  218. package/src/components/Card/Card.sx.ts +104 -0
  219. package/src/components/Card/Card.tsx +200 -0
  220. package/src/components/Card/index.ts +9 -0
  221. package/src/components/Chip/Chip.definitions.ts +167 -0
  222. package/src/components/Chip/Chip.stories.tsx +265 -0
  223. package/src/components/Chip/Chip.tsx +61 -0
  224. package/src/components/Chip/index.ts +1 -0
  225. package/src/components/Column/Column.tsx +29 -0
  226. package/src/components/Column/index.ts +1 -0
  227. package/src/components/DatePicker/DatePicker.definitions.ts +228 -0
  228. package/src/components/DatePicker/DatePicker.helpers.ts +24 -0
  229. package/src/components/DatePicker/DatePicker.stories.tsx +309 -0
  230. package/src/components/DatePicker/DatePicker.sx.ts +33 -0
  231. package/src/components/DatePicker/DatePicker.tsx +189 -0
  232. package/src/components/DatePicker/DatePicker.types.ts +10 -0
  233. package/src/components/DatePicker/index.ts +9 -0
  234. package/src/components/DateRangePicker/DateRangePicker.definitions.ts +191 -0
  235. package/src/components/DateRangePicker/DateRangePicker.stories.tsx +252 -0
  236. package/src/components/DateRangePicker/DateRangePicker.tsx +56 -0
  237. package/src/components/DateRangePicker/index.ts +1 -0
  238. package/src/components/DateTimePicker/DateTimePicker.definitions.ts +256 -0
  239. package/src/components/DateTimePicker/DateTimePicker.helpers.ts +38 -0
  240. package/src/components/DateTimePicker/DateTimePicker.stories.tsx +418 -0
  241. package/src/components/DateTimePicker/DateTimePicker.sx.ts +30 -0
  242. package/src/components/DateTimePicker/DateTimePicker.tsx +225 -0
  243. package/src/components/DateTimePicker/DateTimePicker.types.ts +10 -0
  244. package/src/components/DateTimePicker/index.ts +9 -0
  245. package/src/components/Drawer/Drawer.stories.tsx +270 -0
  246. package/src/components/Drawer/Drawer.sx.ts +106 -0
  247. package/src/components/Drawer/Drawer.tsx +214 -0
  248. package/src/components/Drawer/DrawerContext.ts +26 -0
  249. package/src/components/Drawer/DrawerItem.tsx +110 -0
  250. package/src/components/Drawer/index.ts +10 -0
  251. package/src/components/Flyout/Flyout.stories.tsx +282 -0
  252. package/src/components/Flyout/Flyout.tsx +122 -0
  253. package/src/components/Flyout/index.ts +1 -0
  254. package/src/components/Gallery/Gallery.definition.tsx +37 -0
  255. package/src/components/Gallery/Gallery.stories.tsx +82 -0
  256. package/src/components/Gallery/Gallery.tsx +118 -0
  257. package/src/components/Gallery/GalleryLightbox.tsx +170 -0
  258. package/src/components/Gallery/GalleryMain.tsx +84 -0
  259. package/src/components/Gallery/GalleryThumbnails.tsx +106 -0
  260. package/src/components/Gallery/index.ts +1 -0
  261. package/src/components/Icon/Icon.stories.tsx +121 -0
  262. package/src/components/Icon/Icon.tsx +175 -0
  263. package/src/components/Icon/index.ts +2 -0
  264. package/src/components/Input/Input.definitions.ts +324 -0
  265. package/src/components/Input/Input.helpers.ts +49 -0
  266. package/src/components/Input/Input.stories.tsx +499 -0
  267. package/src/components/Input/Input.sx.ts +42 -0
  268. package/src/components/Input/Input.tsx +141 -0
  269. package/src/components/Input/Input.types.ts +10 -0
  270. package/src/components/Input/index.ts +9 -0
  271. package/src/components/InputGroup/InputGroup.definitions.ts +158 -0
  272. package/src/components/InputGroup/InputGroup.stories.tsx +267 -0
  273. package/src/components/InputGroup/InputGroup.tsx +179 -0
  274. package/src/components/InputGroup/index.ts +1 -0
  275. package/src/components/MenuButton/MenuButton.stories.tsx +197 -0
  276. package/src/components/MenuButton/MenuButton.tsx +100 -0
  277. package/src/components/MenuButton/index.ts +1 -0
  278. package/src/components/Modal/Modal.stories.tsx +721 -0
  279. package/src/components/Modal/Modal.tsx +355 -0
  280. package/src/components/Modal/ModalBody.tsx +16 -0
  281. package/src/components/Modal/ModalFooter.tsx +71 -0
  282. package/src/components/Modal/ModalHeader.tsx +18 -0
  283. package/src/components/Modal/index.ts +6 -0
  284. package/src/components/PageLoader/PageLoader.stories.tsx +217 -0
  285. package/src/components/PageLoader/PageLoader.tsx +96 -0
  286. package/src/components/PageLoader/index.ts +2 -0
  287. package/src/components/ScrollTopButton/ScrollTopButton.stories.tsx +158 -0
  288. package/src/components/ScrollTopButton/ScrollTopButton.tsx +135 -0
  289. package/src/components/ScrollTopButton/index.ts +8 -0
  290. package/src/components/ScrollTopButton/scrollToTop.ts +37 -0
  291. package/src/components/Select/Select.definitions.ts +602 -0
  292. package/src/components/Select/Select.helpers.ts +71 -0
  293. package/src/components/Select/Select.stories.tsx +687 -0
  294. package/src/components/Select/Select.sx.ts +14 -0
  295. package/src/components/Select/Select.tsx +429 -0
  296. package/src/components/Select/Select.types.ts +15 -0
  297. package/src/components/Select/_parts/SelectMenuItem.tsx +40 -0
  298. package/src/components/Select/_parts/SelectSearchHeader.tsx +51 -0
  299. package/src/components/Select/_parts/SelectValue.tsx +96 -0
  300. package/src/components/Select/index.ts +14 -0
  301. package/src/components/Stat/Stat.stories.tsx +85 -0
  302. package/src/components/Stat/Stat.tsx +117 -0
  303. package/src/components/Stat/index.ts +2 -0
  304. package/src/components/StatusMessage/StatusMessage.stories.tsx +130 -0
  305. package/src/components/StatusMessage/StatusMessage.tsx +162 -0
  306. package/src/components/StatusMessage/index.ts +2 -0
  307. package/src/components/Stepper/Step.tsx +21 -0
  308. package/src/components/Stepper/Stepper.definition.ts +75 -0
  309. package/src/components/Stepper/Stepper.stories.tsx +122 -0
  310. package/src/components/Stepper/Stepper.tsx +75 -0
  311. package/src/components/Stepper/index.ts +2 -0
  312. package/src/components/Table/EmptyTable.png +0 -0
  313. package/src/components/Table/Table.definition.ts +580 -0
  314. package/src/components/Table/Table.stories.tsx +853 -0
  315. package/src/components/Table/Table.tsx +495 -0
  316. package/src/components/Table/data.ts +134 -0
  317. package/src/components/Table/exportsUtils.ts +195 -0
  318. package/src/components/Table/index.ts +3 -0
  319. package/src/components/Table/types.ts +34 -0
  320. package/src/components/Tabs/Tab.definition.ts +53 -0
  321. package/src/components/Tabs/Tab.tsx +19 -0
  322. package/src/components/Tabs/Tabs.stories.tsx +118 -0
  323. package/src/components/Tabs/Tabs.tsx +99 -0
  324. package/src/components/Tabs/_tabUtils.tsx +4 -0
  325. package/src/components/Tabs/index.ts +2 -0
  326. package/src/components/Timeline/Timeline.definition.ts +43 -0
  327. package/src/components/Timeline/Timeline.stories.tsx +108 -0
  328. package/src/components/Timeline/Timeline.tsx +49 -0
  329. package/src/components/Timeline/TimelineItem.tsx +31 -0
  330. package/src/components/Timeline/index.ts +2 -0
  331. package/src/components/Tooltip/Tooltip.stories.tsx +129 -0
  332. package/src/components/Tooltip/Tooltip.tsx +58 -0
  333. package/src/components/Tooltip/index.ts +1 -0
  334. package/src/components/_shared/formField.sx.ts +118 -0
  335. package/src/components/_shared/resolvePreset.ts +35 -0
  336. package/src/hooks/ClipBoard/ClipBoard.stories.tsx +168 -0
  337. package/src/hooks/ClipBoard/ClipBoard.tsx +131 -0
  338. package/src/hooks/ClipBoard/ClipboardUnifiedDemo.tsx +111 -0
  339. package/src/hooks/ClipBoard/index.ts +1 -0
  340. package/src/hooks/Wizard/Wizard.stories.tsx +301 -0
  341. package/src/hooks/Wizard/WizardContext.tsx +166 -0
  342. package/src/hooks/Wizard/index.ts +6 -0
  343. package/src/hooks/Wizard/useWizard.ts +13 -0
  344. package/src/index.ts +17 -0
  345. package/src/mui.ts +44 -0
  346. package/src/styles.css +3 -0
  347. package/src/theme/componentStyles.ts +47 -0
  348. package/src/theme/tokens.ts +43 -0
  349. package/tailwind.config.js +10 -0
  350. package/tsconfig.json +48 -0
  351. package/tsup.config.js +41 -0
  352. package/vite.config.js +132 -0
  353. package/vitest.config.ts +35 -0
  354. package/DatePicker-BSNboVhN.js +0 -201
  355. package/DatePicker-BSNboVhN.js.map +0 -1
  356. package/DatePicker-BoqxWAhj.cjs +0 -200
  357. package/DatePicker-BoqxWAhj.cjs.map +0 -1
  358. package/Input-DFHs7cJ_.js +0 -171
  359. package/Input-DFHs7cJ_.js.map +0 -1
  360. package/Input-c8MwNNPg.cjs +0 -170
  361. package/Input-c8MwNNPg.cjs.map +0 -1
  362. package/Select-BO2N56sm.cjs +0 -411
  363. package/Select-BO2N56sm.cjs.map +0 -1
  364. package/Select-BcLkyHSE.js +0 -412
  365. package/Select-BcLkyHSE.js.map +0 -1
  366. package/components/Autocomplete/Autocomplete.cjs +0 -132
  367. package/components/Autocomplete/Autocomplete.cjs.map +0 -1
  368. package/components/Autocomplete/Autocomplete.d.ts +0 -28
  369. package/components/Autocomplete/Autocomplete.js +0 -132
  370. package/components/Autocomplete/Autocomplete.js.map +0 -1
  371. package/components/Autocomplete/index.d.ts +0 -1
  372. package/components/Autocomplete.d.ts +0 -2
  373. package/components/Avatar/Avatar.cjs +0 -126
  374. package/components/Avatar/Avatar.cjs.map +0 -1
  375. package/components/Avatar/Avatar.d.ts +0 -19
  376. package/components/Avatar/Avatar.js +0 -126
  377. package/components/Avatar/Avatar.js.map +0 -1
  378. package/components/Card/Card.cjs +0 -28
  379. package/components/Card/Card.cjs.map +0 -1
  380. package/components/Card/Card.d.ts +0 -13
  381. package/components/Card/Card.js +0 -28
  382. package/components/Card/Card.js.map +0 -1
  383. package/components/Card/index.d.ts +0 -1
  384. package/components/Card.d.ts +0 -2
  385. package/components/DatePicker/DatePicker.cjs +0 -5
  386. package/components/DatePicker/DatePicker.cjs.map +0 -1
  387. package/components/DatePicker/DatePicker.d.ts +0 -18
  388. package/components/DatePicker/DatePicker.js +0 -5
  389. package/components/DatePicker/DatePicker.js.map +0 -1
  390. package/components/DatePicker/index.d.ts +0 -1
  391. package/components/DatePicker.d.ts +0 -2
  392. package/components/DateTimePicker/DateTimePicker.cjs +0 -208
  393. package/components/DateTimePicker/DateTimePicker.cjs.map +0 -1
  394. package/components/DateTimePicker/DateTimePicker.d.ts +0 -28
  395. package/components/DateTimePicker/DateTimePicker.js +0 -208
  396. package/components/DateTimePicker/DateTimePicker.js.map +0 -1
  397. package/components/DateTimePicker/index.d.ts +0 -1
  398. package/components/DateTimePicker.d.ts +0 -2
  399. package/components/Icon/Icon.cjs.map +0 -1
  400. package/components/Icon/Icon.d.ts +0 -21
  401. package/components/Icon/Icon.js.map +0 -1
  402. package/components/Input/Input.cjs +0 -5
  403. package/components/Input/Input.cjs.map +0 -1
  404. package/components/Input/Input.d.ts +0 -32
  405. package/components/Input/Input.js +0 -5
  406. package/components/Input/Input.js.map +0 -1
  407. package/components/Input/index.d.ts +0 -1
  408. package/components/Input.d.ts +0 -2
  409. package/components/InputGroup/InputGroup.cjs +0 -126
  410. package/components/InputGroup/InputGroup.cjs.map +0 -1
  411. package/components/InputGroup/InputGroup.d.ts +0 -6
  412. package/components/InputGroup/InputGroup.js +0 -126
  413. package/components/InputGroup/InputGroup.js.map +0 -1
  414. package/components/Modal/Modal.cjs +0 -209
  415. package/components/Modal/Modal.cjs.map +0 -1
  416. package/components/Modal/Modal.d.ts +0 -29
  417. package/components/Modal/Modal.js +0 -209
  418. package/components/Modal/Modal.js.map +0 -1
  419. package/components/Modal/index.d.ts +0 -1
  420. package/components/Select/Select.cjs +0 -6
  421. package/components/Select/Select.cjs.map +0 -1
  422. package/components/Select/Select.js +0 -6
  423. package/components/Select/Select.js.map +0 -1
  424. package/components/Select/index.d.ts +0 -1
  425. package/components/Select.d.ts +0 -2
  426. package/components/Stepper/Stepper.cjs.map +0 -1
  427. package/components/Stepper/Stepper.js.map +0 -1
  428. package/index.cjs +0 -2
  429. package/index.cjs.map +0 -1
  430. package/index.d.ts +0 -0
  431. package/index.js +0 -2
  432. /package/{README.md → Readme.md} +0 -0
  433. /package/{Button-C17mExpd.cjs → dist/Button-C17mExpd.cjs} +0 -0
  434. /package/{Button-C17mExpd.cjs.map → dist/Button-C17mExpd.cjs.map} +0 -0
  435. /package/{Button-UkkP-bNw.js → dist/Button-UkkP-bNw.js} +0 -0
  436. /package/{Button-UkkP-bNw.js.map → dist/Button-UkkP-bNw.js.map} +0 -0
  437. /package/{components → dist/components}/Avatar/index.d.ts +0 -0
  438. /package/{components → dist/components}/Avatar.d.ts +0 -0
  439. /package/{components → dist/components}/Button/Button.cjs +0 -0
  440. /package/{components → dist/components}/Button/Button.cjs.map +0 -0
  441. /package/{components → dist/components}/Button/Button.d.ts +0 -0
  442. /package/{components → dist/components}/Button/Button.definition.d.ts +0 -0
  443. /package/{components → dist/components}/Button/Button.js +0 -0
  444. /package/{components → dist/components}/Button/Button.js.map +0 -0
  445. /package/{components → dist/components}/Button/index.d.ts +0 -0
  446. /package/{components → dist/components}/Button.d.ts +0 -0
  447. /package/{components → dist/components}/Card/Card.definition.d.ts +0 -0
  448. /package/{components → dist/components}/Chip/Chip.cjs +0 -0
  449. /package/{components → dist/components}/Chip/Chip.cjs.map +0 -0
  450. /package/{components → dist/components}/Chip/Chip.d.ts +0 -0
  451. /package/{components → dist/components}/Chip/Chip.definitions.d.ts +0 -0
  452. /package/{components → dist/components}/Chip/Chip.js +0 -0
  453. /package/{components → dist/components}/Chip/Chip.js.map +0 -0
  454. /package/{components → dist/components}/Chip/index.d.ts +0 -0
  455. /package/{components → dist/components}/Chip.d.ts +0 -0
  456. /package/{components → dist/components}/Column/Column.cjs +0 -0
  457. /package/{components → dist/components}/Column/Column.cjs.map +0 -0
  458. /package/{components → dist/components}/Column/Column.d.ts +0 -0
  459. /package/{components → dist/components}/Column/Column.js +0 -0
  460. /package/{components → dist/components}/Column/Column.js.map +0 -0
  461. /package/{components → dist/components}/Column/index.d.ts +0 -0
  462. /package/{components → dist/components}/Column.d.ts +0 -0
  463. /package/{components → dist/components}/DateRangePicker/DateRangePicker.cjs +0 -0
  464. /package/{components → dist/components}/DateRangePicker/DateRangePicker.cjs.map +0 -0
  465. /package/{components → dist/components}/DateRangePicker/DateRangePicker.d.ts +0 -0
  466. /package/{components → dist/components}/DateRangePicker/DateRangePicker.definitions.d.ts +0 -0
  467. /package/{components → dist/components}/DateRangePicker/DateRangePicker.js +0 -0
  468. /package/{components → dist/components}/DateRangePicker/DateRangePicker.js.map +0 -0
  469. /package/{components → dist/components}/DateRangePicker/index.d.ts +0 -0
  470. /package/{components → dist/components}/DateRangePicker.d.ts +0 -0
  471. /package/{components → dist/components}/Flyout/Flyout.cjs +0 -0
  472. /package/{components → dist/components}/Flyout/Flyout.cjs.map +0 -0
  473. /package/{components → dist/components}/Flyout/Flyout.d.ts +0 -0
  474. /package/{components → dist/components}/Flyout/Flyout.js +0 -0
  475. /package/{components → dist/components}/Flyout/Flyout.js.map +0 -0
  476. /package/{components → dist/components}/Flyout/index.d.ts +0 -0
  477. /package/{components → dist/components}/Flyout.d.ts +0 -0
  478. /package/{components → dist/components}/Gallery/Gallery.cjs +0 -0
  479. /package/{components → dist/components}/Gallery/Gallery.cjs.map +0 -0
  480. /package/{components → dist/components}/Gallery/Gallery.d.ts +0 -0
  481. /package/{components → dist/components}/Gallery/Gallery.definition.d.ts +0 -0
  482. /package/{components → dist/components}/Gallery/Gallery.js +0 -0
  483. /package/{components → dist/components}/Gallery/Gallery.js.map +0 -0
  484. /package/{components → dist/components}/Gallery/GalleryLightbox.d.ts +0 -0
  485. /package/{components → dist/components}/Gallery/GalleryMain.d.ts +0 -0
  486. /package/{components → dist/components}/Gallery/GalleryThumbnails.d.ts +0 -0
  487. /package/{components → dist/components}/Gallery/index.d.ts +0 -0
  488. /package/{components → dist/components}/Gallery.d.ts +0 -0
  489. /package/{components → dist/components}/Icon/index.d.ts +0 -0
  490. /package/{components → dist/components}/Icon.d.ts +0 -0
  491. /package/{components → dist/components}/InputGroup/index.d.ts +0 -0
  492. /package/{components → dist/components}/InputGroup.d.ts +0 -0
  493. /package/{components → dist/components}/MenuButton/MenuButton.cjs +0 -0
  494. /package/{components → dist/components}/MenuButton/MenuButton.cjs.map +0 -0
  495. /package/{components → dist/components}/MenuButton/MenuButton.d.ts +0 -0
  496. /package/{components → dist/components}/MenuButton/MenuButton.js +0 -0
  497. /package/{components → dist/components}/MenuButton/MenuButton.js.map +0 -0
  498. /package/{components → dist/components}/MenuButton/index.d.ts +0 -0
  499. /package/{components → dist/components}/MenuButton.d.ts +0 -0
  500. /package/{components → dist/components}/Modal/ModalBody.d.ts +0 -0
  501. /package/{components → dist/components}/Modal/ModalHeader.d.ts +0 -0
  502. /package/{components → dist/components}/Modal.d.ts +0 -0
  503. /package/{components → dist/components}/Stat/Stat.cjs.map +0 -0
  504. /package/{components → dist/components}/Stat/Stat.d.ts +0 -0
  505. /package/{components → dist/components}/Stat/Stat.js.map +0 -0
  506. /package/{components → dist/components}/Stat/index.d.ts +0 -0
  507. /package/{components → dist/components}/Stat.d.ts +0 -0
  508. /package/{components → dist/components}/StatusMessage/StatusMessage.cjs +0 -0
  509. /package/{components → dist/components}/StatusMessage/StatusMessage.cjs.map +0 -0
  510. /package/{components → dist/components}/StatusMessage/StatusMessage.d.ts +0 -0
  511. /package/{components → dist/components}/StatusMessage/StatusMessage.js +0 -0
  512. /package/{components → dist/components}/StatusMessage/StatusMessage.js.map +0 -0
  513. /package/{components → dist/components}/StatusMessage/index.d.ts +0 -0
  514. /package/{components → dist/components}/StatusMessage.d.ts +0 -0
  515. /package/{components → dist/components}/Stepper/Step.d.ts +0 -0
  516. /package/{components → dist/components}/Stepper/Stepper.definition.d.ts +0 -0
  517. /package/{components → dist/components}/Stepper/index.d.ts +0 -0
  518. /package/{components → dist/components}/Stepper.d.ts +0 -0
  519. /package/{components → dist/components}/Table/Table.cjs +0 -0
  520. /package/{components → dist/components}/Table/Table.cjs.map +0 -0
  521. /package/{components → dist/components}/Table/Table.d.ts +0 -0
  522. /package/{components → dist/components}/Table/Table.definition.d.ts +0 -0
  523. /package/{components → dist/components}/Table/Table.js +0 -0
  524. /package/{components → dist/components}/Table/Table.js.map +0 -0
  525. /package/{components → dist/components}/Table/data.d.ts +0 -0
  526. /package/{components → dist/components}/Table/exportsUtils.d.ts +0 -0
  527. /package/{components → dist/components}/Table/index.d.ts +0 -0
  528. /package/{components → dist/components}/Table/types.d.ts +0 -0
  529. /package/{components → dist/components}/Table.d.ts +0 -0
  530. /package/{components → dist/components}/Tabs/Tab.d.ts +0 -0
  531. /package/{components → dist/components}/Tabs/Tab.definition.d.ts +0 -0
  532. /package/{components → dist/components}/Tabs/Tabs.cjs +0 -0
  533. /package/{components → dist/components}/Tabs/Tabs.cjs.map +0 -0
  534. /package/{components → dist/components}/Tabs/Tabs.d.ts +0 -0
  535. /package/{components → dist/components}/Tabs/Tabs.js +0 -0
  536. /package/{components → dist/components}/Tabs/Tabs.js.map +0 -0
  537. /package/{components → dist/components}/Tabs/_tabUtils.d.ts +0 -0
  538. /package/{components → dist/components}/Tabs/index.d.ts +0 -0
  539. /package/{components → dist/components}/Tabs.d.ts +0 -0
  540. /package/{components → dist/components}/Timeline/Timeline.cjs +0 -0
  541. /package/{components → dist/components}/Timeline/Timeline.cjs.map +0 -0
  542. /package/{components → dist/components}/Timeline/Timeline.d.ts +0 -0
  543. /package/{components → dist/components}/Timeline/Timeline.definition.d.ts +0 -0
  544. /package/{components → dist/components}/Timeline/Timeline.js +0 -0
  545. /package/{components → dist/components}/Timeline/Timeline.js.map +0 -0
  546. /package/{components → dist/components}/Timeline/TimelineItem.d.ts +0 -0
  547. /package/{components → dist/components}/Timeline/index.d.ts +0 -0
  548. /package/{components → dist/components}/Timeline.d.ts +0 -0
  549. /package/{components → dist/components}/Tooltip/Tooltip.cjs +0 -0
  550. /package/{components → dist/components}/Tooltip/Tooltip.cjs.map +0 -0
  551. /package/{components → dist/components}/Tooltip/Tooltip.d.ts +0 -0
  552. /package/{components → dist/components}/Tooltip/Tooltip.js +0 -0
  553. /package/{components → dist/components}/Tooltip/Tooltip.js.map +0 -0
  554. /package/{components → dist/components}/Tooltip/index.d.ts +0 -0
  555. /package/{components → dist/components}/Tooltip.d.ts +0 -0
  556. /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.cjs +0 -0
  557. /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.cjs.map +0 -0
  558. /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.d.ts +0 -0
  559. /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.js +0 -0
  560. /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.js.map +0 -0
  561. /package/{hooks → dist/hooks}/ClipBoard/ClipboardUnifiedDemo.d.ts +0 -0
  562. /package/{hooks → dist/hooks}/ClipBoard/index.d.ts +0 -0
  563. /package/{hooks → dist/hooks}/ClipBoard.d.ts +0 -0
  564. /package/{index.css → dist/styles.css} +0 -0
@@ -1,126 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
22
- const jsxRuntime = require("react/jsx-runtime");
23
- const React = require("react");
24
- const material = require("@mui/material");
25
- const DatePicker = require("@mui/x-date-pickers/DatePicker");
26
- const Input = require("../../Input-c8MwNNPg.cjs");
27
- const Select = require("../../Select-BO2N56sm.cjs");
28
- const DatePicker$1 = require("../../DatePicker-BoqxWAhj.cjs");
29
- const InputGroup = ({ children }) => {
30
- const childrenArray = React.Children.toArray(children);
31
- const childrenWithDividers = childrenArray.map((child, index) => {
32
- if (React.isValidElement(child)) {
33
- const childProps = child.props;
34
- const childType = child.type;
35
- const isInputComponent = childType === material.TextField || childType === Input.Input || childType === material.Select || childType === Select.Select || childType === DatePicker.DatePicker || childType === DatePicker$1.DatePicker;
36
- const clonedChild = isInputComponent ? React.cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
37
- // Añade la clase directamente al componente clonado
38
- className: "InputGroupChild",
39
- sx: __spreadProps(__spreadValues({}, childProps.sx), {
40
- // Usa el selector correcto para anular el borde del NotchedOutline
41
- "& .MuiOutlinedInput-notchedOutline": {
42
- border: "none !important"
43
- },
44
- // Asegura que el botón del DatePicker no tenga borde divisor
45
- "& .MuiInputBase-root .MuiButtonBase-root": {
46
- borderRight: "none"
47
- },
48
- // Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
49
- "& .MuiOutlinedInput-notchedOutline > legend": {
50
- display: "none"
51
- },
52
- " .InputGroupChild > MuiOutlinedInput-notchedOutline": {
53
- border: "none !important"
54
- },
55
- ".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
56
- border: "none !important"
57
- }
58
- })
59
- })) : child;
60
- return /* @__PURE__ */ jsxRuntime.jsx(
61
- material.Box,
62
- {
63
- sx: {
64
- flexGrow: 1,
65
- display: "flex",
66
- alignItems: "center",
67
- minWidth: 0,
68
- borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
69
- },
70
- children: clonedChild
71
- },
72
- index
73
- );
74
- }
75
- return child;
76
- });
77
- return /* @__PURE__ */ jsxRuntime.jsx(
78
- material.Box,
79
- {
80
- sx: {
81
- width: "100%",
82
- display: "grid",
83
- marginBottom: "10px",
84
- marginTop: "10px"
85
- },
86
- children: /* @__PURE__ */ jsxRuntime.jsx(
87
- material.Box,
88
- {
89
- className: "InputGroupChild",
90
- sx: {
91
- display: "flex",
92
- justifyContent: "space-between",
93
- height: "32px",
94
- border: "1px solid #ccc",
95
- borderRadius: "10px",
96
- padding: "8px 0px",
97
- marginTop: "-5px",
98
- marginBottom: "20px",
99
- "& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
100
- borderRadius: 0
101
- },
102
- "& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
103
- borderTopLeftRadius: "10px",
104
- borderBottomLeftRadius: "10px"
105
- },
106
- "& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
107
- borderTopRightRadius: "10px",
108
- borderBottomRightRadius: "10px",
109
- border: "none !important"
110
- },
111
- // Estilo para los componentes que tienen `InputGroupChild` en la clase
112
- "& .InputGroupChild": {
113
- width: "100%"
114
- },
115
- "& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
116
- border: "none !important"
117
- }
118
- },
119
- children: childrenWithDividers
120
- }
121
- )
122
- }
123
- );
124
- };
125
- exports.InputGroup = InputGroup;
126
- //# sourceMappingURL=InputGroup.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputGroup.cjs","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n sx?: object;\n [key: string]: any;\n}\n\ninterface InputGroupProps {\n children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n const childrenArray = Children.toArray(children);\n\n const childrenWithDividers = childrenArray.map((child, index) => {\n if (isValidElement(child)) {\n const childProps = child.props as CommonProps;\n const childType = child.type as any;\n\n const isInputComponent = (\n childType === MuiTextField || \n childType === Input || \n childType === MuiSelect || \n childType === Select ||\n childType === MuiDatePicker || \n childType === DatePicker\n );\n\n const clonedChild = isInputComponent ? (\n cloneElement(child, {\n ...childProps,\n // Añade la clase directamente al componente clonado\n className: 'InputGroupChild',\n sx: {\n ...childProps.sx,\n // Usa el selector correcto para anular el borde del NotchedOutline\n '& .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n // Asegura que el botón del DatePicker no tenga borde divisor\n '& .MuiInputBase-root .MuiButtonBase-root': {\n borderRight: 'none',\n },\n // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n '& .MuiOutlinedInput-notchedOutline > legend': {\n display: 'none',\n },\n\n ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n\n }, \n '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n }\n\n },\n } as CommonProps)\n ) : (\n child\n );\n\n return (\n <Box\n key={index}\n sx={{\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n minWidth: 0,\n borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n }}\n >\n {clonedChild}\n </Box>\n );\n }\n return child;\n });\n\n return (\n <Box\n sx={{\n width: '100%',\n display: 'grid',\n marginBottom: '10px',\n marginTop: '10px'\n }}\n\n >\n <Box\n className='InputGroupChild'\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n border: '1px solid #ccc',\n borderRadius: '10px',\n padding: '8px 0px',\n marginTop: '-5px',\n marginBottom: '20px',\n '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n borderRadius: 0,\n },\n '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n borderTopLeftRadius: '10px',\n borderBottomLeftRadius: '10px',\n },\n '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n borderTopRightRadius: '10px',\n borderBottomRightRadius: '10px',\n border: 'none !important'\n },\n // Estilo para los componentes que tienen `InputGroupChild` en la clase\n '& .InputGroupChild': {\n width: '100%',\n },\n '& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n }}\n >\n {childrenWithDividers}\n </Box>\n </Box>\n );\n};\n\nexport default InputGroup;"],"names":["Children","isValidElement","MuiTextField","Input","MuiSelect","Select","MuiDatePicker","DatePicker","cloneElement","jsx","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgBA,MAAAA,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAIC,MAAAA,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcC,sBACd,cAAcC,MAAAA,SACd,cAAcC,SAAAA,UACd,cAAcC,OAAAA,UACd,cAAcC,WAAAA,cACd,cAAcC,aAAAA;AAGhB,YAAM,cAAc,mBAClBC,MAAAA,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACED,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAAD,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;;"}
@@ -1,6 +0,0 @@
1
- import { default as React } from 'react';
2
- interface InputGroupProps {
3
- children: React.ReactNode;
4
- }
5
- declare const InputGroup: React.FC<InputGroupProps>;
6
- export default InputGroup;
@@ -1,126 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { jsx } from "react/jsx-runtime";
21
- import { Children, isValidElement, cloneElement } from "react";
22
- import { Box, TextField, Select } from "@mui/material";
23
- import { DatePicker } from "@mui/x-date-pickers/DatePicker";
24
- import { I as Input } from "../../Input-DFHs7cJ_.js";
25
- import { S as Select$1 } from "../../Select-BcLkyHSE.js";
26
- import { D as DatePicker$1 } from "../../DatePicker-BSNboVhN.js";
27
- const InputGroup = ({ children }) => {
28
- const childrenArray = Children.toArray(children);
29
- const childrenWithDividers = childrenArray.map((child, index) => {
30
- if (isValidElement(child)) {
31
- const childProps = child.props;
32
- const childType = child.type;
33
- const isInputComponent = childType === TextField || childType === Input || childType === Select || childType === Select$1 || childType === DatePicker || childType === DatePicker$1;
34
- const clonedChild = isInputComponent ? cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
35
- // Añade la clase directamente al componente clonado
36
- className: "InputGroupChild",
37
- sx: __spreadProps(__spreadValues({}, childProps.sx), {
38
- // Usa el selector correcto para anular el borde del NotchedOutline
39
- "& .MuiOutlinedInput-notchedOutline": {
40
- border: "none !important"
41
- },
42
- // Asegura que el botón del DatePicker no tenga borde divisor
43
- "& .MuiInputBase-root .MuiButtonBase-root": {
44
- borderRight: "none"
45
- },
46
- // Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
47
- "& .MuiOutlinedInput-notchedOutline > legend": {
48
- display: "none"
49
- },
50
- " .InputGroupChild > MuiOutlinedInput-notchedOutline": {
51
- border: "none !important"
52
- },
53
- ".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
54
- border: "none !important"
55
- }
56
- })
57
- })) : child;
58
- return /* @__PURE__ */ jsx(
59
- Box,
60
- {
61
- sx: {
62
- flexGrow: 1,
63
- display: "flex",
64
- alignItems: "center",
65
- minWidth: 0,
66
- borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
67
- },
68
- children: clonedChild
69
- },
70
- index
71
- );
72
- }
73
- return child;
74
- });
75
- return /* @__PURE__ */ jsx(
76
- Box,
77
- {
78
- sx: {
79
- width: "100%",
80
- display: "grid",
81
- marginBottom: "10px",
82
- marginTop: "10px"
83
- },
84
- children: /* @__PURE__ */ jsx(
85
- Box,
86
- {
87
- className: "InputGroupChild",
88
- sx: {
89
- display: "flex",
90
- justifyContent: "space-between",
91
- height: "32px",
92
- border: "1px solid #ccc",
93
- borderRadius: "10px",
94
- padding: "8px 0px",
95
- marginTop: "-5px",
96
- marginBottom: "20px",
97
- "& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
98
- borderRadius: 0
99
- },
100
- "& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
101
- borderTopLeftRadius: "10px",
102
- borderBottomLeftRadius: "10px"
103
- },
104
- "& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
105
- borderTopRightRadius: "10px",
106
- borderBottomRightRadius: "10px",
107
- border: "none !important"
108
- },
109
- // Estilo para los componentes que tienen `InputGroupChild` en la clase
110
- "& .InputGroupChild": {
111
- width: "100%"
112
- },
113
- "& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
114
- border: "none !important"
115
- }
116
- },
117
- children: childrenWithDividers
118
- }
119
- )
120
- }
121
- );
122
- };
123
- export {
124
- InputGroup
125
- };
126
- //# sourceMappingURL=InputGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n sx?: object;\n [key: string]: any;\n}\n\ninterface InputGroupProps {\n children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n const childrenArray = Children.toArray(children);\n\n const childrenWithDividers = childrenArray.map((child, index) => {\n if (isValidElement(child)) {\n const childProps = child.props as CommonProps;\n const childType = child.type as any;\n\n const isInputComponent = (\n childType === MuiTextField || \n childType === Input || \n childType === MuiSelect || \n childType === Select ||\n childType === MuiDatePicker || \n childType === DatePicker\n );\n\n const clonedChild = isInputComponent ? (\n cloneElement(child, {\n ...childProps,\n // Añade la clase directamente al componente clonado\n className: 'InputGroupChild',\n sx: {\n ...childProps.sx,\n // Usa el selector correcto para anular el borde del NotchedOutline\n '& .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n // Asegura que el botón del DatePicker no tenga borde divisor\n '& .MuiInputBase-root .MuiButtonBase-root': {\n borderRight: 'none',\n },\n // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n '& .MuiOutlinedInput-notchedOutline > legend': {\n display: 'none',\n },\n\n ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n\n }, \n '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n }\n\n },\n } as CommonProps)\n ) : (\n child\n );\n\n return (\n <Box\n key={index}\n sx={{\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n minWidth: 0,\n borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n }}\n >\n {clonedChild}\n </Box>\n );\n }\n return child;\n });\n\n return (\n <Box\n sx={{\n width: '100%',\n display: 'grid',\n marginBottom: '10px',\n marginTop: '10px'\n }}\n\n >\n <Box\n className='InputGroupChild'\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n border: '1px solid #ccc',\n borderRadius: '10px',\n padding: '8px 0px',\n marginTop: '-5px',\n marginBottom: '20px',\n '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n borderRadius: 0,\n },\n '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n borderTopLeftRadius: '10px',\n borderBottomLeftRadius: '10px',\n },\n '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n borderTopRightRadius: '10px',\n borderBottomRightRadius: '10px',\n border: 'none !important'\n },\n // Estilo para los componentes que tienen `InputGroupChild` en la clase\n '& .InputGroupChild': {\n width: '100%',\n },\n '& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n }}\n >\n {childrenWithDividers}\n </Box>\n </Box>\n );\n};\n\nexport default InputGroup;"],"names":["MuiTextField","MuiSelect","Select","MuiDatePicker","DatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcA,aACd,cAAc,SACd,cAAcC,UACd,cAAcC,YACd,cAAcC,cACd,cAAcC;AAGhB,YAAM,cAAc,mBAClB,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;"}
@@ -1,209 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
34
- const jsxRuntime = require("react/jsx-runtime");
35
- const React = require("react");
36
- const material = require("@mui/material");
37
- const ModalFooter = ({
38
- // Renombrado
39
- children,
40
- showCloseButton = true,
41
- closeButtonText = "Cerrar",
42
- closeButtonDisabled = false,
43
- onClose,
44
- actions = []
45
- }) => {
46
- return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { padding: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
47
- children,
48
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, children: [
49
- showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
50
- material.Button,
51
- {
52
- onClick: onClose,
53
- disabled: closeButtonDisabled,
54
- variant: "outlined",
55
- color: "secondary",
56
- children: closeButtonText
57
- }
58
- ),
59
- actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
60
- material.Button,
61
- {
62
- onClick: action.onClick,
63
- disabled: action.disabled,
64
- variant: action.variant || "contained",
65
- color: action.color || "primary",
66
- children: action.text
67
- },
68
- index
69
- ))
70
- ] })
71
- ] });
72
- };
73
- const ModalHeader = ({ children }) => {
74
- return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { padding: 2, borderBottom: "1px solid #e0e0e0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", component: "h2", children }) });
75
- };
76
- const ModalBody = ({ children }) => {
77
- return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { padding: 2, overflowY: "auto", flexGrow: 1 }, children });
78
- };
79
- const modalStyle = {
80
- position: "absolute",
81
- top: "50%",
82
- left: "50%",
83
- transform: "translate(-50%, -50%)",
84
- width: "90%",
85
- maxHeight: "90vh",
86
- display: "flex",
87
- flexDirection: "column",
88
- outline: "none"
89
- };
90
- const Modal = React.forwardRef(({
91
- open: controlledOpen,
92
- // Renombra la prop 'open' si se pasa externamente
93
- onClose: controlledOnClose,
94
- // Renombra la prop 'onClose' si se pasa externamente
95
- title,
96
- children,
97
- showCloseButton = true,
98
- closeButtonText = "Cerrar",
99
- closeButtonDisabled = false,
100
- actions = [],
101
- maxWidth = "sm",
102
- hiddenFooter = false
103
- }, ref) => {
104
- const [internalOpen, setInternalOpen] = React.useState(false);
105
- const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
106
- React.useImperativeHandle(ref, () => ({
107
- open: () => setInternalOpen(true),
108
- close: () => {
109
- setInternalOpen(false);
110
- controlledOnClose == null ? void 0 : controlledOnClose();
111
- }
112
- }));
113
- const handleCloseInternal = () => {
114
- setInternalOpen(false);
115
- controlledOnClose == null ? void 0 : controlledOnClose();
116
- };
117
- const theme = material.useTheme();
118
- const isMobile = material.useMediaQuery(theme.breakpoints.down("sm"));
119
- const getWidth = () => {
120
- if (isMobile) return "95%";
121
- switch (maxWidth) {
122
- case "xs":
123
- return 300;
124
- case "sm":
125
- return 500;
126
- case "md":
127
- return 700;
128
- case "lg":
129
- return 900;
130
- case "xl":
131
- return 1100;
132
- case false:
133
- return "auto";
134
- default:
135
- return 500;
136
- }
137
- };
138
- const renderChildren = () => {
139
- let header = null;
140
- let body = null;
141
- let footer = null;
142
- React.Children.forEach(children, (child) => {
143
- if (React.isValidElement(child)) {
144
- if (child.type === ModalHeader) {
145
- header = child;
146
- } else if (child.type === ModalBody) {
147
- body = child;
148
- } else if (child.type === ModalFooter) {
149
- const footerChild = child;
150
- const _a = footerChild.props, {
151
- showCloseButton: childShowCloseButton,
152
- closeButtonText: childCloseButtonText,
153
- closeButtonDisabled: childCloseButtonDisabled,
154
- onClose: childOnClose,
155
- actions: childActions
156
- } = _a, restOfFooterProps = __objRest(_a, [
157
- "showCloseButton",
158
- "closeButtonText",
159
- "closeButtonDisabled",
160
- "onClose",
161
- "actions"
162
- ]);
163
- footer = React.cloneElement(footerChild, __spreadValues({
164
- showCloseButton,
165
- closeButtonText,
166
- closeButtonDisabled,
167
- onClose: handleCloseInternal,
168
- // Usa la función de cierre interna
169
- actions
170
- }, restOfFooterProps));
171
- }
172
- }
173
- });
174
- if (!footer && !hiddenFooter) {
175
- footer = /* @__PURE__ */ jsxRuntime.jsx(
176
- ModalFooter,
177
- {
178
- showCloseButton,
179
- closeButtonText,
180
- closeButtonDisabled,
181
- onClose: handleCloseInternal,
182
- actions
183
- }
184
- );
185
- }
186
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
187
- header || title && /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { children: title }),
188
- body,
189
- footer
190
- ] });
191
- };
192
- return /* @__PURE__ */ jsxRuntime.jsx(
193
- material.Modal,
194
- {
195
- open: isOpen,
196
- onClose: handleCloseInternal,
197
- "aria-labelledby": "modal-title",
198
- "aria-describedby": "modal-description",
199
- closeAfterTransition: true,
200
- children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: renderChildren() })
201
- }
202
- );
203
- });
204
- const ModalWithStatics = Modal;
205
- ModalWithStatics.Header = ModalHeader;
206
- ModalWithStatics.Body = ModalBody;
207
- ModalWithStatics.Footer = ModalFooter;
208
- exports.Modal = ModalWithStatics;
209
- //# sourceMappingURL=Modal.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/ModalFooter.tsx","../../../src/components/Modal/ModalHeader.tsx","../../../src/components/Modal/ModalBody.tsx","../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, Stack } from '@mui/material';\nimport { ButtonProps } from '@mui/material/Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n text: string;\n onClick: () => void;\n disabled?: boolean;\n variant?: ButtonProps['variant'];\n color?: ButtonProps['color'];\n}\n\nexport interface ModalFooterProps { // Renombrado\n children?: React.ReactNode;\n showCloseButton?: boolean;\n closeButtonText?: string;\n closeButtonDisabled?: boolean;\n onClose: () => void;\n actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({ // Renombrado\n children,\n showCloseButton = true,\n closeButtonText = \"Cerrar\",\n closeButtonDisabled = false,\n onClose,\n actions = [],\n}) => {\n return (\n <Box sx={{ padding: 2, borderTop: '1px solid #e0e0e0', display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n {children}\n <Stack direction=\"row\" spacing={1}>\n {showCloseButton && (\n <Button\n onClick={onClose}\n disabled={closeButtonDisabled}\n variant=\"outlined\"\n color=\"secondary\"\n >\n {closeButtonText}\n </Button>\n )}\n {actions.map((action, index) => (\n <Button\n key={index}\n onClick={action.onClick}\n disabled={action.disabled}\n variant={action.variant || 'contained'}\n color={action.color || 'primary'}\n >\n {action.text}\n </Button>\n ))}\n </Stack>\n </Box>\n );\n};\n\nexport default ModalFooter;","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\ninterface ModalHeaderProps { // Renombrado\n children: React.ReactNode;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children }) => { // Renombrado\n return (\n <Box sx={{ padding: 2, borderBottom: '1px solid #e0e0e0', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n <Typography variant=\"h6\" component=\"h2\">\n {children}\n </Typography>\n </Box>\n );\n};\n\nexport default ModalHeader;","import React from 'react';\nimport { Box } from '@mui/material';\n\ninterface ModalBodyProps { // Renombrado\n children: React.ReactNode;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children }) => { // Renombrado\n return (\n <Box sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n {children}\n </Box>\n );\n};\n\nexport default ModalBody;","import React, { useState, useImperativeHandle, forwardRef } from 'react'; // 👈 Importa useImperativeHandle y forwardRef\nimport { Modal as MuiModal, Box, Paper, useTheme, useMediaQuery } from '@mui/material';\n\nimport { DialogProps } from '@mui/material/Dialog';\nimport { ModalAction, ModalFooter, ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n open: () => void;\n close: () => void;\n}\n\ninterface ModalProps {\n // La prop 'open' ahora es opcional si se usa con ref, pero aún puede ser controlada externamente\n open?: boolean;\n onClose?: () => void; // 'onClose' ahora es opcional ya que el modal puede cerrarse internamente\n title?: string;\n children: React.ReactNode;\n showCloseButton?: boolean;\n closeButtonText?: string;\n closeButtonDisabled?: boolean;\n actions?: ModalAction[];\n maxWidth?: DialogProps['maxWidth'];\n hiddenFooter?: boolean\n}\n\nconst modalStyle = {\n position: 'absolute' as 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '90%',\n maxHeight: '90vh',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n};\n\n// Envuelve el componente en forwardRef\nexport const Modal = forwardRef<ModalRef, ModalProps>(({\n open: controlledOpen, // Renombra la prop 'open' si se pasa externamente\n onClose: controlledOnClose, // Renombra la prop 'onClose' si se pasa externamente\n title,\n children,\n showCloseButton = true,\n closeButtonText = \"Cerrar\",\n closeButtonDisabled = false,\n actions = [],\n maxWidth = 'sm',\n hiddenFooter = false,\n}, ref) => { // Recibe la ref\n // Estado interno para gestionar la visibilidad si no es controlado externamente\n const [internalOpen, setInternalOpen] = useState(false);\n\n // Determina si el modal está abierto, priorizando la prop externa\n const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n // Expone métodos 'open' y 'close' a través de la ref\n useImperativeHandle(ref, () => ({\n open: () => setInternalOpen(true),\n close: () => {\n setInternalOpen(false);\n controlledOnClose?.(); // Llama al onClose externo si existe\n },\n }));\n\n const handleCloseInternal = () => {\n setInternalOpen(false);\n controlledOnClose?.(); // Llama al onClose externo si existe\n };\n\n const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n const getWidth = () => {\n if (isMobile) return '95%';\n switch (maxWidth) {\n case 'xs': return 300;\n case 'sm': return 500;\n case 'md': return 700;\n case 'lg': return 900;\n case 'xl': return 1100;\n case false: return 'auto';\n default: return 500;\n }\n };\n\n const renderChildren = () => {\n let header: React.ReactNode | null = null;\n let body: React.ReactNode | null = null;\n let footer: React.ReactNode | null = null;\n\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child)) {\n if (child.type === ModalHeader) {\n header = child;\n } else if (child.type === ModalBody) {\n body = child;\n } else if (child.type === ModalFooter) {\n const footerChild = child as React.ReactElement<ModalFooterProps>;\n const {\n showCloseButton: childShowCloseButton,\n closeButtonText: childCloseButtonText,\n closeButtonDisabled: childCloseButtonDisabled,\n onClose: childOnClose,\n actions: childActions,\n ...restOfFooterProps\n } = footerChild.props;\n\n footer = React.cloneElement(footerChild, {\n showCloseButton,\n closeButtonText,\n closeButtonDisabled,\n onClose: handleCloseInternal, // Usa la función de cierre interna\n actions,\n ...restOfFooterProps,\n });\n }\n }\n });\n\n if (!footer && !hiddenFooter) {\n footer = (\n <ModalFooter\n showCloseButton={showCloseButton}\n closeButtonText={closeButtonText}\n closeButtonDisabled={closeButtonDisabled}\n onClose={handleCloseInternal} // Usa la función de cierre interna\n actions={actions}\n />\n );\n }\n\n return (\n <>\n {header || (title && <ModalHeader>{title}</ModalHeader>)}\n {body}\n {footer}\n </>\n );\n };\n\n return (\n <MuiModal\n open={isOpen} // Usa el estado de visibilidad determinado\n onClose={handleCloseInternal} // Usa la función de cierre interna\n aria-labelledby=\"modal-title\"\n aria-describedby=\"modal-description\"\n closeAfterTransition\n >\n <Paper sx={{ ...modalStyle, width: getWidth() }}>\n {renderChildren()}\n </Paper>\n </MuiModal>\n );\n});\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {\n Header: typeof ModalHeader;\n Body: typeof ModalBody;\n Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useImperativeHandle","useTheme","useMediaQuery","Fragment","MuiModal","Paper"],"mappings":"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"}
@@ -1,29 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DialogProps } from '@mui/material/Dialog';
3
- import { ModalAction, ModalFooter } from './ModalFooter';
4
- import { ModalHeader } from './ModalHeader';
5
- import { ModalBody } from './ModalBody';
6
- export interface ModalRef {
7
- open: () => void;
8
- close: () => void;
9
- }
10
- interface ModalProps {
11
- open?: boolean;
12
- onClose?: () => void;
13
- title?: string;
14
- children: React.ReactNode;
15
- showCloseButton?: boolean;
16
- closeButtonText?: string;
17
- closeButtonDisabled?: boolean;
18
- actions?: ModalAction[];
19
- maxWidth?: DialogProps['maxWidth'];
20
- hiddenFooter?: boolean;
21
- }
22
- export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
23
- type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
24
- Header: typeof ModalHeader;
25
- Body: typeof ModalBody;
26
- Footer: typeof ModalFooter;
27
- };
28
- declare const ModalWithStatics: ModalComponent;
29
- export default ModalWithStatics;