@rio-cloud/uikit-mcp 1.1.1 → 1.1.3
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/dist/doc-metadata.json +40 -50
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/animatedNumber.md +3 -3
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +31 -31
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +143 -34
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +6 -6
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +282 -176
- 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 +70 -70
- package/dist/docs/components/barList.md +11 -11
- package/dist/docs/components/basicMap.md +7 -7
- 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 +107 -131
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +48 -48
- package/dist/docs/components/contentLoader.md +101 -101
- package/dist/docs/components/dataTabs.md +8 -8
- package/dist/docs/components/datepickers.md +724 -724
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +4359 -4356
- 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/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 +3 -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 +3 -3
- package/dist/docs/components/mapCluster.md +5 -5
- package/dist/docs/components/mapContext.md +3 -3
- package/dist/docs/components/mapDraggableMarker.md +3 -3
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +3 -3
- package/dist/docs/components/mapLayerGroup.md +3 -3
- package/dist/docs/components/mapMarker.md +3 -3
- package/dist/docs/components/mapPolygon.md +5 -5
- package/dist/docs/components/mapRoute.md +13 -13
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -11
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/multiselects.md +1 -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 +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -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 +277 -277
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -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 +1 -1
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/virtualList.md +72 -72
- package/dist/docs/foundations.md +169 -169
- package/dist/docs/start/changelog.md +7 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- 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 +1 -1
- 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 +81 -81
- 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 +9 -9
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/common-table.md +11 -11
- 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 +55 -55
- package/dist/docs/templates/form-summary.md +22 -22
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +200 -200
- 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 +23 -23
- package/dist/docs/templates/stats-blocks.md +16 -16
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/table-row-animation.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- 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/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +4 -4
- 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 -57
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.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 +51 -51
- package/dist/docs/utilities/useTableSelection.md +87 -87
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +8 -2
- package/dist/version.json +2 -2
- package/package.json +8 -8
- package/dist/docs/components/fullscreenMap.md +0 -10
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Templates
|
|
4
4
|
*Section:* Forms
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#templates/settings-form
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:33.274Z
|
|
7
7
|
|
|
8
8
|
## Form blocks
|
|
9
9
|
|
|
@@ -15,7 +15,7 @@ This name will appear on your team profile page
|
|
|
15
15
|
About the team
|
|
16
16
|
Write a short summary about your organization or group (max 240 characters).
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
Intuitive methodical artificial intelligence
|
|
19
19
|
|
|
20
20
|
Company email
|
|
21
21
|
Your contact email address for customer communication
|
|
@@ -25,11 +25,11 @@ Display email on team page
|
|
|
25
25
|
Office location
|
|
26
26
|
Primary business address used for official correspondence
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
PennsylvaniaPennsylvania
|
|
29
|
+
Utah
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
Turks and Caicos IslandsTurks and Caicos Islands
|
|
32
|
+
Dominican Republic
|
|
33
33
|
|
|
34
34
|
Preferred currency
|
|
35
35
|
All pricing and payouts will be shown in this currency
|
|
@@ -48,7 +48,7 @@ This name will appear on your team profile page
|
|
|
48
48
|
About the team
|
|
49
49
|
Write a short summary about your organization or group (max 240 characters).
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
Intuitive methodical artificial intelligence
|
|
52
52
|
|
|
53
53
|
Company email
|
|
54
54
|
Your contact email address for customer communication
|
|
@@ -58,11 +58,11 @@ Display email on team page
|
|
|
58
58
|
Office location
|
|
59
59
|
Primary business address used for official correspondence
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
PennsylvaniaPennsylvania
|
|
62
|
+
Utah
|
|
63
63
|
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
Turks and Caicos IslandsTurks and Caicos Islands
|
|
65
|
+
Dominican Republic
|
|
66
66
|
|
|
67
67
|
Preferred currency
|
|
68
68
|
All pricing and payouts will be shown in this currency
|
|
@@ -233,7 +233,7 @@ export default () => {
|
|
|
233
233
|
</div>
|
|
234
234
|
<div class="form-group">
|
|
235
235
|
<div class="ClearableInput input-group">
|
|
236
|
-
<input class="form-control withClearButton" type="text" tabindex="0" value="
|
|
236
|
+
<input class="form-control withClearButton" type="text" tabindex="0" value="Connelly Group">
|
|
237
237
|
<span class="clearButton">
|
|
238
238
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
239
239
|
</span>
|
|
@@ -253,7 +253,7 @@ export default () => {
|
|
|
253
253
|
<p class="text-wrap-balance text-color-dark">Write a short summary about your organization or group (max 240 characters).</p>
|
|
254
254
|
</div>
|
|
255
255
|
<div class="form-group">
|
|
256
|
-
<textarea class="form-control" rows="4">
|
|
256
|
+
<textarea class="form-control" rows="4">Intuitive methodical artificial intelligence</textarea>
|
|
257
257
|
</div>
|
|
258
258
|
</section>
|
|
259
259
|
<div class="grid-colspan-2">
|
|
@@ -269,7 +269,7 @@ export default () => {
|
|
|
269
269
|
</div>
|
|
270
270
|
<div class="form-group">
|
|
271
271
|
<div class="ClearableInput input-group">
|
|
272
|
-
<input class="form-control withClearButton" type="email" tabindex="0" value="
|
|
272
|
+
<input class="form-control withClearButton" type="email" tabindex="0" value="Violet8@hotmail.com">
|
|
273
273
|
<span class="clearButton">
|
|
274
274
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
275
275
|
</span>
|
|
@@ -296,14 +296,14 @@ export default () => {
|
|
|
296
296
|
</div>
|
|
297
297
|
<div class="form-group display-flex flex-column gap-15">
|
|
298
298
|
<div class="ClearableInput input-group">
|
|
299
|
-
<input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="
|
|
299
|
+
<input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="26933 The Fairway">
|
|
300
300
|
<span class="clearButton">
|
|
301
301
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
302
302
|
</span>
|
|
303
303
|
</span>
|
|
304
304
|
</div>
|
|
305
305
|
<div class="ClearableInput input-group">
|
|
306
|
-
<input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="
|
|
306
|
+
<input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="Port Mackenzietown">
|
|
307
307
|
<span class="clearButton">
|
|
308
308
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
309
309
|
</span>
|
|
@@ -312,7 +312,7 @@ export default () => {
|
|
|
312
312
|
<div class="display-flex gap-15">
|
|
313
313
|
<div class="select dropdown dropup">
|
|
314
314
|
<button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
315
|
-
<span class="selected-option-text">
|
|
315
|
+
<span class="selected-option-text">Pennsylvania</span>
|
|
316
316
|
<span class="clearButton hide pointer-events-none">
|
|
317
317
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
318
318
|
</span>
|
|
@@ -323,20 +323,20 @@ export default () => {
|
|
|
323
323
|
<ul class="dropdown-menu" role="menu">
|
|
324
324
|
<li class="" role="listitem">
|
|
325
325
|
<a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
|
|
326
|
-
<span class="selected-option-dropdown-item">
|
|
326
|
+
<span class="selected-option-dropdown-item">Pennsylvania</span>
|
|
327
327
|
<input type="hidden" value="1">
|
|
328
328
|
</a>
|
|
329
329
|
</li>
|
|
330
330
|
<li class="" role="listitem">
|
|
331
331
|
<a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
|
|
332
|
-
<span class="selected-option-dropdown-item">
|
|
332
|
+
<span class="selected-option-dropdown-item">Utah</span>
|
|
333
333
|
<input type="hidden" value="2">
|
|
334
334
|
</a>
|
|
335
335
|
</li>
|
|
336
336
|
</ul>
|
|
337
337
|
</div>
|
|
338
338
|
<div class="ClearableInput input-group">
|
|
339
|
-
<input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="
|
|
339
|
+
<input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="39503">
|
|
340
340
|
<span class="clearButton">
|
|
341
341
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
342
342
|
</span>
|
|
@@ -345,7 +345,7 @@ export default () => {
|
|
|
345
345
|
</div>
|
|
346
346
|
<div class="select dropdown dropup">
|
|
347
347
|
<button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
348
|
-
<span class="selected-option-text">
|
|
348
|
+
<span class="selected-option-text">Turks and Caicos Islands</span>
|
|
349
349
|
<span class="clearButton hide pointer-events-none">
|
|
350
350
|
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
351
351
|
</span>
|
|
@@ -356,13 +356,13 @@ export default () => {
|
|
|
356
356
|
<ul class="dropdown-menu" role="menu">
|
|
357
357
|
<li class="" role="listitem">
|
|
358
358
|
<a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
|
|
359
|
-
<span class="selected-option-dropdown-item">
|
|
359
|
+
<span class="selected-option-dropdown-item">Turks and Caicos Islands</span>
|
|
360
360
|
<input type="hidden" value="1">
|
|
361
361
|
</a>
|
|
362
362
|
</li>
|
|
363
363
|
<li class="" role="listitem">
|
|
364
364
|
<a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
|
|
365
|
-
<span class="selected-option-dropdown-item">
|
|
365
|
+
<span class="selected-option-dropdown-item">Dominican Republic</span>
|
|
366
366
|
<input type="hidden" value="2">
|
|
367
367
|
</a>
|
|
368
368
|
</li>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Templates
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#templates/stats-blocks
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:35.342Z
|
|
7
7
|
|
|
8
8
|
## Stats blocks
|
|
9
9
|
|
|
@@ -13,22 +13,22 @@ Stats page
|
|
|
13
13
|
Overview of your supply chain operations
|
|
14
14
|
|
|
15
15
|
Total inventory
|
|
16
|
-
|
|
16
|
+
1405 units
|
|
17
17
|
|
|
18
18
|
12%from last month
|
|
19
19
|
|
|
20
20
|
Open orders
|
|
21
|
-
|
|
21
|
+
57
|
|
22
22
|
|
|
23
23
|
5%from last month
|
|
24
24
|
|
|
25
25
|
In transit
|
|
26
|
-
|
|
26
|
+
12
|
|
27
27
|
|
|
28
28
|
-3%from last month
|
|
29
29
|
|
|
30
30
|
Issues
|
|
31
|
-
|
|
31
|
+
4
|
|
32
32
|
|
|
33
33
|
#### Summary
|
|
34
34
|
|
|
@@ -36,22 +36,22 @@ Stats page
|
|
|
36
36
|
Overview of your supply chain operations
|
|
37
37
|
|
|
38
38
|
Total inventory
|
|
39
|
-
|
|
39
|
+
1405 units
|
|
40
40
|
|
|
41
41
|
12%from last month
|
|
42
42
|
|
|
43
43
|
Open orders
|
|
44
|
-
|
|
44
|
+
57
|
|
45
45
|
|
|
46
46
|
5%from last month
|
|
47
47
|
|
|
48
48
|
In transit
|
|
49
|
-
|
|
49
|
+
12
|
|
50
50
|
|
|
51
51
|
-3%from last month
|
|
52
52
|
|
|
53
53
|
Issues
|
|
54
|
-
|
|
54
|
+
4
|
|
55
55
|
|
|
56
56
|
#### React (tsx)
|
|
57
57
|
|
|
@@ -168,7 +168,7 @@ export default () => {
|
|
|
168
168
|
</div>
|
|
169
169
|
<div>
|
|
170
170
|
<div class="text-color-dark">Total inventory</div>
|
|
171
|
-
<div class="text-size-h3 text-color-darkest line-height-125rel">
|
|
171
|
+
<div class="text-size-h3 text-color-darkest line-height-125rel">1405 units</div>
|
|
172
172
|
</div>
|
|
173
173
|
</div>
|
|
174
174
|
<div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
|
|
@@ -186,7 +186,7 @@ export default () => {
|
|
|
186
186
|
</div>
|
|
187
187
|
<div>
|
|
188
188
|
<div class="text-color-dark">Open orders</div>
|
|
189
|
-
<div class="text-size-h3 text-color-darkest line-height-125rel">
|
|
189
|
+
<div class="text-size-h3 text-color-darkest line-height-125rel">57</div>
|
|
190
190
|
</div>
|
|
191
191
|
</div>
|
|
192
192
|
<div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
|
|
@@ -204,7 +204,7 @@ export default () => {
|
|
|
204
204
|
</div>
|
|
205
205
|
<div>
|
|
206
206
|
<div class="text-color-dark">In transit</div>
|
|
207
|
-
<div class="text-size-h3 text-color-darkest line-height-125rel">
|
|
207
|
+
<div class="text-size-h3 text-color-darkest line-height-125rel">12</div>
|
|
208
208
|
</div>
|
|
209
209
|
</div>
|
|
210
210
|
<div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
|
|
@@ -222,7 +222,7 @@ export default () => {
|
|
|
222
222
|
</div>
|
|
223
223
|
<div>
|
|
224
224
|
<div class="text-color-dark">Issues</div>
|
|
225
|
-
<div class="text-size-h3 text-color-darkest line-height-125rel">
|
|
225
|
+
<div class="text-size-h3 text-color-darkest line-height-125rel">4</div>
|
|
226
226
|
</div>
|
|
227
227
|
</div>
|
|
228
228
|
</div>
|
|
@@ -1055,7 +1055,7 @@ const getStatusColor = (status: string) => {
|
|
|
1055
1055
|
<div class="text-medium text-size-16">Lorem ipsum dolor</div>
|
|
1056
1056
|
<div>
|
|
1057
1057
|
<div class="dropdown btn-group">
|
|
1058
|
-
<button type="button" id="
|
|
1058
|
+
<button type="button" id="g75ix527w06" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
1059
1059
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
1060
1060
|
</span>
|
|
1061
1061
|
</button>
|
|
@@ -1242,7 +1242,7 @@ const getStatusColor = (status: string) => {
|
|
|
1242
1242
|
</div>
|
|
1243
1243
|
<div>
|
|
1244
1244
|
<div class="dropdown btn-group">
|
|
1245
|
-
<button type="button" id="
|
|
1245
|
+
<button type="button" id="4q8km1c733" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
1246
1246
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
1247
1247
|
</span>
|
|
1248
1248
|
</button>
|
|
@@ -1310,7 +1310,7 @@ const getStatusColor = (status: string) => {
|
|
|
1310
1310
|
</div>
|
|
1311
1311
|
<div>
|
|
1312
1312
|
<div class="dropdown btn-group">
|
|
1313
|
-
<button type="button" id="
|
|
1313
|
+
<button type="button" id="ugqtunqu23o" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
1314
1314
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
1315
1315
|
</span>
|
|
1316
1316
|
</button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Helper
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/deviceUtils
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:36.798Z
|
|
7
7
|
|
|
8
8
|
Set of utility functions which helps detecting certain devices or functionality.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Helper
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/featureToggles
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:37.301Z
|
|
7
7
|
|
|
8
8
|
URL-based feature toggles (also known as feature flags) are a powerful development technique that allows you to enable or disable features in your application dynamically, without deploying new code.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Helper
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/fuelTypeUtils
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:37.224Z
|
|
7
7
|
|
|
8
8
|
There is a wide variety of standardized fuel types, and on top of that, some projects or systems introduce their own custom definitions. While the naming can differ, many of these values carry the same semantic meaning. To avoid confusion and ensure consistent visual representation, we provide a centralized mapping of fuel types to icons.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Helper
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/routeUtils
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:37.160Z
|
|
7
7
|
|
|
8
8
|
Set of utility functions which helps parsing and stringify state into and from the URL.
|
|
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/useAfterMount
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:38.093Z
|
|
7
7
|
|
|
8
8
|
The useAfterMount hook allows to use a side effect after the component has been mounted and rendered. The effect will not be triggered on mount and only when the dependencies change.
|
|
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/useAutoAnimate
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:40.145Z
|
|
7
7
|
|
|
8
8
|
The useAutoAnimate hook is a thin re-export of the @formkit/auto-animate utility to quickly add enter/leave animations to a container. This page shows a simple example; for full configuration options, check the official documentation.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Data aggregation hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useAverage
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:49.438Z
|
|
7
7
|
|
|
8
8
|
Calculates the arithmetic mean of numeric values extracted from a list of objects using a dot-separated path. Supports localized number formats through optional locale configuration.
|
|
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/useClickOutside
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:40.724Z
|
|
7
7
|
|
|
8
8
|
The useClickOutside hook allows to easily detect events outside a referenced element.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useClipboard
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:45.545Z
|
|
7
7
|
|
|
8
8
|
The useClipboard hook allows to easily copy something to the browsers clipboard.
|
|
9
9
|
|
|
@@ -75,7 +75,7 @@ export default () => {
|
|
|
75
75
|
<span>Random UUID</span>
|
|
76
76
|
</label>
|
|
77
77
|
<div class="input-group">
|
|
78
|
-
<input id="random-uuid" class="form-control" type="text" value="
|
|
78
|
+
<input id="random-uuid" class="form-control" type="text" value="dae809e8-beae-4c0b-aff9-6ca872232eb2">
|
|
79
79
|
<div class="input-group-addon">
|
|
80
80
|
<button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component position-absolute top-1 right-1" tabindex="0">
|
|
81
81
|
<span class="rioglyph rioglyph-duplicate">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Data aggregation hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useCount
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:50.121Z
|
|
7
7
|
|
|
8
8
|
useCount is a utility hook for counting how many objects in a list contain a specific value or match a custom condition at a given property path. It supports exact value matching (e.g. true, 0, 'PENDING') or predicate-based logic using a match function. By default, all values that are not null or undefined are counted.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useDarkMode
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:46.272Z
|
|
7
7
|
|
|
8
8
|
The useDarkMode hook enables you to listen for the color scheme change and react accordingly.
|
|
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/useDebugInfo
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:47.951Z
|
|
7
7
|
|
|
8
8
|
The useDebugInfo hook allows to return detailed information about render count, render time and changed component props and also to print these information to the console.
|
|
9
9
|
|
|
@@ -18,7 +18,7 @@ Debug Info:{
|
|
|
18
18
|
"renderCount": 1,
|
|
19
19
|
"changedProps": {},
|
|
20
20
|
"timeSinceLastRender": 0,
|
|
21
|
-
"lastRenderTimestamp":
|
|
21
|
+
"lastRenderTimestamp": 1767787967247
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
ToggleIncrement
|
|
@@ -32,7 +32,7 @@ Debug Info:{
|
|
|
32
32
|
"renderCount": 1,
|
|
33
33
|
"changedProps": {},
|
|
34
34
|
"timeSinceLastRender": 0,
|
|
35
|
-
"lastRenderTimestamp":
|
|
35
|
+
"lastRenderTimestamp": 1767787967247
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
ToggleIncrement
|
|
@@ -107,7 +107,7 @@ export default () => {
|
|
|
107
107
|
"renderCount": 1,
|
|
108
108
|
"changedProps": {},
|
|
109
109
|
"timeSinceLastRender": 0,
|
|
110
|
-
"lastRenderTimestamp":
|
|
110
|
+
"lastRenderTimestamp": 1767787967247
|
|
111
111
|
}</pre>
|
|
112
112
|
</div>
|
|
113
113
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useEffectOnce
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:38.463Z
|
|
7
7
|
|
|
8
8
|
The useEffectOnce hook allows to use a side effect only once after the component has been mounted.
|
|
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/useElementSize
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:41.173Z
|
|
7
7
|
|
|
8
8
|
The useElementSize hook allows to easily detect an elements dimension.
|
|
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/useEsc
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:41.283Z
|
|
7
7
|
|
|
8
8
|
The useEsc hook allows to easily detect keydown events for escape key to to react on. This comes in handy when closing something or aborting some operation on esc.
|
|
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/useEvent
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:48.128Z
|
|
7
7
|
|
|
8
8
|
The useEvent hook allows to easily detect given events registered on the document.
|
|
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/useFocusTrap
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:41.539Z
|
|
7
7
|
|
|
8
8
|
This custom hook allows to keep the focus inside a defined wrapper element. This might be a dialog or a custom overlay.
|
|
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/useFullscreen
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:42.945Z
|
|
7
7
|
|
|
8
8
|
The cross-browser useFullscreen hook allows to easily switch to fullscreen mode for the document or a dedicated element like a map or a certain part of a service.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useIncomingPostMessages
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:46.109Z
|
|
7
7
|
|
|
8
8
|
For handling postMessage events in React components.
|
|
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/useInterval
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:38.820Z
|
|
7
7
|
|
|
8
8
|
The useInterval 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:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#utilities/useIsFocusWithin
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:42.814Z
|
|
7
7
|
|
|
8
8
|
The useIsFocusWithin hook allows you to detect whether the focus is currently within a specific element or any of its children. This is useful for managing focus-based behavior like showing or hiding UI elements, styling active areas, or triggering accessibility behavior.
|
|
9
9
|
|