@rio-cloud/uikit-mcp 1.1.1 → 1.1.3

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 (191) hide show
  1. package/dist/doc-metadata.json +40 -50
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/animatedNumber.md +3 -3
  5. package/dist/docs/components/animatedTextReveal.md +6 -6
  6. package/dist/docs/components/animations.md +31 -31
  7. package/dist/docs/components/appHeader.md +1 -1
  8. package/dist/docs/components/appLayout.md +143 -34
  9. package/dist/docs/components/appNavigationBar.md +1 -1
  10. package/dist/docs/components/areaCharts.md +6 -6
  11. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  12. package/dist/docs/components/assetTree.md +282 -176
  13. package/dist/docs/components/autosuggests.md +1 -1
  14. package/dist/docs/components/avatar.md +1 -1
  15. package/dist/docs/components/banner.md +2 -2
  16. package/dist/docs/components/barCharts.md +70 -70
  17. package/dist/docs/components/barList.md +11 -11
  18. package/dist/docs/components/basicMap.md +7 -7
  19. package/dist/docs/components/bottomSheet.md +1 -1
  20. package/dist/docs/components/button.md +1 -1
  21. package/dist/docs/components/buttonToolbar.md +1 -1
  22. package/dist/docs/components/calendarStripe.md +107 -131
  23. package/dist/docs/components/card.md +1 -1
  24. package/dist/docs/components/carousel.md +1 -1
  25. package/dist/docs/components/chartColors.md +1 -1
  26. package/dist/docs/components/chartsGettingStarted.md +1 -1
  27. package/dist/docs/components/chat.md +2 -2
  28. package/dist/docs/components/checkbox.md +1 -1
  29. package/dist/docs/components/clearableInput.md +1 -1
  30. package/dist/docs/components/collapse.md +2 -2
  31. package/dist/docs/components/composedCharts.md +48 -48
  32. package/dist/docs/components/contentLoader.md +101 -101
  33. package/dist/docs/components/dataTabs.md +8 -8
  34. package/dist/docs/components/datepickers.md +724 -724
  35. package/dist/docs/components/dialogs.md +1 -1
  36. package/dist/docs/components/divider.md +1 -1
  37. package/dist/docs/components/dropdowns.md +4359 -4356
  38. package/dist/docs/components/editableContent.md +1 -1
  39. package/dist/docs/components/expander.md +1 -1
  40. package/dist/docs/components/fade.md +1 -1
  41. package/dist/docs/components/fadeExpander.md +1 -1
  42. package/dist/docs/components/fadeUp.md +2 -2
  43. package/dist/docs/components/feedback.md +1 -1
  44. package/dist/docs/components/filePickers.md +1 -1
  45. package/dist/docs/components/formLabel.md +1 -1
  46. package/dist/docs/components/groupedItemList.md +1 -1
  47. package/dist/docs/components/iconList.md +4 -4
  48. package/dist/docs/components/imagePreloader.md +1 -1
  49. package/dist/docs/components/labeledElement.md +1 -1
  50. package/dist/docs/components/licensePlate.md +1 -1
  51. package/dist/docs/components/lineCharts.md +3 -3
  52. package/dist/docs/components/listMenu.md +1 -1
  53. package/dist/docs/components/loadMore.md +1 -1
  54. package/dist/docs/components/mainNavigation.md +1 -1
  55. package/dist/docs/components/mapCircle.md +3 -3
  56. package/dist/docs/components/mapCluster.md +5 -5
  57. package/dist/docs/components/mapContext.md +3 -3
  58. package/dist/docs/components/mapDraggableMarker.md +3 -3
  59. package/dist/docs/components/mapGettingStarted.md +1 -1
  60. package/dist/docs/components/mapInfoBubble.md +3 -3
  61. package/dist/docs/components/mapLayerGroup.md +3 -3
  62. package/dist/docs/components/mapMarker.md +3 -3
  63. package/dist/docs/components/mapPolygon.md +5 -5
  64. package/dist/docs/components/mapRoute.md +13 -13
  65. package/dist/docs/components/mapRouteGenerator.md +1 -1
  66. package/dist/docs/components/mapSettings.md +11 -11
  67. package/dist/docs/components/mapUtils.md +1 -1
  68. package/dist/docs/components/multiselects.md +1 -1
  69. package/dist/docs/components/noData.md +1 -1
  70. package/dist/docs/components/notifications.md +1 -1
  71. package/dist/docs/components/numbercontrol.md +1 -1
  72. package/dist/docs/components/onboarding.md +1 -1
  73. package/dist/docs/components/page.md +1 -1
  74. package/dist/docs/components/pager.md +1 -1
  75. package/dist/docs/components/pieCharts.md +36 -36
  76. package/dist/docs/components/popover.md +1 -1
  77. package/dist/docs/components/position.md +1 -1
  78. package/dist/docs/components/radialBarCharts.md +25 -25
  79. package/dist/docs/components/radiobutton.md +1 -1
  80. package/dist/docs/components/releaseNotes.md +1 -1
  81. package/dist/docs/components/resizer.md +1 -1
  82. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  83. package/dist/docs/components/responsiveVideo.md +1 -1
  84. package/dist/docs/components/rioglyph.md +1 -1
  85. package/dist/docs/components/rules.md +1 -1
  86. package/dist/docs/components/saveableInput.md +277 -277
  87. package/dist/docs/components/selects.md +1 -1
  88. package/dist/docs/components/sidebar.md +1 -1
  89. package/dist/docs/components/sliders.md +1 -1
  90. package/dist/docs/components/smoothScrollbars.md +1 -1
  91. package/dist/docs/components/spinners.md +1 -1
  92. package/dist/docs/components/states.md +1 -1
  93. package/dist/docs/components/statsWidgets.md +1 -1
  94. package/dist/docs/components/statusBar.md +1 -1
  95. package/dist/docs/components/stepButton.md +1 -1
  96. package/dist/docs/components/steppedProgressBars.md +1 -1
  97. package/dist/docs/components/subNavigation.md +1 -1
  98. package/dist/docs/components/supportMarker.md +1 -1
  99. package/dist/docs/components/svgImage.md +1 -1
  100. package/dist/docs/components/switch.md +1 -1
  101. package/dist/docs/components/tables.md +1 -1
  102. package/dist/docs/components/tagManager.md +1 -1
  103. package/dist/docs/components/tags.md +1 -1
  104. package/dist/docs/components/teaser.md +1 -1
  105. package/dist/docs/components/timeline.md +1 -1
  106. package/dist/docs/components/timepicker.md +1 -1
  107. package/dist/docs/components/toggleButton.md +1 -1
  108. package/dist/docs/components/tooltip.md +1 -1
  109. package/dist/docs/components/virtualList.md +72 -72
  110. package/dist/docs/foundations.md +169 -169
  111. package/dist/docs/start/changelog.md +7 -1
  112. package/dist/docs/start/goodtoknow.md +1 -1
  113. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  114. package/dist/docs/start/guidelines/custom-css.md +1 -1
  115. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  116. package/dist/docs/start/guidelines/formatting.md +1 -1
  117. package/dist/docs/start/guidelines/iframe.md +1 -1
  118. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  119. package/dist/docs/start/guidelines/print-css.md +1 -1
  120. package/dist/docs/start/guidelines/spinner.md +81 -81
  121. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  122. package/dist/docs/start/guidelines/writing.md +1 -1
  123. package/dist/docs/start/howto.md +9 -9
  124. package/dist/docs/start/intro.md +1 -1
  125. package/dist/docs/start/responsiveness.md +1 -1
  126. package/dist/docs/templates/common-table.md +11 -11
  127. package/dist/docs/templates/detail-views.md +2 -2
  128. package/dist/docs/templates/expandable-details.md +1 -1
  129. package/dist/docs/templates/feature-cards.md +55 -55
  130. package/dist/docs/templates/form-summary.md +22 -22
  131. package/dist/docs/templates/form-toggle.md +1 -1
  132. package/dist/docs/templates/list-blocks.md +200 -200
  133. package/dist/docs/templates/loading-progress.md +1 -1
  134. package/dist/docs/templates/options-panel.md +1 -1
  135. package/dist/docs/templates/panel-variants.md +1 -1
  136. package/dist/docs/templates/progress-cards.md +1 -1
  137. package/dist/docs/templates/progress-success.md +1 -1
  138. package/dist/docs/templates/settings-form.md +23 -23
  139. package/dist/docs/templates/stats-blocks.md +16 -16
  140. package/dist/docs/templates/table-panel.md +1 -1
  141. package/dist/docs/templates/table-row-animation.md +1 -1
  142. package/dist/docs/templates/usage-cards.md +1 -1
  143. package/dist/docs/utilities/deviceUtils.md +1 -1
  144. package/dist/docs/utilities/featureToggles.md +1 -1
  145. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  146. package/dist/docs/utilities/routeUtils.md +1 -1
  147. package/dist/docs/utilities/useAfterMount.md +1 -1
  148. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  149. package/dist/docs/utilities/useAverage.md +1 -1
  150. package/dist/docs/utilities/useClickOutside.md +1 -1
  151. package/dist/docs/utilities/useClipboard.md +2 -2
  152. package/dist/docs/utilities/useCount.md +1 -1
  153. package/dist/docs/utilities/useDarkMode.md +1 -1
  154. package/dist/docs/utilities/useDebugInfo.md +4 -4
  155. package/dist/docs/utilities/useEffectOnce.md +1 -1
  156. package/dist/docs/utilities/useElapsedTime.md +1 -1
  157. package/dist/docs/utilities/useElementSize.md +1 -1
  158. package/dist/docs/utilities/useEsc.md +1 -1
  159. package/dist/docs/utilities/useEvent.md +1 -1
  160. package/dist/docs/utilities/useFocusTrap.md +1 -1
  161. package/dist/docs/utilities/useFullscreen.md +1 -1
  162. package/dist/docs/utilities/useHover.md +1 -1
  163. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  164. package/dist/docs/utilities/useInterval.md +1 -1
  165. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  166. package/dist/docs/utilities/useKey.md +1 -1
  167. package/dist/docs/utilities/useLocalStorage.md +1 -1
  168. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  169. package/dist/docs/utilities/useMax.md +1 -1
  170. package/dist/docs/utilities/useMin.md +1 -1
  171. package/dist/docs/utilities/useMutationObserver.md +1 -1
  172. package/dist/docs/utilities/useOnScreen.md +1 -1
  173. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  174. package/dist/docs/utilities/usePostMessage.md +1 -57
  175. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  176. package/dist/docs/utilities/usePrevious.md +1 -1
  177. package/dist/docs/utilities/useResizeObserver.md +1 -1
  178. package/dist/docs/utilities/useScrollPosition.md +1 -1
  179. package/dist/docs/utilities/useSearch.md +1 -1
  180. package/dist/docs/utilities/useSorting.md +1 -1
  181. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  182. package/dist/docs/utilities/useSum.md +1 -1
  183. package/dist/docs/utilities/useTableExport.md +51 -51
  184. package/dist/docs/utilities/useTableSelection.md +87 -87
  185. package/dist/docs/utilities/useTimeout.md +1 -1
  186. package/dist/docs/utilities/useToggle.md +1 -1
  187. package/dist/docs/utilities/useWindowResize.md +1 -1
  188. package/dist/index.mjs +8 -2
  189. package/dist/version.json +2 -2
  190. package/package.json +8 -8
  191. package/dist/docs/components/fullscreenMap.md +0 -10
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useKey
6
- *Captured:* 2025-12-12T14:21:46.141Z
6
+ *Captured:* 2026-01-07T12:12:42.920Z
7
7
 
8
8
  The useKey hook allows to easily detect key events. It can be used in two ways, either to specify a specific key to listen for or with a callback to listen for all keys.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useLocalStorage
6
- *Captured:* 2025-12-12T14:21:50.058Z
6
+ *Captured:* 2026-01-07T12:12:46.654Z
7
7
 
8
8
  The useLocalStorage and the useSessionStorage hook allows to save custom data in the respective storage locations.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useLocationSuggestions
6
- *Captured:* 2025-12-12T14:21:52.494Z
6
+ *Captured:* 2026-01-07T12:12:48.816Z
7
7
 
8
8
  The useLocationSuggestions hook allows to use a side effect after the component has been mounted and rendered. The effect will not be triggered on mount and only when the dependencies change.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useMax
6
- *Captured:* 2025-12-12T14:21:54.226Z
6
+ *Captured:* 2026-01-07T12:12:50.621Z
7
7
 
8
8
  Returns the largest valid numeric value found at the specified path within a list of objects. Supports localized formats and gracefully skips unparsable values.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useMin
6
- *Captured:* 2025-12-12T14:21:54.625Z
6
+ *Captured:* 2026-01-07T12:12:50.771Z
7
7
 
8
8
  Returns the smallest valid numeric value found at the specified path within a list of objects. Handles localized number strings and safely ignores invalid values.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useMutationObserver
6
- *Captured:* 2025-12-12T14:21:47.241Z
6
+ *Captured:* 2026-01-07T12:12:43.945Z
7
7
 
8
8
  The useMutationObserver hook enables you to listen for changes on the given element or on its children. For more details, check out https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useOnScreen
6
- *Captured:* 2025-12-12T14:21:47.575Z
6
+ *Captured:* 2026-01-07T12:12:44.194Z
7
7
 
8
8
  The useOnScreen hook tells you when an element is visible on screen.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useOnlineStatus
6
- *Captured:* 2025-12-12T14:21:50.407Z
6
+ *Captured:* 2026-01-07T12:12:46.834Z
7
7
 
8
8
  The useOnlineStatus hook tells you when there is a network connection or not.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/usePostMessage
6
- *Captured:* 2025-12-12T14:21:51.076Z
6
+ *Captured:* 2026-01-07T12:12:47.464Z
7
7
 
8
8
  The usePostMessage hook allows to easily exchange events and data between the parent window and embedded iframes.
9
9
 
@@ -23,62 +23,6 @@ Parent window
23
23
  Send message to widget iframe
24
24
  Message from widget:-
25
25
 
26
- #### React (tsx)
27
-
28
- ```tsx
29
- import { useState } from 'react';
30
- import IframeResizer from 'iframe-resizer-react';
31
-
32
- import Button from '@rio-cloud/rio-uikit/Button';
33
- import usePostMessage, { type RemoteAction } from '@rio-cloud/rio-uikit/usePostMessage';
34
-
35
- const PREFIX = 'EVENT';
36
- const EVENT_TYPE = `${PREFIX}_POST_MESSAGE_EXAMPLE`;
37
-
38
- export default () => {
39
- const [messageFromWidget, setMessageFromWidget] = useState('-');
40
-
41
- const { sendMessageToWidget } = usePostMessage(PREFIX, (remoteAction: RemoteAction) => {
42
- if (remoteAction.type === EVENT_TYPE) {
43
- setMessageFromWidget(remoteAction.payload);
44
- }
45
- });
46
-
47
- const handleSentToWidget = () => {
48
- sendMessageToWidget(
49
- {
50
- type: EVENT_TYPE,
51
- payload: 'Hello from the parent',
52
- },
53
- document.getElementById('postMessageExample') as HTMLIFrameElement
54
- );
55
- };
56
-
57
- return (
58
- <div className='display-flex gap-25'>
59
- <div className='border rounded padding-20 height-200'>
60
- <div className='text-medium'>Parent window</div>
61
- <div className='btn-toolbar margin-top-20'>
62
- <Button onClick={handleSentToWidget}>Send message to widget iframe</Button>
63
- </div>
64
- <div className='margin-top-20'>
65
- <label>Message from widget:</label>
66
- <div>{messageFromWidget}</div>
67
- </div>
68
- </div>
69
- <div className='iframe-wrapper'>
70
- <IframeResizer
71
- id='postMessageExample'
72
- src='/#postMessageExample'
73
- className='unstyled width-100pct'
74
- style={{ width: '1px', minWidth: '100%' }}
75
- />
76
- </div>
77
- </div>
78
- );
79
- };
80
- ```
81
-
82
26
  #### HTML (html)
83
27
 
84
28
  ```html
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/usePostMessageSender
6
- *Captured:* 2025-12-12T14:21:51.194Z
6
+ *Captured:* 2026-01-07T12:12:47.612Z
7
7
 
8
8
  Helper hook to fire postMessage events to other windows: a specific target (including yourself), the parent or top window, or every iframe on the page. It uses the wildcard target origin (*) and no-ops when a target window is missing, so it is safe to call even when an iframe or parent is not present.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/usePrevious
6
- *Captured:* 2025-12-12T14:21:42.827Z
6
+ *Captured:* 2026-01-07T12:12:39.413Z
7
7
 
8
8
  The usePrevious hook allows to easily access state from previous component render. Instead of using a React.ref and a useEffect, this hook uses a useState internally to keep track of the previous state value.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useResizeObserver
6
- *Captured:* 2025-12-12T14:21:48.456Z
6
+ *Captured:* 2026-01-07T12:12:44.964Z
7
7
 
8
8
  The useResizeObserver hook allows to react on resize changes of a given element.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useScrollPosition
6
- *Captured:* 2025-12-12T14:21:48.541Z
6
+ *Captured:* 2026-01-07T12:12:45.034Z
7
7
 
8
8
  The useScrollPosition hook allows to react on a desired scroll position of a given target. Use it when showing or hiding content based on the scroll position.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useSearch
6
- *Captured:* 2025-12-12T14:21:53.391Z
6
+ *Captured:* 2026-01-07T12:12:49.668Z
7
7
 
8
8
  The useSearch hook is a custom hook to filter a list of objects by a search value. Supports field-based filtering, custom filtering logic, debounce, and case sensitivity.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Table & data hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useSorting
6
- *Captured:* 2025-12-12T14:21:55.977Z
6
+ *Captured:* 2026-01-07T12:12:52.170Z
7
7
 
8
8
  The useSorting hook provides an easy way to sort any list by a specified key using natural sort order. It offers flexible control over sorting direction and key selection, making it ideal for dynamic sorting use cases.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useStateWithValidation
6
- *Captured:* 2025-12-12T14:21:52.841Z
6
+ *Captured:* 2026-01-07T12:12:49.285Z
7
7
 
8
8
  The useStateWithValidation hook allows to easily validate state. This comes in handy when validating form inputs.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useSum
6
- *Captured:* 2025-12-12T14:21:54.991Z
6
+ *Captured:* 2026-01-07T12:12:51.012Z
7
7
 
8
8
  The useSum hook is a versatile utility for calculating the total of numeric, localized values within a list of objects—particularly useful for rendering totals in table footers, dashboards, or KPIs.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Table & data hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useTableExport
6
- *Captured:* 2025-12-12T14:21:55.608Z
6
+ *Captured:* 2026-01-07T12:12:51.931Z
7
7
 
8
8
  The useTableExport hook provides a simple and reusable way to export tabular data as a downloadable CSV file in React applications. It supports custom delimiters, UTF-8 BOM for Excel compatibility, and column header mapping for more readable exports. This is especially useful for tables with user-facing data that may need to be downloaded for offline analysis or reporting.
9
9
 
@@ -15,16 +15,16 @@ Export data
15
15
 
16
16
  IdFirst nameLast nameE-mail
17
17
 
18
- 1ShaniyaLindgrenMakayla34@hotmail.com
19
- 2FriedaHintzCorbin_Hane4@yahoo.com
20
- 3CamrenHillsRaegan.Feil84@yahoo.com
21
- 4JammieKrisWanda_Roberts35@gmail.com
22
- 5LaurelKeelingEunice_Lynch@gmail.com
23
- 6EbbaGoldnerLauren48@hotmail.com
24
- 7DevonLueilwitzJaydon1@hotmail.com
25
- 8JoanyWillDessie_Shanahan25@yahoo.com
26
- 9RobbieSchadenChad91@hotmail.com
27
- 10BrannonBartellJocelyn.Grimes78@yahoo.com
18
+ 1PaxtonHeidenreichBrice.Leannon@yahoo.com
19
+ 2CatalinaKihnFrancesco.Ondricka40@yahoo.com
20
+ 3FletcherHowellSidney.Abshire4@gmail.com
21
+ 4JosefaCartwrightJackeline97@gmail.com
22
+ 5RoyLednerLillian_McCullough@hotmail.com
23
+ 6ShakiraMillerGene_Bergstrom40@gmail.com
24
+ 7LeolaRathThad.Blick@hotmail.com
25
+ 8DamonTillmanDonna.Streich@hotmail.com
26
+ 9NyahRueckerSterling_Roob@hotmail.com
27
+ 10SimoneManteTyrell.Tillman44@hotmail.com
28
28
 
29
29
  #### Summary
30
30
 
@@ -32,16 +32,16 @@ Export data
32
32
 
33
33
  IdFirst nameLast nameE-mail
34
34
 
35
- 1ShaniyaLindgrenMakayla34@hotmail.com
36
- 2FriedaHintzCorbin_Hane4@yahoo.com
37
- 3CamrenHillsRaegan.Feil84@yahoo.com
38
- 4JammieKrisWanda_Roberts35@gmail.com
39
- 5LaurelKeelingEunice_Lynch@gmail.com
40
- 6EbbaGoldnerLauren48@hotmail.com
41
- 7DevonLueilwitzJaydon1@hotmail.com
42
- 8JoanyWillDessie_Shanahan25@yahoo.com
43
- 9RobbieSchadenChad91@hotmail.com
44
- 10BrannonBartellJocelyn.Grimes78@yahoo.com
35
+ 1PaxtonHeidenreichBrice.Leannon@yahoo.com
36
+ 2CatalinaKihnFrancesco.Ondricka40@yahoo.com
37
+ 3FletcherHowellSidney.Abshire4@gmail.com
38
+ 4JosefaCartwrightJackeline97@gmail.com
39
+ 5RoyLednerLillian_McCullough@hotmail.com
40
+ 6ShakiraMillerGene_Bergstrom40@gmail.com
41
+ 7LeolaRathThad.Blick@hotmail.com
42
+ 8DamonTillmanDonna.Streich@hotmail.com
43
+ 9NyahRueckerSterling_Roob@hotmail.com
44
+ 10SimoneManteTyrell.Tillman44@hotmail.com
45
45
 
46
46
  #### React (tsx)
47
47
 
@@ -249,13 +249,13 @@ export default () => {
249
249
  <span>1</span>
250
250
  </td>
251
251
  <td data-field="First name">
252
- <span>Shaniya</span>
252
+ <span>Paxton</span>
253
253
  </td>
254
254
  <td data-field="Last name">
255
- <span>Lindgren</span>
255
+ <span>Heidenreich</span>
256
256
  </td>
257
257
  <td data-field="E-mail">
258
- <span>Makayla34@hotmail.com</span>
258
+ <span>Brice.Leannon@yahoo.com</span>
259
259
  </td>
260
260
  </tr>
261
261
  <tr data-id="2" class="cursor-pointer">
@@ -263,13 +263,13 @@ export default () => {
263
263
  <span>2</span>
264
264
  </td>
265
265
  <td data-field="First name">
266
- <span>Frieda</span>
266
+ <span>Catalina</span>
267
267
  </td>
268
268
  <td data-field="Last name">
269
- <span>Hintz</span>
269
+ <span>Kihn</span>
270
270
  </td>
271
271
  <td data-field="E-mail">
272
- <span>Corbin_Hane4@yahoo.com</span>
272
+ <span>Francesco.Ondricka40@yahoo.com</span>
273
273
  </td>
274
274
  </tr>
275
275
  <tr data-id="3" class="cursor-pointer">
@@ -277,13 +277,13 @@ export default () => {
277
277
  <span>3</span>
278
278
  </td>
279
279
  <td data-field="First name">
280
- <span>Camren</span>
280
+ <span>Fletcher</span>
281
281
  </td>
282
282
  <td data-field="Last name">
283
- <span>Hills</span>
283
+ <span>Howell</span>
284
284
  </td>
285
285
  <td data-field="E-mail">
286
- <span>Raegan.Feil84@yahoo.com</span>
286
+ <span>Sidney.Abshire4@gmail.com</span>
287
287
  </td>
288
288
  </tr>
289
289
  <tr data-id="4" class="cursor-pointer">
@@ -291,13 +291,13 @@ export default () => {
291
291
  <span>4</span>
292
292
  </td>
293
293
  <td data-field="First name">
294
- <span>Jammie</span>
294
+ <span>Josefa</span>
295
295
  </td>
296
296
  <td data-field="Last name">
297
- <span>Kris</span>
297
+ <span>Cartwright</span>
298
298
  </td>
299
299
  <td data-field="E-mail">
300
- <span>Wanda_Roberts35@gmail.com</span>
300
+ <span>Jackeline97@gmail.com</span>
301
301
  </td>
302
302
  </tr>
303
303
  <tr data-id="5" class="cursor-pointer">
@@ -305,13 +305,13 @@ export default () => {
305
305
  <span>5</span>
306
306
  </td>
307
307
  <td data-field="First name">
308
- <span>Laurel</span>
308
+ <span>Roy</span>
309
309
  </td>
310
310
  <td data-field="Last name">
311
- <span>Keeling</span>
311
+ <span>Ledner</span>
312
312
  </td>
313
313
  <td data-field="E-mail">
314
- <span>Eunice_Lynch@gmail.com</span>
314
+ <span>Lillian_McCullough@hotmail.com</span>
315
315
  </td>
316
316
  </tr>
317
317
  <tr data-id="6" class="cursor-pointer">
@@ -319,13 +319,13 @@ export default () => {
319
319
  <span>6</span>
320
320
  </td>
321
321
  <td data-field="First name">
322
- <span>Ebba</span>
322
+ <span>Shakira</span>
323
323
  </td>
324
324
  <td data-field="Last name">
325
- <span>Goldner</span>
325
+ <span>Miller</span>
326
326
  </td>
327
327
  <td data-field="E-mail">
328
- <span>Lauren48@hotmail.com</span>
328
+ <span>Gene_Bergstrom40@gmail.com</span>
329
329
  </td>
330
330
  </tr>
331
331
  <tr data-id="7" class="cursor-pointer">
@@ -333,13 +333,13 @@ export default () => {
333
333
  <span>7</span>
334
334
  </td>
335
335
  <td data-field="First name">
336
- <span>Devon</span>
336
+ <span>Leola</span>
337
337
  </td>
338
338
  <td data-field="Last name">
339
- <span>Lueilwitz</span>
339
+ <span>Rath</span>
340
340
  </td>
341
341
  <td data-field="E-mail">
342
- <span>Jaydon1@hotmail.com</span>
342
+ <span>Thad.Blick@hotmail.com</span>
343
343
  </td>
344
344
  </tr>
345
345
  <tr data-id="8" class="cursor-pointer">
@@ -347,13 +347,13 @@ export default () => {
347
347
  <span>8</span>
348
348
  </td>
349
349
  <td data-field="First name">
350
- <span>Joany</span>
350
+ <span>Damon</span>
351
351
  </td>
352
352
  <td data-field="Last name">
353
- <span>Will</span>
353
+ <span>Tillman</span>
354
354
  </td>
355
355
  <td data-field="E-mail">
356
- <span>Dessie_Shanahan25@yahoo.com</span>
356
+ <span>Donna.Streich@hotmail.com</span>
357
357
  </td>
358
358
  </tr>
359
359
  <tr data-id="9" class="cursor-pointer">
@@ -361,13 +361,13 @@ export default () => {
361
361
  <span>9</span>
362
362
  </td>
363
363
  <td data-field="First name">
364
- <span>Robbie</span>
364
+ <span>Nyah</span>
365
365
  </td>
366
366
  <td data-field="Last name">
367
- <span>Schaden</span>
367
+ <span>Ruecker</span>
368
368
  </td>
369
369
  <td data-field="E-mail">
370
- <span>Chad91@hotmail.com</span>
370
+ <span>Sterling_Roob@hotmail.com</span>
371
371
  </td>
372
372
  </tr>
373
373
  <tr data-id="10" class="cursor-pointer">
@@ -375,13 +375,13 @@ export default () => {
375
375
  <span>10</span>
376
376
  </td>
377
377
  <td data-field="First name">
378
- <span>Brannon</span>
378
+ <span>Simone</span>
379
379
  </td>
380
380
  <td data-field="Last name">
381
- <span>Bartell</span>
381
+ <span>Mante</span>
382
382
  </td>
383
383
  <td data-field="E-mail">
384
- <span>Jocelyn.Grimes78@yahoo.com</span>
384
+ <span>Tyrell.Tillman44@hotmail.com</span>
385
385
  </td>
386
386
  </tr>
387
387
  </tbody>