@rio-cloud/uikit-mcp 1.1.7 → 1.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/README.md +13 -17
  2. package/dist/doc-metadata.json +125 -295
  3. package/dist/docs/components/accentBar.md +16 -69
  4. package/dist/docs/components/activity.md +7 -44
  5. package/dist/docs/components/animatedNumber.md +3 -11
  6. package/dist/docs/components/animatedTextReveal.md +6 -34
  7. package/dist/docs/components/animations.md +21 -54
  8. package/dist/docs/components/appHeader.md +11 -30
  9. package/dist/docs/components/appLayout.md +40 -193
  10. package/dist/docs/components/appNavigationBar.md +1 -24
  11. package/dist/docs/components/areaCharts.md +7 -22
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
  13. package/dist/docs/components/assetTree.md +241 -280
  14. package/dist/docs/components/autosuggests.md +3 -102
  15. package/dist/docs/components/avatar.md +1 -16
  16. package/dist/docs/components/banner.md +4 -37
  17. package/dist/docs/components/barCharts.md +20 -75
  18. package/dist/docs/components/barList.md +10 -78
  19. package/dist/docs/components/basicMap.md +1 -67
  20. package/dist/docs/components/bottomSheet.md +2 -28
  21. package/dist/docs/components/button.md +12 -65
  22. package/dist/docs/components/buttonToolbar.md +5 -19
  23. package/dist/docs/components/calendarStripe.md +50 -100
  24. package/dist/docs/components/card.md +1 -9
  25. package/dist/docs/components/carousel.md +1 -14
  26. package/dist/docs/components/chartColors.md +1 -156
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -81
  29. package/dist/docs/components/checkbox.md +11 -72
  30. package/dist/docs/components/circularProgress.md +8 -49
  31. package/dist/docs/components/clearableInput.md +3 -62
  32. package/dist/docs/components/collapse.md +2 -15
  33. package/dist/docs/components/composedCharts.md +16 -26
  34. package/dist/docs/components/contentLoader.md +7 -25
  35. package/dist/docs/components/dataTabs.md +16 -104
  36. package/dist/docs/components/datepickers.md +710 -962
  37. package/dist/docs/components/dialogs.md +5 -67
  38. package/dist/docs/components/divider.md +1 -33
  39. package/dist/docs/components/dropdowns.md +3424 -5567
  40. package/dist/docs/components/editableContent.md +4 -82
  41. package/dist/docs/components/expander.md +15 -88
  42. package/dist/docs/components/fade.md +4 -61
  43. package/dist/docs/components/fadeExpander.md +1 -7
  44. package/dist/docs/components/fadeUp.md +2 -76
  45. package/dist/docs/components/feedback.md +9 -68
  46. package/dist/docs/components/filePickers.md +4 -18
  47. package/dist/docs/components/formLabel.md +7 -27
  48. package/dist/docs/components/groupedItemList.md +2 -158
  49. package/dist/docs/components/iconList.md +7 -64
  50. package/dist/docs/components/imagePreloader.md +1 -9
  51. package/dist/docs/components/labeledElement.md +3 -18
  52. package/dist/docs/components/licensePlate.md +1 -43
  53. package/dist/docs/components/lineCharts.md +8 -39
  54. package/dist/docs/components/listMenu.md +2 -34
  55. package/dist/docs/components/loadMore.md +5 -24
  56. package/dist/docs/components/mainNavigation.md +1 -9
  57. package/dist/docs/components/mapCircle.md +1 -23
  58. package/dist/docs/components/mapCluster.md +2 -54
  59. package/dist/docs/components/mapContext.md +1 -23
  60. package/dist/docs/components/mapDraggableMarker.md +2 -28
  61. package/dist/docs/components/mapGettingStarted.md +2 -2
  62. package/dist/docs/components/mapInfoBubble.md +1 -27
  63. package/dist/docs/components/mapLayerGroup.md +1 -23
  64. package/dist/docs/components/mapMarker.md +1 -99
  65. package/dist/docs/components/mapPolygon.md +2 -116
  66. package/dist/docs/components/mapRoute.md +6 -1465
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +11 -128
  69. package/dist/docs/components/mapUtils.md +10 -113
  70. package/dist/docs/components/multiselects.md +14 -163
  71. package/dist/docs/components/noData.md +8 -22
  72. package/dist/docs/components/notifications.md +3 -19
  73. package/dist/docs/components/numbercontrol.md +3 -47
  74. package/dist/docs/components/onboarding.md +3 -15
  75. package/dist/docs/components/page.md +1 -33
  76. package/dist/docs/components/pager.md +1 -17
  77. package/dist/docs/components/pieCharts.md +40 -71
  78. package/dist/docs/components/popover.md +1 -12
  79. package/dist/docs/components/position.md +2 -6
  80. package/dist/docs/components/radialBarCharts.md +32 -116
  81. package/dist/docs/components/radioCardGroup.md +6 -48
  82. package/dist/docs/components/radiobutton.md +6 -75
  83. package/dist/docs/components/releaseNotes.md +3 -21
  84. package/dist/docs/components/resizer.md +1 -7
  85. package/dist/docs/components/responsiveColumnStripe.md +9 -49
  86. package/dist/docs/components/responsiveVideo.md +1 -7
  87. package/dist/docs/components/rioglyph.md +1 -17
  88. package/dist/docs/components/rules.md +7 -70
  89. package/dist/docs/components/saveableInput.md +267 -401
  90. package/dist/docs/components/selects.md +27 -1164
  91. package/dist/docs/components/sidebar.md +6 -17
  92. package/dist/docs/components/sliders.md +1 -27
  93. package/dist/docs/components/smoothScrollbars.md +1 -73
  94. package/dist/docs/components/spinners.md +6 -51
  95. package/dist/docs/components/states.md +6 -92
  96. package/dist/docs/components/statsWidgets.md +1 -76
  97. package/dist/docs/components/statusBar.md +1 -57
  98. package/dist/docs/components/stepButton.md +2 -7
  99. package/dist/docs/components/steppedProgressBars.md +5 -62
  100. package/dist/docs/components/subNavigation.md +1 -31
  101. package/dist/docs/components/supportMarker.md +2 -14
  102. package/dist/docs/components/svgImage.md +1 -5
  103. package/dist/docs/components/switch.md +2 -33
  104. package/dist/docs/components/tables.md +1 -1
  105. package/dist/docs/components/tagManager.md +1 -41
  106. package/dist/docs/components/tags.md +1 -138
  107. package/dist/docs/components/teaser.md +2 -122
  108. package/dist/docs/components/textTruncateMiddle.md +2 -9
  109. package/dist/docs/components/timeline.md +1 -99
  110. package/dist/docs/components/timepicker.md +4 -79
  111. package/dist/docs/components/toggleButton.md +2 -15
  112. package/dist/docs/components/tooltip.md +9 -30
  113. package/dist/docs/components/tracker.md +2 -19
  114. package/dist/docs/components/virtualList.md +61 -130
  115. package/dist/docs/foundations.md +749 -4069
  116. package/dist/docs/start/changelog.md +5 -1
  117. package/dist/docs/start/goodtoknow.md +1 -1
  118. package/dist/docs/start/guidelines/color-combinations.md +149 -483
  119. package/dist/docs/start/guidelines/custom-css.md +1 -1
  120. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  121. package/dist/docs/start/guidelines/formatting.md +1 -1
  122. package/dist/docs/start/guidelines/iframe.md +4 -16
  123. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  124. package/dist/docs/start/guidelines/print-css.md +1 -1
  125. package/dist/docs/start/guidelines/spinner.md +13 -67
  126. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  127. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  128. package/dist/docs/start/guidelines/writing.md +1 -1
  129. package/dist/docs/start/howto.md +11 -11
  130. package/dist/docs/start/intro.md +1 -1
  131. package/dist/docs/start/responsiveness.md +1 -1
  132. package/dist/docs/utilities/classNames.md +3 -18
  133. package/dist/docs/utilities/deviceUtils.md +7 -13
  134. package/dist/docs/utilities/featureToggles.md +1 -1
  135. package/dist/docs/utilities/fuelTypeUtils.md +2 -12
  136. package/dist/docs/utilities/routeUtils.md +25 -343
  137. package/dist/docs/utilities/useAfterMount.md +1 -6
  138. package/dist/docs/utilities/useAutoAnimate.md +2 -15
  139. package/dist/docs/utilities/useAverage.md +1 -6
  140. package/dist/docs/utilities/useClickOutside.md +1 -5
  141. package/dist/docs/utilities/useClipboard.md +2 -6
  142. package/dist/docs/utilities/useCookies.md +2 -10
  143. package/dist/docs/utilities/useCount.md +7 -16
  144. package/dist/docs/utilities/useDarkMode.md +2 -6
  145. package/dist/docs/utilities/useDebugInfo.md +6 -20
  146. package/dist/docs/utilities/useEffectOnce.md +1 -6
  147. package/dist/docs/utilities/useElapsedTime.md +2 -6
  148. package/dist/docs/utilities/useElementSize.md +1 -7
  149. package/dist/docs/utilities/useEsc.md +1 -5
  150. package/dist/docs/utilities/useEvent.md +1 -5
  151. package/dist/docs/utilities/useFocusTrap.md +1 -5
  152. package/dist/docs/utilities/useFullscreen.md +2 -15
  153. package/dist/docs/utilities/useHover.md +1 -5
  154. package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
  155. package/dist/docs/utilities/useInterval.md +2 -8
  156. package/dist/docs/utilities/useIsFocusWithin.md +1 -10
  157. package/dist/docs/utilities/useKey.md +1 -15
  158. package/dist/docs/utilities/useLocalStorage.md +2 -11
  159. package/dist/docs/utilities/useLocationSuggestions.md +1 -5
  160. package/dist/docs/utilities/useMax.md +1 -5
  161. package/dist/docs/utilities/useMin.md +1 -5
  162. package/dist/docs/utilities/useMutationObserver.md +3 -11
  163. package/dist/docs/utilities/useOnScreen.md +1 -8
  164. package/dist/docs/utilities/useOnlineStatus.md +1 -5
  165. package/dist/docs/utilities/usePostMessage.md +3 -9
  166. package/dist/docs/utilities/usePostMessageSender.md +3 -13
  167. package/dist/docs/utilities/usePrevious.md +1 -5
  168. package/dist/docs/utilities/useResizeObserver.md +3 -11
  169. package/dist/docs/utilities/useRioCookieConsent.md +1 -5
  170. package/dist/docs/utilities/useScrollPosition.md +3 -59
  171. package/dist/docs/utilities/useSearch.md +2 -16
  172. package/dist/docs/utilities/useSearchHighlight.md +13 -78
  173. package/dist/docs/utilities/useSorting.md +18 -43
  174. package/dist/docs/utilities/useStateWithValidation.md +1 -5
  175. package/dist/docs/utilities/useSum.md +1 -9
  176. package/dist/docs/utilities/useTableExport.md +42 -59
  177. package/dist/docs/utilities/useTableSelection.md +74 -119
  178. package/dist/docs/utilities/useTimeout.md +2 -6
  179. package/dist/docs/utilities/useToggle.md +4 -14
  180. package/dist/docs/utilities/useUrlState.md +2 -27
  181. package/dist/docs/utilities/useWindowResize.md +1 -5
  182. package/dist/index.mjs +46 -10
  183. package/dist/version.json +2 -2
  184. package/package.json +2 -2
  185. package/dist/docs/templates/common-table.md +0 -1112
  186. package/dist/docs/templates/detail-views.md +0 -942
  187. package/dist/docs/templates/expandable-details.md +0 -228
  188. package/dist/docs/templates/feature-cards.md +0 -549
  189. package/dist/docs/templates/form-summary.md +0 -199
  190. package/dist/docs/templates/form-toggle.md +0 -367
  191. package/dist/docs/templates/list-blocks.md +0 -1021
  192. package/dist/docs/templates/loading-progress.md +0 -109
  193. package/dist/docs/templates/options-panel.md +0 -152
  194. package/dist/docs/templates/panel-variants.md +0 -164
  195. package/dist/docs/templates/progress-cards.md +0 -607
  196. package/dist/docs/templates/progress-success.md +0 -142
  197. package/dist/docs/templates/settings-form.md +0 -434
  198. package/dist/docs/templates/stats-blocks.md +0 -1381
  199. package/dist/docs/templates/table-panel.md +0 -184
  200. package/dist/docs/templates/table-row-animation.md +0 -317
  201. package/dist/docs/templates/usage-cards.md +0 -227
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useEffectOnce
6
- *Captured:* 2026-02-23T15:49:44.445Z
6
+ *Captured:* 2026-03-06T10:41:34.405Z
7
7
 
8
8
  The useEffectOnce hook allows to use a side effect only once after the component has been mounted.
9
9
 
@@ -14,11 +14,6 @@ The useEffectOnce hook allows to use a side effect only once after the component
14
14
  0
15
15
  Increment
16
16
 
17
- #### Summary
18
-
19
- 0
20
- Increment
21
-
22
17
  #### React (tsx)
23
18
 
24
19
  ```tsx
@@ -3,17 +3,13 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useElapsedTime
6
- *Captured:* 2026-02-23T15:49:44.613Z
6
+ *Captured:* 2026-03-06T10:41:35.679Z
7
7
 
8
8
  ## useElapsedTime
9
9
 
10
10
  ### Example: Example 1
11
11
 
12
- Get elapsed timeElapsed time sind mount: 0 ms
13
-
14
- #### Summary
15
-
16
- Get elapsed timeElapsed time sind mount: 0 ms
12
+ Get elapsed time Elapsed time sind mount: 0 ms
17
13
 
18
14
  #### React (tsx)
19
15
 
@@ -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:* 2026-02-23T15:49:47.497Z
6
+ *Captured:* 2026-03-06T10:41:38.089Z
7
7
 
8
8
  The useElementSize hook allows to easily detect an elements dimension.
9
9
 
@@ -15,12 +15,6 @@ Resize box to see it's width updating
15
15
 
16
16
  Width: 50, Height: 50
17
17
 
18
- #### Summary
19
-
20
- Resize box to see it's width updating
21
-
22
- Width: 50, Height: 50
23
-
24
18
  #### React (tsx)
25
19
 
26
20
  ```tsx
@@ -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:* 2026-02-23T15:49:47.688Z
6
+ *Captured:* 2026-03-06T10:41:39.113Z
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
 
@@ -13,10 +13,6 @@ The useEsc hook allows to easily detect keydown events for escape key to to reac
13
13
 
14
14
  Press "esc" key
15
15
 
16
- #### Summary
17
-
18
- Press "esc" key
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```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/useEvent
6
- *Captured:* 2026-02-23T15:49:57.667Z
6
+ *Captured:* 2026-03-06T10:41:51.160Z
7
7
 
8
8
  The useEvent hook allows to easily detect given events registered on the document.
9
9
 
@@ -13,10 +13,6 @@ The useEvent hook allows to easily detect given events registered on the documen
13
13
 
14
14
  Mouse position:
15
15
 
16
- #### Summary
17
-
18
- Mouse position:
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```tsx
@@ -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:* 2026-02-23T15:49:48.206Z
6
+ *Captured:* 2026-03-06T10:41:39.661Z
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
 
@@ -16,10 +16,6 @@ This custom hook allows to keep the focus inside a defined wrapper element. This
16
16
 
17
17
  Open Dialog
18
18
 
19
- #### Summary
20
-
21
- Open Dialog
22
-
23
19
  #### React (tsx)
24
20
 
25
21
  ```tsx
@@ -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:* 2026-02-23T15:49:49.730Z
6
+ *Captured:* 2026-03-06T10:41:43.215Z
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
 
@@ -14,15 +14,9 @@ The cross-browser useFullscreen hook allows to easily switch to fullscreen mode
14
14
  ### Example: Example 1
15
15
 
16
16
  Fullscreen enabled: false
17
- Is Fullscreen active: false
18
- Request Fullscreen
19
- Exit Fullscreen
20
- Toggle Fullscreen
21
17
 
22
- #### Summary
23
-
24
- Fullscreen enabled: false
25
18
  Is Fullscreen active: false
19
+
26
20
  Request Fullscreen
27
21
  Exit Fullscreen
28
22
  Toggle Fullscreen
@@ -111,13 +105,6 @@ Example - click on expand icon to use fullscreen
111
105
  Sample content.
112
106
  Here you can have arbitrary content like a map or charts etc.
113
107
 
114
- #### Summary
115
-
116
- Example - click on expand icon to use fullscreen
117
-
118
- Sample content.
119
- Here you can have arbitrary content like a map or charts etc.
120
-
121
108
  #### React (tsx)
122
109
 
123
110
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useHover
6
- *Captured:* 2026-02-23T15:49:49.313Z
6
+ *Captured:* 2026-03-06T10:41:40.955Z
7
7
 
8
8
  ## useHover
9
9
 
@@ -11,10 +11,6 @@
11
11
 
12
12
  Lorem ipsum dolor sit amet
13
13
 
14
- #### Summary
15
-
16
- Lorem ipsum dolor sit amet
17
-
18
14
  #### React (tsx)
19
15
 
20
16
  ```tsx
@@ -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:* 2026-02-23T15:49:53.825Z
6
+ *Captured:* 2026-03-06T10:41:47.230Z
7
7
 
8
8
  For handling postMessage events in React components.
9
9
 
@@ -15,23 +15,7 @@ The payload does not have to be a simple string, but can be a complex object, as
15
15
 
16
16
  ### Example: Example 1
17
17
 
18
- Send raw message ("hello, world")Send action: EVENT_WIDGET_READYSend action: EVENT_WIDGET_DATA
19
- Note that in this simple example, we're not really sending messages across windows. The origin-filtering handlers are in place, though. You can experiment by opening this page in an iframe inside a page with a different origin and try sending the same events as in the example code.
20
- Simple events
21
- Shows every incoming postMessage as-is (no origin filter or type parsing). Useful for quick debugging of any messages your page receives.
22
-
23
- Simple events with origin filter
24
- Same raw view, but driven by the origin+handler object form (instead of a single callback) and only for messages whose origin matches this page.
25
-
26
- Action events
27
- Only shows action-style messages (objects with a `type` field) and extracts their payload. Handy when you control the sender and use message types to route logic.
28
-
29
- Action events with origin filter
30
- Action messages constrained by origin. Use this to route typed messages while still protecting against unexpected origins.
31
-
32
- #### Summary
33
-
34
- Send raw message ("hello, world")Send action: EVENT_WIDGET_READYSend action: EVENT_WIDGET_DATA
18
+ Send raw message ("hello, world") Send action: EVENT_WIDGET_READY Send action: EVENT_WIDGET_DATA
35
19
  Note that in this simple example, we're not really sending messages across windows. The origin-filtering handlers are in place, though. You can experiment by opening this page in an iframe inside a page with a different origin and try sending the same events as in the example code.
36
20
  Simple events
37
21
  Shows every incoming postMessage as-is (no origin filter or type parsing). Useful for quick debugging of any messages your page receives.
@@ -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:* 2026-02-23T15:49:45.216Z
6
+ *Captured:* 2026-03-06T10:41:35.430Z
7
7
 
8
8
  The useInterval hook allows for executing some code after a specified amount of time.
9
9
 
@@ -11,13 +11,7 @@ The useInterval hook allows for executing some code after a specified amount of
11
11
 
12
12
  ### Example: Example 1
13
13
 
14
- Count:0
15
-
16
- Stop
17
-
18
- #### Summary
19
-
20
- Count:0
14
+ Count: 0
21
15
 
22
16
  Stop
23
17
 
@@ -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:* 2026-02-23T15:49:49.323Z
6
+ *Captured:* 2026-03-06T10:41:40.739Z
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
 
@@ -20,15 +20,6 @@ Simple input 2
20
20
 
21
21
  Focus is outside the block
22
22
 
23
- #### Summary
24
-
25
- Click inside or outside
26
- Simple input 1
27
-
28
- Simple input 2
29
-
30
- Focus is outside the block
31
-
32
23
  #### React (tsx)
33
24
 
34
25
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useKey
6
- *Captured:* 2026-02-23T15:49:49.819Z
6
+ *Captured:* 2026-03-06T10:41:41.456Z
7
7
 
8
8
  The useKey hook allows to easily detect key events. It can be used in two ways, either to specify a specific key to listen for or with a callback to listen for all keys.
9
9
 
@@ -23,20 +23,6 @@ Key
23
23
 
24
24
  pressed
25
25
 
26
- #### Summary
27
-
28
- Key
29
-
30
- pressed
31
-
32
- Key
33
-
34
- pressed
35
-
36
- Key
37
-
38
- pressed
39
-
40
26
  #### React (tsx)
41
27
 
42
28
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useLocalStorage
6
- *Captured:* 2026-02-23T15:49:55.693Z
6
+ *Captured:* 2026-03-06T10:41:50.097Z
7
7
 
8
8
  The useLocalStorage and the useSessionStorage hook allows to save custom data in the respective storage locations.
9
9
 
@@ -16,16 +16,7 @@ Tom - 26
16
16
  "enableBuyOption": true
17
17
  }
18
18
 
19
- Set NameSet AgeRemove NameRemove AgeToggle Settings
20
-
21
- #### Summary
22
-
23
- Tom - 26
24
- {
25
- "enableBuyOption": true
26
- }
27
-
28
- Set NameSet AgeRemove NameRemove AgeToggle Settings
19
+ Set Name Set Age Remove Name Remove Age Toggle Settings
29
20
 
30
21
  #### React (tsx)
31
22
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useLocationSuggestions
6
- *Captured:* 2026-02-23T15:49:57.675Z
6
+ *Captured:* 2026-03-06T10:41:51.833Z
7
7
 
8
8
  The useLocationSuggestions 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
 
@@ -13,10 +13,6 @@ The useLocationSuggestions hook allows to use a side effect after the component
13
13
 
14
14
  Here map location search
15
15
 
16
- #### Summary
17
-
18
- Here map location search
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/useMax
6
- *Captured:* 2026-02-23T15:50:00.898Z
6
+ *Captured:* 2026-03-06T10:41:56.465Z
7
7
 
8
8
  Returns the largest valid numeric value found at the specified path within a list of objects. Supports localized formats and gracefully skips unparsable values.
9
9
 
@@ -13,10 +13,6 @@ Returns the largest valid numeric value found at the specified path within a lis
13
13
 
14
14
  Longest duration: 1440 min
15
15
 
16
- #### Summary
17
-
18
- Longest duration: 1440 min
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/useMin
6
- *Captured:* 2026-02-23T15:50:01.307Z
6
+ *Captured:* 2026-03-06T10:41:56.398Z
7
7
 
8
8
  Returns the smallest valid numeric value found at the specified path within a list of objects. Handles localized number strings and safely ignores invalid values.
9
9
 
@@ -13,10 +13,6 @@ Returns the smallest valid numeric value found at the specified path within a li
13
13
 
14
14
  Lowest shipment value: 850 €
15
15
 
16
- #### Summary
17
-
18
- Lowest shipment value: 850 €
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useMutationObserver
6
- *Captured:* 2026-02-23T15:49:50.897Z
6
+ *Captured:* 2026-03-06T10:41:42.777Z
7
7
 
8
8
  The useMutationObserver hook enables you to listen for changes on the given element or on its children. For more details, check out https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
9
9
 
@@ -14,16 +14,8 @@ The useMutationObserver hook enables you to listen for changes on the given elem
14
14
  Demo callout
15
15
  At vero eos et accusam et justo duo dolores et ea rebum clita kasd gubergren, no sea takimata.
16
16
 
17
- Set Default StyleSet Primary StyleSet Secondary StyleSet Warning StyleSet Danger Style
18
- Element Changes:-
19
-
20
- #### Summary
21
-
22
- Demo callout
23
- At vero eos et accusam et justo duo dolores et ea rebum clita kasd gubergren, no sea takimata.
24
-
25
- Set Default StyleSet Primary StyleSet Secondary StyleSet Warning StyleSet Danger Style
26
- Element Changes:-
17
+ Set Default Style Set Primary Style Set Secondary Style Set Warning Style Set Danger Style
18
+ Element Changes: -
27
19
 
28
20
  #### React (tsx)
29
21
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useOnScreen
6
- *Captured:* 2026-02-23T15:49:50.957Z
6
+ *Captured:* 2026-03-06T10:41:43.357Z
7
7
 
8
8
  The useOnScreen hook tells you when an element is visible on screen.
9
9
 
@@ -12,14 +12,7 @@ The useOnScreen hook tells you when an element is visible on screen.
12
12
  ### Example: Example 1
13
13
 
14
14
  Header 2 is not visible
15
- Header
16
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit
17
- Header 2
18
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit veritatis fugiat quia voluptates cupiditate vel rerum eligendi facere sint nostrum quam, maiores dolorem repellat voluptas! Magnam ullam quis quas aut consequuntur quo doloremque, earum sint soluta vero iste quasi voluptates labore rerum aspernatur illum esse maxime laudantium? Tempore perspiciatis perferendis ea dolorem et quasi eos illo beatae consectetur maxime, enim ducimus corrupti, accusantium quisquam rem dolorum itaque iste velit. Amet similique accusamus doloribus expedita modi a architecto accusantium labore unde non, dolore totam quaerat sit laboriosam quae ullam impedit, pariatur repudiandae quisquam debitis repellendus nihil. Cumque blanditiis ut recusandae illum! Maiores eveniet nulla exercitationem natus delectus est minus a architecto pariatur molestias quo nihil maxime quasi facere magnam neque dolorem ad, doloribus hic! Qui corporis perspiciatis dolores rem minima tenetur. Fugit ipsa consectetur ad reiciendis, quia iste, sapiente rerum exercitationem reprehenderit laborum eligendi cumque? Quia porro modi repudiandae nostrum accusamus! Corporis eum fugit nihil facilis placeat ab est obcaecati consequuntur qui atque tempore soluta aliquid saepe ducimus, at sed modi illo ipsa numquam ratione vero eos reprehenderit! Sapiente nesciunt consequatur labore iste quas possimus rem cumque, fugit laborum repellendus nisi adipisci officia temporibus quaerat! Beatae doloribus veritatis at, maiores suscipit debitis reiciendis cum impedit non aut modi iste? Placeat illo quisquam assumenda esse cum ipsum quasi perspiciatis voluptatem rerum itaque, similique quidem molestias exercitationem ullam eum amet tempore dolor aliquid unde deserunt dolore excepturi. Aut dolore rerum sequi nihil soluta eum expedita consequatur aliquid consequuntur saepe esse necessitatibus repudiandae, natus, officia enim odit rem nobis adipisci, voluptates autem dolor blanditiis ipsam animi a. Illo accusantium iure qui aperiam commodi, quidem, dolorem error eum animi, id nam? Corporis, non adipisci!
19
-
20
- #### Summary
21
15
 
22
- Header 2 is not visible
23
16
  Header
24
17
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit
25
18
  Header 2
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useOnlineStatus
6
- *Captured:* 2026-02-23T15:49:55.678Z
6
+ *Captured:* 2026-03-06T10:41:49.569Z
7
7
 
8
8
  The useOnlineStatus hook tells you when there is a network connection or not.
9
9
 
@@ -13,10 +13,6 @@ The useOnlineStatus hook tells you when there is a network connection or not.
13
13
 
14
14
  You are online
15
15
 
16
- #### Summary
17
-
18
- You are online
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/usePostMessage
6
- *Captured:* 2026-02-23T15:49:55.659Z
6
+ *Captured:* 2026-03-06T10:41:49.551Z
7
7
 
8
8
  The usePostMessage hook allows to easily exchange events and data between the parent window and embedded iframes.
9
9
 
@@ -15,13 +15,7 @@ Deprecated hookThis hook is deprecated and no longer maintained. Please switch t
15
15
 
16
16
  Parent window
17
17
  Send message to widget iframe
18
- Message from widget:-
19
-
20
- #### Summary
21
-
22
- Parent window
23
- Send message to widget iframe
24
- Message from widget:-
18
+ Message from widget: -
25
19
 
26
20
  #### React (tsx)
27
21
 
@@ -94,7 +88,7 @@ export default () => {
94
88
  </div>
95
89
  </div>
96
90
  <div class="iframe-wrapper">
97
- <iframe title="iframe" id="postMessageExample" src="/#postMessageExample" class="unstyled width-100pct" style="width: 1px; min-width: 100%; overflow: hidden; height: 200px;" scrolling="no">
91
+ <iframe title="iframe" id="postMessageExample" src="/#postMessageExample" class="unstyled width-100pct" style="width: 1px; min-width: 100%; overflow: hidden; height: 150px;" scrolling="no">
98
92
  </iframe>
99
93
  </div>
100
94
  </div>
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/usePostMessageSender
6
- *Captured:* 2026-02-23T15:49:55.659Z
6
+ *Captured:* 2026-03-06T10:41:50.191Z
7
7
 
8
8
  Helper hook to fire postMessage events to other windows: a specific target (including yourself), the parent or top window, or every iframe on the page. It uses the wildcard target origin (*) and no-ops when a target window is missing, so it is safe to call even when an iframe or parent is not present.
9
9
 
@@ -11,18 +11,8 @@ Helper hook to fire postMessage events to other windows: a specific target (incl
11
11
 
12
12
  ### Example: Example 1
13
13
 
14
- Use the buttons below to dispatch messages using usePostMessageSender. The gray box below is a real <iframe> that listens for your messages and sends an IFRAME_ECHO back.
15
- Send to Self (Window)Send to Iframe (Ref)Broadcast to All IframesSend to Parent
16
- Target Iframe
17
- This iframe acts as a separate window context. It runs a script to display what it receives.
18
-
19
- Activity Log
20
- Shows outgoing confirmations and incoming "Echos" from the iframe.
21
-
22
- #### Summary
23
-
24
- Use the buttons below to dispatch messages using usePostMessageSender. The gray box below is a real <iframe> that listens for your messages and sends an IFRAME_ECHO back.
25
- Send to Self (Window)Send to Iframe (Ref)Broadcast to All IframesSend to Parent
14
+ Use the buttons below to dispatch messages using usePostMessageSender . The gray box below is a real &lt;iframe&gt; that listens for your messages and sends an IFRAME_ECHO back.
15
+ Send to Self (Window) Send to Iframe (Ref) Broadcast to All Iframes Send to Parent
26
16
  Target Iframe
27
17
  This iframe acts as a separate window context. It runs a script to display what it receives.
28
18
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/usePrevious
6
- *Captured:* 2026-02-23T15:49:45.948Z
6
+ *Captured:* 2026-03-06T10:41:36.456Z
7
7
 
8
8
  The usePrevious hook allows to easily access state from previous component render. Instead of using a React.ref and a useEffect, this hook uses a useState internally to keep track of the previous state value.
9
9
 
@@ -34,10 +34,6 @@ setSelection(null);
34
34
 
35
35
  { count: 1, previousCount: 1 }
36
36
 
37
- #### Summary
38
-
39
- { count: 1, previousCount: 1 }
40
-
41
37
  #### React (tsx)
42
38
 
43
39
  ```tsx
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useResizeObserver
6
- *Captured:* 2026-02-23T15:49:51.975Z
6
+ *Captured:* 2026-03-06T10:41:44.548Z
7
7
 
8
8
  The useResizeObserver hook allows to react on resize changes of a given element.
9
9
 
@@ -15,11 +15,7 @@ To include the target elements padding, please use the borderBoxSize instead.
15
15
 
16
16
  ### Example: Example 1
17
17
 
18
- Box with padding200x50
19
-
20
- #### Summary
21
-
22
- Box with padding200x50
18
+ Box with padding 200x50
23
19
 
24
20
  #### React (tsx)
25
21
 
@@ -83,11 +79,7 @@ ref
83
79
 
84
80
  ### Example: Example 2
85
81
 
86
- Box without padding200x50
87
-
88
- #### Summary
89
-
90
- Box without padding200x50
82
+ Box without padding 200x50
91
83
 
92
84
  #### React (tsx)
93
85
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#/utilities/useRioCookieConsent
6
- *Captured:* 2026-02-23T15:49:53.778Z
6
+ *Captured:* 2026-03-06T10:41:47.562Z
7
7
 
8
8
  The useRioCookieConsent hook reads and parses RIO's cookie_settings cookie and returns a typed consent state.
9
9
 
@@ -13,10 +13,6 @@ The useRioCookieConsent hook reads and parses RIO's cookie_settings cookie and r
13
13
 
14
14
  Check RIO cookie disclaimer status
15
15
 
16
- #### Summary
17
-
18
- Check RIO cookie disclaimer status
19
-
20
16
  #### React (tsx)
21
17
 
22
18
  ```tsx