@rio-cloud/uikit-mcp 1.1.9 → 1.1.10

package/dist/docs/utilities/useTableSelection.md

@@ -3,12 +3,14 @@
 *Category:* Utilities
 *Section:* Table & data hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useTableSelection
-*Captured:* 2026-03-06T10:41:59.326Z
+*Captured:* 2026-04-20T12:56:07.757Z
 
 The useTableSelection hook simplifies the implementation of selection behavior in tables for single selection and multi-selection use cases. It’s especially useful for large datasets, as it optimizes performance by preventing unnecessary re-renders of all rows.
 
 ## useTableSelection
 
+> This is for the HTML-based table. For the Table components, use the useTableSelection hook exported from that Table component.
+
 > Note: , when using a checkbox column for multi-selection and a column for some action buttons, make sure to apply the classes "table-checkbox" and "table-action" to the respective row "td" elements. The latter class automatically stops event propagation, preventing the row from being selected when an action button is clicked.
 
 ### Example: Active row
@@ -18,11 +20,11 @@ Active row
 
 Id First name Last name E-mail
 
-1 Kenny Becker Geovany_Aufderhar-Reichel99@gmail.com
-2 Lillie Littel Dariana.Sanford22@hotmail.com
-3 Jackie Kozey Augustine21@hotmail.com
-4 Lewis Franey Thaddeus_Littel@hotmail.com
-5 Sarai Huels Kayley85@gmail.com
+1 Judd Haag-Blanda Bobby_Walter39@hotmail.com
+2 Mike Rice Latoya34@hotmail.com
+3 Jamar Zboncak Amber67@hotmail.com
+4 Flora Ullrich Jeffery71@hotmail.com
+5 Natalia Hamill Kathryne48@gmail.com
 
 #### React (tsx)
 
@@ -189,9 +191,7 @@ const TableRow = React.memo(
             </tr>
         );
     },
-    (prevProps, nextProps) => {
-        return JSON.stringify(prevProps) === JSON.stringify(nextProps);
-    }
+    (prevProps, nextProps) => JSON.stringify(prevProps) === JSON.stringify(nextProps)
 );
 ```
 
@@ -253,13 +253,13 @@ const TableRow = React.memo(
                         <span>1</span>
                     </td>
                     <td data-field="First name">
-                        <span>Kenny</span>
+                        <span>Judd</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Becker</span>
+                        <span>Haag-Blanda</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Geovany_Aufderhar-Reichel99@gmail.com</span>
+                        <span>Bobby_Walter39@hotmail.com</span>
                     </td>
                 </tr>
                 <tr data-id="2" class="cursor-pointer">
@@ -267,13 +267,13 @@ const TableRow = React.memo(
                         <span>2</span>
                     </td>
                     <td data-field="First name">
-                        <span>Lillie</span>
+                        <span>Mike</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Littel</span>
+                        <span>Rice</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Dariana.Sanford22@hotmail.com</span>
+                        <span>Latoya34@hotmail.com</span>
                     </td>
                 </tr>
                 <tr data-id="3" class="cursor-pointer">
@@ -281,13 +281,13 @@ const TableRow = React.memo(
                         <span>3</span>
                     </td>
                     <td data-field="First name">
-                        <span>Jackie</span>
+                        <span>Jamar</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Kozey</span>
+                        <span>Zboncak</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Augustine21@hotmail.com</span>
+                        <span>Amber67@hotmail.com</span>
                     </td>
                 </tr>
                 <tr data-id="4" class="cursor-pointer">
@@ -295,13 +295,13 @@ const TableRow = React.memo(
                         <span>4</span>
                     </td>
                     <td data-field="First name">
-                        <span>Lewis</span>
+                        <span>Flora</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Franey</span>
+                        <span>Ullrich</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Thaddeus_Littel@hotmail.com</span>
+                        <span>Jeffery71@hotmail.com</span>
                     </td>
                 </tr>
                 <tr data-id="5" class="cursor-pointer">
@@ -309,13 +309,13 @@ const TableRow = React.memo(
                         <span>5</span>
                     </td>
                     <td data-field="First name">
-                        <span>Sarai</span>
+                        <span>Natalia</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Huels</span>
+                        <span>Hamill</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Kayley85@gmail.com</span>
+                        <span>Kathryne48@gmail.com</span>
                     </td>
                 </tr>
             </tbody>
@@ -370,25 +370,25 @@ Deselect all Items Select some rows
 
 Id First name Last name E-mail
 
-1 Gunnar Boyer Willie.Quigley@yahoo.com
+1 Alysa Harber Giovanna.Cormier70@hotmail.com
 
-2 Claude Mueller Garry.Skiles@yahoo.com
+2 Marlon Keeling Hertha.Bins28@yahoo.com
 
-3 Robbie Kuhn Arnulfo35@yahoo.com
+3 Norma Nader-Schultz Vicky.Watsica63@hotmail.com
 
-4 Clementine Aufderhar Kim52@yahoo.com
+4 Woodrow Brown Maida14@gmail.com
 
-5 Doug King Roger_Kunze@gmail.com
+5 Herminia Ryan-Kunde Gerald.Marvin-Hilll@yahoo.com
 
-6 Opal Cassin-Davis Jeannie8@gmail.com
+6 Alvah Ondricka Debbie.Farrell@yahoo.com
 
-7 Amelia Cummerata Mitchell62@yahoo.com
+7 Lester Morissette Salvador36@gmail.com
 
-8 Darnell Friesen Darrin.Turcotte@gmail.com
+8 Sharon Stamm Alonzo_Moore@yahoo.com
 
-9 Colin Pagac Jenifer94@hotmail.com
+9 Zetta Feest Elsie_OKeefe-Jast@yahoo.com
 
-10 Latoya Heller Hiram_Hansen52@hotmail.com
+10 Linnie Block Mckenna_Cassin44@hotmail.com
 
 #### React (tsx)
 
@@ -408,6 +408,7 @@ import FormLabel from '@rio-cloud/rio-uikit/FormLabel';
 import Card from '@rio-cloud/rio-uikit/Card';
 import ButtonToolbar from '@rio-cloud/rio-uikit/ButtonToolbar';
 import Button from '@rio-cloud/rio-uikit/Button';
+import TableRowActionsDropdown from '@rio-cloud/rio-uikit/TableRowActionsDropdown';
 
 type Driver = {
     driverId: string;
@@ -619,10 +620,7 @@ const TableRow = React.memo(
                 ))}
                 <td className='table-action'>
                     <span>
-                        <ButtonDropdown
-                            title={<span className='rioglyph rioglyph-option-vertical' />}
-                            variant='link'
-                            iconOnly
+                        <TableRowActionsDropdown
                             items={[
                                 {
                                     value: (
@@ -647,9 +645,7 @@ const TableRow = React.memo(
             </tr>
         );
     },
-    (prevProps, nextProps) => {
-        return JSON.stringify(prevProps) === JSON.stringify(nextProps);
-    }
+    (prevProps, nextProps) => JSON.stringify(prevProps) === JSON.stringify(nextProps)
 );
 ```
 
@@ -687,7 +683,7 @@ const TableRow = React.memo(
                 <tr>
                     <th class="user-select-none sort-column table-checkbox" title="">
                         <div class="dropdown btn-group">
-                            <button type="button" id="vd2bi9o834i" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                            <button type="button" id="6kv2y9n4o96" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle" tabindex="0">
                                 <span class="rioglyph rioglyph-checkboxes">
                                 </span>
                             </button>
@@ -738,19 +734,19 @@ const TableRow = React.memo(
                         <span>1</span>
                     </td>
                     <td data-field="First name">
-                        <span>Gunnar</span>
+                        <span>Alysa</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Boyer</span>
+                        <span>Harber</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Willie.Quigley@yahoo.com</span>
+                        <span>Giovanna.Cormier70@hotmail.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="h9i2qtdynds" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="wo31e55fdb" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -769,19 +765,19 @@ const TableRow = React.memo(
                         <span>2</span>
                     </td>
                     <td data-field="First name">
-                        <span>Claude</span>
+                        <span>Marlon</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Mueller</span>
+                        <span>Keeling</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Garry.Skiles@yahoo.com</span>
+                        <span>Hertha.Bins28@yahoo.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="6p6n0fbipvv" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="tzw0iqcva0l" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -800,19 +796,19 @@ const TableRow = React.memo(
                         <span>3</span>
                     </td>
                     <td data-field="First name">
-                        <span>Robbie</span>
+                        <span>Norma</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Kuhn</span>
+                        <span>Nader-Schultz</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Arnulfo35@yahoo.com</span>
+                        <span>Vicky.Watsica63@hotmail.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="eg467cg5pfe" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="6zdmorumkzs" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -831,19 +827,19 @@ const TableRow = React.memo(
                         <span>4</span>
                     </td>
                     <td data-field="First name">
-                        <span>Clementine</span>
+                        <span>Woodrow</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Aufderhar</span>
+                        <span>Brown</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Kim52@yahoo.com</span>
+                        <span>Maida14@gmail.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="c2cta8or466" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="oclc7c8x0u8" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -862,19 +858,19 @@ const TableRow = React.memo(
                         <span>5</span>
                     </td>
                     <td data-field="First name">
-                        <span>Doug</span>
+                        <span>Herminia</span>
                     </td>
                     <td data-field="Last name">
-                        <span>King</span>
+                        <span>Ryan-Kunde</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Roger_Kunze@gmail.com</span>
+                        <span>Gerald.Marvin-Hilll@yahoo.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="cxspl17zl4g" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="x498n56h9gp" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -893,19 +889,19 @@ const TableRow = React.memo(
                         <span>6</span>
                     </td>
                     <td data-field="First name">
-                        <span>Opal</span>
+                        <span>Alvah</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Cassin-Davis</span>
+                        <span>Ondricka</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Jeannie8@gmail.com</span>
+                        <span>Debbie.Farrell@yahoo.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="r05bz6znzue" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="d7tcfsf9bqn" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -924,19 +920,19 @@ const TableRow = React.memo(
                         <span>7</span>
                     </td>
                     <td data-field="First name">
-                        <span>Amelia</span>
+                        <span>Lester</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Cummerata</span>
+                        <span>Morissette</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Mitchell62@yahoo.com</span>
+                        <span>Salvador36@gmail.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="29ecg4p4lma" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="cvfpzmljjs8" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -955,19 +951,19 @@ const TableRow = React.memo(
                         <span>8</span>
                     </td>
                     <td data-field="First name">
-                        <span>Darnell</span>
+                        <span>Sharon</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Friesen</span>
+                        <span>Stamm</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Darrin.Turcotte@gmail.com</span>
+                        <span>Alonzo_Moore@yahoo.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="kc1kec5jo5k" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="y49855rmoy" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -986,19 +982,19 @@ const TableRow = React.memo(
                         <span>9</span>
                     </td>
                     <td data-field="First name">
-                        <span>Colin</span>
+                        <span>Zetta</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Pagac</span>
+                        <span>Feest</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Jenifer94@hotmail.com</span>
+                        <span>Elsie_OKeefe-Jast@yahoo.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="54dysoqiutq" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="9v8twqq20zp" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>
@@ -1017,19 +1013,19 @@ const TableRow = React.memo(
                         <span>10</span>
                     </td>
                     <td data-field="First name">
-                        <span>Latoya</span>
+                        <span>Linnie</span>
                     </td>
                     <td data-field="Last name">
-                        <span>Heller</span>
+                        <span>Block</span>
                     </td>
                     <td data-field="E-mail">
-                        <span>Hiram_Hansen52@hotmail.com</span>
+                        <span>Mckenna_Cassin44@hotmail.com</span>
                     </td>
                     <td class="table-action">
                         <span>
                             <div class="dropdown btn-group">
-                                <button type="button" id="qskqd5obqgh" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
-                                    <span class="rioglyph rioglyph-option-vertical">
+                                <button type="button" aria-label="Row actions" id="9o8vdp7hugo" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                                    <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                                     </span>
                                 </button>
                             </div>

package/dist/docs/utilities/useTimeout.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Lifecycle & execution hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useTimeout
-*Captured:* 2026-03-06T10:41:36.496Z
+*Captured:* 2026-04-20T12:55:51.689Z
 
 The useTimeout hook allows for executing some code after a specified amount of time.
 

package/dist/docs/utilities/useToggle.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Lifecycle & execution hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useToggle
-*Captured:* 2026-03-06T10:41:37.499Z
+*Captured:* 2026-04-20T12:55:52.166Z
 
 The useToggle hook is a custom React hook for managing a boolean state. It provides an intuitive API to toggle, enable, or disable the value. You can optionally initialize it with a default state. Use it to handle toggle-based logic like switches, modals, or content visibility in your React components.
 

package/dist/docs/utilities/useUrlState.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* UI state & input hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useUrlState
-*Captured:* 2026-03-06T10:41:53.460Z
+*Captured:* 2026-04-20T12:56:04.088Z
 
 The useUrlState hook keeps store state and URL search params in sync. Define a config once and use the hook to read URL state into the store and write store changes back to the URL.
 

package/dist/docs/utilities/useWindowResize.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* DOM behavior hooks
 *Source:* https://uikit.developers.rio.cloud/#/utilities/useWindowResize
-*Captured:* 2026-03-06T10:41:44.904Z
+*Captured:* 2026-04-20T12:55:58.085Z
 
 The useWindowResize hook allows to react on window size changes.
 

package/dist/index.mjs

@@ -150,7 +150,7 @@ function buildSearchIndex(entries) {
 }
 //#endregion
 //#region package.json
-var version = "1.1.9";
+var version = "1.1.10";
 //#endregion
 //#region server/index.ts
 const DIST_ROOT = import.meta.dirname;

package/dist/search-synonyms.json

@@ -95,10 +95,10 @@
       "components/dropdowns"
     ],
     "table": [
-      "components/tables"
+      "components/table"
     ],
     "datagrid": [
-      "components/tables"
+      "components/table"
     ],
     "modal": [
       "components/dialogs"

package/dist/version.json

@@ -1,4 +1,4 @@
 {
-  "version": "2.2.1",
-  "captured_at": "2026-03-06T10:42:10.406Z"
+  "version": "2.3.0",
+  "captured_at": "2026-04-20T12:56:07.829Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rio-cloud/uikit-mcp",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "MCP server that serves the captured RIO UI Kit documentation to Model Context Protocol clients.",
   "publishConfig": {
     "access": "public"
@@ -41,7 +41,7 @@
   "devDependencies": {
     "@types/node": "24.12.2",
     "playwright": "1.59.1",
-    "tsdown": "0.21.7",
+    "tsdown": "0.21.8",
     "tsx": "4.21.0",
     "typescript": "6.0.2"
   }

package/dist/docs/components/tables.md

@@ -1,8 +0,0 @@
-# Table Toolbar
-
-*Category:* Components
-*Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#/components/tables
-*Captured:* 2026-03-06T10:40:48.697Z
-
-The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.