@rio-cloud/uikit-mcp 1.1.0 → 1.1.1

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 (192) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +20 -20
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +2 -2
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +43 -26
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +372 -463
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +1 -1
  16. package/dist/docs/components/banner.md +1 -1
  17. package/dist/docs/components/barCharts.md +69 -89
  18. package/dist/docs/components/barList.md +3 -3
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +1 -1
  21. package/dist/docs/components/button.md +1 -1
  22. package/dist/docs/components/buttonToolbar.md +1 -1
  23. package/dist/docs/components/calendarStripe.md +9 -1
  24. package/dist/docs/components/card.md +1 -1
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +4 -1
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/clearableInput.md +1 -1
  31. package/dist/docs/components/collapse.md +2 -2
  32. package/dist/docs/components/composedCharts.md +48 -48
  33. package/dist/docs/components/contentLoader.md +101 -101
  34. package/dist/docs/components/dataTabs.md +7 -7
  35. package/dist/docs/components/datepickers.md +5 -5
  36. package/dist/docs/components/dialogs.md +1 -1
  37. package/dist/docs/components/divider.md +1 -1
  38. package/dist/docs/components/dropdowns.md +4353 -4365
  39. package/dist/docs/components/editableContent.md +1 -1
  40. package/dist/docs/components/expander.md +1 -1
  41. package/dist/docs/components/fade.md +1 -1
  42. package/dist/docs/components/fadeExpander.md +1 -1
  43. package/dist/docs/components/fadeUp.md +2 -2
  44. package/dist/docs/components/feedback.md +1 -1
  45. package/dist/docs/components/filePickers.md +1 -1
  46. package/dist/docs/components/formLabel.md +1 -1
  47. package/dist/docs/components/fullscreenMap.md +1 -1
  48. package/dist/docs/components/groupedItemList.md +1 -1
  49. package/dist/docs/components/iconList.md +4 -4
  50. package/dist/docs/components/imagePreloader.md +1 -1
  51. package/dist/docs/components/labeledElement.md +1 -1
  52. package/dist/docs/components/licensePlate.md +1 -1
  53. package/dist/docs/components/lineCharts.md +3 -3
  54. package/dist/docs/components/listMenu.md +1 -1
  55. package/dist/docs/components/loadMore.md +1 -1
  56. package/dist/docs/components/mainNavigation.md +1 -1
  57. package/dist/docs/components/mapCircle.md +1 -1
  58. package/dist/docs/components/mapCluster.md +1 -1
  59. package/dist/docs/components/mapContext.md +1 -1
  60. package/dist/docs/components/mapDraggableMarker.md +1 -1
  61. package/dist/docs/components/mapGettingStarted.md +1 -1
  62. package/dist/docs/components/mapInfoBubble.md +1 -1
  63. package/dist/docs/components/mapLayerGroup.md +1 -1
  64. package/dist/docs/components/mapMarker.md +1 -1
  65. package/dist/docs/components/mapPolygon.md +1 -1
  66. package/dist/docs/components/mapRoute.md +1 -1
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +1 -1
  69. package/dist/docs/components/mapUtils.md +1 -1
  70. package/dist/docs/components/multiselects.md +1 -1
  71. package/dist/docs/components/noData.md +1 -1
  72. package/dist/docs/components/notifications.md +1 -1
  73. package/dist/docs/components/numbercontrol.md +1 -1
  74. package/dist/docs/components/onboarding.md +1 -1
  75. package/dist/docs/components/page.md +1 -1
  76. package/dist/docs/components/pager.md +1 -1
  77. package/dist/docs/components/pieCharts.md +36 -36
  78. package/dist/docs/components/popover.md +1 -1
  79. package/dist/docs/components/position.md +1 -1
  80. package/dist/docs/components/radialBarCharts.md +13 -13
  81. package/dist/docs/components/radiobutton.md +1 -1
  82. package/dist/docs/components/releaseNotes.md +1 -1
  83. package/dist/docs/components/resizer.md +1 -1
  84. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  85. package/dist/docs/components/responsiveVideo.md +1 -1
  86. package/dist/docs/components/rioglyph.md +1 -1
  87. package/dist/docs/components/rules.md +3 -3
  88. package/dist/docs/components/saveableInput.md +9 -9
  89. package/dist/docs/components/selects.md +1 -1
  90. package/dist/docs/components/sidebar.md +1 -1
  91. package/dist/docs/components/sliders.md +1 -1
  92. package/dist/docs/components/smoothScrollbars.md +1 -1
  93. package/dist/docs/components/spinners.md +1 -1
  94. package/dist/docs/components/states.md +1 -1
  95. package/dist/docs/components/statsWidgets.md +1 -1
  96. package/dist/docs/components/statusBar.md +1 -1
  97. package/dist/docs/components/stepButton.md +1 -1
  98. package/dist/docs/components/steppedProgressBars.md +1 -1
  99. package/dist/docs/components/subNavigation.md +1 -1
  100. package/dist/docs/components/supportMarker.md +1 -1
  101. package/dist/docs/components/svgImage.md +1 -1
  102. package/dist/docs/components/switch.md +1 -1
  103. package/dist/docs/components/tables.md +1 -1
  104. package/dist/docs/components/tagManager.md +1 -1
  105. package/dist/docs/components/tags.md +1 -1
  106. package/dist/docs/components/teaser.md +1 -1
  107. package/dist/docs/components/timeline.md +1 -1
  108. package/dist/docs/components/timepicker.md +1 -1
  109. package/dist/docs/components/toggleButton.md +1 -1
  110. package/dist/docs/components/tooltip.md +1 -1
  111. package/dist/docs/components/virtualList.md +70 -67
  112. package/dist/docs/foundations.md +118 -118
  113. package/dist/docs/start/changelog.md +709 -434
  114. package/dist/docs/start/goodtoknow.md +1 -1
  115. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  116. package/dist/docs/start/guidelines/custom-css.md +1 -1
  117. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  118. package/dist/docs/start/guidelines/formatting.md +1 -1
  119. package/dist/docs/start/guidelines/iframe.md +1 -1
  120. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  121. package/dist/docs/start/guidelines/print-css.md +1 -1
  122. package/dist/docs/start/guidelines/spinner.md +81 -81
  123. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  124. package/dist/docs/start/guidelines/writing.md +1 -1
  125. package/dist/docs/start/howto.md +1 -1
  126. package/dist/docs/start/intro.md +1 -1
  127. package/dist/docs/start/responsiveness.md +1 -1
  128. package/dist/docs/templates/common-table.md +11 -11
  129. package/dist/docs/templates/detail-views.md +2 -2
  130. package/dist/docs/templates/expandable-details.md +1 -1
  131. package/dist/docs/templates/feature-cards.md +55 -55
  132. package/dist/docs/templates/form-summary.md +22 -22
  133. package/dist/docs/templates/form-toggle.md +1 -1
  134. package/dist/docs/templates/list-blocks.md +203 -203
  135. package/dist/docs/templates/loading-progress.md +1 -1
  136. package/dist/docs/templates/options-panel.md +1 -1
  137. package/dist/docs/templates/panel-variants.md +1 -1
  138. package/dist/docs/templates/progress-cards.md +1 -1
  139. package/dist/docs/templates/progress-success.md +1 -1
  140. package/dist/docs/templates/settings-form.md +23 -23
  141. package/dist/docs/templates/stats-blocks.md +16 -16
  142. package/dist/docs/templates/table-panel.md +1 -1
  143. package/dist/docs/templates/table-row-animation.md +1 -1
  144. package/dist/docs/templates/usage-cards.md +1 -1
  145. package/dist/docs/utilities/deviceUtils.md +1 -1
  146. package/dist/docs/utilities/featureToggles.md +1 -1
  147. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  148. package/dist/docs/utilities/routeUtils.md +1 -1
  149. package/dist/docs/utilities/useAfterMount.md +1 -1
  150. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  151. package/dist/docs/utilities/useAverage.md +1 -1
  152. package/dist/docs/utilities/useClickOutside.md +1 -1
  153. package/dist/docs/utilities/useClipboard.md +2 -2
  154. package/dist/docs/utilities/useCount.md +1 -1
  155. package/dist/docs/utilities/useDarkMode.md +1 -1
  156. package/dist/docs/utilities/useDebugInfo.md +4 -4
  157. package/dist/docs/utilities/useEffectOnce.md +1 -1
  158. package/dist/docs/utilities/useElapsedTime.md +1 -1
  159. package/dist/docs/utilities/useElementSize.md +1 -1
  160. package/dist/docs/utilities/useEsc.md +1 -1
  161. package/dist/docs/utilities/useEvent.md +1 -1
  162. package/dist/docs/utilities/useFocusTrap.md +1 -1
  163. package/dist/docs/utilities/useFullscreen.md +1 -1
  164. package/dist/docs/utilities/useHover.md +1 -1
  165. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  166. package/dist/docs/utilities/useInterval.md +1 -1
  167. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  168. package/dist/docs/utilities/useKey.md +1 -1
  169. package/dist/docs/utilities/useLocalStorage.md +1 -1
  170. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  171. package/dist/docs/utilities/useMax.md +1 -1
  172. package/dist/docs/utilities/useMin.md +1 -1
  173. package/dist/docs/utilities/useMutationObserver.md +1 -1
  174. package/dist/docs/utilities/useOnScreen.md +1 -1
  175. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  176. package/dist/docs/utilities/usePostMessage.md +1 -1
  177. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  178. package/dist/docs/utilities/usePrevious.md +1 -1
  179. package/dist/docs/utilities/useResizeObserver.md +1 -1
  180. package/dist/docs/utilities/useScrollPosition.md +1 -1
  181. package/dist/docs/utilities/useSearch.md +1 -1
  182. package/dist/docs/utilities/useSorting.md +1 -1
  183. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  184. package/dist/docs/utilities/useSum.md +1 -1
  185. package/dist/docs/utilities/useTableExport.md +51 -51
  186. package/dist/docs/utilities/useTableSelection.md +87 -87
  187. package/dist/docs/utilities/useTimeout.md +1 -1
  188. package/dist/docs/utilities/useToggle.md +1 -1
  189. package/dist/docs/utilities/useWindowResize.md +1 -1
  190. package/dist/index.mjs +1 -1
  191. package/dist/version.json +1 -1
  192. package/package.json +1 -1
package/dist/docs/components/virtualList.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/virtualList
6
- *Captured:* 2025-12-12T12:38:48.209Z
6
+ *Captured:* 2025-12-12T14:20:50.395Z
7
7
 
8
8
  The VirtualList component is designed for efficiently rendering large lists of items by only displaying the visible portion of the list, also known as windowing.
9
9
 
@@ -14,68 +14,68 @@ It allows a specified number of items outside the viewport for smoother scrollin
14
14
  ### Example: Example 1
15
15
 
16
16
  Virtual list with 100 itemsItem 1
17
- Et viverra Sed et quis, adipiscing
17
+ In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus
18
18
 
19
19
  Item 2
20
- Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget
20
+ Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim
21
21
 
22
22
  Item 3
23
- Rutrum Mauris molestie finibus faucibus. pretium
23
+ Ligula ut bibendum, Fusce nunc
24
24
 
25
25
  Item 4
26
- Libero massa, Mauris ante efficitur
26
+ Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum
27
27
 
28
28
  Item 5
29
- In sem. in,
30
- Lorem et
29
+ Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec
31
30
 
32
31
  Item 6
33
- Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut
32
+ Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum
34
33
 
35
34
  Item 7
36
- Finibus et faucibus. elit. et tortor
35
+ Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.
37
36
 
38
37
  Item 8
39
- Adipiscing tortor sem. in Mauris metus ligula felis.
38
+ Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In
40
39
 
41
40
  Item 9
42
- Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat
41
+ Est in ante enim metus Mauris elit. Ut
42
+ Lorem elit. vitae hendrerit scelerisque amet,
43
43
 
44
44
  Item 10
45
- Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus
45
+ Posuere dui orci libero et massa, finibus
46
46
 
47
47
  #### Summary
48
48
 
49
49
  Virtual list with 100 itemsItem 1
50
- Et viverra Sed et quis, adipiscing
50
+ In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus
51
51
 
52
52
  Item 2
53
- Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget
53
+ Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim
54
54
 
55
55
  Item 3
56
- Rutrum Mauris molestie finibus faucibus. pretium
56
+ Ligula ut bibendum, Fusce nunc
57
57
 
58
58
  Item 4
59
- Libero massa, Mauris ante efficitur
59
+ Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum
60
60
 
61
61
  Item 5
62
- In sem. in,
63
- Lorem et
62
+ Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec
64
63
 
65
64
  Item 6
66
- Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut
65
+ Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum
67
66
 
68
67
  Item 7
69
- Finibus et faucibus. elit. et tortor
68
+ Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.
70
69
 
71
70
  Item 8
72
- Adipiscing tortor sem. in Mauris metus ligula felis.
71
+ Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In
73
72
 
74
73
  Item 9
75
- Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat
74
+ Est in ante enim metus Mauris elit. Ut
75
+ Lorem elit. vitae hendrerit scelerisque amet,
76
76
 
77
77
  Item 10
78
- Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus
78
+ Posuere dui orci libero et massa, finibus
79
79
 
80
80
  #### React (tsx)
81
81
 
@@ -123,67 +123,67 @@ export default () => {
123
123
  <div class="max-width-600 padding-y-20">
124
124
  <label class="padding-left-10">Virtual list with 100 items</label>
125
125
  <div class="VirtualList overflow-y-auto max-height-400 padding-x-10" style="height: 100%; position: relative; overflow: auto;">
126
- <div class="position-relative" style="height: 7200px;">
126
+ <div class="position-relative" style="height: 7000px;">
127
127
  <div class="VirtualListItemContainer ">
128
128
  <div class="VirtualListItemWrapper " data-index="0" style="position: absolute; transform: translateY(0px); width: 100%; will-change: transform;">
129
129
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
130
130
  <div class="text-medium" data-test-ignore="text">Item 1</div>
131
- <div class="word-break" data-test-ignore="text">Et viverra Sed et quis, adipiscing</div>
131
+ <div class="word-break" data-test-ignore="text">In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus</div>
132
132
  </div>
133
133
  </div>
134
134
  <div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(70px); width: 100%; will-change: transform;">
135
135
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
136
136
  <div class="text-medium" data-test-ignore="text">Item 2</div>
137
- <div class="word-break" data-test-ignore="text">Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget</div>
137
+ <div class="word-break" data-test-ignore="text">Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim</div>
138
138
  </div>
139
139
  </div>
140
140
  <div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(140px); width: 100%; will-change: transform;">
141
141
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
142
142
  <div class="text-medium" data-test-ignore="text">Item 3</div>
143
- <div class="word-break" data-test-ignore="text">Rutrum Mauris molestie finibus faucibus. pretium</div>
143
+ <div class="word-break" data-test-ignore="text">Ligula ut bibendum, Fusce nunc</div>
144
144
  </div>
145
145
  </div>
146
146
  <div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(210px); width: 100%; will-change: transform;">
147
147
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
148
148
  <div class="text-medium" data-test-ignore="text">Item 4</div>
149
- <div class="word-break" data-test-ignore="text">Libero massa, Mauris ante efficitur</div>
149
+ <div class="word-break" data-test-ignore="text">Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum</div>
150
150
  </div>
151
151
  </div>
152
152
  <div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(280px); width: 100%; will-change: transform;">
153
153
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
154
154
  <div class="text-medium" data-test-ignore="text">Item 5</div>
155
- <div class="word-break" data-test-ignore="text">In sem. in,
156
- Lorem et</div>
155
+ <div class="word-break" data-test-ignore="text">Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec</div>
157
156
  </div>
158
157
  </div>
159
158
  <div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(350px); width: 100%; will-change: transform;">
160
159
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
161
160
  <div class="text-medium" data-test-ignore="text">Item 6</div>
162
- <div class="word-break" data-test-ignore="text">Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut</div>
161
+ <div class="word-break" data-test-ignore="text">Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum</div>
163
162
  </div>
164
163
  </div>
165
164
  <div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(420px); width: 100%; will-change: transform;">
166
165
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
167
166
  <div class="text-medium" data-test-ignore="text">Item 7</div>
168
- <div class="word-break" data-test-ignore="text">Finibus et faucibus. elit. et tortor</div>
167
+ <div class="word-break" data-test-ignore="text">Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.</div>
169
168
  </div>
170
169
  </div>
171
170
  <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(490px); width: 100%; will-change: transform;">
172
171
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
173
172
  <div class="text-medium" data-test-ignore="text">Item 8</div>
174
- <div class="word-break" data-test-ignore="text">Adipiscing tortor sem. in Mauris metus ligula felis.</div>
173
+ <div class="word-break" data-test-ignore="text">Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In</div>
175
174
  </div>
176
175
  </div>
177
176
  <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(560px); width: 100%; will-change: transform;">
178
177
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
179
178
  <div class="text-medium" data-test-ignore="text">Item 9</div>
180
- <div class="word-break" data-test-ignore="text">Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat</div>
179
+ <div class="word-break" data-test-ignore="text">Est in ante enim metus Mauris elit. Ut
180
+ Lorem elit. vitae hendrerit scelerisque amet,</div>
181
181
  </div>
182
182
  </div>
183
183
  <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(630px); width: 100%; will-change: transform;">
184
184
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
185
185
  <div class="text-medium" data-test-ignore="text">Item 10</div>
186
- <div class="word-break" data-test-ignore="text">Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus</div>
186
+ <div class="word-break" data-test-ignore="text">Posuere dui orci libero et massa, finibus</div>
187
187
  </div>
188
188
  </div>
189
189
  </div>
@@ -209,67 +209,69 @@ export default () => {
209
209
 
210
210
  Virtual list with 5000 items
211
211
  Vehicle 1
212
- Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque
212
+ Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.
213
213
 
214
214
  Vehicle 2
215
- Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit
215
+ Ligula Ut tortor in aliquam
216
216
 
217
217
  Vehicle 3
218
- Viverra Integer dolor molestie orci, primis
218
+ Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut
219
219
 
220
220
  Vehicle 4
221
- Faucibus. orci, ante ut et libero primis
221
+ Pretium est orci ante aliquam
222
222
 
223
223
  Vehicle 5
224
- In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus
224
+ Nec condimentum enim sagittis quis, quis, fames dolor
225
225
 
226
226
  Vehicle 6
227
- Bibendum, adipiscing neque. ac semper in sem. Integer vel
227
+ Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.
228
228
 
229
229
  Vehicle 7
230
- Efficitur rutrum lorem velit. ut
230
+ Ante Duis Interdum ut dolor aliquam
231
+ Lorem dolor tincidunt. volutpat primis iaculis. iaculis.
231
232
 
232
233
  Vehicle 8
233
- Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium
234
+ Nec iaculis. et lorem condimentum ac semper. neque. Interdum
234
235
 
235
236
  Vehicle 9
236
- Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac
237
+ Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.
237
238
 
238
239
  Vehicle 10
239
- Dolor semper. vitae sit libero sit quis,
240
+ Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper
240
241
 
241
242
  #### Summary
242
243
 
243
244
  Virtual list with 5000 items
244
245
  Vehicle 1
245
- Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque
246
+ Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.
246
247
 
247
248
  Vehicle 2
248
- Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit
249
+ Ligula Ut tortor in aliquam
249
250
 
250
251
  Vehicle 3
251
- Viverra Integer dolor molestie orci, primis
252
+ Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut
252
253
 
253
254
  Vehicle 4
254
- Faucibus. orci, ante ut et libero primis
255
+ Pretium est orci ante aliquam
255
256
 
256
257
  Vehicle 5
257
- In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus
258
+ Nec condimentum enim sagittis quis, quis, fames dolor
258
259
 
259
260
  Vehicle 6
260
- Bibendum, adipiscing neque. ac semper in sem. Integer vel
261
+ Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.
261
262
 
262
263
  Vehicle 7
263
- Efficitur rutrum lorem velit. ut
264
+ Ante Duis Interdum ut dolor aliquam
265
+ Lorem dolor tincidunt. volutpat primis iaculis. iaculis.
264
266
 
265
267
  Vehicle 8
266
- Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium
268
+ Nec iaculis. et lorem condimentum ac semper. neque. Interdum
267
269
 
268
270
  Vehicle 9
269
- Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac
271
+ Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.
270
272
 
271
273
  Vehicle 10
272
- Dolor semper. vitae sit libero sit quis,
274
+ Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper
273
275
 
274
276
  #### React (tsx)
275
277
 
@@ -350,7 +352,7 @@ export default () => {
350
352
  </div>
351
353
  <div>
352
354
  <div class="text-medium" data-test-ignore="text">Vehicle 1</div>
353
- <div class="word-break" data-test-ignore="text">Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque</div>
355
+ <div class="word-break" data-test-ignore="text">Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.</div>
354
356
  </div>
355
357
  </div>
356
358
  </div>
@@ -362,7 +364,7 @@ export default () => {
362
364
  </div>
363
365
  <div>
364
366
  <div class="text-medium" data-test-ignore="text">Vehicle 2</div>
365
- <div class="word-break" data-test-ignore="text">Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit</div>
367
+ <div class="word-break" data-test-ignore="text">Ligula Ut tortor in aliquam</div>
366
368
  </div>
367
369
  </div>
368
370
  </div>
@@ -374,7 +376,7 @@ export default () => {
374
376
  </div>
375
377
  <div>
376
378
  <div class="text-medium" data-test-ignore="text">Vehicle 3</div>
377
- <div class="word-break" data-test-ignore="text">Viverra Integer dolor molestie orci, primis</div>
379
+ <div class="word-break" data-test-ignore="text">Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut</div>
378
380
  </div>
379
381
  </div>
380
382
  </div>
@@ -386,7 +388,7 @@ export default () => {
386
388
  </div>
387
389
  <div>
388
390
  <div class="text-medium" data-test-ignore="text">Vehicle 4</div>
389
- <div class="word-break" data-test-ignore="text">Faucibus. orci, ante ut et libero primis</div>
391
+ <div class="word-break" data-test-ignore="text">Pretium est orci ante aliquam</div>
390
392
  </div>
391
393
  </div>
392
394
  </div>
@@ -398,11 +400,11 @@ export default () => {
398
400
  </div>
399
401
  <div>
400
402
  <div class="text-medium" data-test-ignore="text">Vehicle 5</div>
401
- <div class="word-break" data-test-ignore="text">In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus</div>
403
+ <div class="word-break" data-test-ignore="text">Nec condimentum enim sagittis quis, quis, fames dolor</div>
402
404
  </div>
403
405
  </div>
404
406
  </div>
405
- <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="5" style="position: absolute; transform: translateY(369px); width: 100%; will-change: transform;">
407
+ <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="5" style="position: absolute; transform: translateY(349px); width: 100%; will-change: transform;">
406
408
  <div class="display-flex gap-15 align-items-center">
407
409
  <div class="Avatar bg-lightest" style="height: 40px;">
408
410
  <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -410,11 +412,11 @@ export default () => {
410
412
  </div>
411
413
  <div>
412
414
  <div class="text-medium" data-test-ignore="text">Vehicle 6</div>
413
- <div class="word-break" data-test-ignore="text">Bibendum, adipiscing neque. ac semper in sem. Integer vel</div>
415
+ <div class="word-break" data-test-ignore="text">Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.</div>
414
416
  </div>
415
417
  </div>
416
418
  </div>
417
- <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="6" style="position: absolute; transform: translateY(439px); width: 100%; will-change: transform;">
419
+ <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="6" style="position: absolute; transform: translateY(419px); width: 100%; will-change: transform;">
418
420
  <div class="display-flex gap-15 align-items-center">
419
421
  <div class="Avatar bg-lightest" style="height: 40px;">
420
422
  <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -422,7 +424,8 @@ export default () => {
422
424
  </div>
423
425
  <div>
424
426
  <div class="text-medium" data-test-ignore="text">Vehicle 7</div>
425
- <div class="word-break" data-test-ignore="text">Efficitur rutrum lorem velit. ut</div>
427
+ <div class="word-break" data-test-ignore="text">Ante Duis Interdum ut dolor aliquam
428
+ Lorem dolor tincidunt. volutpat primis iaculis. iaculis.</div>
426
429
  </div>
427
430
  </div>
428
431
  </div>
@@ -434,7 +437,7 @@ export default () => {
434
437
  </div>
435
438
  <div>
436
439
  <div class="text-medium" data-test-ignore="text">Vehicle 8</div>
437
- <div class="word-break" data-test-ignore="text">Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium</div>
440
+ <div class="word-break" data-test-ignore="text">Nec iaculis. et lorem condimentum ac semper. neque. Interdum</div>
438
441
  </div>
439
442
  </div>
440
443
  </div>
@@ -446,7 +449,7 @@ export default () => {
446
449
  </div>
447
450
  <div>
448
451
  <div class="text-medium" data-test-ignore="text">Vehicle 9</div>
449
- <div class="word-break" data-test-ignore="text">Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac</div>
452
+ <div class="word-break" data-test-ignore="text">Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.</div>
450
453
  </div>
451
454
  </div>
452
455
  </div>
@@ -458,7 +461,7 @@ export default () => {
458
461
  </div>
459
462
  <div>
460
463
  <div class="text-medium" data-test-ignore="text">Vehicle 10</div>
461
- <div class="word-break" data-test-ignore="text">Dolor semper. vitae sit libero sit quis,</div>
464
+ <div class="word-break" data-test-ignore="text">Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper</div>
462
465
  </div>
463
466
  </div>
464
467
  </div>