@onepercentio/one-ui 0.6.2 → 0.6.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/cypress/support/e2e.js +20 -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.module.scss +1 -0
- 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 -125
- 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.js.map +1 -1
- package/dist/components/Avatar/Avatar.module.scss +17 -14
- 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 +267 -242
- package/dist/components/Transition/Transition.js.map +1 -1
- 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 +93 -88
- 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 -5
- package/dist/context/CustomBrowserRouter.js +53 -53
- 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 -14
- package/dist/hooks/useCustomHistory.js +14 -14
- package/dist/hooks/useCustomHistory.js.map +1 -1
- 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 +17 -16
- package/dist/hooks/usePooling.js +49 -46
- package/dist/hooks/usePooling.js.map +1 -1
- 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 -4
- package/scripts/start-emulator.js +0 -0
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.d.ts +0 -4
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.js +0 -14
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.js.map +0 -1
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.module.scss +0 -0
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.d.ts +0 -10
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.js +0 -16
- package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.js.map +0 -1
- package/dist/components/AsyncProcessQueue/index.d.ts +0 -1
- package/dist/components/AsyncProcessQueue/index.js +0 -9
- package/dist/components/AsyncProcessQueue/index.js.map +0 -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/context/AsyncProcessQueue.d.ts +0 -10
- package/dist/context/AsyncProcessQueue.js +0 -16
- package/dist/context/AsyncProcessQueue.js.map +0 -1
- package/dist/hooks/useImprovedHistory.d.ts +0 -0
- package/dist/hooks/useImprovedHistory.js +0 -2
- package/dist/hooks/useImprovedHistory.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,18 +1,18 @@
|
|
|
1
|
-
import { Key, ReactElement } from "react";
|
|
2
|
-
export declare enum EntranceType {
|
|
3
|
-
SLIDE_AND_EXPAND = 0,
|
|
4
|
-
EXPAND = 1
|
|
5
|
-
}
|
|
6
|
-
export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
|
|
7
|
-
children: ReactElement;
|
|
8
|
-
noEntranceAnimation: boolean;
|
|
9
|
-
onRemoveChildren: (key: Key) => void;
|
|
10
|
-
entranceType: EntranceType;
|
|
11
|
-
}): JSX.Element;
|
|
12
|
-
/**
|
|
13
|
-
* Animates the entrance and exit of a component
|
|
14
|
-
**/
|
|
15
|
-
export default function AnimatedEntrance({ children, entranceType, }: {
|
|
16
|
-
children: ReactElement[];
|
|
17
|
-
entranceType?: EntranceType;
|
|
18
|
-
}): JSX.Element;
|
|
1
|
+
import { Key, ReactElement } from "react";
|
|
2
|
+
export declare enum EntranceType {
|
|
3
|
+
SLIDE_AND_EXPAND = 0,
|
|
4
|
+
EXPAND = 1
|
|
5
|
+
}
|
|
6
|
+
export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
|
|
7
|
+
children: ReactElement;
|
|
8
|
+
noEntranceAnimation: boolean;
|
|
9
|
+
onRemoveChildren: (key: Key) => void;
|
|
10
|
+
entranceType: EntranceType;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
/**
|
|
13
|
+
* Animates the entrance and exit of a component
|
|
14
|
+
**/
|
|
15
|
+
export default function AnimatedEntrance({ children, entranceType, }: {
|
|
16
|
+
children: ReactElement[];
|
|
17
|
+
entranceType?: EntranceType;
|
|
18
|
+
}): JSX.Element;
|
|
@@ -1,126 +1,126 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.AnimatedEntranceItem = exports.EntranceType = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const Transition_1 = require("../Transition");
|
|
32
|
-
const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
|
|
33
|
-
const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
|
|
34
|
-
var EntranceType;
|
|
35
|
-
(function (EntranceType) {
|
|
36
|
-
EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
|
|
37
|
-
EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
|
|
38
|
-
})(EntranceType = exports.EntranceType || (exports.EntranceType = {}));
|
|
39
|
-
const CONFIGS_BY_ENTRANCE_TYPE = {
|
|
40
|
-
[EntranceType.SLIDE_AND_EXPAND]: {
|
|
41
|
-
forward: {
|
|
42
|
-
elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
|
|
43
|
-
elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
|
|
44
|
-
},
|
|
45
|
-
backward: {
|
|
46
|
-
elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
|
|
47
|
-
elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
[EntranceType.EXPAND]: {
|
|
51
|
-
forward: {
|
|
52
|
-
elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
|
|
53
|
-
elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
|
|
54
|
-
},
|
|
55
|
-
backward: {
|
|
56
|
-
elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
|
|
57
|
-
elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
|
|
62
|
-
const uncontRef = (0, react_1.useRef)(null);
|
|
63
|
-
const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
|
|
64
|
-
(0, react_1.useEffect)(() => {
|
|
65
|
-
if (String(children.key).includes("-nullated")) {
|
|
66
|
-
uncontRef.current.setOrientation("backward");
|
|
67
|
-
}
|
|
68
|
-
setScreen(
|
|
69
|
-
}, [children.key]);
|
|
70
|
-
(0, react_1.useEffect)(() => {
|
|
71
|
-
const x = setTimeout(() => {
|
|
72
|
-
const key = String(screen.key);
|
|
73
|
-
if (key === "null" || key.includes("-nullated"))
|
|
74
|
-
uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
|
|
75
|
-
else {
|
|
76
|
-
uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
|
|
77
|
-
uncontRef.current.sectionRef.current.addEventListener("transitionend", () => {
|
|
78
|
-
uncontRef.current.sectionRef.current.style.maxHeight = "";
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}, 100);
|
|
82
|
-
return () => {
|
|
83
|
-
clearTimeout(x);
|
|
84
|
-
};
|
|
85
|
-
}, [screen]);
|
|
86
|
-
const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
|
|
87
|
-
return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
|
|
88
|
-
if (k !== "null")
|
|
89
|
-
onRemoveChildren(k);
|
|
90
|
-
}, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen));
|
|
91
|
-
}
|
|
92
|
-
exports.AnimatedEntranceItem = AnimatedEntranceItem;
|
|
93
|
-
/**
|
|
94
|
-
* Animates the entrance and exit of a component
|
|
95
|
-
**/
|
|
96
|
-
function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
|
|
97
|
-
const firstRef = (0, react_1.useRef)(true);
|
|
98
|
-
(0, react_1.useEffect)(() => {
|
|
99
|
-
firstRef.current = false;
|
|
100
|
-
}, []);
|
|
101
|
-
const prevChildren = (0, react_1.useRef)([]);
|
|
102
|
-
const childrenDelayed = (0, react_1.useMemo)(() => {
|
|
103
|
-
var _a;
|
|
104
|
-
const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
|
|
105
|
-
const filteredOutChildren = prevChildren.current.map((c) => {
|
|
106
|
-
return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
|
|
107
|
-
c) : (
|
|
108
|
-
// If not, toggle to null to animate exit
|
|
109
|
-
react_1.default.createElement(react_1.Fragment, { key: String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated` }));
|
|
110
|
-
});
|
|
111
|
-
for (let child of newChildren) {
|
|
112
|
-
const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
|
|
113
|
-
if (previousChildKey) {
|
|
114
|
-
filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
|
|
115
|
-
}
|
|
116
|
-
else {
|
|
117
|
-
filteredOutChildren.unshift(child);
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
return filteredOutChildren;
|
|
121
|
-
}, [children]);
|
|
122
|
-
prevChildren.current = childrenDelayed;
|
|
123
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, child)))));
|
|
124
|
-
}
|
|
125
|
-
exports.default = AnimatedEntrance;
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.AnimatedEntranceItem = exports.EntranceType = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const Transition_1 = require("../Transition");
|
|
32
|
+
const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
|
|
33
|
+
const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
|
|
34
|
+
var EntranceType;
|
|
35
|
+
(function (EntranceType) {
|
|
36
|
+
EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
|
|
37
|
+
EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
|
|
38
|
+
})(EntranceType = exports.EntranceType || (exports.EntranceType = {}));
|
|
39
|
+
const CONFIGS_BY_ENTRANCE_TYPE = {
|
|
40
|
+
[EntranceType.SLIDE_AND_EXPAND]: {
|
|
41
|
+
forward: {
|
|
42
|
+
elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
|
|
43
|
+
elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
|
|
44
|
+
},
|
|
45
|
+
backward: {
|
|
46
|
+
elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
|
|
47
|
+
elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
[EntranceType.EXPAND]: {
|
|
51
|
+
forward: {
|
|
52
|
+
elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
|
|
53
|
+
elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
|
|
54
|
+
},
|
|
55
|
+
backward: {
|
|
56
|
+
elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
|
|
57
|
+
elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
|
|
62
|
+
const uncontRef = (0, react_1.useRef)(null);
|
|
63
|
+
const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
|
|
64
|
+
(0, react_1.useEffect)(() => {
|
|
65
|
+
if (String(children.key).includes("-nullated")) {
|
|
66
|
+
uncontRef.current.setOrientation("backward");
|
|
67
|
+
}
|
|
68
|
+
setScreen(true);
|
|
69
|
+
}, [children.key]);
|
|
70
|
+
(0, react_1.useEffect)(() => {
|
|
71
|
+
const x = setTimeout(() => {
|
|
72
|
+
const key = String(screen === true ? children.key : screen.key);
|
|
73
|
+
if (key === "null" || key.includes("-nullated"))
|
|
74
|
+
uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
|
|
75
|
+
else {
|
|
76
|
+
uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
|
|
77
|
+
uncontRef.current.sectionRef.current.addEventListener("transitionend", () => {
|
|
78
|
+
uncontRef.current.sectionRef.current.style.maxHeight = "auto";
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
}, 100);
|
|
82
|
+
return () => {
|
|
83
|
+
clearTimeout(x);
|
|
84
|
+
};
|
|
85
|
+
}, [screen]);
|
|
86
|
+
const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
|
|
87
|
+
return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
|
|
88
|
+
if (k !== "null")
|
|
89
|
+
onRemoveChildren(k);
|
|
90
|
+
}, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen === true ? children : screen));
|
|
91
|
+
}
|
|
92
|
+
exports.AnimatedEntranceItem = AnimatedEntranceItem;
|
|
93
|
+
/**
|
|
94
|
+
* Animates the entrance and exit of a component
|
|
95
|
+
**/
|
|
96
|
+
function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
|
|
97
|
+
const firstRef = (0, react_1.useRef)(true);
|
|
98
|
+
(0, react_1.useEffect)(() => {
|
|
99
|
+
firstRef.current = false;
|
|
100
|
+
}, []);
|
|
101
|
+
const prevChildren = (0, react_1.useRef)([]);
|
|
102
|
+
const childrenDelayed = (0, react_1.useMemo)(() => {
|
|
103
|
+
var _a;
|
|
104
|
+
const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
|
|
105
|
+
const filteredOutChildren = prevChildren.current.map((c) => {
|
|
106
|
+
return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
|
|
107
|
+
c) : (
|
|
108
|
+
// If not, toggle to null to animate exit
|
|
109
|
+
react_1.default.createElement(react_1.Fragment, { key: String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated` }));
|
|
110
|
+
});
|
|
111
|
+
for (let child of newChildren) {
|
|
112
|
+
const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
|
|
113
|
+
if (previousChildKey) {
|
|
114
|
+
filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
filteredOutChildren.unshift(child);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
return filteredOutChildren;
|
|
121
|
+
}, [children]);
|
|
122
|
+
prevChildren.current = childrenDelayed;
|
|
123
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, children.find((c) => c.key === child.key) || child)))));
|
|
124
|
+
}
|
|
125
|
+
exports.default = AnimatedEntrance;
|
|
126
126
|
//# sourceMappingURL=AnimatedEntrance.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,8CAAyD;AACzD,uFAA+D;AAC/D,kGAAoD;AAEpD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,uEAAgB,CAAA;IAChB,mDAAM,CAAA;AACR,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,MAAM,wBAAwB,GAAG;IAC/B,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,eAAe;YACvC,cAAc,EAAE,sCAAM,CAAC,cAAc;SACtC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,sBAAsB;YAC9C,cAAc,EAAE,sCAAM,CAAC,qBAAqB;SAC7C;KACF;IACD,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACrB,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,gBAAgB;YACxC,cAAc,EAAE,sCAAM,CAAC,gBAAgB;SACxC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,uBAAuB;YAC/C,cAAc,EAAE,sCAAM,CAAC,uBAAuB;SAC/C;KACF;CACF,CAAC;AAEF,SAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GAMb;IACC,MAAM,SAAS,GAAG,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAClC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAC,gBAAQ,IAAC,GAAG,EAAE,MAAM,GAAI,CAC3D,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC9C,SAAS,CAAC,OAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;SAC/C;QACD,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AnimatedEntrance from "./AnimatedEntrance";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AnimatedEntrance;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
12
|
-
entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
|
|
13
|
-
}>;
|
|
14
|
-
};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import AnimatedEntrance from "./AnimatedEntrance";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof AnimatedEntrance;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const InitialImplementation: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
12
|
+
entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
};
|
|
@@ -1,67 +1,67 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const Button_1 = __importDefault(require("../Button"));
|
|
32
|
-
const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
|
|
33
|
-
exports.default = {
|
|
34
|
-
component: AnimatedEntrance_1.default,
|
|
35
|
-
title: "Animated Entrance",
|
|
36
|
-
};
|
|
37
|
-
const ExampleEL = (key, removeElCb) => {
|
|
38
|
-
return (react_1.default.createElement("div", { key: key },
|
|
39
|
-
"Elemento ",
|
|
40
|
-
key,
|
|
41
|
-
" ",
|
|
42
|
-
react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
|
|
43
|
-
const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
|
|
44
|
-
return filteredOut;
|
|
45
|
-
}) }, "Remove")));
|
|
46
|
-
};
|
|
47
|
-
const InitialImplementation = (args) => {
|
|
48
|
-
const [exampleElements, setE] = (0, react_1.useState)([]);
|
|
49
|
-
(0, react_1.useMemo)(() => {
|
|
50
|
-
exampleElements.push(ExampleEL(1, setE));
|
|
51
|
-
exampleElements.push(ExampleEL(2, setE));
|
|
52
|
-
exampleElements.push(ExampleEL(3, setE));
|
|
53
|
-
exampleElements.push(ExampleEL(4, setE));
|
|
54
|
-
}, []);
|
|
55
|
-
const counter = (0, react_1.useRef)(4);
|
|
56
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
57
|
-
react_1.default.createElement("div", { style: { minHeight: 800 } },
|
|
58
|
-
react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
|
|
59
|
-
react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
|
|
60
|
-
counter.current++;
|
|
61
|
-
const currCounter = counter.current;
|
|
62
|
-
return [...prev, ExampleEL(currCounter, setE)];
|
|
63
|
-
}) }, "Add element")));
|
|
64
|
-
};
|
|
65
|
-
exports.InitialImplementation = InitialImplementation;
|
|
66
|
-
exports.InitialImplementation.args = {};
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.InitialImplementation = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const Button_1 = __importDefault(require("../Button"));
|
|
32
|
+
const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
|
|
33
|
+
exports.default = {
|
|
34
|
+
component: AnimatedEntrance_1.default,
|
|
35
|
+
title: "Animated Entrance",
|
|
36
|
+
};
|
|
37
|
+
const ExampleEL = (key, removeElCb) => {
|
|
38
|
+
return (react_1.default.createElement("div", { key: key },
|
|
39
|
+
"Elemento ",
|
|
40
|
+
key,
|
|
41
|
+
" ",
|
|
42
|
+
react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
|
|
43
|
+
const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
|
|
44
|
+
return filteredOut;
|
|
45
|
+
}) }, "Remove")));
|
|
46
|
+
};
|
|
47
|
+
const InitialImplementation = (args) => {
|
|
48
|
+
const [exampleElements, setE] = (0, react_1.useState)([]);
|
|
49
|
+
(0, react_1.useMemo)(() => {
|
|
50
|
+
exampleElements.push(ExampleEL(1, setE));
|
|
51
|
+
exampleElements.push(ExampleEL(2, setE));
|
|
52
|
+
exampleElements.push(ExampleEL(3, setE));
|
|
53
|
+
exampleElements.push(ExampleEL(4, setE));
|
|
54
|
+
}, []);
|
|
55
|
+
const counter = (0, react_1.useRef)(4);
|
|
56
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
57
|
+
react_1.default.createElement("div", { style: { minHeight: 800 } },
|
|
58
|
+
react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
|
|
59
|
+
react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
|
|
60
|
+
counter.current++;
|
|
61
|
+
const currCounter = counter.current;
|
|
62
|
+
return [...prev, ExampleEL(currCounter, setE)];
|
|
63
|
+
}) }, "Add element")));
|
|
64
|
+
};
|
|
65
|
+
exports.InitialImplementation = InitialImplementation;
|
|
66
|
+
exports.InitialImplementation.args = {};
|
|
67
67
|
//# sourceMappingURL=AnimatedEntrance.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './AnimatedEntrance';
|
|
1
|
+
export { default } from './AnimatedEntrance';
|
|
@@ -1,9 +1,9 @@
|
|
|
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.default = void 0;
|
|
7
|
-
var AnimatedEntrance_1 = require("./AnimatedEntrance");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
|
|
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.default = void 0;
|
|
7
|
+
var AnimatedEntrance_1 = require("./AnimatedEntrance");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* This is a generic implementation of the loading, and error handling
|
|
4
|
-
**/
|
|
5
|
-
export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
|
|
6
|
-
loading: boolean;
|
|
7
|
-
error: boolean;
|
|
8
|
-
onClose: () => void;
|
|
9
|
-
onRetry: () => void;
|
|
10
|
-
}>): JSX.Element;
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* This is a generic implementation of the loading, and error handling
|
|
4
|
+
**/
|
|
5
|
+
export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
|
|
6
|
+
loading: boolean;
|
|
7
|
+
error: boolean;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
onRetry: () => void;
|
|
10
|
+
}>): JSX.Element;
|
|
@@ -1,25 +1,25 @@
|
|
|
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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
8
|
-
const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
|
|
9
|
-
const Button_1 = __importDefault(require("../Button"));
|
|
10
|
-
const Loader_1 = __importDefault(require("../Loader"));
|
|
11
|
-
const Text_1 = __importDefault(require("../Text"));
|
|
12
|
-
/**
|
|
13
|
-
* This is a generic implementation of the loading, and error handling
|
|
14
|
-
**/
|
|
15
|
-
function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
|
|
16
|
-
const { LoadingComponent = Loader_1.default, messages, } = (0, OneUIProvider_1.useOneUIContext)().component.asyncWrapper;
|
|
17
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
18
|
-
children,
|
|
19
|
-
react_1.default.createElement(AdaptiveDialog_1.default, { open: error, onClose: onClose },
|
|
20
|
-
react_1.default.createElement(Text_1.default, { type: "highlightTitle" }, messages.error.title),
|
|
21
|
-
react_1.default.createElement(Button_1.default, { onClick: () => onRetry() }, messages.error.retryBtn)),
|
|
22
|
-
loading ? react_1.default.createElement(LoadingComponent, null) : null));
|
|
23
|
-
}
|
|
24
|
-
exports.default = AsyncWrapper;
|
|
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
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
8
|
+
const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
|
|
9
|
+
const Button_1 = __importDefault(require("../Button"));
|
|
10
|
+
const Loader_1 = __importDefault(require("../Loader"));
|
|
11
|
+
const Text_1 = __importDefault(require("../Text"));
|
|
12
|
+
/**
|
|
13
|
+
* This is a generic implementation of the loading, and error handling
|
|
14
|
+
**/
|
|
15
|
+
function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
|
|
16
|
+
const { LoadingComponent = Loader_1.default, messages, } = (0, OneUIProvider_1.useOneUIContext)().component.asyncWrapper;
|
|
17
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
18
|
+
children,
|
|
19
|
+
react_1.default.createElement(AdaptiveDialog_1.default, { open: error, onClose: onClose },
|
|
20
|
+
react_1.default.createElement(Text_1.default, { type: "highlightTitle" }, messages.error.title),
|
|
21
|
+
react_1.default.createElement(Button_1.default, { onClick: () => onRetry() }, messages.error.retryBtn)),
|
|
22
|
+
loading ? react_1.default.createElement(LoadingComponent, null) : null));
|
|
23
|
+
}
|
|
24
|
+
exports.default = AsyncWrapper;
|
|
25
25
|
//# sourceMappingURL=AsyncWrapper.js.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AsyncWrapper from "./AsyncWrapper";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AsyncWrapper;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
loading: boolean;
|
|
12
|
-
error: boolean;
|
|
13
|
-
onClose: () => void;
|
|
14
|
-
onRetry: () => void;
|
|
15
|
-
} & {
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}>;
|
|
18
|
-
};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import AsyncWrapper from "./AsyncWrapper";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof AsyncWrapper;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const InitialImplementation: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
loading: boolean;
|
|
12
|
+
error: boolean;
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
onRetry: () => void;
|
|
15
|
+
} & {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}>;
|
|
18
|
+
};
|