@mantis-core/ui 0.4.0 → 0.6.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 (377) hide show
  1. package/CHANGELOG.md +144 -0
  2. package/COMPONENTS.md +113 -15
  3. package/README.md +13 -6
  4. package/catalog.json +3031 -0
  5. package/dist/components/Buttons/Button.d.ts +39 -9
  6. package/dist/components/Buttons/Button.d.ts.map +1 -1
  7. package/dist/components/Buttons/Button.js +21 -13
  8. package/dist/components/Buttons/Button.js.map +1 -1
  9. package/dist/components/Forms/AutoCompleteField.d.ts +60 -0
  10. package/dist/components/Forms/AutoCompleteField.d.ts.map +1 -0
  11. package/dist/components/Forms/AutoCompleteField.js +125 -0
  12. package/dist/components/Forms/AutoCompleteField.js.map +1 -0
  13. package/dist/components/Forms/CKEditorInput.d.ts +5 -2
  14. package/dist/components/Forms/CKEditorInput.d.ts.map +1 -1
  15. package/dist/components/Forms/CKEditorInput.js +5 -2
  16. package/dist/components/Forms/CKEditorInput.js.map +1 -1
  17. package/dist/components/Forms/CheckboxField.d.ts +14 -0
  18. package/dist/components/Forms/CheckboxField.d.ts.map +1 -0
  19. package/dist/components/Forms/CheckboxField.js +26 -0
  20. package/dist/components/Forms/CheckboxField.js.map +1 -0
  21. package/dist/components/Forms/ColorPickerInput.d.ts +27 -8
  22. package/dist/components/Forms/ColorPickerInput.d.ts.map +1 -1
  23. package/dist/components/Forms/ColorPickerInput.js +57 -11
  24. package/dist/components/Forms/ColorPickerInput.js.map +1 -1
  25. package/dist/components/Forms/DateField.d.ts +68 -0
  26. package/dist/components/Forms/DateField.d.ts.map +1 -0
  27. package/dist/components/Forms/DateField.js +108 -0
  28. package/dist/components/Forms/DateField.js.map +1 -0
  29. package/dist/components/Forms/DatePresets.d.ts.map +1 -1
  30. package/dist/components/Forms/DatePresets.js +6 -3
  31. package/dist/components/Forms/DatePresets.js.map +1 -1
  32. package/dist/components/Forms/FieldShell.d.ts +24 -0
  33. package/dist/components/Forms/FieldShell.d.ts.map +1 -0
  34. package/dist/components/Forms/FieldShell.js +39 -0
  35. package/dist/components/Forms/FieldShell.js.map +1 -0
  36. package/dist/components/Forms/FileDropzone.d.ts +4 -2
  37. package/dist/components/Forms/FileDropzone.d.ts.map +1 -1
  38. package/dist/components/Forms/FileDropzone.js.map +1 -1
  39. package/dist/components/Forms/FormActionsBar.js +2 -2
  40. package/dist/components/Forms/FormActionsBar.js.map +1 -1
  41. package/dist/components/Forms/FormWizard.d.ts +1 -1
  42. package/dist/components/Forms/FormWizard.d.ts.map +1 -1
  43. package/dist/components/Forms/FormWizard.js +4 -5
  44. package/dist/components/Forms/FormWizard.js.map +1 -1
  45. package/dist/components/Forms/HiddenField.d.ts +12 -6
  46. package/dist/components/Forms/HiddenField.d.ts.map +1 -1
  47. package/dist/components/Forms/HiddenField.js +14 -5
  48. package/dist/components/Forms/HiddenField.js.map +1 -1
  49. package/dist/components/Forms/MaskField.d.ts +28 -0
  50. package/dist/components/Forms/MaskField.d.ts.map +1 -0
  51. package/dist/components/Forms/MaskField.js +74 -0
  52. package/dist/components/Forms/MaskField.js.map +1 -0
  53. package/dist/components/Forms/NumberField.d.ts +14 -0
  54. package/dist/components/Forms/NumberField.d.ts.map +1 -0
  55. package/dist/components/Forms/NumberField.js +51 -0
  56. package/dist/components/Forms/NumberField.js.map +1 -0
  57. package/dist/components/Forms/OtpInput.d.ts +23 -8
  58. package/dist/components/Forms/OtpInput.d.ts.map +1 -1
  59. package/dist/components/Forms/OtpInput.js +37 -8
  60. package/dist/components/Forms/OtpInput.js.map +1 -1
  61. package/dist/components/Forms/PasswordInput.d.ts +22 -9
  62. package/dist/components/Forms/PasswordInput.d.ts.map +1 -1
  63. package/dist/components/Forms/PasswordInput.js +63 -28
  64. package/dist/components/Forms/PasswordInput.js.map +1 -1
  65. package/dist/components/Forms/PhoneInput.d.ts +16 -8
  66. package/dist/components/Forms/PhoneInput.d.ts.map +1 -1
  67. package/dist/components/Forms/PhoneInput.js +13 -6
  68. package/dist/components/Forms/PhoneInput.js.map +1 -1
  69. package/dist/components/Forms/RadioGroup.d.ts +34 -13
  70. package/dist/components/Forms/RadioGroup.d.ts.map +1 -1
  71. package/dist/components/Forms/RadioGroup.js +49 -6
  72. package/dist/components/Forms/RadioGroup.js.map +1 -1
  73. package/dist/components/Forms/RangeSlider.d.ts +26 -11
  74. package/dist/components/Forms/RangeSlider.d.ts.map +1 -1
  75. package/dist/components/Forms/RangeSlider.js +40 -7
  76. package/dist/components/Forms/RangeSlider.js.map +1 -1
  77. package/dist/components/Forms/RatingInput.d.ts +24 -8
  78. package/dist/components/Forms/RatingInput.d.ts.map +1 -1
  79. package/dist/components/Forms/RatingInput.js +41 -9
  80. package/dist/components/Forms/RatingInput.js.map +1 -1
  81. package/dist/components/Forms/SearchInput.d.ts +18 -10
  82. package/dist/components/Forms/SearchInput.d.ts.map +1 -1
  83. package/dist/components/Forms/SearchInput.js +44 -23
  84. package/dist/components/Forms/SearchInput.js.map +1 -1
  85. package/dist/components/Forms/SelectField.d.ts +41 -0
  86. package/dist/components/Forms/SelectField.d.ts.map +1 -0
  87. package/dist/components/Forms/SelectField.js +110 -0
  88. package/dist/components/Forms/SelectField.js.map +1 -0
  89. package/dist/components/Forms/SwitchField.d.ts +14 -0
  90. package/dist/components/Forms/SwitchField.d.ts.map +1 -0
  91. package/dist/components/Forms/SwitchField.js +26 -0
  92. package/dist/components/Forms/SwitchField.js.map +1 -0
  93. package/dist/components/Forms/TagsInput.d.ts +29 -8
  94. package/dist/components/Forms/TagsInput.d.ts.map +1 -1
  95. package/dist/components/Forms/TagsInput.js +53 -9
  96. package/dist/components/Forms/TagsInput.js.map +1 -1
  97. package/dist/components/Forms/TextArea.d.ts +13 -10
  98. package/dist/components/Forms/TextArea.d.ts.map +1 -1
  99. package/dist/components/Forms/TextArea.js +27 -9
  100. package/dist/components/Forms/TextArea.js.map +1 -1
  101. package/dist/components/Forms/TextField.d.ts +14 -0
  102. package/dist/components/Forms/TextField.d.ts.map +1 -0
  103. package/dist/components/Forms/TextField.js +29 -0
  104. package/dist/components/Forms/TextField.js.map +1 -0
  105. package/dist/components/Forms/ToggleInlineButton.d.ts +33 -12
  106. package/dist/components/Forms/ToggleInlineButton.d.ts.map +1 -1
  107. package/dist/components/Forms/ToggleInlineButton.js +56 -6
  108. package/dist/components/Forms/ToggleInlineButton.js.map +1 -1
  109. package/dist/components/Forms/UploadFilesPreview.js +3 -3
  110. package/dist/components/Forms/UploadFilesPreview.js.map +1 -1
  111. package/dist/components/Forms/field-typing.test-d.d.ts +2 -0
  112. package/dist/components/Forms/field-typing.test-d.d.ts.map +1 -0
  113. package/dist/components/Forms/field-typing.test-d.js +24 -0
  114. package/dist/components/Forms/field-typing.test-d.js.map +1 -0
  115. package/dist/components/Forms/useFieldController.d.ts +85 -0
  116. package/dist/components/Forms/useFieldController.d.ts.map +1 -0
  117. package/dist/components/Forms/useFieldController.js +54 -0
  118. package/dist/components/Forms/useFieldController.js.map +1 -0
  119. package/dist/components/Loaders/Loading.d.ts.map +1 -1
  120. package/dist/components/Loaders/Loading.js +3 -2
  121. package/dist/components/Loaders/Loading.js.map +1 -1
  122. package/dist/components/Tables/ActionColumn.d.ts +20 -4
  123. package/dist/components/Tables/ActionColumn.d.ts.map +1 -1
  124. package/dist/components/Tables/ActionColumn.js +24 -5
  125. package/dist/components/Tables/ActionColumn.js.map +1 -1
  126. package/dist/components/Tables/FilterPannel.d.ts +9 -2
  127. package/dist/components/Tables/FilterPannel.d.ts.map +1 -1
  128. package/dist/components/Tables/FilterPannel.js +15 -11
  129. package/dist/components/Tables/FilterPannel.js.map +1 -1
  130. package/dist/components/Tables/IndexColumn.d.ts +12 -3
  131. package/dist/components/Tables/IndexColumn.d.ts.map +1 -1
  132. package/dist/components/Tables/IndexColumn.js +21 -5
  133. package/dist/components/Tables/IndexColumn.js.map +1 -1
  134. package/dist/components/Tables/MantisDataTable.d.ts +45 -0
  135. package/dist/components/Tables/MantisDataTable.d.ts.map +1 -0
  136. package/dist/components/Tables/MantisDataTable.js +63 -0
  137. package/dist/components/Tables/MantisDataTable.js.map +1 -0
  138. package/dist/components/Tables/MenuButton.d.ts +28 -7
  139. package/dist/components/Tables/MenuButton.d.ts.map +1 -1
  140. package/dist/components/Tables/MenuButton.js +20 -10
  141. package/dist/components/Tables/MenuButton.js.map +1 -1
  142. package/dist/components/Tables/PaginatedTable.d.ts +26 -17
  143. package/dist/components/Tables/PaginatedTable.d.ts.map +1 -1
  144. package/dist/components/Tables/PaginatedTable.js +24 -22
  145. package/dist/components/Tables/PaginatedTable.js.map +1 -1
  146. package/dist/components/Tables/cell-presets.d.ts +35 -0
  147. package/dist/components/Tables/cell-presets.d.ts.map +1 -0
  148. package/dist/components/Tables/cell-presets.js +40 -0
  149. package/dist/components/Tables/cell-presets.js.map +1 -0
  150. package/dist/components/Tables/columns.d.ts +40 -0
  151. package/dist/components/Tables/columns.d.ts.map +1 -0
  152. package/dist/components/Tables/columns.js +2 -0
  153. package/dist/components/Tables/columns.js.map +1 -0
  154. package/dist/components/Tables/filters/MultiSelectFilter.d.ts +24 -6
  155. package/dist/components/Tables/filters/MultiSelectFilter.d.ts.map +1 -1
  156. package/dist/components/Tables/filters/MultiSelectFilter.js +19 -6
  157. package/dist/components/Tables/filters/MultiSelectFilter.js.map +1 -1
  158. package/dist/components/auth/ChangePasswordForm.d.ts.map +1 -1
  159. package/dist/components/auth/ChangePasswordForm.js +12 -12
  160. package/dist/components/auth/ChangePasswordForm.js.map +1 -1
  161. package/dist/components/auth/ForgotPasswordForm.d.ts.map +1 -1
  162. package/dist/components/auth/ForgotPasswordForm.js +7 -5
  163. package/dist/components/auth/ForgotPasswordForm.js.map +1 -1
  164. package/dist/components/auth/LoginForm.d.ts +2 -2
  165. package/dist/components/auth/LoginForm.d.ts.map +1 -1
  166. package/dist/components/auth/LoginForm.js +15 -15
  167. package/dist/components/auth/LoginForm.js.map +1 -1
  168. package/dist/components/auth/ResetPasswordForm.d.ts.map +1 -1
  169. package/dist/components/auth/ResetPasswordForm.js +11 -12
  170. package/dist/components/auth/ResetPasswordForm.js.map +1 -1
  171. package/dist/components/auth/UserMenu.d.ts +11 -1
  172. package/dist/components/auth/UserMenu.d.ts.map +1 -1
  173. package/dist/components/auth/UserMenu.js +30 -87
  174. package/dist/components/auth/UserMenu.js.map +1 -1
  175. package/dist/components/data/Timeline.d.ts +2 -2
  176. package/dist/components/data/Timeline.d.ts.map +1 -1
  177. package/dist/components/data/Timeline.js +17 -17
  178. package/dist/components/data/Timeline.js.map +1 -1
  179. package/dist/components/feedback/Avatar.d.ts +4 -2
  180. package/dist/components/feedback/Avatar.d.ts.map +1 -1
  181. package/dist/components/feedback/Avatar.js +4 -4
  182. package/dist/components/feedback/Avatar.js.map +1 -1
  183. package/dist/components/feedback/CardSkeleton.d.ts.map +1 -1
  184. package/dist/components/feedback/CardSkeleton.js +3 -3
  185. package/dist/components/feedback/CardSkeleton.js.map +1 -1
  186. package/dist/components/feedback/TableSkeleton.d.ts.map +1 -1
  187. package/dist/components/feedback/TableSkeleton.js +3 -3
  188. package/dist/components/feedback/TableSkeleton.js.map +1 -1
  189. package/dist/components/feedback/Tag.d.ts +4 -2
  190. package/dist/components/feedback/Tag.d.ts.map +1 -1
  191. package/dist/components/feedback/Tag.js +4 -4
  192. package/dist/components/feedback/Tag.js.map +1 -1
  193. package/dist/components/navigation/CommandPalette.d.ts.map +1 -1
  194. package/dist/components/navigation/CommandPalette.js +5 -2
  195. package/dist/components/navigation/CommandPalette.js.map +1 -1
  196. package/dist/components/navigation/PageTabs.d.ts +10 -8
  197. package/dist/components/navigation/PageTabs.d.ts.map +1 -1
  198. package/dist/components/navigation/PageTabs.js +17 -13
  199. package/dist/components/navigation/PageTabs.js.map +1 -1
  200. package/dist/components/overlays/Drawer.d.ts +16 -3
  201. package/dist/components/overlays/Drawer.d.ts.map +1 -1
  202. package/dist/components/overlays/Drawer.js +9 -5
  203. package/dist/components/overlays/Drawer.js.map +1 -1
  204. package/dist/components/overlays/Modal.d.ts +18 -3
  205. package/dist/components/overlays/Modal.d.ts.map +1 -1
  206. package/dist/components/overlays/Modal.js +13 -5
  207. package/dist/components/overlays/Modal.js.map +1 -1
  208. package/dist/components/pages/app-shell/AppShell.d.ts.map +1 -1
  209. package/dist/components/pages/app-shell/AppShell.js +6 -6
  210. package/dist/components/pages/app-shell/AppShell.js.map +1 -1
  211. package/dist/components/ui/ConfirmDialog.d.ts +1 -2
  212. package/dist/components/ui/ConfirmDialog.d.ts.map +1 -1
  213. package/dist/components/ui/ConfirmDialog.js +10 -4
  214. package/dist/components/ui/ConfirmDialog.js.map +1 -1
  215. package/dist/components/ui/DataState.js +2 -2
  216. package/dist/components/ui/DataState.js.map +1 -1
  217. package/dist/index.d.ts +71 -42
  218. package/dist/index.d.ts.map +1 -1
  219. package/dist/index.js +114 -22
  220. package/dist/index.js.map +1 -1
  221. package/docs/README.md +1 -1
  222. package/docs/components/action-column.md +39 -12
  223. package/docs/components/admin-page-configurator.md +42 -0
  224. package/docs/components/admin-page-header.md +32 -16
  225. package/docs/components/admin-page-layout-shell.md +36 -0
  226. package/docs/components/admin-page-layout.md +41 -21
  227. package/docs/components/app-shell.md +45 -0
  228. package/docs/components/auto-complete-field.md +60 -0
  229. package/docs/components/avatar.md +29 -0
  230. package/docs/components/bar-chart.md +39 -0
  231. package/docs/components/breadcrumbs.md +28 -0
  232. package/docs/components/button.md +41 -17
  233. package/docs/components/card-skeleton.md +21 -0
  234. package/docs/components/change-password-form.md +36 -0
  235. package/docs/components/checkbox-field.md +38 -0
  236. package/docs/components/ckeditor-input.md +47 -16
  237. package/docs/components/color-picker-input.md +30 -0
  238. package/docs/components/command-palette.md +38 -0
  239. package/docs/components/confirm-dialog.md +45 -16
  240. package/docs/components/data-state.md +39 -14
  241. package/docs/components/date-field.md +39 -0
  242. package/docs/components/date-presets.md +32 -0
  243. package/docs/components/description-list.md +34 -0
  244. package/docs/components/dirty-form-guard.md +28 -24
  245. package/docs/components/donut-chart.md +38 -0
  246. package/docs/components/drawer.md +38 -0
  247. package/docs/components/empty-state.md +28 -0
  248. package/docs/components/error-boundary.md +31 -0
  249. package/docs/components/error-message.md +29 -8
  250. package/docs/components/field-shell.md +47 -0
  251. package/docs/components/file-dropzone.md +45 -17
  252. package/docs/components/filter-pannel.md +40 -15
  253. package/docs/components/forgot-password-form.md +36 -0
  254. package/docs/components/form-actions-bar.md +47 -17
  255. package/docs/components/form-field-render.md +43 -15
  256. package/docs/components/form-section.md +26 -10
  257. package/docs/components/form-wizard.md +47 -0
  258. package/docs/components/hidden-field.md +27 -14
  259. package/docs/components/index-column.md +31 -8
  260. package/docs/components/line-chart.md +39 -0
  261. package/docs/components/loading.md +23 -12
  262. package/docs/components/login-form.md +47 -0
  263. package/docs/components/mantis-data-table.md +61 -0
  264. package/docs/components/map-picker-client.md +35 -14
  265. package/docs/components/map-picker-osm.md +33 -13
  266. package/docs/components/map-picker.md +34 -16
  267. package/docs/components/mask-field.md +31 -0
  268. package/docs/components/menu-button.md +28 -17
  269. package/docs/components/modal.md +45 -0
  270. package/docs/components/multi-select-filter.md +31 -15
  271. package/docs/components/number-field.md +40 -0
  272. package/docs/components/otp-input.md +31 -0
  273. package/docs/components/page-tabs.md +35 -0
  274. package/docs/components/page-title.md +15 -8
  275. package/docs/components/paginated-table.md +42 -26
  276. package/docs/components/pagination.md +28 -18
  277. package/docs/components/password-input.md +31 -0
  278. package/docs/components/phone-input.md +28 -0
  279. package/docs/components/radio-group.md +50 -0
  280. package/docs/components/range-slider.md +32 -0
  281. package/docs/components/rating-input.md +30 -0
  282. package/docs/components/render-field.md +41 -18
  283. package/docs/components/reset-password-form.md +37 -0
  284. package/docs/components/rich-text-preview.md +26 -13
  285. package/docs/components/search-input.md +30 -0
  286. package/docs/components/select-field.md +55 -0
  287. package/docs/components/stat-card.md +30 -0
  288. package/docs/components/status-badge.md +25 -9
  289. package/docs/components/switch-field.md +32 -0
  290. package/docs/components/table-filter-field.md +30 -16
  291. package/docs/components/table-skeleton.md +22 -0
  292. package/docs/components/table-toolbar.md +28 -14
  293. package/docs/components/tag.md +27 -0
  294. package/docs/components/tags-input.md +32 -0
  295. package/docs/components/text-area.md +25 -15
  296. package/docs/components/text-field.md +32 -0
  297. package/docs/components/timeline.md +31 -0
  298. package/docs/components/toggle-inline-button.md +48 -17
  299. package/docs/components/upload-files-preview.md +39 -20
  300. package/docs/components/use-field-controller.md +58 -0
  301. package/docs/components/user-menu.md +39 -0
  302. package/docs/contracts/STORYBOOK_IMPLEMENTATION_AND_VOBO.md +92 -0
  303. package/docs/contracts/STORYBOOK_VOBO_LEDGER.md +195 -0
  304. package/docs/contracts/component-doc-schema.md +120 -0
  305. package/docs/contracts/dependency-map.md +76 -39
  306. package/docs/contracts/field-controller.md +138 -0
  307. package/docs/contracts/style-imports.md +21 -14
  308. package/llms.txt +104 -0
  309. package/package.json +39 -10
  310. package/PRIMEREACT_MAPPING.md +0 -6
  311. package/dist/components/Forms/AsyncSelect.d.ts +0 -20
  312. package/dist/components/Forms/AsyncSelect.d.ts.map +0 -1
  313. package/dist/components/Forms/AsyncSelect.js +0 -77
  314. package/dist/components/Forms/AsyncSelect.js.map +0 -1
  315. package/dist/components/Forms/Combobox.d.ts +0 -10
  316. package/dist/components/Forms/Combobox.d.ts.map +0 -1
  317. package/dist/components/Forms/Combobox.js +0 -11
  318. package/dist/components/Forms/Combobox.js.map +0 -1
  319. package/dist/components/Forms/CurrencyInput.d.ts +0 -12
  320. package/dist/components/Forms/CurrencyInput.d.ts.map +0 -1
  321. package/dist/components/Forms/CurrencyInput.js +0 -9
  322. package/dist/components/Forms/CurrencyInput.js.map +0 -1
  323. package/dist/components/Forms/DateInput.d.ts +0 -10
  324. package/dist/components/Forms/DateInput.d.ts.map +0 -1
  325. package/dist/components/Forms/DateInput.js +0 -11
  326. package/dist/components/Forms/DateInput.js.map +0 -1
  327. package/dist/components/Forms/DateRangeInput.d.ts +0 -10
  328. package/dist/components/Forms/DateRangeInput.d.ts.map +0 -1
  329. package/dist/components/Forms/DateRangeInput.js +0 -13
  330. package/dist/components/Forms/DateRangeInput.js.map +0 -1
  331. package/dist/components/Forms/DropDown.d.ts +0 -10
  332. package/dist/components/Forms/DropDown.d.ts.map +0 -1
  333. package/dist/components/Forms/DropDown.js +0 -11
  334. package/dist/components/Forms/DropDown.js.map +0 -1
  335. package/dist/components/Forms/MultiSelect.d.ts +0 -10
  336. package/dist/components/Forms/MultiSelect.d.ts.map +0 -1
  337. package/dist/components/Forms/MultiSelect.js +0 -13
  338. package/dist/components/Forms/MultiSelect.js.map +0 -1
  339. package/dist/components/Forms/NumberInput.d.ts +0 -10
  340. package/dist/components/Forms/NumberInput.d.ts.map +0 -1
  341. package/dist/components/Forms/NumberInput.js +0 -16
  342. package/dist/components/Forms/NumberInput.js.map +0 -1
  343. package/dist/components/Forms/Select.d.ts +0 -15
  344. package/dist/components/Forms/Select.d.ts.map +0 -1
  345. package/dist/components/Forms/Select.js +0 -48
  346. package/dist/components/Forms/Select.js.map +0 -1
  347. package/dist/components/Forms/Switch.d.ts +0 -18
  348. package/dist/components/Forms/Switch.d.ts.map +0 -1
  349. package/dist/components/Forms/Switch.js +0 -30
  350. package/dist/components/Forms/Switch.js.map +0 -1
  351. package/dist/components/Forms/TextInput.d.ts +0 -11
  352. package/dist/components/Forms/TextInput.d.ts.map +0 -1
  353. package/dist/components/Forms/TextInput.js +0 -12
  354. package/dist/components/Forms/TextInput.js.map +0 -1
  355. package/dist/components/Forms/TimePicker.d.ts +0 -13
  356. package/dist/components/Forms/TimePicker.d.ts.map +0 -1
  357. package/dist/components/Forms/TimePicker.js +0 -19
  358. package/dist/components/Forms/TimePicker.js.map +0 -1
  359. package/dist/components/Forms/Toggle.d.ts +0 -14
  360. package/dist/components/Forms/Toggle.d.ts.map +0 -1
  361. package/dist/components/Forms/Toggle.js +0 -10
  362. package/dist/components/Forms/Toggle.js.map +0 -1
  363. package/dist/components/Forms/types.d.ts +0 -9
  364. package/dist/components/Forms/types.d.ts.map +0 -1
  365. package/dist/components/Forms/types.js +0 -2
  366. package/dist/components/Forms/types.js.map +0 -1
  367. package/docs/components/async-select.md +0 -26
  368. package/docs/components/date-input.md +0 -22
  369. package/docs/components/drop-down.md +0 -28
  370. package/docs/components/multi-select.md +0 -23
  371. package/docs/components/number-input.md +0 -20
  372. package/docs/components/select.md +0 -28
  373. package/docs/components/switch.md +0 -27
  374. package/docs/components/text-input.md +0 -23
  375. package/docs/components/time-picker.md +0 -22
  376. package/docs/components/toggle.md +0 -21
  377. package/docs/contracts/controller-props.md +0 -28
@@ -1,15 +0,0 @@
1
- import { ButtonVariant } from "../Buttons/Button";
2
- import React from "react";
3
- import { Props as ReactSelectProps } from "react-select";
4
- import { ControllerProps } from "./types";
5
- export interface SelectProps extends Omit<ReactSelectProps, "name" | "defaultValue"> {
6
- controller: ControllerProps;
7
- block?: boolean;
8
- variant?: ButtonVariant;
9
- isCreatable?: boolean;
10
- onCreateOption?: (inputValue: string) => void | Promise<void>;
11
- formatCreateLabel?: (inputValue: string) => React.ReactNode;
12
- }
13
- declare const Select: React.FC<SelectProps>;
14
- export default Select;
15
- //# sourceMappingURL=Select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,KAAK,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IAClF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAcD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,48 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import classNames from "classnames";
4
- import React from "react";
5
- import { Controller } from "react-hook-form";
6
- import { default as RSelect } from "react-select";
7
- import { default as RCreatableSelect } from "react-select/creatable";
8
- const SELECT_VARIANT_TOKENS = {
9
- primary: { color: "--primary", foreground: "--primary-foreground" },
10
- secondary: { color: "--secondary", foreground: "--secondary-foreground" },
11
- accent: { color: "--accent", foreground: "--accent-foreground" },
12
- success: { color: "--success", foreground: "--success-foreground" },
13
- warning: { color: "--warning", foreground: "--warning-foreground" },
14
- error: { color: "--error", foreground: "--error-foreground" },
15
- info: { color: "--info", foreground: "--info-foreground" },
16
- gray: { color: "--bluegray-500", foreground: "--primary-foreground" },
17
- danger: { color: "--error", foreground: "--error-foreground" },
18
- };
19
- const Select = (props) => {
20
- const { controller, block, variant = "primary", isCreatable = false, onCreateOption, formatCreateLabel, ...rest } = props;
21
- const variantTokens = SELECT_VARIANT_TOKENS[variant];
22
- const SelectComponent = (isCreatable ? RCreatableSelect : RSelect);
23
- return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(SelectComponent, { instanceId: field.name, id: field.name, className: classNames("select-input cursor-pointer", `select-variant-${variant}`, rest.className, {
24
- "w-full": block,
25
- "select-invalid": fieldState.invalid,
26
- }), classNamePrefix: 'react-select', value: field.value, onChange: field.onChange, onBlur: field.onBlur, name: field.name, placeholder: 'SELECCIONAR', noOptionsMessage: () => "Sin resultados", loadingMessage: () => "Cargando...", options: rest.options, ref: field.ref, menuPortalTarget: typeof document !== "undefined" ? document.body : undefined, menuPosition: "fixed", ...rest, ...(isCreatable
27
- ? {
28
- onCreateOption: (inputValue) => {
29
- void onCreateOption?.(inputValue);
30
- },
31
- formatCreateLabel: formatCreateLabel ?? ((inputValue) => `Crear "${inputValue}"`),
32
- }
33
- : {}), isDisabled: formState.isSubmitting || rest.isDisabled || rest.isLoading, styles: {
34
- menuPortal: (base) => ({
35
- ...base,
36
- zIndex: 1300,
37
- ["--select-accent"]: `var(${variantTokens.color})`,
38
- ["--select-accent-foreground"]: `var(${variantTokens.foreground})`,
39
- }),
40
- menu: (base) => ({
41
- ...base,
42
- zIndex: 1300,
43
- }),
44
- ...(rest.styles || {}),
45
- } }) })) }));
46
- };
47
- export default Select;
48
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAA6B,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAYrE,MAAM,qBAAqB,GAAiE;IAC1F,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,sBAAsB,EAAE;IACnE,SAAS,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,wBAAwB,EAAE;IACzE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,qBAAqB,EAAE;IAChE,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,sBAAsB,EAAE;IACnE,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,sBAAsB,EAAE;IACnE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE;IAC7D,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE;IAC1D,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,sBAAsB,EAAE;IACrE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE;CAC/D,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,EACJ,UAAU,EACV,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,KAAK,EACnB,cAAc,EACd,iBAAiB,EACjB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAQ,CAAC;IAE1E,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,eAAe,IACd,UAAU,EAAE,KAAK,CAAC,IAAI,EACtB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,kBAAkB,OAAO,EAAE,EAC3B,IAAI,CAAC,SAAS,EACd;oBACE,QAAQ,EAAE,KAAK;oBACf,gBAAgB,EAAE,UAAU,CAAC,OAAO;iBACrC,CACF,EACD,eAAe,EAAC,cAAc,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAE,GAAG,EAAE,CAAC,gBAAgB,EACxC,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,EACnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,gBAAgB,EAAE,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7E,YAAY,EAAC,OAAO,KAChB,IAAI,KACJ,CAAC,WAAW;oBACd,CAAC,CAAC;wBACE,cAAc,EAAE,CAAC,UAAkB,EAAE,EAAE;4BACrC,KAAK,cAAc,EAAE,CAAC,UAAU,CAAC,CAAC;wBACpC,CAAC;wBACD,iBAAiB,EACf,iBAAiB,IAAI,CAAC,CAAC,UAAkB,EAAE,EAAE,CAAC,UAAU,UAAU,GAAG,CAAC;qBACzE;oBACH,CAAC,CAAC,EAAE,CAAC,EACP,UAAU,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACvE,MAAM,EAAE;oBACN,UAAU,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;wBAC1B,GAAG,IAAI;wBACP,MAAM,EAAE,IAAI;wBACZ,CAAC,iBAAwB,CAAC,EAAE,OAAO,aAAa,CAAC,KAAK,GAAG;wBACzD,CAAC,4BAAmC,CAAC,EAAE,OAAO,aAAa,CAAC,UAAU,GAAG;qBAC1E,CAAC;oBACF,IAAI,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;wBACpB,GAAG,IAAI;wBACP,MAAM,EAAE,IAAI;qBACb,CAAC;oBACF,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;iBACvB,GACD,GACa,CAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { ControllerProps } from './types';
3
- export interface SwitchProps extends ControllerProps {
4
- onLabel?: string;
5
- offLabel?: string;
6
- size?: 'xs' | 'sm' | 'md' | 'lg';
7
- onStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
8
- offStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
9
- width?: string | number;
10
- height?: string | number;
11
- disabled?: boolean;
12
- onChange?: (checked: boolean) => void;
13
- className?: string;
14
- style?: React.CSSProperties;
15
- }
16
- declare const Switch: React.FC<SwitchProps>;
17
- export default Switch;
18
- //# sourceMappingURL=Switch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjG,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Controller } from 'react-hook-form';
3
- const Switch = ({ name, rules, defaultValue = false, control, onLabel = 'On', offLabel = 'Off', size = 'md', onStyle = 'primary', offStyle = 'secondary', width, height, disabled = false, onChange, className = '', style, }) => {
4
- return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, control: control, render: ({ field }) => {
5
- const handleClick = () => {
6
- if (disabled)
7
- return;
8
- const newValue = !field.value;
9
- field.onChange(newValue);
10
- onChange?.(newValue);
11
- };
12
- return (_jsx("div", { className: `bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-${size} bootstrap-switch-animate ${field.value ? 'bootstrap-switch-on' : 'bootstrap-switch-off'} ${disabled ? 'bootstrap-switch-disabled' : ''} ${className}`, style: {
13
- width: width ? (typeof width === 'number' ? `${width}px` : width) : undefined,
14
- ...style,
15
- }, onClick: handleClick, role: "switch", "aria-checked": field.value, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => {
16
- if (e.key === 'Enter' || e.key === ' ') {
17
- e.preventDefault();
18
- handleClick();
19
- }
20
- }, children: _jsxs("div", { className: "bootstrap-switch-container", children: [_jsx("span", { className: `bootstrap-switch-handle-on bootstrap-switch-${onStyle}`, style: {
21
- height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
22
- }, children: onLabel }), _jsx("span", { className: "bootstrap-switch-label", style: {
23
- height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
24
- }, children: "\u00A0" }), _jsx("span", { className: `bootstrap-switch-handle-off bootstrap-switch-${offStyle}`, style: {
25
- height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
26
- }, children: offLabel })] }) }));
27
- } }));
28
- };
29
- export default Switch;
30
- //# sourceMappingURL=Switch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import { InputTextProps } from 'primereact/inputtext';
2
- import React from 'react';
3
- import { ControllerProps } from './types';
4
- export interface TextInputProps extends Omit<InputTextProps, 'name' | 'defaultValue'> {
5
- controller: ControllerProps;
6
- block?: boolean;
7
- defaultValue?: string;
8
- }
9
- declare const TextInput: React.FC<TextInputProps>;
10
- export default TextInput;
11
- //# sourceMappingURL=TextInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- import { InputText } from 'primereact/inputtext';
4
- import { Controller } from 'react-hook-form';
5
- const TextInput = (props) => {
6
- const { controller, block, defaultValue = '', ...rest } = props;
7
- return (_jsx(Controller, { defaultValue: controller?.defaultValue || defaultValue, ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputText, { id: rest.id || field.name, ...rest, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, {
8
- 'w-full': block,
9
- }), ...field })) }));
10
- };
11
- export default TextInput;
12
- //# sourceMappingURL=TextInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,KAAC,UAAU,IACT,YAAY,EAAE,UAAU,EAAE,YAAY,IAAI,YAAY,KAClD,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE;gBACpC,QAAQ,EAAE,KAAK;aAChB,CAAC,KACE,KAAK,GACT,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { DatePickerProps } from "react-datepicker";
3
- import { ControllerProps } from "./types";
4
- export interface TimePickerProps {
5
- controller: ControllerProps;
6
- block?: boolean;
7
- datePicker?: DatePickerProps;
8
- className?: string;
9
- timePeriod?: "AM" | "PM";
10
- }
11
- declare const TimePicker: React.FC<TimePickerProps>;
12
- export default TimePicker;
13
- //# sourceMappingURL=TimePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B;AAiBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import classNames from "classnames";
3
- import { InputText } from "primereact/inputtext";
4
- import { forwardRef } from "react";
5
- import DatePicker from "react-datepicker";
6
- import { Controller } from "react-hook-form";
7
- const TimeInput = forwardRef(({ value, onClick, className, disabled, ...rest }, ref) => (_jsx(InputText, { role: 'button', value: value, onClick: onClick, ...rest, className: classNames("cursor-pointer", className), ref: ref, readOnly: true, disabled: disabled })));
8
- TimeInput.displayName = "TimeInput";
9
- const TimePicker = (props) => {
10
- const { controller, block, datePicker, className } = props;
11
- return (_jsx(Controller, { ...controller, render: ({ field, fieldState }) => (_jsx(DatePicker, { locale: 'es', className: classNames("p-inputtext p-component font-semibold text-center uppercase", className, {
12
- "w-full": block,
13
- "p-invalid": fieldState.invalid,
14
- }), calendarClassName: 'p-input w-full', showTimeSelect: true, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: 'Horas', dateFormat: 'h:mm aa', timeFormat: 'h:mm aa', ...datePicker, selected: field.value, onChange: field.onChange, onBlur: field.onBlur, wrapperClassName: classNames(datePicker?.wrapperClassName, {
15
- "w-full": block,
16
- }), customInput: _jsx(TimeInput, {}) })) }));
17
- };
18
- export default TimePicker;
19
- //# sourceMappingURL=TimePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAA+B,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,SAAS,GAAG,UAAU,CAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IACT,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,UAAU,CACnB,6DAA6D,EAC7D,SAAS,EACT;gBACE,QAAQ,EAAE,KAAK;gBACf,WAAW,EAAE,UAAU,CAAC,OAAO;aAChC,CACF,EACD,iBAAiB,EAAC,gBAAgB,EAClC,cAAc,QACd,kBAAkB,QAClB,aAAa,EAAE,EAAE,EACjB,WAAW,EAAC,OAAO,EACnB,UAAU,EAAC,SAAS,EACpB,UAAU,EAAC,SAAS,KAChB,UAAU,EACd,QAAQ,EAAE,KAAK,CAAC,KAAK,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,gBAAgB,EAAE,UAAU,CAAC,UAAU,EAAE,gBAAgB,EAAE;gBACzD,QAAQ,EAAE,KAAK;aAChB,CAAC,EACF,WAAW,EAAE,KAAC,SAAS,KAAG,GAE1B,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { ControllerProps } from "./types";
3
- export interface ToggleProps extends ControllerProps {
4
- on?: string | any;
5
- off?: string | any;
6
- size?: "sm" | "lg" | "md";
7
- offstyle?: "primary" | "secondary" | "dark";
8
- onstyle?: "primary" | "secondary" | "dark";
9
- onClick?: any;
10
- active?: boolean;
11
- }
12
- declare const Toggle: React.FC<ToggleProps>;
13
- export default Toggle;
14
- //# sourceMappingURL=Toggle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Checkbox } from "primereact/checkbox";
3
- import { Controller } from "react-hook-form";
4
- const Toggle = ({ name, rules, defaultValue, on = "SI", off = "NO", size, }) => {
5
- return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, render: ({ field }) => (_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Checkbox, { inputId: name, checked: field.value, onChange: (e) => {
6
- field.onChange(e.checked);
7
- } }), field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: on })), !field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: off }))] })) }));
8
- };
9
- export default Toggle;
10
- //# sourceMappingURL=Toggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,MAAM,GAA0B,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,EAAE,GAAG,IAAI,EACT,GAAG,GAAG,IAAI,EACV,IAAI,GACL,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC,GACD,EACD,KAAK,EAAE,KAAK,IAAI,CACf,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,EAAE,GACG,CACT,EACA,CAAC,KAAK,EAAE,KAAK,IAAI,CAChB,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,GAAG,GACE,CACT,IACG,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,9 +0,0 @@
1
- import { Control, RegisterOptions } from 'react-hook-form';
2
- export interface ControllerProps {
3
- name: string;
4
- rules?: RegisterOptions;
5
- shouldUnregister?: boolean;
6
- defaultValue?: any;
7
- control?: Control;
8
- }
9
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":""}
@@ -1,26 +0,0 @@
1
- # AsyncSelect
2
-
3
- - Export: `AsyncSelect`
4
- - Extra exports: `AsyncSelectProps`
5
- - Import: `import { AsyncSelect } from "@mantis-core/ui";`
6
- - Base library: `react-select/async` or `react-select/async-creatable`
7
- - Base typing: `Omit<ReactSelectProps<SelectOption>, "name" | "defaultValue" | "options"> & { controller: ControllerProps; block?: boolean; variant?: ButtonVariant; isCreatable?: boolean; loadOptions; defaultOptions?; cacheOptions?; debounceMs?; onCreateOption?; formatCreateLabel? }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: `@mantis-core/styles/scss/select.scss`
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <AsyncSelect
15
- controller={{ name: "city", control: form.control }}
16
- block
17
- loadOptions={async (input) => searchCities(input)}
18
- defaultOptions
19
- debounceMs={300}
20
- />
21
- ```
22
-
23
- ## Notes
24
-
25
- - `loadOptions` is required.
26
- - Debouncing is implemented inside the wrapper.
@@ -1,22 +0,0 @@
1
- # DateInput
2
-
3
- - Export: `DateInput`
4
- - Extra exports: `DateInputProps`
5
- - Import: `import { DateInput } from "@mantis-core/ui";`
6
- - Base library: `primereact/calendar`
7
- - Base typing: `Omit<CalendarProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles:
10
- - `@mantis-core/styles/scss/inputs.scss`
11
- - `@mantis-core/styles/scss/date-picker.scss`
12
-
13
- ## Example
14
-
15
- ```tsx
16
- <DateInput
17
- controller={{ name: "publishAt", control: form.control }}
18
- block
19
- showIcon
20
- dateFormat="yy-mm-dd"
21
- />
22
- ```
@@ -1,28 +0,0 @@
1
- # DropDown
2
-
3
- - Export: `DropDown`
4
- - Extra exports: `DropDownProps`
5
- - Import: `import { DropDown } from "@mantis-core/ui";`
6
- - Base library: `primereact/dropdown`
7
- - Base typing: `Omit<DropdownProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: `@mantis-core/styles/scss/inputs.scss`
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <DropDown
15
- controller={{ name: "status", control: form.control }}
16
- block
17
- options={[
18
- { label: "Draft", value: "draft" },
19
- { label: "Published", value: "published" },
20
- ]}
21
- optionLabel="label"
22
- optionValue="value"
23
- />
24
- ```
25
-
26
- ## Notes
27
-
28
- - This is the PrimeReact dropdown wrapper, not the `react-select` wrapper.
@@ -1,23 +0,0 @@
1
- # MultiSelect
2
-
3
- - Export: `MultiSelect`
4
- - Import: `import { MultiSelect } from "@mantis-core/ui";`
5
- - Base library: `primereact/multiselect`
6
- - Base typing: `Omit<PrimeMultiSelectProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
7
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
8
- - Required styles: `@mantis-core/styles/scss/inputs.scss`
9
-
10
- ## Example
11
-
12
- ```tsx
13
- <MultiSelect
14
- controller={{ name: "tags", control: form.control }}
15
- block
16
- options={[
17
- { label: "Featured", value: "featured" },
18
- { label: "Luxury", value: "luxury" },
19
- ]}
20
- optionLabel="label"
21
- optionValue="value"
22
- />
23
- ```
@@ -1,20 +0,0 @@
1
- # NumberInput
2
-
3
- - Export: `NumberInput`
4
- - Extra exports: `NumberInputProps`
5
- - Import: `import { NumberInput } from "@mantis-core/ui";`
6
- - Base library: `primereact/inputnumber`
7
- - Base typing: `Omit<InputNumberProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: `@mantis-core/styles/scss/inputs.scss`
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <NumberInput
15
- controller={{ name: "price", control: form.control }}
16
- block
17
- mode="currency"
18
- currency="USD"
19
- />
20
- ```
@@ -1,28 +0,0 @@
1
- # Select
2
-
3
- - Export: `Select`
4
- - Import: `import { Select } from "@mantis-core/ui";`
5
- - Base library: `react-select` or `react-select/creatable`
6
- - Base typing: `Omit<ReactSelectProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean; variant?: ButtonVariant; isCreatable?: boolean; onCreateOption?; formatCreateLabel? }`
7
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
8
- - Required styles: `@mantis-core/styles/scss/select.scss`
9
-
10
- ## Example
11
-
12
- ```tsx
13
- <Select
14
- controller={{ name: "agent", control: form.control }}
15
- block
16
- variant="secondary"
17
- options={[
18
- { label: "Alice", value: "alice" },
19
- { label: "Bob", value: "bob" },
20
- ]}
21
- isClearable
22
- />
23
- ```
24
-
25
- ## Notes
26
-
27
- - This is not PrimeReact.
28
- - Keep `classNamePrefix="react-select"` behavior so the shared SCSS continues to match.
@@ -1,27 +0,0 @@
1
- # Switch
2
-
3
- - Export: `Switch`
4
- - Extra exports: `SwitchProps`
5
- - Import: `import { Switch } from "@mantis-core/ui";`
6
- - Base library: custom bootstrap-switch-like markup
7
- - Base typing: `ControllerProps & { onLabel?; offLabel?; size?; onStyle?; offStyle?; width?; height?; disabled?; onChange?; className?; style? }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: `@mantis-core/styles/scss/switch.scss`
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <Switch
15
- name="enabled"
16
- control={form.control}
17
- defaultValue={true}
18
- onLabel="Enabled"
19
- offLabel="Disabled"
20
- onStyle="success"
21
- offStyle="light"
22
- />
23
- ```
24
-
25
- ## Notes
26
-
27
- - This is not PrimeReact `InputSwitch`.
@@ -1,23 +0,0 @@
1
- # TextInput
2
-
3
- - Export: `TextInput`
4
- - Extra exports: `TextInputProps`
5
- - Import: `import { TextInput } from "@mantis-core/ui";`
6
- - Base library: `primereact/inputtext`
7
- - Base typing: `Omit<InputTextProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean; defaultValue?: string }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: `@mantis-core/styles/scss/inputs.scss`
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <TextInput
15
- controller={{ name: "title", control: form.control }}
16
- block
17
- placeholder="Listing title"
18
- />
19
- ```
20
-
21
- ## Notes
22
-
23
- - Use this when you want PrimeReact `InputText` behavior with `react-hook-form` wiring.
@@ -1,22 +0,0 @@
1
- # TimePicker
2
-
3
- - Export: `TimePicker`
4
- - Import: `import { TimePicker } from "@mantis-core/ui";`
5
- - Base library: `react-datepicker`
6
- - Base typing: explicit `TimePickerProps`
7
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
8
- - Required styles: none
9
-
10
- ## Example
11
-
12
- ```tsx
13
- <TimePicker
14
- controller={{ name: "openingTime", control: form.control }}
15
- block
16
- datePicker={{ showTimeSelectOnly: true, timeIntervals: 30 }}
17
- />
18
- ```
19
-
20
- ## Notes
21
-
22
- - This is not PrimeReact `Calendar`.
@@ -1,21 +0,0 @@
1
- # Toggle
2
-
3
- - Export: `Toggle`
4
- - Extra exports: `ToggleProps`
5
- - Import: `import { Toggle } from "@mantis-core/ui";`
6
- - Base library: `primereact/checkbox`
7
- - Base typing: `ControllerProps & { on?; off?; size?; offstyle?; onstyle?; onClick?; active? }`
8
- - Form contract: [`ControllerProps`](../contracts/controller-props.md)
9
- - Required styles: none
10
-
11
- ## Example
12
-
13
- ```tsx
14
- <Toggle
15
- name="published"
16
- control={form.control}
17
- defaultValue={false}
18
- on="YES"
19
- off="NO"
20
- />
21
- ```
@@ -1,28 +0,0 @@
1
- # Controller Props
2
-
3
- Shared form wrappers in `@mantis-core/ui` use this contract:
4
-
5
- ```ts
6
- export interface ControllerProps {
7
- name: string;
8
- rules?: RegisterOptions;
9
- shouldUnregister?: boolean;
10
- defaultValue?: any;
11
- control?: Control;
12
- }
13
- ```
14
-
15
- ## Usage
16
-
17
- ```tsx
18
- controller={{
19
- name: "title",
20
- control: form.control,
21
- rules: { required: "Title is required" },
22
- }}
23
- ```
24
-
25
- ## Notes
26
-
27
- - Components that expose `controller: ControllerProps` are designed for `react-hook-form`.
28
- - Some components, such as `FileDropzone`, also support plain controlled mode without `controller`.