@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.
- package/README.md +13 -17
- package/dist/doc-metadata.json +125 -295
- package/dist/docs/components/accentBar.md +16 -69
- package/dist/docs/components/activity.md +7 -44
- package/dist/docs/components/animatedNumber.md +3 -11
- package/dist/docs/components/animatedTextReveal.md +6 -34
- package/dist/docs/components/animations.md +21 -54
- package/dist/docs/components/appHeader.md +11 -30
- package/dist/docs/components/appLayout.md +40 -193
- package/dist/docs/components/appNavigationBar.md +1 -24
- package/dist/docs/components/areaCharts.md +7 -22
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
- package/dist/docs/components/assetTree.md +241 -280
- package/dist/docs/components/autosuggests.md +3 -102
- package/dist/docs/components/avatar.md +1 -16
- package/dist/docs/components/banner.md +4 -37
- package/dist/docs/components/barCharts.md +20 -75
- package/dist/docs/components/barList.md +10 -78
- package/dist/docs/components/basicMap.md +1 -67
- package/dist/docs/components/bottomSheet.md +2 -28
- package/dist/docs/components/button.md +12 -65
- package/dist/docs/components/buttonToolbar.md +5 -19
- package/dist/docs/components/calendarStripe.md +50 -100
- package/dist/docs/components/card.md +1 -9
- package/dist/docs/components/carousel.md +1 -14
- package/dist/docs/components/chartColors.md +1 -156
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -81
- package/dist/docs/components/checkbox.md +11 -72
- package/dist/docs/components/circularProgress.md +8 -49
- package/dist/docs/components/clearableInput.md +3 -62
- package/dist/docs/components/collapse.md +2 -15
- package/dist/docs/components/composedCharts.md +16 -26
- package/dist/docs/components/contentLoader.md +7 -25
- package/dist/docs/components/dataTabs.md +16 -104
- package/dist/docs/components/datepickers.md +710 -962
- package/dist/docs/components/dialogs.md +5 -67
- package/dist/docs/components/divider.md +1 -33
- package/dist/docs/components/dropdowns.md +3424 -5567
- package/dist/docs/components/editableContent.md +4 -82
- package/dist/docs/components/expander.md +15 -88
- package/dist/docs/components/fade.md +4 -61
- package/dist/docs/components/fadeExpander.md +1 -7
- package/dist/docs/components/fadeUp.md +2 -76
- package/dist/docs/components/feedback.md +9 -68
- package/dist/docs/components/filePickers.md +4 -18
- package/dist/docs/components/formLabel.md +7 -27
- package/dist/docs/components/groupedItemList.md +2 -158
- package/dist/docs/components/iconList.md +7 -64
- package/dist/docs/components/imagePreloader.md +1 -9
- package/dist/docs/components/labeledElement.md +3 -18
- package/dist/docs/components/licensePlate.md +1 -43
- package/dist/docs/components/lineCharts.md +8 -39
- package/dist/docs/components/listMenu.md +2 -34
- package/dist/docs/components/loadMore.md +5 -24
- package/dist/docs/components/mainNavigation.md +1 -9
- package/dist/docs/components/mapCircle.md +1 -23
- package/dist/docs/components/mapCluster.md +2 -54
- package/dist/docs/components/mapContext.md +1 -23
- package/dist/docs/components/mapDraggableMarker.md +2 -28
- package/dist/docs/components/mapGettingStarted.md +2 -2
- package/dist/docs/components/mapInfoBubble.md +1 -27
- package/dist/docs/components/mapLayerGroup.md +1 -23
- package/dist/docs/components/mapMarker.md +1 -99
- package/dist/docs/components/mapPolygon.md +2 -116
- package/dist/docs/components/mapRoute.md +6 -1465
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -128
- package/dist/docs/components/mapUtils.md +10 -113
- package/dist/docs/components/multiselects.md +14 -163
- package/dist/docs/components/noData.md +8 -22
- package/dist/docs/components/notifications.md +3 -19
- package/dist/docs/components/numbercontrol.md +3 -47
- package/dist/docs/components/onboarding.md +3 -15
- package/dist/docs/components/page.md +1 -33
- package/dist/docs/components/pager.md +1 -17
- package/dist/docs/components/pieCharts.md +40 -71
- package/dist/docs/components/popover.md +1 -12
- package/dist/docs/components/position.md +2 -6
- package/dist/docs/components/radialBarCharts.md +32 -116
- package/dist/docs/components/radioCardGroup.md +6 -48
- package/dist/docs/components/radiobutton.md +6 -75
- package/dist/docs/components/releaseNotes.md +3 -21
- package/dist/docs/components/resizer.md +1 -7
- package/dist/docs/components/responsiveColumnStripe.md +9 -49
- package/dist/docs/components/responsiveVideo.md +1 -7
- package/dist/docs/components/rioglyph.md +1 -17
- package/dist/docs/components/rules.md +7 -70
- package/dist/docs/components/saveableInput.md +267 -401
- package/dist/docs/components/selects.md +27 -1164
- package/dist/docs/components/sidebar.md +6 -17
- package/dist/docs/components/sliders.md +1 -27
- package/dist/docs/components/smoothScrollbars.md +1 -73
- package/dist/docs/components/spinners.md +6 -51
- package/dist/docs/components/states.md +6 -92
- package/dist/docs/components/statsWidgets.md +1 -76
- package/dist/docs/components/statusBar.md +1 -57
- package/dist/docs/components/stepButton.md +2 -7
- package/dist/docs/components/steppedProgressBars.md +5 -62
- package/dist/docs/components/subNavigation.md +1 -31
- package/dist/docs/components/supportMarker.md +2 -14
- package/dist/docs/components/svgImage.md +1 -5
- package/dist/docs/components/switch.md +2 -33
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -41
- package/dist/docs/components/tags.md +1 -138
- package/dist/docs/components/teaser.md +2 -122
- package/dist/docs/components/textTruncateMiddle.md +2 -9
- package/dist/docs/components/timeline.md +1 -99
- package/dist/docs/components/timepicker.md +4 -79
- package/dist/docs/components/toggleButton.md +2 -15
- package/dist/docs/components/tooltip.md +9 -30
- package/dist/docs/components/tracker.md +2 -19
- package/dist/docs/components/virtualList.md +61 -130
- package/dist/docs/foundations.md +749 -4069
- package/dist/docs/start/changelog.md +5 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +149 -483
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +4 -16
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +13 -67
- package/dist/docs/start/guidelines/state-in-url.md +1 -1
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +11 -11
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/utilities/classNames.md +3 -18
- package/dist/docs/utilities/deviceUtils.md +7 -13
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +2 -12
- package/dist/docs/utilities/routeUtils.md +25 -343
- package/dist/docs/utilities/useAfterMount.md +1 -6
- package/dist/docs/utilities/useAutoAnimate.md +2 -15
- package/dist/docs/utilities/useAverage.md +1 -6
- package/dist/docs/utilities/useClickOutside.md +1 -5
- package/dist/docs/utilities/useClipboard.md +2 -6
- package/dist/docs/utilities/useCookies.md +2 -10
- package/dist/docs/utilities/useCount.md +7 -16
- package/dist/docs/utilities/useDarkMode.md +2 -6
- package/dist/docs/utilities/useDebugInfo.md +6 -20
- package/dist/docs/utilities/useEffectOnce.md +1 -6
- package/dist/docs/utilities/useElapsedTime.md +2 -6
- package/dist/docs/utilities/useElementSize.md +1 -7
- package/dist/docs/utilities/useEsc.md +1 -5
- package/dist/docs/utilities/useEvent.md +1 -5
- package/dist/docs/utilities/useFocusTrap.md +1 -5
- package/dist/docs/utilities/useFullscreen.md +2 -15
- package/dist/docs/utilities/useHover.md +1 -5
- package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
- package/dist/docs/utilities/useInterval.md +2 -8
- package/dist/docs/utilities/useIsFocusWithin.md +1 -10
- package/dist/docs/utilities/useKey.md +1 -15
- package/dist/docs/utilities/useLocalStorage.md +2 -11
- package/dist/docs/utilities/useLocationSuggestions.md +1 -5
- package/dist/docs/utilities/useMax.md +1 -5
- package/dist/docs/utilities/useMin.md +1 -5
- package/dist/docs/utilities/useMutationObserver.md +3 -11
- package/dist/docs/utilities/useOnScreen.md +1 -8
- package/dist/docs/utilities/useOnlineStatus.md +1 -5
- package/dist/docs/utilities/usePostMessage.md +3 -9
- package/dist/docs/utilities/usePostMessageSender.md +3 -13
- package/dist/docs/utilities/usePrevious.md +1 -5
- package/dist/docs/utilities/useResizeObserver.md +3 -11
- package/dist/docs/utilities/useRioCookieConsent.md +1 -5
- package/dist/docs/utilities/useScrollPosition.md +3 -59
- package/dist/docs/utilities/useSearch.md +2 -16
- package/dist/docs/utilities/useSearchHighlight.md +13 -78
- package/dist/docs/utilities/useSorting.md +18 -43
- package/dist/docs/utilities/useStateWithValidation.md +1 -5
- package/dist/docs/utilities/useSum.md +1 -9
- package/dist/docs/utilities/useTableExport.md +42 -59
- package/dist/docs/utilities/useTableSelection.md +74 -119
- package/dist/docs/utilities/useTimeout.md +2 -6
- package/dist/docs/utilities/useToggle.md +4 -14
- package/dist/docs/utilities/useUrlState.md +2 -27
- package/dist/docs/utilities/useWindowResize.md +1 -5
- package/dist/index.mjs +46 -10
- package/dist/version.json +2 -2
- package/package.json +2 -2
- package/dist/docs/templates/common-table.md +0 -1112
- package/dist/docs/templates/detail-views.md +0 -942
- package/dist/docs/templates/expandable-details.md +0 -228
- package/dist/docs/templates/feature-cards.md +0 -549
- package/dist/docs/templates/form-summary.md +0 -199
- package/dist/docs/templates/form-toggle.md +0 -367
- package/dist/docs/templates/list-blocks.md +0 -1021
- package/dist/docs/templates/loading-progress.md +0 -109
- package/dist/docs/templates/options-panel.md +0 -152
- package/dist/docs/templates/panel-variants.md +0 -164
- package/dist/docs/templates/progress-cards.md +0 -607
- package/dist/docs/templates/progress-success.md +0 -142
- package/dist/docs/templates/settings-form.md +0 -434
- package/dist/docs/templates/stats-blocks.md +0 -1381
- package/dist/docs/templates/table-panel.md +0 -184
- package/dist/docs/templates/table-row-animation.md +0 -317
- 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-
|
|
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-
|
|
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
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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
|
-
|
|
18
|
+
Shipments 8
|
|
19
19
|
|
|
20
|
-
Shipment
|
|
20
|
+
Shipment id Origin Destination Status
|
|
21
21
|
|
|
22
|
-
RIO-
|
|
23
|
-
RIO-
|
|
24
|
-
RIO-
|
|
25
|
-
RIO-
|
|
26
|
-
RIO-
|
|
27
|
-
RIO-
|
|
28
|
-
RIO-
|
|
29
|
-
RIO-
|
|
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
|
-
|
|
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
|
|
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-
|
|
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
|
-
|
|
14
|
+
Name Quantity
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
16
|
+
Id First name Last name E-mail
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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>
|
|
235
|
+
<span>Lina</span>
|
|
253
236
|
</td>
|
|
254
237
|
<td data-field="Last name">
|
|
255
|
-
<span>
|
|
238
|
+
<span>Hamill</span>
|
|
256
239
|
</td>
|
|
257
240
|
<td data-field="E-mail">
|
|
258
|
-
<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>
|
|
249
|
+
<span>Eulalia</span>
|
|
267
250
|
</td>
|
|
268
251
|
<td data-field="Last name">
|
|
269
|
-
<span>
|
|
252
|
+
<span>Conn</span>
|
|
270
253
|
</td>
|
|
271
254
|
<td data-field="E-mail">
|
|
272
|
-
<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>
|
|
263
|
+
<span>Nels</span>
|
|
281
264
|
</td>
|
|
282
265
|
<td data-field="Last name">
|
|
283
|
-
<span>
|
|
266
|
+
<span>Cassin</span>
|
|
284
267
|
</td>
|
|
285
268
|
<td data-field="E-mail">
|
|
286
|
-
<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>
|
|
277
|
+
<span>Clarence</span>
|
|
295
278
|
</td>
|
|
296
279
|
<td data-field="Last name">
|
|
297
|
-
<span>
|
|
280
|
+
<span>Waters</span>
|
|
298
281
|
</td>
|
|
299
282
|
<td data-field="E-mail">
|
|
300
|
-
<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>
|
|
291
|
+
<span>Marilie</span>
|
|
309
292
|
</td>
|
|
310
293
|
<td data-field="Last name">
|
|
311
|
-
<span>
|
|
294
|
+
<span>Bergstrom</span>
|
|
312
295
|
</td>
|
|
313
296
|
<td data-field="E-mail">
|
|
314
|
-
<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>
|
|
305
|
+
<span>Darby</span>
|
|
323
306
|
</td>
|
|
324
307
|
<td data-field="Last name">
|
|
325
|
-
<span>
|
|
308
|
+
<span>Russel</span>
|
|
326
309
|
</td>
|
|
327
310
|
<td data-field="E-mail">
|
|
328
|
-
<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>
|
|
319
|
+
<span>Keshawn</span>
|
|
337
320
|
</td>
|
|
338
321
|
<td data-field="Last name">
|
|
339
|
-
<span>
|
|
322
|
+
<span>Okuneva</span>
|
|
340
323
|
</td>
|
|
341
324
|
<td data-field="E-mail">
|
|
342
|
-
<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>
|
|
333
|
+
<span>Johanna</span>
|
|
351
334
|
</td>
|
|
352
335
|
<td data-field="Last name">
|
|
353
|
-
<span>
|
|
336
|
+
<span>Haag</span>
|
|
354
337
|
</td>
|
|
355
338
|
<td data-field="E-mail">
|
|
356
|
-
<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>
|
|
347
|
+
<span>Tara</span>
|
|
365
348
|
</td>
|
|
366
349
|
<td data-field="Last name">
|
|
367
|
-
<span>
|
|
350
|
+
<span>Haley</span>
|
|
368
351
|
</td>
|
|
369
352
|
<td data-field="E-mail">
|
|
370
|
-
<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>
|
|
361
|
+
<span>Jane</span>
|
|
379
362
|
</td>
|
|
380
363
|
<td data-field="Last name">
|
|
381
|
-
<span>
|
|
364
|
+
<span>Witting</span>
|
|
382
365
|
</td>
|
|
383
366
|
<td data-field="E-mail">
|
|
384
|
-
<span>
|
|
367
|
+
<span>Neal_Runte@gmail.com</span>
|
|
385
368
|
</td>
|
|
386
369
|
</tr>
|
|
387
370
|
</tbody>
|