@onesy/ui-react 1.0.163 → 1.0.165

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 (655) hide show
  1. package/Accordion/Accordion.d.ts +2 -2
  2. package/Accordion/Accordion.js +18 -41
  3. package/AdvancedTextField/AdvancedTextField.d.ts +1 -1
  4. package/AdvancedTextField/AdvancedTextField.js +17 -22
  5. package/Append/Append.d.ts +3 -3
  6. package/Append/Append.js +98 -110
  7. package/AreaChart/AreaChart.d.ts +1 -1
  8. package/AreaChart/AreaChart.js +27 -18
  9. package/AreaChartItem/AreaChartItem.d.ts +1 -1
  10. package/AreaChartItem/AreaChartItem.js +38 -49
  11. package/AudioPlayer/AudioPlayer.d.ts +1 -1
  12. package/AudioPlayer/AudioPlayer.js +89 -116
  13. package/AudioRecorder/AudioRecorder.d.ts +1 -1
  14. package/AudioRecorder/AudioRecorder.js +24 -42
  15. package/AutoComplete/AutoComplete.d.ts +3 -3
  16. package/AutoComplete/AutoComplete.js +119 -151
  17. package/AutoCompleteCountry/AutoCompleteCountry.d.ts +1 -1
  18. package/AutoCompleteCountry/AutoCompleteCountry.js +11 -22
  19. package/AutoCompleteCurrency/AutoCompleteCurrency.d.ts +1 -1
  20. package/AutoCompleteCurrency/AutoCompleteCurrency.js +4 -9
  21. package/Avatar/Avatar.d.ts +1 -1
  22. package/Avatar/Avatar.js +58 -31
  23. package/AvatarGroup/AvatarGroup.d.ts +1 -1
  24. package/AvatarGroup/AvatarGroup.js +40 -23
  25. package/Backdrop/Backdrop.d.ts +1 -1
  26. package/Backdrop/Backdrop.js +7 -18
  27. package/Badge/Badge.d.ts +1 -1
  28. package/Badge/Badge.js +53 -26
  29. package/Banner/Banner.d.ts +1 -1
  30. package/Banner/Banner.js +86 -39
  31. package/BottomAppBar/BottomAppBar.d.ts +1 -1
  32. package/BottomAppBar/BottomAppBar.js +61 -31
  33. package/BottomSheet/BottomSheet.d.ts +1 -1
  34. package/BottomSheet/BottomSheet.js +23 -13
  35. package/Box/Box.d.ts +1 -1
  36. package/Box/Box.js +25 -11
  37. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  38. package/Breadcrumbs/Breadcrumbs.js +27 -38
  39. package/BubbleChart/BubbleChart.d.ts +1 -1
  40. package/BubbleChart/BubbleChart.js +126 -120
  41. package/BubbleChartItem/BubbleChartItem.d.ts +1 -1
  42. package/BubbleChartItem/BubbleChartItem.js +12 -23
  43. package/Button/Button.d.ts +1 -1
  44. package/Button/Button.js +27 -42
  45. package/Buttons/Buttons.d.ts +1 -1
  46. package/Buttons/Buttons.js +208 -97
  47. package/Calendar/Calendar.d.ts +3 -3
  48. package/Calendar/Calendar.js +95 -133
  49. package/CalendarAvailability/CalendarAvailability.d.ts +2 -2
  50. package/CalendarAvailability/CalendarAvailability.js +107 -148
  51. package/CalendarMenu/CalendarMenu.d.ts +1 -1
  52. package/CalendarMenu/CalendarMenu.js +47 -80
  53. package/CalendarMonth/CalendarMonth.d.ts +5 -5
  54. package/CalendarMonth/CalendarMonth.js +103 -124
  55. package/CalendarViews/CalendarViews.d.ts +2 -2
  56. package/CalendarViews/CalendarViews.js +34 -60
  57. package/CalendarWeek/CalendarWeek.d.ts +1 -1
  58. package/CalendarWeek/CalendarWeek.js +84 -95
  59. package/Card/Card.d.ts +1 -1
  60. package/Card/Card.js +10 -21
  61. package/CardButton/CardButton.d.ts +1 -1
  62. package/CardButton/CardButton.js +8 -13
  63. package/CardFooter/CardFooter.d.ts +1 -1
  64. package/CardFooter/CardFooter.js +40 -21
  65. package/CardHeader/CardHeader.d.ts +1 -1
  66. package/CardHeader/CardHeader.js +68 -24
  67. package/CardImage/CardImage.d.ts +1 -1
  68. package/CardImage/CardImage.js +31 -13
  69. package/CardMain/CardMain.d.ts +1 -1
  70. package/CardMain/CardMain.js +30 -16
  71. package/Carousel/Carousel.d.ts +4 -4
  72. package/Carousel/Carousel.js +163 -181
  73. package/Chart/Chart.d.ts +4 -4
  74. package/Chart/Chart.js +250 -271
  75. package/Checkbox/Checkbox.d.ts +1 -1
  76. package/Checkbox/Checkbox.js +137 -33
  77. package/Chip/Chip.d.ts +1 -1
  78. package/Chip/Chip.js +5 -10
  79. package/Chips/Chips.d.ts +1 -1
  80. package/Chips/Chips.js +73 -38
  81. package/ClickListener/ClickListener.d.ts +1 -1
  82. package/ClickListener/ClickListener.js +10 -12
  83. package/Clock/Clock.d.ts +5 -5
  84. package/Clock/Clock.js +81 -89
  85. package/ColorTextField/ColorTextField.d.ts +1 -1
  86. package/ColorTextField/ColorTextField.js +190 -75
  87. package/ColumnChart/ColumnChart.d.ts +1 -1
  88. package/ColumnChart/ColumnChart.js +43 -24
  89. package/ColumnChartItem/ColumnChartItem.d.ts +1 -1
  90. package/ColumnChartItem/ColumnChartItem.js +12 -23
  91. package/Confirm/Confirm.d.ts +4 -4
  92. package/Confirm/Confirm.js +13 -37
  93. package/Container/Container.d.ts +1 -1
  94. package/Container/Container.js +9 -14
  95. package/CookieBanner/CookieBanner.d.ts +1 -1
  96. package/CookieBanner/CookieBanner.js +65 -39
  97. package/Countdown/Countdown.d.ts +1 -1
  98. package/Countdown/Countdown.js +25 -54
  99. package/DatePicker/DatePicker.d.ts +1 -1
  100. package/DatePicker/DatePicker.js +138 -176
  101. package/DateRangePicker/DateRangePicker.d.ts +1 -1
  102. package/DateRangePicker/DateRangePicker.js +23 -13
  103. package/DateTimePicker/DateTimePicker.d.ts +2 -2
  104. package/DateTimePicker/DateTimePicker.js +118 -156
  105. package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
  106. package/DateTimeRangePicker/DateTimeRangePicker.js +23 -13
  107. package/Divider/Divider.d.ts +1 -1
  108. package/Divider/Divider.js +4 -12
  109. package/DonutChart/DonutChart.d.ts +1 -1
  110. package/DonutChart/DonutChart.js +23 -13
  111. package/DragAndDropList/DragAndDropList.d.ts +1 -1
  112. package/DragAndDropList/DragAndDropList.js +31 -33
  113. package/Drawing/Drawing.d.ts +2 -2
  114. package/Drawing/Drawing.js +107 -153
  115. package/DropZone/DropZone.d.ts +1 -1
  116. package/DropZone/DropZone.js +36 -54
  117. package/Emojis/Emojis.d.ts +3 -3
  118. package/Emojis/Emojis.js +52 -84
  119. package/Expand/Expand.d.ts +1 -1
  120. package/Expand/Expand.js +70 -37
  121. package/Fab/Fab.d.ts +1 -1
  122. package/Fab/Fab.js +8 -11
  123. package/Fade/Fade.d.ts +1 -1
  124. package/Fade/Fade.js +221 -111
  125. package/FileChoose/FileChoose.d.ts +2 -2
  126. package/FileChoose/FileChoose.js +26 -43
  127. package/Focus/Focus.d.ts +1 -1
  128. package/Focus/Focus.js +8 -10
  129. package/Form/Form.d.ts +1 -1
  130. package/Form/Form.js +95 -54
  131. package/FormRow/FormRow.d.ts +1 -1
  132. package/FormRow/FormRow.js +89 -42
  133. package/Forms/Forms.d.ts +1 -1
  134. package/Forms/Forms.js +36 -19
  135. package/Frame/Frame.d.ts +1 -1
  136. package/Frame/Frame.js +8 -22
  137. package/Grid/Grid.d.ts +2 -2
  138. package/Grid/Grid.js +13 -18
  139. package/Grow/Grow.d.ts +1 -1
  140. package/Grow/Grow.js +233 -118
  141. package/HTMLCanvas/HTMLCanvas.d.ts +2 -2
  142. package/HTMLCanvas/HTMLCanvas.js +225 -254
  143. package/IFrame/IFrame.d.ts +1 -1
  144. package/IFrame/IFrame.js +5 -11
  145. package/Icon/Icon.d.ts +1 -1
  146. package/Icon/Icon.js +82 -42
  147. package/IconButton/IconButton.d.ts +1 -1
  148. package/IconButton/IconButton.js +31 -18
  149. package/Image/Image.d.ts +1 -1
  150. package/Image/Image.js +13 -24
  151. package/ImageCrop/ImageCrop.d.ts +2 -2
  152. package/ImageCrop/ImageCrop.js +238 -244
  153. package/ImageEdit/ImageEdit.d.ts +2 -2
  154. package/ImageEdit/ImageEdit.js +189 -225
  155. package/ImageGallery/ImageGallery.d.ts +1 -1
  156. package/ImageGallery/ImageGallery.js +55 -73
  157. package/ImageList/ImageList.d.ts +1 -1
  158. package/ImageList/ImageList.js +13 -15
  159. package/ImageListItem/ImageListItem.d.ts +1 -1
  160. package/ImageListItem/ImageListItem.js +9 -14
  161. package/ImageListItemBox/ImageListItemBox.d.ts +1 -1
  162. package/ImageListItemBox/ImageListItemBox.js +30 -16
  163. package/Info/Info.d.ts +1 -1
  164. package/Info/Info.js +83 -42
  165. package/Interaction/Interaction.d.ts +2 -2
  166. package/Interaction/Interaction.js +39 -41
  167. package/Keyframes/Keyframes.d.ts +3 -3
  168. package/Keyframes/Keyframes.js +16 -18
  169. package/Keyframes/useKeyframes.js +1 -1
  170. package/Label/Label.d.ts +1 -1
  171. package/Label/Label.js +6 -15
  172. package/Labels/Labels.d.ts +1 -1
  173. package/Labels/Labels.js +16 -24
  174. package/Line/Line.d.ts +6 -6
  175. package/Line/Line.js +10 -15
  176. package/LineChart/LineChart.d.ts +1 -1
  177. package/LineChart/LineChart.js +27 -18
  178. package/LineChartItem/LineChartItem.d.ts +1 -1
  179. package/LineChartItem/LineChartItem.js +22 -33
  180. package/LinearMeter/LinearMeter.d.ts +1 -1
  181. package/LinearMeter/LinearMeter.js +125 -130
  182. package/LinearProgress/LinearProgress.d.ts +1 -1
  183. package/LinearProgress/LinearProgress.js +51 -31
  184. package/Link/Link.d.ts +1 -1
  185. package/Link/Link.js +59 -27
  186. package/Links/Links.d.ts +2 -2
  187. package/Links/Links.js +110 -81
  188. package/List/List.d.ts +1 -1
  189. package/List/List.js +12 -20
  190. package/ListItem/ListItem.d.ts +1 -1
  191. package/ListItem/ListItem.js +5 -17
  192. package/ListSubheader/ListSubheader.d.ts +1 -1
  193. package/ListSubheader/ListSubheader.js +23 -13
  194. package/MainProgress/MainProgress.d.ts +1 -1
  195. package/MainProgress/MainProgress.js +7 -12
  196. package/MainProgressMaterial/MainProgressMaterial.d.ts +3 -3
  197. package/MainProgressMaterial/MainProgressMaterial.js +15 -23
  198. package/Markdown/Markdown.d.ts +1 -1
  199. package/Markdown/Markdown.js +192 -194
  200. package/Masonry/Masonry.d.ts +1 -1
  201. package/Masonry/Masonry.js +25 -30
  202. package/Medias/Medias.d.ts +3 -3
  203. package/Medias/Medias.js +86 -113
  204. package/Menu/Menu.d.ts +1 -1
  205. package/Menu/Menu.js +55 -66
  206. package/MenuDesktop/MenuDesktop.d.ts +3 -3
  207. package/MenuDesktop/MenuDesktop.js +118 -121
  208. package/MenuItem/MenuItem.d.ts +1 -1
  209. package/MenuItem/MenuItem.js +40 -60
  210. package/Meta/Meta.d.ts +1 -1
  211. package/Meta/Meta.js +57 -35
  212. package/Modal/Modal.d.ts +1 -1
  213. package/Modal/Modal.js +11 -25
  214. package/ModalFooter/ModalFooter.d.ts +1 -1
  215. package/ModalFooter/ModalFooter.js +30 -16
  216. package/ModalHeader/ModalHeader.d.ts +1 -1
  217. package/ModalHeader/ModalHeader.js +32 -17
  218. package/ModalIcon/ModalIcon.d.ts +1 -1
  219. package/ModalIcon/ModalIcon.js +2 -4
  220. package/ModalMain/ModalMain.d.ts +1 -1
  221. package/ModalMain/ModalMain.js +31 -17
  222. package/ModalText/ModalText.d.ts +1 -1
  223. package/ModalText/ModalText.js +28 -15
  224. package/ModalTitle/ModalTitle.d.ts +1 -1
  225. package/ModalTitle/ModalTitle.js +28 -15
  226. package/MoreOptions/MoreOptions.d.ts +1 -1
  227. package/MoreOptions/MoreOptions.js +43 -28
  228. package/Move/Move.d.ts +1 -1
  229. package/Move/Move.js +24 -26
  230. package/NavigationBar/NavigationBar.d.ts +2 -2
  231. package/NavigationBar/NavigationBar.js +64 -39
  232. package/NavigationDrawer/NavigationDrawer.d.ts +1 -1
  233. package/NavigationDrawer/NavigationDrawer.js +12 -21
  234. package/NavigationItem/NavigationItem.d.ts +2 -2
  235. package/NavigationItem/NavigationItem.js +26 -41
  236. package/NavigationRail/NavigationRail.d.ts +1 -1
  237. package/NavigationRail/NavigationRail.js +69 -54
  238. package/NotFound/NotFound.d.ts +1 -1
  239. package/NotFound/NotFound.js +7 -18
  240. package/NumericTextField/NumericTextField.d.ts +1 -1
  241. package/NumericTextField/NumericTextField.js +51 -59
  242. package/Page/Page.d.ts +2 -2
  243. package/Page/Page.js +6 -20
  244. package/PageTransition/PageTransition.d.ts +1 -1
  245. package/PageTransition/PageTransition.js +7 -12
  246. package/Pagination/Pagination.d.ts +1 -1
  247. package/Pagination/Pagination.js +121 -68
  248. package/PaginationItem/PaginationItem.d.ts +1 -1
  249. package/PaginationItem/PaginationItem.js +50 -30
  250. package/Parallax/Parallax.d.ts +2 -2
  251. package/Parallax/Parallax.js +9 -11
  252. package/Path/Path.d.ts +1 -1
  253. package/Path/Path.js +22 -9
  254. package/PieChart/PieChart.d.ts +1 -1
  255. package/PieChart/PieChart.js +38 -55
  256. package/Placeholder/Placeholder.d.ts +1 -1
  257. package/Placeholder/Placeholder.js +59 -23
  258. package/Portal/Portal.d.ts +1 -1
  259. package/Portal/Portal.js +2 -4
  260. package/Properties/Properties.d.ts +2 -2
  261. package/Properties/Properties.js +51 -30
  262. package/Property/Property.d.ts +1 -1
  263. package/Property/Property.js +4 -12
  264. package/Radio/Radio.d.ts +1 -1
  265. package/Radio/Radio.js +83 -24
  266. package/Radios/Radios.d.ts +1 -1
  267. package/Radios/Radios.js +6 -14
  268. package/Rating/Rating.d.ts +1 -1
  269. package/Rating/Rating.js +68 -71
  270. package/Reset/Reset.d.ts +1 -1
  271. package/Reset/Reset.js +26 -4
  272. package/Reveal/Reveal.d.ts +1 -1
  273. package/Reveal/Reveal.js +8 -14
  274. package/RichTextEditor/RichTextEditor.d.ts +1 -1
  275. package/RichTextEditor/RichTextEditor.js +194 -254
  276. package/RoundMeter/RoundMeter.d.ts +1 -1
  277. package/RoundMeter/RoundMeter.js +207 -212
  278. package/RoundProgress/RoundProgress.d.ts +1 -1
  279. package/RoundProgress/RoundProgress.js +46 -27
  280. package/ScatterChart/ScatterChart.d.ts +1 -1
  281. package/ScatterChart/ScatterChart.js +27 -18
  282. package/ScatterChartItem/ScatterChartItem.d.ts +1 -1
  283. package/ScatterChartItem/ScatterChartItem.js +15 -26
  284. package/ScreenCapture/ScreenCapture.d.ts +2 -2
  285. package/ScreenCapture/ScreenCapture.js +57 -81
  286. package/Section/Section.d.ts +2 -2
  287. package/Section/Section.js +13 -24
  288. package/SectionAction/SectionAction.d.ts +1 -1
  289. package/SectionAction/SectionAction.js +4 -12
  290. package/SectionBoxes/SectionBoxes.d.ts +2 -2
  291. package/SectionBoxes/SectionBoxes.js +14 -28
  292. package/SectionCards/SectionCards.d.ts +2 -2
  293. package/SectionCards/SectionCards.js +14 -28
  294. package/SectionCarousel/SectionCarousel.d.ts +2 -2
  295. package/SectionCarousel/SectionCarousel.js +15 -32
  296. package/SectionContact/SectionContact.d.ts +1 -1
  297. package/SectionContact/SectionContact.js +6 -20
  298. package/SectionImageGallery/SectionImageGallery.d.ts +1 -1
  299. package/SectionImageGallery/SectionImageGallery.js +4 -12
  300. package/SectionLogos/SectionLogos.d.ts +1 -1
  301. package/SectionLogos/SectionLogos.js +8 -19
  302. package/SectionMedia/SectionMedia.d.ts +1 -1
  303. package/SectionMedia/SectionMedia.js +11 -34
  304. package/SectionReviews/SectionReviews.d.ts +2 -2
  305. package/SectionReviews/SectionReviews.js +16 -33
  306. package/SectionTextMedia/SectionTextMedia.d.ts +1 -1
  307. package/SectionTextMedia/SectionTextMedia.js +10 -37
  308. package/SectionTimeline/SectionTimeline.d.ts +2 -2
  309. package/SectionTimeline/SectionTimeline.js +17 -34
  310. package/SectionWatch/SectionWatch.d.ts +1 -1
  311. package/SectionWatch/SectionWatch.js +4 -12
  312. package/Select/Select.d.ts +1 -1
  313. package/Select/Select.js +95 -121
  314. package/Share/Share.d.ts +1 -1
  315. package/Share/Share.js +217 -119
  316. package/Slide/Slide.d.ts +1 -1
  317. package/Slide/Slide.js +16 -18
  318. package/Slider/Slider.d.ts +2 -2
  319. package/Slider/Slider.js +150 -165
  320. package/SmartTextField/SmartTextField.d.ts +1 -1
  321. package/SmartTextField/SmartTextField.js +203 -256
  322. package/Snackbar/Snackbar.d.ts +1 -1
  323. package/Snackbar/Snackbar.js +18 -35
  324. package/Snackbars/Context.d.ts +1 -1
  325. package/Snackbars/Snackbars.d.ts +2 -2
  326. package/Snackbars/Snackbars.js +43 -57
  327. package/Space/Space.d.ts +1 -1
  328. package/Space/Space.js +762 -556
  329. package/SpeechToText/SpeechToText.d.ts +1 -1
  330. package/SpeechToText/SpeechToText.js +26 -37
  331. package/SpeedDial/SpeedDial.d.ts +1 -1
  332. package/SpeedDial/SpeedDial.js +69 -58
  333. package/SpeedDialItem/SpeedDialItem.d.ts +1 -1
  334. package/SpeedDialItem/SpeedDialItem.js +34 -23
  335. package/SpyScroll/SpyScroll.d.ts +1 -1
  336. package/SpyScroll/SpyScroll.js +17 -19
  337. package/Step/Step.d.ts +1 -1
  338. package/Step/Step.js +41 -52
  339. package/Stepper/Stepper.d.ts +1 -1
  340. package/Stepper/Stepper.js +12 -20
  341. package/Surface/Surface.d.ts +1 -1
  342. package/Surface/Surface.js +208 -133
  343. package/Switch/Switch.d.ts +1 -1
  344. package/Switch/Switch.js +107 -48
  345. package/Tab/Tab.d.ts +1 -1
  346. package/Tab/Tab.js +137 -68
  347. package/Table/Table.d.ts +1 -1
  348. package/Table/Table.js +70 -33
  349. package/TableBody/TableBody.d.ts +1 -1
  350. package/TableBody/TableBody.js +44 -23
  351. package/TableCell/TableCell.d.ts +2 -2
  352. package/TableCell/TableCell.js +26 -40
  353. package/TableFooter/TableFooter.d.ts +1 -1
  354. package/TableFooter/TableFooter.js +36 -19
  355. package/TableHead/TableHead.d.ts +1 -1
  356. package/TableHead/TableHead.js +15 -26
  357. package/TableHeader/TableHeader.d.ts +1 -1
  358. package/TableHeader/TableHeader.js +38 -23
  359. package/TablePagination/TablePagination.d.ts +1 -1
  360. package/TablePagination/TablePagination.js +10 -27
  361. package/TableRow/TableRow.d.ts +1 -1
  362. package/TableRow/TableRow.js +47 -26
  363. package/Tabs/Tabs.d.ts +1 -1
  364. package/Tabs/Tabs.js +41 -56
  365. package/Text/Text.d.ts +1 -1
  366. package/Text/Text.js +10 -18
  367. package/TextField/TextField.d.ts +1 -1
  368. package/TextField/TextField.js +68 -83
  369. package/TextToSpeech/TextToSpeech.d.ts +1 -1
  370. package/TextToSpeech/TextToSpeech.js +21 -32
  371. package/TimePicker/TimePicker.d.ts +3 -3
  372. package/TimePicker/TimePicker.js +183 -230
  373. package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
  374. package/TimeRangePicker/TimeRangePicker.js +23 -13
  375. package/Timeline/Timeline.d.ts +1 -1
  376. package/Timeline/Timeline.js +35 -19
  377. package/TimelineItem/TimelineItem.d.ts +1 -1
  378. package/TimelineItem/TimelineItem.js +5 -16
  379. package/Timer/Timer.d.ts +1 -1
  380. package/Timer/Timer.js +29 -55
  381. package/ToggleButton/ToggleButton.d.ts +1 -1
  382. package/ToggleButton/ToggleButton.js +29 -16
  383. package/ToggleButtons/ToggleButtons.d.ts +1 -1
  384. package/ToggleButtons/ToggleButtons.js +24 -15
  385. package/Tooltip/Tooltip.d.ts +1 -1
  386. package/Tooltip/Tooltip.js +46 -60
  387. package/TopAppBar/TopAppBar.d.ts +1 -1
  388. package/TopAppBar/TopAppBar.js +118 -61
  389. package/Transition/Transition.d.ts +3 -3
  390. package/Transition/Transition.js +54 -56
  391. package/Transition/useTransition.js +1 -1
  392. package/Transitions/Transitions.d.ts +2 -2
  393. package/Transitions/Transitions.js +10 -12
  394. package/Tree/Tree.d.ts +1 -1
  395. package/Tree/Tree.js +37 -60
  396. package/Type/Type.d.ts +1 -1
  397. package/Type/Type.js +24 -17
  398. package/VideoPlayer/VideoPlayer.d.ts +1 -1
  399. package/VideoPlayer/VideoPlayer.js +123 -150
  400. package/ViewSplit/ViewSplit.d.ts +1 -1
  401. package/ViewSplit/ViewSplit.js +66 -77
  402. package/Watch/Watch.d.ts +1 -1
  403. package/Watch/Watch.js +14 -31
  404. package/Weather/Weather.d.ts +4 -4
  405. package/Weather/Weather.js +75 -47
  406. package/Whiteboard/Whiteboard.d.ts +5 -5
  407. package/Whiteboard/Whiteboard.js +565 -570
  408. package/Widgets/Widgets.d.ts +2 -2
  409. package/Widgets/Widgets.js +31 -48
  410. package/WindowSplit/WindowSplit.d.ts +1 -1
  411. package/WindowSplit/WindowSplit.js +52 -63
  412. package/Zoom/Zoom.d.ts +1 -1
  413. package/Zoom/Zoom.js +221 -107
  414. package/esm/Accordion/Accordion.js +17 -17
  415. package/esm/AdvancedTextField/AdvancedTextField.js +16 -16
  416. package/esm/Append/Append.js +97 -103
  417. package/esm/AreaChart/AreaChart.js +26 -9
  418. package/esm/AreaChartItem/AreaChartItem.js +37 -37
  419. package/esm/AudioPlayer/AudioPlayer.js +88 -88
  420. package/esm/AudioRecorder/AudioRecorder.js +23 -23
  421. package/esm/AutoComplete/AutoComplete.js +115 -115
  422. package/esm/AutoCompleteCountry/AutoCompleteCountry.js +10 -10
  423. package/esm/AutoCompleteCurrency/AutoCompleteCurrency.js +3 -3
  424. package/esm/Avatar/Avatar.js +57 -22
  425. package/esm/AvatarGroup/AvatarGroup.js +39 -14
  426. package/esm/Backdrop/Backdrop.js +6 -6
  427. package/esm/Badge/Badge.js +52 -19
  428. package/esm/Banner/Banner.js +85 -27
  429. package/esm/BottomAppBar/BottomAppBar.js +60 -22
  430. package/esm/BottomSheet/BottomSheet.js +22 -7
  431. package/esm/Box/Box.js +24 -8
  432. package/esm/Breadcrumbs/Breadcrumbs.js +25 -25
  433. package/esm/BubbleChart/BubbleChart.js +130 -104
  434. package/esm/BubbleChartItem/BubbleChartItem.js +11 -11
  435. package/esm/Button/Button.js +25 -25
  436. package/esm/Buttons/Buttons.js +203 -86
  437. package/esm/Calendar/Calendar.js +93 -93
  438. package/esm/CalendarAvailability/CalendarAvailability.js +103 -103
  439. package/esm/CalendarMenu/CalendarMenu.js +46 -46
  440. package/esm/CalendarMonth/CalendarMonth.js +102 -102
  441. package/esm/CalendarViews/CalendarViews.js +33 -33
  442. package/esm/CalendarWeek/CalendarWeek.js +81 -81
  443. package/esm/Card/Card.js +9 -9
  444. package/esm/CardButton/CardButton.js +7 -7
  445. package/esm/CardFooter/CardFooter.js +39 -15
  446. package/esm/CardHeader/CardHeader.js +67 -18
  447. package/esm/CardImage/CardImage.js +30 -10
  448. package/esm/CardMain/CardMain.js +29 -10
  449. package/esm/Carousel/Carousel.js +162 -162
  450. package/esm/Chart/Chart.js +236 -236
  451. package/esm/Checkbox/Checkbox.js +136 -27
  452. package/esm/Chip/Chip.js +4 -4
  453. package/esm/Chips/Chips.js +72 -29
  454. package/esm/ClickListener/ClickListener.js +6 -6
  455. package/esm/Clock/Clock.js +80 -80
  456. package/esm/ColorTextField/ColorTextField.js +188 -57
  457. package/esm/ColumnChart/ColumnChart.js +42 -15
  458. package/esm/ColumnChartItem/ColumnChartItem.js +11 -11
  459. package/esm/Confirm/Confirm.js +12 -12
  460. package/esm/Container/Container.js +8 -8
  461. package/esm/CookieBanner/CookieBanner.js +64 -21
  462. package/esm/Countdown/Countdown.js +24 -24
  463. package/esm/DatePicker/DatePicker.js +136 -136
  464. package/esm/DateRangePicker/DateRangePicker.js +22 -7
  465. package/esm/DateTimePicker/DateTimePicker.js +116 -116
  466. package/esm/DateTimeRangePicker/DateTimeRangePicker.js +22 -7
  467. package/esm/Divider/Divider.js +3 -3
  468. package/esm/DonutChart/DonutChart.js +22 -7
  469. package/esm/DragAndDropList/DragAndDropList.js +30 -30
  470. package/esm/Drawing/Drawing.js +106 -105
  471. package/esm/DropZone/DropZone.js +35 -35
  472. package/esm/Emojis/Emojis.js +51 -51
  473. package/esm/Expand/Expand.js +69 -33
  474. package/esm/Fab/Fab.js +7 -5
  475. package/esm/Fade/Fade.js +204 -94
  476. package/esm/FileChoose/FileChoose.js +25 -25
  477. package/esm/Focus/Focus.js +7 -7
  478. package/esm/Form/Form.js +94 -42
  479. package/esm/FormRow/FormRow.js +88 -33
  480. package/esm/Forms/Forms.js +35 -13
  481. package/esm/Frame/Frame.js +7 -7
  482. package/esm/Grid/Grid.js +10 -10
  483. package/esm/Grow/Grow.js +216 -101
  484. package/esm/HTMLCanvas/HTMLCanvas.js +224 -224
  485. package/esm/IFrame/IFrame.js +4 -4
  486. package/esm/Icon/Icon.js +80 -38
  487. package/esm/IconButton/IconButton.js +30 -12
  488. package/esm/Image/Image.js +12 -12
  489. package/esm/ImageCrop/ImageCrop.js +237 -237
  490. package/esm/ImageEdit/ImageEdit.js +188 -188
  491. package/esm/ImageGallery/ImageGallery.js +54 -54
  492. package/esm/ImageList/ImageList.js +12 -12
  493. package/esm/ImageListItem/ImageListItem.js +8 -8
  494. package/esm/ImageListItemBox/ImageListItemBox.js +29 -10
  495. package/esm/Info/Info.js +82 -24
  496. package/esm/Interaction/Interaction.js +37 -37
  497. package/esm/Keyframes/Keyframes.js +15 -15
  498. package/esm/Keyframes/useKeyframes.js +1 -1
  499. package/esm/Label/Label.js +5 -5
  500. package/esm/Labels/Labels.js +15 -15
  501. package/esm/Line/Line.js +9 -9
  502. package/esm/LineChart/LineChart.js +26 -9
  503. package/esm/LineChartItem/LineChartItem.js +21 -21
  504. package/esm/LinearMeter/LinearMeter.js +124 -124
  505. package/esm/LinearProgress/LinearProgress.js +50 -28
  506. package/esm/Link/Link.js +58 -21
  507. package/esm/Links/Links.js +108 -53
  508. package/esm/List/List.js +11 -11
  509. package/esm/ListItem/ListItem.js +4 -4
  510. package/esm/ListSubheader/ListSubheader.js +22 -7
  511. package/esm/MainProgress/MainProgress.js +6 -6
  512. package/esm/MainProgressMaterial/MainProgressMaterial.js +14 -14
  513. package/esm/Markdown/Markdown.js +191 -191
  514. package/esm/Masonry/Masonry.js +24 -24
  515. package/esm/Medias/Medias.js +77 -77
  516. package/esm/Menu/Menu.js +44 -44
  517. package/esm/MenuDesktop/MenuDesktop.js +116 -93
  518. package/esm/MenuItem/MenuItem.js +39 -39
  519. package/esm/Meta/Meta.js +56 -25
  520. package/esm/Modal/Modal.js +10 -10
  521. package/esm/ModalFooter/ModalFooter.js +29 -10
  522. package/esm/ModalHeader/ModalHeader.js +31 -11
  523. package/esm/ModalIcon/ModalIcon.js +1 -1
  524. package/esm/ModalMain/ModalMain.js +30 -11
  525. package/esm/ModalText/ModalText.js +27 -9
  526. package/esm/ModalTitle/ModalTitle.js +27 -9
  527. package/esm/MoreOptions/MoreOptions.js +42 -19
  528. package/esm/Move/Move.js +23 -23
  529. package/esm/NavigationBar/NavigationBar.js +63 -30
  530. package/esm/NavigationDrawer/NavigationDrawer.js +11 -11
  531. package/esm/NavigationItem/NavigationItem.js +25 -25
  532. package/esm/NavigationRail/NavigationRail.js +66 -37
  533. package/esm/NotFound/NotFound.js +6 -6
  534. package/esm/NumericTextField/NumericTextField.js +50 -50
  535. package/esm/Page/Page.js +5 -5
  536. package/esm/PageTransition/PageTransition.js +6 -6
  537. package/esm/Pagination/Pagination.js +120 -53
  538. package/esm/PaginationItem/PaginationItem.js +49 -21
  539. package/esm/Parallax/Parallax.js +8 -8
  540. package/esm/Path/Path.js +21 -6
  541. package/esm/PieChart/PieChart.js +37 -37
  542. package/esm/Placeholder/Placeholder.js +58 -17
  543. package/esm/Portal/Portal.js +1 -1
  544. package/esm/Properties/Properties.js +50 -20
  545. package/esm/Property/Property.js +3 -3
  546. package/esm/Radio/Radio.js +82 -18
  547. package/esm/Radios/Radios.js +5 -5
  548. package/esm/Rating/Rating.js +66 -66
  549. package/esm/Reset/Reset.js +26 -4
  550. package/esm/Reveal/Reveal.js +7 -7
  551. package/esm/RichTextEditor/RichTextEditor.js +192 -192
  552. package/esm/RoundMeter/RoundMeter.js +206 -206
  553. package/esm/RoundProgress/RoundProgress.js +45 -24
  554. package/esm/ScatterChart/ScatterChart.js +26 -9
  555. package/esm/ScatterChartItem/ScatterChartItem.js +14 -14
  556. package/esm/ScreenCapture/ScreenCapture.js +56 -56
  557. package/esm/Section/Section.js +12 -12
  558. package/esm/SectionAction/SectionAction.js +3 -3
  559. package/esm/SectionBoxes/SectionBoxes.js +13 -13
  560. package/esm/SectionCards/SectionCards.js +13 -13
  561. package/esm/SectionCarousel/SectionCarousel.js +14 -14
  562. package/esm/SectionContact/SectionContact.js +5 -5
  563. package/esm/SectionImageGallery/SectionImageGallery.js +3 -3
  564. package/esm/SectionLogos/SectionLogos.js +7 -7
  565. package/esm/SectionMedia/SectionMedia.js +10 -10
  566. package/esm/SectionReviews/SectionReviews.js +14 -14
  567. package/esm/SectionTextMedia/SectionTextMedia.js +9 -9
  568. package/esm/SectionTimeline/SectionTimeline.js +16 -16
  569. package/esm/SectionWatch/SectionWatch.js +3 -3
  570. package/esm/Select/Select.js +88 -88
  571. package/esm/Share/Share.js +216 -92
  572. package/esm/Slide/Slide.js +15 -15
  573. package/esm/Slider/Slider.js +149 -149
  574. package/esm/SmartTextField/SmartTextField.js +199 -198
  575. package/esm/Snackbar/Snackbar.js +17 -17
  576. package/esm/Snackbars/Snackbars.js +40 -40
  577. package/esm/Space/Space.js +755 -480
  578. package/esm/SpeechToText/SpeechToText.js +25 -25
  579. package/esm/SpeedDial/SpeedDial.js +68 -40
  580. package/esm/SpeedDialItem/SpeedDialItem.js +33 -14
  581. package/esm/SpyScroll/SpyScroll.js +16 -16
  582. package/esm/Step/Step.js +40 -31
  583. package/esm/Stepper/Stepper.js +11 -11
  584. package/esm/Surface/Surface.js +207 -130
  585. package/esm/Switch/Switch.js +106 -39
  586. package/esm/Tab/Tab.js +136 -50
  587. package/esm/Table/Table.js +69 -24
  588. package/esm/TableBody/TableBody.js +43 -17
  589. package/esm/TableCell/TableCell.js +25 -25
  590. package/esm/TableFooter/TableFooter.js +35 -13
  591. package/esm/TableHead/TableHead.js +14 -14
  592. package/esm/TableHeader/TableHeader.js +37 -14
  593. package/esm/TablePagination/TablePagination.js +9 -9
  594. package/esm/TableRow/TableRow.js +46 -20
  595. package/esm/Tabs/Tabs.js +38 -38
  596. package/esm/Text/Text.js +9 -9
  597. package/esm/TextField/TextField.js +63 -63
  598. package/esm/TextToSpeech/TextToSpeech.js +20 -20
  599. package/esm/TimePicker/TimePicker.js +182 -182
  600. package/esm/TimeRangePicker/TimeRangePicker.js +22 -7
  601. package/esm/Timeline/Timeline.js +34 -13
  602. package/esm/TimelineItem/TimelineItem.js +4 -4
  603. package/esm/Timer/Timer.js +28 -28
  604. package/esm/ToggleButton/ToggleButton.js +28 -10
  605. package/esm/ToggleButtons/ToggleButtons.js +23 -9
  606. package/esm/Tooltip/Tooltip.js +45 -45
  607. package/esm/TopAppBar/TopAppBar.js +117 -49
  608. package/esm/Transition/Transition.js +53 -53
  609. package/esm/Transition/useTransition.js +1 -1
  610. package/esm/Transitions/Transitions.js +9 -9
  611. package/esm/Tree/Tree.js +36 -36
  612. package/esm/Type/Type.js +23 -14
  613. package/esm/VideoPlayer/VideoPlayer.js +121 -121
  614. package/esm/ViewSplit/ViewSplit.js +65 -65
  615. package/esm/Watch/Watch.js +13 -13
  616. package/esm/Weather/Weather.js +73 -29
  617. package/esm/Whiteboard/Whiteboard.js +557 -557
  618. package/esm/Widgets/Widgets.js +29 -29
  619. package/esm/WindowSplit/WindowSplit.js +51 -51
  620. package/esm/Zoom/Zoom.js +204 -90
  621. package/esm/index.js +1 -1
  622. package/esm/useForm/useForm.js +58 -58
  623. package/esm/useLocation/useLocation.js +4 -4
  624. package/esm/useMediaQuery/useMediaQuery.js +2 -2
  625. package/esm/useOnline/useOnline.js +23 -10
  626. package/esm/useOpen/useOpen.js +79 -27
  627. package/esm/useQuery/useQuery.js +11 -1
  628. package/esm/useResize/useResize.js +30 -14
  629. package/esm/useScroll/useScroll.js +2 -2
  630. package/esm/useSubscription/useSubscription.js +73 -21
  631. package/esm/useSwipe/useSwipe.js +30 -30
  632. package/esm/useTabs/useTabs.js +22 -7
  633. package/esm/useVisible/useVisible.js +3 -3
  634. package/index.js +1 -1
  635. package/package.json +8 -12
  636. package/types.d.ts +27 -27
  637. package/useForm/useForm.d.ts +2 -2
  638. package/useForm/useForm.js +58 -58
  639. package/useForm/validate.d.ts +12 -12
  640. package/useLocation/useLocation.d.ts +1 -1
  641. package/useLocation/useLocation.js +4 -4
  642. package/useMediaQuery/useMediaQuery.d.ts +1 -1
  643. package/useMediaQuery/useMediaQuery.js +2 -2
  644. package/useOnline/useOnline.js +23 -10
  645. package/useOpen/useOpen.js +79 -27
  646. package/useQuery/useQuery.js +11 -1
  647. package/useResize/useResize.js +30 -14
  648. package/useScroll/useScroll.d.ts +2 -2
  649. package/useScroll/useScroll.js +2 -2
  650. package/useSubscription/useSubscription.js +73 -21
  651. package/useSwipe/useSwipe.d.ts +2 -2
  652. package/useSwipe/useSwipe.js +30 -30
  653. package/useTabs/useTabs.js +22 -7
  654. package/useVisible/useVisible.d.ts +2 -2
  655. package/useVisible/useVisible.js +3 -3
package/Section/Section.js CHANGED
@@ -234,23 +234,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
234
234
  name: 'onesy-Section'
235
235
  });
236
236
  const Section = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
237
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
237
238
  const theme = (0, _styleReact.useOnesyTheme)();
238
- const props = _react.default.useMemo(() => {
239
- var _theme$ui, _theme$ui2;
240
- return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySection) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_), props_ === null || props_ === void 0 ? void 0 : props_.AdditionalProps);
241
- }, [props_]);
242
- const Line = _react.default.useMemo(() => {
243
- var _theme$elements;
244
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
245
- }, [theme]);
246
- const Type = _react.default.useMemo(() => {
247
- var _theme$elements2;
248
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
249
- }, [theme]);
250
- const Reveal = _react.default.useMemo(() => {
251
- var _theme$elements3;
252
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Reveal) || _Reveal.default;
253
- }, [theme]);
239
+ const props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySection) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_), props_ === null || props_ === void 0 ? void 0 : props_.AdditionalProps);
240
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
241
+ const Type = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
242
+ const Reveal = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Reveal) || _Reveal.default;
254
243
  const {
255
244
  themed = true,
256
245
  title: title_,
@@ -289,13 +278,13 @@ const Section = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
289
278
  const result = [];
290
279
  const items = [title_, description_, show_, size_, margin_, marginVertical_, padding_, maxWidth_];
291
280
  items.forEach(item => {
292
- if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
281
+ if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key_0 => result.push(key_0));
293
282
  });
294
283
  return (0, _utils.unique)(result);
295
284
  }, [title_, description_, show_, size_, margin_, marginVertical_, padding_, maxWidth_]);
296
285
  const breakpoints = {};
297
- keys.forEach(key => {
298
- breakpoints[key] = (0, _useMediaQuery.default)(theme.breakpoints.media[key], {
286
+ keys.forEach(key_1 => {
287
+ breakpoints[key_1] = (0, _useMediaQuery.default)(theme.breakpoints.media[key_1], {
299
288
  element: refs.root.current
300
289
  });
301
290
  });
@@ -349,9 +338,9 @@ const Section = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
349
338
  }
350
339
  let styleOverlay = {};
351
340
  if (overlay) {
352
- const palette = theme.palette.color[overlay] || theme.methods.color(overlay);
341
+ const palette_0 = theme.palette.color[overlay] || theme.methods.color(overlay);
353
342
  styleOverlay = _objectSpread(_objectSpread({}, styleOverlay), {}, {
354
- backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.74) : palette === null || palette === void 0 ? void 0 : palette.main
343
+ backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette_0), 0.74) : palette_0 === null || palette_0 === void 0 ? void 0 : palette_0.main
355
344
  });
356
345
  }
357
346
  const urlVideo = (backgroundVideo === null || backgroundVideo === void 0 ? void 0 : backgroundVideo.url) || (backgroundVideo === null || backgroundVideo === void 0 ? void 0 : backgroundVideo.urlSmall) || ((0, _utils.is)('string', backgroundVideo) ? backgroundVideo : '');
@@ -362,11 +351,11 @@ const Section = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
362
351
  }
363
352
  if (show !== undefined && !show) return null;
364
353
  return /*#__PURE__*/_react.default.createElement(Wrapper, wrapperProps, /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
365
- ref: item => {
354
+ ref: item_0 => {
366
355
  if (ref) {
367
- if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
356
+ if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
368
357
  }
369
- refs.root.current = item;
358
+ refs.root.current = item_0;
370
359
  },
371
360
  gap: 4,
372
361
  direction: "column",
package/SectionAction/SectionAction.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ISection } from '../Section/Section';
3
3
  import { IPropsAny } from '../types';
4
- export type ISectionAction = ISection & {
4
+ export declare type ISectionAction = ISection & {
5
5
  text?: string;
6
6
  link?: string;
7
7
  to?: string;
package/SectionAction/SectionAction.js CHANGED
@@ -24,20 +24,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
24
24
  name: 'onesy-SectionAction'
25
25
  });
26
26
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
27
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
27
28
  const theme = (0, _styleReact.useOnesyTheme)();
28
29
  const l = theme.l;
29
- const props = _react.default.useMemo(() => {
30
- var _theme$ui, _theme$ui2;
31
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionAction) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
32
- }, [props_]);
33
- const Section = _react.default.useMemo(() => {
34
- var _theme$elements;
35
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Section) || _Section.default;
36
- }, [theme]);
37
- const Button = _react.default.useMemo(() => {
38
- var _theme$elements2;
39
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Button) || _Button.default;
40
- }, [theme]);
30
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionAction) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
31
+ const Section = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Section) || _Section.default;
32
+ const Button = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Button) || _Button.default;
41
33
  const {
42
34
  size = 'regular',
43
35
  text,
package/SectionBoxes/SectionBoxes.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { TPaletteVersion } from '@onesy/style-react';
3
3
  import { ISection } from '../Section/Section';
4
4
  import { IMediaObject, IPropsAny } from '../types';
5
- export type ISectionBoxesItem = {
5
+ export declare type ISectionBoxesItem = {
6
6
  name?: any;
7
7
  description?: any;
8
8
  buttonText?: any;
@@ -22,7 +22,7 @@ export type ISectionBoxesItem = {
22
22
  propsWrapperText?: any;
23
23
  propsActions?: any;
24
24
  };
25
- export type ISectionBoxes = ISection & {
25
+ export declare type ISectionBoxes = ISection & {
26
26
  size?: 'small' | 'regular' | 'large';
27
27
  values?: ISectionBoxesItem[];
28
28
  responsive?: boolean;
package/SectionBoxes/SectionBoxes.js CHANGED
@@ -77,28 +77,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
77
77
  name: 'onesy-SectionBoxes'
78
78
  });
79
79
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
80
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
80
81
  const theme = (0, _styleReact.useOnesyTheme)();
81
82
  const l = theme.l;
82
- const props = _react.default.useMemo(() => {
83
- var _theme$ui, _theme$ui2;
84
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionBoxes) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
85
- }, [props_]);
86
- const Line = _react.default.useMemo(() => {
87
- var _theme$elements;
88
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
89
- }, [theme]);
90
- const Section = _react.default.useMemo(() => {
91
- var _theme$elements2;
92
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
93
- }, [theme]);
94
- const Type = _react.default.useMemo(() => {
95
- var _theme$elements3;
96
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
97
- }, [theme]);
98
- const Button = _react.default.useMemo(() => {
99
- var _theme$elements4;
100
- return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Button) || _Button.default;
101
- }, [theme]);
83
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionBoxes) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
84
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
85
+ const Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
86
+ const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
87
+ const Button = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Button) || _Button.default;
102
88
  const {
103
89
  size = 'regular',
104
90
  values: values_ = [],
@@ -118,7 +104,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
118
104
 
119
105
  // Max 4
120
106
  const values = values_ === null || values_ === void 0 ? void 0 : values_.slice(0, 4);
121
- const getItem = _react.default.useCallback((item, index) => {
107
+ const getItem = (item, index) => {
122
108
  var _item$backgroundVideo, _item$backgroundVideo2, _item$propsWrapperTex, _item$propsName, _item$propsDescriptio, _item$propsActions, _item$propsButton;
123
109
  let styleBackground = {};
124
110
  const themed = [undefined, true].includes(item.themed);
@@ -155,9 +141,9 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
155
141
  }
156
142
  let styleOverlay = {};
157
143
  if (item.overlay) {
158
- const palette = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
144
+ const palette_0 = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
159
145
  styleOverlay = _objectSpread(_objectSpread({}, styleOverlay), {}, {
160
- backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.74) : palette === null || palette === void 0 ? void 0 : palette.main
146
+ backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette_0), 0.74) : palette_0 === null || palette_0 === void 0 ? void 0 : palette_0.main
161
147
  });
162
148
  }
163
149
  const urlVideo = ((_item$backgroundVideo = item.backgroundVideo) === null || _item$backgroundVideo === void 0 ? void 0 : _item$backgroundVideo.url) || ((_item$backgroundVideo2 = item.backgroundVideo) === null || _item$backgroundVideo2 === void 0 ? void 0 : _item$backgroundVideo2.urlSmall) || ((0, _utils.is)('string', item.backgroundVideo) ? item.backgroundVideo : '');
@@ -217,13 +203,13 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
217
203
  }, item.propsButton, {
218
204
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionBoxes', theme) && ['onesy-SectionBoxes-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button])
219
205
  }), item.buttonText || l('Click here'))));
220
- }, [theme, size]);
206
+ };
221
207
  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
222
- ref: item => {
208
+ ref: item_0 => {
223
209
  if (ref) {
224
- if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
210
+ if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
225
211
  }
226
- refs.root.current = item;
212
+ refs.root.current = item_0;
227
213
  },
228
214
  maxWidth: false,
229
215
  padding: !(values !== null && values !== void 0 && values.length),
@@ -238,7 +224,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
238
224
  } : 'row'
239
225
  }, ItemsProps, {
240
226
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionBoxes', theme) && ['onesy-SectionBoxes-items'], ItemsProps === null || ItemsProps === void 0 ? void 0 : ItemsProps.className, classes.items])
241
- }), values === null || values === void 0 ? void 0 : values.map((item, index) => getItem(item, index))));
227
+ }), values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0))));
242
228
  });
243
229
  Element.displayName = 'onesy-SectionBoxes';
244
230
  var _default = exports.default = Element;
package/SectionCards/SectionCards.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { TPaletteVersion } from '@onesy/style-react';
3
3
  import { ISection } from '../Section/Section';
4
4
  import { IMediaObject, IPropsAny } from '../types';
5
- export type ISectionCardsItem = {
5
+ export declare type ISectionCardsItem = {
6
6
  name?: any;
7
7
  description?: any;
8
8
  buttonText?: any;
@@ -23,7 +23,7 @@ export type ISectionCardsItem = {
23
23
  propsWrapperText?: any;
24
24
  propsActions?: any;
25
25
  };
26
- export type ISectionCards = ISection & {
26
+ export declare type ISectionCards = ISection & {
27
27
  size?: 'small' | 'regular' | 'large';
28
28
  values?: ISectionCardsItem[];
29
29
  ItemProps?: IPropsAny;
package/SectionCards/SectionCards.js CHANGED
@@ -87,28 +87,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
87
87
  name: 'onesy-SectionCards'
88
88
  });
89
89
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
90
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
90
91
  const theme = (0, _styleReact.useOnesyTheme)();
91
92
  const l = theme.l;
92
- const props = _react.default.useMemo(() => {
93
- var _theme$ui, _theme$ui2;
94
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionCards) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
95
- }, [props_]);
96
- const Line = _react.default.useMemo(() => {
97
- var _theme$elements;
98
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
99
- }, [theme]);
100
- const Section = _react.default.useMemo(() => {
101
- var _theme$elements2;
102
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
103
- }, [theme]);
104
- const Type = _react.default.useMemo(() => {
105
- var _theme$elements3;
106
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
107
- }, [theme]);
108
- const Button = _react.default.useMemo(() => {
109
- var _theme$elements4;
110
- return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Button) || _Button.default;
111
- }, [theme]);
93
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionCards) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
94
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
95
+ const Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
96
+ const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
97
+ const Button = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Button) || _Button.default;
112
98
  const {
113
99
  size = 'regular',
114
100
  values = [],
@@ -124,7 +110,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
124
110
  const refs = {
125
111
  root: _react.default.useRef(undefined)
126
112
  };
127
- const getItem = _react.default.useCallback((item, index) => {
113
+ const getItem = (item, index) => {
128
114
  var _item$backgroundVideo, _item$backgroundVideo2, _item$propsImage, _item$propsMain, _item$propsWrapperTex, _item$propsName, _item$propsDescriptio, _item$propsActions, _item$propsButton;
129
115
  let styleBackground = {};
130
116
  const themed = [undefined, true].includes(item.themed);
@@ -161,9 +147,9 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
161
147
  }
162
148
  let styleOverlay = {};
163
149
  if (item.overlay) {
164
- const palette = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
150
+ const palette_0 = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
165
151
  styleOverlay = _objectSpread(_objectSpread({}, styleOverlay), {}, {
166
- backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.74) : palette === null || palette === void 0 ? void 0 : palette.main
152
+ backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette_0), 0.74) : palette_0 === null || palette_0 === void 0 ? void 0 : palette_0.main
167
153
  });
168
154
  }
169
155
  const urlVideo = ((_item$backgroundVideo = item.backgroundVideo) === null || _item$backgroundVideo === void 0 ? void 0 : _item$backgroundVideo.url) || ((_item$backgroundVideo2 = item.backgroundVideo) === null || _item$backgroundVideo2 === void 0 ? void 0 : _item$backgroundVideo2.urlSmall) || ((0, _utils.is)('string', item.backgroundVideo) ? item.backgroundVideo : '');
@@ -234,13 +220,13 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
234
220
  }, item.propsButton, {
235
221
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button])
236
222
  }), item.buttonText || l('Click here')))));
237
- }, [theme, size]);
223
+ };
238
224
  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
239
- ref: item => {
225
+ ref: item_0 => {
240
226
  if (ref) {
241
- if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
227
+ if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
242
228
  }
243
- refs.root.current = item;
229
+ refs.root.current = item_0;
244
230
  },
245
231
  maxWidth: false,
246
232
  MainProps: {
@@ -255,7 +241,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
255
241
  direction: "row"
256
242
  }, ItemsProps, {
257
243
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-items'], ItemsProps === null || ItemsProps === void 0 ? void 0 : ItemsProps.className, classes.items])
258
- }), values === null || values === void 0 ? void 0 : values.map((item, index) => getItem(item, index))));
244
+ }), values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0))));
259
245
  });
260
246
  Element.displayName = 'onesy-SectionCards';
261
247
  var _default = exports.default = Element;
package/SectionCarousel/SectionCarousel.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { TPaletteVersion } from '@onesy/style-react';
3
3
  import { ISection } from '../Section/Section';
4
4
  import { IMediaObject, IPropsAny } from '../types';
5
- export type ISectionCarouselItem = {
5
+ export declare type ISectionCarouselItem = {
6
6
  name?: any;
7
7
  description?: any;
8
8
  buttonText?: any;
@@ -20,7 +20,7 @@ export type ISectionCarouselItem = {
20
20
  propsButton?: any;
21
21
  propsButtonWrapper?: any;
22
22
  };
23
- export type ISectionCarousel = ISection & {
23
+ export declare type ISectionCarousel = ISection & {
24
24
  size?: 'small' | 'regular' | 'large';
25
25
  values?: ISectionCarouselItem[];
26
26
  fullHeight?: boolean;
package/SectionCarousel/SectionCarousel.js CHANGED
@@ -109,32 +109,15 @@ const useStyle = (0, _styleReact.style)(theme => ({
109
109
  name: 'onesy-SectionCarousel'
110
110
  });
111
111
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
112
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
112
113
  const theme = (0, _styleReact.useOnesyTheme)();
113
114
  const l = theme.l;
114
- const props = _react.default.useMemo(() => {
115
- var _theme$ui, _theme$ui2;
116
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionCarousel) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
117
- }, [props_]);
118
- const Line = _react.default.useMemo(() => {
119
- var _theme$elements;
120
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
121
- }, [theme]);
122
- const Section = _react.default.useMemo(() => {
123
- var _theme$elements2;
124
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
125
- }, [theme]);
126
- const Button = _react.default.useMemo(() => {
127
- var _theme$elements3;
128
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Button) || _Button.default;
129
- }, [theme]);
130
- const Carousel = _react.default.useMemo(() => {
131
- var _theme$elements4;
132
- return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Carousel) || _Carousel.default;
133
- }, [theme]);
134
- const Type = _react.default.useMemo(() => {
135
- var _theme$elements5;
136
- return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Type) || _Type.default;
137
- }, [theme]);
115
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionCarousel) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
116
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
117
+ const Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
118
+ const Button = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Button) || _Button.default;
119
+ const Carousel = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Carousel) || _Carousel.default;
120
+ const Type = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Type) || _Type.default;
138
121
  const {
139
122
  size: size_ = 'regular',
140
123
  values: values_ = [],
@@ -165,7 +148,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
165
148
 
166
149
  // Max 4
167
150
  const values = values_ === null || values_ === void 0 ? void 0 : values_.slice(0, 4);
168
- const getItem = _react.default.useCallback((item, index) => {
151
+ const getItem = (item, index) => {
169
152
  var _item$backgroundVideo, _item$backgroundVideo2, _item$propsName, _item$propsDescriptio, _item$propsButtonWrap, _item$propsButton;
170
153
  let styleBackground = {};
171
154
  const themed = [undefined, true].includes(item.themed);
@@ -202,9 +185,9 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
202
185
  }
203
186
  let styleOverlay = {};
204
187
  if (item.overlay) {
205
- const palette = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
188
+ const palette_0 = theme.palette.color[item.overlay] || theme.methods.color(item.overlay);
206
189
  styleOverlay = _objectSpread(_objectSpread({}, styleOverlay), {}, {
207
- backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.74) : palette === null || palette === void 0 ? void 0 : palette.main
190
+ backgroundColor: themed ? theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette_0), 0.74) : palette_0 === null || palette_0 === void 0 ? void 0 : palette_0.main
208
191
  });
209
192
  }
210
193
  const urlVideo = ((_item$backgroundVideo = item.backgroundVideo) === null || _item$backgroundVideo === void 0 ? void 0 : _item$backgroundVideo.url) || ((_item$backgroundVideo2 = item.backgroundVideo) === null || _item$backgroundVideo2 === void 0 ? void 0 : _item$backgroundVideo2.urlSmall) || ((0, _utils.is)('string', item.backgroundVideo) ? item.backgroundVideo : '');
@@ -267,19 +250,19 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
267
250
  }, item.propsButton, {
268
251
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button])
269
252
  }), item.buttonText || l('Click here')))));
270
- }, [theme, size]);
253
+ };
271
254
  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
272
- ref: item => {
255
+ ref: item_0 => {
273
256
  if (ref) {
274
- if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
257
+ if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
275
258
  }
276
- refs.root.current = item;
259
+ refs.root.current = item_0;
277
260
  },
278
261
  maxWidth: false,
279
262
  padding: !(values !== null && values !== void 0 && values.length),
280
263
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-root', `onesy-SectionCarousel-size-${size}`], className, classes.root])
281
264
  }, other), !!(values !== null && values !== void 0 && values.length) && /*#__PURE__*/_react.default.createElement(Carousel, (0, _extends2.default)({
282
- items: values === null || values === void 0 ? void 0 : values.map((item, index) => getItem(item, index)),
265
+ items: values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0)),
283
266
  autoPlay: true
284
267
  }, CarouselProps, {
285
268
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-items'], CarouselProps === null || CarouselProps === void 0 ? void 0 : CarouselProps.className, classes.items, classes[`size_${size}`], fullHeight && classes.fullHeight])
package/SectionContact/SectionContact.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { TPaletteVersion } from '@onesy/style-react';
3
3
  import { ISection } from '../Section/Section';
4
4
  import { IPropsAny } from '../types';
5
- export type ISectionContact = ISection & {
5
+ export declare type ISectionContact = ISection & {
6
6
  map?: {
7
7
  latitude: number;
8
8
  longitude: number;
package/SectionContact/SectionContact.js CHANGED
@@ -43,27 +43,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
43
43
  name: 'onesy-SectionContact'
44
44
  });
45
45
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
46
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
46
47
  const theme = (0, _styleReact.useOnesyTheme)();
47
- const props = _react.default.useMemo(() => {
48
- var _theme$ui, _theme$ui2;
49
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionContact) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
50
- }, [props_]);
51
- const Line = _react.default.useMemo(() => {
52
- var _theme$elements;
53
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
54
- }, [theme]);
55
- const Properties = _react.default.useMemo(() => {
56
- var _theme$elements2;
57
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Properties) || _Properties.default;
58
- }, [theme]);
59
- const Section = _react.default.useMemo(() => {
60
- var _theme$elements3;
61
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Section) || _Section.default;
62
- }, [theme]);
63
- const Type = _react.default.useMemo(() => {
64
- var _theme$elements4;
65
- return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Type) || _Type.default;
66
- }, [theme]);
48
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionContact) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
49
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
50
+ const Properties = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Properties) || _Properties.default;
51
+ const Section = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Section) || _Section.default;
52
+ const Type = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Type) || _Type.default;
67
53
  const {
68
54
  map,
69
55
  mapPosition: mapPosition_ = 'bottom',
package/SectionImageGallery/SectionImageGallery.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { ISection } from '../Section/Section';
3
3
  import { IImageGallery } from '../ImageGallery/ImageGallery';
4
4
  import { IMediaObject } from '../types';
5
- export type ISectionImageGallery = ISection & {
5
+ export declare type ISectionImageGallery = ISection & {
6
6
  values?: IMediaObject[];
7
7
  value?: number;
8
8
  ImageGalleryProps?: IImageGallery;
package/SectionImageGallery/SectionImageGallery.js CHANGED
@@ -23,19 +23,11 @@ const useStyle = (0, _styleReact.style)(theme => ({
23
23
  name: 'onesy-SectionImageGallery'
24
24
  });
25
25
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
26
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
26
27
  const theme = (0, _styleReact.useOnesyTheme)();
27
- const props = _react.default.useMemo(() => {
28
- var _theme$ui, _theme$ui2;
29
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionImageGallery) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
30
- }, [props_]);
31
- const Section = _react.default.useMemo(() => {
32
- var _theme$elements;
33
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Section) || _Section.default;
34
- }, [theme]);
35
- const ImageGallery = _react.default.useMemo(() => {
36
- var _theme$elements2;
37
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ImageGallery) || _ImageGallery.default;
38
- }, [theme]);
28
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionImageGallery) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
29
+ const Section = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Section) || _Section.default;
30
+ const ImageGallery = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ImageGallery) || _ImageGallery.default;
39
31
  const {
40
32
  values,
41
33
  value,
package/SectionLogos/SectionLogos.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ISection } from '../Section/Section';
3
3
  import { IMediaObject, IPropsAny } from '../types';
4
- export type ISectionLogos = ISection & {
4
+ export declare type ISectionLogos = ISection & {
5
5
  values?: IMediaObject[];
6
6
  version?: 'regular';
7
7
  size?: 'small' | 'regular' | 'large';
package/SectionLogos/SectionLogos.js CHANGED
@@ -53,23 +53,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
53
53
  name: 'onesy-SectionLogos'
54
54
  });
55
55
  const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
56
+ var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
56
57
  const theme = (0, _styleReact.useOnesyTheme)();
57
- const props = _react.default.useMemo(() => {
58
- var _theme$ui, _theme$ui2;
59
- return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionLogos) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
60
- }, [props_]);
61
- const Line = _react.default.useMemo(() => {
62
- var _theme$elements;
63
- return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
64
- }, [theme]);
65
- const Section = _react.default.useMemo(() => {
66
- var _theme$elements2;
67
- return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
68
- }, [theme]);
69
- const Type = _react.default.useMemo(() => {
70
- var _theme$elements3;
71
- return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
72
- }, [theme]);
58
+ const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySectionLogos) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
59
+ const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
60
+ const Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
61
+ const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
73
62
  const {
74
63
  values = [],
75
64
  size = 'regular',
@@ -105,7 +94,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
105
94
  justify: "flex-start",
106
95
  align: "center",
107
96
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-items'], classes.items, gray && classes.gray])
108
- }, values === null || values === void 0 ? void 0 : values.map((item, index) => /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
97
+ }, values === null || values === void 0 ? void 0 : values.map((item_0, index) => /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
109
98
  key: index
110
99
  }, WrapperProps, {
111
100
  fullWidth: true,
@@ -114,14 +103,14 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
114
103
  fullWidth: true,
115
104
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item]),
116
105
  style: {
117
- backgroundImage: `url(${(item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.urlSmall)})`
106
+ backgroundImage: `url(${(item_0 === null || item_0 === void 0 ? void 0 : item_0.url) || (item_0 === null || item_0 === void 0 ? void 0 : item_0.urlSmall)})`
118
107
  }
119
108
  })), name && /*#__PURE__*/_react.default.createElement(Type, {
120
109
  version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
121
110
  align: "center",
122
111
  fullWidth: true,
123
112
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-name'], classes.name])
124
- }, (0, _utils.cleanValue)((item === null || item === void 0 ? void 0 : item.name) || 'No name', {
113
+ }, (0, _utils.cleanValue)((item_0 === null || item_0 === void 0 ? void 0 : item_0.name) || 'No name', {
125
114
  capitalize: true
126
115
  }))))));
127
116
  });
package/SectionMedia/SectionMedia.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ISection } from '../Section/Section';
3
3
  import { IMediaObject, IPropsAny } from '../types';
4
- export type ISectionMedia = ISection & {
4
+ export declare type ISectionMedia = ISection & {
5
5
  value?: IMediaObject;
6
6
  size?: 'small' | 'regular' | 'large';
7
7
  name?: boolean;