@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:* Navigation
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/appNavigationBar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:04:11.532Z
|
|
7
7
|
|
|
8
8
|
## AppNavigationBar
|
|
9
9
|
|
|
@@ -49,6 +49,19 @@ export default () => (
|
|
|
49
49
|
</div>
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
+
#### Props
|
|
53
|
+
|
|
54
|
+
| Name | Type | Default | Description |
|
|
55
|
+
| --- | --- | --- | --- |
|
|
56
|
+
| title | string \| ReactNode | — | The title for the content that is shown. |
|
|
57
|
+
| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
|
|
58
|
+
| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
|
|
59
|
+
| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
|
|
60
|
+
| backButtonText | string \| ReactNode | — | — |
|
|
61
|
+
| border | boolean | false | Add a light bottom border to the wrapper element. |
|
|
62
|
+
| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
|
|
63
|
+
| className | string | — | Additional classes for the wrapper element. |
|
|
64
|
+
|
|
52
65
|
### Example: Example 2
|
|
53
66
|
|
|
54
67
|
Title of content
|
|
@@ -108,6 +121,19 @@ export default () => (
|
|
|
108
121
|
</div>
|
|
109
122
|
```
|
|
110
123
|
|
|
124
|
+
#### Props
|
|
125
|
+
|
|
126
|
+
| Name | Type | Default | Description |
|
|
127
|
+
| --- | --- | --- | --- |
|
|
128
|
+
| title | string \| ReactNode | — | The title for the content that is shown. |
|
|
129
|
+
| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
|
|
130
|
+
| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
|
|
131
|
+
| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
|
|
132
|
+
| backButtonText | string \| ReactNode | — | — |
|
|
133
|
+
| border | boolean | false | Add a light bottom border to the wrapper element. |
|
|
134
|
+
| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
|
|
135
|
+
| className | string | — | Additional classes for the wrapper element. |
|
|
136
|
+
|
|
111
137
|
### Example: With more space, a back button label can be shown
|
|
112
138
|
|
|
113
139
|
With more space, a back button label can be shown
|
|
@@ -160,6 +186,19 @@ export default () => (
|
|
|
160
186
|
</div>
|
|
161
187
|
```
|
|
162
188
|
|
|
189
|
+
#### Props
|
|
190
|
+
|
|
191
|
+
| Name | Type | Default | Description |
|
|
192
|
+
| --- | --- | --- | --- |
|
|
193
|
+
| title | string \| ReactNode | — | The title for the content that is shown. |
|
|
194
|
+
| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
|
|
195
|
+
| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
|
|
196
|
+
| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
|
|
197
|
+
| backButtonText | string \| ReactNode | — | — |
|
|
198
|
+
| border | boolean | false | Add a light bottom border to the wrapper element. |
|
|
199
|
+
| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
|
|
200
|
+
| className | string | — | Additional classes for the wrapper element. |
|
|
201
|
+
|
|
163
202
|
### Example: In some cases a subtitle comes in handy
|
|
164
203
|
|
|
165
204
|
In some cases a subtitle comes in handy
|
|
@@ -219,4 +258,17 @@ export default () => (
|
|
|
219
258
|
</div>
|
|
220
259
|
</div>
|
|
221
260
|
</div>
|
|
222
|
-
```
|
|
261
|
+
```
|
|
262
|
+
|
|
263
|
+
#### Props
|
|
264
|
+
|
|
265
|
+
| Name | Type | Default | Description |
|
|
266
|
+
| --- | --- | --- | --- |
|
|
267
|
+
| title | string \| ReactNode | — | The title for the content that is shown. |
|
|
268
|
+
| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
|
|
269
|
+
| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
|
|
270
|
+
| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
|
|
271
|
+
| backButtonText | string \| ReactNode | — | — |
|
|
272
|
+
| border | boolean | false | Add a light bottom border to the wrapper element. |
|
|
273
|
+
| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
|
|
274
|
+
| className | string | — | Additional classes for the wrapper element. |
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/areaCharts
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:05:29.105Z
|
|
7
7
|
|
|
8
8
|
## AreaChart
|
|
9
9
|
|
|
@@ -122,7 +122,7 @@ const data: CustomData[] = [
|
|
|
122
122
|
<g class="recharts-layer">
|
|
123
123
|
<defs>
|
|
124
124
|
<clipPath id="animationClipPath-recharts-area-:r1:">
|
|
125
|
-
<rect x="45" y="0" width="
|
|
125
|
+
<rect x="45" y="0" width="88.08954588307893" height="124">
|
|
126
126
|
</rect>
|
|
127
127
|
</clipPath>
|
|
128
128
|
</defs>
|
|
@@ -562,7 +562,7 @@ const data: CustomData[] = [
|
|
|
562
562
|
<g class="recharts-layer">
|
|
563
563
|
<defs>
|
|
564
564
|
<clipPath id="animationClipPath-recharts-area-:r2:">
|
|
565
|
-
<rect x="75" y="0" width="
|
|
565
|
+
<rect x="75" y="0" width="708.1224076590746" height="224">
|
|
566
566
|
</rect>
|
|
567
567
|
</clipPath>
|
|
568
568
|
</defs>
|
|
@@ -580,7 +580,7 @@ const data: CustomData[] = [
|
|
|
580
580
|
<g class="recharts-layer">
|
|
581
581
|
<defs>
|
|
582
582
|
<clipPath id="animationClipPath-recharts-area-:r3:">
|
|
583
|
-
<rect x="75" y="0" width="
|
|
583
|
+
<rect x="75" y="0" width="708.1224076590746" height="224">
|
|
584
584
|
</rect>
|
|
585
585
|
</clipPath>
|
|
586
586
|
</defs>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/aspectRatioPlaceholder
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-02-03T14:04:55.876Z
|
|
7
7
|
|
|
8
8
|
Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.
|
|
9
9
|
|
|
@@ -94,4 +94,12 @@ export default () => (
|
|
|
94
94
|
</div>
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
|
-
```
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
#### Props
|
|
100
|
+
|
|
101
|
+
| Name | Type | Default | Description |
|
|
102
|
+
| --- | --- | --- | --- |
|
|
103
|
+
| height | number | 16 | Defines the aspect ratio width. |
|
|
104
|
+
| width | number | 9 | Defines the aspect ratio height. |
|
|
105
|
+
| className | string | — | Additional class names that are added to the wrapping element. |
|