@widergy/energy-ui 2.12.1 → 2.12.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 (277) hide show
  1. package/dist/components/EnergyThemeProvider/index.js +36 -13
  2. package/dist/components/Loading/constants.js +2 -1
  3. package/dist/components/Loading/index.js +12 -13
  4. package/dist/components/Loading/theme.js +2 -4
  5. package/dist/components/UTAlert/AlertHandler.js +101 -75
  6. package/dist/components/UTAlert/index.js +87 -65
  7. package/dist/components/UTAlert/theme.js +32 -32
  8. package/dist/components/UTAttachment/components/Preview/index.js +9 -8
  9. package/dist/components/UTAttachment/constants.js +13 -7
  10. package/dist/components/UTAttachment/index.js +250 -159
  11. package/dist/components/UTAttachment/layout.js +27 -26
  12. package/dist/components/UTAttachment/theme.js +2 -4
  13. package/dist/components/UTAttachment/utils.js +117 -34
  14. package/dist/components/UTAutocomplete/components/ListBox/index.js +21 -13
  15. package/dist/components/UTAutocomplete/components/ListBox/utils.js +11 -9
  16. package/dist/components/UTAutocomplete/constants.js +23 -12
  17. package/dist/components/UTAutocomplete/index.js +94 -54
  18. package/dist/components/UTAutocomplete/theme.js +4 -6
  19. package/dist/components/UTAvatar/constants.js +3 -2
  20. package/dist/components/UTAvatar/index.js +17 -18
  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 +22 -21
  24. package/dist/components/UTBarChart/components/Bars/constants.js +6 -3
  25. package/dist/components/UTBarChart/components/Bars/index.js +80 -70
  26. package/dist/components/UTBarChart/components/Legend/constants.js +18 -12
  27. package/dist/components/UTBarChart/components/Legend/index.js +93 -75
  28. package/dist/components/UTBarChart/components/Legend/utils.js +5 -1
  29. package/dist/components/UTBarChart/components/Levels/index.js +14 -16
  30. package/dist/components/UTBarChart/components/Levels/utils.js +27 -25
  31. package/dist/components/UTBarChart/components/LinearPlot/constants.js +5 -3
  32. package/dist/components/UTBarChart/components/LinearPlot/index.js +20 -25
  33. package/dist/components/UTBarChart/components/LinearPlot/utils.js +39 -37
  34. package/dist/components/UTBarChart/components/Pagination/constants.js +2 -1
  35. package/dist/components/UTBarChart/components/Pagination/index.js +24 -20
  36. package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +32 -21
  37. package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +4 -2
  38. package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +19 -20
  39. package/dist/components/UTBarChart/components/XAxis/constants.js +2 -1
  40. package/dist/components/UTBarChart/components/XAxis/index.js +65 -54
  41. package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +11 -12
  42. package/dist/components/UTBarChart/components/YAxis/constants.js +2 -1
  43. package/dist/components/UTBarChart/components/YAxis/index.js +37 -30
  44. package/dist/components/UTBarChart/components/YAxis/utils.js +6 -4
  45. package/dist/components/UTBarChart/constants.js +8 -4
  46. package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +40 -23
  47. package/dist/components/UTBarChart/index.js +166 -152
  48. package/dist/components/UTBarChart/theme.js +2 -4
  49. package/dist/components/UTBarChart/types.js +19 -10
  50. package/dist/components/UTBarChart/utils.js +111 -107
  51. package/dist/components/UTBreadcrumbs/constants.js +31 -23
  52. package/dist/components/UTBreadcrumbs/index.js +101 -76
  53. package/dist/components/UTBreadcrumbs/theme.js +2 -4
  54. package/dist/components/UTButton/constants.js +17 -11
  55. package/dist/components/UTButton/index.js +31 -28
  56. package/dist/components/UTButton/theme.js +23 -23
  57. package/dist/components/UTCBUInput/index.js +40 -36
  58. package/dist/components/UTCBUInput/theme.js +2 -4
  59. package/dist/components/UTCaptcha/index.js +45 -19
  60. package/dist/components/UTCard/components/UTCardFooter/index.js +16 -15
  61. package/dist/components/UTCard/index.js +120 -85
  62. package/dist/components/UTCard/theme.js +12 -11
  63. package/dist/components/UTCard/types.js +3 -2
  64. package/dist/components/UTCarousel/components/Button/index.js +13 -13
  65. package/dist/components/UTCarousel/components/Legend/index.js +15 -13
  66. package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
  67. package/dist/components/UTCarousel/components/Slider/constants.js +10 -5
  68. package/dist/components/UTCarousel/components/Slider/index.js +273 -204
  69. package/dist/components/UTCarousel/components/Slider/layout.js +94 -67
  70. package/dist/components/UTCarousel/index.js +15 -14
  71. package/dist/components/UTCarousel/theme.js +2 -4
  72. package/dist/components/UTCheckList/constants.js +2 -1
  73. package/dist/components/UTCheckList/index.js +93 -72
  74. package/dist/components/UTCheckList/theme.js +31 -31
  75. package/dist/components/UTCheckbox/constants.js +6 -3
  76. package/dist/components/UTCheckbox/index.js +44 -32
  77. package/dist/components/UTCheckbox/theme.js +35 -35
  78. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
  79. package/dist/components/UTConsumptionBar/constants.js +6 -3
  80. package/dist/components/UTConsumptionBar/index.js +80 -53
  81. package/dist/components/UTCuit/index.js +133 -109
  82. package/dist/components/UTCuit/theme.js +53 -51
  83. package/dist/components/UTDatePicker/components/Day/constants.js +2 -1
  84. package/dist/components/UTDatePicker/components/Day/index.js +12 -12
  85. package/dist/components/UTDatePicker/constants.js +31 -20
  86. package/dist/components/UTDatePicker/index.js +102 -60
  87. package/dist/components/UTDatePicker/theme.js +3 -5
  88. package/dist/components/UTDatePicker/types.js +3 -2
  89. package/dist/components/UTDatePicker/utils.js +6 -2
  90. package/dist/components/UTDialog/constants.js +4 -2
  91. package/dist/components/UTDialog/index.js +37 -38
  92. package/dist/components/UTDialog/theme.js +2 -4
  93. package/dist/components/UTDialog/types.js +3 -2
  94. package/dist/components/UTDotMenu/index.js +61 -39
  95. package/dist/components/UTEmojiPicker/constants.js +11 -6
  96. package/dist/components/UTEmojiPicker/index.js +65 -45
  97. package/dist/components/UTEmojiPicker/theme.js +2 -4
  98. package/dist/components/UTEmojiPicker/utils.js +51 -21
  99. package/dist/components/UTExternalLink/constants.js +5 -3
  100. package/dist/components/UTExternalLink/index.js +15 -18
  101. package/dist/components/UTExternalLink/theme.js +6 -8
  102. package/dist/components/UTFileInput/constants.js +4 -2
  103. package/dist/components/UTFileInput/index.js +31 -7
  104. package/dist/components/UTFileInput/layout.js +97 -68
  105. package/dist/components/UTIconButton/index.js +72 -49
  106. package/dist/components/UTIconButton/theme.js +2 -4
  107. package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +58 -53
  108. package/dist/components/UTImageRadio/constants.js +6 -3
  109. package/dist/components/UTImageRadio/index.js +47 -39
  110. package/dist/components/UTImageRadio/theme.js +12 -11
  111. package/dist/components/UTImageRadio/types.js +3 -2
  112. package/dist/components/UTImageRadio/utils.js +6 -2
  113. package/dist/components/UTLabel/constants.js +20 -14
  114. package/dist/components/UTLabel/index.js +20 -18
  115. package/dist/components/UTLabel/theme.js +15 -15
  116. package/dist/components/UTList/index.js +18 -15
  117. package/dist/components/UTLoading/index.js +15 -15
  118. package/dist/components/UTMap/components/GoogleMaps/constants.js +11 -8
  119. package/dist/components/UTMap/components/GoogleMaps/index.js +91 -63
  120. package/dist/components/UTMap/components/GoogleMaps/styles.js +3 -2
  121. package/dist/components/UTMap/constants.js +12 -6
  122. package/dist/components/UTMap/index.js +198 -163
  123. package/dist/components/UTMap/types.js +6 -4
  124. package/dist/components/UTMap/utils.js +46 -29
  125. package/dist/components/UTMap/withGoogleMapScript.js +22 -18
  126. package/dist/components/UTMenu/index.js +69 -52
  127. package/dist/components/UTMenu/theme.js +3 -5
  128. package/dist/components/UTMenu/utils.js +11 -5
  129. package/dist/components/UTModal/constants.js +13 -9
  130. package/dist/components/UTModal/index.js +30 -26
  131. package/dist/components/UTModal/theme.js +2 -4
  132. package/dist/components/UTPagination/components/PageSizeSelector/index.js +10 -11
  133. package/dist/components/UTPagination/components/PageSizeSelector/utils.js +13 -7
  134. package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js +12 -12
  135. package/dist/components/UTPagination/components/Pagination/index.js +39 -28
  136. package/dist/components/UTPagination/components/Pagination/utils.js +14 -8
  137. package/dist/components/UTPagination/constants.js +6 -3
  138. package/dist/components/UTPagination/index.js +17 -16
  139. package/dist/components/UTPagination/theme.js +2 -4
  140. package/dist/components/UTPanel/index.js +44 -38
  141. package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +10 -13
  142. package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +19 -22
  143. package/dist/components/UTPasswordField/components/PasswordValidations/index.js +50 -63
  144. package/dist/components/UTPasswordField/components/PasswordWarning/index.js +26 -25
  145. package/dist/components/UTPasswordField/index.js +23 -26
  146. package/dist/components/UTPasswordField/theme.js +2 -4
  147. package/dist/components/UTPhoneInput/constants.js +6 -3
  148. package/dist/components/UTPhoneInput/index.js +205 -180
  149. package/dist/components/UTPhoneInput/theme.js +77 -77
  150. package/dist/components/UTPieChart/components/ArrowLabel/constants.js +8 -4
  151. package/dist/components/UTPieChart/components/ArrowLabel/index.js +23 -24
  152. package/dist/components/UTPieChart/components/Legend/contants.js +6 -3
  153. package/dist/components/UTPieChart/components/Legend/index.js +24 -27
  154. package/dist/components/UTPieChart/constants.js +26 -13
  155. package/dist/components/UTPieChart/hooks/use-animated-value/index.js +33 -15
  156. package/dist/components/UTPieChart/index.js +76 -73
  157. package/dist/components/UTPieChart/theme.js +2 -4
  158. package/dist/components/UTPieChart/utils.js +2 -4
  159. package/dist/components/UTProgressBar/constants.js +4 -2
  160. package/dist/components/UTProgressBar/index.js +17 -15
  161. package/dist/components/UTProgressBar/theme.js +2 -4
  162. package/dist/components/UTProgressBar/types.js +3 -2
  163. package/dist/components/UTRadioGroup/index.js +83 -56
  164. package/dist/components/UTRadioGroup/theme.js +52 -52
  165. package/dist/components/UTRating/components/Circle/index.js +56 -41
  166. package/dist/components/UTRating/components/Faces/constants.js +4 -2
  167. package/dist/components/UTRating/components/Faces/index.js +36 -34
  168. package/dist/components/UTRating/components/Star/index.js +40 -36
  169. package/dist/components/UTRating/constants.js +8 -4
  170. package/dist/components/UTRating/index.js +46 -31
  171. package/dist/components/UTRating/theme.js +2 -4
  172. package/dist/components/UTRipple/Ripple.js +39 -22
  173. package/dist/components/UTRipple/index.js +37 -18
  174. package/dist/components/UTSelect/components/Option/index.js +13 -13
  175. package/dist/components/UTSelect/constants.js +8 -4
  176. package/dist/components/UTSelect/index.js +85 -63
  177. package/dist/components/UTSelect/stylesJS.js +3 -2
  178. package/dist/components/UTSelect/theme.js +4 -6
  179. package/dist/components/UTSelect/utils.js +13 -3
  180. package/dist/components/UTSidebar/components/ListOption/index.js +49 -34
  181. package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +8 -8
  182. package/dist/components/UTSidebar/components/LogosContainer/index.js +14 -14
  183. package/dist/components/UTSidebar/components/Option/constants.js +3 -2
  184. package/dist/components/UTSidebar/components/Option/index.js +32 -28
  185. package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
  186. package/dist/components/UTSidebar/index.js +53 -42
  187. package/dist/components/UTSidebar/theme.js +2 -4
  188. package/dist/components/UTSidebar/types.js +10 -5
  189. package/dist/components/UTSkeleton/index.js +36 -10
  190. package/dist/components/UTStatus/constants.js +9 -5
  191. package/dist/components/UTStatus/index.js +15 -16
  192. package/dist/components/UTStatus/theme.js +49 -66
  193. package/dist/components/UTSwitch/constants.js +6 -3
  194. package/dist/components/UTSwitch/index.js +57 -42
  195. package/dist/components/UTSwitch/theme.js +2 -4
  196. package/dist/components/UTTable/components/ActionIcons/constants.js +2 -1
  197. package/dist/components/UTTable/components/ActionIcons/index.js +85 -47
  198. package/dist/components/UTTable/components/Cell/components/ActionButton/index.js +12 -10
  199. package/dist/components/UTTable/components/Cell/index.js +23 -18
  200. package/dist/components/UTTable/components/HeaderCell/constants.js +3 -2
  201. package/dist/components/UTTable/components/HeaderCell/index.js +30 -23
  202. package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
  203. package/dist/components/UTTable/components/PrimaryAction/index.js +11 -12
  204. package/dist/components/UTTable/components/ResponsiveCell/index.js +20 -19
  205. package/dist/components/UTTable/components/Status/index.js +19 -18
  206. package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +9 -10
  207. package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +13 -7
  208. package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
  209. package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +32 -21
  210. package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +14 -8
  211. package/dist/components/UTTable/components/TableFooter/constants.js +2 -1
  212. package/dist/components/UTTable/components/TableFooter/index.js +15 -15
  213. package/dist/components/UTTable/components/TableHeader/index.js +11 -11
  214. package/dist/components/UTTable/components/TableRow/constants.js +6 -3
  215. package/dist/components/UTTable/components/TableRow/index.js +94 -79
  216. package/dist/components/UTTable/constants.js +43 -26
  217. package/dist/components/UTTable/hook.js +26 -11
  218. package/dist/components/UTTable/index.js +223 -132
  219. package/dist/components/UTTable/theme.js +17 -17
  220. package/dist/components/UTTable/types.js +8 -4
  221. package/dist/components/UTTable/utils.js +74 -70
  222. package/dist/components/UTTabs/components/TooltipTab/index.js +30 -20
  223. package/dist/components/UTTabs/constants.js +8 -4
  224. package/dist/components/UTTabs/index.js +86 -57
  225. package/dist/components/UTTabs/theme.js +2 -4
  226. package/dist/components/UTTabs/utils.js +1 -1
  227. package/dist/components/UTTextArea/constants.js +6 -3
  228. package/dist/components/UTTextArea/index.js +23 -23
  229. package/dist/components/UTTextArea/theme.js +2 -4
  230. package/dist/components/UTTextInput/constants.js +3 -2
  231. package/dist/components/UTTextInput/index.js +165 -137
  232. package/dist/components/UTTextInput/theme.js +4 -6
  233. package/dist/components/UTThirdPartyCookieChecker/index.js +21 -17
  234. package/dist/components/UTToggle/components/ToggleOption/index.js +17 -16
  235. package/dist/components/UTToggle/index.js +26 -25
  236. package/dist/components/UTToggle/theme.js +2 -4
  237. package/dist/components/UTTooltip/index.js +30 -23
  238. package/dist/components/UTTooltip/theme.js +2 -4
  239. package/dist/components/UTTopbar/components/Notifications/index.js +14 -11
  240. package/dist/components/UTTopbar/components/UserMenu/index.js +15 -15
  241. package/dist/components/UTTopbar/index.js +31 -28
  242. package/dist/components/UTTopbar/theme.js +2 -4
  243. package/dist/components/UTTopbar/types.js +9 -5
  244. package/dist/components/UTTouchableWithoutFeedback/index.js +27 -14
  245. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +4 -2
  246. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +31 -34
  247. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
  248. package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +12 -6
  249. package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +18 -8
  250. package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +47 -23
  251. package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +34 -31
  252. package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +93 -81
  253. package/dist/components/UTVirtualizedList/constants.js +8 -4
  254. package/dist/components/UTVirtualizedList/index.js +38 -26
  255. package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +21 -17
  256. package/dist/components/UTWorkflowContainer/constants.js +6 -3
  257. package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
  258. package/dist/components/UTWorkflowContainer/index.js +51 -32
  259. package/dist/components/UTWorkflowContainer/theme.js +53 -60
  260. package/dist/components/UTWorkflowContainer/types.js +3 -2
  261. package/dist/components/WithLoading/index.js +15 -10
  262. package/dist/components/WithTheme/index.js +17 -10
  263. package/dist/components/WithTheme/layout.js +28 -22
  264. package/dist/components/WithTouch/index.js +19 -12
  265. package/dist/constants/UTTable.js +3 -2
  266. package/dist/index.js +58 -58
  267. package/dist/theme.js +5 -6
  268. package/dist/types/commonTypes.js +5 -3
  269. package/dist/types/consumptionTypes.js +5 -3
  270. package/dist/types/formTypes.js +7 -4
  271. package/dist/types/tableTypes.js +3 -2
  272. package/dist/utils/classesUtils.js +13 -5
  273. package/dist/utils/componentUtils.js +13 -10
  274. package/dist/utils/helperFunctions.js +4 -4
  275. package/dist/utils/shadowUtils.js +11 -13
  276. package/dist/utils/useScreenSize.js +3 -2
  277. package/package.json +1 -1
@@ -1,5 +1,6 @@
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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -7,39 +8,40 @@ exports.default = void 0;
7
8
  var _react = _interopRequireWildcard(require("react"));
8
9
  var _propTypes = require("prop-types");
9
10
  var _commonTypes = require("../../../../types/commonTypes");
10
- var _useVirtualizedData = _interopRequireDefault(require("./hooks/use-virtualized-data"));
11
+ var _useVirtualizedData2 = _interopRequireDefault(require("./hooks/use-virtualized-data"));
11
12
  var _utils = require("./utils");
12
13
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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); }
15
- 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
- const VirtualizedData = _ref => {
17
- let {
18
- data,
19
- elementsPerRow,
20
- overscan,
21
- itemRenderer,
22
- itemPadding,
23
- listViewportRef,
24
- listViewportHeight,
25
- listViewportWidth,
26
- effect,
27
- reRenderOnChange,
28
- headerRenderer,
29
- footerRenderer
30
- } = _ref;
31
- const elementWidth = Math.floor(listViewportWidth / elementsPerRow);
32
- const rows = (0, _react.useMemo)(() => (0, _utils.createRows)(data, elementsPerRow), [data, elementsPerRow]);
33
- const totalRows = rows.length;
34
- const configItemRender = (0, _react.useMemo)(() => ({
35
- itemRenderer,
36
- itemPadding,
37
- elementWidth
38
- }), [itemRenderer, itemPadding, elementWidth]);
39
- const {
40
- virtualizedData,
41
- listHeight
42
- } = (0, _useVirtualizedData.default)(rows, totalRows, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange);
15
+ 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); }
16
+ 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; }
17
+ var VirtualizedData = function VirtualizedData(_ref) {
18
+ var data = _ref.data,
19
+ elementsPerRow = _ref.elementsPerRow,
20
+ overscan = _ref.overscan,
21
+ itemRenderer = _ref.itemRenderer,
22
+ itemPadding = _ref.itemPadding,
23
+ listViewportRef = _ref.listViewportRef,
24
+ listViewportHeight = _ref.listViewportHeight,
25
+ listViewportWidth = _ref.listViewportWidth,
26
+ effect = _ref.effect,
27
+ reRenderOnChange = _ref.reRenderOnChange,
28
+ headerRenderer = _ref.headerRenderer,
29
+ footerRenderer = _ref.footerRenderer;
30
+ var elementWidth = Math.floor(listViewportWidth / elementsPerRow);
31
+ var rows = (0, _react.useMemo)(function () {
32
+ return (0, _utils.createRows)(data, elementsPerRow);
33
+ }, [data, elementsPerRow]);
34
+ var totalRows = rows.length;
35
+ var configItemRender = (0, _react.useMemo)(function () {
36
+ return {
37
+ itemRenderer: itemRenderer,
38
+ itemPadding: itemPadding,
39
+ elementWidth: elementWidth
40
+ };
41
+ }, [itemRenderer, itemPadding, elementWidth]);
42
+ var _useVirtualizedData = (0, _useVirtualizedData2.default)(rows, totalRows, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange),
43
+ virtualizedData = _useVirtualizedData.virtualizedData,
44
+ listHeight = _useVirtualizedData.listHeight;
43
45
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, headerRenderer && /*#__PURE__*/_react.default.createElement("div", {
44
46
  className: _stylesModule.default.header
45
47
  }, headerRenderer()), /*#__PURE__*/_react.default.createElement("div", {
@@ -67,4 +69,5 @@ VirtualizedData.propTypes = {
67
69
  headerRenderer: _propTypes.func,
68
70
  footerRenderer: _propTypes.func
69
71
  };
70
- var _default = exports.default = /*#__PURE__*/(0, _react.memo)(VirtualizedData);
72
+ var _default = /*#__PURE__*/(0, _react.memo)(VirtualizedData);
73
+ exports.default = _default;
@@ -9,115 +9,127 @@ var _constants = require("./components/ListRow/constants");
9
9
  var _ListRow = _interopRequireDefault(require("./components/ListRow"));
10
10
  var _constants2 = require("./constants");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- /* eslint-disable react/no-array-index-key */
13
- /* eslint-disable no-plusplus */
14
-
15
- const createRows = (data, elementsPerRow) => {
16
- const totalRows = Math.ceil(data.length / elementsPerRow);
17
- const rows = new Array(totalRows).fill(0).map(() => []);
18
- for (let i = 0; i < data.length; i++) {
12
+ 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); }
13
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
16
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
17
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable react/no-array-index-key */ /* eslint-disable no-plusplus */
18
+ var createRows = function createRows(data, elementsPerRow) {
19
+ var totalRows = Math.ceil(data.length / elementsPerRow);
20
+ var rows = new Array(totalRows).fill(0).map(function () {
21
+ return [];
22
+ });
23
+ for (var i = 0; i < data.length; i++) {
19
24
  rows[Math.floor(i / elementsPerRow)].push(data[i]);
20
25
  }
21
26
  return rows;
22
27
  };
23
28
  exports.createRows = createRows;
24
- const applyToIndex = (index, target, object) => index === target ? object : null;
29
+ var applyToIndex = function applyToIndex(index, target, object) {
30
+ return index === target ? object : null;
31
+ };
25
32
  exports.applyToIndex = applyToIndex;
26
- const createRowRenderer = (configItemRender, effect) => (row, index, updateLedger, ledgerRef) => /*#__PURE__*/_react.default.createElement(_ListRow.default, {
27
- row: row,
28
- index: index,
29
- effect: effect,
30
- configItemRender: configItemRender,
31
- updateLedger: updateLedger,
32
- ledgerRef: ledgerRef
33
- });
33
+ var createRowRenderer = function createRowRenderer(configItemRender, effect) {
34
+ return function (row, index, updateLedger, ledgerRef) {
35
+ return /*#__PURE__*/_react.default.createElement(_ListRow.default, {
36
+ row: row,
37
+ index: index,
38
+ effect: effect,
39
+ configItemRender: configItemRender,
40
+ updateLedger: updateLedger,
41
+ ledgerRef: ledgerRef
42
+ });
43
+ };
44
+ };
34
45
  exports.createRowRenderer = createRowRenderer;
35
- const getOffsets = ledger => Object.values(ledger).map(_ref => {
36
- let {
37
- offset
38
- } = _ref;
39
- return offset;
40
- });
41
- const getFirstIndex = (ledger, scroll) => {
42
- const offsets = getOffsets(ledger);
43
- return Math.max(offsets.findIndex(offset => offset > scroll) - 1, 0);
46
+ var getOffsets = function getOffsets(ledger) {
47
+ return Object.values(ledger).map(function (_ref) {
48
+ var offset = _ref.offset;
49
+ return offset;
50
+ });
44
51
  };
45
- const getElementsInViewport = (ledger, scroll, listViewportHeight, firstIndex, totalElements) => {
46
- const offsets = getOffsets(ledger);
47
- const index = offsets.findIndex(offset => offset > scroll + listViewportHeight);
52
+ var getFirstIndex = function getFirstIndex(ledger, scroll) {
53
+ var offsets = getOffsets(ledger);
54
+ return Math.max(offsets.findIndex(function (offset) {
55
+ return offset > scroll;
56
+ }) - 1, 0);
57
+ };
58
+ var getElementsInViewport = function getElementsInViewport(ledger, scroll, listViewportHeight, firstIndex, totalElements) {
59
+ var offsets = getOffsets(ledger);
60
+ var index = offsets.findIndex(function (offset) {
61
+ return offset > scroll + listViewportHeight;
62
+ });
48
63
  return (index !== -1 ? index : totalElements) - 1 - firstIndex;
49
64
  };
50
- const getListHeight = ledger => {
51
- const values = Object.values(ledger);
52
- const lastUsableIndex = values.findIndex(_ref2 => {
53
- let {
54
- height
55
- } = _ref2;
65
+ var getListHeight = function getListHeight(ledger) {
66
+ var values = Object.values(ledger);
67
+ var lastUsableIndex = values.findIndex(function (_ref2) {
68
+ var height = _ref2.height;
56
69
  return !height;
57
70
  });
58
- const {
59
- height = 0,
60
- offset = 0
61
- } = values[lastUsableIndex !== -1 ? lastUsableIndex : values.length - 1] || {};
71
+ var _ref3 = values[lastUsableIndex !== -1 ? lastUsableIndex : values.length - 1] || {},
72
+ _ref3$height = _ref3.height,
73
+ height = _ref3$height === void 0 ? 0 : _ref3$height,
74
+ _ref3$offset = _ref3.offset,
75
+ offset = _ref3$offset === void 0 ? 0 : _ref3$offset;
62
76
  return offset + height;
63
77
  };
64
- const renderVirtualScreen = (scrollPosition, overscan, totalElements, listViewportHeight, ledger) => {
65
- const listHeight = getListHeight(ledger);
78
+ var renderVirtualScreen = function renderVirtualScreen(scrollPosition, overscan, totalElements, listViewportHeight, ledger) {
79
+ var listHeight = getListHeight(ledger);
66
80
  if (!listViewportHeight) return {
67
81
  virtualScreenStart: 0,
68
82
  virtualScreenEnd: Math.min(2 * overscan, totalElements)
69
83
  };
70
- const firstElementIndex = getFirstIndex(ledger, scrollPosition);
71
- const elementsInViewport = listHeight ? getElementsInViewport(ledger, scrollPosition, listViewportHeight, firstElementIndex, totalElements) : 0;
72
- const upperScan = Math.min(firstElementIndex, overscan);
73
- const lowerScan = Math.min(totalElements - (firstElementIndex + elementsInViewport), overscan);
74
- const normalizedUpperScan = upperScan + overscan - lowerScan;
75
- const normalizedLowerScan = lowerScan + overscan - upperScan;
76
- const virtualScreenStart = Math.max(firstElementIndex - normalizedUpperScan, 0);
77
- let virtualScreenEnd = Math.min(firstElementIndex + elementsInViewport + normalizedLowerScan, totalElements);
84
+ var firstElementIndex = getFirstIndex(ledger, scrollPosition);
85
+ var elementsInViewport = listHeight ? getElementsInViewport(ledger, scrollPosition, listViewportHeight, firstElementIndex, totalElements) : 0;
86
+ var upperScan = Math.min(firstElementIndex, overscan);
87
+ var lowerScan = Math.min(totalElements - (firstElementIndex + elementsInViewport), overscan);
88
+ var normalizedUpperScan = upperScan + overscan - lowerScan;
89
+ var normalizedLowerScan = lowerScan + overscan - upperScan;
90
+ var virtualScreenStart = Math.max(firstElementIndex - normalizedUpperScan, 0);
91
+ var virtualScreenEnd = Math.min(firstElementIndex + elementsInViewport + normalizedLowerScan, totalElements);
78
92
  if (virtualScreenEnd - virtualScreenStart >= _constants2.MAX_LIMIT_MULTIPLIER * overscan) virtualScreenEnd = virtualScreenStart + _constants2.DEFAULT_LIMIT_MULTIPLIER * overscan;
79
93
  return {
80
- virtualScreenStart,
81
- virtualScreenEnd,
82
- listHeight
94
+ virtualScreenStart: virtualScreenStart,
95
+ virtualScreenEnd: virtualScreenEnd,
96
+ listHeight: listHeight
83
97
  };
84
98
  };
85
99
  exports.renderVirtualScreen = renderVirtualScreen;
86
- const nullifyDataInBetween = (data, startIndex, endIndex) => {
87
- for (let i = startIndex; i < endIndex; i++) data[i] = null;
100
+ var nullifyDataInBetween = function nullifyDataInBetween(data, startIndex, endIndex) {
101
+ for (var i = startIndex; i < endIndex; i++) data[i] = null;
88
102
  };
89
103
  exports.nullifyDataInBetween = nullifyDataInBetween;
90
- const addVirtualizedElements = (data, virtualizedData, startIndex, endIndex, rowRenderer, updateLedger, ledgerRef) => {
91
- for (let i = startIndex; i < endIndex; i++) {
104
+ var addVirtualizedElements = function addVirtualizedElements(data, virtualizedData, startIndex, endIndex, rowRenderer, updateLedger, ledgerRef) {
105
+ for (var i = startIndex; i < endIndex; i++) {
92
106
  if (!virtualizedData[i]) virtualizedData[i] = rowRenderer(data[i], i, updateLedger, ledgerRef);
93
107
  }
94
108
  };
95
109
  exports.addVirtualizedElements = addVirtualizedElements;
96
- const updateLedger = (ledgerRef, setLedgerRef) => (key, height) => {
97
- var _ledgerRef$current;
98
- const currentHeight = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[key]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.height;
99
- if (currentHeight !== height) {
100
- const newLedger = {
101
- ...ledgerRef.current,
102
- [key]: {
103
- height
104
- }
105
- };
106
- let accumulator = 0;
107
- const keys = Object.keys(newLedger);
108
- keys.forEach((currentKey, index) => {
109
- if (!newLedger[currentKey].height) {
110
- newLedger[currentKey].height = height;
111
- }
112
- if (index) {
113
- accumulator += newLedger["".concat(_constants.KEY).concat(index - 1)].height;
114
- }
115
- newLedger[currentKey] = {
116
- ...newLedger[currentKey],
117
- offset: accumulator
118
- };
119
- });
120
- setLedgerRef(newLedger);
121
- }
110
+ var updateLedger = function updateLedger(ledgerRef, setLedgerRef) {
111
+ return function (key, height) {
112
+ var _ledgerRef$current;
113
+ var currentHeight = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[key]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.height;
114
+ if (currentHeight !== height) {
115
+ var newLedger = _objectSpread(_objectSpread({}, ledgerRef.current), {}, _defineProperty({}, key, {
116
+ height: height
117
+ }));
118
+ var accumulator = 0;
119
+ var keys = Object.keys(newLedger);
120
+ keys.forEach(function (currentKey, index) {
121
+ if (!newLedger[currentKey].height) {
122
+ newLedger[currentKey].height = height;
123
+ }
124
+ if (index) {
125
+ accumulator += newLedger["".concat(_constants.KEY).concat(index - 1)].height;
126
+ }
127
+ newLedger[currentKey] = _objectSpread(_objectSpread({}, newLedger[currentKey]), {}, {
128
+ offset: accumulator
129
+ });
130
+ });
131
+ setLedgerRef(newLedger);
132
+ }
133
+ };
122
134
  };
123
135
  exports.updateLedger = updateLedger;
@@ -4,7 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.DEFAULT_OVERSCAN = exports.DEFAULT_ITEM_PADDING = exports.DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_EFFECT = void 0;
7
- const DEFAULT_ITEM_PADDING = exports.DEFAULT_ITEM_PADDING = 10;
8
- const DEFAULT_OVERSCAN = exports.DEFAULT_OVERSCAN = 10;
9
- const DEFAULT_EFFECT = exports.DEFAULT_EFFECT = 'fadeIn';
10
- const DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_ELEMENTS_PER_ROW = 1;
7
+ var DEFAULT_ITEM_PADDING = 10;
8
+ exports.DEFAULT_ITEM_PADDING = DEFAULT_ITEM_PADDING;
9
+ var DEFAULT_OVERSCAN = 10;
10
+ exports.DEFAULT_OVERSCAN = DEFAULT_OVERSCAN;
11
+ var DEFAULT_EFFECT = 'fadeIn';
12
+ exports.DEFAULT_EFFECT = DEFAULT_EFFECT;
13
+ var DEFAULT_ELEMENTS_PER_ROW = 1;
14
+ exports.DEFAULT_ELEMENTS_PER_ROW = DEFAULT_ELEMENTS_PER_ROW;
@@ -1,5 +1,6 @@
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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -13,32 +14,42 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
13
14
  var _constants = require("./constants");
14
15
  var _VirtualizedData = _interopRequireDefault(require("./components/VirtualizedData"));
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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); }
17
- 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; }
18
- const UTVirtualizedList = _ref => {
19
- let {
20
- data,
21
- className,
22
- elementsPerRow,
23
- overscan,
24
- itemRenderer,
25
- itemPadding,
26
- NoDataComponent,
27
- effect,
28
- loading,
29
- reRenderOnChange,
30
- headerRenderer,
31
- footerRenderer
32
- } = _ref;
33
- const {
34
- height: listViewportHeight,
35
- width: listViewportWidth,
36
- ref: listViewportRef
37
- } = (0, _energyHooks.useComponentDimensions)();
38
- const [reRender, setReRender] = (0, _react.useState)(false);
39
- (0, _react.useEffect)(() => {
17
+ 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); }
18
+ 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; }
19
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
20
+ 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."); }
21
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
22
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
23
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
+ 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."); }
25
+ 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); }
26
+ 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; }
27
+ 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; } }
28
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
+ var UTVirtualizedList = function UTVirtualizedList(_ref) {
30
+ var data = _ref.data,
31
+ className = _ref.className,
32
+ elementsPerRow = _ref.elementsPerRow,
33
+ overscan = _ref.overscan,
34
+ itemRenderer = _ref.itemRenderer,
35
+ itemPadding = _ref.itemPadding,
36
+ NoDataComponent = _ref.NoDataComponent,
37
+ effect = _ref.effect,
38
+ loading = _ref.loading,
39
+ reRenderOnChange = _ref.reRenderOnChange,
40
+ headerRenderer = _ref.headerRenderer,
41
+ footerRenderer = _ref.footerRenderer;
42
+ var _useComponentDimensio = (0, _energyHooks.useComponentDimensions)(),
43
+ listViewportHeight = _useComponentDimensio.height,
44
+ listViewportWidth = _useComponentDimensio.width,
45
+ listViewportRef = _useComponentDimensio.ref;
46
+ var _useState = (0, _react.useState)(false),
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ reRender = _useState2[0],
49
+ setReRender = _useState2[1];
50
+ (0, _react.useEffect)(function () {
40
51
  setReRender(!reRender);
41
- }, [...reRenderOnChange]);
52
+ }, _toConsumableArray(reRenderOnChange));
42
53
  return /*#__PURE__*/_react.default.createElement("div", {
43
54
  className: "".concat(_stylesModule.default.container, " ").concat(className),
44
55
  ref: listViewportRef
@@ -81,4 +92,5 @@ UTVirtualizedList.defaultProps = {
81
92
  elementsPerRow: _constants.DEFAULT_ELEMENTS_PER_ROW,
82
93
  reRenderOnChange: []
83
94
  };
84
- var _default = exports.default = UTVirtualizedList;
95
+ var _default = UTVirtualizedList;
96
+ exports.default = _default;
@@ -10,29 +10,32 @@ var _UTButton = _interopRequireDefault(require("../../../UTButton"));
10
10
  var _types = require("../../types");
11
11
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- 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); }
14
- 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; }
13
+ 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); }
14
+ 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; }
15
+ 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); }
15
16
  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); }
16
- const ActionButton = _ref => {
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
21
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
22
+ var ActionButton = function ActionButton(_ref) {
17
23
  var _button$buttonProps;
18
- let {
19
- button,
20
- className,
21
- children,
22
- isHidden,
23
- buttonProps
24
- } = _ref;
25
- return /*#__PURE__*/(0, _react.isValidElement)(button) ? ( /*#__PURE__*/(0, _react.cloneElement)(button, {
24
+ var button = _ref.button,
25
+ className = _ref.className,
26
+ children = _ref.children,
27
+ isHidden = _ref.isHidden,
28
+ buttonProps = _ref.buttonProps;
29
+ return /*#__PURE__*/(0, _react.isValidElement)(button) ? /*#__PURE__*/(0, _react.cloneElement)(button, {
26
30
  className: "".concat(button.props.className, " ").concat(isHidden && _stylesModule.default.hiddenButton)
27
- })) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
31
+ }) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
28
32
  disabled: button.disabled,
29
33
  hideTextOnResponsive: true,
30
34
  onClick: button.onClick
31
35
  }, buttonProps, button.buttonProps, {
32
- classNames: {
33
- root: "\n ".concat(className, "\n ").concat(isHidden && _stylesModule.default.hiddenButton, "\n ").concat(button === null || button === void 0 || (_button$buttonProps = button.buttonProps) === null || _button$buttonProps === void 0 ? void 0 : _button$buttonProps.className, "\n "),
34
- ...buttonProps.classNames
35
- }
36
+ classNames: _objectSpread({
37
+ root: "\n ".concat(className, "\n ").concat(isHidden && _stylesModule.default.hiddenButton, "\n ").concat(button === null || button === void 0 || (_button$buttonProps = button.buttonProps) === null || _button$buttonProps === void 0 ? void 0 : _button$buttonProps.className, "\n ")
38
+ }, buttonProps.classNames)
36
39
  }), children);
37
40
  };
38
41
  ActionButton.propTypes = {
@@ -41,4 +44,5 @@ ActionButton.propTypes = {
41
44
  isHidden: _propTypes.bool,
42
45
  buttonProps: _propTypes.object
43
46
  };
44
- var _default = exports.default = ActionButton;
47
+ var _default = ActionButton;
48
+ exports.default = _default;
@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.STEP = exports.NEXT = exports.BACK = void 0;
7
- const NEXT = exports.NEXT = 'Siguiente';
8
- const BACK = exports.BACK = 'Atrás';
9
- const STEP = exports.STEP = 'Paso';
7
+ var NEXT = 'Siguiente';
8
+ exports.NEXT = NEXT;
9
+ var BACK = 'Atrás';
10
+ exports.BACK = BACK;
11
+ var STEP = 'Paso';
12
+ exports.STEP = STEP;
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.usePrevious = void 0;
7
7
  var _react = require("react");
8
- const usePrevious = value => {
9
- const ref = (0, _react.useRef)();
10
- (0, _react.useEffect)(() => {
8
+ var usePrevious = function usePrevious(value) {
9
+ var ref = (0, _react.useRef)();
10
+ (0, _react.useEffect)(function () {
11
11
  ref.current = value;
12
12
  });
13
13
  return ref.current;
@@ -1,5 +1,6 @@
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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -19,39 +20,56 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
19
20
  var _theme = require("./theme");
20
21
  var _usePrevious = require("./hooks/use-previous");
21
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
- 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); }
23
- 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; }
24
- const UTWorkflowContainer = _ref => {
25
- let {
26
- backButton,
27
- children,
28
- classNames,
29
- classes: themeClasses = {},
30
- currentStep,
31
- extraActions,
32
- forceStepNumber = false,
33
- hideStepCounter,
34
- nextButton,
35
- onExit,
36
- smallButtons = false,
37
- stepCounter: StepCounter,
38
- stepsCount,
39
- subtitle,
40
- title,
41
- TitleIcon,
42
- withIcon = false
43
- } = _ref;
44
- (0, _react.useEffect)(() => () => onExit && onExit(), []);
45
- const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
46
- const BackIcon = backButton.Icon || _ArrowBack.default;
47
- const NextIcon = nextButton.Icon || _ArrowForward.default;
48
- const previousStepNumber = (0, _usePrevious.usePrevious)(currentStep);
49
- const [visibleStepNumber, setVisibleStepNumber] = (0, _react.useState)(currentStep);
50
- const skippedStepsQuantity = currentStep - visibleStepNumber;
51
- (0, _react.useEffect)(() => {
23
+ 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); }
24
+ 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; }
25
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
26
+ 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."); }
27
+ 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); }
28
+ 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; }
29
+ 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; } }
30
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
31
+ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
32
+ var backButton = _ref.backButton,
33
+ children = _ref.children,
34
+ classNames = _ref.classNames,
35
+ _ref$classes = _ref.classes,
36
+ themeClasses = _ref$classes === void 0 ? {} : _ref$classes,
37
+ currentStep = _ref.currentStep,
38
+ extraActions = _ref.extraActions,
39
+ _ref$forceStepNumber = _ref.forceStepNumber,
40
+ forceStepNumber = _ref$forceStepNumber === void 0 ? false : _ref$forceStepNumber,
41
+ hideStepCounter = _ref.hideStepCounter,
42
+ nextButton = _ref.nextButton,
43
+ onExit = _ref.onExit,
44
+ _ref$smallButtons = _ref.smallButtons,
45
+ smallButtons = _ref$smallButtons === void 0 ? false : _ref$smallButtons,
46
+ StepCounter = _ref.stepCounter,
47
+ stepsCount = _ref.stepsCount,
48
+ subtitle = _ref.subtitle,
49
+ title = _ref.title,
50
+ TitleIcon = _ref.TitleIcon,
51
+ _ref$withIcon = _ref.withIcon,
52
+ withIcon = _ref$withIcon === void 0 ? false : _ref$withIcon;
53
+ (0, _react.useEffect)(function () {
54
+ return function () {
55
+ return onExit && onExit();
56
+ };
57
+ }, []);
58
+ var classes = (0, _react.useMemo)(function () {
59
+ return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
60
+ }, [classNames]);
61
+ var BackIcon = backButton.Icon || _ArrowBack.default;
62
+ var NextIcon = nextButton.Icon || _ArrowForward.default;
63
+ var previousStepNumber = (0, _usePrevious.usePrevious)(currentStep);
64
+ var _useState = (0, _react.useState)(currentStep),
65
+ _useState2 = _slicedToArray(_useState, 2),
66
+ visibleStepNumber = _useState2[0],
67
+ setVisibleStepNumber = _useState2[1];
68
+ var skippedStepsQuantity = currentStep - visibleStepNumber;
69
+ (0, _react.useEffect)(function () {
52
70
  if (previousStepNumber) setVisibleStepNumber(visibleStepNumber + Math.sign(currentStep - previousStepNumber));
53
71
  }, [currentStep]);
54
- const hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
72
+ var hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
55
73
  return /*#__PURE__*/_react.default.createElement("div", {
56
74
  className: classes.container
57
75
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -125,4 +143,5 @@ UTWorkflowContainer.propTypes = {
125
143
  TitleIcon: _propTypes.element,
126
144
  withIcon: _propTypes.bool
127
145
  };
128
- var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);
146
+ var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);
147
+ exports.default = _default;