@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,94 +1,94 @@
|
|
|
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.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
|
|
32
|
-
exports.default = {
|
|
33
|
-
component: AdaptiveDialog_1.default,
|
|
34
|
-
title: "Adaptive Dialog",
|
|
35
|
-
};
|
|
36
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
|
|
37
|
-
react_1.default.createElement("p", null, "Some content"),
|
|
38
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
39
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
40
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
41
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
42
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
43
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
44
|
-
react_1.default.createElement("h1", null, "ANs some more")));
|
|
45
|
-
exports.InitialImplementation = InitialImplementation;
|
|
46
|
-
exports.InitialImplementation.args = {
|
|
47
|
-
open: true,
|
|
48
|
-
};
|
|
49
|
-
const Improvement_LockScrollWhenOpen = () => {
|
|
50
|
-
const [o, so] = (0, react_1.useState)(false);
|
|
51
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
-
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
|
|
53
|
-
react_1.default.createElement("div", { style: {
|
|
54
|
-
overflow: "auto",
|
|
55
|
-
} }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
|
|
56
|
-
"Scrolling modal div item ",
|
|
57
|
-
i,
|
|
58
|
-
" ",
|
|
59
|
-
react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
|
|
60
|
-
react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
-
react_1.default.createElement("h1", null,
|
|
62
|
-
"Scrolling div item ",
|
|
63
|
-
i,
|
|
64
|
-
" ",
|
|
65
|
-
react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
|
|
66
|
-
i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
|
|
67
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
68
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
69
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
70
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
71
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
72
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
73
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
74
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
75
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
76
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
77
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
78
|
-
react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
|
|
79
|
-
};
|
|
80
|
-
exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
|
|
81
|
-
const Improvement_LockFocusInsideModal = () => {
|
|
82
|
-
const [o, oo] = (0, react_1.useState)(false);
|
|
83
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84
|
-
react_1.default.createElement("h1", null, "Here we have an input"),
|
|
85
|
-
react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
|
|
86
|
-
react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
|
|
87
|
-
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
|
|
88
|
-
oo(false);
|
|
89
|
-
} },
|
|
90
|
-
react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
|
|
91
|
-
react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
|
|
92
|
-
};
|
|
93
|
-
exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
|
|
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.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
|
|
32
|
+
exports.default = {
|
|
33
|
+
component: AdaptiveDialog_1.default,
|
|
34
|
+
title: "Adaptive Dialog",
|
|
35
|
+
};
|
|
36
|
+
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
|
|
37
|
+
react_1.default.createElement("p", null, "Some content"),
|
|
38
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
39
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
40
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
41
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
42
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
43
|
+
react_1.default.createElement("h1", null, "ANs some more"),
|
|
44
|
+
react_1.default.createElement("h1", null, "ANs some more")));
|
|
45
|
+
exports.InitialImplementation = InitialImplementation;
|
|
46
|
+
exports.InitialImplementation.args = {
|
|
47
|
+
open: true,
|
|
48
|
+
};
|
|
49
|
+
const Improvement_LockScrollWhenOpen = () => {
|
|
50
|
+
const [o, so] = (0, react_1.useState)(false);
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
+
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
|
|
53
|
+
react_1.default.createElement("div", { style: {
|
|
54
|
+
overflow: "auto",
|
|
55
|
+
} }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
|
|
56
|
+
"Scrolling modal div item ",
|
|
57
|
+
i,
|
|
58
|
+
" ",
|
|
59
|
+
react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
|
|
60
|
+
react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
+
react_1.default.createElement("h1", null,
|
|
62
|
+
"Scrolling div item ",
|
|
63
|
+
i,
|
|
64
|
+
" ",
|
|
65
|
+
react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
|
|
66
|
+
i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
|
|
67
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
68
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
69
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
70
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
71
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
72
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
73
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
74
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
75
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
76
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
77
|
+
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
78
|
+
react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
|
|
79
|
+
};
|
|
80
|
+
exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
|
|
81
|
+
const Improvement_LockFocusInsideModal = () => {
|
|
82
|
+
const [o, oo] = (0, react_1.useState)(false);
|
|
83
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84
|
+
react_1.default.createElement("h1", null, "Here we have an input"),
|
|
85
|
+
react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
|
|
86
|
+
react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
|
|
87
|
+
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
|
|
88
|
+
oo(false);
|
|
89
|
+
} },
|
|
90
|
+
react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
|
|
91
|
+
react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
|
|
92
|
+
};
|
|
93
|
+
exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
|
|
94
94
|
//# sourceMappingURL=AdaptiveDialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,15 +1,15 @@
|
|
|
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 react_2 = require("@testing-library/react");
|
|
8
|
-
const AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
|
|
9
|
-
function renderScreen(props) {
|
|
10
|
-
return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
11
|
-
}
|
|
12
|
-
it('Should at least render :)', () => {
|
|
13
|
-
renderScreen({});
|
|
14
|
-
});
|
|
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 react_2 = require("@testing-library/react");
|
|
8
|
+
const AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
|
|
9
|
+
function renderScreen(props) {
|
|
10
|
+
return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
11
|
+
}
|
|
12
|
+
it('Should at least render :)', () => {
|
|
13
|
+
renderScreen({});
|
|
14
|
+
});
|
|
15
15
|
//# sourceMappingURL=AdaptiveDialog.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './AdaptiveDialog';
|
|
1
|
+
export { default } from './AdaptiveDialog';
|
|
@@ -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 AdaptiveDialog_1 = require("./AdaptiveDialog");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_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 AdaptiveDialog_1 = require("./AdaptiveDialog");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_1).default; } });
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
|
|
4
|
-
**/
|
|
5
|
-
export default function AdaptiveSidebar({ open: externalOpen, children, className, visibilityControlComponent: VisibilityControlComponent, ...props }: PropsWithChildren<{
|
|
6
|
-
/** To control AdaptiveSidebar externally
|
|
7
|
-
* (created for flows that requires floating views when on mobile)
|
|
8
|
-
**/
|
|
9
|
-
open?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
visibilityControlComponent?: (props: {
|
|
12
|
-
open: boolean;
|
|
13
|
-
}) => React.ReactElement;
|
|
14
|
-
} & React.HTMLProps<HTMLDivElement>>): JSX.Element;
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
|
|
4
|
+
**/
|
|
5
|
+
export default function AdaptiveSidebar({ open: externalOpen, children, className, visibilityControlComponent: VisibilityControlComponent, ...props }: PropsWithChildren<{
|
|
6
|
+
/** To control AdaptiveSidebar externally
|
|
7
|
+
* (created for flows that requires floating views when on mobile)
|
|
8
|
+
**/
|
|
9
|
+
open?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
visibilityControlComponent?: (props: {
|
|
12
|
+
open: boolean;
|
|
13
|
+
}) => React.ReactElement;
|
|
14
|
+
} & React.HTMLProps<HTMLDivElement>>): JSX.Element;
|
|
@@ -1,73 +1,73 @@
|
|
|
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 MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
42
|
-
const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
|
|
43
|
-
const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
|
|
44
|
-
const DefaultVisibilityControl = ({ open }) => (react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }));
|
|
45
|
-
/**
|
|
46
|
-
* A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
|
|
47
|
-
**/
|
|
48
|
-
function AdaptiveSidebar(_a) {
|
|
49
|
-
var { open: externalOpen, children, className = "", visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl } = _a, props = __rest(_a, ["open", "children", "className", "visibilityControlComponent"]);
|
|
50
|
-
const [open, setOpen] = (0, react_1.useState)(false);
|
|
51
|
-
const containerRef = (0, react_1.useRef)(null);
|
|
52
|
-
const _open = externalOpen === undefined ? open : externalOpen;
|
|
53
|
-
(0, react_1.useEffect)(() => {
|
|
54
|
-
if (process.env.NODE_ENV === "test")
|
|
55
|
-
return;
|
|
56
|
-
containerRef.current.scrollTo({
|
|
57
|
-
left: 0,
|
|
58
|
-
behavior: "smooth",
|
|
59
|
-
top: 0,
|
|
60
|
-
});
|
|
61
|
-
}, [_open]);
|
|
62
|
-
const externalControl = externalOpen !== undefined;
|
|
63
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
64
|
-
react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${AdaptiveSidebar_module_scss_1.default.container} ${!externalControl &&
|
|
65
|
-
DefaultVisibilityControl === VisibilityControlComponent
|
|
66
|
-
? AdaptiveSidebar_module_scss_1.default.defaultPadding
|
|
67
|
-
: ""} ${_open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className}` }, props),
|
|
68
|
-
react_1.default.createElement(ScrollAndFocusLock_1.default, { open: _open }, children)),
|
|
69
|
-
!externalControl && (react_1.default.createElement("div", { className: AdaptiveSidebar_module_scss_1.default.hamburger, onClick: () => setOpen((a) => !a) },
|
|
70
|
-
react_1.default.createElement(VisibilityControlComponent, { open: _open })))));
|
|
71
|
-
}
|
|
72
|
-
exports.default = AdaptiveSidebar;
|
|
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 MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
42
|
+
const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
|
|
43
|
+
const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
|
|
44
|
+
const DefaultVisibilityControl = ({ open }) => (react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }));
|
|
45
|
+
/**
|
|
46
|
+
* A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
|
|
47
|
+
**/
|
|
48
|
+
function AdaptiveSidebar(_a) {
|
|
49
|
+
var { open: externalOpen, children, className = "", visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl } = _a, props = __rest(_a, ["open", "children", "className", "visibilityControlComponent"]);
|
|
50
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
51
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
52
|
+
const _open = externalOpen === undefined ? open : externalOpen;
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
if (process.env.NODE_ENV === "test")
|
|
55
|
+
return;
|
|
56
|
+
containerRef.current.scrollTo({
|
|
57
|
+
left: 0,
|
|
58
|
+
behavior: "smooth",
|
|
59
|
+
top: 0,
|
|
60
|
+
});
|
|
61
|
+
}, [_open]);
|
|
62
|
+
const externalControl = externalOpen !== undefined;
|
|
63
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
64
|
+
react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${AdaptiveSidebar_module_scss_1.default.container} ${!externalControl &&
|
|
65
|
+
DefaultVisibilityControl === VisibilityControlComponent
|
|
66
|
+
? AdaptiveSidebar_module_scss_1.default.defaultPadding
|
|
67
|
+
: ""} ${_open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className}` }, props),
|
|
68
|
+
react_1.default.createElement(ScrollAndFocusLock_1.default, { open: _open }, children)),
|
|
69
|
+
!externalControl && (react_1.default.createElement("div", { className: AdaptiveSidebar_module_scss_1.default.hamburger, onClick: () => setOpen((a) => !a) },
|
|
70
|
+
react_1.default.createElement(VisibilityControlComponent, { open: _open })))));
|
|
71
|
+
}
|
|
72
|
+
exports.default = AdaptiveSidebar;
|
|
73
73
|
//# sourceMappingURL=AdaptiveSidebar.js.map
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AdaptiveSidebar from "./AdaptiveSidebar";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AdaptiveSidebar;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
open?: boolean | undefined;
|
|
12
|
-
className?: string | undefined;
|
|
13
|
-
visibilityControlComponent?: ((props: {
|
|
14
|
-
open: boolean;
|
|
15
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
|
|
16
|
-
} & React.HTMLProps<HTMLDivElement> & {
|
|
17
|
-
children?: React.ReactNode;
|
|
18
|
-
}>;
|
|
19
|
-
};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import AdaptiveSidebar from "./AdaptiveSidebar";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof AdaptiveSidebar;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const InitialImplementation: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
open?: boolean | undefined;
|
|
12
|
+
className?: string | undefined;
|
|
13
|
+
visibilityControlComponent?: ((props: {
|
|
14
|
+
open: boolean;
|
|
15
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
|
|
16
|
+
} & React.HTMLProps<HTMLDivElement> & {
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}>;
|
|
19
|
+
};
|
|
@@ -1,21 +1,21 @@
|
|
|
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.InitialImplementation = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
|
|
9
|
-
exports.default = {
|
|
10
|
-
component: AdaptiveSidebar_1.default,
|
|
11
|
-
title: "Adaptive Sidebar",
|
|
12
|
-
};
|
|
13
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
|
|
14
|
-
react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
|
|
15
|
-
react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
|
|
16
|
-
new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
|
|
17
|
-
"Op\u00E7\u00E3o ",
|
|
18
|
-
i))))));
|
|
19
|
-
exports.InitialImplementation = InitialImplementation;
|
|
20
|
-
exports.InitialImplementation.args = {};
|
|
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.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
|
|
9
|
+
exports.default = {
|
|
10
|
+
component: AdaptiveSidebar_1.default,
|
|
11
|
+
title: "Adaptive Sidebar",
|
|
12
|
+
};
|
|
13
|
+
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
|
|
14
|
+
react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
|
|
15
|
+
react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
|
|
16
|
+
new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
|
|
17
|
+
"Op\u00E7\u00E3o ",
|
|
18
|
+
i))))));
|
|
19
|
+
exports.InitialImplementation = InitialImplementation;
|
|
20
|
+
exports.InitialImplementation.args = {};
|
|
21
21
|
//# sourceMappingURL=AdaptiveSidebar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './AdaptiveSidebar';
|
|
1
|
+
export { default } from './AdaptiveSidebar';
|
|
@@ -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 AdaptiveSidebar_1 = require("./AdaptiveSidebar");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_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 AdaptiveSidebar_1 = require("./AdaptiveSidebar");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_1).default; } });
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { RefObject } from "react";
|
|
2
|
-
declare type Props = {
|
|
3
|
-
children: JSX.Element;
|
|
4
|
-
anchorRef: RefObject<HTMLElement>;
|
|
5
|
-
open: boolean;
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare function updateTooltipPosition(tooltipRef: HTMLDivElement, anchorRef: HTMLElement, limitToViewport?: boolean): void;
|
|
9
|
-
/**
|
|
10
|
-
* This tooltip anchors itself to an element and handles positioning relative to the anchored element
|
|
11
|
-
**/
|
|
12
|
-
export default function AnchoredTooltip(props: Props): JSX.Element;
|
|
13
|
-
export {};
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
declare type Props = {
|
|
3
|
+
children: JSX.Element;
|
|
4
|
+
anchorRef: RefObject<HTMLElement>;
|
|
5
|
+
open: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function updateTooltipPosition(tooltipRef: HTMLDivElement, anchorRef: HTMLElement, limitToViewport?: boolean): void;
|
|
9
|
+
/**
|
|
10
|
+
* This tooltip anchors itself to an element and handles positioning relative to the anchored element
|
|
11
|
+
**/
|
|
12
|
+
export default function AnchoredTooltip(props: Props): JSX.Element;
|
|
13
|
+
export {};
|