@rio-cloud/uikit-mcp 1.1.10 → 1.1.11
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 +2 -1
- package/dist/doc-metadata.json +90 -90
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +3 -1
- package/dist/docs/components/animatedNumber.md +1 -1
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +22 -22
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +27 -77
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +7 -5
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +418 -364
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +4 -2
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +45 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +39 -35
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +3 -1
- package/dist/docs/components/chartsGettingStarted.md +3 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +3 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +4 -2
- package/dist/docs/components/composedCharts.md +17 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +30 -28
- package/dist/docs/components/dayPicker.md +52 -2
- package/dist/docs/components/dayPickerCalendar.md +44 -24
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3253 -3241
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/htmlTable.md +69 -69
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +5 -3
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +3 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +39 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +3 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +6 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/mapViewportHistory.md +287 -0
- package/dist/docs/components/multiselects.md +7 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +38 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +27 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +3 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +3 -1
- package/dist/docs/components/responsiveColumnStripe.md +3 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +1 -1
- package/dist/docs/components/saveableInput.md +17 -17
- package/dist/docs/components/selects.md +168 -51
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +3 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +15 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +3 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +3 -1
- package/dist/docs/components/table.md +1998 -221
- package/dist/docs/components/tableControls.md +5 -5
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +3 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +3 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +5 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +57 -57
- package/dist/docs/foundations.md +276 -110
- package/dist/docs/start/changelog.md +21 -1
- package/dist/docs/start/goodtoknow.md +8 -2
- package/dist/docs/start/guidelines/color-combinations.md +5 -1
- package/dist/docs/start/guidelines/custom-css.md +26 -2
- package/dist/docs/start/guidelines/custom-rioglyph.md +20 -2
- package/dist/docs/start/guidelines/formatting.md +2256 -249
- package/dist/docs/start/guidelines/iframe.md +37 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +26 -2
- package/dist/docs/start/guidelines/print-css.md +16 -2
- package/dist/docs/start/guidelines/spinner.md +1 -1
- package/dist/docs/start/guidelines/state-in-url.md +1138 -11
- package/dist/docs/start/guidelines/supported-browsers.md +9 -2
- package/dist/docs/start/guidelines/writing.md +228 -2
- package/dist/docs/start/howto.md +160 -10
- package/dist/docs/start/intro.md +40 -2
- package/dist/docs/start/responsiveness.md +29 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +9 -9
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +37 -37
- package/dist/docs/templates/form-summary.md +15 -15
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +135 -135
- package/dist/docs/templates/loading-progress.md +1 -1
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +18 -18
- package/dist/docs/templates/stats-blocks.md +12 -12
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/classNames.md +89 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +182 -2
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +46 -1
- package/dist/docs/utilities/routeUtils.md +210 -2
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCookies.md +1 -1
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +1 -1
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +1 -1
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +1 -1
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +1 -1
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +111 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +61 -61
- package/dist/docs/utilities/useTableSelection.md +72 -72
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +173 -69
- package/dist/search-synonyms.json +214 -76
- package/dist/version.json +2 -2
- package/package.json +4 -5
- package/dist/docs/components/mapRouteGenerator.md +0 -6
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Table & data hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useTableSelection
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:49.163Z
|
|
7
7
|
|
|
8
8
|
The useTableSelection hook simplifies the implementation of selection behavior in tables for single selection and multi-selection use cases. It’s especially useful for large datasets, as it optimizes performance by preventing unnecessary re-renders of all rows.
|
|
9
9
|
|
|
@@ -20,11 +20,11 @@ Active row
|
|
|
20
20
|
|
|
21
21
|
Id First name Last name E-mail
|
|
22
22
|
|
|
23
|
-
1
|
|
24
|
-
2
|
|
25
|
-
3
|
|
26
|
-
4
|
|
27
|
-
5
|
|
23
|
+
1 Edna Kris Gina.Cronin64@gmail.com
|
|
24
|
+
2 Lina Grimes Shania85@yahoo.com
|
|
25
|
+
3 Rolando Ward Jason.Wilkinson@hotmail.com
|
|
26
|
+
4 Owen Klocko Roland55@hotmail.com
|
|
27
|
+
5 Fritz Williamson Dalton40@gmail.com
|
|
28
28
|
|
|
29
29
|
#### React (tsx)
|
|
30
30
|
|
|
@@ -253,13 +253,13 @@ const TableRow = React.memo(
|
|
|
253
253
|
<span>1</span>
|
|
254
254
|
</td>
|
|
255
255
|
<td data-field="First name">
|
|
256
|
-
<span>
|
|
256
|
+
<span>Edna</span>
|
|
257
257
|
</td>
|
|
258
258
|
<td data-field="Last name">
|
|
259
|
-
<span>
|
|
259
|
+
<span>Kris</span>
|
|
260
260
|
</td>
|
|
261
261
|
<td data-field="E-mail">
|
|
262
|
-
<span>
|
|
262
|
+
<span>Gina.Cronin64@gmail.com</span>
|
|
263
263
|
</td>
|
|
264
264
|
</tr>
|
|
265
265
|
<tr data-id="2" class="cursor-pointer">
|
|
@@ -267,13 +267,13 @@ const TableRow = React.memo(
|
|
|
267
267
|
<span>2</span>
|
|
268
268
|
</td>
|
|
269
269
|
<td data-field="First name">
|
|
270
|
-
<span>
|
|
270
|
+
<span>Lina</span>
|
|
271
271
|
</td>
|
|
272
272
|
<td data-field="Last name">
|
|
273
|
-
<span>
|
|
273
|
+
<span>Grimes</span>
|
|
274
274
|
</td>
|
|
275
275
|
<td data-field="E-mail">
|
|
276
|
-
<span>
|
|
276
|
+
<span>Shania85@yahoo.com</span>
|
|
277
277
|
</td>
|
|
278
278
|
</tr>
|
|
279
279
|
<tr data-id="3" class="cursor-pointer">
|
|
@@ -281,13 +281,13 @@ const TableRow = React.memo(
|
|
|
281
281
|
<span>3</span>
|
|
282
282
|
</td>
|
|
283
283
|
<td data-field="First name">
|
|
284
|
-
<span>
|
|
284
|
+
<span>Rolando</span>
|
|
285
285
|
</td>
|
|
286
286
|
<td data-field="Last name">
|
|
287
|
-
<span>
|
|
287
|
+
<span>Ward</span>
|
|
288
288
|
</td>
|
|
289
289
|
<td data-field="E-mail">
|
|
290
|
-
<span>
|
|
290
|
+
<span>Jason.Wilkinson@hotmail.com</span>
|
|
291
291
|
</td>
|
|
292
292
|
</tr>
|
|
293
293
|
<tr data-id="4" class="cursor-pointer">
|
|
@@ -295,13 +295,13 @@ const TableRow = React.memo(
|
|
|
295
295
|
<span>4</span>
|
|
296
296
|
</td>
|
|
297
297
|
<td data-field="First name">
|
|
298
|
-
<span>
|
|
298
|
+
<span>Owen</span>
|
|
299
299
|
</td>
|
|
300
300
|
<td data-field="Last name">
|
|
301
|
-
<span>
|
|
301
|
+
<span>Klocko</span>
|
|
302
302
|
</td>
|
|
303
303
|
<td data-field="E-mail">
|
|
304
|
-
<span>
|
|
304
|
+
<span>Roland55@hotmail.com</span>
|
|
305
305
|
</td>
|
|
306
306
|
</tr>
|
|
307
307
|
<tr data-id="5" class="cursor-pointer">
|
|
@@ -309,13 +309,13 @@ const TableRow = React.memo(
|
|
|
309
309
|
<span>5</span>
|
|
310
310
|
</td>
|
|
311
311
|
<td data-field="First name">
|
|
312
|
-
<span>
|
|
312
|
+
<span>Fritz</span>
|
|
313
313
|
</td>
|
|
314
314
|
<td data-field="Last name">
|
|
315
|
-
<span>
|
|
315
|
+
<span>Williamson</span>
|
|
316
316
|
</td>
|
|
317
317
|
<td data-field="E-mail">
|
|
318
|
-
<span>
|
|
318
|
+
<span>Dalton40@gmail.com</span>
|
|
319
319
|
</td>
|
|
320
320
|
</tr>
|
|
321
321
|
</tbody>
|
|
@@ -370,25 +370,25 @@ Deselect all Items Select some rows
|
|
|
370
370
|
|
|
371
371
|
Id First name Last name E-mail
|
|
372
372
|
|
|
373
|
-
1
|
|
373
|
+
1 Rupert Nolan Hattie_Crooks70@gmail.com
|
|
374
374
|
|
|
375
|
-
2
|
|
375
|
+
2 Lindsey Barrows Lindsey_Bechtelar45@yahoo.com
|
|
376
376
|
|
|
377
|
-
3
|
|
377
|
+
3 Americo Romaguera Kamron.Champlin0@yahoo.com
|
|
378
378
|
|
|
379
|
-
4
|
|
379
|
+
4 Donald Larson Barney6@yahoo.com
|
|
380
380
|
|
|
381
|
-
5
|
|
381
|
+
5 Ted McClure Ben.Hudson65@hotmail.com
|
|
382
382
|
|
|
383
|
-
6
|
|
383
|
+
6 Alvina Schmitt Susie62@hotmail.com
|
|
384
384
|
|
|
385
|
-
7
|
|
385
|
+
7 Casandra Osinski Bud_Abshire@yahoo.com
|
|
386
386
|
|
|
387
|
-
8
|
|
387
|
+
8 Jermaine Swaniawski Maurine.Heathcote1@hotmail.com
|
|
388
388
|
|
|
389
|
-
9
|
|
389
|
+
9 Stephen Block Frida.Von@hotmail.com
|
|
390
390
|
|
|
391
|
-
10
|
|
391
|
+
10 Betty Krajcik-Hayes Nat_Morissette@yahoo.com
|
|
392
392
|
|
|
393
393
|
#### React (tsx)
|
|
394
394
|
|
|
@@ -683,7 +683,7 @@ const TableRow = React.memo(
|
|
|
683
683
|
<tr>
|
|
684
684
|
<th class="user-select-none sort-column table-checkbox" title="">
|
|
685
685
|
<div class="dropdown btn-group">
|
|
686
|
-
<button type="button" id="
|
|
686
|
+
<button type="button" id="q43ja23oxw" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
687
687
|
<span class="rioglyph rioglyph-checkboxes">
|
|
688
688
|
</span>
|
|
689
689
|
</button>
|
|
@@ -734,18 +734,18 @@ const TableRow = React.memo(
|
|
|
734
734
|
<span>1</span>
|
|
735
735
|
</td>
|
|
736
736
|
<td data-field="First name">
|
|
737
|
-
<span>
|
|
737
|
+
<span>Rupert</span>
|
|
738
738
|
</td>
|
|
739
739
|
<td data-field="Last name">
|
|
740
|
-
<span>
|
|
740
|
+
<span>Nolan</span>
|
|
741
741
|
</td>
|
|
742
742
|
<td data-field="E-mail">
|
|
743
|
-
<span>
|
|
743
|
+
<span>Hattie_Crooks70@gmail.com</span>
|
|
744
744
|
</td>
|
|
745
745
|
<td class="table-action">
|
|
746
746
|
<span>
|
|
747
747
|
<div class="dropdown btn-group">
|
|
748
|
-
<button type="button" aria-label="Row actions" id="
|
|
748
|
+
<button type="button" aria-label="Row actions" id="870jzl160r9" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
749
749
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
750
750
|
</span>
|
|
751
751
|
</button>
|
|
@@ -765,18 +765,18 @@ const TableRow = React.memo(
|
|
|
765
765
|
<span>2</span>
|
|
766
766
|
</td>
|
|
767
767
|
<td data-field="First name">
|
|
768
|
-
<span>
|
|
768
|
+
<span>Lindsey</span>
|
|
769
769
|
</td>
|
|
770
770
|
<td data-field="Last name">
|
|
771
|
-
<span>
|
|
771
|
+
<span>Barrows</span>
|
|
772
772
|
</td>
|
|
773
773
|
<td data-field="E-mail">
|
|
774
|
-
<span>
|
|
774
|
+
<span>Lindsey_Bechtelar45@yahoo.com</span>
|
|
775
775
|
</td>
|
|
776
776
|
<td class="table-action">
|
|
777
777
|
<span>
|
|
778
778
|
<div class="dropdown btn-group">
|
|
779
|
-
<button type="button" aria-label="Row actions" id="
|
|
779
|
+
<button type="button" aria-label="Row actions" id="o4q5pko3bm" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
780
780
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
781
781
|
</span>
|
|
782
782
|
</button>
|
|
@@ -796,18 +796,18 @@ const TableRow = React.memo(
|
|
|
796
796
|
<span>3</span>
|
|
797
797
|
</td>
|
|
798
798
|
<td data-field="First name">
|
|
799
|
-
<span>
|
|
799
|
+
<span>Americo</span>
|
|
800
800
|
</td>
|
|
801
801
|
<td data-field="Last name">
|
|
802
|
-
<span>
|
|
802
|
+
<span>Romaguera</span>
|
|
803
803
|
</td>
|
|
804
804
|
<td data-field="E-mail">
|
|
805
|
-
<span>
|
|
805
|
+
<span>Kamron.Champlin0@yahoo.com</span>
|
|
806
806
|
</td>
|
|
807
807
|
<td class="table-action">
|
|
808
808
|
<span>
|
|
809
809
|
<div class="dropdown btn-group">
|
|
810
|
-
<button type="button" aria-label="Row actions" id="
|
|
810
|
+
<button type="button" aria-label="Row actions" id="ddp1w3lu0n" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
811
811
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
812
812
|
</span>
|
|
813
813
|
</button>
|
|
@@ -827,18 +827,18 @@ const TableRow = React.memo(
|
|
|
827
827
|
<span>4</span>
|
|
828
828
|
</td>
|
|
829
829
|
<td data-field="First name">
|
|
830
|
-
<span>
|
|
830
|
+
<span>Donald</span>
|
|
831
831
|
</td>
|
|
832
832
|
<td data-field="Last name">
|
|
833
|
-
<span>
|
|
833
|
+
<span>Larson</span>
|
|
834
834
|
</td>
|
|
835
835
|
<td data-field="E-mail">
|
|
836
|
-
<span>
|
|
836
|
+
<span>Barney6@yahoo.com</span>
|
|
837
837
|
</td>
|
|
838
838
|
<td class="table-action">
|
|
839
839
|
<span>
|
|
840
840
|
<div class="dropdown btn-group">
|
|
841
|
-
<button type="button" aria-label="Row actions" id="
|
|
841
|
+
<button type="button" aria-label="Row actions" id="cewggr2kffm" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
842
842
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
843
843
|
</span>
|
|
844
844
|
</button>
|
|
@@ -858,18 +858,18 @@ const TableRow = React.memo(
|
|
|
858
858
|
<span>5</span>
|
|
859
859
|
</td>
|
|
860
860
|
<td data-field="First name">
|
|
861
|
-
<span>
|
|
861
|
+
<span>Ted</span>
|
|
862
862
|
</td>
|
|
863
863
|
<td data-field="Last name">
|
|
864
|
-
<span>
|
|
864
|
+
<span>McClure</span>
|
|
865
865
|
</td>
|
|
866
866
|
<td data-field="E-mail">
|
|
867
|
-
<span>
|
|
867
|
+
<span>Ben.Hudson65@hotmail.com</span>
|
|
868
868
|
</td>
|
|
869
869
|
<td class="table-action">
|
|
870
870
|
<span>
|
|
871
871
|
<div class="dropdown btn-group">
|
|
872
|
-
<button type="button" aria-label="Row actions" id="
|
|
872
|
+
<button type="button" aria-label="Row actions" id="cllbi34sexm" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
873
873
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
874
874
|
</span>
|
|
875
875
|
</button>
|
|
@@ -889,18 +889,18 @@ const TableRow = React.memo(
|
|
|
889
889
|
<span>6</span>
|
|
890
890
|
</td>
|
|
891
891
|
<td data-field="First name">
|
|
892
|
-
<span>
|
|
892
|
+
<span>Alvina</span>
|
|
893
893
|
</td>
|
|
894
894
|
<td data-field="Last name">
|
|
895
|
-
<span>
|
|
895
|
+
<span>Schmitt</span>
|
|
896
896
|
</td>
|
|
897
897
|
<td data-field="E-mail">
|
|
898
|
-
<span>
|
|
898
|
+
<span>Susie62@hotmail.com</span>
|
|
899
899
|
</td>
|
|
900
900
|
<td class="table-action">
|
|
901
901
|
<span>
|
|
902
902
|
<div class="dropdown btn-group">
|
|
903
|
-
<button type="button" aria-label="Row actions" id="
|
|
903
|
+
<button type="button" aria-label="Row actions" id="1hs77z165gt" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
904
904
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
905
905
|
</span>
|
|
906
906
|
</button>
|
|
@@ -920,18 +920,18 @@ const TableRow = React.memo(
|
|
|
920
920
|
<span>7</span>
|
|
921
921
|
</td>
|
|
922
922
|
<td data-field="First name">
|
|
923
|
-
<span>
|
|
923
|
+
<span>Casandra</span>
|
|
924
924
|
</td>
|
|
925
925
|
<td data-field="Last name">
|
|
926
|
-
<span>
|
|
926
|
+
<span>Osinski</span>
|
|
927
927
|
</td>
|
|
928
928
|
<td data-field="E-mail">
|
|
929
|
-
<span>
|
|
929
|
+
<span>Bud_Abshire@yahoo.com</span>
|
|
930
930
|
</td>
|
|
931
931
|
<td class="table-action">
|
|
932
932
|
<span>
|
|
933
933
|
<div class="dropdown btn-group">
|
|
934
|
-
<button type="button" aria-label="Row actions" id="
|
|
934
|
+
<button type="button" aria-label="Row actions" id="k768r55499" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
935
935
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
936
936
|
</span>
|
|
937
937
|
</button>
|
|
@@ -951,18 +951,18 @@ const TableRow = React.memo(
|
|
|
951
951
|
<span>8</span>
|
|
952
952
|
</td>
|
|
953
953
|
<td data-field="First name">
|
|
954
|
-
<span>
|
|
954
|
+
<span>Jermaine</span>
|
|
955
955
|
</td>
|
|
956
956
|
<td data-field="Last name">
|
|
957
|
-
<span>
|
|
957
|
+
<span>Swaniawski</span>
|
|
958
958
|
</td>
|
|
959
959
|
<td data-field="E-mail">
|
|
960
|
-
<span>
|
|
960
|
+
<span>Maurine.Heathcote1@hotmail.com</span>
|
|
961
961
|
</td>
|
|
962
962
|
<td class="table-action">
|
|
963
963
|
<span>
|
|
964
964
|
<div class="dropdown btn-group">
|
|
965
|
-
<button type="button" aria-label="Row actions" id="
|
|
965
|
+
<button type="button" aria-label="Row actions" id="4y00v4kbyod" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
966
966
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
967
967
|
</span>
|
|
968
968
|
</button>
|
|
@@ -982,18 +982,18 @@ const TableRow = React.memo(
|
|
|
982
982
|
<span>9</span>
|
|
983
983
|
</td>
|
|
984
984
|
<td data-field="First name">
|
|
985
|
-
<span>
|
|
985
|
+
<span>Stephen</span>
|
|
986
986
|
</td>
|
|
987
987
|
<td data-field="Last name">
|
|
988
|
-
<span>
|
|
988
|
+
<span>Block</span>
|
|
989
989
|
</td>
|
|
990
990
|
<td data-field="E-mail">
|
|
991
|
-
<span>
|
|
991
|
+
<span>Frida.Von@hotmail.com</span>
|
|
992
992
|
</td>
|
|
993
993
|
<td class="table-action">
|
|
994
994
|
<span>
|
|
995
995
|
<div class="dropdown btn-group">
|
|
996
|
-
<button type="button" aria-label="Row actions" id="
|
|
996
|
+
<button type="button" aria-label="Row actions" id="1bknoqkcamn" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
997
997
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
998
998
|
</span>
|
|
999
999
|
</button>
|
|
@@ -1013,18 +1013,18 @@ const TableRow = React.memo(
|
|
|
1013
1013
|
<span>10</span>
|
|
1014
1014
|
</td>
|
|
1015
1015
|
<td data-field="First name">
|
|
1016
|
-
<span>
|
|
1016
|
+
<span>Betty</span>
|
|
1017
1017
|
</td>
|
|
1018
1018
|
<td data-field="Last name">
|
|
1019
|
-
<span>
|
|
1019
|
+
<span>Krajcik-Hayes</span>
|
|
1020
1020
|
</td>
|
|
1021
1021
|
<td data-field="E-mail">
|
|
1022
|
-
<span>
|
|
1022
|
+
<span>Nat_Morissette@yahoo.com</span>
|
|
1023
1023
|
</td>
|
|
1024
1024
|
<td class="table-action">
|
|
1025
1025
|
<span>
|
|
1026
1026
|
<div class="dropdown btn-group">
|
|
1027
|
-
<button type="button" aria-label="Row actions" id="
|
|
1027
|
+
<button type="button" aria-label="Row actions" id="pmtk9qzxtqd" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
1028
1028
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
1029
1029
|
</span>
|
|
1030
1030
|
</button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useTimeout
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:31.893Z
|
|
7
7
|
|
|
8
8
|
The useTimeout hook allows for executing some code after a specified amount of time.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useToggle
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:32.111Z
|
|
7
7
|
|
|
8
8
|
The useToggle hook is a custom React hook for managing a boolean state. It provides an intuitive API to toggle, enable, or disable the value. You can optionally initialize it with a default state. Use it to handle toggle-based logic like switches, modals, or content visibility in your React components.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* UI state & input hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useUrlState
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:44.732Z
|
|
7
7
|
|
|
8
8
|
The useUrlState hook keeps store state and URL search params in sync. Define a config once and use the hook to read URL state into the store and write store changes back to the URL.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useWindowResize
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:38.660Z
|
|
7
7
|
|
|
8
8
|
The useWindowResize hook allows to react on window size changes.
|
|
9
9
|
|