@onepercentio/one-ui 1.3.4 → 1.3.5
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.
- package/README.md +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +9 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +24 -26
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -0
- package/dist/components/AdaptiveButton/index.d.ts +2 -0
- package/dist/components/AdaptiveButton/index.js +22 -25
- package/dist/components/AdaptiveButton/index.js.map +1 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +25 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +139 -140
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -0
- package/dist/components/AdaptiveContainer/index.d.ts +2 -0
- package/dist/components/AdaptiveContainer/index.js +22 -25
- package/dist/components/AdaptiveContainer/index.js.map +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +20 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +42 -73
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
- package/dist/components/AdaptiveDialog/index.d.ts +2 -0
- package/dist/components/AdaptiveDialog/index.js +22 -25
- package/dist/components/AdaptiveDialog/index.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +25 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +54 -70
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.d.ts +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +9 -10
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js.map +1 -0
- package/dist/components/AdaptiveSidebar/index.d.ts +2 -0
- package/dist/components/AdaptiveSidebar/index.js +22 -25
- package/dist/components/AdaptiveSidebar/index.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +37 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +154 -155
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
- package/dist/components/AnchoredTooltip/index.d.ts +2 -0
- package/dist/components/AnchoredTooltip/index.js +22 -25
- package/dist/components/AnchoredTooltip/index.js.map +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +19 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +121 -154
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
- package/dist/components/AnimatedEntrance/index.d.ts +2 -0
- package/dist/components/AnimatedEntrance/index.js +22 -25
- package/dist/components/AnimatedEntrance/index.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.d.ts +29 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +40 -80
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/index.d.ts +2 -0
- package/dist/components/AsyncTriggerContainer/index.js +22 -25
- package/dist/components/AsyncTriggerContainer/index.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +14 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +16 -34
- package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
- package/dist/components/AsyncWrapper/index.d.ts +2 -0
- package/dist/components/AsyncWrapper/index.js +22 -25
- package/dist/components/AsyncWrapper/index.js.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +10 -0
- package/dist/components/Avatar/Avatar.js +18 -33
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.js +22 -25
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/BucketFill/BucketFill.d.ts +11 -0
- package/dist/components/BucketFill/BucketFill.js +36 -49
- package/dist/components/BucketFill/BucketFill.js.map +1 -0
- package/dist/components/BucketFill/index.d.ts +2 -0
- package/dist/components/BucketFill/index.js +22 -25
- package/dist/components/BucketFill/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +16 -0
- package/dist/components/Button/Button.js +22 -30
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +22 -25
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.js +10 -17
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.js +22 -25
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Chart/Chart.d.ts +2 -0
- package/dist/components/Chart/Chart.e2e.d.ts +4 -0
- package/dist/components/Chart/Chart.e2e.js +9 -0
- package/dist/components/Chart/Chart.e2e.js.map +1 -0
- package/dist/components/Chart/Chart.js +22 -25
- package/dist/components/Chart/Chart.js.map +1 -0
- package/dist/components/Chart/Chart.logic.d.ts +3 -0
- package/dist/components/Chart/Chart.logic.js +9 -10
- package/dist/components/Chart/Chart.logic.js.map +1 -0
- package/dist/components/Chart/Chart.types.d.ts +24 -0
- package/dist/components/Chart/Chart.types.js +2 -5
- package/dist/components/Chart/Chart.types.js.map +1 -0
- package/dist/components/Chart/Chart.view.d.ts +5 -0
- package/dist/components/Chart/Chart.view.js +98 -174
- package/dist/components/Chart/Chart.view.js.map +1 -0
- package/dist/components/Chart/index.d.ts +2 -0
- package/dist/components/Chart/index.js +22 -25
- package/dist/components/Chart/index.js.map +1 -0
- package/dist/components/CheckBox/CheckBox.d.ts +18 -0
- package/dist/components/CheckBox/CheckBox.js +31 -45
- package/dist/components/CheckBox/CheckBox.js.map +1 -0
- package/dist/components/CheckBox/index.d.ts +2 -0
- package/dist/components/CheckBox/index.js +22 -25
- package/dist/components/CheckBox/index.js.map +1 -0
- package/dist/components/CodeInput/CodeInput.d.ts +8 -0
- package/dist/components/CodeInput/CodeInput.js +93 -75
- package/dist/components/CodeInput/CodeInput.js.map +1 -0
- package/dist/components/CodeInput/index.d.ts +2 -0
- package/dist/components/CodeInput/index.js +22 -25
- package/dist/components/CodeInput/index.js.map +1 -0
- package/dist/components/Collapsable/Collapsable.d.ts +54 -0
- package/dist/components/Collapsable/Collapsable.js +134 -164
- package/dist/components/Collapsable/Collapsable.js.map +1 -0
- package/dist/components/Collapsable/index.d.ts +2 -0
- package/dist/components/Collapsable/index.js +22 -25
- package/dist/components/Collapsable/index.js.map +1 -0
- package/dist/components/Countdown/Countdown.d.ts +28 -0
- package/dist/components/Countdown/Countdown.js +86 -69
- package/dist/components/Countdown/Countdown.js.map +1 -0
- package/dist/components/Countdown/index.d.ts +2 -0
- package/dist/components/Countdown/index.js +22 -25
- package/dist/components/Countdown/index.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.d.ts +11 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.d.ts +7 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +25 -25
- package/dist/components/CurrencyInput/CurrencyInput.hook.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +29 -48
- package/dist/components/CurrencyInput/CurrencyInput.js.map +1 -0
- package/dist/components/CurrencyInput/index.d.ts +2 -0
- package/dist/components/CurrencyInput/index.js +22 -25
- package/dist/components/CurrencyInput/index.js.map +1 -0
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/Divider/Divider.js +10 -16
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/index.js +22 -25
- package/dist/components/Divider/index.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.d.ts +33 -0
- package/dist/components/EmailInput/EmailInput.js +23 -37
- package/dist/components/EmailInput/EmailInput.js.map +1 -0
- package/dist/components/EmailInput/index.d.ts +2 -0
- package/dist/components/EmailInput/index.js +22 -25
- package/dist/components/EmailInput/index.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.d.ts +16 -0
- package/dist/components/FadeIn/FadeIn.js +51 -57
- package/dist/components/FadeIn/FadeIn.js.map +1 -0
- package/dist/components/FadeIn/index.d.ts +2 -0
- package/dist/components/FadeIn/index.js +22 -25
- package/dist/components/FadeIn/index.js.map +1 -0
- package/dist/components/FileInput/FileInput.d.ts +34 -0
- package/dist/components/FileInput/FileInput.js +38 -45
- package/dist/components/FileInput/FileInput.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +16 -48
- package/dist/components/FileInput/View/BigFactory/BigFactory.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/index.d.ts +2 -0
- package/dist/components/FileInput/View/BigFactory/index.js +22 -25
- package/dist/components/FileInput/View/BigFactory/index.js.map +1 -0
- package/dist/components/FileInput/View/Compact/Compact.d.ts +11 -0
- package/dist/components/FileInput/View/Compact/Compact.js +46 -114
- package/dist/components/FileInput/View/Compact/Compact.js.map +1 -0
- package/dist/components/FileInput/View/Compact/index.d.ts +2 -0
- package/dist/components/FileInput/View/Compact/index.js +22 -25
- package/dist/components/FileInput/View/Compact/index.js.map +1 -0
- package/dist/components/FileInput/View/View.types.d.ts +8 -0
- package/dist/components/FileInput/View/View.types.js +2 -5
- package/dist/components/FileInput/View/View.types.js.map +1 -0
- package/dist/components/FileInput/index.d.ts +2 -0
- package/dist/components/FileInput/index.js +22 -25
- package/dist/components/FileInput/index.js.map +1 -0
- package/dist/components/FlowController/FlowController.d.ts +27 -0
- package/dist/components/FlowController/FlowController.js +25 -56
- package/dist/components/FlowController/FlowController.js.map +1 -0
- package/dist/components/FlowController/index.d.ts +2 -0
- package/dist/components/FlowController/index.js +22 -25
- package/dist/components/FlowController/index.js.map +1 -0
- package/dist/components/Form/Form.d.ts +30 -0
- package/dist/components/Form/Form.hook.d.ts +40 -0
- package/dist/components/Form/Form.hook.js +202 -217
- package/dist/components/Form/Form.hook.js.map +1 -0
- package/dist/components/Form/Form.js +65 -103
- package/dist/components/Form/Form.js.map +1 -0
- package/dist/components/Form/Form.types.d.ts +98 -0
- package/dist/components/Form/Form.types.js +53 -39
- package/dist/components/Form/Form.types.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.d.ts +13 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +53 -64
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/DateField/index.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.d.ts +9 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +78 -81
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js.map +1 -0
- package/dist/components/Form/FormField/FormField.d.ts +5 -0
- package/dist/components/Form/FormField/FormField.js +148 -287
- package/dist/components/Form/FormField/FormField.js.map +1 -0
- package/dist/components/Form/FormField/FormField.types.d.ts +103 -0
- package/dist/components/Form/FormField/FormField.types.js +7 -10
- package/dist/components/Form/FormField/FormField.types.js.map +1 -0
- package/dist/components/Form/FormField/index.d.ts +2 -0
- package/dist/components/Form/FormField/index.js +22 -25
- package/dist/components/Form/FormField/index.js.map +1 -0
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Form/index.js +22 -25
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/Freeze/Freeze.d.ts +5 -0
- package/dist/components/Freeze/Freeze.js +9 -13
- package/dist/components/Freeze/Freeze.js.map +1 -0
- package/dist/components/Freeze/index.d.ts +2 -0
- package/dist/components/Freeze/index.js +22 -25
- package/dist/components/Freeze/index.js.map +1 -0
- package/dist/components/HSForms/HSForms.d.ts +12 -0
- package/dist/components/HSForms/HSForms.js +69 -48
- package/dist/components/HSForms/HSForms.js.map +1 -0
- package/dist/components/HSForms/index.d.ts +2 -0
- package/dist/components/HSForms/index.js +22 -25
- package/dist/components/HSForms/index.js.map +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +9 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +10 -19
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
- package/dist/components/HeaderCloseBtn/index.d.ts +2 -0
- package/dist/components/HeaderCloseBtn/index.js +22 -25
- package/dist/components/HeaderCloseBtn/index.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +22 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +94 -114
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
- package/dist/components/InfinityScroll/index.d.ts +2 -0
- package/dist/components/InfinityScroll/index.js +22 -25
- package/dist/components/InfinityScroll/index.js.map +1 -0
- package/dist/components/Input/Input.d.ts +43 -0
- package/dist/components/Input/Input.js +57 -99
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +22 -25
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/InstantCounter/InstantCounter.d.ts +16 -0
- package/dist/components/InstantCounter/InstantCounter.js +31 -49
- package/dist/components/InstantCounter/InstantCounter.js.map +1 -0
- package/dist/components/InstantCounter/index.d.ts +2 -0
- package/dist/components/InstantCounter/index.js +22 -25
- package/dist/components/InstantCounter/index.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.d.ts +12 -0
- package/dist/components/LavaLamp/LavaLamp.data.d.ts +16 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +86 -83
- package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.js +32 -119
- package/dist/components/LavaLamp/LavaLamp.js.map +1 -0
- package/dist/components/LavaLamp/index.d.ts +2 -0
- package/dist/components/LavaLamp/index.js +22 -25
- package/dist/components/LavaLamp/index.js.map +1 -0
- package/dist/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +156 -149
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -0
- package/dist/components/LinkToId/LinkToId.d.ts +11 -0
- package/dist/components/LinkToId/LinkToId.js +27 -39
- package/dist/components/LinkToId/LinkToId.js.map +1 -0
- package/dist/components/LinkToId/index.d.ts +2 -0
- package/dist/components/LinkToId/index.js +22 -25
- package/dist/components/LinkToId/index.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +8 -0
- package/dist/components/Loader/Loader.js +22 -21
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/Loader/index.d.ts +2 -0
- package/dist/components/Loader/index.js +22 -25
- package/dist/components/Loader/index.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +12 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +15 -27
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/index.d.ts +2 -0
- package/dist/components/LoaderDotsIndicator/index.js +22 -25
- package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
- package/dist/components/LoopableVideo/LoopableVideo.d.ts +12 -0
- package/dist/components/LoopableVideo/LoopableVideo.js +25 -33
- package/dist/components/LoopableVideo/LoopableVideo.js.map +1 -0
- package/dist/components/LoopableVideo/index.d.ts +2 -0
- package/dist/components/LoopableVideo/index.js +22 -25
- package/dist/components/LoopableVideo/index.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.d.ts +17 -0
- package/dist/components/MainGrid/MainGrid.js +23 -46
- package/dist/components/MainGrid/MainGrid.js.map +1 -0
- package/dist/components/MainGrid/index.d.ts +2 -0
- package/dist/components/MainGrid/index.js +22 -25
- package/dist/components/MainGrid/index.js.map +1 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +23 -27
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
- package/dist/components/MutableHamburgerButton/index.d.ts +2 -0
- package/dist/components/MutableHamburgerButton/index.js +22 -25
- package/dist/components/MutableHamburgerButton/index.js.map +1 -0
- package/dist/components/Notification/Notification.d.ts +8 -0
- package/dist/components/Notification/Notification.js +11 -18
- package/dist/components/Notification/Notification.js.map +1 -0
- package/dist/components/Notification/index.d.ts +2 -0
- package/dist/components/Notification/index.js +22 -25
- package/dist/components/Notification/index.js.map +1 -0
- package/dist/components/NumberInput/NumberInput.d.ts +11 -0
- package/dist/components/NumberInput/NumberInput.js +42 -43
- package/dist/components/NumberInput/NumberInput.js.map +1 -0
- package/dist/components/NumberInput/index.d.ts +2 -0
- package/dist/components/NumberInput/index.js +22 -25
- package/dist/components/NumberInput/index.js.map +1 -0
- package/dist/components/OrderableList/OrderableList.d.ts +40 -0
- package/dist/components/OrderableList/OrderableList.js +404 -416
- package/dist/components/OrderableList/OrderableList.js.map +1 -0
- package/dist/components/OrderableList/index.d.ts +2 -0
- package/dist/components/OrderableList/index.js +22 -25
- package/dist/components/OrderableList/index.js.map +1 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +45 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +198 -243
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
- package/dist/components/PaginationIndicator/index.d.ts +2 -0
- package/dist/components/PaginationIndicator/index.js +22 -25
- package/dist/components/PaginationIndicator/index.js.map +1 -0
- package/dist/components/Parallax/Parallax.d.ts +20 -0
- package/dist/components/Parallax/Parallax.js +130 -156
- package/dist/components/Parallax/Parallax.js.map +1 -0
- package/dist/components/Parallax/index.d.ts +2 -0
- package/dist/components/Parallax/index.js +22 -25
- package/dist/components/Parallax/index.js.map +1 -0
- package/dist/components/Parallax/math/helpers.d.ts +58 -0
- package/dist/components/Parallax/math/helpers.js +216 -120
- package/dist/components/Parallax/math/helpers.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +48 -0
- package/dist/components/PasswordInput/PasswordInput.js +71 -88
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/PasswordInput/index.js +22 -25
- package/dist/components/PasswordInput/index.js.map +1 -0
- package/dist/components/PingPongText/PingPongText.d.ts +10 -0
- package/dist/components/PingPongText/PingPongText.js +67 -63
- package/dist/components/PingPongText/PingPongText.js.map +1 -0
- package/dist/components/PingPongText/index.d.ts +2 -0
- package/dist/components/PingPongText/index.js +22 -25
- package/dist/components/PingPongText/index.js.map +1 -0
- package/dist/components/PixelatedScan/PixelatedScan.d.ts +13 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +74 -126
- package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
- package/dist/components/PixelatedScan/index.d.ts +2 -0
- package/dist/components/PixelatedScan/index.js +22 -25
- package/dist/components/PixelatedScan/index.js.map +1 -0
- package/dist/components/Portal/Portal.d.ts +20 -0
- package/dist/components/Portal/Portal.js +43 -46
- package/dist/components/Portal/Portal.js.map +1 -0
- package/dist/components/Portal/index.d.ts +2 -0
- package/dist/components/Portal/index.js +22 -25
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +32 -0
- package/dist/components/ProgressBar/ProgressBar.js +47 -105
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/components/ProgressBar/index.d.ts +2 -0
- package/dist/components/ProgressBar/index.js +22 -25
- package/dist/components/ProgressBar/index.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +29 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +29 -43
- package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
- package/dist/components/ProgressTexts/index.d.ts +2 -0
- package/dist/components/ProgressTexts/index.js +22 -25
- package/dist/components/ProgressTexts/index.js.map +1 -0
- package/dist/components/Radio/Radio.d.ts +15 -0
- package/dist/components/Radio/Radio.js +28 -51
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/index.js +22 -25
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.d.ts +7 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +12 -18
- package/dist/components/Radio/variants/Checkmark/Checkmark.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/index.d.ts +2 -0
- package/dist/components/Radio/variants/Checkmark/index.js +22 -25
- package/dist/components/Radio/variants/Checkmark/index.js.map +1 -0
- package/dist/components/Radio/variants/Generic/Generic.d.ts +7 -0
- package/dist/components/Radio/variants/Generic/Generic.js +12 -20
- package/dist/components/Radio/variants/Generic/Generic.js.map +1 -0
- package/dist/components/Radio/variants/Generic/index.d.ts +2 -0
- package/dist/components/Radio/variants/Generic/index.js +22 -25
- package/dist/components/Radio/variants/Generic/index.js.map +1 -0
- package/dist/components/SectionContainer/SectionContainer.d.ts +19 -0
- package/dist/components/SectionContainer/SectionContainer.js +16 -38
- package/dist/components/SectionContainer/SectionContainer.js.map +1 -0
- package/dist/components/SectionContainer/index.d.ts +2 -0
- package/dist/components/SectionContainer/index.js +22 -25
- package/dist/components/SectionContainer/index.js.map +1 -0
- package/dist/components/Select/Select.d.ts +42 -0
- package/dist/components/Select/Select.js +95 -128
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.js +22 -25
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/Skeleton/Skeleton.js +14 -22
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Skeleton/index.js +22 -25
- package/dist/components/Skeleton/index.js.map +1 -0
- package/dist/components/Slider/Slider.d.ts +11 -0
- package/dist/components/Slider/Slider.e2e.d.ts +4 -0
- package/dist/components/Slider/Slider.e2e.js +6 -0
- package/dist/components/Slider/Slider.e2e.js.map +1 -0
- package/dist/components/Slider/Slider.js +59 -63
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.js +22 -25
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Spacing/Spacing.d.ts +11 -0
- package/dist/components/Spacing/Spacing.js +17 -25
- package/dist/components/Spacing/Spacing.js.map +1 -0
- package/dist/components/Spacing/index.d.ts +2 -0
- package/dist/components/Spacing/index.js +22 -25
- package/dist/components/Spacing/index.js.map +1 -0
- package/dist/components/StaticScroller/StaticScroller.d.ts +7 -0
- package/dist/components/StaticScroller/StaticScroller.js +61 -65
- package/dist/components/StaticScroller/StaticScroller.js.map +1 -0
- package/dist/components/StaticScroller/index.d.ts +2 -0
- package/dist/components/StaticScroller/index.js +22 -25
- package/dist/components/StaticScroller/index.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +12 -0
- package/dist/components/Switch/Switch.js +26 -40
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.js +22 -25
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Table/Table.d.ts +23 -0
- package/dist/components/Table/Table.js +56 -107
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +22 -25
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +28 -0
- package/dist/components/Tabs/Tabs.js +54 -59
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.js +22 -25
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +22 -0
- package/dist/components/Text/Text.js +30 -35
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +22 -25
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +12 -46
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +49 -71
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +79 -89
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +41 -60
- package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/utils.d.ts +8 -0
- package/dist/components/Transition/MasksFactory/utils.js +27 -25
- package/dist/components/Transition/MasksFactory/utils.js.map +1 -0
- package/dist/components/Transition/Transition.d.ts +114 -0
- package/dist/components/Transition/Transition.js +319 -298
- package/dist/components/Transition/Transition.js.map +1 -0
- package/dist/components/Transition/index.d.ts +2 -0
- package/dist/components/Transition/index.js +22 -25
- package/dist/components/Transition/index.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +17 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +93 -101
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +19 -27
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js.map +1 -0
- package/dist/components/UncontrolledTransition/index.d.ts +2 -0
- package/dist/components/UncontrolledTransition/index.js +22 -25
- package/dist/components/UncontrolledTransition/index.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +55 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +94 -101
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/index.d.ts +2 -0
- package/dist/components/WalletConnectionWrapper/index.js +22 -25
- package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +43 -53
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +2 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +22 -25
- package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
- package/dist/context/AsyncProcess.d.ts +23 -0
- package/dist/context/AsyncProcess.js +41 -68
- package/dist/context/AsyncProcess.js.map +1 -0
- package/dist/context/ContextAsyncControl.d.ts +39 -0
- package/dist/context/ContextAsyncControl.js +51 -72
- package/dist/context/ContextAsyncControl.js.map +1 -0
- package/dist/context/CustomBrowserRouter.d.ts +19 -0
- package/dist/context/CustomBrowserRouter.js +30 -44
- package/dist/context/CustomBrowserRouter.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +209 -0
- package/dist/context/OneUIProvider.js +108 -102
- package/dist/context/OneUIProvider.js.map +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.d.ts +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +16 -17
- package/dist/hooks/logs/useDependencyChangeDetection.js.map +1 -0
- package/dist/hooks/logs/useIsMounting.d.ts +1 -0
- package/dist/hooks/logs/useIsMounting.js +7 -10
- package/dist/hooks/logs/useIsMounting.js.map +1 -0
- package/dist/hooks/persistence/useLocalStorage.d.ts +2 -0
- package/dist/hooks/persistence/useLocalStorage.js +40 -41
- package/dist/hooks/persistence/useLocalStorage.js.map +1 -0
- package/dist/hooks/shims/ObjectWatchShim.d.ts +1 -0
- package/dist/hooks/shims/ObjectWatchShim.js +46 -47
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -0
- package/dist/hooks/ui/useAdaptiveImage.d.ts +7 -0
- package/dist/hooks/ui/useAdaptiveImage.js +34 -29
- package/dist/hooks/ui/useAdaptiveImage.js.map +1 -0
- package/dist/hooks/ui/useAlternating.d.ts +4 -0
- package/dist/hooks/ui/useAlternating.js +18 -18
- package/dist/hooks/ui/useAlternating.js.map +1 -0
- package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
- package/dist/hooks/ui/useBreakpoint.js +18 -19
- package/dist/hooks/ui/useBreakpoint.js.map +1 -0
- package/dist/hooks/ui/useCustomScrollbar.d.ts +8 -0
- package/dist/hooks/ui/useCustomScrollbar.js +21 -26
- package/dist/hooks/ui/useCustomScrollbar.js.map +1 -0
- package/dist/hooks/ui/useEffectIf.d.ts +2 -0
- package/dist/hooks/ui/useEffectIf.js +9 -11
- package/dist/hooks/ui/useEffectIf.js.map +1 -0
- package/dist/hooks/ui/useMouseHover.d.ts +11 -0
- package/dist/hooks/ui/useMouseHover.js +19 -25
- package/dist/hooks/ui/useMouseHover.js.map +1 -0
- package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
- package/dist/hooks/ui/usePaginationControls.js +136 -129
- package/dist/hooks/ui/usePaginationControls.js.map +1 -0
- package/dist/hooks/ui/useSnapToViewport.d.ts +5 -0
- package/dist/hooks/ui/useSnapToViewport.js +19 -20
- package/dist/hooks/ui/useSnapToViewport.js.map +1 -0
- package/dist/hooks/ui/useTilt.d.ts +46 -0
- package/dist/hooks/ui/useTilt.js +129 -145
- package/dist/hooks/ui/useTilt.js.map +1 -0
- package/dist/hooks/ui/useZoomable.d.ts +6 -0
- package/dist/hooks/ui/useZoomable.js +116 -123
- package/dist/hooks/ui/useZoomable.js.map +1 -0
- package/dist/hooks/useAsyncControl.d.ts +32 -0
- package/dist/hooks/useAsyncControl.js +52 -67
- package/dist/hooks/useAsyncControl.js.map +1 -0
- package/dist/hooks/useContainedRepositioning.d.ts +15 -0
- package/dist/hooks/useContainedRepositioning.js +71 -75
- package/dist/hooks/useContainedRepositioning.js.map +1 -0
- package/dist/hooks/useCustomHistory.d.ts +14 -0
- package/dist/hooks/useCustomHistory.js +12 -21
- package/dist/hooks/useCustomHistory.js.map +1 -0
- package/dist/hooks/useElementFit.d.ts +18 -0
- package/dist/hooks/useElementFit.js +48 -43
- package/dist/hooks/useElementFit.js.map +1 -0
- package/dist/hooks/useFirestoreWatch.d.ts +12 -0
- package/dist/hooks/useFirestoreWatch.js +41 -41
- package/dist/hooks/useFirestoreWatch.js.map +1 -0
- package/dist/hooks/useFreeze.d.ts +5 -0
- package/dist/hooks/useFreeze.js +8 -10
- package/dist/hooks/useFreeze.js.map +1 -0
- package/dist/hooks/useHero.d.ts +68 -0
- package/dist/hooks/useHero.js +271 -249
- package/dist/hooks/useHero.js.map +1 -0
- package/dist/hooks/useIntersection.d.ts +8 -0
- package/dist/hooks/useIntersection.js +27 -32
- package/dist/hooks/useIntersection.js.map +1 -0
- package/dist/hooks/useMergeRefs.d.ts +9 -0
- package/dist/hooks/useMergeRefs.js +24 -27
- package/dist/hooks/useMergeRefs.js.map +1 -0
- package/dist/hooks/useObserve.d.ts +6 -0
- package/dist/hooks/useObserve.js +14 -17
- package/dist/hooks/useObserve.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +57 -0
- package/dist/hooks/usePagination.js +164 -147
- package/dist/hooks/usePagination.js.map +1 -0
- package/dist/hooks/usePooledOperation.d.ts +19 -0
- package/dist/hooks/usePooledOperation.js +57 -41
- package/dist/hooks/usePooledOperation.js.map +1 -0
- package/dist/hooks/usePooling.d.ts +22 -0
- package/dist/hooks/usePooling.js +49 -46
- package/dist/hooks/usePooling.js.map +1 -0
- package/dist/hooks/useRebound.d.ts +13 -0
- package/dist/hooks/useRebound.js +19 -23
- package/dist/hooks/useRebound.js.map +1 -0
- package/dist/hooks/useShortIntl.d.ts +21 -0
- package/dist/hooks/useShortIntl.js +50 -72
- package/dist/hooks/useShortIntl.js.map +1 -0
- package/dist/hooks/utility/useAsyncMemo.d.ts +13 -0
- package/dist/hooks/utility/useAsyncMemo.js +42 -36
- package/dist/hooks/utility/useAsyncMemo.js.map +1 -0
- package/dist/hooks/utility/useDepChange.d.ts +1 -0
- package/dist/hooks/utility/useDepChange.js +12 -14
- package/dist/hooks/utility/useDepChange.js.map +1 -0
- package/dist/hooks/utility/useEvents.d.ts +9 -0
- package/dist/hooks/utility/useEvents.js +21 -26
- package/dist/hooks/utility/useEvents.js.map +1 -0
- package/dist/hooks/utility/useImmediate.d.ts +4 -0
- package/dist/hooks/utility/useImmediate.js +5 -8
- package/dist/hooks/utility/useImmediate.js.map +1 -0
- package/dist/hooks/utility/useManualInit.d.ts +4 -0
- package/dist/hooks/utility/useManualInit.js +17 -19
- package/dist/hooks/utility/useManualInit.js.map +1 -0
- package/dist/hooks/utility/useModule.d.ts +4 -0
- package/dist/hooks/utility/useModule.js +9 -12
- package/dist/hooks/utility/useModule.js.map +1 -0
- package/dist/hooks/utility/useQuery.d.ts +7 -0
- package/dist/hooks/utility/useQuery.js +7 -13
- package/dist/hooks/utility/useQuery.js.map +1 -0
- package/dist/hooks/utility/useUniqueEffect.d.ts +1 -0
- package/dist/hooks/utility/useUniqueEffect.js +17 -17
- package/dist/hooks/utility/useUniqueEffect.js.map +1 -0
- package/dist/index.d.ts +223 -0
- package/dist/index.js +349 -2147
- package/dist/index.js.map +1 -0
- package/dist/index.preprocess.d.ts +1 -0
- package/dist/index.preprocess.js +72 -35
- package/dist/index.preprocess.js.map +1 -0
- package/dist/models/DebugLogger.d.ts +4 -0
- package/dist/models/DebugLogger.js +5 -8
- package/dist/models/DebugLogger.js.map +1 -0
- package/dist/models/GenericContract.d.ts +100 -0
- package/dist/models/GenericContract.js +13 -42
- package/dist/models/GenericContract.js.map +1 -0
- package/dist/models/ImageScales.d.ts +7 -0
- package/dist/models/ImageScales.js +12 -0
- package/dist/models/ImageScales.js.map +1 -0
- package/dist/models/Orbs.d.ts +44 -0
- package/dist/models/Orbs.js +47 -53
- package/dist/models/Orbs.js.map +1 -0
- package/dist/storybookUtils/index.d.ts +5 -0
- package/dist/storybookUtils/index.js +39 -40
- package/dist/storybookUtils/index.js.map +1 -0
- package/dist/type-utils.d.ts +59 -0
- package/dist/type-utils.js +2 -5
- package/dist/type-utils.js.map +1 -0
- package/dist/types.d.ts +79 -0
- package/dist/types.js +2 -5
- package/dist/types.js.map +1 -0
- package/dist/utils/blockchain.d.ts +8 -0
- package/dist/utils/blockchain.js +54 -35
- package/dist/utils/blockchain.js.map +1 -0
- package/dist/utils/e2e.d.ts +19 -0
- package/dist/utils/e2e.js +11 -21
- package/dist/utils/e2e.js.map +1 -0
- package/dist/utils/flatten.d.ts +5 -0
- package/dist/utils/flatten.js +12 -15
- package/dist/utils/flatten.js.map +1 -0
- package/dist/utils/formatters.d.ts +21 -0
- package/dist/utils/formatters.js +43 -48
- package/dist/utils/formatters.js.map +1 -0
- package/dist/utils/html.utils.d.ts +2 -0
- package/dist/utils/html.utils.js +6 -12
- package/dist/utils/html.utils.js.map +1 -0
- package/dist/utils/ownEvent.d.ts +4 -0
- package/dist/utils/ownEvent.js +7 -9
- package/dist/utils/ownEvent.js.map +1 -0
- package/dist/utils/test.d.ts +6 -0
- package/dist/utils/test.js +11 -13
- package/dist/utils/test.js.map +1 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js +3 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss +17 -3
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js +2 -2
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -1
- package/dist-ts/components/Form/FormField/FormField.js +5 -5
- package/dist-ts/components/Form/FormField/FormField.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +6 -0
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,83 +1,79 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const debounce_1 = __importDefault(require("lodash/debounce"));
|
|
7
|
+
const react_1 = require("react");
|
|
10
8
|
/**
|
|
11
9
|
* This hook takes an html and checks if its outside its parent
|
|
12
10
|
* If it is, it should move it so it can be totally visible inside the container
|
|
13
11
|
*/
|
|
14
|
-
function useContainedRepositioning(focused, getParent) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (window.getComputedStyle(el).position !== "relative") throw new Error("The target element MUST have position relative so it can be moved");
|
|
28
|
-
if (window.getComputedStyle(relativeParent).position !== "relative") throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
|
|
29
|
-
}
|
|
30
|
-
if (focused) {
|
|
31
|
-
curr.style.right = "0px";
|
|
32
|
-
const reposition = (0, _debounce.default)(() => {
|
|
33
|
-
const alreadyRight = Number(curr.style.right.replace("px", ""));
|
|
34
|
-
const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
|
|
35
|
-
const elWidth = curr.clientWidth * scale;
|
|
36
|
-
const offsetOfScale = (elWidth - curr.clientWidth) / 2;
|
|
37
|
-
const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
|
|
38
|
-
const exceedingSpace = cardLimit - limitOffset;
|
|
39
|
-
const offsetLeft = curr.offsetLeft - offsetOfScale + alreadyRight - relativeParent.scrollLeft;
|
|
40
|
-
const isOverflowedRight = exceedingSpace > 0;
|
|
41
|
-
const isOverflowedLeft = offsetLeft < 0;
|
|
42
|
-
const limit = exceedingSpace + -offsetLeft;
|
|
43
|
-
if (isOverflowedRight) {
|
|
44
|
-
const val = Math.min(exceedingSpace - -Math.min(Math.abs(limit / 2), offset), offsetLimit);
|
|
45
|
-
curr.style.right = "".concat(val, "px");
|
|
46
|
-
}
|
|
47
|
-
if (isOverflowedLeft) {
|
|
48
|
-
const val = Math.max(offsetLeft - Math.min(Math.abs(limit) / 2, offset), -offsetLimit);
|
|
49
|
-
curr.style.right = "".concat(val, "px");
|
|
12
|
+
function useContainedRepositioning(focused, getParent, { offset = 16, scale = 1, offsetLimit = Number.POSITIVE_INFINITY, } = {}) {
|
|
13
|
+
const elementToCheck = (0, react_1.useRef)(null);
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
const el = elementToCheck.current;
|
|
16
|
+
if (!el)
|
|
17
|
+
return;
|
|
18
|
+
const curr = el;
|
|
19
|
+
const relativeParent = getParent(curr);
|
|
20
|
+
if (process.env.NODE_ENV === "development") {
|
|
21
|
+
if (window.getComputedStyle(el).position !== "relative")
|
|
22
|
+
throw new Error("The target element MUST have position relative so it can be moved");
|
|
23
|
+
if (window.getComputedStyle(relativeParent).position !== "relative")
|
|
24
|
+
throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
|
|
50
25
|
}
|
|
51
|
-
if (
|
|
52
|
-
|
|
26
|
+
if (focused) {
|
|
27
|
+
curr.style.right = `0px`;
|
|
28
|
+
const reposition = (0, debounce_1.default)(() => {
|
|
29
|
+
const alreadyRight = Number(curr.style.right.replace("px", ""));
|
|
30
|
+
const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
|
|
31
|
+
const elWidth = curr.clientWidth * scale;
|
|
32
|
+
const offsetOfScale = (elWidth - curr.clientWidth) / 2;
|
|
33
|
+
const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
|
|
34
|
+
const exceedingSpace = cardLimit - limitOffset;
|
|
35
|
+
const offsetLeft = curr.offsetLeft -
|
|
36
|
+
offsetOfScale +
|
|
37
|
+
alreadyRight -
|
|
38
|
+
relativeParent.scrollLeft;
|
|
39
|
+
const isOverflowedRight = exceedingSpace > 0;
|
|
40
|
+
const isOverflowedLeft = offsetLeft < 0;
|
|
41
|
+
const limit = exceedingSpace + -offsetLeft;
|
|
42
|
+
if (isOverflowedRight) {
|
|
43
|
+
const val = Math.min(exceedingSpace - -Math.min(Math.abs(limit / 2), offset), offsetLimit);
|
|
44
|
+
curr.style.right = `${val}px`;
|
|
45
|
+
}
|
|
46
|
+
if (isOverflowedLeft) {
|
|
47
|
+
const val = Math.max(offsetLeft - Math.min(Math.abs(limit) / 2, offset), -offsetLimit);
|
|
48
|
+
curr.style.right = `${val}px`;
|
|
49
|
+
}
|
|
50
|
+
if (isOverflowedLeft || isOverflowedRight) {
|
|
51
|
+
curr.style.zIndex = "1000";
|
|
52
|
+
}
|
|
53
|
+
}, 50);
|
|
54
|
+
reposition();
|
|
55
|
+
reposition.flush();
|
|
56
|
+
relativeParent.addEventListener("scroll", reposition, {
|
|
57
|
+
passive: true
|
|
58
|
+
});
|
|
59
|
+
return () => {
|
|
60
|
+
reposition.cancel();
|
|
61
|
+
relativeParent.removeEventListener("scroll", reposition);
|
|
62
|
+
el.style.right = `0px`;
|
|
63
|
+
const restore = ({ propertyName, currentTarget }) => {
|
|
64
|
+
const targetTransformation = window.getComputedStyle(currentTarget).right;
|
|
65
|
+
if (propertyName === "right" && targetTransformation === "0px") {
|
|
66
|
+
curr.style.zIndex = "";
|
|
67
|
+
el.removeEventListener("transitionend", restore);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
el.addEventListener("transitionend", restore);
|
|
71
|
+
};
|
|
53
72
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
passive: true
|
|
59
|
-
});
|
|
60
|
-
return () => {
|
|
61
|
-
reposition.cancel();
|
|
62
|
-
relativeParent.removeEventListener("scroll", reposition);
|
|
63
|
-
el.style.right = "0px";
|
|
64
|
-
const restore = _ref => {
|
|
65
|
-
let {
|
|
66
|
-
propertyName,
|
|
67
|
-
currentTarget
|
|
68
|
-
} = _ref;
|
|
69
|
-
const targetTransformation = window.getComputedStyle(currentTarget).right;
|
|
70
|
-
if (propertyName === "right" && targetTransformation === "0px") {
|
|
71
|
-
curr.style.zIndex = "";
|
|
72
|
-
el.removeEventListener("transitionend", restore);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
el.addEventListener("transitionend", restore);
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
}, [focused]);
|
|
79
|
-
return {
|
|
80
|
-
elementToCheck
|
|
81
|
-
};
|
|
73
|
+
}, [focused]);
|
|
74
|
+
return {
|
|
75
|
+
elementToCheck,
|
|
76
|
+
};
|
|
82
77
|
}
|
|
83
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfZGVib3VuY2UiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwidXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyIsImZvY3VzZWQiLCJnZXRQYXJlbnQiLCJvZmZzZXQiLCJzY2FsZSIsIm9mZnNldExpbWl0IiwiTnVtYmVyIiwiUE9TSVRJVkVfSU5GSU5JVFkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJlbGVtZW50VG9DaGVjayIsInVzZVJlZiIsInVzZUVmZmVjdCIsImVsIiwiY3VycmVudCIsImN1cnIiLCJyZWxhdGl2ZVBhcmVudCIsInByb2Nlc3MiLCJlbnYiLCJOT0RFX0VOViIsIndpbmRvdyIsImdldENvbXB1dGVkU3R5bGUiLCJwb3NpdGlvbiIsIkVycm9yIiwic3R5bGUiLCJyaWdodCIsInJlcG9zaXRpb24iLCJkZWJvdW5jZSIsImFscmVhZHlSaWdodCIsInJlcGxhY2UiLCJsaW1pdE9mZnNldCIsInNjcm9sbExlZnQiLCJjbGllbnRXaWR0aCIsImVsV2lkdGgiLCJvZmZzZXRPZlNjYWxlIiwiY2FyZExpbWl0Iiwib2Zmc2V0TGVmdCIsImV4Y2VlZGluZ1NwYWNlIiwiaXNPdmVyZmxvd2VkUmlnaHQiLCJpc092ZXJmbG93ZWRMZWZ0IiwibGltaXQiLCJ2YWwiLCJNYXRoIiwibWluIiwiYWJzIiwiY29uY2F0IiwibWF4IiwiekluZGV4IiwiZmx1c2giLCJhZGRFdmVudExpc3RlbmVyIiwicGFzc2l2ZSIsImNhbmNlbCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJyZXN0b3JlIiwiX3JlZiIsInByb3BlcnR5TmFtZSIsImN1cnJlbnRUYXJnZXQiLCJ0YXJnZXRUcmFuc2Zvcm1hdGlvbiJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VDb250YWluZWRSZXBvc2l0aW9uaW5nLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBkZWJvdW5jZSBmcm9tIFwibG9kYXNoL2RlYm91bmNlXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG4vKipcbiAqIFRoaXMgaG9vayB0YWtlcyBhbiBodG1sIGFuZCBjaGVja3MgaWYgaXRzIG91dHNpZGUgaXRzIHBhcmVudFxuICogSWYgaXQgaXMsIGl0IHNob3VsZCBtb3ZlIGl0IHNvIGl0IGNhbiBiZSB0b3RhbGx5IHZpc2libGUgaW5zaWRlIHRoZSBjb250YWluZXJcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyhcbiAgZm9jdXNlZDogYm9vbGVhbixcbiAgZ2V0UGFyZW50OiAoZWw6IEhUTUxFbGVtZW50KSA9PiBIVE1MRWxlbWVudCxcbiAge1xuICAgIG9mZnNldCA9IDE2LFxuICAgIHNjYWxlID0gMSxcbiAgICBvZmZzZXRMaW1pdCA9IE51bWJlci5QT1NJVElWRV9JTkZJTklUWSxcbiAgfToge1xuICAgIC8qKiBUaGUgb2Zmc2V0IHRoZSBlbGVtZW50IHdpbGwgYmUgbW92ZWQgYnkgZnJvbSB0aGUgY2xvc2VzdCBib3VuZCAqL1xuICAgIG9mZnNldD86IG51bWJlcjtcblxuICAgIC8qKiBUaGUgc2NhbGVkIGVsZW1lbnQgd2lkdGggdG8gYmUgY29uc2lkZXJlZC4gdXNlZnVsbCBmb3Igd2hlbiB0aGUgZm9jdXNlZCBlbGVtZW50IHdpbGwgY2hhbmdlIHNpemUgKi9cbiAgICBzY2FsZT86IG51bWJlcjtcblxuICAgIC8qKiBMaW1pdCBvZmZzZXQgKi9cbiAgICBvZmZzZXRMaW1pdD86IG51bWJlcjtcbiAgfSA9IHt9XG4pIHtcbiAgY29uc3QgZWxlbWVudFRvQ2hlY2sgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gZWxlbWVudFRvQ2hlY2suY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG5cbiAgICBjb25zdCBjdXJyID0gZWw7XG4gICAgY29uc3QgcmVsYXRpdmVQYXJlbnQgPSBnZXRQYXJlbnQoY3Vycik7XG5cbiAgICBpZiAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09IFwiZGV2ZWxvcG1lbnRcIikge1xuICAgICAgaWYgKHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGVsKS5wb3NpdGlvbiAhPT0gXCJyZWxhdGl2ZVwiKVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgXCJUaGUgdGFyZ2V0IGVsZW1lbnQgTVVTVCBoYXZlIHBvc2l0aW9uIHJlbGF0aXZlIHNvIGl0IGNhbiBiZSBtb3ZlZFwiXG4gICAgICAgICk7XG4gICAgICBpZiAod2luZG93LmdldENvbXB1dGVkU3R5bGUocmVsYXRpdmVQYXJlbnQpLnBvc2l0aW9uICE9PSBcInJlbGF0aXZlXCIpXG4gICAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgICBcIlRoZSByZWxhdGl2ZSB0byBlbGVtZW50IE1VU1QgaGF2ZSBwb3NpdGlvbiByZWxhdGl2ZSBzbyBpdCBjYW4gY2FsY3VsYXRlIGNvcnJlY3RseSB0aGUgdGFyZ2V0IHBvc2l0aW9uXCJcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZm9jdXNlZCkge1xuICAgICAgY3Vyci5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgY29uc3QgcmVwb3NpdGlvbiA9IGRlYm91bmNlKCgpID0+IHtcbiAgICAgICAgY29uc3QgYWxyZWFkeVJpZ2h0ID0gTnVtYmVyKGN1cnIuc3R5bGUucmlnaHQucmVwbGFjZShcInB4XCIsIFwiXCIpKTtcbiAgICAgICAgY29uc3QgbGltaXRPZmZzZXQgPVxuICAgICAgICAgIHJlbGF0aXZlUGFyZW50LnNjcm9sbExlZnQgKyByZWxhdGl2ZVBhcmVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgY29uc3QgZWxXaWR0aCA9IGN1cnIuY2xpZW50V2lkdGggKiBzY2FsZTtcbiAgICAgICAgY29uc3Qgb2Zmc2V0T2ZTY2FsZSA9IChlbFdpZHRoIC0gY3Vyci5jbGllbnRXaWR0aCkgLyAyO1xuICAgICAgICBjb25zdCBjYXJkTGltaXQgPVxuICAgICAgICAgIGN1cnIub2Zmc2V0TGVmdCAtIG9mZnNldE9mU2NhbGUgKyBhbHJlYWR5UmlnaHQgKyBlbFdpZHRoO1xuICAgICAgICBjb25zdCBleGNlZWRpbmdTcGFjZSA9IGNhcmRMaW1pdCAtIGxpbWl0T2Zmc2V0O1xuICAgICAgICBjb25zdCBvZmZzZXRMZWZ0ID1cbiAgICAgICAgICBjdXJyLm9mZnNldExlZnQgLVxuICAgICAgICAgIG9mZnNldE9mU2NhbGUgK1xuICAgICAgICAgIGFscmVhZHlSaWdodCAtXG4gICAgICAgICAgcmVsYXRpdmVQYXJlbnQuc2Nyb2xsTGVmdDtcbiAgICAgICAgY29uc3QgaXNPdmVyZmxvd2VkUmlnaHQgPSBleGNlZWRpbmdTcGFjZSA+IDA7XG4gICAgICAgIGNvbnN0IGlzT3ZlcmZsb3dlZExlZnQgPSBvZmZzZXRMZWZ0IDwgMDtcbiAgICAgICAgY29uc3QgbGltaXQgPSBleGNlZWRpbmdTcGFjZSArIC1vZmZzZXRMZWZ0O1xuXG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRSaWdodCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWluKFxuICAgICAgICAgICAgZXhjZWVkaW5nU3BhY2UgLSAtTWF0aC5taW4oTWF0aC5hYnMobGltaXQgLyAyKSwgb2Zmc2V0KSxcbiAgICAgICAgICAgIG9mZnNldExpbWl0XG4gICAgICAgICAgKTtcbiAgICAgICAgICBjdXJyLnN0eWxlLnJpZ2h0ID0gYCR7dmFsfXB4YDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNPdmVyZmxvd2VkTGVmdCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWF4KFxuICAgICAgICAgICAgb2Zmc2V0TGVmdCAtIE1hdGgubWluKE1hdGguYWJzKGxpbWl0KSAvIDIsIG9mZnNldCksXG4gICAgICAgICAgICAtb2Zmc2V0TGltaXRcbiAgICAgICAgICApO1xuICAgICAgICAgIGN1cnIuc3R5bGUucmlnaHQgPSBgJHt2YWx9cHhgO1xuICAgICAgICB9XG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRMZWZ0IHx8IGlzT3ZlcmZsb3dlZFJpZ2h0KSB7XG4gICAgICAgICAgY3Vyci5zdHlsZS56SW5kZXggPSBcIjEwMDBcIjtcbiAgICAgICAgfVxuICAgICAgfSwgNTApO1xuICAgICAgcmVwb3NpdGlvbigpO1xuICAgICAgcmVwb3NpdGlvbi5mbHVzaCgpO1xuXG4gICAgICByZWxhdGl2ZVBhcmVudC5hZGRFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24sIHtcbiAgICAgICAgcGFzc2l2ZTogdHJ1ZVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICByZXBvc2l0aW9uLmNhbmNlbCgpO1xuICAgICAgICByZWxhdGl2ZVBhcmVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24pO1xuICAgICAgICBlbC5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgICBjb25zdCByZXN0b3JlID0gKHsgcHJvcGVydHlOYW1lLCBjdXJyZW50VGFyZ2V0IH06IFRyYW5zaXRpb25FdmVudCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHRhcmdldFRyYW5zZm9ybWF0aW9uID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoXG4gICAgICAgICAgICBjdXJyZW50VGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50XG4gICAgICAgICAgKS5yaWdodDtcbiAgICAgICAgICBpZiAocHJvcGVydHlOYW1lID09PSBcInJpZ2h0XCIgJiYgdGFyZ2V0VHJhbnNmb3JtYXRpb24gPT09IFwiMHB4XCIpIHtcbiAgICAgICAgICAgIGN1cnIuc3R5bGUuekluZGV4ID0gXCJcIjtcbiAgICAgICAgICAgIGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uZW5kXCIsIHJlc3RvcmUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgZWwuYWRkRXZlbnRMaXN0ZW5lcihcInRyYW5zaXRpb25lbmRcIiwgcmVzdG9yZSk7XG4gICAgICB9O1xuICAgIH1cbiAgfSwgW2ZvY3VzZWRdKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnRUb0NoZWNrLFxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxTQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFBMEMsU0FBQUQsdUJBQUFHLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFFMUM7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTRyx5QkFBeUJBLENBQy9DQyxPQUFnQixFQUNoQkMsU0FBMkMsRUFlM0M7RUFBQSxJQWRBO0lBQ0VDLE1BQU0sR0FBRyxFQUFFO0lBQ1hDLEtBQUssR0FBRyxDQUFDO0lBQ1RDLFdBQVcsR0FBR0MsTUFBTSxDQUFDQztFQVV2QixDQUFDLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUMsQ0FBQztFQUVOLE1BQU1HLGNBQWMsR0FBRyxJQUFBQyxhQUFNLEVBQWlCLElBQUksQ0FBQztFQUNuRCxJQUFBQyxnQkFBUyxFQUFDLE1BQU07SUFDZCxNQUFNQyxFQUFFLEdBQUdILGNBQWMsQ0FBQ0ksT0FBTztJQUNqQyxJQUFJLENBQUNELEVBQUUsRUFBRTtJQUVULE1BQU1FLElBQUksR0FBR0YsRUFBRTtJQUNmLE1BQU1HLGNBQWMsR0FBR2YsU0FBUyxDQUFDYyxJQUFJLENBQUM7SUFFdEMsSUFBSUUsT0FBTyxDQUFDQyxHQUFHLENBQUNDLFFBQVEsS0FBSyxhQUFhLEVBQUU7TUFDMUMsSUFBSUMsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FBQ1IsRUFBRSxDQUFDLENBQUNTLFFBQVEsS0FBSyxVQUFVLEVBQ3JELE1BQU0sSUFBSUMsS0FBSyxDQUNiLG1FQUNGLENBQUM7TUFDSCxJQUFJSCxNQUFNLENBQUNDLGdCQUFnQixDQUFDTCxjQUFjLENBQUMsQ0FBQ00sUUFBUSxLQUFLLFVBQVUsRUFDakUsTUFBTSxJQUFJQyxLQUFLLENBQ2IsdUdBQ0YsQ0FBQztJQUNMO0lBRUEsSUFBSXZCLE9BQU8sRUFBRTtNQUNYZSxJQUFJLENBQUNTLEtBQUssQ0FBQ0MsS0FBSyxRQUFRO01BQ3hCLE1BQU1DLFVBQVUsR0FBRyxJQUFBQyxpQkFBUSxFQUFDLE1BQU07UUFDaEMsTUFBTUMsWUFBWSxHQUFHdkIsTUFBTSxDQUFDVSxJQUFJLENBQUNTLEtBQUssQ0FBQ0MsS0FBSyxDQUFDSSxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELE1BQU1DLFdBQVcsR0FDZmQsY0FBYyxDQUFDZSxVQUFVLEdBQUdmLGNBQWMsQ0FBQ2dCLFdBQVc7UUFDeEQsTUFBTUMsT0FBTyxHQUFHbEIsSUFBSSxDQUFDaUIsV0FBVyxHQUFHN0IsS0FBSztRQUN4QyxNQUFNK0IsYUFBYSxHQUFHLENBQUNELE9BQU8sR0FBR2xCLElBQUksQ0FBQ2lCLFdBQVcsSUFBSSxDQUFDO1FBQ3RELE1BQU1HLFNBQVMsR0FDYnBCLElBQUksQ0FBQ3FCLFVBQVUsR0FBR0YsYUFBYSxHQUFHTixZQUFZLEdBQUdLLE9BQU87UUFDMUQsTUFBTUksY0FBYyxHQUFHRixTQUFTLEdBQUdMLFdBQVc7UUFDOUMsTUFBTU0sVUFBVSxHQUNkckIsSUFBSSxDQUFDcUIsVUFBVSxHQUNmRixhQUFhLEdBQ2JOLFlBQVksR0FDWlosY0FBYyxDQUFDZSxVQUFVO1FBQzNCLE1BQU1PLGlCQUFpQixHQUFHRCxjQUFjLEdBQUcsQ0FBQztRQUM1QyxNQUFNRSxnQkFBZ0IsR0FBR0gsVUFBVSxHQUFHLENBQUM7UUFDdkMsTUFBTUksS0FBSyxHQUFHSCxjQUFjLEdBQUcsQ0FBQ0QsVUFBVTtRQUUxQyxJQUFJRSxpQkFBaUIsRUFBRTtVQUNyQixNQUFNRyxHQUFHLEdBQUdDLElBQUksQ0FBQ0MsR0FBRyxDQUNsQk4sY0FBYyxHQUFHLENBQUNLLElBQUksQ0FBQ0MsR0FBRyxDQUFDRCxJQUFJLENBQUNFLEdBQUcsQ0FBQ0osS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFdEMsTUFBTSxDQUFDLEVBQ3ZERSxXQUNGLENBQUM7VUFDRFcsSUFBSSxDQUFDUyxLQUFLLENBQUNDLEtBQUssTUFBQW9CLE1BQUEsQ0FBTUosR0FBRyxPQUFJO1FBQy9CO1FBQ0EsSUFBSUYsZ0JBQWdCLEVBQUU7VUFDcEIsTUFBTUUsR0FBRyxHQUFHQyxJQUFJLENBQUNJLEdBQUcsQ0FDbEJWLFVBQVUsR0FBR00sSUFBSSxDQUFDQyxHQUFHLENBQUNELElBQUksQ0FBQ0UsR0FBRyxDQUFDSixLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUV0QyxNQUFNLENBQUMsRUFDbEQsQ0FBQ0UsV0FDSCxDQUFDO1VBQ0RXLElBQUksQ0FBQ1MsS0FBSyxDQUFDQyxLQUFLLE1BQUFvQixNQUFBLENBQU1KLEdBQUcsT0FBSTtRQUMvQjtRQUNBLElBQUlGLGdCQUFnQixJQUFJRCxpQkFBaUIsRUFBRTtVQUN6Q3ZCLElBQUksQ0FBQ1MsS0FBSyxDQUFDdUIsTUFBTSxHQUFHLE1BQU07UUFDNUI7TUFDRixDQUFDLEVBQUUsRUFBRSxDQUFDO01BQ05yQixVQUFVLENBQUMsQ0FBQztNQUNaQSxVQUFVLENBQUNzQixLQUFLLENBQUMsQ0FBQztNQUVsQmhDLGNBQWMsQ0FBQ2lDLGdCQUFnQixDQUFDLFFBQVEsRUFBRXZCLFVBQVUsRUFBRTtRQUNwRHdCLE9BQU8sRUFBRTtNQUNYLENBQUMsQ0FBQztNQUNGLE9BQU8sTUFBTTtRQUNYeEIsVUFBVSxDQUFDeUIsTUFBTSxDQUFDLENBQUM7UUFDbkJuQyxjQUFjLENBQUNvQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUxQixVQUFVLENBQUM7UUFDeERiLEVBQUUsQ0FBQ1csS0FBSyxDQUFDQyxLQUFLLFFBQVE7UUFDdEIsTUFBTTRCLE9BQU8sR0FBR0MsSUFBQSxJQUFzRDtVQUFBLElBQXJEO1lBQUVDLFlBQVk7WUFBRUM7VUFBK0IsQ0FBQyxHQUFBRixJQUFBO1VBQy9ELE1BQU1HLG9CQUFvQixHQUFHckMsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FDbERtQyxhQUNGLENBQUMsQ0FBQy9CLEtBQUs7VUFDUCxJQUFJOEIsWUFBWSxLQUFLLE9BQU8sSUFBSUUsb0JBQW9CLEtBQUssS0FBSyxFQUFFO1lBQzlEMUMsSUFBSSxDQUFDUyxLQUFLLENBQUN1QixNQUFNLEdBQUcsRUFBRTtZQUN0QmxDLEVBQUUsQ0FBQ3VDLG1CQUFtQixDQUFDLGVBQWUsRUFBRUMsT0FBTyxDQUFDO1VBQ2xEO1FBQ0YsQ0FBQztRQUNEeEMsRUFBRSxDQUFDb0MsZ0JBQWdCLENBQUMsZUFBZSxFQUFFSSxPQUFPLENBQUM7TUFDL0MsQ0FBQztJQUNIO0VBQ0YsQ0FBQyxFQUFFLENBQUNyRCxPQUFPLENBQUMsQ0FBQztFQUViLE9BQU87SUFDTFU7RUFDRixDQUFDO0FBQ0gifQ==
|
|
78
|
+
exports.default = useContainedRepositioning;
|
|
79
|
+
//# sourceMappingURL=useContainedRepositioning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useContainedRepositioning.js","sourceRoot":"","sources":["../../src/hooks/useContainedRepositioning.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default function useCustomHistory(): {
|
|
2
|
+
goBackWithFallback(fallbackRoute: string): void;
|
|
3
|
+
length: number;
|
|
4
|
+
action: import("history").Action;
|
|
5
|
+
location: import("history").Location<unknown>;
|
|
6
|
+
push(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
|
|
7
|
+
replace(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
|
|
8
|
+
go(n: number): void;
|
|
9
|
+
goBack(): void;
|
|
10
|
+
goForward(): void;
|
|
11
|
+
block(prompt?: string | boolean | import("history").TransitionPromptHook<unknown> | undefined): import("history").UnregisterCallback;
|
|
12
|
+
listen(listener: import("history").LocationListener<unknown>): import("history").UnregisterCallback;
|
|
13
|
+
createHref(location: import("history").LocationDescriptorObject<unknown>): string;
|
|
14
|
+
};
|
|
@@ -1,24 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = useCustomHistory;
|
|
7
|
-
var _reactRouterDom = require("react-router-dom");
|
|
8
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
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; }
|
|
11
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
12
|
-
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); }
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_router_dom_1 = require("react-router-dom");
|
|
13
4
|
function useCustomHistory() {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
});
|
|
5
|
+
const customHistory = (0, react_router_dom_1.useHistory)();
|
|
6
|
+
const { state } = (0, react_router_dom_1.useLocation)();
|
|
7
|
+
return Object.assign(Object.assign({}, customHistory), { goBackWithFallback(fallbackRoute) {
|
|
8
|
+
if (state === null || state === void 0 ? void 0 : state.internalNavigation)
|
|
9
|
+
customHistory.goBack();
|
|
10
|
+
else
|
|
11
|
+
customHistory.push(fallbackRoute);
|
|
12
|
+
} });
|
|
23
13
|
}
|
|
24
|
-
|
|
14
|
+
exports.default = useCustomHistory;
|
|
15
|
+
//# sourceMappingURL=useCustomHistory.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCustomHistory.js","sourceRoot":"","sources":["../../src/hooks/useCustomHistory.ts"],"names":[],"mappings":";;AAAA,uDAA0D;AAG1D,SAAwB,gBAAgB;IACpC,MAAM,aAAa,GAAG,IAAA,6BAAU,GAAE,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAW,GAA2B,CAAC;IACzD,uCACO,aAAa,KAChB,kBAAkB,CAAC,aAAqB;YACpC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB;gBAAE,aAAa,CAAC,MAAM,EAAE,CAAC;;gBACjD,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,IACJ;AACL,CAAC;AAVD,mCAUC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
|
|
4
|
+
*
|
|
5
|
+
* @param baseWidth The base width of each element
|
|
6
|
+
*/
|
|
7
|
+
export default function useElementFit(baseWidth: number, baseHeight?: number): {
|
|
8
|
+
/** The amount of items that are able to fit in the available width */
|
|
9
|
+
howManyItemsFit?: number;
|
|
10
|
+
/** The amount of items that are able to fit in the available visible space + a row more so it can be scrollable */
|
|
11
|
+
howManyItemsFitWithExtraRow?: number;
|
|
12
|
+
/** How many items would fit a single row */
|
|
13
|
+
howManyItemsByRow?: number;
|
|
14
|
+
/** How many items until it overflows width */
|
|
15
|
+
anItemMore?: number;
|
|
16
|
+
/** The ref to be sent to the element that will receive the items */
|
|
17
|
+
ref: RefObject<HTMLDivElement | undefined>;
|
|
18
|
+
};
|
|
@@ -1,54 +1,59 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = useElementFit;
|
|
7
|
-
var _react = require("react");
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
8
4
|
/**
|
|
9
5
|
* This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
|
|
10
6
|
*
|
|
11
7
|
* @param baseWidth The base width of each element
|
|
12
8
|
*/
|
|
13
9
|
function useElementFit(baseWidth, baseHeight) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
const ref = (0, react_1.useRef)(undefined);
|
|
11
|
+
function calculateDimension() {
|
|
12
|
+
var _a;
|
|
13
|
+
function howManyItemsStackVertically() {
|
|
14
|
+
if (!ref.current || baseHeight === undefined)
|
|
15
|
+
return 1;
|
|
16
|
+
return Math.floor(ref.current.clientHeight / baseHeight);
|
|
17
|
+
}
|
|
18
|
+
if (window.PRERENDER)
|
|
19
|
+
return {
|
|
20
|
+
howManyItemsWillBeVisible: 4,
|
|
21
|
+
byRow: 4,
|
|
22
|
+
};
|
|
23
|
+
const width = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || window.visualViewport.width;
|
|
24
|
+
const maxItemsHorizontally = Math.floor(width / baseWidth) || 1;
|
|
25
|
+
return {
|
|
26
|
+
howManyItemsWillBeVisible: maxItemsHorizontally * howManyItemsStackVertically(),
|
|
27
|
+
byRow: maxItemsHorizontally,
|
|
28
|
+
};
|
|
20
29
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
30
|
+
const [itemsToShow, setItemsToShow] = (0, react_1.useState)(window.PRERENDER
|
|
31
|
+
? {
|
|
32
|
+
byRow: 4,
|
|
33
|
+
howManyItemsWillBeVisible: 4,
|
|
34
|
+
}
|
|
35
|
+
: undefined);
|
|
36
|
+
(0, react_1.useEffect)(() => {
|
|
37
|
+
setItemsToShow(calculateDimension());
|
|
38
|
+
function onResize() {
|
|
39
|
+
setItemsToShow(calculateDimension());
|
|
40
|
+
}
|
|
41
|
+
window.addEventListener("resize", onResize);
|
|
42
|
+
return () => {
|
|
43
|
+
window.removeEventListener("resize", onResize);
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
27
46
|
return {
|
|
28
|
-
|
|
29
|
-
|
|
47
|
+
howManyItemsFit: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.howManyItemsWillBeVisible,
|
|
48
|
+
howManyItemsFitWithExtraRow: itemsToShow
|
|
49
|
+
? itemsToShow.howManyItemsWillBeVisible + itemsToShow.byRow
|
|
50
|
+
: undefined,
|
|
51
|
+
anItemMore: itemsToShow
|
|
52
|
+
? itemsToShow.howManyItemsWillBeVisible + 1
|
|
53
|
+
: undefined,
|
|
54
|
+
howManyItemsByRow: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.byRow,
|
|
55
|
+
ref,
|
|
30
56
|
};
|
|
31
|
-
}
|
|
32
|
-
const [itemsToShow, setItemsToShow] = (0, _react.useState)(window.PRERENDER ? {
|
|
33
|
-
byRow: 4,
|
|
34
|
-
howManyItemsWillBeVisible: 4
|
|
35
|
-
} : undefined);
|
|
36
|
-
(0, _react.useEffect)(() => {
|
|
37
|
-
setItemsToShow(calculateDimension());
|
|
38
|
-
function onResize() {
|
|
39
|
-
setItemsToShow(calculateDimension());
|
|
40
|
-
}
|
|
41
|
-
window.addEventListener("resize", onResize);
|
|
42
|
-
return () => {
|
|
43
|
-
window.removeEventListener("resize", onResize);
|
|
44
|
-
};
|
|
45
|
-
}, []);
|
|
46
|
-
return {
|
|
47
|
-
howManyItemsFit: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.howManyItemsWillBeVisible,
|
|
48
|
-
howManyItemsFitWithExtraRow: itemsToShow ? itemsToShow.howManyItemsWillBeVisible + itemsToShow.byRow : undefined,
|
|
49
|
-
anItemMore: itemsToShow ? itemsToShow.howManyItemsWillBeVisible + 1 : undefined,
|
|
50
|
-
howManyItemsByRow: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.byRow,
|
|
51
|
-
ref
|
|
52
|
-
};
|
|
53
57
|
}
|
|
54
|
-
|
|
58
|
+
exports.default = useElementFit;
|
|
59
|
+
//# sourceMappingURL=useElementFit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useElementFit.js","sourceRoot":"","sources":["../../src/hooks/useElementFit.ts"],"names":[],"mappings":";;AAAA,iCAAgF;AAEhF;;;;GAIG;AACH,SAAwB,aAAa,CACnC,SAAiB,EACjB,UAAmB;IAcnB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,SAAS,CAAC,CAAC;IAC9C,SAAS,kBAAkB;;QACzB,SAAS,2BAA2B;YAClC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,UAAU,KAAK,SAAS;gBAAE,OAAO,CAAC,CAAC;YACvD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;QAC5D,CAAC;QACD,IAAK,MAAc,CAAC,SAAS;YAC3B,OAAO;gBACL,yBAAyB,EAAE,CAAC;gBAC5B,KAAK,EAAE,CAAC;aACT,CAAC;QAEJ,MAAM,KAAK,GAAG,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,WAAW,KAAI,MAAM,CAAC,cAAe,CAAC,KAAK,CAAC;QACvE,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhE,OAAO;YACL,yBAAyB,EACvB,oBAAoB,GAAG,2BAA2B,EAAE;YACtD,KAAK,EAAE,oBAAoB;SAC5B,CAAC;IACJ,CAAC;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAG3C,MAAc,CAAC,SAAS;QACvB,CAAC,CAAC;YACE,KAAK,EAAE,CAAC;YACR,yBAAyB,EAAE,CAAC;SAC7B;QACH,CAAC,CAAC,SAAS,CACd,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACrC,SAAS,QAAQ;YACf,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACvC,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,eAAe,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB;QACvD,2BAA2B,EAAE,WAAW;YACtC,CAAC,CAAC,WAAW,CAAC,yBAAyB,GAAG,WAAW,CAAC,KAAK;YAC3D,CAAC,CAAC,SAAS;QACb,UAAU,EAAE,WAAW;YACrB,CAAC,CAAC,WAAW,CAAC,yBAAyB,GAAG,CAAC;YAC3C,CAAC,CAAC,SAAS;QACb,iBAAiB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK;QACrC,GAAG;KACJ,CAAC;AACJ,CAAC;AArED,gCAqEC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DocumentChangeType, Unsubscribe } from "firebase/firestore";
|
|
2
|
+
type SnapshotFactoryCb<D extends any> = (changes: {
|
|
3
|
+
doc: D;
|
|
4
|
+
type: DocumentChangeType;
|
|
5
|
+
}[]) => void;
|
|
6
|
+
export type SnapshotFactoryReturn<D extends {
|
|
7
|
+
id: string;
|
|
8
|
+
}> = (cb: SnapshotFactoryCb<D>) => Unsubscribe;
|
|
9
|
+
export default function useFirestoreWatch<D extends {
|
|
10
|
+
id: string;
|
|
11
|
+
}, P extends any[]>(queryFactory: (...params: P) => SnapshotFactoryReturn<D>, params: P): D[] | undefined;
|
|
12
|
+
export {};
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = useFirestoreWatch;
|
|
7
|
-
var _react = require("react");
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
8
4
|
function useFirestoreWatch(queryFactory, params) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
5
|
+
const [docsList, updateList] = (0, react_1.useState)();
|
|
6
|
+
(0, react_1.useEffect)(() => {
|
|
7
|
+
const unsub = queryFactory(...params)((changes) => {
|
|
8
|
+
updateList((prevList = []) => {
|
|
9
|
+
for (let docChange of changes) {
|
|
10
|
+
if (docChange.type === undefined) {
|
|
11
|
+
const existing = prevList.find((f) => f.id === docChange.doc.id);
|
|
12
|
+
if (existing)
|
|
13
|
+
docChange.type = "modified";
|
|
14
|
+
else
|
|
15
|
+
docChange.type = "added";
|
|
16
|
+
}
|
|
17
|
+
switch (docChange.type) {
|
|
18
|
+
case 'added':
|
|
19
|
+
if (!prevList.find((f) => f.id === docChange.doc.id)) {
|
|
20
|
+
prevList.unshift(docChange.doc);
|
|
21
|
+
}
|
|
22
|
+
break;
|
|
23
|
+
case 'modified':
|
|
24
|
+
prevList = prevList.map((item) => {
|
|
25
|
+
if (item.id === docChange.doc.id)
|
|
26
|
+
for (let key in docChange.doc) {
|
|
27
|
+
item[key] = docChange.doc[key];
|
|
28
|
+
}
|
|
29
|
+
return item;
|
|
30
|
+
});
|
|
31
|
+
break;
|
|
32
|
+
case 'removed':
|
|
33
|
+
prevList = prevList.filter((item) => item.id !== docChange.doc.id);
|
|
34
|
+
break;
|
|
35
|
+
}
|
|
29
36
|
}
|
|
30
|
-
return
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return [...prevList];
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
return unsub;
|
|
42
|
-
}, params);
|
|
43
|
-
return docsList;
|
|
37
|
+
return [...prevList];
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
return unsub;
|
|
41
|
+
}, params);
|
|
42
|
+
return docsList;
|
|
44
43
|
}
|
|
45
|
-
|
|
44
|
+
exports.default = useFirestoreWatch;
|
|
45
|
+
//# sourceMappingURL=useFirestoreWatch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFirestoreWatch.js","sourceRoot":"","sources":["../../src/hooks/useFirestoreWatch.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAU5C,SAAwB,iBAAiB,CAA4C,YAAwD,EAAE,MAAS;IACpJ,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,UAAU,CAAC,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE;gBACzB,KAAK,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;wBACjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBACjE,IAAI,QAAQ;4BAAE,SAAS,CAAC,IAAI,GAAG,UAAU,CAAA;;4BACpC,SAAS,CAAC,IAAI,GAAG,OAAO,CAAA;oBAC/B,CAAC;oBACD,QAAQ,SAAS,CAAC,IAAI,EAAE,CAAC;wBACrB,KAAK,OAAO;4BACR,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gCACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;4BACnC,CAAC;4BACD,MAAK;wBACT,KAAK,UAAU;4BACX,QAAQ,GAAG,QAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAC9B,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;oCAC5B,KAAK,IAAI,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;wCAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oCACnC,CAAC;gCACL,OAAO,IAAI,CAAA;4BACf,CAAC,CAAC,CAAA;4BACF,MAAK;wBACT,KAAK,SAAS;4BACV,QAAQ,GAAG,QAAS,CAAC,MAAM,CACvB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CACzC,CAAA;4BACD,MAAK;oBACb,CAAC;gBACL,CAAC;gBAED,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAA;YACxB,CAAC,CAAC,CAAA;QAEN,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEX,OAAO,QAAQ,CAAC;AACpB,CAAC;AA3CD,oCA2CC"}
|
package/dist/hooks/useFreeze.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = useFreeze;
|
|
7
|
-
var _react = require("react");
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
8
4
|
/**
|
|
9
5
|
* This hook pipes a data and when it is set to a falsy value ("", undefined, null, 0),
|
|
10
6
|
* it returns the previous valid value
|
|
11
7
|
*/
|
|
12
8
|
function useFreeze(something) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
const currChildOrPrev = (0, react_1.useRef)(undefined);
|
|
10
|
+
currChildOrPrev.current =
|
|
11
|
+
something === undefined ? currChildOrPrev.current : something;
|
|
12
|
+
return currChildOrPrev.current;
|
|
16
13
|
}
|
|
17
|
-
|
|
14
|
+
exports.default = useFreeze;
|
|
15
|
+
//# sourceMappingURL=useFreeze.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFreeze.js","sourceRoot":"","sources":["../../src/hooks/useFreeze.ts"],"names":[],"mappings":";;AAAA,iCAA+B;AAE/B;;;GAGG;AACH,SAAwB,SAAS,CAAI,SAAY;IAC/C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAI,SAAS,CAAC,CAAC;IAC7C,eAAe,CAAC,OAAO;QACrB,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,OAAO,eAAe,CAAC,OAAO,CAAC;AACjC,CAAC;AALD,4BAKC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React, { CSSProperties } from "react";
|
|
2
|
+
type ShouldSkip = boolean;
|
|
3
|
+
type Result = [
|
|
4
|
+
originContainer: Element | VisualViewport,
|
|
5
|
+
targetContainer: Element | VisualViewport
|
|
6
|
+
];
|
|
7
|
+
/**
|
|
8
|
+
* This hook implements the logic for a hero animation between 2 elements sharing the same id
|
|
9
|
+
*/
|
|
10
|
+
export default function useHero(id: string, options?: Partial<{
|
|
11
|
+
propsToTransition: Exclude<keyof CSSProperties, "width" | "height" | "top" | "left">[];
|
|
12
|
+
/** If set, the default properties (width, height, etc...) will not transition, and propsToTransition will be the only ones that will be transitioned */
|
|
13
|
+
overridePropsToTransition: boolean;
|
|
14
|
+
"data-preffix": string;
|
|
15
|
+
/** This indicates this hero animation will probably be repeated multiple time */
|
|
16
|
+
repeatable: boolean;
|
|
17
|
+
}>, events?: {
|
|
18
|
+
/**
|
|
19
|
+
* Should return if the detected element should be "heroed"
|
|
20
|
+
*
|
|
21
|
+
* Usefull for when the hero has 2 possible origins.
|
|
22
|
+
* For example, one could hero only the current hovered element with el.matches(":hover")
|
|
23
|
+
*/
|
|
24
|
+
onHeroDetect?: (origin: HTMLDivElement, target: HTMLDivElement) => boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Do something when the hero ends
|
|
27
|
+
*
|
|
28
|
+
* Usefull for triggering secondary animations
|
|
29
|
+
*/
|
|
30
|
+
onHeroEnd?: () => void;
|
|
31
|
+
/** Do somethign with the clone before it goes to the html */
|
|
32
|
+
onHeroCloned?: (clone: HTMLDivElement) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Do something when the hero starts the transition
|
|
35
|
+
* Here it's usefull to switch classNames with the target.
|
|
36
|
+
*
|
|
37
|
+
* If done correctly, it will transition from state a to b smoothly
|
|
38
|
+
*/
|
|
39
|
+
onHeroStart?: (clone: HTMLDivElement, origin: HTMLDivElement, target: HTMLDivElement) => void;
|
|
40
|
+
/**
|
|
41
|
+
* Is called when the hero is coming/going outside the viewport
|
|
42
|
+
*
|
|
43
|
+
* By default it's set to skip all heroes that have these conditions
|
|
44
|
+
*
|
|
45
|
+
* @returns If the hero should be skipped or not
|
|
46
|
+
*/
|
|
47
|
+
onHeroSkip?: (origin: HTMLDivElement, target: HTMLDivElement) => ShouldSkip;
|
|
48
|
+
/**
|
|
49
|
+
* Called when a hero is skipped
|
|
50
|
+
*/
|
|
51
|
+
onHeroSkipped?: () => void;
|
|
52
|
+
/**
|
|
53
|
+
* Before transition start, setup the properties that will be used for hero animation
|
|
54
|
+
* @returns The container that will be used to check if the hero is out or in the view
|
|
55
|
+
*/
|
|
56
|
+
onBeforeTransition?: (origin: HTMLDivElement, target: HTMLDivElement) => Result | Readonly<Result>;
|
|
57
|
+
}): {
|
|
58
|
+
heroRef: React.RefObject<HTMLDivElement | null>;
|
|
59
|
+
getHerosOnScreen: () => HTMLDivElement[];
|
|
60
|
+
trigger: () => void;
|
|
61
|
+
heroComponentRef: (componentId: string) => (elRef: HTMLDivElement | null) => void;
|
|
62
|
+
};
|
|
63
|
+
type EVENTS_INTERFACE = Parameters<typeof useHero>[2];
|
|
64
|
+
type TRANSITION_TYPES = "ACCELERATION";
|
|
65
|
+
export declare const TRANSITION_FACTORY: {
|
|
66
|
+
[n in TRANSITION_TYPES]: (events?: EVENTS_INTERFACE) => EVENTS_INTERFACE;
|
|
67
|
+
};
|
|
68
|
+
export {};
|