@onepercentio/one-ui 0.6.0 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/support/e2e.js +16 -18
- package/dist/__test__/analytics.d.ts +3 -3
- package/dist/__test__/analytics.js +18 -18
- package/dist/__test__/firestore.d.ts +2 -2
- package/dist/__test__/firestore.js +25 -25
- package/dist/__test__/utils.d.ts +16 -16
- package/dist/__test__/utils.js +155 -155
- package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +8 -8
- package/dist/components/AdaptiveButton/AdaptiveButton.js +92 -92
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.d.ts +18 -18
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.js +81 -81
- package/dist/components/AdaptiveButton/index.d.ts +1 -1
- package/dist/components/AdaptiveButton/index.js +8 -8
- package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +9 -9
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +59 -59
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +19 -19
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +93 -93
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +1 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +14 -14
- package/dist/components/AdaptiveDialog/index.d.ts +1 -1
- package/dist/components/AdaptiveDialog/index.js +8 -8
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +14 -14
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +72 -72
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +19 -19
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +20 -20
- package/dist/components/AdaptiveSidebar/index.d.ts +1 -1
- package/dist/components/AdaptiveSidebar/index.js +8 -8
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +13 -13
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +173 -173
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +16 -16
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +85 -85
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +19 -19
- package/dist/components/AnchoredTooltip/index.d.ts +1 -1
- package/dist/components/AnchoredTooltip/index.js +8 -8
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +18 -18
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +125 -121
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts +14 -14
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js +66 -66
- package/dist/components/AnimatedEntrance/index.d.ts +1 -1
- package/dist/components/AnimatedEntrance/index.js +8 -8
- package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +10 -10
- package/dist/components/AsyncWrapper/AsyncWrapper.js +24 -24
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +18 -18
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +33 -33
- package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +1 -1
- package/dist/components/AsyncWrapper/AsyncWrapper.test.js +18 -18
- package/dist/components/AsyncWrapper/index.d.ts +1 -1
- package/dist/components/AsyncWrapper/index.js +8 -8
- package/dist/components/Avatar/Avatar.d.ts +8 -8
- package/dist/components/Avatar/Avatar.js +44 -44
- package/dist/components/Avatar/Avatar.stories.d.ts +14 -14
- package/dist/components/Avatar/Avatar.stories.js +18 -18
- package/dist/components/Avatar/Avatar.test.d.ts +1 -1
- package/dist/components/Avatar/Avatar.test.js +35 -35
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Avatar/index.js +8 -8
- package/dist/components/BucketFill/BucketFill.d.ts +12 -12
- package/dist/components/BucketFill/BucketFill.js +65 -65
- package/dist/components/BucketFill/BucketFill.stories.d.ts +17 -17
- package/dist/components/BucketFill/BucketFill.stories.js +140 -140
- package/dist/components/BucketFill/index.d.ts +1 -1
- package/dist/components/BucketFill/index.js +8 -8
- package/dist/components/Button/Button.d.ts +14 -14
- package/dist/components/Button/Button.js +51 -51
- package/dist/components/Button/Button.stories.d.ts +9 -9
- package/dist/components/Button/Button.stories.js +57 -57
- package/dist/components/Button/Button.test.d.ts +1 -1
- package/dist/components/Button/Button.test.js +14 -14
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.js +8 -8
- package/dist/components/Card/Card.d.ts +7 -7
- package/dist/components/Card/Card.js +14 -14
- package/dist/components/Card/Card.stories.d.ts +15 -15
- package/dist/components/Card/Card.stories.js +15 -15
- package/dist/components/Card/index.d.ts +1 -1
- package/dist/components/Card/index.js +8 -8
- package/dist/components/CheckBox/CheckBox.d.ts +11 -11
- package/dist/components/CheckBox/CheckBox.js +31 -31
- package/dist/components/CheckBox/CheckBox.stories.d.ts +20 -20
- package/dist/components/CheckBox/CheckBox.stories.js +52 -52
- package/dist/components/CheckBox/index.d.ts +1 -1
- package/dist/components/CheckBox/index.js +8 -8
- package/dist/components/Collapsable/Collapsable.d.ts +31 -31
- package/dist/components/Collapsable/Collapsable.js +126 -126
- package/dist/components/Collapsable/Collapsable.stories.d.ts +39 -39
- package/dist/components/Collapsable/Collapsable.stories.js +27 -27
- package/dist/components/Collapsable/index.d.ts +1 -1
- package/dist/components/Collapsable/index.js +8 -8
- package/dist/components/Countdown/Countdown.d.ts +13 -13
- package/dist/components/Countdown/Countdown.js +79 -79
- package/dist/components/Countdown/Countdown.stories.d.ts +14 -14
- package/dist/components/Countdown/Countdown.stories.js +54 -54
- package/dist/components/Countdown/index.d.ts +1 -1
- package/dist/components/Countdown/index.js +8 -8
- package/dist/components/Divider/Divider.d.ts +6 -6
- package/dist/components/Divider/Divider.js +15 -15
- package/dist/components/Divider/Divider.stories.d.ts +7 -7
- package/dist/components/Divider/Divider.stories.js +14 -14
- package/dist/components/Divider/index.d.ts +1 -1
- package/dist/components/Divider/index.js +8 -8
- package/dist/components/EmailInput/EmailInput.d.ts +25 -25
- package/dist/components/EmailInput/EmailInput.js +51 -51
- package/dist/components/EmailInput/EmailInput.stories.d.ts +28 -28
- package/dist/components/EmailInput/EmailInput.stories.js +14 -14
- package/dist/components/EmailInput/EmailInput.test.d.ts +1 -1
- package/dist/components/EmailInput/EmailInput.test.js +76 -76
- package/dist/components/EmailInput/index.d.ts +1 -1
- package/dist/components/EmailInput/index.js +9 -9
- package/dist/components/FadeIn/FadeIn.d.ts +10 -10
- package/dist/components/FadeIn/FadeIn.js +63 -63
- package/dist/components/FadeIn/FadeIn.stories.d.ts +24 -24
- package/dist/components/FadeIn/FadeIn.stories.js +15 -15
- package/dist/components/FadeIn/FadeIn.test.d.ts +1 -1
- package/dist/components/FadeIn/FadeIn.test.js +21 -21
- package/dist/components/FadeIn/index.d.ts +1 -1
- package/dist/components/FadeIn/index.js +8 -8
- package/dist/components/FileInput/FileInput.d.ts +13 -13
- package/dist/components/FileInput/FileInput.js +74 -74
- package/dist/components/FileInput/FileInput.stories.d.ts +19 -19
- package/dist/components/FileInput/FileInput.stories.js +58 -58
- package/dist/components/FileInput/index.d.ts +1 -1
- package/dist/components/FileInput/index.js +8 -8
- package/dist/components/FlowController/FlowController.d.ts +23 -23
- package/dist/components/FlowController/FlowController.js +33 -33
- package/dist/components/FlowController/FlowController.stories.d.ts +43 -43
- package/dist/components/FlowController/FlowController.stories.js +100 -100
- package/dist/components/FlowController/FlowController.test.d.ts +1 -1
- package/dist/components/FlowController/FlowController.test.js +165 -165
- package/dist/components/FlowController/index.d.ts +1 -1
- package/dist/components/FlowController/index.js +8 -8
- package/dist/components/Form/Form.d.ts +48 -48
- package/dist/components/Form/Form.js +101 -101
- package/dist/components/Form/Form.stories.d.ts +13 -13
- package/dist/components/Form/Form.stories.js +35 -35
- package/dist/components/Form/index.d.ts +1 -1
- package/dist/components/Form/index.js +8 -8
- package/dist/components/Freeze/Freeze.d.ts +5 -5
- package/dist/components/Freeze/Freeze.js +12 -12
- package/dist/components/Freeze/Freeze.stories.d.ts +7 -7
- package/dist/components/Freeze/Freeze.stories.js +55 -55
- package/dist/components/Freeze/Freeze.test.d.ts +1 -1
- package/dist/components/Freeze/Freeze.test.js +14 -14
- package/dist/components/Freeze/index.d.ts +1 -1
- package/dist/components/Freeze/index.js +8 -8
- package/dist/components/HSForms/HSForms.d.ts +5 -5
- package/dist/components/HSForms/HSForms.js +46 -46
- package/dist/components/HSForms/index.d.ts +1 -1
- package/dist/components/HSForms/index.js +8 -8
- package/dist/components/Header/Header.d.ts +25 -25
- package/dist/components/Header/Header.js +74 -74
- package/dist/components/Header/Header.stories.d.ts +28 -28
- package/dist/components/Header/Header.stories.js +40 -40
- package/dist/components/Header/Header.test.d.ts +1 -1
- package/dist/components/Header/Header.test.js +99 -99
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Header/index.js +8 -8
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +8 -8
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +16 -16
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +14 -14
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +15 -15
- package/dist/components/HeaderCloseBtn/index.d.ts +1 -1
- package/dist/components/HeaderCloseBtn/index.js +8 -8
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +11 -11
- package/dist/components/InfinityScroll/InfinityScroll.js +111 -111
- package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +23 -23
- package/dist/components/InfinityScroll/InfinityScroll.stories.js +53 -53
- package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +1 -1
- package/dist/components/InfinityScroll/InfinityScroll.test.js +188 -188
- package/dist/components/InfinityScroll/index.d.ts +1 -1
- package/dist/components/InfinityScroll/index.js +8 -8
- package/dist/components/Input/Input.d.ts +34 -34
- package/dist/components/Input/Input.js +95 -95
- package/dist/components/Input/Input.stories.d.ts +24 -24
- package/dist/components/Input/Input.stories.js +20 -20
- package/dist/components/Input/Input.test.d.ts +1 -1
- package/dist/components/Input/Input.test.js +57 -57
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/index.js +8 -8
- package/dist/components/InstantCounter/InstantCounter.d.ts +13 -13
- package/dist/components/InstantCounter/InstantCounter.js +58 -58
- package/dist/components/InstantCounter/InstantCounter.stories.d.ts +41 -41
- package/dist/components/InstantCounter/InstantCounter.stories.js +60 -60
- package/dist/components/InstantCounter/InstantCounter.test.d.ts +1 -1
- package/dist/components/InstantCounter/InstantCounter.test.js +49 -49
- package/dist/components/InstantCounter/index.d.ts +1 -1
- package/dist/components/InstantCounter/index.js +8 -8
- package/dist/components/LinkToId/LinkToId.d.ts +10 -10
- package/dist/components/LinkToId/LinkToId.js +32 -32
- package/dist/components/LinkToId/LinkToId.stories.d.ts +7 -7
- package/dist/components/LinkToId/LinkToId.stories.js +14 -14
- package/dist/components/LinkToId/LinkToId.test.d.ts +1 -1
- package/dist/components/LinkToId/LinkToId.test.js +11 -11
- package/dist/components/LinkToId/index.d.ts +1 -1
- package/dist/components/LinkToId/index.js +9 -9
- package/dist/components/Loader/Loader.d.ts +6 -6
- package/dist/components/Loader/Loader.js +17 -17
- package/dist/components/Loader/Loader.stories.d.ts +12 -12
- package/dist/components/Loader/Loader.stories.js +15 -15
- package/dist/components/Loader/index.d.ts +1 -1
- package/dist/components/Loader/index.js +8 -8
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +6 -6
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +41 -41
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.d.ts +7 -7
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js +14 -14
- package/dist/components/LoaderDotsIndicator/index.d.ts +1 -1
- package/dist/components/LoaderDotsIndicator/index.js +8 -8
- package/dist/components/MainGrid/MainGrid.d.ts +10 -10
- package/dist/components/MainGrid/MainGrid.js +55 -55
- package/dist/components/MainGrid/MainGrid.stories.d.ts +14 -14
- package/dist/components/MainGrid/MainGrid.stories.js +69 -69
- package/dist/components/MainGrid/MainGrid.test.d.ts +1 -1
- package/dist/components/MainGrid/MainGrid.test.js +17 -17
- package/dist/components/MainGrid/index.d.ts +1 -1
- package/dist/components/MainGrid/index.js +8 -8
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -8
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +29 -29
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +21 -21
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +73 -73
- package/dist/components/MutableHamburgerButton/index.d.ts +1 -1
- package/dist/components/MutableHamburgerButton/index.js +8 -8
- package/dist/components/Notification/Notification.d.ts +7 -7
- package/dist/components/Notification/Notification.js +15 -15
- package/dist/components/Notification/Notification.stories.d.ts +15 -15
- package/dist/components/Notification/Notification.stories.js +18 -18
- package/dist/components/Notification/index.d.ts +1 -1
- package/dist/components/Notification/index.js +8 -8
- package/dist/components/Parallax/Parallax.d.ts +15 -15
- package/dist/components/Parallax/Parallax.js +174 -174
- package/dist/components/Parallax/Parallax.stories.d.ts +32 -32
- package/dist/components/Parallax/Parallax.stories.js +22 -22
- package/dist/components/Parallax/Parallax.test.d.ts +1 -1
- package/dist/components/Parallax/Parallax.test.js +21 -21
- package/dist/components/Parallax/index.d.ts +1 -1
- package/dist/components/Parallax/index.js +8 -8
- package/dist/components/Parallax/math/helpers.d.ts +58 -58
- package/dist/components/Parallax/math/helpers.js +228 -228
- package/dist/components/PasswordInput/PasswordInput.d.ts +42 -42
- package/dist/components/PasswordInput/PasswordInput.js +105 -105
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +45 -45
- package/dist/components/PasswordInput/PasswordInput.stories.js +21 -21
- package/dist/components/PasswordInput/PasswordInput.test.d.ts +1 -1
- package/dist/components/PasswordInput/PasswordInput.test.js +156 -156
- package/dist/components/PasswordInput/index.d.ts +1 -1
- package/dist/components/PasswordInput/index.js +8 -8
- package/dist/components/PixelatedScan/PixelatedScan.d.ts +8 -8
- package/dist/components/PixelatedScan/PixelatedScan.js +104 -104
- package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +15 -15
- package/dist/components/PixelatedScan/PixelatedScan.stories.js +39 -39
- package/dist/components/PixelatedScan/index.d.ts +1 -1
- package/dist/components/PixelatedScan/index.js +8 -8
- package/dist/components/Portal/Portal.d.ts +11 -11
- package/dist/components/Portal/Portal.js +61 -61
- package/dist/components/Portal/Portal.stories.d.ts +7 -7
- package/dist/components/Portal/Portal.stories.js +14 -14
- package/dist/components/Portal/index.d.ts +1 -1
- package/dist/components/Portal/index.js +9 -9
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +22 -22
- package/dist/components/ProgressTexts/ProgressTexts.js +37 -37
- package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +24 -24
- package/dist/components/ProgressTexts/ProgressTexts.stories.js +89 -89
- package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +1 -1
- package/dist/components/ProgressTexts/ProgressTexts.test.js +51 -51
- package/dist/components/ProgressTexts/index.d.ts +1 -1
- package/dist/components/ProgressTexts/index.js +8 -8
- package/dist/components/SectionContainer/SectionContainer.d.ts +11 -11
- package/dist/components/SectionContainer/SectionContainer.js +45 -45
- package/dist/components/SectionContainer/SectionContainer.stories.d.ts +14 -14
- package/dist/components/SectionContainer/SectionContainer.stories.js +14 -14
- package/dist/components/SectionContainer/index.d.ts +1 -1
- package/dist/components/SectionContainer/index.js +8 -8
- package/dist/components/Select/Select.d.ts +22 -22
- package/dist/components/Select/Select.js +75 -75
- package/dist/components/Select/Select.stories.d.ts +56 -56
- package/dist/components/Select/Select.stories.js +33 -33
- package/dist/components/Select/Select.test.d.ts +1 -1
- package/dist/components/Select/Select.test.js +11 -11
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.js +8 -8
- package/dist/components/Spacing/Spacing.d.ts +6 -6
- package/dist/components/Spacing/Spacing.js +14 -14
- package/dist/components/Spacing/Spacing.stories.d.ts +7 -7
- package/dist/components/Spacing/Spacing.stories.js +34 -34
- package/dist/components/Spacing/index.d.ts +1 -1
- package/dist/components/Spacing/index.js +8 -8
- package/dist/components/Table/Table.d.ts +19 -19
- package/dist/components/Table/Table.js +87 -87
- package/dist/components/Table/Table.stories.d.ts +15 -15
- package/dist/components/Table/Table.stories.js +87 -87
- package/dist/components/Table/Table.test.d.ts +1 -1
- package/dist/components/Table/Table.test.js +34 -34
- package/dist/components/Table/index.d.ts +1 -1
- package/dist/components/Table/index.js +8 -8
- package/dist/components/Tabs/Tabs.d.ts +11 -11
- package/dist/components/Tabs/Tabs.js +48 -48
- package/dist/components/Tabs/Tabs.stories.d.ts +17 -17
- package/dist/components/Tabs/Tabs.stories.js +56 -56
- package/dist/components/Tabs/Tabs.test.d.ts +1 -1
- package/dist/components/Tabs/Tabs.test.js +38 -38
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.js +8 -8
- package/dist/components/Text/Text.d.ts +15 -15
- package/dist/components/Text/Text.js +53 -53
- package/dist/components/Text/Text.stories.d.ts +7 -7
- package/dist/components/Text/Text.stories.js +42 -42
- package/dist/components/Text/Text.test.d.ts +1 -1
- package/dist/components/Text/Text.test.js +11 -11
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/Text/index.js +8 -8
- package/dist/components/Transition/Transition.d.ts +45 -45
- package/dist/components/Transition/Transition.js +242 -242
- package/dist/components/Transition/Transition.stories.d.ts +10 -10
- package/dist/components/Transition/Transition.stories.js +28 -28
- package/dist/components/Transition/Transition.test.d.ts +1 -1
- package/dist/components/Transition/Transition.test.js +54 -54
- package/dist/components/Transition/index.d.ts +1 -1
- package/dist/components/Transition/index.js +9 -9
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +13 -13
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +88 -104
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +33 -33
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +224 -224
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +134 -134
- package/dist/components/UncontrolledTransition/index.d.ts +1 -1
- package/dist/components/UncontrolledTransition/index.js +8 -8
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +52 -52
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +120 -120
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +70 -70
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +64 -64
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +136 -136
- package/dist/components/WalletConnectionWrapper/index.d.ts +1 -1
- package/dist/components/WalletConnectionWrapper/index.js +9 -9
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -7
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +74 -74
- package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +1 -1
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +8 -8
- package/dist/context/CustomBrowserRouter.d.ts +5 -0
- package/dist/context/CustomBrowserRouter.js +54 -0
- package/dist/context/CustomBrowserRouter.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +69 -69
- package/dist/context/OneUIProvider.js +62 -62
- package/dist/context/OneUIProvider.test.d.ts +1 -1
- package/dist/context/OneUIProvider.test.js +44 -44
- package/dist/context/__mocks__/OneUIProvider.d.ts +67 -67
- package/dist/context/__mocks__/OneUIProvider.js +12 -12
- package/dist/hooks/shims/ObjectWatchShim.js +51 -51
- package/dist/hooks/useAsyncControl.d.ts +9 -9
- package/dist/hooks/useAsyncControl.js +39 -39
- package/dist/hooks/useCustomHistory.d.ts +14 -0
- package/dist/hooks/useCustomHistory.js +15 -0
- package/dist/hooks/useCustomHistory.js.map +1 -0
- package/dist/hooks/useFirestoreWatch.d.ts +12 -12
- package/dist/hooks/useFirestoreWatch.js +37 -37
- package/dist/hooks/useForm.d.ts +16 -16
- package/dist/hooks/useForm.js +23 -23
- package/dist/hooks/useIntersection.d.ts +4 -4
- package/dist/hooks/useIntersection.js +29 -29
- package/dist/hooks/useObserve.d.ts +2 -2
- package/dist/hooks/useObserve.js +17 -17
- package/dist/hooks/usePagination.d.ts +19 -19
- package/dist/hooks/usePagination.js +64 -64
- package/dist/hooks/usePooledOperation.d.ts +15 -15
- package/dist/hooks/usePooledOperation.js +63 -63
- package/dist/hooks/usePooling.d.ts +16 -16
- package/dist/hooks/usePooling.js +46 -46
- package/dist/hooks/usePooling.test.d.ts +1 -1
- package/dist/hooks/usePooling.test.js +103 -103
- package/dist/hooks/useRebound.d.ts +9 -9
- package/dist/hooks/useRebound.js +23 -23
- package/dist/hooks/useShortIntl.d.ts +15 -15
- package/dist/hooks/useShortIntl.js +37 -37
- package/dist/models/GenericContract.d.ts +74 -66
- package/dist/models/GenericContract.js +13 -13
- package/dist/models/GenericContract.js.map +1 -1
- package/dist/storybookUtils/index.d.ts +5 -5
- package/dist/storybookUtils/index.js +26 -26
- package/package.json +3 -1
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.d.ts +0 -40
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js +0 -130
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.d.ts +0 -59
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js +0 -62
- package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/v2/index.d.ts +0 -1
- package/dist/components/WalletConnectionWrapper/v2/index.js +0 -9
- package/dist/components/WalletConnectionWrapper/v2/index.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.d.ts +0 -6
- package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js +0 -52
- package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js.map +0 -1
- package/dist/hooks/useScrollLock.d.ts +0 -0
- package/dist/hooks/useScrollLock.js +0 -2
- package/dist/hooks/useScrollLock.js.map +0 -1
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
-
};
|
|
14
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
const react_1 = __importDefault(require("react"));
|
|
16
|
-
const react_2 = require("@testing-library/react");
|
|
17
|
-
const Transition_stories_1 = require("./Transition.stories");
|
|
18
|
-
const utils_1 = require("../../__test__/utils");
|
|
19
|
-
function renderScreen(props) {
|
|
20
|
-
return (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
21
|
-
}
|
|
22
|
-
it("Should at least render :)", () => {
|
|
23
|
-
renderScreen({ step: 0 });
|
|
24
|
-
});
|
|
25
|
-
it("Should not break this crazy logic", () => __awaiter(void 0, void 0, void 0, function* () {
|
|
26
|
-
const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 0 }));
|
|
27
|
-
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 1 }));
|
|
28
|
-
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
|
|
29
|
-
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 3 }));
|
|
30
|
-
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
|
|
31
|
-
const [el3WhenGoinBack, el1, el2] = wrapper.getAllByTestId("transition-container");
|
|
32
|
-
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
33
|
-
const event = new Event("animationend");
|
|
34
|
-
event.initEvent("animationend", true, true);
|
|
35
|
-
el1.dispatchEvent(event);
|
|
36
|
-
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
37
|
-
el2.dispatchEvent(event);
|
|
38
|
-
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
39
|
-
el3WhenGoinBack.dispatchEvent(event);
|
|
40
|
-
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
41
|
-
}));
|
|
42
|
-
it("Should lock the current width when transitioning", () => __awaiter(void 0, void 0, void 0, function* () {
|
|
43
|
-
const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 0 }));
|
|
44
|
-
const el = wrapper.getByTestId("transition-controller");
|
|
45
|
-
expect(el.style.width).toEqual("");
|
|
46
|
-
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 1 }));
|
|
47
|
-
expect(el.style.width).toEqual("0px");
|
|
48
|
-
const [el1] = wrapper.getAllByTestId("transition-container");
|
|
49
|
-
const event = new Event("animationend");
|
|
50
|
-
event.initEvent("animationend", true, true);
|
|
51
|
-
el1.dispatchEvent(event);
|
|
52
|
-
yield (0, utils_1.WaitTimeout)();
|
|
53
|
-
expect(el.style.width).toEqual("");
|
|
54
|
-
}));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
const react_1 = __importDefault(require("react"));
|
|
16
|
+
const react_2 = require("@testing-library/react");
|
|
17
|
+
const Transition_stories_1 = require("./Transition.stories");
|
|
18
|
+
const utils_1 = require("../../__test__/utils");
|
|
19
|
+
function renderScreen(props) {
|
|
20
|
+
return (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
21
|
+
}
|
|
22
|
+
it("Should at least render :)", () => {
|
|
23
|
+
renderScreen({ step: 0 });
|
|
24
|
+
});
|
|
25
|
+
it("Should not break this crazy logic", () => __awaiter(void 0, void 0, void 0, function* () {
|
|
26
|
+
const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 0 }));
|
|
27
|
+
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 1 }));
|
|
28
|
+
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
|
|
29
|
+
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 3 }));
|
|
30
|
+
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
|
|
31
|
+
const [el3WhenGoinBack, el1, el2] = wrapper.getAllByTestId("transition-container");
|
|
32
|
+
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
33
|
+
const event = new Event("animationend");
|
|
34
|
+
event.initEvent("animationend", true, true);
|
|
35
|
+
el1.dispatchEvent(event);
|
|
36
|
+
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
37
|
+
el2.dispatchEvent(event);
|
|
38
|
+
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
39
|
+
el3WhenGoinBack.dispatchEvent(event);
|
|
40
|
+
expect(wrapper.container.textContent).toMatchSnapshot();
|
|
41
|
+
}));
|
|
42
|
+
it("Should lock the current width when transitioning", () => __awaiter(void 0, void 0, void 0, function* () {
|
|
43
|
+
const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 0 }));
|
|
44
|
+
const el = wrapper.getByTestId("transition-controller");
|
|
45
|
+
expect(el.style.width).toEqual("");
|
|
46
|
+
wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 1 }));
|
|
47
|
+
expect(el.style.width).toEqual("0px");
|
|
48
|
+
const [el1] = wrapper.getAllByTestId("transition-container");
|
|
49
|
+
const event = new Event("animationend");
|
|
50
|
+
event.initEvent("animationend", true, true);
|
|
51
|
+
el1.dispatchEvent(event);
|
|
52
|
+
yield (0, utils_1.WaitTimeout)();
|
|
53
|
+
expect(el.style.width).toEqual("");
|
|
54
|
+
}));
|
|
55
55
|
//# sourceMappingURL=Transition.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, TransitionAnimationTypes } from "./Transition";
|
|
1
|
+
export { default, TransitionAnimationTypes } from "./Transition";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
exports.TransitionAnimationTypes = exports.default = void 0;
|
|
7
|
-
var Transition_1 = require("./Transition");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Transition_1).default; } });
|
|
9
|
-
Object.defineProperty(exports, "TransitionAnimationTypes", { enumerable: true, get: function () { return Transition_1.TransitionAnimationTypes; } });
|
|
1
|
+
"use strict";
|
|
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
|
+
exports.TransitionAnimationTypes = exports.default = void 0;
|
|
7
|
+
var Transition_1 = require("./Transition");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Transition_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "TransitionAnimationTypes", { enumerable: true, get: function () { return Transition_1.TransitionAnimationTypes; } });
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { TransitionProps, TransitionTypeDefinitions } from "../Transition/Transition";
|
|
3
|
-
declare const _default: React.ForwardRefExoticComponent<({
|
|
4
|
-
className?: string | undefined;
|
|
5
|
-
contentClassName?: string | undefined;
|
|
6
|
-
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
7
|
-
lockTransitionWidth?: boolean | undefined;
|
|
8
|
-
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
9
|
-
} & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions) & React.RefAttributes<{
|
|
10
|
-
setOrientation: (orientation: "forward" | "backward") => void;
|
|
11
|
-
sectionRef: React.RefObject<HTMLDivElement>;
|
|
12
|
-
}>>;
|
|
13
|
-
export default _default;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TransitionProps, TransitionTypeDefinitions } from "../Transition/Transition";
|
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<({
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
contentClassName?: string | undefined;
|
|
6
|
+
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
7
|
+
lockTransitionWidth?: boolean | undefined;
|
|
8
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
9
|
+
} & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions) & React.RefAttributes<{
|
|
10
|
+
setOrientation: (orientation: "forward" | "backward") => void;
|
|
11
|
+
sectionRef: React.RefObject<HTMLDivElement>;
|
|
12
|
+
}>>;
|
|
13
|
+
export default _default;
|
|
@@ -1,105 +1,89 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const react_1 = __importStar(require("react"));
|
|
41
|
-
const Transition_1 = __importDefault(require("../Transition"));
|
|
42
|
-
/**
|
|
43
|
-
* This component handles when a child changes and transition this child change, allowing the finest experiences
|
|
44
|
-
**/
|
|
45
|
-
function UncontrolledTransition(_a, ref) {
|
|
46
|
-
var { className = "", contentClassName, children = react_1.default.createElement(react_1.default.Fragment, { key: "default" }), lockTransitionWidth = true, contentStyle, onDiscardStep } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "contentStyle", "onDiscardStep"]);
|
|
47
|
-
const sectionRef = (0, react_1.useRef)(null);
|
|
48
|
-
const [{ childStack, offset }, setChildStack] = (0, react_1.useState)({
|
|
49
|
-
childStack: [children],
|
|
50
|
-
offset: 1,
|
|
51
|
-
});
|
|
52
|
-
// const [offset, setOffset] = useState(1);
|
|
53
|
-
const orientation = (0, react_1.useRef)("forward");
|
|
54
|
-
function setOrientation(a) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
setChildStack((prev) => (Object.assign(Object.assign({}, prev), { offset: 2 })));
|
|
90
|
-
}
|
|
91
|
-
}, [childStack.length]);
|
|
92
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
|
|
93
|
-
if (onDiscardStep)
|
|
94
|
-
onDiscardStep(discardedKey);
|
|
95
|
-
orientation.current = "forward";
|
|
96
|
-
setChildStack((prev) => {
|
|
97
|
-
return {
|
|
98
|
-
childStack: prev.childStack.filter((a) => a.key !== discardedKey),
|
|
99
|
-
offset: 1,
|
|
100
|
-
};
|
|
101
|
-
});
|
|
102
|
-
}, lockTransitionWidth: lockTransitionWidth, contentClassName: contentClassName }, props), childStack)) : null));
|
|
103
|
-
}
|
|
104
|
-
exports.default = (0, react_1.forwardRef)(UncontrolledTransition);
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const Transition_1 = __importDefault(require("../Transition"));
|
|
42
|
+
/**
|
|
43
|
+
* This component handles when a child changes and transition this child change, allowing the finest experiences
|
|
44
|
+
**/
|
|
45
|
+
function UncontrolledTransition(_a, ref) {
|
|
46
|
+
var { className = "", contentClassName, children = react_1.default.createElement(react_1.default.Fragment, { key: "default" }), lockTransitionWidth = true, contentStyle, onDiscardStep } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "contentStyle", "onDiscardStep"]);
|
|
47
|
+
const sectionRef = (0, react_1.useRef)(null);
|
|
48
|
+
const [{ childStack, offset }, setChildStack] = (0, react_1.useState)({
|
|
49
|
+
childStack: [children],
|
|
50
|
+
offset: 1,
|
|
51
|
+
});
|
|
52
|
+
// const [offset, setOffset] = useState(1);
|
|
53
|
+
const orientation = (0, react_1.useRef)("forward");
|
|
54
|
+
function setOrientation(a) {
|
|
55
|
+
orientation.current = a;
|
|
56
|
+
}
|
|
57
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
58
|
+
setOrientation,
|
|
59
|
+
sectionRef,
|
|
60
|
+
}), []);
|
|
61
|
+
(0, react_1.useEffect)(() => {
|
|
62
|
+
if (process.env.NODE_ENV !== "production" && !children.key)
|
|
63
|
+
throw new Error("The provided child should have a key property, please provide it");
|
|
64
|
+
if (childStack.length === 1 && childStack[0].key === children.key)
|
|
65
|
+
return;
|
|
66
|
+
if (orientation.current === "forward")
|
|
67
|
+
setChildStack((p) => (Object.assign(Object.assign({}, p), { childStack: [...p.childStack, children] })));
|
|
68
|
+
else
|
|
69
|
+
setChildStack((p) => (Object.assign(Object.assign({}, p), { childStack: [children, ...p.childStack] })));
|
|
70
|
+
}, [children.key]);
|
|
71
|
+
(0, react_1.useEffect)(() => {
|
|
72
|
+
if (orientation.current === "backward") {
|
|
73
|
+
setChildStack((prev) => (Object.assign(Object.assign({}, prev), { offset: 2 })));
|
|
74
|
+
}
|
|
75
|
+
}, [childStack.length]);
|
|
76
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
|
|
77
|
+
if (onDiscardStep)
|
|
78
|
+
onDiscardStep(discardedKey);
|
|
79
|
+
orientation.current = "forward";
|
|
80
|
+
setChildStack((prev) => {
|
|
81
|
+
return {
|
|
82
|
+
childStack: prev.childStack.filter((a) => a.key !== discardedKey),
|
|
83
|
+
offset: 1,
|
|
84
|
+
};
|
|
85
|
+
});
|
|
86
|
+
}, lockTransitionWidth: lockTransitionWidth, contentClassName: contentClassName }, props), childStack)) : null));
|
|
87
|
+
}
|
|
88
|
+
exports.default = (0, react_1.forwardRef)(UncontrolledTransition);
|
|
105
89
|
//# sourceMappingURL=UncontrolledTransition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,+DAAuC;AAMvC;;IAEI;AACJ,SAAS,sBAAsB,CAC7B,EAe2B,EAC3B,GAGE;QAnBF,EACE,SAAS,GAAG,EAAE,EACd,gBAAgB,EAChB,QAAQ,GAAG,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAC,SAAS,GAAkB,EAC1D,mBAAmB,GAAG,IAAI,EAC1B,YAAY,EACZ,aAAa,OASY,EARtB,KAAK,cAPV,qGAQC,CADS;IAcV,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAGrD;QACD,UAAU,EAAE,CAAC,QAAQ,CAAC;QACtB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAyB,SAAS,CAAC,CAAC;IAC9D,SAAS,cAAc,CAAC,CAA6B;QACnD,
|
|
1
|
+
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import React, { ComponentProps } from "react";
|
|
2
|
-
import UncontrolledTransition from ".";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<({
|
|
6
|
-
className?: string | undefined;
|
|
7
|
-
contentClassName?: string | undefined;
|
|
8
|
-
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
|
-
lockTransitionWidth?: boolean | undefined;
|
|
10
|
-
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
11
|
-
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
12
|
-
setOrientation: (orientation: "forward" | "backward") => void;
|
|
13
|
-
sectionRef: React.RefObject<HTMLDivElement>;
|
|
14
|
-
}>>;
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const ClickBasedTransition: {
|
|
18
|
-
(args: ComponentProps<typeof UncontrolledTransition>): JSX.Element;
|
|
19
|
-
args: ({
|
|
20
|
-
className?: string | undefined;
|
|
21
|
-
contentClassName?: string | undefined;
|
|
22
|
-
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
23
|
-
lockTransitionWidth?: boolean | undefined;
|
|
24
|
-
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
25
|
-
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
26
|
-
setOrientation: (orientation: "forward" | "backward") => void;
|
|
27
|
-
sectionRef: React.RefObject<HTMLDivElement>;
|
|
28
|
-
}>;
|
|
29
|
-
};
|
|
30
|
-
export declare const AnchorBasedTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
31
|
-
export declare const FadeTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
32
|
-
export declare const CoinFlip: () => JSX.Element;
|
|
33
|
-
export declare const BUGFIX_BackwardsInconsistency: () => JSX.Element;
|
|
1
|
+
import React, { ComponentProps } from "react";
|
|
2
|
+
import UncontrolledTransition from ".";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<({
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
contentClassName?: string | undefined;
|
|
8
|
+
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
|
+
lockTransitionWidth?: boolean | undefined;
|
|
10
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
11
|
+
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
12
|
+
setOrientation: (orientation: "forward" | "backward") => void;
|
|
13
|
+
sectionRef: React.RefObject<HTMLDivElement>;
|
|
14
|
+
}>>;
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const ClickBasedTransition: {
|
|
18
|
+
(args: ComponentProps<typeof UncontrolledTransition>): JSX.Element;
|
|
19
|
+
args: ({
|
|
20
|
+
className?: string | undefined;
|
|
21
|
+
contentClassName?: string | undefined;
|
|
22
|
+
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
23
|
+
lockTransitionWidth?: boolean | undefined;
|
|
24
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
25
|
+
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
26
|
+
setOrientation: (orientation: "forward" | "backward") => void;
|
|
27
|
+
sectionRef: React.RefObject<HTMLDivElement>;
|
|
28
|
+
}>;
|
|
29
|
+
};
|
|
30
|
+
export declare const AnchorBasedTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
31
|
+
export declare const FadeTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
32
|
+
export declare const CoinFlip: () => JSX.Element;
|
|
33
|
+
export declare const BUGFIX_BackwardsInconsistency: () => JSX.Element;
|