@rio-cloud/uikit-mcp 1.1.10 → 1.1.12

package/dist/docs/utilities/usePrevious.md

@@ -3,12 +3,14 @@
 *Category:* Utilities
 *Section:* Lifecycle & execution hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/usePrevious
-*Captured:* 2026-04-20T12:55:51.620Z
+*Captured:* 2026-05-06T12:15:26.712Z
 
 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.
 
 ## usePrevious
 
+Quoting from the React documentation:
+
 - If the value you need can be computed entirely from the current props or other state, remove that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.
 - If you want to reset the entire component tree’s state, pass a different key to your component.
 - If you can, update all the relevant state in the event handlers.
@@ -28,6 +30,114 @@ setSelection(null);
 }
 ```
 
+function
+
+List
+
+(
+
+{ items }
+
+)
+
+{
+
+const
+
+[
+
+,
+
+]
+
+=
+
+useState
+
+(
+
+false
+
+)
+
+;
+
+const
+
+[
+
+,
+
+]
+
+=
+
+useState
+
+(
+
+null
+
+)
+
+;
+
+// Better: Adjust the state while rendering
+
+const
+
+[
+
+,
+
+]
+
+=
+
+useState
+
+(
+
+)
+
+;
+
+if
+
+(
+
+!==
+
+)
+
+{
+
+setPrevItems
+
+(
+
+)
+
+;
+
+setSelection
+
+(
+
+null
+
+)
+
+;
+
+}
+
+// ...
+
+}
+
+> Note: If you want to use this to update the internal state due to a prop change, you might run into a loop. Therefore, use the following snippet suggested by the React team here: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
+
 ### Example: Example 1
 
 { count: 1, previousCount: 1 }

package/dist/docs/utilities/useResizeObserver.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* DOM behavior hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useResizeObserver
-*Captured:* 2026-04-20T12:55:58.056Z
+*Captured:* 2026-05-06T12:15:33.251Z
 
 The useResizeObserver hook allows to react on resize changes of a given element.
 

package/dist/docs/utilities/useRioCookieConsent.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Browser & device hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useRioCookieConsent
-*Captured:* 2026-04-20T12:55:59.615Z
+*Captured:* 2026-05-06T12:15:34.883Z
 
 The useRioCookieConsent hook reads and parses RIO's cookie_settings cookie and returns a typed consent state.
 

package/dist/docs/utilities/useScrollPosition.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* DOM behavior hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useScrollPosition
-*Captured:* 2026-04-20T12:55:58.111Z
+*Captured:* 2026-05-06T12:15:33.358Z
 
 The useScrollPosition hook allows to react on a desired scroll position of a given target. Use it when showing or hiding content based on the scroll position.
 

package/dist/docs/utilities/useSearch.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* UI state & input hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useSearch
-*Captured:* 2026-04-20T12:56:03.573Z
+*Captured:* 2026-05-06T12:15:38.735Z
 
 The useSearch hook is a custom hook to filter a list of objects by a search value. Supports field-based filtering, custom filtering logic, debounce, and case sensitivity.
 

package/dist/docs/utilities/useSearchHighlight.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* UI state & input hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useSearchHighlight
-*Captured:* 2026-04-20T12:56:05.536Z
+*Captured:* 2026-05-06T12:15:40.582Z
 
 The useSearchHighlight hook applies native CSS Highlight API ranges to matching text in a referenced container. It progressively enhances supported browsers without mutating markup and can be scoped or made case-sensitive as needed.
 

package/dist/docs/utilities/useSorting.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Table & data hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useSorting
-*Captured:* 2026-04-20T12:56:07.338Z
+*Captured:* 2026-05-06T12:15:42.862Z
 
 The useSorting hook provides an easy way to sort any list by a specified key using natural sort order. It offers flexible control over sorting direction and key selection, making it ideal for dynamic sorting use cases.
 

package/dist/docs/utilities/useStateWithValidation.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* UI state & input hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useStateWithValidation
-*Captured:* 2026-04-20T12:56:04.500Z
+*Captured:* 2026-05-06T12:15:39.336Z
 
 The useStateWithValidation hook allows to easily validate state. This comes in handy when validating form inputs.
 

package/dist/docs/utilities/useSum.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Data aggregation hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useSum
-*Captured:* 2026-04-20T12:56:06.531Z
+*Captured:* 2026-05-06T12:15:42.046Z
 
 The useSum hook is a versatile utility for calculating the total of numeric, localized values within a list of objects—particularly useful for rendering totals in table footers, dashboards, or KPIs.
 

package/dist/docs/utilities/useTableExport.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Table & data hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useTableExport
-*Captured:* 2026-04-20T12:56:06.942Z
+*Captured:* 2026-05-06T12:15:42.226Z
 
 The useTableExport hook provides a simple and reusable way to export tabular data as a downloadable CSV file in React applications. It supports custom delimiters, UTF-8 BOM for Excel compatibility, and column header mapping for more readable exports. This is especially useful for tables with user-facing data that may need to be downloaded for offline analysis or reporting.
 
@@ -27,83 +27,83 @@ Press space again to drop the item in its new position, or press escape to cance
 
 1
 
-Samuel
+Damon
 
-Pouros
+Ondricka
 
-Luciano_Beahan@hotmail.com
+Ronnie25@yahoo.com
 
 2
 
-Adeline
+Orpha
 
-Franey
+Bayer
 
-Alysha_Gerhold@yahoo.com
+Jacquelyn_Schowalter@yahoo.com
 
 3
 
-Lexus
+Alfred
 
-Kozey
+Bauch
 
-Kathlyn.Schuster@yahoo.com
+Henriette_Cartwright-Barton@gmail.com
 
 4
 
-Orville
+Tyra
 
-Cole
+Heidenreich
 
-Lauretta51@gmail.com
+Ashleigh.Reichert59@gmail.com
 
 5
 
-Calvin
+Hope
 
-Rolfson
+Goyette
 
-Ramona_Simonis@hotmail.com
+Jeanette_Jast@yahoo.com
 
 6
 
-Kamren
+Fleta
 
-O'Connell
+Stiedemann
 
-Delia12@hotmail.com
+April3@yahoo.com
 
 7
 
-Roosevelt
+Luz
 
-Murazik
+MacGyver
 
-Matthew.Ortiz4@yahoo.com
+Laurie_Pollich@yahoo.com
 
 8
 
-Waino
+Israel
 
-Rutherford
+Kiehn
 
-Wayne66@gmail.com
+Rosie9@hotmail.com
 
 9
 
-Cary
+Martin
 
-Schmidt
+Gislason
 
-Mayra5@yahoo.com
+Jessie31@yahoo.com
 
 10
 
-Zakary
+Raquel
 
-Gottlieb
+Walker
 
-Ellsworth97@gmail.com
+Davon31@yahoo.com
 
 Reorder columns and export the current order.
 
@@ -308,13 +308,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">1</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Samuel</div>
+                    <div class="table-cell-content overflow-hidden">Damon</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Pouros</div>
+                    <div class="table-cell-content overflow-hidden">Ondricka</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Luciano_Beahan@hotmail.com</div>
+                    <div class="table-cell-content overflow-hidden">Ronnie25@yahoo.com</div>
                 </div>
             </div>
             <div id="2" class="table-row" data-index="1" data-row-id="1" role="row">
@@ -322,13 +322,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">2</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Adeline</div>
+                    <div class="table-cell-content overflow-hidden">Orpha</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Franey</div>
+                    <div class="table-cell-content overflow-hidden">Bayer</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Alysha_Gerhold@yahoo.com</div>
+                    <div class="table-cell-content overflow-hidden">Jacquelyn_Schowalter@yahoo.com</div>
                 </div>
             </div>
             <div id="3" class="table-row" data-index="2" data-row-id="2" role="row">
@@ -336,13 +336,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">3</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Lexus</div>
+                    <div class="table-cell-content overflow-hidden">Alfred</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Kozey</div>
+                    <div class="table-cell-content overflow-hidden">Bauch</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Kathlyn.Schuster@yahoo.com</div>
+                    <div class="table-cell-content overflow-hidden">Henriette_Cartwright-Barton@gmail.com</div>
                 </div>
             </div>
             <div id="4" class="table-row" data-index="3" data-row-id="3" role="row">
@@ -350,13 +350,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">4</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Orville</div>
+                    <div class="table-cell-content overflow-hidden">Tyra</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Cole</div>
+                    <div class="table-cell-content overflow-hidden">Heidenreich</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Lauretta51@gmail.com</div>
+                    <div class="table-cell-content overflow-hidden">Ashleigh.Reichert59@gmail.com</div>
                 </div>
             </div>
             <div id="5" class="table-row" data-index="4" data-row-id="4" role="row">
@@ -364,13 +364,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">5</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Calvin</div>
+                    <div class="table-cell-content overflow-hidden">Hope</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Rolfson</div>
+                    <div class="table-cell-content overflow-hidden">Goyette</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Ramona_Simonis@hotmail.com</div>
+                    <div class="table-cell-content overflow-hidden">Jeanette_Jast@yahoo.com</div>
                 </div>
             </div>
             <div id="6" class="table-row" data-index="5" data-row-id="5" role="row">
@@ -378,13 +378,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">6</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Kamren</div>
+                    <div class="table-cell-content overflow-hidden">Fleta</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">O'Connell</div>
+                    <div class="table-cell-content overflow-hidden">Stiedemann</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Delia12@hotmail.com</div>
+                    <div class="table-cell-content overflow-hidden">April3@yahoo.com</div>
                 </div>
             </div>
             <div id="7" class="table-row" data-index="6" data-row-id="6" role="row">
@@ -392,13 +392,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">7</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Roosevelt</div>
+                    <div class="table-cell-content overflow-hidden">Luz</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Murazik</div>
+                    <div class="table-cell-content overflow-hidden">MacGyver</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Matthew.Ortiz4@yahoo.com</div>
+                    <div class="table-cell-content overflow-hidden">Laurie_Pollich@yahoo.com</div>
                 </div>
             </div>
             <div id="8" class="table-row" data-index="7" data-row-id="7" role="row">
@@ -406,13 +406,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">8</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Waino</div>
+                    <div class="table-cell-content overflow-hidden">Israel</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Rutherford</div>
+                    <div class="table-cell-content overflow-hidden">Kiehn</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Wayne66@gmail.com</div>
+                    <div class="table-cell-content overflow-hidden">Rosie9@hotmail.com</div>
                 </div>
             </div>
             <div id="9" class="table-row" data-index="8" data-row-id="8" role="row">
@@ -420,13 +420,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">9</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Cary</div>
+                    <div class="table-cell-content overflow-hidden">Martin</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Schmidt</div>
+                    <div class="table-cell-content overflow-hidden">Gislason</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Mayra5@yahoo.com</div>
+                    <div class="table-cell-content overflow-hidden">Jessie31@yahoo.com</div>
                 </div>
             </div>
             <div id="10" class="table-row" data-index="9" data-row-id="9" role="row">
@@ -434,13 +434,13 @@ export default UseTableExportExample;
                     <div class="table-cell-content overflow-hidden">10</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="firstName" role="cell" aria-colindex="2" style="grid-area: 1 / 2 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Zakary</div>
+                    <div class="table-cell-content overflow-hidden">Raquel</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="lastName" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Gottlieb</div>
+                    <div class="table-cell-content overflow-hidden">Walker</div>
                 </div>
                 <div class="table-cell table-align-left table-vertical-align-middle" data-column="email" role="cell" aria-colindex="4" style="grid-area: 1 / 4 / span 1 / span 1;">
-                    <div class="table-cell-content overflow-hidden">Ellsworth97@gmail.com</div>
+                    <div class="table-cell-content overflow-hidden">Davon31@yahoo.com</div>
                 </div>
             </div>
         </div>