@onesy/ui-react 1.0.130 → 1.0.132

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 (712) hide show
  1. package/Accordion/Accordion.d.ts +2 -2
  2. package/Accordion/Accordion.js +342 -242
  3. package/Accordion/index.js +12 -7
  4. package/AdvancedTextField/AdvancedTextField.d.ts +1 -1
  5. package/AdvancedTextField/AdvancedTextField.js +165 -157
  6. package/AdvancedTextField/index.js +12 -7
  7. package/Append/Append.d.ts +3 -3
  8. package/Append/Append.js +502 -519
  9. package/Append/index.js +12 -7
  10. package/AreaChart/AreaChart.d.ts +1 -1
  11. package/AreaChart/AreaChart.js +53 -40
  12. package/AreaChart/index.js +12 -7
  13. package/AreaChartItem/AreaChartItem.d.ts +1 -1
  14. package/AreaChartItem/AreaChartItem.js +325 -237
  15. package/AreaChartItem/index.js +12 -7
  16. package/AudioPlayer/AudioPlayer.d.ts +1 -1
  17. package/AudioPlayer/AudioPlayer.js +683 -466
  18. package/AudioPlayer/index.js +12 -7
  19. package/AudioRecorder/AudioRecorder.d.ts +1 -1
  20. package/AudioRecorder/AudioRecorder.js +359 -259
  21. package/AudioRecorder/index.js +12 -7
  22. package/AutoComplete/AutoComplete.d.ts +3 -3
  23. package/AutoComplete/AutoComplete.js +693 -568
  24. package/AutoComplete/index.js +12 -7
  25. package/AutoCompleteCountry/AutoCompleteCountry.d.ts +1 -1
  26. package/AutoCompleteCountry/AutoCompleteCountry.js +99 -62
  27. package/AutoCompleteCountry/index.js +12 -7
  28. package/AutoCompleteCurrency/AutoCompleteCurrency.d.ts +1 -1
  29. package/AutoCompleteCurrency/AutoCompleteCurrency.js +73 -61
  30. package/AutoCompleteCurrency/index.js +12 -7
  31. package/Avatar/Avatar.d.ts +1 -1
  32. package/Avatar/Avatar.js +113 -86
  33. package/Avatar/index.js +12 -7
  34. package/AvatarGroup/AvatarGroup.d.ts +1 -1
  35. package/AvatarGroup/AvatarGroup.js +104 -87
  36. package/AvatarGroup/index.js +12 -7
  37. package/Backdrop/Backdrop.d.ts +1 -1
  38. package/Backdrop/Backdrop.js +160 -139
  39. package/Backdrop/index.js +12 -7
  40. package/Badge/Badge.d.ts +1 -1
  41. package/Badge/Badge.js +116 -96
  42. package/Badge/index.js +12 -7
  43. package/Banner/Banner.d.ts +1 -1
  44. package/Banner/Banner.js +126 -85
  45. package/Banner/index.js +12 -7
  46. package/BottomAppBar/BottomAppBar.d.ts +1 -1
  47. package/BottomAppBar/BottomAppBar.js +89 -60
  48. package/BottomAppBar/index.js +12 -7
  49. package/BottomSheet/BottomSheet.d.ts +1 -1
  50. package/BottomSheet/BottomSheet.js +66 -59
  51. package/BottomSheet/index.js +12 -7
  52. package/Box/Box.d.ts +1 -1
  53. package/Box/Box.js +43 -35
  54. package/Box/index.js +12 -7
  55. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  56. package/Breadcrumbs/Breadcrumbs.js +168 -144
  57. package/Breadcrumbs/index.js +12 -7
  58. package/BubbleChart/BubbleChart.d.ts +1 -1
  59. package/BubbleChart/BubbleChart.js +261 -132
  60. package/BubbleChart/index.js +12 -7
  61. package/BubbleChartItem/BubbleChartItem.d.ts +1 -1
  62. package/BubbleChartItem/BubbleChartItem.js +228 -161
  63. package/BubbleChartItem/index.js +12 -7
  64. package/Button/Button.d.ts +1 -1
  65. package/Button/Button.js +488 -467
  66. package/Button/index.js +12 -7
  67. package/Buttons/Buttons.d.ts +1 -1
  68. package/Buttons/Buttons.js +343 -294
  69. package/Buttons/index.js +12 -7
  70. package/Calendar/Calendar.d.ts +3 -3
  71. package/Calendar/Calendar.js +715 -452
  72. package/Calendar/index.js +12 -7
  73. package/CalendarAvailability/CalendarAvailability.d.ts +2 -2
  74. package/CalendarAvailability/CalendarAvailability.js +709 -388
  75. package/CalendarAvailability/index.js +12 -7
  76. package/CalendarMenu/CalendarMenu.d.ts +1 -1
  77. package/CalendarMenu/CalendarMenu.js +430 -303
  78. package/CalendarMenu/index.js +12 -7
  79. package/CalendarMonth/CalendarMonth.d.ts +5 -5
  80. package/CalendarMonth/CalendarMonth.js +537 -498
  81. package/CalendarMonth/index.js +12 -7
  82. package/CalendarViews/CalendarViews.d.ts +2 -2
  83. package/CalendarViews/CalendarViews.js +403 -254
  84. package/CalendarViews/index.js +12 -7
  85. package/CalendarWeek/CalendarWeek.d.ts +1 -1
  86. package/CalendarWeek/CalendarWeek.js +536 -395
  87. package/CalendarWeek/index.js +12 -7
  88. package/Card/Card.d.ts +1 -1
  89. package/Card/Card.js +133 -101
  90. package/Card/index.js +12 -7
  91. package/CardButton/CardButton.d.ts +1 -1
  92. package/CardButton/CardButton.js +78 -58
  93. package/CardButton/index.js +12 -7
  94. package/CardFooter/CardFooter.d.ts +1 -1
  95. package/CardFooter/CardFooter.js +58 -39
  96. package/CardFooter/index.js +12 -7
  97. package/CardHeader/CardHeader.d.ts +1 -1
  98. package/CardHeader/CardHeader.js +61 -44
  99. package/CardHeader/index.js +12 -7
  100. package/CardImage/CardImage.d.ts +1 -1
  101. package/CardImage/CardImage.js +80 -67
  102. package/CardImage/index.js +12 -7
  103. package/CardMain/CardMain.d.ts +1 -1
  104. package/CardMain/CardMain.js +53 -39
  105. package/CardMain/index.js +12 -7
  106. package/Carousel/Carousel.d.ts +4 -4
  107. package/Carousel/Carousel.js +1025 -913
  108. package/Carousel/index.js +12 -7
  109. package/Chart/Chart.d.ts +4 -4
  110. package/Chart/Chart.js +1325 -1174
  111. package/Chart/index.js +12 -7
  112. package/Checkbox/Checkbox.d.ts +1 -1
  113. package/Checkbox/Checkbox.js +339 -325
  114. package/Checkbox/index.js +12 -7
  115. package/Chip/Chip.d.ts +1 -1
  116. package/Chip/Chip.js +131 -102
  117. package/Chip/index.js +12 -7
  118. package/Chips/Chips.d.ts +1 -1
  119. package/Chips/Chips.js +121 -94
  120. package/Chips/index.js +12 -7
  121. package/ClickListener/ClickListener.d.ts +1 -1
  122. package/ClickListener/ClickListener.js +86 -89
  123. package/ClickListener/index.js +12 -7
  124. package/Clock/Clock.d.ts +5 -5
  125. package/Clock/Clock.js +470 -417
  126. package/Clock/index.js +12 -7
  127. package/ColorTextField/ColorTextField.d.ts +1 -1
  128. package/ColorTextField/ColorTextField.js +234 -171
  129. package/ColorTextField/index.js +12 -7
  130. package/ColumnChart/ColumnChart.d.ts +1 -1
  131. package/ColumnChart/ColumnChart.js +63 -46
  132. package/ColumnChart/index.js +12 -7
  133. package/ColumnChartItem/ColumnChartItem.d.ts +1 -1
  134. package/ColumnChartItem/ColumnChartItem.js +208 -149
  135. package/ColumnChartItem/index.js +12 -7
  136. package/Confirm/Confirm.d.ts +4 -4
  137. package/Confirm/Confirm.js +184 -129
  138. package/Confirm/Context.js +9 -7
  139. package/Confirm/index.js +32 -13
  140. package/Confirm/useConfirm.js +11 -10
  141. package/Container/Container.d.ts +1 -1
  142. package/Container/Container.js +154 -133
  143. package/Container/index.js +12 -7
  144. package/CookieBanner/CookieBanner.d.ts +1 -1
  145. package/CookieBanner/CookieBanner.js +142 -76
  146. package/CookieBanner/index.js +12 -7
  147. package/Countdown/Countdown.d.ts +1 -1
  148. package/Countdown/Countdown.js +403 -255
  149. package/Countdown/index.js +12 -7
  150. package/DatePicker/DatePicker.d.ts +1 -1
  151. package/DatePicker/DatePicker.js +802 -547
  152. package/DatePicker/index.js +12 -7
  153. package/DateRangePicker/DateRangePicker.d.ts +1 -1
  154. package/DateRangePicker/DateRangePicker.js +44 -37
  155. package/DateRangePicker/index.js +12 -7
  156. package/DateTimePicker/DateTimePicker.d.ts +2 -2
  157. package/DateTimePicker/DateTimePicker.js +672 -459
  158. package/DateTimePicker/index.js +12 -7
  159. package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
  160. package/DateTimeRangePicker/DateTimeRangePicker.js +44 -37
  161. package/DateTimeRangePicker/index.js +12 -7
  162. package/Divider/Divider.d.ts +1 -1
  163. package/Divider/Divider.js +198 -185
  164. package/Divider/index.js +12 -7
  165. package/DonutChart/DonutChart.d.ts +1 -1
  166. package/DonutChart/DonutChart.js +49 -42
  167. package/DonutChart/index.js +12 -7
  168. package/DragAndDropList/DragAndDropList.d.ts +1 -1
  169. package/DragAndDropList/DragAndDropList.js +160 -156
  170. package/DragAndDropList/index.js +12 -7
  171. package/Drawing/Drawing.d.ts +2 -2
  172. package/Drawing/Drawing.js +850 -523
  173. package/Drawing/index.js +12 -7
  174. package/DropZone/DropZone.d.ts +1 -1
  175. package/DropZone/DropZone.js +239 -201
  176. package/DropZone/index.js +12 -7
  177. package/Emojis/Emojis.d.ts +3 -3
  178. package/Emojis/Emojis.js +409 -317
  179. package/Emojis/emojis_list.js +7279 -9250
  180. package/Emojis/index.js +19 -9
  181. package/Expand/Expand.d.ts +1 -1
  182. package/Expand/Expand.js +201 -149
  183. package/Expand/index.js +12 -7
  184. package/Fab/Fab.d.ts +1 -1
  185. package/Fab/Fab.js +46 -26
  186. package/Fab/index.js +12 -7
  187. package/Fade/Fade.d.ts +1 -1
  188. package/Fade/Fade.js +131 -101
  189. package/Fade/index.js +12 -7
  190. package/FileChoose/FileChoose.d.ts +2 -2
  191. package/FileChoose/FileChoose.js +218 -150
  192. package/FileChoose/index.js +12 -7
  193. package/Focus/Focus.d.ts +1 -1
  194. package/Focus/Focus.js +87 -88
  195. package/Focus/index.js +12 -7
  196. package/Form/Form.d.ts +1 -1
  197. package/Form/Form.js +194 -120
  198. package/Form/index.js +12 -7
  199. package/FormRow/FormRow.d.ts +1 -1
  200. package/FormRow/FormRow.js +123 -78
  201. package/FormRow/index.js +12 -7
  202. package/Forms/Forms.d.ts +1 -1
  203. package/Forms/Forms.js +55 -41
  204. package/Forms/index.js +12 -7
  205. package/Frame/Frame.d.ts +1 -1
  206. package/Frame/Frame.js +212 -150
  207. package/Frame/index.js +12 -7
  208. package/Grid/Grid.d.ts +2 -2
  209. package/Grid/Grid.js +231 -166
  210. package/Grid/index.js +12 -7
  211. package/Grow/Grow.d.ts +1 -1
  212. package/Grow/Grow.js +137 -109
  213. package/Grow/index.js +12 -7
  214. package/HTMLCanvas/HTMLCanvas.d.ts +2 -2
  215. package/HTMLCanvas/HTMLCanvas.js +752 -542
  216. package/HTMLCanvas/index.js +23 -21
  217. package/IFrame/IFrame.d.ts +1 -1
  218. package/IFrame/IFrame.js +122 -104
  219. package/IFrame/index.js +12 -7
  220. package/Icon/Icon.d.ts +1 -1
  221. package/Icon/Icon.js +112 -95
  222. package/Icon/index.js +23 -21
  223. package/IconButton/IconButton.d.ts +1 -1
  224. package/IconButton/IconButton.js +49 -37
  225. package/IconButton/index.js +12 -7
  226. package/Image/Image.d.ts +1 -1
  227. package/Image/Image.js +285 -252
  228. package/Image/index.js +12 -7
  229. package/ImageCrop/ImageCrop.d.ts +2 -2
  230. package/ImageCrop/ImageCrop.js +1073 -1048
  231. package/ImageCrop/index.js +12 -7
  232. package/ImageEdit/ImageEdit.d.ts +2 -2
  233. package/ImageEdit/ImageEdit.js +1088 -783
  234. package/ImageEdit/index.js +12 -7
  235. package/ImageGallery/ImageGallery.d.ts +1 -1
  236. package/ImageGallery/ImageGallery.js +518 -473
  237. package/ImageGallery/index.js +12 -7
  238. package/ImageList/ImageList.d.ts +1 -1
  239. package/ImageList/ImageList.js +136 -129
  240. package/ImageList/index.js +12 -7
  241. package/ImageListItem/ImageListItem.d.ts +1 -1
  242. package/ImageListItem/ImageListItem.js +101 -87
  243. package/ImageListItem/index.js +12 -7
  244. package/ImageListItemBox/ImageListItemBox.d.ts +1 -1
  245. package/ImageListItemBox/ImageListItemBox.js +61 -50
  246. package/ImageListItemBox/index.js +12 -7
  247. package/Info/Info.d.ts +1 -1
  248. package/Info/Info.js +99 -63
  249. package/Info/index.js +12 -7
  250. package/Interaction/Interaction.d.ts +2 -2
  251. package/Interaction/Interaction.js +405 -345
  252. package/Interaction/index.js +12 -7
  253. package/Keyframes/Context.js +9 -7
  254. package/Keyframes/Keyframes.d.ts +3 -3
  255. package/Keyframes/Keyframes.js +189 -174
  256. package/Keyframes/index.js +41 -25
  257. package/Keyframes/useKeyframes.js +11 -10
  258. package/Label/Label.d.ts +1 -1
  259. package/Label/Label.js +177 -151
  260. package/Label/index.js +12 -7
  261. package/Labels/Labels.d.ts +1 -1
  262. package/Labels/Labels.js +126 -98
  263. package/Labels/index.js +12 -7
  264. package/Line/Line.d.ts +6 -6
  265. package/Line/Line.js +296 -174
  266. package/Line/index.js +12 -7
  267. package/LineChart/LineChart.d.ts +1 -1
  268. package/LineChart/LineChart.js +57 -40
  269. package/LineChart/index.js +12 -7
  270. package/LineChartItem/LineChartItem.d.ts +1 -1
  271. package/LineChartItem/LineChartItem.js +239 -177
  272. package/LineChartItem/index.js +12 -7
  273. package/LinearMeter/LinearMeter.d.ts +1 -1
  274. package/LinearMeter/LinearMeter.js +453 -377
  275. package/LinearMeter/index.js +12 -7
  276. package/LinearProgress/LinearProgress.d.ts +1 -1
  277. package/LinearProgress/LinearProgress.js +324 -255
  278. package/LinearProgress/index.js +12 -7
  279. package/Link/Link.d.ts +1 -1
  280. package/Link/Link.js +182 -127
  281. package/Link/index.js +12 -7
  282. package/Links/Links.d.ts +2 -2
  283. package/Links/Links.js +277 -156
  284. package/Links/index.js +12 -7
  285. package/List/List.d.ts +1 -1
  286. package/List/List.js +148 -113
  287. package/List/index.js +12 -7
  288. package/ListItem/ListItem.d.ts +1 -1
  289. package/ListItem/ListItem.js +388 -362
  290. package/ListItem/index.js +12 -7
  291. package/ListSubheader/ListSubheader.d.ts +1 -1
  292. package/ListSubheader/ListSubheader.js +52 -44
  293. package/ListSubheader/index.js +12 -7
  294. package/MainProgress/Context.js +9 -7
  295. package/MainProgress/MainProgress.d.ts +3 -3
  296. package/MainProgress/MainProgress.js +193 -161
  297. package/MainProgress/index.js +32 -13
  298. package/MainProgress/useMainProgress.js +11 -10
  299. package/Markdown/Markdown.d.ts +1 -1
  300. package/Markdown/Markdown.js +676 -704
  301. package/Markdown/index.js +12 -7
  302. package/Masonry/Masonry.d.ts +1 -1
  303. package/Masonry/Masonry.js +207 -181
  304. package/Masonry/index.js +12 -7
  305. package/Medias/Medias.d.ts +3 -3
  306. package/Medias/Medias.js +436 -398
  307. package/Medias/index.js +12 -7
  308. package/Menu/Menu.d.ts +1 -1
  309. package/Menu/Menu.js +278 -243
  310. package/Menu/index.js +12 -7
  311. package/MenuDesktop/MenuDesktop.d.ts +3 -3
  312. package/MenuDesktop/MenuDesktop.js +496 -419
  313. package/MenuDesktop/index.js +12 -7
  314. package/MenuItem/MenuItem.d.ts +1 -1
  315. package/MenuItem/MenuItem.js +286 -231
  316. package/MenuItem/index.js +12 -7
  317. package/Meta/Meta.d.ts +1 -1
  318. package/Meta/Meta.js +78 -54
  319. package/Meta/index.js +12 -7
  320. package/Modal/Modal.d.ts +1 -1
  321. package/Modal/Modal.js +333 -272
  322. package/Modal/index.js +12 -7
  323. package/ModalFooter/ModalFooter.d.ts +1 -1
  324. package/ModalFooter/ModalFooter.js +50 -39
  325. package/ModalFooter/index.js +12 -7
  326. package/ModalHeader/ModalHeader.d.ts +1 -1
  327. package/ModalHeader/ModalHeader.js +51 -39
  328. package/ModalHeader/index.js +12 -7
  329. package/ModalIcon/ModalIcon.d.ts +1 -1
  330. package/ModalIcon/ModalIcon.js +29 -23
  331. package/ModalIcon/index.js +12 -7
  332. package/ModalMain/ModalMain.d.ts +1 -1
  333. package/ModalMain/ModalMain.js +50 -41
  334. package/ModalMain/index.js +12 -7
  335. package/ModalText/ModalText.d.ts +1 -1
  336. package/ModalText/ModalText.js +47 -37
  337. package/ModalText/index.js +12 -7
  338. package/ModalTitle/ModalTitle.d.ts +1 -1
  339. package/ModalTitle/ModalTitle.js +47 -37
  340. package/ModalTitle/index.js +12 -7
  341. package/MoreOptions/MoreOptions.d.ts +1 -1
  342. package/MoreOptions/MoreOptions.js +72 -52
  343. package/MoreOptions/index.js +12 -7
  344. package/Move/Move.d.ts +1 -1
  345. package/Move/Move.js +166 -141
  346. package/Move/index.js +12 -7
  347. package/NavigationBar/NavigationBar.d.ts +2 -2
  348. package/NavigationBar/NavigationBar.js +133 -109
  349. package/NavigationBar/index.js +12 -7
  350. package/NavigationDrawer/NavigationDrawer.d.ts +1 -1
  351. package/NavigationDrawer/NavigationDrawer.js +241 -211
  352. package/NavigationDrawer/index.js +12 -7
  353. package/NavigationItem/NavigationItem.d.ts +2 -2
  354. package/NavigationItem/NavigationItem.js +293 -262
  355. package/NavigationItem/index.js +12 -7
  356. package/NavigationRail/NavigationRail.d.ts +1 -1
  357. package/NavigationRail/NavigationRail.js +187 -150
  358. package/NavigationRail/index.js +12 -7
  359. package/NotFound/NotFound.d.ts +1 -1
  360. package/NotFound/NotFound.js +89 -66
  361. package/NotFound/index.js +12 -7
  362. package/NumericTextField/NumericTextField.d.ts +1 -1
  363. package/NumericTextField/NumericTextField.js +217 -212
  364. package/NumericTextField/index.js +12 -7
  365. package/Page/Page.d.ts +2 -2
  366. package/Page/Page.js +131 -67
  367. package/Page/index.js +12 -7
  368. package/PageTransition/PageTransition.d.ts +1 -1
  369. package/PageTransition/PageTransition.js +112 -102
  370. package/PageTransition/index.js +12 -7
  371. package/Pagination/Pagination.d.ts +1 -1
  372. package/Pagination/Pagination.js +153 -98
  373. package/Pagination/index.js +12 -7
  374. package/PaginationItem/PaginationItem.d.ts +1 -1
  375. package/PaginationItem/PaginationItem.js +85 -65
  376. package/PaginationItem/index.js +12 -7
  377. package/Parallax/Parallax.d.ts +2 -2
  378. package/Parallax/Parallax.js +138 -145
  379. package/Parallax/index.js +12 -7
  380. package/Path/Path.d.ts +1 -1
  381. package/Path/Path.js +40 -35
  382. package/Path/index.js +12 -7
  383. package/PieChart/PieChart.d.ts +1 -1
  384. package/PieChart/PieChart.js +382 -267
  385. package/PieChart/index.js +12 -7
  386. package/Placeholder/Placeholder.d.ts +1 -1
  387. package/Placeholder/Placeholder.js +125 -117
  388. package/Placeholder/index.js +12 -7
  389. package/Portal/Portal.d.ts +1 -1
  390. package/Portal/Portal.js +37 -38
  391. package/Portal/index.js +12 -7
  392. package/Properties/Properties.d.ts +2 -2
  393. package/Properties/Properties.js +85 -64
  394. package/Properties/index.js +12 -7
  395. package/Property/Property.d.ts +1 -1
  396. package/Property/Property.js +120 -108
  397. package/Property/index.js +12 -7
  398. package/Radio/Radio.d.ts +1 -1
  399. package/Radio/Radio.js +211 -181
  400. package/Radio/index.js +12 -7
  401. package/Radios/Radios.d.ts +1 -1
  402. package/Radios/Radios.js +124 -92
  403. package/Radios/index.js +12 -7
  404. package/Rating/Rating.d.ts +1 -1
  405. package/Rating/Rating.js +353 -360
  406. package/Rating/index.js +12 -7
  407. package/Reset/Reset.d.ts +1 -1
  408. package/Reset/Reset.js +19 -24
  409. package/Reset/index.js +12 -7
  410. package/Reveal/Reveal.d.ts +1 -1
  411. package/Reveal/Reveal.js +98 -89
  412. package/Reveal/index.js +12 -7
  413. package/RichTextEditor/RichTextEditor.d.ts +1 -1
  414. package/RichTextEditor/RichTextEditor.js +1764 -972
  415. package/RichTextEditor/index.js +12 -7
  416. package/RoundMeter/RoundMeter.d.ts +1 -1
  417. package/RoundMeter/RoundMeter.js +629 -537
  418. package/RoundMeter/index.js +12 -7
  419. package/RoundProgress/RoundProgress.d.ts +1 -1
  420. package/RoundProgress/RoundProgress.js +233 -174
  421. package/RoundProgress/index.js +12 -7
  422. package/ScatterChart/ScatterChart.d.ts +1 -1
  423. package/ScatterChart/ScatterChart.js +53 -40
  424. package/ScatterChart/index.js +12 -7
  425. package/ScatterChartItem/ScatterChartItem.d.ts +1 -1
  426. package/ScatterChartItem/ScatterChartItem.js +214 -153
  427. package/ScatterChartItem/index.js +12 -7
  428. package/ScreenCapture/ScreenCapture.d.ts +2 -2
  429. package/ScreenCapture/ScreenCapture.js +427 -335
  430. package/ScreenCapture/index.js +12 -7
  431. package/Section/Section.d.ts +2 -2
  432. package/Section/Section.js +380 -319
  433. package/Section/index.js +12 -7
  434. package/SectionAction/SectionAction.d.ts +1 -1
  435. package/SectionAction/SectionAction.js +72 -61
  436. package/SectionAction/index.js +12 -7
  437. package/SectionBoxes/SectionBoxes.d.ts +2 -2
  438. package/SectionBoxes/SectionBoxes.js +240 -208
  439. package/SectionBoxes/index.js +12 -7
  440. package/SectionCards/SectionCards.d.ts +2 -2
  441. package/SectionCards/SectionCards.js +256 -217
  442. package/SectionCards/index.js +12 -7
  443. package/SectionCarousel/SectionCarousel.d.ts +2 -2
  444. package/SectionCarousel/SectionCarousel.js +284 -242
  445. package/SectionCarousel/index.js +12 -7
  446. package/SectionContact/SectionContact.d.ts +1 -1
  447. package/SectionContact/SectionContact.js +174 -116
  448. package/SectionContact/index.js +12 -7
  449. package/SectionImageGallery/SectionImageGallery.d.ts +1 -1
  450. package/SectionImageGallery/SectionImageGallery.js +64 -51
  451. package/SectionImageGallery/index.js +12 -7
  452. package/SectionLogos/SectionLogos.d.ts +1 -1
  453. package/SectionLogos/SectionLogos.js +123 -109
  454. package/SectionLogos/index.js +12 -7
  455. package/SectionMedia/SectionMedia.d.ts +1 -1
  456. package/SectionMedia/SectionMedia.js +170 -152
  457. package/SectionMedia/index.js +12 -7
  458. package/SectionReviews/SectionReviews.d.ts +2 -2
  459. package/SectionReviews/SectionReviews.js +170 -129
  460. package/SectionReviews/index.js +12 -7
  461. package/SectionTextMedia/SectionTextMedia.d.ts +1 -1
  462. package/SectionTextMedia/SectionTextMedia.js +187 -142
  463. package/SectionTextMedia/index.js +12 -7
  464. package/SectionTimeline/SectionTimeline.d.ts +2 -2
  465. package/SectionTimeline/SectionTimeline.js +126 -95
  466. package/SectionTimeline/index.js +12 -7
  467. package/SectionWatch/SectionWatch.d.ts +1 -1
  468. package/SectionWatch/SectionWatch.js +65 -53
  469. package/SectionWatch/index.js +12 -7
  470. package/Select/Select.d.ts +1 -1
  471. package/Select/Select.js +517 -406
  472. package/Select/index.js +12 -7
  473. package/Share/Share.d.ts +1 -1
  474. package/Share/Share.js +458 -319
  475. package/Share/index.js +12 -7
  476. package/Slide/Slide.d.ts +1 -1
  477. package/Slide/Slide.js +184 -140
  478. package/Slide/index.js +12 -7
  479. package/Slider/Slider.d.ts +2 -2
  480. package/Slider/Slider.js +927 -837
  481. package/Slider/index.js +12 -7
  482. package/SmartTextField/SmartTextField.d.ts +1 -1
  483. package/SmartTextField/SmartTextField.js +1406 -1014
  484. package/SmartTextField/index.js +12 -7
  485. package/Snackbar/Snackbar.d.ts +1 -1
  486. package/Snackbar/Snackbar.js +227 -185
  487. package/Snackbar/index.js +12 -7
  488. package/Snackbars/Context.d.ts +1 -1
  489. package/Snackbars/Context.js +9 -7
  490. package/Snackbars/Snackbars.d.ts +2 -2
  491. package/Snackbars/Snackbars.js +234 -210
  492. package/Snackbars/index.js +32 -13
  493. package/Snackbars/useSnackbars.js +11 -10
  494. package/Space/Space.d.ts +1 -1
  495. package/Space/Space.js +1683 -968
  496. package/Space/index.js +23 -21
  497. package/SpeechToText/SpeechToText.d.ts +1 -1
  498. package/SpeechToText/SpeechToText.js +207 -172
  499. package/SpeechToText/index.js +12 -7
  500. package/SpeedDial/SpeedDial.d.ts +1 -1
  501. package/SpeedDial/SpeedDial.js +434 -398
  502. package/SpeedDial/index.js +12 -7
  503. package/SpeedDialItem/SpeedDialItem.d.ts +1 -1
  504. package/SpeedDialItem/SpeedDialItem.js +89 -63
  505. package/SpeedDialItem/index.js +12 -7
  506. package/SpyScroll/SpyScroll.d.ts +1 -1
  507. package/SpyScroll/SpyScroll.js +154 -142
  508. package/SpyScroll/index.js +12 -7
  509. package/Step/Step.d.ts +1 -1
  510. package/Step/Step.js +181 -127
  511. package/Step/index.js +12 -7
  512. package/Stepper/Stepper.d.ts +1 -1
  513. package/Stepper/Stepper.js +159 -139
  514. package/Stepper/index.js +12 -7
  515. package/Surface/Surface.d.ts +1 -1
  516. package/Surface/Surface.js +760 -798
  517. package/Surface/index.js +12 -7
  518. package/Switch/Switch.d.ts +1 -1
  519. package/Switch/Switch.js +688 -532
  520. package/Switch/index.js +12 -7
  521. package/Tab/Tab.d.ts +1 -1
  522. package/Tab/Tab.js +185 -150
  523. package/Tab/index.js +12 -7
  524. package/Table/Table.d.ts +1 -1
  525. package/Table/Table.js +100 -77
  526. package/Table/index.js +12 -7
  527. package/TableBody/TableBody.d.ts +1 -1
  528. package/TableBody/TableBody.js +76 -63
  529. package/TableBody/index.js +12 -7
  530. package/TableCell/TableCell.d.ts +2 -2
  531. package/TableCell/TableCell.js +258 -220
  532. package/TableCell/index.js +12 -7
  533. package/TableFooter/TableFooter.d.ts +1 -1
  534. package/TableFooter/TableFooter.js +60 -48
  535. package/TableFooter/index.js +12 -7
  536. package/TableHead/TableHead.d.ts +1 -1
  537. package/TableHead/TableHead.js +139 -120
  538. package/TableHead/index.js +12 -7
  539. package/TableHeader/TableHeader.d.ts +1 -1
  540. package/TableHeader/TableHeader.js +65 -50
  541. package/TableHeader/index.js +12 -7
  542. package/TablePagination/TablePagination.d.ts +1 -1
  543. package/TablePagination/TablePagination.js +171 -98
  544. package/TablePagination/index.js +12 -7
  545. package/TableRow/TableRow.d.ts +1 -1
  546. package/TableRow/TableRow.js +77 -64
  547. package/TableRow/index.js +12 -7
  548. package/Tabs/Tabs.d.ts +1 -1
  549. package/Tabs/Tabs.js +425 -377
  550. package/Tabs/index.js +12 -7
  551. package/Text/Text.d.ts +1 -1
  552. package/Text/Text.js +131 -113
  553. package/Text/index.js +12 -7
  554. package/TextField/TextField.d.ts +1 -1
  555. package/TextField/TextField.js +940 -879
  556. package/TextField/index.js +12 -7
  557. package/TextToSpeech/TextToSpeech.d.ts +1 -1
  558. package/TextToSpeech/TextToSpeech.js +176 -153
  559. package/TextToSpeech/index.js +12 -7
  560. package/TimePicker/TimePicker.d.ts +3 -3
  561. package/TimePicker/TimePicker.js +985 -718
  562. package/TimePicker/index.js +12 -7
  563. package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
  564. package/TimeRangePicker/TimeRangePicker.js +44 -37
  565. package/TimeRangePicker/index.js +12 -7
  566. package/Timeline/Timeline.d.ts +1 -1
  567. package/Timeline/Timeline.js +54 -42
  568. package/Timeline/index.js +12 -7
  569. package/TimelineItem/TimelineItem.d.ts +1 -1
  570. package/TimelineItem/TimelineItem.js +144 -147
  571. package/TimelineItem/index.js +12 -7
  572. package/Timer/Timer.d.ts +1 -1
  573. package/Timer/Timer.js +321 -204
  574. package/Timer/index.js +12 -7
  575. package/ToggleButton/ToggleButton.d.ts +1 -1
  576. package/ToggleButton/ToggleButton.js +67 -58
  577. package/ToggleButton/index.js +12 -7
  578. package/ToggleButtons/ToggleButtons.d.ts +1 -1
  579. package/ToggleButtons/ToggleButtons.js +46 -37
  580. package/ToggleButtons/index.js +12 -7
  581. package/Tooltip/Tooltip.d.ts +1 -1
  582. package/Tooltip/Tooltip.js +489 -454
  583. package/Tooltip/index.js +12 -7
  584. package/TopAppBar/TopAppBar.d.ts +1 -1
  585. package/TopAppBar/TopAppBar.js +237 -197
  586. package/TopAppBar/index.js +12 -7
  587. package/Transition/Context.js +9 -7
  588. package/Transition/Transition.d.ts +3 -3
  589. package/Transition/Transition.js +321 -339
  590. package/Transition/index.js +41 -25
  591. package/Transition/useTransition.js +11 -10
  592. package/Transitions/Transitions.d.ts +2 -2
  593. package/Transitions/Transitions.js +215 -179
  594. package/Transitions/index.js +12 -7
  595. package/Tree/Tree.d.ts +1 -1
  596. package/Tree/Tree.js +375 -312
  597. package/Tree/index.js +12 -7
  598. package/Type/Type.d.ts +1 -1
  599. package/Type/Type.js +251 -152
  600. package/Type/index.js +12 -7
  601. package/VideoPlayer/VideoPlayer.d.ts +1 -1
  602. package/VideoPlayer/VideoPlayer.js +866 -656
  603. package/VideoPlayer/index.js +12 -7
  604. package/ViewSplit/ViewSplit.d.ts +1 -1
  605. package/ViewSplit/ViewSplit.js +413 -387
  606. package/ViewSplit/index.js +12 -7
  607. package/Watch/Watch.d.ts +1 -1
  608. package/Watch/Watch.js +436 -290
  609. package/Watch/index.js +12 -7
  610. package/Weather/Weather.d.ts +4 -4
  611. package/Weather/Weather.js +294 -247
  612. package/Weather/index.js +12 -7
  613. package/Whiteboard/Whiteboard.d.ts +5 -5
  614. package/Whiteboard/Whiteboard.js +1392 -1292
  615. package/Whiteboard/index.js +12 -7
  616. package/Widgets/Context.js +9 -7
  617. package/Widgets/Widgets.d.ts +2 -2
  618. package/Widgets/Widgets.js +220 -168
  619. package/Widgets/index.js +32 -13
  620. package/Widgets/useWidgets.js +11 -10
  621. package/WindowSplit/WindowSplit.d.ts +1 -1
  622. package/WindowSplit/WindowSplit.js +381 -336
  623. package/WindowSplit/index.js +12 -7
  624. package/Zoom/Zoom.d.ts +1 -1
  625. package/Zoom/Zoom.js +126 -99
  626. package/Zoom/index.js +12 -7
  627. package/esm/Append/Append.js +6 -8
  628. package/esm/AutoComplete/AutoComplete.js +8 -20
  629. package/esm/Breadcrumbs/Breadcrumbs.js +1 -3
  630. package/esm/Buttons/Buttons.js +8 -33
  631. package/esm/Calendar/Calendar.js +74 -80
  632. package/esm/CalendarAvailability/CalendarAvailability.js +1 -2
  633. package/esm/CalendarMenu/CalendarMenu.js +2 -2
  634. package/esm/CalendarMonth/CalendarMonth.js +65 -68
  635. package/esm/CalendarWeek/CalendarWeek.js +3 -7
  636. package/esm/Carousel/Carousel.js +4 -12
  637. package/esm/Chart/Chart.js +19 -25
  638. package/esm/Clock/Clock.js +5 -8
  639. package/esm/Confirm/Confirm.js +1 -2
  640. package/esm/DatePicker/DatePicker.js +8 -13
  641. package/esm/DateTimePicker/DateTimePicker.js +6 -9
  642. package/esm/Drawing/Drawing.js +1 -6
  643. package/esm/Expand/Expand.js +1 -2
  644. package/esm/Fade/Fade.js +1 -2
  645. package/esm/Focus/Focus.js +1 -2
  646. package/esm/Grow/Grow.js +1 -2
  647. package/esm/HTMLCanvas/HTMLCanvas.js +2 -5
  648. package/esm/ImageCrop/ImageCrop.js +2 -5
  649. package/esm/ImageEdit/ImageEdit.js +5 -12
  650. package/esm/ImageGallery/ImageGallery.js +1 -2
  651. package/esm/Interaction/Interaction.js +1 -2
  652. package/esm/Keyframes/Keyframes.js +1 -2
  653. package/esm/LinearMeter/LinearMeter.js +77 -80
  654. package/esm/Markdown/Markdown.js +41 -144
  655. package/esm/MenuDesktop/MenuDesktop.js +5 -6
  656. package/esm/Rating/Rating.js +2 -4
  657. package/esm/RichTextEditor/RichTextEditor.js +36 -50
  658. package/esm/RoundMeter/RoundMeter.js +70 -73
  659. package/esm/ScreenCapture/ScreenCapture.js +2 -5
  660. package/esm/Select/Select.js +5 -9
  661. package/esm/Share/Share.js +4 -5
  662. package/esm/Slide/Slide.js +2 -4
  663. package/esm/Slider/Slider.js +3 -6
  664. package/esm/SmartTextField/SmartTextField.js +2 -4
  665. package/esm/Snackbar/Snackbar.js +1 -2
  666. package/esm/Snackbars/Snackbars.js +3 -3
  667. package/esm/Space/Space.js +3 -6
  668. package/esm/Switch/Switch.js +1 -2
  669. package/esm/Tabs/Tabs.js +1 -2
  670. package/esm/TimePicker/TimePicker.js +27 -38
  671. package/esm/Timer/Timer.js +3 -4
  672. package/esm/Tooltip/Tooltip.js +1 -2
  673. package/esm/ViewSplit/ViewSplit.js +1 -2
  674. package/esm/Watch/Watch.js +4 -5
  675. package/esm/Weather/Weather.js +14 -17
  676. package/esm/Whiteboard/Whiteboard.js +1 -4
  677. package/esm/WindowSplit/WindowSplit.js +1 -2
  678. package/esm/Zoom/Zoom.js +1 -2
  679. package/esm/index.js +1 -1
  680. package/esm/useForm/useForm.js +1 -4
  681. package/esm/useLocation/useLocation.js +1 -2
  682. package/esm/useSwipe/useSwipe.js +1 -2
  683. package/esm/utils.js +3 -11
  684. package/index.js +4052 -660
  685. package/package.json +3 -3
  686. package/types.d.ts +27 -27
  687. package/types.js +4 -1
  688. package/useForm/index.js +25 -11
  689. package/useForm/useForm.d.ts +2 -2
  690. package/useForm/useForm.js +203 -174
  691. package/useForm/validate.d.ts +12 -12
  692. package/useForm/validate.js +215 -203
  693. package/useLocation/index.js +12 -7
  694. package/useLocation/useLocation.d.ts +1 -1
  695. package/useLocation/useLocation.js +54 -49
  696. package/useMediaQuery/index.js +12 -7
  697. package/useMediaQuery/useMediaQuery.d.ts +1 -1
  698. package/useMediaQuery/useMediaQuery.js +44 -43
  699. package/useQuery/index.js +12 -7
  700. package/useQuery/useQuery.js +14 -10
  701. package/useScroll/index.js +12 -7
  702. package/useScroll/useScroll.d.ts +2 -2
  703. package/useScroll/useScroll.js +61 -56
  704. package/useSubscription/index.js +12 -7
  705. package/useSubscription/useSubscription.js +35 -35
  706. package/useSwipe/index.js +12 -7
  707. package/useSwipe/useSwipe.d.ts +2 -2
  708. package/useSwipe/useSwipe.js +157 -131
  709. package/useVisible/index.js +12 -7
  710. package/useVisible/useVisible.d.ts +2 -2
  711. package/useVisible/useVisible.js +86 -76
  712. package/utils.js +1224 -1362
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onesy/ui-react",
3
- "version": "1.0.130",
3
+ "version": "1.0.132",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",
@@ -38,11 +38,11 @@
38
38
  "dependencies": {
39
39
  "@onesy/date": "^1.0.2",
40
40
  "@onesy/errors": "^1.0.0",
41
- "@onesy/icons-material-rounded-react": "1.0.5",
41
+ "@onesy/icons-material-rounded-react": "^1.0.5",
42
42
  "@onesy/log": "^1.0.1",
43
43
  "@onesy/models": "^1.0.0",
44
44
  "@onesy/subscription": "^1.0.0",
45
- "@onesy/utils": "^1.0.12",
45
+ "@onesy/utils": "^1.0.19",
46
46
  "webm-duration-fix": "^1.0.4"
47
47
  },
48
48
  "publishConfig": {
package/types.d.ts CHANGED
@@ -1,29 +1,29 @@
1
1
  /// <reference types="react" />
2
2
  import { IBreakpoint, TPaletteVersion } from '@onesy/style-react';
3
- export declare type IPoint = [number, number];
4
- export declare type ITonal = true | false | 'secondary';
5
- declare type RGB = `rgb(${number}, ${number}, ${number})`;
6
- declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
7
- declare type HSL = `hsl(${number}, ${number}, ${number})`;
8
- declare type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
9
- declare type HEX = `#${string}`;
10
- declare type Color = RGB | RGBA | HSL | HSLA | HEX;
11
- export declare type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
12
- export declare type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
13
- export declare type ISize = 'small' | 'regular' | 'large';
14
- export declare type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
15
- export declare type ISizeAny = ISize | number;
16
- export declare type ISizeExtendedAny = ISizeExtended | number;
17
- export declare type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
18
- export declare type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
19
- export declare type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
20
- export declare type IElementAny = IElement | string | number | boolean | null | undefined;
21
- export declare type IHTMLElement = Element | HTMLElement;
22
- export declare type IPropsAny = Record<string, any>;
23
- export declare type IStyle = React.CSSProperties | undefined;
24
- export declare type IChildren = React.ReactNode | React.ReactNode[];
25
- export declare type IRef = React.MutableRefObject<any>;
26
- export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
3
+ export type IPoint = [number, number];
4
+ export type ITonal = true | false | 'secondary';
5
+ type RGB = `rgb(${number}, ${number}, ${number})`;
6
+ type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
7
+ type HSL = `hsl(${number}, ${number}, ${number})`;
8
+ type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
9
+ type HEX = `#${string}`;
10
+ type Color = RGB | RGBA | HSL | HSLA | HEX;
11
+ export type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
12
+ export type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
13
+ export type ISize = 'small' | 'regular' | 'large';
14
+ export type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
15
+ export type ISizeAny = ISize | number;
16
+ export type ISizeExtendedAny = ISizeExtended | number;
17
+ export type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
18
+ export type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
19
+ export type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
20
+ export type IElementAny = IElement | string | number | boolean | null | undefined;
21
+ export type IHTMLElement = Element | HTMLElement;
22
+ export type IPropsAny = Record<string, any>;
23
+ export type IStyle = React.CSSProperties | undefined;
24
+ export type IChildren = React.ReactNode | React.ReactNode[];
25
+ export type IRef = React.MutableRefObject<any>;
26
+ export type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
27
27
  tonal?: ITonal;
28
28
  color?: IColor;
29
29
  size?: ISizeAny;
@@ -41,9 +41,9 @@ export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttri
41
41
  Component?: any;
42
42
  ref?: any;
43
43
  } & P;
44
- export declare type IMethodTransition = (element?: IHTMLElement) => any;
45
- export declare type IValueBreakpoints = IBreakpoint | 'default';
46
- export declare type IMediaObject = {
44
+ export type IMethodTransition = (element?: IHTMLElement) => any;
45
+ export type IValueBreakpoints = IBreakpoint | 'default';
46
+ export type IMediaObject = {
47
47
  id?: string;
48
48
  name?: string;
49
49
  mime?: string;
package/types.js CHANGED
@@ -1,2 +1,5 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/useForm/index.js CHANGED
@@ -1,12 +1,26 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.validate = exports.useForm = exports.default = void 0;
7
- var useForm_1 = require("./useForm");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useForm_1).default; } });
9
- var useForm_2 = require("./useForm");
10
- Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return __importDefault(useForm_2).default; } });
11
- var validate_1 = require("./validate");
12
- Object.defineProperty(exports, "validate", { enumerable: true, get: function () { return __importDefault(validate_1).default; } });
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _useForm.default;
11
+ }
12
+ });
13
+ Object.defineProperty(exports, "useForm", {
14
+ enumerable: true,
15
+ get: function () {
16
+ return _useForm.default;
17
+ }
18
+ });
19
+ Object.defineProperty(exports, "validate", {
20
+ enumerable: true,
21
+ get: function () {
22
+ return _validate.default;
23
+ }
24
+ });
25
+ var _useForm = _interopRequireDefault(require("./useForm"));
26
+ var _validate = _interopRequireDefault(require("./validate"));
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IValidateVales } from './validate';
3
- export declare type IUseForm = {
3
+ export type IUseForm = {
4
4
  values: IValidateVales;
5
5
  validate?: (values: IValidateVales, form: any) => boolean;
6
6
  rerenderOnUpdate?: boolean;
@@ -8,7 +8,7 @@ export declare type IUseForm = {
8
8
  valueDefault?: any;
9
9
  validDefault?: boolean;
10
10
  };
11
- export declare type IUseFormOnChangeOptions = {
11
+ export type IUseFormOnChangeOptions = {
12
12
  rerenderOnUpdate?: boolean;
13
13
  };
14
14
  declare const useForm: (props: IUseForm) => {
@@ -1,180 +1,209 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const utils_1 = require("@onesy/utils");
8
- const style_react_1 = require("@onesy/style-react");
9
- const validate_1 = __importDefault(require("./validate"));
10
- const useForm = (props) => {
11
- const { values: values_ = {}, validate: validate_, rerenderOnUpdate = true, autoValidate, valueDefault, validDefault } = props;
12
- const theme = (0, style_react_1.useOnesyTheme)();
13
- const l = theme.l;
14
- const [form, setForm] = react_1.default.useState({
15
- value: valueDefault !== undefined ? valueDefault : {},
16
- values: (0, utils_1.copy)(values_ || {}),
17
- valid: validDefault !== undefined ? validDefault : false
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _utils = require("@onesy/utils");
11
+ var _styleReact = require("@onesy/style-react");
12
+ var _validate = _interopRequireDefault(require("./validate"));
13
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
+ const useForm = props => {
16
+ const {
17
+ values: values_ = {},
18
+ validate: validate_,
19
+ rerenderOnUpdate = true,
20
+ autoValidate,
21
+ valueDefault,
22
+ validDefault
23
+ } = props;
24
+ const theme = (0, _styleReact.useOnesyTheme)();
25
+ const l = theme.l;
26
+ const [form, setForm] = _react.default.useState({
27
+ value: valueDefault !== undefined ? valueDefault : {},
28
+ values: (0, _utils.copy)(values_ || {}),
29
+ valid: validDefault !== undefined ? validDefault : false
30
+ });
31
+ const refs = {
32
+ form: _react.default.useRef(form),
33
+ value: _react.default.useRef((0, _utils.copy)(valueDefault !== undefined ? valueDefault : {})),
34
+ values: _react.default.useRef((0, _utils.copy)(values_ || {})),
35
+ valid: _react.default.useRef(validDefault !== undefined ? validDefault : false)
36
+ };
37
+ refs.form.current = form;
38
+ const init = () => {
39
+ const formNew = _objectSpread({}, refs.form.current);
40
+ const {
41
+ values
42
+ } = formNew;
43
+ const value = {};
44
+ const properties = Object.keys(values);
45
+ properties.forEach(item => {
46
+ const valueProperty = values[item];
47
+ if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
48
+ (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
49
+ }
18
50
  });
19
- const refs = {
20
- form: react_1.default.useRef(form),
21
- value: react_1.default.useRef((0, utils_1.copy)(valueDefault !== undefined ? valueDefault : {})),
22
- values: react_1.default.useRef((0, utils_1.copy)(values_ || {})),
23
- valid: react_1.default.useRef(validDefault !== undefined ? validDefault : false)
24
- };
25
- refs.form.current = form;
26
- const init = () => {
27
- const formNew = Object.assign({}, refs.form.current);
28
- const { values } = formNew;
29
- const value = {};
30
- const properties = Object.keys(values);
31
- properties.forEach(item => {
32
- const valueProperty = values[item];
33
- if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
34
- (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
35
- }
36
- });
37
- // update
38
- refs.value.current = value;
39
- setForm(previous => {
40
- return Object.assign(Object.assign({}, previous), { value });
41
- });
42
- };
43
- react_1.default.useEffect(() => {
44
- // init
45
- init();
46
- }, []);
47
- const onChange = async (...args) => {
48
- var _a, _b;
49
- const formNew = Object.assign({}, refs.form.current);
50
- const value = {};
51
- const valuesArgs = (0, utils_1.is)('array', args[0]) ? args[0] : [args];
52
- const options = (valuesArgs[0][3] || {});
53
- const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
54
- const values = refs.values.current;
55
- for (const arg of valuesArgs) {
56
- const [property_, value_, propertyNested] = arg;
57
- let property = values[property_];
58
- if (!property) {
59
- values[property_] = {
60
- name: (_b = (_a = (propertyNested || property_)) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.slice(-1)[0],
61
- touched: true
62
- };
63
- property = values[property_];
64
- }
65
- if (!propertyNested)
66
- property.value = value_;
67
- else
68
- (0, utils_1.setObjectValue)(property.value, propertyNested, value_);
69
- property.touched = true;
70
- if (autoValidate) {
71
- // Validate the property
72
- if (property.required && property.value === undefined) {
73
- const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
74
- property.error = `${l(name)} ${l('is required')}`;
75
- }
76
- else {
77
- property.error = undefined;
78
- // validations
79
- try {
80
- await (0, validate_1.default)(property, property_, formNew, { l });
81
- }
82
- catch (error) {
83
- property.error = error.message;
84
- }
85
- }
86
- }
87
- }
88
- const properties = Object.keys(values);
89
- let valid = autoValidate ? properties.every((item) => {
90
- const prop = values[item];
91
- return (!prop.error &&
92
- (!prop.required ||
93
- prop.value !== undefined));
94
- }) : refs.valid.current;
95
- if (autoValidate && (0, utils_1.is)('function', validate_))
96
- valid = valid && validate_(values, formNew);
97
- properties.forEach(item => {
98
- const valueProperty = values[item];
99
- if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
100
- (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
101
- }
102
- });
103
- // update
104
- refs.value.current = value;
105
- refs.values.current = values;
106
- refs.valid.current = valid;
107
- if (rerenderOnUpdate_) {
108
- setForm(previous => {
109
- return Object.assign(Object.assign({}, previous), { value,
110
- values,
111
- valid });
51
+
52
+ // update
53
+ refs.value.current = value;
54
+ setForm(previous => {
55
+ return _objectSpread(_objectSpread({}, previous), {}, {
56
+ value
57
+ });
58
+ });
59
+ };
60
+ _react.default.useEffect(() => {
61
+ // init
62
+ init();
63
+ }, []);
64
+ const onChange = async (...args) => {
65
+ const formNew = _objectSpread({}, refs.form.current);
66
+ const value = {};
67
+ const valuesArgs = (0, _utils.is)('array', args[0]) ? args[0] : [args];
68
+ const options = valuesArgs[0][3] || {};
69
+ const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
70
+ const values = refs.values.current;
71
+ for (const arg of valuesArgs) {
72
+ const [property_, value_, propertyNested] = arg;
73
+ let property = values[property_];
74
+ if (!property) {
75
+ var _ref;
76
+ values[property_] = {
77
+ name: (_ref = propertyNested || property_) === null || _ref === void 0 || (_ref = _ref.split('.')) === null || _ref === void 0 ? void 0 : _ref.slice(-1)[0],
78
+ touched: true
79
+ };
80
+ property = values[property_];
81
+ }
82
+ if (!propertyNested) property.value = value_;else (0, _utils.setObjectValue)(property.value, propertyNested, value_);
83
+ property.touched = true;
84
+ if (autoValidate) {
85
+ // Validate the property
86
+ if (property.required && property.value === undefined) {
87
+ const name = (0, _utils.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, _utils.capitalize)(property.name) : property.name;
88
+ property.error = `${l(name)} ${l('is required')}`;
89
+ } else {
90
+ property.error = undefined;
91
+
92
+ // validations
93
+ try {
94
+ await (0, _validate.default)(property, property_, formNew, {
95
+ l
112
96
  });
97
+ } catch (error) {
98
+ property.error = error.message;
99
+ }
113
100
  }
114
- };
115
- const validate = async () => {
116
- const formNew = Object.assign({}, refs.form.current);
117
- const values = refs.values.current;
118
- const value = {};
119
- const properties = Object.keys(values);
120
- for (const item of properties) {
121
- const property = values[item];
122
- // Validate the property
123
- if (property.required && property.value === undefined) {
124
- const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
125
- property.error = `${l(name)} ${l('is required')}`;
126
- }
127
- else {
128
- property.error = undefined;
129
- // validations
130
- try {
131
- await (0, validate_1.default)(property, item, formNew, { l });
132
- property.error = undefined;
133
- }
134
- catch (error) {
135
- property.error = error.message;
136
- }
137
- }
138
- }
139
- let valid = properties.every((item) => {
140
- const prop = values[item];
141
- return (!prop.error &&
142
- (!prop.required ||
143
- prop.value !== undefined));
144
- });
145
- if ((0, utils_1.is)('function', validate_))
146
- valid = valid && validate_(values, formNew);
147
- // value
148
- properties.forEach(item => {
149
- const valueProperty = values[item];
150
- if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
151
- (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
152
- }
153
- });
154
- // update
155
- refs.value.current = value;
156
- refs.values.current = values;
157
- refs.valid.current = valid;
158
- setForm(previous => {
159
- return Object.assign(Object.assign({}, previous), { value,
160
- values,
161
- valid });
162
- });
163
- return valid;
164
- };
165
- const clear = () => {
166
- const formNew = Object.assign(Object.assign({}, refs.form.current), { value: (0, utils_1.copy)(valueDefault !== undefined ? valueDefault : {}), values: (0, utils_1.copy)(values_ || {}), valid: validDefault !== undefined ? validDefault : false });
167
- // update
168
- refs.value.current = formNew.value;
169
- refs.values.current = formNew.values;
170
- refs.valid.current = formNew.valid;
171
- setForm(previous => {
172
- return Object.assign(Object.assign({}, previous), formNew);
101
+ }
102
+ }
103
+ const properties = Object.keys(values);
104
+ let valid = autoValidate ? properties.every(item => {
105
+ const prop = values[item];
106
+ return !prop.error && (!prop.required || prop.value !== undefined);
107
+ }) : refs.valid.current;
108
+ if (autoValidate && (0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
109
+ properties.forEach(item => {
110
+ const valueProperty = values[item];
111
+ if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
112
+ (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
113
+ }
114
+ });
115
+
116
+ // update
117
+ refs.value.current = value;
118
+ refs.values.current = values;
119
+ refs.valid.current = valid;
120
+ if (rerenderOnUpdate_) {
121
+ setForm(previous => {
122
+ return _objectSpread(_objectSpread({}, previous), {}, {
123
+ value,
124
+ values,
125
+ valid
173
126
  });
174
- };
175
- return Object.assign(Object.assign({}, form), { value: rerenderOnUpdate ? form.value : refs.value.current, values: rerenderOnUpdate ? form.values : refs.values.current, valid: rerenderOnUpdate ? form.valid : refs.valid.current, init,
176
- validate,
177
- onChange,
178
- clear, updateForm: setForm });
127
+ });
128
+ }
129
+ };
130
+ const validate = async () => {
131
+ const formNew = _objectSpread({}, refs.form.current);
132
+ const values = refs.values.current;
133
+ const value = {};
134
+ const properties = Object.keys(values);
135
+ for (const item of properties) {
136
+ const property = values[item];
137
+
138
+ // Validate the property
139
+ if (property.required && property.value === undefined) {
140
+ const name = (0, _utils.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, _utils.capitalize)(property.name) : property.name;
141
+ property.error = `${l(name)} ${l('is required')}`;
142
+ } else {
143
+ property.error = undefined;
144
+
145
+ // validations
146
+ try {
147
+ await (0, _validate.default)(property, item, formNew, {
148
+ l
149
+ });
150
+ property.error = undefined;
151
+ } catch (error) {
152
+ property.error = error.message;
153
+ }
154
+ }
155
+ }
156
+ let valid = properties.every(item => {
157
+ const prop = values[item];
158
+ return !prop.error && (!prop.required || prop.value !== undefined);
159
+ });
160
+ if ((0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
161
+
162
+ // value
163
+ properties.forEach(item => {
164
+ const valueProperty = values[item];
165
+ if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
166
+ (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
167
+ }
168
+ });
169
+
170
+ // update
171
+ refs.value.current = value;
172
+ refs.values.current = values;
173
+ refs.valid.current = valid;
174
+ setForm(previous => {
175
+ return _objectSpread(_objectSpread({}, previous), {}, {
176
+ value,
177
+ values,
178
+ valid
179
+ });
180
+ });
181
+ return valid;
182
+ };
183
+ const clear = () => {
184
+ const formNew = _objectSpread(_objectSpread({}, refs.form.current), {}, {
185
+ value: (0, _utils.copy)(valueDefault !== undefined ? valueDefault : {}),
186
+ values: (0, _utils.copy)(values_ || {}),
187
+ valid: validDefault !== undefined ? validDefault : false
188
+ });
189
+
190
+ // update
191
+ refs.value.current = formNew.value;
192
+ refs.values.current = formNew.values;
193
+ refs.valid.current = formNew.valid;
194
+ setForm(previous => {
195
+ return _objectSpread(_objectSpread({}, previous), formNew);
196
+ });
197
+ };
198
+ return _objectSpread(_objectSpread({}, form), {}, {
199
+ value: rerenderOnUpdate ? form.value : refs.value.current,
200
+ values: rerenderOnUpdate ? form.values : refs.values.current,
201
+ valid: rerenderOnUpdate ? form.valid : refs.valid.current,
202
+ init,
203
+ validate,
204
+ onChange,
205
+ clear,
206
+ updateForm: setForm
207
+ });
179
208
  };
180
- exports.default = useForm;
209
+ var _default = exports.default = useForm;
@@ -1,31 +1,31 @@
1
1
  import { TIsType, IOptions as IIsOptions } from '@onesy/utils/is';
2
2
  import { TIsValidType, IOptions as IIsValidOptions } from '@onesy/utils/isValid';
3
- export declare type IValidateOptions = {
3
+ export type IValidateOptions = {
4
4
  message?: string;
5
5
  uriDecode?: boolean;
6
6
  parse?: boolean;
7
7
  l?: any;
8
8
  };
9
- export declare type IValidateModelValueIs = {
9
+ export type IValidateModelValueIs = {
10
10
  type?: TIsType;
11
11
  options?: IIsOptions;
12
12
  };
13
- export declare type IValidateModelValueIsValid = {
13
+ export type IValidateModelValueIsValid = {
14
14
  type?: TIsValidType;
15
15
  options?: IIsValidOptions;
16
16
  };
17
- export declare type IValidateModelValueMethodOptions = {
17
+ export type IValidateModelValueMethodOptions = {
18
18
  form: IForm;
19
19
  property: string;
20
20
  object: IValidateModelValue;
21
21
  options: IValidateOptions;
22
22
  };
23
- export declare type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
24
- export declare type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
25
- export declare type IValidateModelMessages = {
23
+ export type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
24
+ export type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
25
+ export type IValidateModelMessages = {
26
26
  [p in IValidateModelValueValidations]?: string;
27
27
  };
28
- export declare type IValidateModelValue = {
28
+ export type IValidateModelValue = {
29
29
  name?: string;
30
30
  value?: any;
31
31
  message?: string;
@@ -53,14 +53,14 @@ export declare type IValidateModelValue = {
53
53
  capitalize?: boolean;
54
54
  propertyNameUpdate?: (value: any) => string;
55
55
  };
56
- export declare type IUseFormValues = Record<string, IValidateModelValue>;
57
- export declare type IForm = {
56
+ export type IUseFormValues = Record<string, IValidateModelValue>;
57
+ export type IForm = {
58
58
  value: any;
59
59
  values: IUseFormValues;
60
60
  valid: boolean;
61
61
  };
62
- export declare type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
63
- export declare type IValidateVales = Record<string, IValidateModelValue>;
62
+ export type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
63
+ export type IValidateVales = Record<string, IValidateModelValue>;
64
64
  export declare const onValidateError: (options: IValidateOptions, model: IValidateModelValue, message?: any) => never;
65
65
  declare const validate: (model: IValidateModelValue, property: string, form: IForm, options_?: IValidateOptions) => Promise<void>;
66
66
  export default validate;