@arcblock/ux 2.9.91 → 2.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (337) hide show
  1. package/lib/ActionButton/index.js +36 -48
  2. package/lib/ActivityIndicator/index.js +122 -75
  3. package/lib/Address/compact-text.js +48 -66
  4. package/lib/Address/did-address.js +114 -87
  5. package/lib/Address/index.js +15 -27
  6. package/lib/Address/responsive-did-address.js +48 -50
  7. package/lib/Alert/index.js +58 -52
  8. package/lib/AnimationWaiter/index.js +123 -69
  9. package/lib/Async/index.js +8 -22
  10. package/lib/Avatar/did-motif.js +38 -52
  11. package/lib/Avatar/etherscan-blockies.js +4 -10
  12. package/lib/Avatar/index.js +71 -77
  13. package/lib/Badge/index.js +49 -56
  14. package/lib/Blocklet/blocklet.js +181 -97
  15. package/lib/Blocklet/index.js +4 -24
  16. package/lib/Blocklet/utils.js +50 -13
  17. package/lib/BlockletContext/index.js +21 -31
  18. package/lib/BlockletNFT/index.js +255 -115
  19. package/lib/Button/index.js +5 -11
  20. package/lib/Button/wrap.js +45 -56
  21. package/lib/ButtonGroup/index.js +3 -9
  22. package/lib/CardSelector/index.js +67 -43
  23. package/lib/Center/index.js +19 -20
  24. package/lib/ClickToCopy/copy-button.js +37 -50
  25. package/lib/ClickToCopy/hook.js +10 -18
  26. package/lib/ClickToCopy/index.js +54 -66
  27. package/lib/CodeBlock/LightBox.js +84 -11
  28. package/lib/CodeBlock/index.js +175 -101
  29. package/lib/Colors/index.js +3 -20
  30. package/lib/Colors/themes/default.js +1 -7
  31. package/lib/Colors/themes/temp.js +1 -7
  32. package/lib/ContactForm/index.js +95 -60
  33. package/lib/CookieConsent/index.js +58 -52
  34. package/lib/CountDown/index.js +90 -59
  35. package/lib/DID/index.js +80 -96
  36. package/lib/Datatable/CustomToolbar.js +188 -137
  37. package/lib/Datatable/DatatableContext.js +14 -21
  38. package/lib/Datatable/TableSearch.js +99 -58
  39. package/lib/Datatable/index.js +312 -139
  40. package/lib/Datatable/utils.js +9 -17
  41. package/lib/Dialog/confirm.js +46 -58
  42. package/lib/Dialog/dialog.js +110 -66
  43. package/lib/Dialog/index.js +4 -27
  44. package/lib/Dialog/use-confirm.js +40 -65
  45. package/lib/DidLogo/index.js +14 -22
  46. package/lib/DriftBot/index.js +34 -19
  47. package/lib/Earth/index.js +214 -110
  48. package/lib/Earth/util.js +6 -19
  49. package/lib/Empty/index.js +33 -38
  50. package/lib/ErrorBoundary/fallback.js +45 -43
  51. package/lib/ErrorBoundary/index.js +1 -16
  52. package/lib/Footer/index.js +96 -48
  53. package/lib/Header/auto-hidden.js +28 -31
  54. package/lib/Header/header.js +151 -69
  55. package/lib/Header/index.js +2 -20
  56. package/lib/Header/responsive-header.js +67 -60
  57. package/lib/Icon/image.js +41 -45
  58. package/lib/Icon/index.js +51 -53
  59. package/lib/Img/index.js +77 -88
  60. package/lib/InfoRow/index.js +66 -48
  61. package/lib/Layout/dashboard/external-link.js +38 -53
  62. package/lib/Layout/dashboard/full-page.js +27 -41
  63. package/lib/Layout/dashboard/index.js +177 -132
  64. package/lib/Layout/dashboard/sidebar.js +164 -61
  65. package/lib/Layout/dashboard-legacy/header.js +119 -66
  66. package/lib/Layout/dashboard-legacy/index.js +90 -79
  67. package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
  68. package/lib/Layout/index.js +200 -106
  69. package/lib/LoadingMask/index.js +31 -38
  70. package/lib/Locale/browser-lang.js +2 -8
  71. package/lib/Locale/context.js +46 -69
  72. package/lib/Locale/languages.js +6 -15
  73. package/lib/Locale/selector.js +116 -92
  74. package/lib/Locale/util.js +7 -16
  75. package/lib/Logo/index.js +54 -57
  76. package/lib/Metric/index.js +103 -40
  77. package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
  78. package/lib/NFTDisplay/broken.js +68 -52
  79. package/lib/NFTDisplay/index.js +140 -129
  80. package/lib/NFTDisplay/loading.js +14 -13
  81. package/lib/NFTDisplay/svg-embedder/img.js +18 -33
  82. package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
  83. package/lib/NavMenu/index.js +2 -13
  84. package/lib/NavMenu/nav-menu.js +133 -148
  85. package/lib/NavMenu/style.js +179 -12
  86. package/lib/PageScroller/index.js +82 -93
  87. package/lib/PageScroller/story/FifthComponent.js +4 -10
  88. package/lib/PageScroller/story/FirstComponent.js +4 -10
  89. package/lib/PageScroller/story/FourthComponent.js +4 -10
  90. package/lib/PageScroller/story/FullPage.js +21 -28
  91. package/lib/PageScroller/story/PageContain.js +23 -30
  92. package/lib/PageScroller/story/SecondComponent.js +4 -10
  93. package/lib/PageScroller/story/ThirdComponent.js +4 -10
  94. package/lib/PageScroller/usePrevValue.js +4 -11
  95. package/lib/Passport/index.js +2 -9
  96. package/lib/Passport/passport.js +38 -51
  97. package/lib/PoweredByArcBlock/index.js +19 -33
  98. package/lib/PricingTable/PricingPlan.js +90 -34
  99. package/lib/PricingTable/index.js +28 -26
  100. package/lib/QRCode/index.js +38 -50
  101. package/lib/RelativeTime/index.js +44 -59
  102. package/lib/Result/common.js +85 -107
  103. package/lib/Result/index.js +22 -34
  104. package/lib/Result/result.js +35 -41
  105. package/lib/Result/translations.js +1 -7
  106. package/lib/Screenshot/BaseScreenshot/index.js +65 -43
  107. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
  108. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
  109. package/lib/Screenshot/index.js +103 -92
  110. package/lib/SessionBlocklet/index.js +125 -143
  111. package/lib/SessionManager/index.js +2 -9
  112. package/lib/SessionPermission/index.js +13 -23
  113. package/lib/SessionUser/components/logged-in.js +139 -158
  114. package/lib/SessionUser/components/session-user-item.js +44 -58
  115. package/lib/SessionUser/components/session-user-switch.js +133 -152
  116. package/lib/SessionUser/components/un-login.js +27 -35
  117. package/lib/SessionUser/components/user-info.js +62 -74
  118. package/lib/SessionUser/index.js +26 -34
  119. package/lib/SessionUser/libs/translation.js +1 -7
  120. package/lib/SessionUser/libs/utils.js +13 -34
  121. package/lib/Sparkline/index.js +4 -10
  122. package/lib/Spinner/index.js +11 -17
  123. package/lib/SplitButton/index.js +72 -68
  124. package/lib/Success/index.js +28 -34
  125. package/lib/Switch/index.js +64 -75
  126. package/lib/Tabs/index.js +84 -103
  127. package/lib/Tag/index.js +52 -56
  128. package/lib/TextCollapse/index.js +57 -50
  129. package/lib/Theme/index.js +8 -47
  130. package/lib/Theme/theme-provider.js +19 -26
  131. package/lib/Theme/theme.js +49 -62
  132. package/lib/Toast/index.js +41 -73
  133. package/lib/Typography/index.js +44 -55
  134. package/lib/Util/constant.js +16 -22
  135. package/lib/Util/deprecate.js +14 -26
  136. package/lib/Util/federated.js +16 -38
  137. package/lib/Util/index.js +63 -113
  138. package/lib/Util/passport.js +23 -33
  139. package/lib/Util/wallet.js +5 -14
  140. package/lib/Video/index.js +34 -34
  141. package/lib/Wallet/Action.js +72 -49
  142. package/lib/Wallet/Download.js +132 -115
  143. package/lib/Wallet/Open.js +26 -25
  144. package/lib/WalletOSIcon/index.js +33 -42
  145. package/lib/WebWalletSWKeeper/index.js +42 -55
  146. package/lib/WechatPrompt/index.js +53 -33
  147. package/lib/index.js +38 -265
  148. package/lib/withTheme/index.js +53 -33
  149. package/lib/withTracker/error_boundary.js +7 -18
  150. package/lib/withTracker/index.js +25 -34
  151. package/package.json +9 -316
  152. package/src/WalletOSIcon/index.jsx +1 -1
  153. package/es/ActionButton/index.js +0 -99
  154. package/es/ActivityIndicator/index.js +0 -180
  155. package/es/Address/compact-text.js +0 -105
  156. package/es/Address/did-address.js +0 -222
  157. package/es/Address/index.js +0 -23
  158. package/es/Address/responsive-did-address.js +0 -87
  159. package/es/Alert/index.js +0 -134
  160. package/es/AnimationWaiter/default-animation.json +0 -1
  161. package/es/AnimationWaiter/index.js +0 -240
  162. package/es/Async/index.js +0 -38
  163. package/es/Avatar/did-motif.js +0 -68
  164. package/es/Avatar/etherscan-blockies.js +0 -83
  165. package/es/Avatar/index.js +0 -179
  166. package/es/Badge/index.js +0 -98
  167. package/es/Blocklet/blocklet.js +0 -298
  168. package/es/Blocklet/index.js +0 -4
  169. package/es/Blocklet/utils.js +0 -52
  170. package/es/BlockletContext/index.js +0 -65
  171. package/es/BlockletNFT/index.js +0 -412
  172. package/es/Button/index.js +0 -8
  173. package/es/Button/wrap.js +0 -140
  174. package/es/ButtonGroup/index.js +0 -6
  175. package/es/CardSelector/index.js +0 -149
  176. package/es/Center/index.js +0 -41
  177. package/es/ClickToCopy/copy-button.js +0 -72
  178. package/es/ClickToCopy/hook.js +0 -39
  179. package/es/ClickToCopy/index.js +0 -92
  180. package/es/CodeBlock/LightBox.js +0 -85
  181. package/es/CodeBlock/index.js +0 -222
  182. package/es/Colors/index.js +0 -3
  183. package/es/Colors/themes/default.js +0 -77
  184. package/es/Colors/themes/temp.js +0 -41
  185. package/es/ContactForm/index.js +0 -230
  186. package/es/CookieConsent/index.js +0 -113
  187. package/es/CountDown/index.js +0 -178
  188. package/es/DID/index.js +0 -249
  189. package/es/Datatable/CustomToolbar.js +0 -396
  190. package/es/Datatable/DatatableContext.js +0 -34
  191. package/es/Datatable/TableSearch.js +0 -166
  192. package/es/Datatable/index.js +0 -629
  193. package/es/Datatable/utils.js +0 -132
  194. package/es/Dialog/confirm.js +0 -123
  195. package/es/Dialog/dialog.js +0 -201
  196. package/es/Dialog/index.js +0 -4
  197. package/es/Dialog/types.d.ts +0 -17
  198. package/es/Dialog/use-confirm.js +0 -133
  199. package/es/DidLogo/index.js +0 -31
  200. package/es/DriftBot/index.js +0 -70
  201. package/es/Earth/countries.json +0 -8057
  202. package/es/Earth/index.js +0 -521
  203. package/es/Earth/util.js +0 -51
  204. package/es/Empty/index.js +0 -65
  205. package/es/ErrorBoundary/fallback.js +0 -73
  206. package/es/ErrorBoundary/index.js +0 -1
  207. package/es/Footer/index.js +0 -172
  208. package/es/Header/auto-hidden.js +0 -35
  209. package/es/Header/header.js +0 -223
  210. package/es/Header/index.js +0 -2
  211. package/es/Header/responsive-header.js +0 -146
  212. package/es/Icon/image.js +0 -65
  213. package/es/Icon/index.js +0 -84
  214. package/es/Img/index.js +0 -218
  215. package/es/InfoRow/index.js +0 -87
  216. package/es/Layout/dashboard/external-link.js +0 -58
  217. package/es/Layout/dashboard/full-page.js +0 -53
  218. package/es/Layout/dashboard/index.js +0 -282
  219. package/es/Layout/dashboard/sidebar.js +0 -209
  220. package/es/Layout/dashboard-legacy/header.js +0 -174
  221. package/es/Layout/dashboard-legacy/index.js +0 -148
  222. package/es/Layout/dashboard-legacy/sidebar.js +0 -129
  223. package/es/Layout/index.js +0 -335
  224. package/es/LoadingMask/index.js +0 -102
  225. package/es/Locale/browser-lang.js +0 -52
  226. package/es/Locale/context.js +0 -139
  227. package/es/Locale/languages.js +0 -60
  228. package/es/Locale/selector.js +0 -186
  229. package/es/Locale/util.js +0 -21
  230. package/es/Logo/images/logo-dark-text.svg +0 -3
  231. package/es/Logo/images/logo-dark-top.svg +0 -6
  232. package/es/Logo/images/logo-light-text.svg +0 -3
  233. package/es/Logo/images/logo-light-top.svg +0 -6
  234. package/es/Logo/index.js +0 -136
  235. package/es/Metric/index.js +0 -132
  236. package/es/NFTDisplay/NFTBroken.svg +0 -34
  237. package/es/NFTDisplay/README.md +0 -59
  238. package/es/NFTDisplay/aspect-ratio-container.js +0 -39
  239. package/es/NFTDisplay/broken.js +0 -132
  240. package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
  241. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
  242. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
  243. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
  244. package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
  245. package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
  246. package/es/NFTDisplay/index.js +0 -328
  247. package/es/NFTDisplay/loading.js +0 -18
  248. package/es/NFTDisplay/svg-embedder/img.js +0 -45
  249. package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
  250. package/es/NavMenu/index.js +0 -2
  251. package/es/NavMenu/nav-menu.js +0 -358
  252. package/es/NavMenu/style.js +0 -181
  253. package/es/PageScroller/index.js +0 -286
  254. package/es/PageScroller/story/FifthComponent.js +0 -9
  255. package/es/PageScroller/story/FirstComponent.js +0 -9
  256. package/es/PageScroller/story/FourthComponent.js +0 -12
  257. package/es/PageScroller/story/FullPage.js +0 -47
  258. package/es/PageScroller/story/PageContain.js +0 -59
  259. package/es/PageScroller/story/SecondComponent.js +0 -9
  260. package/es/PageScroller/story/ThirdComponent.js +0 -9
  261. package/es/PageScroller/story/index.css +0 -115
  262. package/es/PageScroller/usePrevValue.js +0 -9
  263. package/es/Passport/index.js +0 -2
  264. package/es/Passport/passport.js +0 -103
  265. package/es/PoweredByArcBlock/index.js +0 -31
  266. package/es/PricingTable/PricingPlan.js +0 -124
  267. package/es/PricingTable/index.js +0 -53
  268. package/es/QRCode/index.js +0 -73
  269. package/es/RelativeTime/index.js +0 -107
  270. package/es/Result/common.js +0 -140
  271. package/es/Result/demo/fixtures/result-image-404.svg +0 -1
  272. package/es/Result/index.js +0 -33
  273. package/es/Result/result.js +0 -59
  274. package/es/Result/translations.js +0 -54
  275. package/es/Screenshot/BaseScreenshot/index.js +0 -91
  276. package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
  277. package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
  278. package/es/Screenshot/demo/images/bg-00.jpg +0 -0
  279. package/es/Screenshot/demo/images/bg-01.jpg +0 -0
  280. package/es/Screenshot/demo/images/bg-02.jpg +0 -0
  281. package/es/Screenshot/demo/images/bg-03.jpg +0 -0
  282. package/es/Screenshot/demo/images/bg-04.jpg +0 -0
  283. package/es/Screenshot/demo/images/bg-05.jpg +0 -0
  284. package/es/Screenshot/demo/images/bg-06.jpg +0 -0
  285. package/es/Screenshot/demo/images/bg-07.jpg +0 -0
  286. package/es/Screenshot/demo/images/bg-08.jpg +0 -0
  287. package/es/Screenshot/demo/images/bg-09.jpg +0 -0
  288. package/es/Screenshot/devices.css +0 -1366
  289. package/es/Screenshot/index.js +0 -299
  290. package/es/SessionBlocklet/index.js +0 -173
  291. package/es/SessionManager/index.js +0 -2
  292. package/es/SessionPermission/index.js +0 -28
  293. package/es/SessionUser/components/logged-in.js +0 -229
  294. package/es/SessionUser/components/session-user-item.js +0 -102
  295. package/es/SessionUser/components/session-user-switch.js +0 -223
  296. package/es/SessionUser/components/un-login.js +0 -64
  297. package/es/SessionUser/components/user-info.js +0 -167
  298. package/es/SessionUser/index.js +0 -49
  299. package/es/SessionUser/libs/translation.js +0 -19
  300. package/es/SessionUser/libs/utils.js +0 -29
  301. package/es/Sparkline/index.js +0 -193
  302. package/es/Spinner/index.js +0 -28
  303. package/es/SplitButton/index.js +0 -145
  304. package/es/Success/index.js +0 -175
  305. package/es/Switch/index.js +0 -96
  306. package/es/Tabs/index.js +0 -214
  307. package/es/Tag/index.js +0 -108
  308. package/es/TextCollapse/index.js +0 -92
  309. package/es/Theme/index.js +0 -16
  310. package/es/Theme/theme-provider.js +0 -39
  311. package/es/Theme/theme.js +0 -145
  312. package/es/Toast/index.js +0 -97
  313. package/es/Typography/index.js +0 -95
  314. package/es/Util/constant.js +0 -42
  315. package/es/Util/deprecate.js +0 -28
  316. package/es/Util/federated.js +0 -91
  317. package/es/Util/index.js +0 -363
  318. package/es/Util/passport.js +0 -62
  319. package/es/Util/wallet.js +0 -32
  320. package/es/Video/index.js +0 -89
  321. package/es/Wallet/Action.js +0 -119
  322. package/es/Wallet/Download.js +0 -331
  323. package/es/Wallet/Open.js +0 -45
  324. package/es/Wallet/images/abtwallet.png +0 -0
  325. package/es/Wallet/images/android_download.svg +0 -23
  326. package/es/Wallet/images/app-store.svg +0 -20
  327. package/es/Wallet/images/google-play.svg +0 -70
  328. package/es/WalletOSIcon/index.js +0 -82
  329. package/es/WebWalletSWKeeper/index.js +0 -117
  330. package/es/WechatPrompt/images/android.png +0 -0
  331. package/es/WechatPrompt/images/ios.png +0 -0
  332. package/es/WechatPrompt/index.js +0 -88
  333. package/es/index.js +0 -38
  334. package/es/withTheme/index.js +0 -69
  335. package/es/withTracker/README.md +0 -34
  336. package/es/withTracker/error_boundary.js +0 -34
  337. package/es/withTracker/index.js +0 -55
@@ -1,23 +1,12 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
10
- var _isNil = _interopRequireDefault(require("lodash/isNil"));
11
- var _isNull = _interopRequireDefault(require("lodash/isNull"));
12
- var _usePrevValue = _interopRequireDefault(require("./usePrevValue"));
13
- var _deprecate = require("../Util/deprecate");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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; }
17
- 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; }
18
- 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; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
20
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
1
+ /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
2
+ import { Children, cloneElement, useCallback, useEffect, useRef, useState } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import isEqual from 'lodash/isEqual';
5
+ import isNil from 'lodash/isNil';
6
+ import isNull from 'lodash/isNull';
7
+ import usePrevious from './usePrevValue';
8
+ import { withDeprecated } from '../Util/deprecate';
9
+ import { jsx as _jsx } from "react/jsx-runtime";
21
10
  const Events = {
22
11
  TOUCHMOVE: 'touchmove',
23
12
  KEYDOWN: 'keydown'
@@ -38,45 +27,44 @@ let isMounted = false;
38
27
  let isBodyScrollEnabled = true;
39
28
  let isTransitionAfterComponentsToRenderChanged = false;
40
29
  const containers = [];
41
- function PageScroller(_ref) {
42
- let {
43
- animationTimer,
44
- blockScrollDown,
45
- blockScrollUp,
46
- children,
47
- height,
48
- width,
49
- customPageNumber,
50
- onScrollUnavailable,
51
- onChange,
52
- renderAllPagesOnFirstRender,
53
- transitionTimingFunction
54
- } = _ref;
55
- const [componentIndex, setComponentIndex] = (0, _react.useState)(DEFAULT_COMPONENT_INDEX);
56
- const [componentsToRenderLength, setComponentsToRenderLength] = (0, _react.useState)(DEFAULT_COMPONENTS_TO_RENDER_LENGTH);
57
- const prevComponentIndex = (0, _usePrevValue.default)(componentIndex);
58
- const pageContainer = (0, _react.useRef)(null);
59
- const addNextComponent = (0, _react.useCallback)(componentsToRenderOnMountLength => {
30
+ function PageScroller({
31
+ animationTimer,
32
+ blockScrollDown,
33
+ blockScrollUp,
34
+ children,
35
+ height,
36
+ width,
37
+ customPageNumber,
38
+ onScrollUnavailable,
39
+ onChange,
40
+ renderAllPagesOnFirstRender,
41
+ transitionTimingFunction
42
+ }) {
43
+ const [componentIndex, setComponentIndex] = useState(DEFAULT_COMPONENT_INDEX);
44
+ const [componentsToRenderLength, setComponentsToRenderLength] = useState(DEFAULT_COMPONENTS_TO_RENDER_LENGTH);
45
+ const prevComponentIndex = usePrevious(componentIndex);
46
+ const pageContainer = useRef(null);
47
+ const addNextComponent = useCallback(componentsToRenderOnMountLength => {
60
48
  let tempComponentsToRenderLength = 0;
61
- if (!(0, _isNil.default)(componentsToRenderOnMountLength)) {
49
+ if (!isNil(componentsToRenderOnMountLength)) {
62
50
  tempComponentsToRenderLength = componentsToRenderOnMountLength;
63
51
  }
64
52
  tempComponentsToRenderLength = Math.max(tempComponentsToRenderLength, componentsToRenderLength);
65
53
  if (tempComponentsToRenderLength <= componentIndex + 1) {
66
- if (!(0, _isNil.default)(children[componentIndex + 1])) {
54
+ if (!isNil(children[componentIndex + 1])) {
67
55
  tempComponentsToRenderLength++;
68
56
  }
69
57
  }
70
58
  setComponentsToRenderLength(tempComponentsToRenderLength);
71
59
  }, [children, componentIndex, componentsToRenderLength]);
72
- const checkRenderOnMount = (0, _react.useCallback)(() => {
60
+ const checkRenderOnMount = useCallback(() => {
73
61
  if (renderAllPagesOnFirstRender) {
74
- setComponentsToRenderLength(_react.Children.count(children));
75
- } else if (!(0, _isNil.default)(children[DEFAULT_COMPONENT_INDEX + 1])) {
62
+ setComponentsToRenderLength(Children.count(children));
63
+ } else if (!isNil(children[DEFAULT_COMPONENT_INDEX + 1])) {
76
64
  addNextComponent(DEFAULT_COMPONENTS_TO_RENDER_LENGTH + 1);
77
65
  }
78
66
  }, [addNextComponent, children, renderAllPagesOnFirstRender]);
79
- const disableScroll = (0, _react.useCallback)(() => {
67
+ const disableScroll = useCallback(() => {
80
68
  if (isBodyScrollEnabled) {
81
69
  isBodyScrollEnabled = false;
82
70
  window.scrollTo({
@@ -88,35 +76,37 @@ function PageScroller(_ref) {
88
76
  document.documentElement.classList.add(DISABLED_CLASS_NAME);
89
77
  }
90
78
  }, []);
91
- const enableDocumentScroll = (0, _react.useCallback)(() => {
79
+ const enableDocumentScroll = useCallback(() => {
92
80
  if (!isBodyScrollEnabled) {
93
81
  isBodyScrollEnabled = true;
94
82
  document.body.classList.remove(DISABLED_CLASS_NAME);
95
83
  document.documentElement.classList.remove(DISABLED_CLASS_NAME);
96
84
  }
97
85
  }, []);
98
- const setRenderComponents = (0, _react.useCallback)(() => {
86
+ const setRenderComponents = useCallback(() => {
99
87
  const newComponentsToRender = [];
100
88
  let i = 0;
101
- while (i < componentsToRenderLength && !(0, _isNil.default)(children[i])) {
89
+ while (i < componentsToRenderLength && !isNil(children[i])) {
102
90
  containers[i] = true;
103
- newComponentsToRender.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
91
+ newComponentsToRender.push( /*#__PURE__*/_jsx("div", {
104
92
  style: {
105
93
  height: '100%',
106
94
  width: '100%'
107
95
  },
108
- children: /*#__PURE__*/(0, _react.cloneElement)(children[i], _objectSpread({}, children[i].props))
96
+ children: /*#__PURE__*/cloneElement(children[i], {
97
+ ...children[i].props
98
+ })
109
99
  }, i));
110
100
  i++;
111
101
  }
112
102
  return newComponentsToRender;
113
103
  }, [children, componentsToRenderLength]);
114
- const scrollWindowDown = (0, _react.useCallback)(() => {
104
+ const scrollWindowDown = useCallback(() => {
115
105
  if (!isScrolling && !blockScrollDown) {
116
- if (!(0, _isNil.default)(containers[componentIndex + 1])) {
106
+ if (!isNil(containers[componentIndex + 1])) {
117
107
  disableScroll();
118
108
  isScrolling = true;
119
- pageContainer.current.style.transform = "translate3d(0, ".concat((componentIndex + 1) * -100, "%, 0)"); // prettier-ignore
109
+ pageContainer.current.style.transform = `translate3d(0, ${(componentIndex + 1) * -100}%, 0)`; // prettier-ignore
120
110
 
121
111
  setTimeout(() => {
122
112
  if (isMounted) {
@@ -131,12 +121,12 @@ function PageScroller(_ref) {
131
121
  }
132
122
  }
133
123
  }, [animationTimer, blockScrollDown, componentIndex, disableScroll, enableDocumentScroll, onScrollUnavailable]);
134
- const scrollWindowUp = (0, _react.useCallback)(() => {
124
+ const scrollWindowUp = useCallback(() => {
135
125
  if (!isScrolling && !blockScrollUp) {
136
- if (!(0, _isNil.default)(containers[componentIndex - 1])) {
126
+ if (!isNil(containers[componentIndex - 1])) {
137
127
  disableScroll();
138
128
  isScrolling = true;
139
- pageContainer.current.style.transform = "translate3d(0, ".concat((componentIndex - 1) * -100, "%, 0)"); // prettier-ignore
129
+ pageContainer.current.style.transform = `translate3d(0, ${(componentIndex - 1) * -100}%, 0)`; // prettier-ignore
140
130
 
141
131
  setTimeout(() => {
142
132
  if (isMounted) {
@@ -151,8 +141,8 @@ function PageScroller(_ref) {
151
141
  }
152
142
  }
153
143
  }, [animationTimer, blockScrollUp, componentIndex, disableScroll, enableDocumentScroll, onScrollUnavailable]);
154
- const touchMove = (0, _react.useCallback)(event => {
155
- if (!(0, _isNull.default)(previousTouchMove)) {
144
+ const touchMove = useCallback(event => {
145
+ if (!isNull(previousTouchMove)) {
156
146
  if (event.touches[0].clientY > previousTouchMove) {
157
147
  scrollWindowUp();
158
148
  } else {
@@ -162,34 +152,33 @@ function PageScroller(_ref) {
162
152
  previousTouchMove = event.touches[0].clientY;
163
153
  }
164
154
  }, [scrollWindowDown, scrollWindowUp]);
165
- const wheelScroll = (0, _react.useCallback)(event => {
155
+ const wheelScroll = useCallback(event => {
166
156
  if (event.deltaY < 0) {
167
157
  scrollWindowUp();
168
158
  } else {
169
159
  scrollWindowDown();
170
160
  }
171
161
  }, [scrollWindowDown, scrollWindowUp]);
172
- const keyPress = (0, _react.useCallback)(event => {
173
- if ((0, _isEqual.default)(event.keyCode, KEY_UP)) {
162
+ const keyPress = useCallback(event => {
163
+ if (isEqual(event.keyCode, KEY_UP)) {
174
164
  scrollWindowUp();
175
165
  }
176
- if ((0, _isEqual.default)(event.keyCode, KEY_DOWN)) {
166
+ if (isEqual(event.keyCode, KEY_DOWN)) {
177
167
  scrollWindowDown();
178
168
  }
179
169
  }, [scrollWindowDown, scrollWindowUp]);
180
- (0, _react.useEffect)(() => {
170
+ useEffect(() => {
181
171
  pageContainer.current.addEventListener(Events.TOUCHMOVE, touchMove);
182
172
  pageContainer.current.addEventListener(Events.KEYDOWN, keyPress);
183
173
  return () => {
184
- var _pageContainer$curren;
185
- if ((_pageContainer$curren = pageContainer.current) !== null && _pageContainer$curren !== void 0 && _pageContainer$curren.removeEventListener) {
174
+ if (pageContainer.current?.removeEventListener) {
186
175
  pageContainer.current.removeEventListener(Events.TOUCHMOVE, touchMove);
187
176
  // eslint-disable-next-line react-hooks/exhaustive-deps
188
177
  pageContainer.current.removeEventListener(Events.KEYDOWN, keyPress);
189
178
  }
190
179
  };
191
180
  }, [touchMove, keyPress]);
192
- (0, _react.useEffect)(() => {
181
+ useEffect(() => {
193
182
  isMounted = true;
194
183
  checkRenderOnMount();
195
184
  return () => {
@@ -197,37 +186,37 @@ function PageScroller(_ref) {
197
186
  };
198
187
  // eslint-disable-next-line react-hooks/exhaustive-deps
199
188
  }, []);
200
- (0, _react.useEffect)(() => {
189
+ useEffect(() => {
201
190
  isScrolling = false;
202
191
  previousTouchMove = null;
203
192
  if (componentIndex > prevComponentIndex) {
204
193
  addNextComponent();
205
194
  }
206
195
  }, [addNextComponent, componentIndex, prevComponentIndex]);
207
- (0, _react.useEffect)(() => {
196
+ useEffect(() => {
208
197
  if (onChange) {
209
198
  onChange(componentIndex);
210
199
  }
211
200
  }, [onChange, componentIndex]);
212
- (0, _react.useEffect)(() => {
213
- if (!(0, _isNil.default)(customPageNumber) && !(0, _isEqual.default)(customPageNumber, componentIndex)) {
201
+ useEffect(() => {
202
+ if (!isNil(customPageNumber) && !isEqual(customPageNumber, componentIndex)) {
214
203
  let newComponentsToRenderLength = componentsToRenderLength;
215
- if (!(0, _isEqual.default)(componentIndex, customPageNumber)) {
216
- if (!(0, _isNil.default)(containers[customPageNumber]) && !isScrolling) {
204
+ if (!isEqual(componentIndex, customPageNumber)) {
205
+ if (!isNil(containers[customPageNumber]) && !isScrolling) {
217
206
  isScrolling = true;
218
- pageContainer.current.style.transform = "translate3d(0, ".concat(customPageNumber * -100, "%, 0)");
219
- if ((0, _isNil.default)(containers[customPageNumber]) && !(0, _isNil.default)(children[customPageNumber])) {
207
+ pageContainer.current.style.transform = `translate3d(0, ${customPageNumber * -100}%, 0)`;
208
+ if (isNil(containers[customPageNumber]) && !isNil(children[customPageNumber])) {
220
209
  newComponentsToRenderLength++;
221
210
  }
222
211
  setTimeout(() => {
223
212
  setComponentIndex(customPageNumber);
224
213
  setComponentsToRenderLength(newComponentsToRenderLength);
225
214
  }, animationTimer + ANIMATION_TIMER_BUFFER);
226
- } else if (!isScrolling && !(0, _isNil.default)(children[customPageNumber])) {
215
+ } else if (!isScrolling && !isNil(children[customPageNumber])) {
227
216
  for (let i = componentsToRenderLength; i <= customPageNumber; i++) {
228
217
  newComponentsToRenderLength++;
229
218
  }
230
- if (!(0, _isNil.default)(children[customPageNumber])) {
219
+ if (!isNil(children[customPageNumber])) {
231
220
  newComponentsToRenderLength++;
232
221
  }
233
222
  isScrolling = true;
@@ -238,28 +227,28 @@ function PageScroller(_ref) {
238
227
  }
239
228
  // eslint-disable-next-line react-hooks/exhaustive-deps
240
229
  }, [customPageNumber]);
241
- (0, _react.useEffect)(() => {
230
+ useEffect(() => {
242
231
  if (isTransitionAfterComponentsToRenderChanged) {
243
232
  isTransitionAfterComponentsToRenderChanged = false;
244
- pageContainer.current.style.transform = "translate3d(0, ".concat(customPageNumber * -100, "%, 0)");
233
+ pageContainer.current.style.transform = `translate3d(0, ${customPageNumber * -100}%, 0)`;
245
234
  setTimeout(() => {
246
235
  setComponentIndex(customPageNumber);
247
236
  }, animationTimer + ANIMATION_TIMER_BUFFER);
248
237
  }
249
238
  }, [animationTimer, componentsToRenderLength, customPageNumber]);
250
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
239
+ return /*#__PURE__*/_jsx("div", {
251
240
  style: {
252
241
  height,
253
242
  width,
254
243
  overflow: 'hidden'
255
244
  },
256
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
245
+ children: /*#__PURE__*/_jsx("div", {
257
246
  ref: pageContainer,
258
247
  onWheel: wheelScroll,
259
248
  style: {
260
249
  height: '100%',
261
250
  width: '100%',
262
- transition: "transform ".concat(animationTimer, "ms ").concat(transitionTimingFunction),
251
+ transition: `transform ${animationTimer}ms ${transitionTimingFunction}`,
263
252
  outline: 'none'
264
253
  },
265
254
  tabIndex: 0,
@@ -268,17 +257,17 @@ function PageScroller(_ref) {
268
257
  });
269
258
  }
270
259
  PageScroller.propTypes = {
271
- animationTimer: _propTypes.default.number,
272
- blockScrollDown: _propTypes.default.bool,
273
- blockScrollUp: _propTypes.default.bool,
274
- children: _propTypes.default.any.isRequired,
275
- height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
276
- width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
277
- customPageNumber: _propTypes.default.number,
278
- onScrollUnavailable: _propTypes.default.func,
279
- onChange: _propTypes.default.func,
280
- renderAllPagesOnFirstRender: _propTypes.default.bool,
281
- transitionTimingFunction: _propTypes.default.string
260
+ animationTimer: PropTypes.number,
261
+ blockScrollDown: PropTypes.bool,
262
+ blockScrollUp: PropTypes.bool,
263
+ children: PropTypes.any.isRequired,
264
+ height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
265
+ width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
266
+ customPageNumber: PropTypes.number,
267
+ onScrollUnavailable: PropTypes.func,
268
+ onChange: PropTypes.func,
269
+ renderAllPagesOnFirstRender: PropTypes.bool,
270
+ transitionTimingFunction: PropTypes.string
282
271
  };
283
272
  PageScroller.defaultProps = {
284
273
  animationTimer: DEFAULT_ANIMATION_TIMER,
@@ -292,6 +281,6 @@ PageScroller.defaultProps = {
292
281
  renderAllPagesOnFirstRender: false,
293
282
  customPageNumber: undefined
294
283
  };
295
- var _default = exports.default = (0, _deprecate.withDeprecated)(PageScroller, {
284
+ export default withDeprecated(PageScroller, {
296
285
  name: 'PageScroller'
297
286
  });
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FifthComponent;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function FifthComponent() {
9
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function FifthComponent() {
3
+ return /*#__PURE__*/_jsx("div", {
10
4
  className: "component fifth-component",
11
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
5
+ children: /*#__PURE__*/_jsx("h2", {
12
6
  children: "Fifth Component"
13
7
  })
14
8
  });
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FirstComponent;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function FirstComponent() {
9
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function FirstComponent() {
3
+ return /*#__PURE__*/_jsx("div", {
10
4
  className: "component first-component",
11
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
5
+ children: /*#__PURE__*/_jsx("h2", {
12
6
  children: "First Component"
13
7
  })
14
8
  });
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FourthComponent;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function FourthComponent() {
9
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function FourthComponent() {
3
+ return /*#__PURE__*/_jsx("div", {
10
4
  className: "component fourth-component",
11
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
5
+ children: /*#__PURE__*/_jsx("h2", {
12
6
  style: {
13
7
  margin: 'auto'
14
8
  },
@@ -1,27 +1,20 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FullPage;
7
- var _react = require("react");
8
- var _Button = _interopRequireDefault(require("../../Button"));
9
- var _ = _interopRequireDefault(require(".."));
10
- var _FirstComponent = _interopRequireDefault(require("./FirstComponent"));
11
- var _SecondComponent = _interopRequireDefault(require("./SecondComponent"));
12
- var _ThirdComponent = _interopRequireDefault(require("./ThirdComponent"));
13
- var _FourthComponent = _interopRequireDefault(require("./FourthComponent"));
14
- var _FifthComponent = _interopRequireDefault(require("./FifthComponent"));
15
- require("./index.css");
16
- var _jsxRuntime = require("react/jsx-runtime");
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
1
  /* eslint-disable jsx-a11y/control-has-associated-label */
19
-
20
- function FullPage() {
21
- const [current, setCurrent] = (0, _react.useState)(0);
2
+ import { useState } from 'react';
3
+ import Button from '../../Button';
4
+ import PageScroller from '..';
5
+ import FirstComponent from './FirstComponent';
6
+ import SecondComponent from './SecondComponent';
7
+ import ThirdComponent from './ThirdComponent';
8
+ import FourthComponent from './FourthComponent';
9
+ import FifthComponent from './FifthComponent';
10
+ import './index.css';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ import { jsxs as _jsxs } from "react/jsx-runtime";
13
+ export default function FullPage() {
14
+ const [current, setCurrent] = useState(0);
22
15
  const pageNumbers = [];
23
16
  for (let i = 0; i < 5; i++) {
24
- pageNumbers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
17
+ pageNumbers.push( /*#__PURE__*/_jsx(Button, {
25
18
  variant: i === current ? 'contained' : 'outlined',
26
19
  size: "small",
27
20
  onClick: () => setCurrent(i),
@@ -30,23 +23,23 @@ function FullPage() {
30
23
  }, i));
31
24
  }
32
25
  const progress = current / (5 - 1) * 100;
33
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
26
+ return /*#__PURE__*/_jsxs("div", {
34
27
  className: "demo-page-full",
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
28
+ children: [/*#__PURE__*/_jsxs(PageScroller, {
36
29
  onChange: i => setCurrent(i),
37
30
  customPageNumber: current,
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThirdComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FourthComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FifthComponent.default, {})]
39
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
31
+ children: [/*#__PURE__*/_jsx(FirstComponent, {}), /*#__PURE__*/_jsx(SecondComponent, {}), /*#__PURE__*/_jsx(ThirdComponent, {}), /*#__PURE__*/_jsx(FourthComponent, {}), /*#__PURE__*/_jsx(FifthComponent, {})]
32
+ }), /*#__PURE__*/_jsx("div", {
40
33
  className: "progress",
41
34
  role: "progressbar",
42
35
  "aria-valuemin": "0",
43
36
  "aria-valuemax": "100",
44
37
  "aria-valuenow": progress,
45
- "aria-valuetext": "Page Scroller Progress: ".concat(progress),
38
+ "aria-valuetext": `Page Scroller Progress: ${progress}`,
46
39
  style: {
47
- width: "".concat(progress, "%")
40
+ width: `${progress}%`
48
41
  }
49
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
42
+ }), /*#__PURE__*/_jsx("div", {
50
43
  className: "pagination-additional-class",
51
44
  children: pageNumbers
52
45
  })]
@@ -1,27 +1,20 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FullPage;
7
- var _react = require("react");
8
- var _Button = _interopRequireDefault(require("../../Button"));
9
- var _ = _interopRequireDefault(require(".."));
10
- var _FirstComponent = _interopRequireDefault(require("./FirstComponent"));
11
- var _SecondComponent = _interopRequireDefault(require("./SecondComponent"));
12
- var _ThirdComponent = _interopRequireDefault(require("./ThirdComponent"));
13
- var _FourthComponent = _interopRequireDefault(require("./FourthComponent"));
14
- var _FifthComponent = _interopRequireDefault(require("./FifthComponent"));
15
- require("./index.css");
16
- var _jsxRuntime = require("react/jsx-runtime");
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
1
  /* eslint-disable jsx-a11y/control-has-associated-label */
19
-
20
- function FullPage() {
21
- const [current, setCurrent] = (0, _react.useState)(0);
2
+ import { useState } from 'react';
3
+ import Button from '../../Button';
4
+ import PageScroller from '..';
5
+ import FirstComponent from './FirstComponent';
6
+ import SecondComponent from './SecondComponent';
7
+ import ThirdComponent from './ThirdComponent';
8
+ import FourthComponent from './FourthComponent';
9
+ import FifthComponent from './FifthComponent';
10
+ import './index.css';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ import { jsxs as _jsxs } from "react/jsx-runtime";
13
+ export default function FullPage() {
14
+ const [current, setCurrent] = useState(0);
22
15
  const pageNumbers = [];
23
16
  for (let i = 0; i < 5; i++) {
24
- pageNumbers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
17
+ pageNumbers.push( /*#__PURE__*/_jsx(Button, {
25
18
  variant: i === current ? 'contained' : 'outlined',
26
19
  size: "small",
27
20
  onClick: () => setCurrent(i),
@@ -30,35 +23,35 @@ function FullPage() {
30
23
  }, i));
31
24
  }
32
25
  const progress = current / (5 - 1) * 100;
33
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
26
+ return /*#__PURE__*/_jsxs("div", {
34
27
  className: "demo-page-contain",
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
28
+ children: [/*#__PURE__*/_jsx("h3", {
36
29
  className: "demo-page-contain__hint",
37
30
  children: "You need to focus or hover page scroller to make scroll, keys or touch work"
38
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
31
+ }), /*#__PURE__*/_jsxs("div", {
39
32
  style: {
40
33
  width: 360,
41
34
  height: 640,
42
35
  position: 'relative'
43
36
  },
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
37
+ children: [/*#__PURE__*/_jsxs(PageScroller, {
45
38
  onChange: i => setCurrent(i),
46
39
  width: 360,
47
40
  height: 640,
48
41
  customPageNumber: current,
49
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThirdComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FourthComponent.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FifthComponent.default, {})]
50
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
42
+ children: [/*#__PURE__*/_jsx(FirstComponent, {}), /*#__PURE__*/_jsx(SecondComponent, {}), /*#__PURE__*/_jsx(ThirdComponent, {}), /*#__PURE__*/_jsx(FourthComponent, {}), /*#__PURE__*/_jsx(FifthComponent, {})]
43
+ }), /*#__PURE__*/_jsx("div", {
51
44
  className: "progress",
52
45
  role: "progressbar",
53
46
  "aria-valuemin": "0",
54
47
  "aria-valuemax": "100",
55
48
  "aria-valuenow": progress,
56
- "aria-valuetext": "Page Scroller Progress: ".concat(progress),
49
+ "aria-valuetext": `Page Scroller Progress: ${progress}`,
57
50
  style: {
58
- width: "".concat(progress, "%")
51
+ width: `${progress}%`
59
52
  }
60
53
  })]
61
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
54
+ }), /*#__PURE__*/_jsx("div", {
62
55
  className: "pagination-additional-class",
63
56
  children: pageNumbers
64
57
  })]
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = SecondComponent;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function SecondComponent() {
9
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function SecondComponent() {
3
+ return /*#__PURE__*/_jsx("div", {
10
4
  className: "component second-component",
11
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
5
+ children: /*#__PURE__*/_jsx("h2", {
12
6
  children: "Second Component"
13
7
  })
14
8
  });
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = ThirdComponent;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function ThirdComponent() {
9
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function ThirdComponent() {
3
+ return /*#__PURE__*/_jsx("div", {
10
4
  className: "component third-component",
11
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
5
+ children: /*#__PURE__*/_jsx("h2", {
12
6
  children: "Third Component"
13
7
  })
14
8
  });
@@ -1,15 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = usePrevious;
7
- var _react = require("react");
8
1
  // eslint-disable-next-line no-unused-vars
9
-
10
- function usePrevious(value) {
11
- const ref = (0, _react.useRef)({});
12
- (0, _react.useEffect)(() => {
2
+ import { useEffect, useRef } from 'react';
3
+ export default function usePrevious(value) {
4
+ const ref = useRef({});
5
+ useEffect(() => {
13
6
  ref.current = value;
14
7
  }, [value]);
15
8
  return ref.current;
@@ -1,9 +1,2 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _passport = _interopRequireDefault(require("./passport"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
- var _default = exports.default = _passport.default;
1
+ import PassportItem from './passport';
2
+ export default PassportItem;