@widergy/energy-ui 1.136.0 → 1.136.2

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 (256) hide show
  1. package/dist/components/EnergyThemeProvider/index.js +13 -36
  2. package/dist/components/Loading/constants.js +1 -2
  3. package/dist/components/Loading/index.js +13 -12
  4. package/dist/components/Loading/theme.js +9 -11
  5. package/dist/components/UTAlert/AlertHandler.js +75 -101
  6. package/dist/components/UTAlert/index.js +65 -87
  7. package/dist/components/UTAlert/theme.js +29 -31
  8. package/dist/components/UTAttachment/components/Preview/index.js +8 -9
  9. package/dist/components/UTAttachment/constants.js +7 -13
  10. package/dist/components/UTAttachment/index.js +153 -232
  11. package/dist/components/UTAttachment/layout.js +25 -26
  12. package/dist/components/UTAttachment/theme.js +12 -14
  13. package/dist/components/UTAttachment/utils.js +34 -117
  14. package/dist/components/UTAutocomplete/components/ListBox/index.js +13 -21
  15. package/dist/components/UTAutocomplete/components/ListBox/utils.js +9 -11
  16. package/dist/components/UTAutocomplete/constants.js +12 -23
  17. package/dist/components/UTAutocomplete/index.js +45 -66
  18. package/dist/components/UTAutocomplete/theme.js +3 -3
  19. package/dist/components/UTAvatar/constants.js +2 -3
  20. package/dist/components/UTAvatar/index.js +15 -12
  21. package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js +22 -22
  22. package/dist/components/UTBarChart/components/Bars/components/Bar/constants.js +1 -1
  23. package/dist/components/UTBarChart/components/Bars/components/Bar/index.js +21 -22
  24. package/dist/components/UTBarChart/components/Bars/constants.js +3 -6
  25. package/dist/components/UTBarChart/components/Bars/index.js +70 -80
  26. package/dist/components/UTBarChart/components/Legend/constants.js +12 -18
  27. package/dist/components/UTBarChart/components/Legend/index.js +73 -91
  28. package/dist/components/UTBarChart/components/Legend/utils.js +1 -5
  29. package/dist/components/UTBarChart/components/Levels/index.js +16 -14
  30. package/dist/components/UTBarChart/components/Levels/utils.js +25 -27
  31. package/dist/components/UTBarChart/components/LinearPlot/constants.js +3 -5
  32. package/dist/components/UTBarChart/components/LinearPlot/index.js +25 -20
  33. package/dist/components/UTBarChart/components/LinearPlot/utils.js +37 -39
  34. package/dist/components/UTBarChart/components/Pagination/constants.js +1 -2
  35. package/dist/components/UTBarChart/components/Pagination/index.js +20 -24
  36. package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +21 -32
  37. package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +2 -4
  38. package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +20 -19
  39. package/dist/components/UTBarChart/components/XAxis/constants.js +1 -2
  40. package/dist/components/UTBarChart/components/XAxis/index.js +54 -65
  41. package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +12 -11
  42. package/dist/components/UTBarChart/components/YAxis/constants.js +1 -2
  43. package/dist/components/UTBarChart/components/YAxis/index.js +24 -31
  44. package/dist/components/UTBarChart/components/YAxis/utils.js +4 -6
  45. package/dist/components/UTBarChart/constants.js +4 -8
  46. package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +23 -40
  47. package/dist/components/UTBarChart/index.js +148 -162
  48. package/dist/components/UTBarChart/theme.js +102 -104
  49. package/dist/components/UTBarChart/types.js +9 -17
  50. package/dist/components/UTBarChart/utils.js +107 -111
  51. package/dist/components/UTBreadcrumbs/constants.js +3 -6
  52. package/dist/components/UTBreadcrumbs/index.js +79 -106
  53. package/dist/components/UTBreadcrumbs/theme.js +21 -23
  54. package/dist/components/UTButton/index.js +48 -71
  55. package/dist/components/UTButton/theme.js +172 -174
  56. package/dist/components/UTCBUInput/index.js +36 -40
  57. package/dist/components/UTCBUInput/theme.js +5 -7
  58. package/dist/components/UTCaptcha/index.js +19 -45
  59. package/dist/components/UTCard/components/UTCardFooter/index.js +16 -17
  60. package/dist/components/UTCard/index.js +87 -122
  61. package/dist/components/UTCard/theme.js +8 -11
  62. package/dist/components/UTCard/types.js +2 -3
  63. package/dist/components/UTCarousel/components/Button/index.js +13 -13
  64. package/dist/components/UTCarousel/components/Legend/index.js +14 -16
  65. package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
  66. package/dist/components/UTCarousel/components/Slider/constants.js +5 -10
  67. package/dist/components/UTCarousel/components/Slider/index.js +181 -252
  68. package/dist/components/UTCarousel/components/Slider/layout.js +66 -93
  69. package/dist/components/UTCarousel/index.js +14 -15
  70. package/dist/components/UTCarousel/theme.js +35 -37
  71. package/dist/components/UTCheckList/constants.js +1 -2
  72. package/dist/components/UTCheckList/index.js +72 -91
  73. package/dist/components/UTCheckList/theme.js +66 -70
  74. package/dist/components/UTCheckbox/constants.js +3 -6
  75. package/dist/components/UTCheckbox/index.js +31 -42
  76. package/dist/components/UTCheckbox/theme.js +49 -53
  77. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
  78. package/dist/components/UTConsumptionBar/constants.js +3 -6
  79. package/dist/components/UTConsumptionBar/index.js +49 -74
  80. package/dist/components/UTCuit/index.js +109 -133
  81. package/dist/components/UTCuit/theme.js +47 -49
  82. package/dist/components/UTDatePicker/components/Day/constants.js +1 -2
  83. package/dist/components/UTDatePicker/components/Day/index.js +12 -12
  84. package/dist/components/UTDatePicker/constants.js +20 -31
  85. package/dist/components/UTDatePicker/index.js +59 -101
  86. package/dist/components/UTDatePicker/theme.js +173 -177
  87. package/dist/components/UTDatePicker/types.js +2 -3
  88. package/dist/components/UTDatePicker/utils.js +2 -6
  89. package/dist/components/UTDialog/components/ActionButton/index.js +10 -9
  90. package/dist/components/UTDialog/constants.js +2 -4
  91. package/dist/components/UTDialog/index.js +39 -38
  92. package/dist/components/UTDialog/theme.js +93 -95
  93. package/dist/components/UTDialog/types.js +2 -3
  94. package/dist/components/UTDotMenu/index.js +33 -57
  95. package/dist/components/UTEmojiPicker/constants.js +6 -11
  96. package/dist/components/UTEmojiPicker/index.js +45 -65
  97. package/dist/components/UTEmojiPicker/theme.js +1 -1
  98. package/dist/components/UTEmojiPicker/utils.js +21 -51
  99. package/dist/components/UTExternalLink/index.js +17 -14
  100. package/dist/components/UTFileInput/constants.js +2 -4
  101. package/dist/components/UTFileInput/index.js +7 -31
  102. package/dist/components/UTFileInput/layout.js +67 -96
  103. package/dist/components/UTIconButton/index.js +49 -72
  104. package/dist/components/UTIconButton/theme.js +53 -55
  105. package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +53 -58
  106. package/dist/components/UTImageRadio/constants.js +3 -6
  107. package/dist/components/UTImageRadio/index.js +39 -47
  108. package/dist/components/UTImageRadio/theme.js +8 -11
  109. package/dist/components/UTImageRadio/types.js +2 -3
  110. package/dist/components/UTImageRadio/utils.js +2 -6
  111. package/dist/components/UTLabel/index.js +69 -90
  112. package/dist/components/UTLabel/theme.js +84 -86
  113. package/dist/components/UTList/index.js +15 -18
  114. package/dist/components/UTLoading/index.js +15 -15
  115. package/dist/components/UTMap/components/GoogleMaps/constants.js +8 -11
  116. package/dist/components/UTMap/components/GoogleMaps/index.js +63 -91
  117. package/dist/components/UTMap/components/GoogleMaps/styles.js +2 -3
  118. package/dist/components/UTMap/constants.js +6 -12
  119. package/dist/components/UTMap/index.js +163 -198
  120. package/dist/components/UTMap/types.js +4 -6
  121. package/dist/components/UTMap/utils.js +29 -46
  122. package/dist/components/UTMap/withGoogleMapScript.js +12 -17
  123. package/dist/components/UTMenu/index.js +52 -69
  124. package/dist/components/UTMenu/theme.js +2 -2
  125. package/dist/components/UTMenu/utils.js +5 -11
  126. package/dist/components/UTPagination/theme.js +4 -2
  127. package/dist/components/UTPanel/index.js +38 -44
  128. package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +14 -11
  129. package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +24 -21
  130. package/dist/components/UTPasswordField/components/PasswordValidations/index.js +63 -50
  131. package/dist/components/UTPasswordField/components/PasswordWarning/index.js +26 -27
  132. package/dist/components/UTPasswordField/index.js +26 -23
  133. package/dist/components/UTPasswordField/theme.js +37 -39
  134. package/dist/components/UTPhoneInput/constants.js +3 -6
  135. package/dist/components/UTPhoneInput/index.js +180 -205
  136. package/dist/components/UTPhoneInput/theme.js +109 -113
  137. package/dist/components/UTPieChart/components/ArrowLabel/constants.js +4 -8
  138. package/dist/components/UTPieChart/components/ArrowLabel/index.js +24 -23
  139. package/dist/components/UTPieChart/components/Legend/contants.js +3 -6
  140. package/dist/components/UTPieChart/components/Legend/index.js +27 -24
  141. package/dist/components/UTPieChart/constants.js +13 -26
  142. package/dist/components/UTPieChart/hooks/use-animated-value/index.js +15 -33
  143. package/dist/components/UTPieChart/index.js +73 -76
  144. package/dist/components/UTPieChart/theme.js +23 -25
  145. package/dist/components/UTPieChart/utils.js +4 -2
  146. package/dist/components/UTProgressBar/constants.js +2 -4
  147. package/dist/components/UTProgressBar/index.js +12 -11
  148. package/dist/components/UTProgressBar/theme.js +25 -27
  149. package/dist/components/UTProgressBar/types.js +2 -3
  150. package/dist/components/UTRadioGroup/index.js +45 -71
  151. package/dist/components/UTRadioGroup/theme.js +82 -86
  152. package/dist/components/UTRating/components/Circle/index.js +41 -56
  153. package/dist/components/UTRating/components/Faces/constants.js +2 -4
  154. package/dist/components/UTRating/components/Faces/index.js +34 -36
  155. package/dist/components/UTRating/components/Star/index.js +36 -40
  156. package/dist/components/UTRating/constants.js +4 -8
  157. package/dist/components/UTRating/index.js +31 -46
  158. package/dist/components/UTRating/theme.js +77 -79
  159. package/dist/components/UTRipple/Ripple.js +22 -39
  160. package/dist/components/UTRipple/index.js +18 -37
  161. package/dist/components/UTSelect/components/Option/index.js +13 -13
  162. package/dist/components/UTSelect/constants.js +4 -8
  163. package/dist/components/UTSelect/index.js +61 -81
  164. package/dist/components/UTSelect/stylesJS.js +2 -3
  165. package/dist/components/UTSelect/theme.js +43 -45
  166. package/dist/components/UTSelect/utils.js +3 -13
  167. package/dist/components/UTSidebar/components/ListOption/index.js +32 -47
  168. package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +8 -8
  169. package/dist/components/UTSidebar/components/LogosContainer/index.js +14 -14
  170. package/dist/components/UTSidebar/components/Option/constants.js +2 -3
  171. package/dist/components/UTSidebar/components/Option/index.js +28 -32
  172. package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
  173. package/dist/components/UTSidebar/index.js +42 -53
  174. package/dist/components/UTSidebar/theme.js +1 -1
  175. package/dist/components/UTSidebar/types.js +5 -10
  176. package/dist/components/UTSkeleton/index.js +10 -36
  177. package/dist/components/UTSwitch/constants.js +3 -6
  178. package/dist/components/UTSwitch/index.js +42 -57
  179. package/dist/components/UTSwitch/theme.js +115 -117
  180. package/dist/components/UTTable/components/ActionIcons/constants.js +1 -2
  181. package/dist/components/UTTable/components/ActionIcons/index.js +44 -81
  182. package/dist/components/UTTable/components/Cell/index.js +18 -23
  183. package/dist/components/UTTable/components/HeaderCell/constants.js +2 -3
  184. package/dist/components/UTTable/components/HeaderCell/index.js +23 -30
  185. package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
  186. package/dist/components/UTTable/components/PrimaryAction/index.js +12 -11
  187. package/dist/components/UTTable/components/ResponsiveCell/index.js +19 -20
  188. package/dist/components/UTTable/components/Status/index.js +18 -19
  189. package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +10 -9
  190. package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +7 -13
  191. package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
  192. package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +21 -32
  193. package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +8 -14
  194. package/dist/components/UTTable/components/TableFooter/constants.js +1 -2
  195. package/dist/components/UTTable/components/TableFooter/index.js +15 -15
  196. package/dist/components/UTTable/components/TableHeader/index.js +11 -11
  197. package/dist/components/UTTable/components/TableRow/constants.js +3 -6
  198. package/dist/components/UTTable/components/TableRow/index.js +79 -94
  199. package/dist/components/UTTable/constants.js +26 -43
  200. package/dist/components/UTTable/hook.js +11 -26
  201. package/dist/components/UTTable/index.js +125 -213
  202. package/dist/components/UTTable/theme.js +13 -16
  203. package/dist/components/UTTable/types.js +4 -8
  204. package/dist/components/UTTable/utils.js +70 -74
  205. package/dist/components/UTTabs/components/TooltipTab/index.js +20 -30
  206. package/dist/components/UTTabs/constants.js +4 -8
  207. package/dist/components/UTTabs/index.js +55 -84
  208. package/dist/components/UTTabs/theme.js +112 -114
  209. package/dist/components/UTTabs/utils.js +1 -1
  210. package/dist/components/UTTextArea/constants.js +4 -6
  211. package/dist/components/UTTextArea/index.js +40 -24
  212. package/dist/components/UTTextArea/styles.module.scss +20 -1
  213. package/dist/components/UTTextArea/theme.js +1 -1
  214. package/dist/components/UTTextInput/constants.js +2 -3
  215. package/dist/components/UTTextInput/index.js +116 -146
  216. package/dist/components/UTTextInput/theme.js +28 -30
  217. package/dist/components/UTThirdPartyCookieChecker/index.js +17 -21
  218. package/dist/components/UTToggle/components/ToggleOption/index.js +16 -17
  219. package/dist/components/UTToggle/index.js +25 -26
  220. package/dist/components/UTToggle/theme.js +47 -49
  221. package/dist/components/UTTooltip/index.js +23 -30
  222. package/dist/components/UTTooltip/theme.js +1 -1
  223. package/dist/components/UTTopbar/theme.js +4 -2
  224. package/dist/components/UTTouchableWithoutFeedback/index.js +14 -27
  225. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +2 -4
  226. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +34 -31
  227. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
  228. package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +6 -12
  229. package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +8 -18
  230. package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +23 -47
  231. package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +31 -34
  232. package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +81 -93
  233. package/dist/components/UTVirtualizedList/constants.js +4 -8
  234. package/dist/components/UTVirtualizedList/index.js +26 -38
  235. package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +11 -11
  236. package/dist/components/UTWorkflowContainer/constants.js +5 -9
  237. package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
  238. package/dist/components/UTWorkflowContainer/index.js +31 -50
  239. package/dist/components/UTWorkflowContainer/theme.js +70 -64
  240. package/dist/components/UTWorkflowContainer/types.js +2 -3
  241. package/dist/components/WithLoading/index.js +10 -15
  242. package/dist/components/WithTheme/index.js +10 -17
  243. package/dist/components/WithTheme/layout.js +18 -41
  244. package/dist/components/WithTouch/index.js +12 -19
  245. package/dist/index.js +54 -54
  246. package/dist/scss/variables/colors.module.scss +1 -0
  247. package/dist/theme.js +5 -3
  248. package/dist/types/commonTypes.js +3 -5
  249. package/dist/types/consumptionTypes.js +3 -5
  250. package/dist/types/formTypes.js +4 -7
  251. package/dist/types/tableTypes.js +2 -3
  252. package/dist/utils/classesUtils.js +4 -10
  253. package/dist/utils/componentUtils.js +10 -13
  254. package/dist/utils/helperFunctions.js +4 -4
  255. package/dist/utils/useScreenSize.js +2 -3
  256. package/package.json +1 -1
@@ -7,53 +7,51 @@ exports.retrieveStyle = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
8
  var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var retrieveStyle = function retrieveStyle(theme) {
11
- return {
12
- container: {
13
- alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'alignItems'], 'center'),
14
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'backgroundColor']),
15
- borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'borderRadius'], '30px'),
16
- display: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'display'], 'flex'),
17
- height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'height'], 'fit-content'),
18
- maxHeight: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'maxHeight'], 'fit-content'),
19
- maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'maxWidth'], 'fit-content'),
20
- width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'width'], 'fit-content')
21
- },
22
- horizontalContainer: {
23
- flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'horizontalContainer', 'flexDirection'], 'row')
24
- },
25
- verticalContainer: {
26
- flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'verticalContainer', 'flexDirection'], 'column')
27
- },
28
- option: {
29
- alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'alignItems'], 'center'),
30
- borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'borderRadius'], '30px'),
31
- display: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'display'], 'flex'),
32
- height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'height'], '40px'),
33
- justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'justifyContent'], 'center'),
34
- transition: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'transition'], 'background-color 0.4s ease'),
35
- width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'width'], '40px')
36
- },
37
- selectedOption: {
38
- backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedOption', 'backgroundColor']),
39
- pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedOption', 'pointerEvents'], 'none')
40
- },
41
- selectedLabel: {
42
- color: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedLabel', 'color'], "".concat(_colorsModule.default.white))
43
- },
44
- unSelectedLabel: {
45
- color: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'unSelectedLabel', 'color'])
46
- },
47
- icon: {
48
- height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'icon', 'height'], '24px'),
49
- width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'icon', 'width'], '24px')
50
- },
51
- unselectedIcon: {
52
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'unselectedIcon', 'fill'])
53
- },
54
- selectedIcon: {
55
- fill: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedIcon', 'fill'], "".concat(_colorsModule.default.white))
56
- }
57
- };
58
- };
10
+ const retrieveStyle = theme => ({
11
+ container: {
12
+ alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'alignItems'], 'center'),
13
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'backgroundColor']),
14
+ borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'borderRadius'], '30px'),
15
+ display: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'display'], 'flex'),
16
+ height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'height'], 'fit-content'),
17
+ maxHeight: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'maxHeight'], 'fit-content'),
18
+ maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'maxWidth'], 'fit-content'),
19
+ width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'container', 'width'], 'fit-content')
20
+ },
21
+ horizontalContainer: {
22
+ flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'horizontalContainer', 'flexDirection'], 'row')
23
+ },
24
+ verticalContainer: {
25
+ flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'verticalContainer', 'flexDirection'], 'column')
26
+ },
27
+ option: {
28
+ alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'alignItems'], 'center'),
29
+ borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'borderRadius'], '30px'),
30
+ display: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'display'], 'flex'),
31
+ height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'height'], '40px'),
32
+ justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'justifyContent'], 'center'),
33
+ transition: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'transition'], 'background-color 0.4s ease'),
34
+ width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'option', 'width'], '40px')
35
+ },
36
+ selectedOption: {
37
+ backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedOption', 'backgroundColor']),
38
+ pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedOption', 'pointerEvents'], 'none')
39
+ },
40
+ selectedLabel: {
41
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedLabel', 'color'], "".concat(_colorsModule.default.white))
42
+ },
43
+ unSelectedLabel: {
44
+ color: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'unSelectedLabel', 'color'])
45
+ },
46
+ icon: {
47
+ height: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'icon', 'height'], '24px'),
48
+ width: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'icon', 'width'], '24px')
49
+ },
50
+ unselectedIcon: {
51
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'unselectedIcon', 'fill'])
52
+ },
53
+ selectedIcon: {
54
+ fill: (0, _seamlessImmutable.getIn)(theme, ['UTToggle', 'selectedIcon', 'fill'], "".concat(_colorsModule.default.white))
55
+ }
56
+ });
59
57
  exports.retrieveStyle = retrieveStyle;
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -16,34 +15,29 @@ var _classesUtils = require("../../utils/classesUtils");
16
15
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
17
16
  var _theme = require("./theme");
18
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
- var UTTooltip = function UTTooltip(_ref) {
23
- var _ref$arrow = _ref.arrow,
24
- arrow = _ref$arrow === void 0 ? true : _ref$arrow,
25
- children = _ref.children,
26
- themeStyles = _ref.classes,
27
- className = _ref.className,
28
- content = _ref.content,
29
- _ref$duration = _ref.duration,
30
- duration = _ref$duration === void 0 ? [600, 350] : _ref$duration,
31
- forceArrow = _ref.forceArrow,
32
- _ref$hideOnClick = _ref.hideOnClick,
33
- hideOnClick = _ref$hideOnClick === void 0 ? false : _ref$hideOnClick,
34
- _ref$inertia = _ref.inertia,
35
- inertia = _ref$inertia === void 0 ? true : _ref$inertia,
36
- _ref$interactive = _ref.interactive,
37
- interactive = _ref$interactive === void 0 ? true : _ref$interactive,
38
- stringContentClassName = _ref.stringContentClassName,
39
- stringContentProps = _ref.stringContentProps,
40
- tippyProps = _ref.tippyProps;
41
- var theme = (0, _react.useMemo)(function () {
42
- return (0, _classesUtils.mergeClasses)(themeStyles, {
43
- container: className,
44
- stringContent: stringContentClassName
45
- });
46
- }, [className, stringContentClassName]);
21
+ const UTTooltip = _ref => {
22
+ let {
23
+ arrow = true,
24
+ children,
25
+ classes: themeStyles,
26
+ className,
27
+ content,
28
+ duration = [600, 350],
29
+ forceArrow,
30
+ hideOnClick = false,
31
+ inertia = true,
32
+ interactive = true,
33
+ stringContentClassName,
34
+ stringContentProps,
35
+ tippyProps
36
+ } = _ref;
37
+ const theme = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeStyles, {
38
+ container: className,
39
+ stringContent: stringContentClassName
40
+ }), [className, stringContentClassName]);
47
41
  if (!content) return children;
48
42
  return /*#__PURE__*/_react.default.createElement(_react2.default, _extends({
49
43
  animation: "shift-toward",
@@ -75,5 +69,4 @@ UTTooltip.propTypes = {
75
69
  stringContentProps: _propTypes.object,
76
70
  tippyProps: _propTypes.object
77
71
  };
78
- var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTooltip);
79
- exports.default = _default;
72
+ var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTooltip);
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
- var retrieveStyle = function retrieveStyle(theme) {
7
+ const retrieveStyle = theme => {
8
8
  var _theme$UTTooltip, _theme$UTTooltip2, _theme$UTTooltip3, _theme$UTTooltip4, _theme$UTTooltip5, _theme$UTTooltip6, _theme$UTTooltip7, _theme$UTTooltip8, _theme$UTTooltip9;
9
9
  return {
10
10
  container: {
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.retrieveStyle = void 0;
7
7
  var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- var retrieveStyle = function retrieveStyle(_ref) {
9
+ const retrieveStyle = _ref => {
10
10
  var _theme$UTTopbar, _theme$UTTopbar2, _theme$UTTopbar3, _theme$UTTopbar4, _theme$UTTopbar5, _theme$UTTopbar6, _theme$UTTopbar7, _theme$UTTopbar8, _theme$UTTopbar9, _theme$UTTopbar10, _theme$UTTopbar11, _theme$UTTopbar12, _theme$UTTopbar13, _theme$UTTopbar14, _theme$UTTopbar15, _theme$UTTopbar16, _theme$UTTopbar17, _theme$UTTopbar18, _theme$UTTopbar19, _theme$UTTopbar20, _theme$UTTopbar21, _theme$UTTopbar22, _theme$UTTopbar23, _theme$UTTopbar24, _theme$UTTopbar25, _theme$UTTopbar26, _theme$UTTopbar27, _theme$UTTopbar28, _theme$UTTopbar29, _theme$UTTopbar30, _theme$UTTopbar31, _theme$UTTopbar32, _theme$UTTopbar33, _theme$UTTopbar34, _theme$UTTopbar35, _theme$UTTopbar36, _theme$UTTopbar37, _theme$UTTopbar38, _theme$UTTopbar39, _theme$UTTopbar40, _theme$UTTopbar41, _theme$UTTopbar42, _theme$UTTopbar43, _theme$UTTopbar44, _theme$UTTopbar45, _theme$UTTopbar46;
11
- var theme = _ref.theme;
11
+ let {
12
+ theme
13
+ } = _ref;
12
14
  return {
13
15
  container: {
14
16
  background: (theme === null || theme === void 0 || (_theme$UTTopbar = theme.UTTopbar) === null || _theme$UTTopbar === void 0 || (_theme$UTTopbar = _theme$UTTopbar.container) === null || _theme$UTTopbar === void 0 ? void 0 : _theme$UTTopbar.background) || _colorsModule.default.white,
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
@@ -9,33 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
9
8
  var _propTypes = require("prop-types");
10
9
  var _UTRipple = _interopRequireDefault(require("../UTRipple"));
11
10
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
12
- var _excluded = ["children", "className", "onClick", "containerSetter", "withRipple", "keyName"];
13
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
19
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
20
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
24
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
15
  function UTTouchableWithoutFeedback(_ref) {
26
- var children = _ref.children,
27
- className = _ref.className,
28
- onClick = _ref.onClick,
29
- containerSetter = _ref.containerSetter,
30
- _ref$withRipple = _ref.withRipple,
31
- withRipple = _ref$withRipple === void 0 ? false : _ref$withRipple,
32
- keyName = _ref.keyName,
33
- props = _objectWithoutProperties(_ref, _excluded);
34
- var _useState = (0, _react.useState)(null),
35
- _useState2 = _slicedToArray(_useState, 2),
36
- buttonRef = _useState2[0],
37
- setButtonRef = _useState2[1];
38
- var setRef = function setRef(ref) {
16
+ let {
17
+ children,
18
+ className,
19
+ onClick,
20
+ containerSetter,
21
+ withRipple = false,
22
+ keyName,
23
+ ...props
24
+ } = _ref;
25
+ const [buttonRef, setButtonRef] = (0, _react.useState)(null);
26
+ const setRef = ref => {
39
27
  setButtonRef(ref);
40
28
  if (containerSetter) containerSetter(ref);
41
29
  };
@@ -57,5 +45,4 @@ UTTouchableWithoutFeedback.propTypes = {
57
45
  withRipple: _propTypes.bool,
58
46
  keyName: _propTypes.string
59
47
  };
60
- var _default = UTTouchableWithoutFeedback;
61
- exports.default = _default;
48
+ var _default = exports.default = UTTouchableWithoutFeedback;
@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SUB_KEY = exports.KEY = void 0;
7
- var KEY = 'UTV-ROW-';
8
- exports.KEY = KEY;
9
- var SUB_KEY = 'UTV-ITEM-';
10
- exports.SUB_KEY = SUB_KEY;
7
+ const KEY = exports.KEY = 'UTV-ROW-';
8
+ const SUB_KEY = exports.SUB_KEY = 'UTV-ITEM-';
@@ -12,25 +12,31 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
  /* eslint-disable react/no-array-index-key */
14
14
 
15
- var ListRow = function ListRow(_ref) {
15
+ const ListRow = _ref => {
16
16
  var _ledgerRef$current$el, _ledgerRef$current;
17
- var row = _ref.row,
18
- index = _ref.index,
19
- effect = _ref.effect,
20
- configItemRender = _ref.configItemRender,
21
- updateLedger = _ref.updateLedger,
22
- ledgerRef = _ref.ledgerRef;
23
- var elementKey = "".concat(_constants.KEY).concat(index);
24
- var _useResizeEvent = (0, _energyHooks.useResizeEvent)(function (element) {
25
- var _ref2 = element || {},
26
- clientHeight = _ref2.clientHeight;
27
- if (clientHeight) updateLedger(elementKey, clientHeight);
28
- }),
29
- setRef = _useResizeEvent.setRef;
30
- var itemRenderer = configItemRender.itemRenderer,
31
- itemPadding = configItemRender.itemPadding,
32
- elementWidth = configItemRender.elementWidth;
33
- var width = elementWidth - itemPadding;
17
+ let {
18
+ row,
19
+ index,
20
+ effect,
21
+ configItemRender,
22
+ updateLedger,
23
+ ledgerRef
24
+ } = _ref;
25
+ const elementKey = "".concat(_constants.KEY).concat(index);
26
+ const {
27
+ setRef
28
+ } = (0, _energyHooks.useResizeEvent)(element => {
29
+ const {
30
+ clientHeight
31
+ } = element || {};
32
+ if (clientHeight) updateLedger(elementKey, clientHeight);
33
+ });
34
+ const {
35
+ itemRenderer,
36
+ itemPadding,
37
+ elementWidth
38
+ } = configItemRender;
39
+ const width = elementWidth - itemPadding;
34
40
  return /*#__PURE__*/_react.default.createElement("div", {
35
41
  key: elementKey,
36
42
  className: "".concat(_stylesModule.default.row, " ").concat(_stylesModule.default[effect]),
@@ -38,17 +44,15 @@ var ListRow = function ListRow(_ref) {
38
44
  top: (_ledgerRef$current$el = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[elementKey]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.offset) !== null && _ledgerRef$current$el !== void 0 ? _ledgerRef$current$el : 0
39
45
  },
40
46
  ref: setRef
41
- }, row.map(function (item, itemIndex) {
42
- return item && /*#__PURE__*/_react.default.createElement("div", {
43
- key: "".concat(_constants.SUB_KEY).concat(itemIndex),
44
- style: {
45
- padding: itemPadding / 2,
46
- width: width,
47
- maxWidth: width
48
- },
49
- className: _stylesModule.default.item
50
- }, itemRenderer(item, index));
51
- }));
47
+ }, row.map((item, itemIndex) => item && /*#__PURE__*/_react.default.createElement("div", {
48
+ key: "".concat(_constants.SUB_KEY).concat(itemIndex),
49
+ style: {
50
+ padding: itemPadding / 2,
51
+ width,
52
+ maxWidth: width
53
+ },
54
+ className: _stylesModule.default.item
55
+ }, itemRenderer(item, index))));
52
56
  };
53
57
  ListRow.propTypes = {
54
58
  row: _propTypes.array,
@@ -67,5 +71,4 @@ ListRow.propTypes = {
67
71
  }))
68
72
  })
69
73
  };
70
- var _default = ListRow;
71
- exports.default = _default;
74
+ var _default = exports.default = ListRow;
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getDynamicPosition = void 0;
7
- var getDynamicPosition = function getDynamicPosition(ref, position, setPosition) {
7
+ const getDynamicPosition = (ref, position, setPosition) => {
8
8
  var _ref$current, _sibling$clientHeight, _sibling$offsetTop;
9
- var sibling = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousSibling;
10
- var height = (_sibling$clientHeight = sibling === null || sibling === void 0 ? void 0 : sibling.clientHeight) !== null && _sibling$clientHeight !== void 0 ? _sibling$clientHeight : 0;
11
- var offsetTop = (_sibling$offsetTop = sibling === null || sibling === void 0 ? void 0 : sibling.offsetTop) !== null && _sibling$offsetTop !== void 0 ? _sibling$offsetTop : 0;
9
+ const sibling = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousSibling;
10
+ const height = (_sibling$clientHeight = sibling === null || sibling === void 0 ? void 0 : sibling.clientHeight) !== null && _sibling$clientHeight !== void 0 ? _sibling$clientHeight : 0;
11
+ const offsetTop = (_sibling$offsetTop = sibling === null || sibling === void 0 ? void 0 : sibling.offsetTop) !== null && _sibling$offsetTop !== void 0 ? _sibling$offsetTop : 0;
12
12
  if (position !== offsetTop + height) setPosition(sibling ? offsetTop + height : 0);
13
13
  };
14
14
  exports.getDynamicPosition = getDynamicPosition;
@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SCROLL_THROTTLE_DELAY = exports.SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT = exports.MAX_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = exports.CACHE = void 0;
7
- var CACHE = {
7
+ const CACHE = exports.CACHE = {
8
8
  height: 200
9
9
  };
10
- exports.CACHE = CACHE;
11
- var SCROLL_EVENT_OPTIONS = {
10
+ const SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT_OPTIONS = {
12
11
  passive: true,
13
12
  capture: true
14
13
  };
15
- exports.SCROLL_EVENT_OPTIONS = SCROLL_EVENT_OPTIONS;
16
- var SCROLL_EVENT = 'scroll';
17
- exports.SCROLL_EVENT = SCROLL_EVENT;
18
- var SCROLL_THROTTLE_DELAY = 50;
19
- exports.SCROLL_THROTTLE_DELAY = SCROLL_THROTTLE_DELAY;
20
- var MAX_LIMIT_MULTIPLIER = 4;
21
- exports.MAX_LIMIT_MULTIPLIER = MAX_LIMIT_MULTIPLIER;
22
- var DEFAULT_LIMIT_MULTIPLIER = 2;
23
- exports.DEFAULT_LIMIT_MULTIPLIER = DEFAULT_LIMIT_MULTIPLIER;
14
+ const SCROLL_EVENT = exports.SCROLL_EVENT = 'scroll';
15
+ const SCROLL_THROTTLE_DELAY = exports.SCROLL_THROTTLE_DELAY = 50;
16
+ const MAX_LIMIT_MULTIPLIER = exports.MAX_LIMIT_MULTIPLIER = 4;
17
+ const DEFAULT_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = 2;
@@ -6,22 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _constants = require("../components/ListRow/constants");
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
13
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
14
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
- var useLedger = function useLedger(data) {
16
- var _useState = (0, _react.useState)({}),
17
- _useState2 = _slicedToArray(_useState, 2),
18
- ledger = _useState2[0],
19
- setLedger = _useState2[1];
20
- var ledgerRef = (0, _react.useRef)(ledger);
9
+ const useLedger = data => {
10
+ const [ledger, setLedger] = (0, _react.useState)({});
11
+ const ledgerRef = (0, _react.useRef)(ledger);
21
12
  ledgerRef.current = ledger;
22
- var resetLedger = function resetLedger() {
23
- var newLedger = {};
24
- data.forEach(function (_, index) {
13
+ const resetLedger = () => {
14
+ const newLedger = {};
15
+ data.forEach((_, index) => {
25
16
  newLedger["".concat(_constants.KEY).concat(index)] = {
26
17
  height: 0,
27
18
  offset: 0
@@ -29,10 +20,9 @@ var useLedger = function useLedger(data) {
29
20
  });
30
21
  return newLedger;
31
22
  };
32
- (0, _react.useEffect)(function () {
23
+ (0, _react.useEffect)(() => {
33
24
  if (Object.keys(ledger).length !== data.length) setLedger(resetLedger());
34
25
  }, [data]);
35
26
  return [ledgerRef, setLedger];
36
27
  };
37
- var _default = useLedger;
38
- exports.default = _default;
28
+ var _default = exports.default = useLedger;
@@ -10,56 +10,33 @@ var _constants = require("../constants");
10
10
  var _utils = require("../utils");
11
11
  var _useLedger = _interopRequireDefault(require("./use-ledger"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
14
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
16
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
17
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
19
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
20
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
- var useVirtualizedData = function useVirtualizedData(data, totalElements, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange) {
24
- var _useState = (0, _react.useState)(false),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- shouldReRender = _useState2[0],
27
- setShouldReRender = _useState2[1];
28
- var _useState3 = (0, _react.useState)(0),
29
- _useState4 = _slicedToArray(_useState3, 2),
30
- scroll = _useState4[0],
31
- setScroll = _useState4[1];
32
- var _useState5 = (0, _react.useState)([]),
33
- _useState6 = _slicedToArray(_useState5, 2),
34
- virtualizedData = _useState6[0],
35
- setVirtualizedData = _useState6[1];
36
- var _useHeightLedger = (0, _useLedger.default)(data),
37
- _useHeightLedger2 = _slicedToArray(_useHeightLedger, 2),
38
- heightLedger = _useHeightLedger2[0],
39
- setHeightLedger = _useHeightLedger2[1];
40
- var updateScroll = function updateScroll(_ref) {
41
- var target = _ref.target;
13
+ const useVirtualizedData = (data, totalElements, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange) => {
14
+ const [shouldReRender, setShouldReRender] = (0, _react.useState)(false);
15
+ const [scroll, setScroll] = (0, _react.useState)(0);
16
+ const [virtualizedData, setVirtualizedData] = (0, _react.useState)([]);
17
+ const [heightLedger, setHeightLedger] = (0, _useLedger.default)(data);
18
+ const updateScroll = _ref => {
19
+ let {
20
+ target
21
+ } = _ref;
42
22
  if (target === listViewportRef.current) {
43
- var currentScroll = target.scrollTop;
23
+ const currentScroll = target.scrollTop;
44
24
  setScroll(currentScroll);
45
25
  }
46
26
  };
47
27
  (0, _energyHooks.useScrollbarThrottle)(updateScroll, listViewportRef, _constants.SCROLL_THROTTLE_DELAY);
48
- var rowRenderer = (0, _react.useCallback)((0, _utils.createRowRenderer)(configItemRender, effect), [configItemRender, effect]);
49
- var _useMemo = (0, _react.useMemo)(function () {
50
- return (0, _utils.renderVirtualScreen)(scroll, overscan, totalElements, listViewportHeight, heightLedger.current);
51
- }, [scroll, overscan, totalElements, heightLedger.current, listViewportHeight]),
52
- virtualScreenStart = _useMemo.virtualScreenStart,
53
- virtualScreenEnd = _useMemo.virtualScreenEnd,
54
- listHeight = _useMemo.listHeight;
55
- (0, _react.useEffect)(function () {
28
+ const rowRenderer = (0, _react.useCallback)((0, _utils.createRowRenderer)(configItemRender, effect), [configItemRender, effect]);
29
+ const {
30
+ virtualScreenStart,
31
+ virtualScreenEnd,
32
+ listHeight
33
+ } = (0, _react.useMemo)(() => (0, _utils.renderVirtualScreen)(scroll, overscan, totalElements, listViewportHeight, heightLedger.current), [scroll, overscan, totalElements, heightLedger.current, listViewportHeight]);
34
+ (0, _react.useEffect)(() => {
56
35
  setShouldReRender(true);
57
36
  }, [listViewportWidth, rowRenderer, elementsPerRow, heightLedger.current, data, reRenderOnChange]);
58
- var ledgerUpdater = (0, _react.useMemo)(function () {
59
- return (0, _utils.updateLedger)(heightLedger, setHeightLedger);
60
- }, [heightLedger, setHeightLedger]);
61
- (0, _react.useEffect)(function () {
62
- var newVirtualizedData = shouldReRender ? new Array(totalElements).fill(null) : _toConsumableArray(virtualizedData);
37
+ const ledgerUpdater = (0, _react.useMemo)(() => (0, _utils.updateLedger)(heightLedger, setHeightLedger), [heightLedger, setHeightLedger]);
38
+ (0, _react.useEffect)(() => {
39
+ const newVirtualizedData = shouldReRender ? new Array(totalElements).fill(null) : [...virtualizedData];
63
40
  (0, _utils.nullifyDataInBetween)(newVirtualizedData, 0, virtualScreenStart);
64
41
  (0, _utils.nullifyDataInBetween)(newVirtualizedData, virtualScreenEnd, newVirtualizedData.length);
65
42
  (0, _utils.addVirtualizedElements)(data, newVirtualizedData, virtualScreenStart, virtualScreenEnd, rowRenderer, ledgerUpdater, heightLedger);
@@ -67,9 +44,8 @@ var useVirtualizedData = function useVirtualizedData(data, totalElements, oversc
67
44
  if (shouldReRender) setShouldReRender(false);
68
45
  }, [virtualScreenStart, virtualScreenEnd, shouldReRender, ledgerUpdater]);
69
46
  return {
70
- virtualizedData: virtualizedData,
71
- listHeight: listHeight
47
+ virtualizedData,
48
+ listHeight
72
49
  };
73
50
  };
74
- var _default = useVirtualizedData;
75
- exports.default = _default;
51
+ var _default = exports.default = useVirtualizedData;