@rio-cloud/uikit-mcp 1.1.7 → 1.1.8

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 (201) hide show
  1. package/README.md +13 -17
  2. package/dist/doc-metadata.json +125 -295
  3. package/dist/docs/components/accentBar.md +16 -69
  4. package/dist/docs/components/activity.md +7 -44
  5. package/dist/docs/components/animatedNumber.md +3 -11
  6. package/dist/docs/components/animatedTextReveal.md +6 -34
  7. package/dist/docs/components/animations.md +21 -54
  8. package/dist/docs/components/appHeader.md +11 -30
  9. package/dist/docs/components/appLayout.md +40 -193
  10. package/dist/docs/components/appNavigationBar.md +1 -24
  11. package/dist/docs/components/areaCharts.md +7 -22
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
  13. package/dist/docs/components/assetTree.md +241 -280
  14. package/dist/docs/components/autosuggests.md +3 -102
  15. package/dist/docs/components/avatar.md +1 -16
  16. package/dist/docs/components/banner.md +4 -37
  17. package/dist/docs/components/barCharts.md +20 -75
  18. package/dist/docs/components/barList.md +10 -78
  19. package/dist/docs/components/basicMap.md +1 -67
  20. package/dist/docs/components/bottomSheet.md +2 -28
  21. package/dist/docs/components/button.md +12 -65
  22. package/dist/docs/components/buttonToolbar.md +5 -19
  23. package/dist/docs/components/calendarStripe.md +50 -100
  24. package/dist/docs/components/card.md +1 -9
  25. package/dist/docs/components/carousel.md +1 -14
  26. package/dist/docs/components/chartColors.md +1 -156
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -81
  29. package/dist/docs/components/checkbox.md +11 -72
  30. package/dist/docs/components/circularProgress.md +8 -49
  31. package/dist/docs/components/clearableInput.md +3 -62
  32. package/dist/docs/components/collapse.md +2 -15
  33. package/dist/docs/components/composedCharts.md +16 -26
  34. package/dist/docs/components/contentLoader.md +7 -25
  35. package/dist/docs/components/dataTabs.md +16 -104
  36. package/dist/docs/components/datepickers.md +710 -962
  37. package/dist/docs/components/dialogs.md +5 -67
  38. package/dist/docs/components/divider.md +1 -33
  39. package/dist/docs/components/dropdowns.md +3424 -5567
  40. package/dist/docs/components/editableContent.md +4 -82
  41. package/dist/docs/components/expander.md +15 -88
  42. package/dist/docs/components/fade.md +4 -61
  43. package/dist/docs/components/fadeExpander.md +1 -7
  44. package/dist/docs/components/fadeUp.md +2 -76
  45. package/dist/docs/components/feedback.md +9 -68
  46. package/dist/docs/components/filePickers.md +4 -18
  47. package/dist/docs/components/formLabel.md +7 -27
  48. package/dist/docs/components/groupedItemList.md +2 -158
  49. package/dist/docs/components/iconList.md +7 -64
  50. package/dist/docs/components/imagePreloader.md +1 -9
  51. package/dist/docs/components/labeledElement.md +3 -18
  52. package/dist/docs/components/licensePlate.md +1 -43
  53. package/dist/docs/components/lineCharts.md +8 -39
  54. package/dist/docs/components/listMenu.md +2 -34
  55. package/dist/docs/components/loadMore.md +5 -24
  56. package/dist/docs/components/mainNavigation.md +1 -9
  57. package/dist/docs/components/mapCircle.md +1 -23
  58. package/dist/docs/components/mapCluster.md +2 -54
  59. package/dist/docs/components/mapContext.md +1 -23
  60. package/dist/docs/components/mapDraggableMarker.md +2 -28
  61. package/dist/docs/components/mapGettingStarted.md +2 -2
  62. package/dist/docs/components/mapInfoBubble.md +1 -27
  63. package/dist/docs/components/mapLayerGroup.md +1 -23
  64. package/dist/docs/components/mapMarker.md +1 -99
  65. package/dist/docs/components/mapPolygon.md +2 -116
  66. package/dist/docs/components/mapRoute.md +6 -1465
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +11 -128
  69. package/dist/docs/components/mapUtils.md +10 -113
  70. package/dist/docs/components/multiselects.md +14 -163
  71. package/dist/docs/components/noData.md +8 -22
  72. package/dist/docs/components/notifications.md +3 -19
  73. package/dist/docs/components/numbercontrol.md +3 -47
  74. package/dist/docs/components/onboarding.md +3 -15
  75. package/dist/docs/components/page.md +1 -33
  76. package/dist/docs/components/pager.md +1 -17
  77. package/dist/docs/components/pieCharts.md +40 -71
  78. package/dist/docs/components/popover.md +1 -12
  79. package/dist/docs/components/position.md +2 -6
  80. package/dist/docs/components/radialBarCharts.md +32 -116
  81. package/dist/docs/components/radioCardGroup.md +6 -48
  82. package/dist/docs/components/radiobutton.md +6 -75
  83. package/dist/docs/components/releaseNotes.md +3 -21
  84. package/dist/docs/components/resizer.md +1 -7
  85. package/dist/docs/components/responsiveColumnStripe.md +9 -49
  86. package/dist/docs/components/responsiveVideo.md +1 -7
  87. package/dist/docs/components/rioglyph.md +1 -17
  88. package/dist/docs/components/rules.md +7 -70
  89. package/dist/docs/components/saveableInput.md +267 -401
  90. package/dist/docs/components/selects.md +27 -1164
  91. package/dist/docs/components/sidebar.md +6 -17
  92. package/dist/docs/components/sliders.md +1 -27
  93. package/dist/docs/components/smoothScrollbars.md +1 -73
  94. package/dist/docs/components/spinners.md +6 -51
  95. package/dist/docs/components/states.md +6 -92
  96. package/dist/docs/components/statsWidgets.md +1 -76
  97. package/dist/docs/components/statusBar.md +1 -57
  98. package/dist/docs/components/stepButton.md +2 -7
  99. package/dist/docs/components/steppedProgressBars.md +5 -62
  100. package/dist/docs/components/subNavigation.md +1 -31
  101. package/dist/docs/components/supportMarker.md +2 -14
  102. package/dist/docs/components/svgImage.md +1 -5
  103. package/dist/docs/components/switch.md +2 -33
  104. package/dist/docs/components/tables.md +1 -1
  105. package/dist/docs/components/tagManager.md +1 -41
  106. package/dist/docs/components/tags.md +1 -138
  107. package/dist/docs/components/teaser.md +2 -122
  108. package/dist/docs/components/textTruncateMiddle.md +2 -9
  109. package/dist/docs/components/timeline.md +1 -99
  110. package/dist/docs/components/timepicker.md +4 -79
  111. package/dist/docs/components/toggleButton.md +2 -15
  112. package/dist/docs/components/tooltip.md +9 -30
  113. package/dist/docs/components/tracker.md +2 -19
  114. package/dist/docs/components/virtualList.md +61 -130
  115. package/dist/docs/foundations.md +749 -4069
  116. package/dist/docs/start/changelog.md +5 -1
  117. package/dist/docs/start/goodtoknow.md +1 -1
  118. package/dist/docs/start/guidelines/color-combinations.md +149 -483
  119. package/dist/docs/start/guidelines/custom-css.md +1 -1
  120. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  121. package/dist/docs/start/guidelines/formatting.md +1 -1
  122. package/dist/docs/start/guidelines/iframe.md +4 -16
  123. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  124. package/dist/docs/start/guidelines/print-css.md +1 -1
  125. package/dist/docs/start/guidelines/spinner.md +13 -67
  126. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  127. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  128. package/dist/docs/start/guidelines/writing.md +1 -1
  129. package/dist/docs/start/howto.md +11 -11
  130. package/dist/docs/start/intro.md +1 -1
  131. package/dist/docs/start/responsiveness.md +1 -1
  132. package/dist/docs/utilities/classNames.md +3 -18
  133. package/dist/docs/utilities/deviceUtils.md +7 -13
  134. package/dist/docs/utilities/featureToggles.md +1 -1
  135. package/dist/docs/utilities/fuelTypeUtils.md +2 -12
  136. package/dist/docs/utilities/routeUtils.md +25 -343
  137. package/dist/docs/utilities/useAfterMount.md +1 -6
  138. package/dist/docs/utilities/useAutoAnimate.md +2 -15
  139. package/dist/docs/utilities/useAverage.md +1 -6
  140. package/dist/docs/utilities/useClickOutside.md +1 -5
  141. package/dist/docs/utilities/useClipboard.md +2 -6
  142. package/dist/docs/utilities/useCookies.md +2 -10
  143. package/dist/docs/utilities/useCount.md +7 -16
  144. package/dist/docs/utilities/useDarkMode.md +2 -6
  145. package/dist/docs/utilities/useDebugInfo.md +6 -20
  146. package/dist/docs/utilities/useEffectOnce.md +1 -6
  147. package/dist/docs/utilities/useElapsedTime.md +2 -6
  148. package/dist/docs/utilities/useElementSize.md +1 -7
  149. package/dist/docs/utilities/useEsc.md +1 -5
  150. package/dist/docs/utilities/useEvent.md +1 -5
  151. package/dist/docs/utilities/useFocusTrap.md +1 -5
  152. package/dist/docs/utilities/useFullscreen.md +2 -15
  153. package/dist/docs/utilities/useHover.md +1 -5
  154. package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
  155. package/dist/docs/utilities/useInterval.md +2 -8
  156. package/dist/docs/utilities/useIsFocusWithin.md +1 -10
  157. package/dist/docs/utilities/useKey.md +1 -15
  158. package/dist/docs/utilities/useLocalStorage.md +2 -11
  159. package/dist/docs/utilities/useLocationSuggestions.md +1 -5
  160. package/dist/docs/utilities/useMax.md +1 -5
  161. package/dist/docs/utilities/useMin.md +1 -5
  162. package/dist/docs/utilities/useMutationObserver.md +3 -11
  163. package/dist/docs/utilities/useOnScreen.md +1 -8
  164. package/dist/docs/utilities/useOnlineStatus.md +1 -5
  165. package/dist/docs/utilities/usePostMessage.md +3 -9
  166. package/dist/docs/utilities/usePostMessageSender.md +3 -13
  167. package/dist/docs/utilities/usePrevious.md +1 -5
  168. package/dist/docs/utilities/useResizeObserver.md +3 -11
  169. package/dist/docs/utilities/useRioCookieConsent.md +1 -5
  170. package/dist/docs/utilities/useScrollPosition.md +3 -59
  171. package/dist/docs/utilities/useSearch.md +2 -16
  172. package/dist/docs/utilities/useSearchHighlight.md +13 -78
  173. package/dist/docs/utilities/useSorting.md +18 -43
  174. package/dist/docs/utilities/useStateWithValidation.md +1 -5
  175. package/dist/docs/utilities/useSum.md +1 -9
  176. package/dist/docs/utilities/useTableExport.md +42 -59
  177. package/dist/docs/utilities/useTableSelection.md +74 -119
  178. package/dist/docs/utilities/useTimeout.md +2 -6
  179. package/dist/docs/utilities/useToggle.md +4 -14
  180. package/dist/docs/utilities/useUrlState.md +2 -27
  181. package/dist/docs/utilities/useWindowResize.md +1 -5
  182. package/dist/index.mjs +46 -10
  183. package/dist/version.json +2 -2
  184. package/package.json +2 -2
  185. package/dist/docs/templates/common-table.md +0 -1112
  186. package/dist/docs/templates/detail-views.md +0 -942
  187. package/dist/docs/templates/expandable-details.md +0 -228
  188. package/dist/docs/templates/feature-cards.md +0 -549
  189. package/dist/docs/templates/form-summary.md +0 -199
  190. package/dist/docs/templates/form-toggle.md +0 -367
  191. package/dist/docs/templates/list-blocks.md +0 -1021
  192. package/dist/docs/templates/loading-progress.md +0 -109
  193. package/dist/docs/templates/options-panel.md +0 -152
  194. package/dist/docs/templates/panel-variants.md +0 -164
  195. package/dist/docs/templates/progress-cards.md +0 -607
  196. package/dist/docs/templates/progress-success.md +0 -142
  197. package/dist/docs/templates/settings-form.md +0 -434
  198. package/dist/docs/templates/stats-blocks.md +0 -1381
  199. package/dist/docs/templates/table-panel.md +0 -184
  200. package/dist/docs/templates/table-row-animation.md +0 -317
  201. package/dist/docs/templates/usage-cards.md +0 -227
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useScrollPosition
6
- *Captured:* 2026-02-23T15:49:52.042Z
6
+ *Captured:* 2026-03-06T10:41:45.570Z
7
7
 
8
8
  The useScrollPosition hook allows to react on a desired scroll position of a given target. Use it when showing or hiding content based on the scroll position.
9
9
 
@@ -11,35 +11,7 @@ The useScrollPosition hook allows to react on a desired scroll position of a giv
11
11
 
12
12
  ### Example: Example 1
13
13
 
14
- Default example for scroll position of the ApplicationBody module-content0 px
15
-
16
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
17
-
18
- In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
19
-
20
- Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
21
-
22
- Mauris sed blandit nisi. In tellus sem, auctor ut porttitor eget, dictum et eros. Integer in sem nec lacus hendrerit cursus. Nulla mattis nisi et tincidunt tincidunt. Fusce ullamcorper nunc in quam euismod mattis et dignissim nulla. Ut tincidunt sodales felis, id feugiat ligula suscipit vel. Suspendisse ullamcorper commodo maximus.
23
-
24
- Nam in dapibus eros, eget tristique enim. Vivamus non neque at elit cursus tempus vel vitae neque. Aenean pellentesque aliquet lorem, commodo ornare dolor tempus id. Curabitur efficitur nulla eu libero consectetur, at ultricies nisi condimentum. Nam imperdiet ac magna ut congue. Vivamus id aliquet turpis, quis suscipit nulla. Nunc placerat pulvinar neque. Donec ullamcorper vel ante ac iaculis. Phasellus eget dapibus turpis. Nam interdum enim at bibendum faucibus. Nunc ipsum urna, finibus ut hendrerit at, laoreet sit amet eros. Morbi ligula arcu, eleifend et dictum egestas, consequat vitae nunc.
25
-
26
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
27
-
28
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
29
-
30
- In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
31
-
32
- Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
33
-
34
- Mauris sed blandit nisi. In tellus sem, auctor ut porttitor eget, dictum et eros. Integer in sem nec lacus hendrerit cursus. Nulla mattis nisi et tincidunt tincidunt. Fusce ullamcorper nunc in quam euismod mattis et dignissim nulla. Ut tincidunt sodales felis, id feugiat ligula suscipit vel. Suspendisse ullamcorper commodo maximus.
35
-
36
- Nam in dapibus eros, eget tristique enim. Vivamus non neque at elit cursus tempus vel vitae neque. Aenean pellentesque aliquet lorem, commodo ornare dolor tempus id. Curabitur efficitur nulla eu libero consectetur, at ultricies nisi condimentum. Nam imperdiet ac magna ut congue. Vivamus id aliquet turpis, quis suscipit nulla. Nunc placerat pulvinar neque. Donec ullamcorper vel ante ac iaculis. Phasellus eget dapibus turpis. Nam interdum enim at bibendum faucibus. Nunc ipsum urna, finibus ut hendrerit at, laoreet sit amet eros. Morbi ligula arcu, eleifend et dictum egestas, consequat vitae nunc.
37
-
38
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
39
-
40
- #### Summary
41
-
42
- Default example for scroll position of the ApplicationBody module-content0 px
14
+ Default example for scroll position of the ApplicationBody module-content 0 px
43
15
 
44
16
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
45
17
 
@@ -129,35 +101,7 @@ export default () => {
129
101
 
130
102
  ### Example: Example 2
131
103
 
132
- Example for scroll position of a certain element0 px
133
-
134
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
135
-
136
- In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
137
-
138
- Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
139
-
140
- Mauris sed blandit nisi. In tellus sem, auctor ut porttitor eget, dictum et eros. Integer in sem nec lacus hendrerit cursus. Nulla mattis nisi et tincidunt tincidunt. Fusce ullamcorper nunc in quam euismod mattis et dignissim nulla. Ut tincidunt sodales felis, id feugiat ligula suscipit vel. Suspendisse ullamcorper commodo maximus.
141
-
142
- Nam in dapibus eros, eget tristique enim. Vivamus non neque at elit cursus tempus vel vitae neque. Aenean pellentesque aliquet lorem, commodo ornare dolor tempus id. Curabitur efficitur nulla eu libero consectetur, at ultricies nisi condimentum. Nam imperdiet ac magna ut congue. Vivamus id aliquet turpis, quis suscipit nulla. Nunc placerat pulvinar neque. Donec ullamcorper vel ante ac iaculis. Phasellus eget dapibus turpis. Nam interdum enim at bibendum faucibus. Nunc ipsum urna, finibus ut hendrerit at, laoreet sit amet eros. Morbi ligula arcu, eleifend et dictum egestas, consequat vitae nunc.
143
-
144
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
145
-
146
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
147
-
148
- In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
149
-
150
- Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
151
-
152
- Mauris sed blandit nisi. In tellus sem, auctor ut porttitor eget, dictum et eros. Integer in sem nec lacus hendrerit cursus. Nulla mattis nisi et tincidunt tincidunt. Fusce ullamcorper nunc in quam euismod mattis et dignissim nulla. Ut tincidunt sodales felis, id feugiat ligula suscipit vel. Suspendisse ullamcorper commodo maximus.
153
-
154
- Nam in dapibus eros, eget tristique enim. Vivamus non neque at elit cursus tempus vel vitae neque. Aenean pellentesque aliquet lorem, commodo ornare dolor tempus id. Curabitur efficitur nulla eu libero consectetur, at ultricies nisi condimentum. Nam imperdiet ac magna ut congue. Vivamus id aliquet turpis, quis suscipit nulla. Nunc placerat pulvinar neque. Donec ullamcorper vel ante ac iaculis. Phasellus eget dapibus turpis. Nam interdum enim at bibendum faucibus. Nunc ipsum urna, finibus ut hendrerit at, laoreet sit amet eros. Morbi ligula arcu, eleifend et dictum egestas, consequat vitae nunc.
155
-
156
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
157
-
158
- #### Summary
159
-
160
- Example for scroll position of a certain element0 px
104
+ Example for scroll position of a certain element 0 px
161
105
 
162
106
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
163
107
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useSearch
6
- *Captured:* 2026-02-23T15:49:58.326Z
6
+ *Captured:* 2026-03-06T10:41:52.947Z
7
7
 
8
8
  The useSearch hook is a custom hook to filter a list of objects by a search value. Supports field-based filtering, custom filtering logic, debounce, and case sensitivity.
9
9
 
@@ -13,13 +13,7 @@ The useSearch hook is a custom hook to filter a list of objects by a search valu
13
13
 
14
14
  Search a list of objects
15
15
 
16
- AppleBananaFigPearMango
17
-
18
- #### Summary
19
-
20
- Search a list of objects
21
-
22
- AppleBananaFigPearMango
16
+ Apple Banana Fig Pear Mango
23
17
 
24
18
  #### React (tsx)
25
19
 
@@ -121,14 +115,6 @@ Alice - 30 | Berlin
121
115
  Bob - 25 | Munich
122
116
  Charlie - 35 |
123
117
 
124
- #### Summary
125
-
126
- Search a list of objects for multiple fields
127
-
128
- Alice - 30 | Berlin
129
- Bob - 25 | Munich
130
- Charlie - 35 |
131
-
132
118
  #### React (tsx)
133
119
 
134
120
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useSearchHighlight
6
- *Captured:* 2026-02-23T15:50:00.718Z
6
+ *Captured:* 2026-03-06T10:41:54.695Z
7
7
 
8
8
  The useSearchHighlight hook applies native CSS Highlight API ranges to matching text in a referenced container. It progressively enhances supported browsers without mutating markup and can be scoped or made case-sensitive as needed.
9
9
 
@@ -15,35 +15,18 @@ Use it when you just need to highlight a single string without managing refs or
15
15
 
16
16
  ### Example: Example 1
17
17
 
18
- Shipments8
18
+ Shipments 8
19
19
 
20
- Shipment idOriginDestinationStatus
20
+ Shipment id Origin Destination Status
21
21
 
22
- RIO-100284Hamburg, DERotterdam, NLIn transit
23
- RIO-100317Berlin, DEPrague, CZDelivered
24
- RIO-100411Munich, DEVienna, ATDelayed
25
- RIO-100512Cologne, DEParis, FRCustoms
26
- RIO-100640Leipzig, DEZurich, CHIn transit
27
- RIO-100771Stuttgart, DEMilan, ITDelivered
28
- RIO-100889Frankfurt, DEWarsaw, PLIn transit
29
- RIO-101002Dresden, DECopenhagen, DKDelayed
30
-
31
- Case-sensitive search
32
-
33
- #### Summary
34
-
35
- Shipments8
36
-
37
- Shipment idOriginDestinationStatus
38
-
39
- RIO-100284Hamburg, DERotterdam, NLIn transit
40
- RIO-100317Berlin, DEPrague, CZDelivered
41
- RIO-100411Munich, DEVienna, ATDelayed
42
- RIO-100512Cologne, DEParis, FRCustoms
43
- RIO-100640Leipzig, DEZurich, CHIn transit
44
- RIO-100771Stuttgart, DEMilan, ITDelivered
45
- RIO-100889Frankfurt, DEWarsaw, PLIn transit
46
- RIO-101002Dresden, DECopenhagen, DKDelayed
22
+ RIO-100284 Hamburg, DE Rotterdam, NL In transit
23
+ RIO-100317 Berlin, DE Prague, CZ Delivered
24
+ RIO-100411 Munich, DE Vienna, AT Delayed
25
+ RIO-100512 Cologne, DE Paris, FR Customs
26
+ RIO-100640 Leipzig, DE Zurich, CH In transit
27
+ RIO-100771 Stuttgart, DE Milan, IT Delivered
28
+ RIO-100889 Frankfurt, DE Warsaw, PL In transit
29
+ RIO-101002 Dresden, DE Copenhagen, DK Delayed
47
30
 
48
31
  Case-sensitive search
49
32
 
@@ -301,51 +284,7 @@ export default () => {
301
284
 
302
285
  ### Example: Example 2
303
286
 
304
- Shipments8
305
-
306
- RIO-100284
307
- In transit
308
- Origin: Hamburg, DE
309
- Destination: Rotterdam, NL
310
-
311
- RIO-100317
312
- Delivered
313
- Origin: Berlin, DE
314
- Destination: Prague, CZ
315
-
316
- RIO-100411
317
- Delayed
318
- Origin: Munich, DE
319
- Destination: Vienna, AT
320
-
321
- RIO-100512
322
- Customs
323
- Origin: Cologne, DE
324
- Destination: Paris, FR
325
-
326
- RIO-100640
327
- In transit
328
- Origin: Leipzig, DE
329
- Destination: Zurich, CH
330
-
331
- RIO-100771
332
- Delivered
333
- Origin: Stuttgart, DE
334
- Destination: Milan, IT
335
-
336
- RIO-100889
337
- In transit
338
- Origin: Frankfurt, DE
339
- Destination: Warsaw, PL
340
-
341
- RIO-101002
342
- Delayed
343
- Origin: Dresden, DE
344
- Destination: Copenhagen, DK
345
-
346
- #### Summary
347
-
348
- Shipments8
287
+ Shipments 8
349
288
 
350
289
  RIO-100284
351
290
  In transit
@@ -735,11 +674,7 @@ export default () => {
735
674
 
736
675
  ### Example: Example 3
737
676
 
738
- Highlight in textShipment RIO-100284 departed Hamburg, DE and is scheduled to arrive in Rotterdam, NL. The next leg routes through Cologne, DE with customs clearance pending. Contact the logistics desk for status updates or delays.
739
-
740
- #### Summary
741
-
742
- Highlight in textShipment RIO-100284 departed Hamburg, DE and is scheduled to arrive in Rotterdam, NL. The next leg routes through Cologne, DE with customs clearance pending. Contact the logistics desk for status updates or delays.
677
+ Highlight in text Shipment RIO-100284 departed Hamburg, DE and is scheduled to arrive in Rotterdam, NL. The next leg routes through Cologne, DE with customs clearance pending. Contact the logistics desk for status updates or delays.
743
678
 
744
679
  #### React (tsx)
745
680
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Table & data hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useSorting
6
- *Captured:* 2026-02-23T15:50:03.124Z
6
+ *Captured:* 2026-03-06T10:41:58.331Z
7
7
 
8
8
  The useSorting hook provides an easy way to sort any list by a specified key using natural sort order. It offers flexible control over sorting direction and key selection, making it ideal for dynamic sorting use cases.
9
9
 
@@ -11,25 +11,14 @@ The useSorting hook provides an easy way to sort any list by a specified key usi
11
11
 
12
12
  ### Example: Example 1
13
13
 
14
- NameQuantity
14
+ Name Quantity
15
15
 
16
- Box20
17
- Container1
18
- Crate15
19
- Drum12
20
- Pallet10
21
- Parcel8
22
-
23
- #### Summary
24
-
25
- NameQuantity
26
-
27
- Box20
28
- Container1
29
- Crate15
30
- Drum12
31
- Pallet10
32
- Parcel8
16
+ Box 20
17
+ Container 1
18
+ Crate 15
19
+ Drum 12
20
+ Pallet 10
21
+ Parcel 8
33
22
 
34
23
  #### React (tsx)
35
24
 
@@ -160,30 +149,16 @@ export default () => {
160
149
  ### Example: Example 2
161
150
 
162
151
  Sort by a primary column. Hold shift key to sort by a secondary column
163
- CategoryNameQuantity
164
-
165
- ShippingParcel8
166
- ShippingBox20
167
- ShippingEnvelope50
168
- ShippingBag30
169
- StoragePallet10
170
- StorageContainer1
171
- StorageCrate15
172
- StorageDrum12
173
-
174
- #### Summary
175
-
176
- Sort by a primary column. Hold shift key to sort by a secondary column
177
- CategoryNameQuantity
178
-
179
- ShippingParcel8
180
- ShippingBox20
181
- ShippingEnvelope50
182
- ShippingBag30
183
- StoragePallet10
184
- StorageContainer1
185
- StorageCrate15
186
- StorageDrum12
152
+ Category Name Quantity
153
+
154
+ Shipping Parcel 8
155
+ Shipping Box 20
156
+ Shipping Envelope 50
157
+ Shipping Bag 30
158
+ Storage Pallet 10
159
+ Storage Container 1
160
+ Storage Crate 15
161
+ Storage Drum 12
187
162
 
188
163
  #### React (tsx)
189
164
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useStateWithValidation
6
- *Captured:* 2026-02-23T15:49:59.273Z
6
+ *Captured:* 2026-03-06T10:41:53.506Z
7
7
 
8
8
  The useStateWithValidation hook allows to easily validate state. This comes in handy when validating form inputs.
9
9
 
@@ -13,10 +13,6 @@ The useStateWithValidation hook allows to easily validate state. This comes in h
13
13
 
14
14
  Username
15
15
 
16
- #### Summary
17
-
18
- Username
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useSum
6
- *Captured:* 2026-02-23T15:50:02.202Z
6
+ *Captured:* 2026-03-06T10:41:57.063Z
7
7
 
8
8
  The useSum hook is a versatile utility for calculating the total of numeric, localized values within a list of objects—particularly useful for rendering totals in table footers, dashboards, or KPIs.
9
9
 
@@ -19,14 +19,6 @@ It supports locale-aware number parsing (e.g. 1.234,50 € or 2 500,75 kg)
19
19
  31h
20
20
  185 km
21
21
 
22
- #### Summary
23
-
24
- 3.930,75 km
25
- 5.197 €
26
- 1860min
27
- 31h
28
- 185 km
29
-
30
22
  #### React (tsx)
31
23
 
32
24
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Table & data hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useTableExport
6
- *Captured:* 2026-02-23T15:50:02.409Z
6
+ *Captured:* 2026-03-06T10:41:58.527Z
7
7
 
8
8
  The useTableExport hook provides a simple and reusable way to export tabular data as a downloadable CSV file in React applications. It supports custom delimiters, UTF-8 BOM for Excel compatibility, and column header mapping for more readable exports. This is especially useful for tables with user-facing data that may need to be downloaded for offline analysis or reporting.
9
9
 
@@ -13,35 +13,18 @@ The useTableExport hook provides a simple and reusable way to export tabular dat
13
13
 
14
14
  Export data
15
15
 
16
- IdFirst nameLast nameE-mail
16
+ Id First name Last name E-mail
17
17
 
18
- 1WilliamWillmsBurnice.Pouros@yahoo.com
19
- 2KayliMcKenzieJody.Jaskolski99@gmail.com
20
- 3LawrenceHerzogTina_Hegmann97@yahoo.com
21
- 4ThurmanRauClaudie.Borer@yahoo.com
22
- 5AntoniaSchneiderDoreen.Prosacco34@hotmail.com
23
- 6RicardoOkunevaTina_Zemlak1@gmail.com
24
- 7GustavoMayertNoel_Quigley82@hotmail.com
25
- 8BerniceBoyleHerman_Tromp@hotmail.com
26
- 9JamarConnElvera37@yahoo.com
27
- 10LetitiaKlingHector_Kozey6@hotmail.com
28
-
29
- #### Summary
30
-
31
- Export data
32
-
33
- IdFirst nameLast nameE-mail
34
-
35
- 1WilliamWillmsBurnice.Pouros@yahoo.com
36
- 2KayliMcKenzieJody.Jaskolski99@gmail.com
37
- 3LawrenceHerzogTina_Hegmann97@yahoo.com
38
- 4ThurmanRauClaudie.Borer@yahoo.com
39
- 5AntoniaSchneiderDoreen.Prosacco34@hotmail.com
40
- 6RicardoOkunevaTina_Zemlak1@gmail.com
41
- 7GustavoMayertNoel_Quigley82@hotmail.com
42
- 8BerniceBoyleHerman_Tromp@hotmail.com
43
- 9JamarConnElvera37@yahoo.com
44
- 10LetitiaKlingHector_Kozey6@hotmail.com
18
+ 1 Lina Hamill Carol_Waters81@hotmail.com
19
+ 2 Eulalia Conn Celia40@gmail.com
20
+ 3 Nels Cassin Lindsey_Carroll@hotmail.com
21
+ 4 Clarence Waters Gerard.Hansen@gmail.com
22
+ 5 Marilie Bergstrom Terrence_Hegmann3@yahoo.com
23
+ 6 Darby Russel Myrna_Schiller@hotmail.com
24
+ 7 Keshawn Okuneva Dawson_Beer56@gmail.com
25
+ 8 Johanna Haag Guadalupe_Hagenes14@hotmail.com
26
+ 9 Tara Haley Emma_Kohler@gmail.com
27
+ 10 Jane Witting Neal_Runte@gmail.com
45
28
 
46
29
  #### React (tsx)
47
30
 
@@ -249,13 +232,13 @@ export default () => {
249
232
  <span>1</span>
250
233
  </td>
251
234
  <td data-field="First name">
252
- <span>William</span>
235
+ <span>Lina</span>
253
236
  </td>
254
237
  <td data-field="Last name">
255
- <span>Willms</span>
238
+ <span>Hamill</span>
256
239
  </td>
257
240
  <td data-field="E-mail">
258
- <span>Burnice.Pouros@yahoo.com</span>
241
+ <span>Carol_Waters81@hotmail.com</span>
259
242
  </td>
260
243
  </tr>
261
244
  <tr data-id="2" class="cursor-pointer">
@@ -263,13 +246,13 @@ export default () => {
263
246
  <span>2</span>
264
247
  </td>
265
248
  <td data-field="First name">
266
- <span>Kayli</span>
249
+ <span>Eulalia</span>
267
250
  </td>
268
251
  <td data-field="Last name">
269
- <span>McKenzie</span>
252
+ <span>Conn</span>
270
253
  </td>
271
254
  <td data-field="E-mail">
272
- <span>Jody.Jaskolski99@gmail.com</span>
255
+ <span>Celia40@gmail.com</span>
273
256
  </td>
274
257
  </tr>
275
258
  <tr data-id="3" class="cursor-pointer">
@@ -277,13 +260,13 @@ export default () => {
277
260
  <span>3</span>
278
261
  </td>
279
262
  <td data-field="First name">
280
- <span>Lawrence</span>
263
+ <span>Nels</span>
281
264
  </td>
282
265
  <td data-field="Last name">
283
- <span>Herzog</span>
266
+ <span>Cassin</span>
284
267
  </td>
285
268
  <td data-field="E-mail">
286
- <span>Tina_Hegmann97@yahoo.com</span>
269
+ <span>Lindsey_Carroll@hotmail.com</span>
287
270
  </td>
288
271
  </tr>
289
272
  <tr data-id="4" class="cursor-pointer">
@@ -291,13 +274,13 @@ export default () => {
291
274
  <span>4</span>
292
275
  </td>
293
276
  <td data-field="First name">
294
- <span>Thurman</span>
277
+ <span>Clarence</span>
295
278
  </td>
296
279
  <td data-field="Last name">
297
- <span>Rau</span>
280
+ <span>Waters</span>
298
281
  </td>
299
282
  <td data-field="E-mail">
300
- <span>Claudie.Borer@yahoo.com</span>
283
+ <span>Gerard.Hansen@gmail.com</span>
301
284
  </td>
302
285
  </tr>
303
286
  <tr data-id="5" class="cursor-pointer">
@@ -305,13 +288,13 @@ export default () => {
305
288
  <span>5</span>
306
289
  </td>
307
290
  <td data-field="First name">
308
- <span>Antonia</span>
291
+ <span>Marilie</span>
309
292
  </td>
310
293
  <td data-field="Last name">
311
- <span>Schneider</span>
294
+ <span>Bergstrom</span>
312
295
  </td>
313
296
  <td data-field="E-mail">
314
- <span>Doreen.Prosacco34@hotmail.com</span>
297
+ <span>Terrence_Hegmann3@yahoo.com</span>
315
298
  </td>
316
299
  </tr>
317
300
  <tr data-id="6" class="cursor-pointer">
@@ -319,13 +302,13 @@ export default () => {
319
302
  <span>6</span>
320
303
  </td>
321
304
  <td data-field="First name">
322
- <span>Ricardo</span>
305
+ <span>Darby</span>
323
306
  </td>
324
307
  <td data-field="Last name">
325
- <span>Okuneva</span>
308
+ <span>Russel</span>
326
309
  </td>
327
310
  <td data-field="E-mail">
328
- <span>Tina_Zemlak1@gmail.com</span>
311
+ <span>Myrna_Schiller@hotmail.com</span>
329
312
  </td>
330
313
  </tr>
331
314
  <tr data-id="7" class="cursor-pointer">
@@ -333,13 +316,13 @@ export default () => {
333
316
  <span>7</span>
334
317
  </td>
335
318
  <td data-field="First name">
336
- <span>Gustavo</span>
319
+ <span>Keshawn</span>
337
320
  </td>
338
321
  <td data-field="Last name">
339
- <span>Mayert</span>
322
+ <span>Okuneva</span>
340
323
  </td>
341
324
  <td data-field="E-mail">
342
- <span>Noel_Quigley82@hotmail.com</span>
325
+ <span>Dawson_Beer56@gmail.com</span>
343
326
  </td>
344
327
  </tr>
345
328
  <tr data-id="8" class="cursor-pointer">
@@ -347,13 +330,13 @@ export default () => {
347
330
  <span>8</span>
348
331
  </td>
349
332
  <td data-field="First name">
350
- <span>Bernice</span>
333
+ <span>Johanna</span>
351
334
  </td>
352
335
  <td data-field="Last name">
353
- <span>Boyle</span>
336
+ <span>Haag</span>
354
337
  </td>
355
338
  <td data-field="E-mail">
356
- <span>Herman_Tromp@hotmail.com</span>
339
+ <span>Guadalupe_Hagenes14@hotmail.com</span>
357
340
  </td>
358
341
  </tr>
359
342
  <tr data-id="9" class="cursor-pointer">
@@ -361,13 +344,13 @@ export default () => {
361
344
  <span>9</span>
362
345
  </td>
363
346
  <td data-field="First name">
364
- <span>Jamar</span>
347
+ <span>Tara</span>
365
348
  </td>
366
349
  <td data-field="Last name">
367
- <span>Conn</span>
350
+ <span>Haley</span>
368
351
  </td>
369
352
  <td data-field="E-mail">
370
- <span>Elvera37@yahoo.com</span>
353
+ <span>Emma_Kohler@gmail.com</span>
371
354
  </td>
372
355
  </tr>
373
356
  <tr data-id="10" class="cursor-pointer">
@@ -375,13 +358,13 @@ export default () => {
375
358
  <span>10</span>
376
359
  </td>
377
360
  <td data-field="First name">
378
- <span>Letitia</span>
361
+ <span>Jane</span>
379
362
  </td>
380
363
  <td data-field="Last name">
381
- <span>Kling</span>
364
+ <span>Witting</span>
382
365
  </td>
383
366
  <td data-field="E-mail">
384
- <span>Hector_Kozey6@hotmail.com</span>
367
+ <span>Neal_Runte@gmail.com</span>
385
368
  </td>
386
369
  </tr>
387
370
  </tbody>