@rio-cloud/uikit-mcp 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/doc-metadata.json +80 -80
- package/dist/docs/components/accentBar.md +34 -2
- package/dist/docs/components/activity.md +13 -2
- package/dist/docs/components/animatedNumber.md +16 -3
- package/dist/docs/components/animatedTextReveal.md +53 -7
- package/dist/docs/components/animations.md +30 -30
- package/dist/docs/components/appHeader.md +58 -2
- package/dist/docs/components/appLayout.md +543 -38
- package/dist/docs/components/appNavigationBar.md +54 -2
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +10 -2
- package/dist/docs/components/assetTree.md +1065 -218
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +24 -2
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +27 -27
- package/dist/docs/components/barList.md +21 -9
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +99 -2
- package/dist/docs/components/button.md +161 -16
- package/dist/docs/components/buttonToolbar.md +9 -2
- package/dist/docs/components/calendarStripe.md +84 -110
- package/dist/docs/components/card.md +10 -2
- 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 +51 -26
- package/dist/docs/components/clearableInput.md +17 -17
- package/dist/docs/components/collapse.md +27 -3
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +125 -104
- package/dist/docs/components/dataTabs.md +189 -9
- package/dist/docs/components/datepickers.md +733 -721
- package/dist/docs/components/dialogs.md +361 -1
- package/dist/docs/components/divider.md +14 -2
- package/dist/docs/components/dropdowns.md +4533 -4352
- package/dist/docs/components/editableContent.md +186 -2
- package/dist/docs/components/expander.md +51 -4
- package/dist/docs/components/fade.md +41 -6
- package/dist/docs/components/fadeExpander.md +11 -2
- package/dist/docs/components/fadeUp.md +21 -3
- package/dist/docs/components/feedback.md +43 -2
- package/dist/docs/components/filePickers.md +44 -2
- package/dist/docs/components/formLabel.md +16 -2
- package/dist/docs/components/groupedItemList.md +53 -2
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +6 -2
- package/dist/docs/components/labeledElement.md +12 -2
- package/dist/docs/components/licensePlate.md +10 -2
- package/dist/docs/components/lineCharts.md +3 -3
- package/dist/docs/components/listMenu.md +72 -2
- package/dist/docs/components/loadMore.md +28 -2
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +1 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +22 -2
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +50 -2
- package/dist/docs/components/onboarding.md +25 -1
- package/dist/docs/components/page.md +32 -2
- package/dist/docs/components/pager.md +14 -2
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +39 -1
- package/dist/docs/components/position.md +10 -2
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radiobutton.md +137 -9
- package/dist/docs/components/releaseNotes.md +18 -1
- package/dist/docs/components/resizer.md +13 -2
- package/dist/docs/components/responsiveColumnStripe.md +19 -2
- package/dist/docs/components/responsiveVideo.md +11 -2
- package/dist/docs/components/rioglyph.md +12 -2
- package/dist/docs/components/rules.md +94 -4
- package/dist/docs/components/saveableInput.md +399 -275
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +38 -2
- package/dist/docs/components/sliders.md +37 -2
- package/dist/docs/components/smoothScrollbars.md +92 -2
- package/dist/docs/components/spinners.md +50 -2
- package/dist/docs/components/states.md +216 -1
- package/dist/docs/components/statsWidgets.md +122 -2
- package/dist/docs/components/statusBar.md +28 -2
- package/dist/docs/components/stepButton.md +8 -2
- package/dist/docs/components/steppedProgressBars.md +66 -2
- package/dist/docs/components/subNavigation.md +8 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +12 -38
- package/dist/docs/components/switch.md +11 -2
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +55 -1
- package/dist/docs/components/tags.md +32 -2
- package/dist/docs/components/teaser.md +29 -2
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +30 -2
- package/dist/docs/components/toggleButton.md +65 -7
- package/dist/docs/components/tooltip.md +26 -18
- package/dist/docs/components/virtualList.md +103 -77
- package/dist/docs/foundations.md +177 -177
- package/dist/docs/start/changelog.md +1 -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 +2 -2
- 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 +1 -1
- 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 -1
- 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 -8
- package/dist/version.json +1 -1
- package/package.json +6 -6
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Pickers
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/timepicker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:04:35.393Z
|
|
7
7
|
|
|
8
8
|
## TimePicker
|
|
9
9
|
|
|
@@ -144,6 +144,20 @@ export default () => {
|
|
|
144
144
|
</div>
|
|
145
145
|
```
|
|
146
146
|
|
|
147
|
+
#### Props
|
|
148
|
+
|
|
149
|
+
| Name | Type | Default | Description |
|
|
150
|
+
| --- | --- | --- | --- |
|
|
151
|
+
| value | string | — | Value of the time as string. Note, when value is given the component is treated as controlled. |
|
|
152
|
+
| onChange | (value: string) => void | — | Callback function when the value changes and is a valid time format. If not it handles the state internally until the time is valid and filled. |
|
|
153
|
+
| alwaysShowMask | boolean | true | Defines whether to always show the input mask placeholder. |
|
|
154
|
+
| showIcon | boolean | false | Defines whether to show the input icon. |
|
|
155
|
+
| errorMessage | string \| React.ReactNode | — | Input error message. |
|
|
156
|
+
| warningMessage | string \| React.ReactNode | — | Input warning message. |
|
|
157
|
+
| messageWhiteSpace | 'normal' \| 'nowrap' \| 'pre-line' | 'normal' | Feedback message width. |
|
|
158
|
+
| inputProps | Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' \| 'onChange'> | — | Additional properties to be set on the input element. |
|
|
159
|
+
| className | string | — | Additional classes to be set on the wrapper element. |
|
|
160
|
+
|
|
147
161
|
### Example: Example 2
|
|
148
162
|
|
|
149
163
|
DefaultPlease insert a valid time
|
|
@@ -235,4 +249,18 @@ export default () => {
|
|
|
235
249
|
</div>
|
|
236
250
|
</div>
|
|
237
251
|
</div>
|
|
238
|
-
```
|
|
252
|
+
```
|
|
253
|
+
|
|
254
|
+
#### Props
|
|
255
|
+
|
|
256
|
+
| Name | Type | Default | Description |
|
|
257
|
+
| --- | --- | --- | --- |
|
|
258
|
+
| value | string | — | Value of the time as string. Note, when value is given the component is treated as controlled. |
|
|
259
|
+
| onChange | (value: string) => void | — | Callback function when the value changes and is a valid time format. If not it handles the state internally until the time is valid and filled. |
|
|
260
|
+
| alwaysShowMask | boolean | true | Defines whether to always show the input mask placeholder. |
|
|
261
|
+
| showIcon | boolean | false | Defines whether to show the input icon. |
|
|
262
|
+
| errorMessage | string \| React.ReactNode | — | Input error message. |
|
|
263
|
+
| warningMessage | string \| React.ReactNode | — | Input warning message. |
|
|
264
|
+
| messageWhiteSpace | 'normal' \| 'nowrap' \| 'pre-line' | 'normal' | Feedback message width. |
|
|
265
|
+
| inputProps | Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' \| 'onChange'> | — | Additional properties to be set on the input element. |
|
|
266
|
+
| className | string | — | Additional classes to be set on the wrapper element. |
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/toggleButton
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:04:22.766Z
|
|
7
7
|
|
|
8
8
|
This toggle button is based on the button component that can be used directly.
|
|
9
9
|
|
|
@@ -89,9 +89,38 @@ export default () => (
|
|
|
89
89
|
|
|
90
90
|
| Name | Type | Default | Description |
|
|
91
91
|
| --- | --- | --- | --- |
|
|
92
|
-
|
|
|
93
|
-
|
|
|
94
|
-
|
|
|
92
|
+
| disabled | boolean | false | Whether the button should be disabled. |
|
|
93
|
+
| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
|
|
94
|
+
| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
|
|
95
|
+
| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
|
|
96
|
+
| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
|
|
97
|
+
| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
|
|
98
|
+
| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
|
|
99
|
+
| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
|
|
100
|
+
| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
|
|
101
|
+
| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
|
|
102
|
+
| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
|
|
103
|
+
| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
|
|
104
|
+
| tabIndex | number | 0 | Number of the index used for keyboard support. |
|
|
105
|
+
| className | string | — | Additional classes to be set on the button element. |
|
|
106
|
+
|
|
107
|
+
#### Props: Regular button
|
|
108
|
+
|
|
109
|
+
### Regular button
|
|
110
|
+
|
|
111
|
+
| Name | Type | Default | Description |
|
|
112
|
+
| --- | --- | --- | --- |
|
|
113
|
+
| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
|
|
114
|
+
| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
|
|
115
|
+
|
|
116
|
+
#### Props: ToggleButton
|
|
117
|
+
|
|
118
|
+
### ToggleButton
|
|
119
|
+
|
|
120
|
+
| Name | Type | Default | Description |
|
|
121
|
+
| --- | --- | --- | --- |
|
|
122
|
+
| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
|
|
123
|
+
| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
|
|
95
124
|
|
|
96
125
|
### Example: Controlled ToggleButton
|
|
97
126
|
|
|
@@ -151,6 +180,35 @@ export default () => {
|
|
|
151
180
|
|
|
152
181
|
| Name | Type | Default | Description |
|
|
153
182
|
| --- | --- | --- | --- |
|
|
154
|
-
|
|
|
155
|
-
|
|
|
156
|
-
|
|
|
183
|
+
| disabled | boolean | false | Whether the button should be disabled. |
|
|
184
|
+
| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
|
|
185
|
+
| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
|
|
186
|
+
| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
|
|
187
|
+
| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
|
|
188
|
+
| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
|
|
189
|
+
| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
|
|
190
|
+
| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
|
|
191
|
+
| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
|
|
192
|
+
| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
|
|
193
|
+
| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
|
|
194
|
+
| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
|
|
195
|
+
| tabIndex | number | 0 | Number of the index used for keyboard support. |
|
|
196
|
+
| className | string | — | Additional classes to be set on the button element. |
|
|
197
|
+
|
|
198
|
+
#### Props: Regular button
|
|
199
|
+
|
|
200
|
+
### Regular button
|
|
201
|
+
|
|
202
|
+
| Name | Type | Default | Description |
|
|
203
|
+
| --- | --- | --- | --- |
|
|
204
|
+
| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
|
|
205
|
+
| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
|
|
206
|
+
|
|
207
|
+
#### Props: ToggleButton
|
|
208
|
+
|
|
209
|
+
### ToggleButton
|
|
210
|
+
|
|
211
|
+
| Name | Type | Default | Description |
|
|
212
|
+
| --- | --- | --- | --- |
|
|
213
|
+
| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
|
|
214
|
+
| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/tooltip
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:05:10.161Z
|
|
7
7
|
|
|
8
8
|
In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
|
|
9
9
|
|
|
@@ -300,15 +300,24 @@ export default () => (
|
|
|
300
300
|
</div>
|
|
301
301
|
```
|
|
302
302
|
|
|
303
|
-
#### Props
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
303
|
+
#### Props (json)
|
|
304
|
+
|
|
305
|
+
```json
|
|
306
|
+
popperConfig={{
|
|
307
|
+
modifiers: [
|
|
308
|
+
{
|
|
309
|
+
name: 'offset',
|
|
310
|
+
options: {
|
|
311
|
+
offset: [0, 5],
|
|
312
|
+
},
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
name: 'arrow',
|
|
316
|
+
options: {},
|
|
317
|
+
},
|
|
318
|
+
],
|
|
319
|
+
}}
|
|
320
|
+
```
|
|
312
321
|
|
|
313
322
|
## SimpleTooltip
|
|
314
323
|
|
|
@@ -412,12 +421,11 @@ export default () => (
|
|
|
412
421
|
</div>
|
|
413
422
|
```
|
|
414
423
|
|
|
415
|
-
#### Props
|
|
416
|
-
|
|
417
|
-
### Tooltip
|
|
424
|
+
#### Props (json)
|
|
418
425
|
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
426
|
+
```json
|
|
427
|
+
{
|
|
428
|
+
show: 1_000,
|
|
429
|
+
delay: 500,
|
|
430
|
+
}
|
|
431
|
+
```
|