@onepercentio/one-ui 1.3.4 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +9 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +24 -26
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -0
- package/dist/components/AdaptiveButton/index.d.ts +2 -0
- package/dist/components/AdaptiveButton/index.js +22 -25
- package/dist/components/AdaptiveButton/index.js.map +1 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +25 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +139 -140
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -0
- package/dist/components/AdaptiveContainer/index.d.ts +2 -0
- package/dist/components/AdaptiveContainer/index.js +22 -25
- package/dist/components/AdaptiveContainer/index.js.map +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +20 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +42 -73
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
- package/dist/components/AdaptiveDialog/index.d.ts +2 -0
- package/dist/components/AdaptiveDialog/index.js +22 -25
- package/dist/components/AdaptiveDialog/index.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +25 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +54 -70
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.d.ts +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +9 -10
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js.map +1 -0
- package/dist/components/AdaptiveSidebar/index.d.ts +2 -0
- package/dist/components/AdaptiveSidebar/index.js +22 -25
- package/dist/components/AdaptiveSidebar/index.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +37 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +154 -155
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
- package/dist/components/AnchoredTooltip/index.d.ts +2 -0
- package/dist/components/AnchoredTooltip/index.js +22 -25
- package/dist/components/AnchoredTooltip/index.js.map +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +19 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +121 -154
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
- package/dist/components/AnimatedEntrance/index.d.ts +2 -0
- package/dist/components/AnimatedEntrance/index.js +22 -25
- package/dist/components/AnimatedEntrance/index.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.d.ts +29 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +40 -80
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/index.d.ts +2 -0
- package/dist/components/AsyncTriggerContainer/index.js +22 -25
- package/dist/components/AsyncTriggerContainer/index.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +14 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +16 -34
- package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
- package/dist/components/AsyncWrapper/index.d.ts +2 -0
- package/dist/components/AsyncWrapper/index.js +22 -25
- package/dist/components/AsyncWrapper/index.js.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +10 -0
- package/dist/components/Avatar/Avatar.js +18 -33
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.js +22 -25
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/BucketFill/BucketFill.d.ts +11 -0
- package/dist/components/BucketFill/BucketFill.js +36 -49
- package/dist/components/BucketFill/BucketFill.js.map +1 -0
- package/dist/components/BucketFill/index.d.ts +2 -0
- package/dist/components/BucketFill/index.js +22 -25
- package/dist/components/BucketFill/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +16 -0
- package/dist/components/Button/Button.js +22 -30
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +22 -25
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.js +10 -17
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.js +22 -25
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Chart/Chart.d.ts +2 -0
- package/dist/components/Chart/Chart.e2e.d.ts +4 -0
- package/dist/components/Chart/Chart.e2e.js +9 -0
- package/dist/components/Chart/Chart.e2e.js.map +1 -0
- package/dist/components/Chart/Chart.js +22 -25
- package/dist/components/Chart/Chart.js.map +1 -0
- package/dist/components/Chart/Chart.logic.d.ts +3 -0
- package/dist/components/Chart/Chart.logic.js +9 -10
- package/dist/components/Chart/Chart.logic.js.map +1 -0
- package/dist/components/Chart/Chart.types.d.ts +24 -0
- package/dist/components/Chart/Chart.types.js +2 -5
- package/dist/components/Chart/Chart.types.js.map +1 -0
- package/dist/components/Chart/Chart.view.d.ts +5 -0
- package/dist/components/Chart/Chart.view.js +98 -174
- package/dist/components/Chart/Chart.view.js.map +1 -0
- package/dist/components/Chart/index.d.ts +2 -0
- package/dist/components/Chart/index.js +22 -25
- package/dist/components/Chart/index.js.map +1 -0
- package/dist/components/CheckBox/CheckBox.d.ts +18 -0
- package/dist/components/CheckBox/CheckBox.js +31 -45
- package/dist/components/CheckBox/CheckBox.js.map +1 -0
- package/dist/components/CheckBox/index.d.ts +2 -0
- package/dist/components/CheckBox/index.js +22 -25
- package/dist/components/CheckBox/index.js.map +1 -0
- package/dist/components/CodeInput/CodeInput.d.ts +8 -0
- package/dist/components/CodeInput/CodeInput.js +93 -75
- package/dist/components/CodeInput/CodeInput.js.map +1 -0
- package/dist/components/CodeInput/index.d.ts +2 -0
- package/dist/components/CodeInput/index.js +22 -25
- package/dist/components/CodeInput/index.js.map +1 -0
- package/dist/components/Collapsable/Collapsable.d.ts +54 -0
- package/dist/components/Collapsable/Collapsable.js +134 -164
- package/dist/components/Collapsable/Collapsable.js.map +1 -0
- package/dist/components/Collapsable/index.d.ts +2 -0
- package/dist/components/Collapsable/index.js +22 -25
- package/dist/components/Collapsable/index.js.map +1 -0
- package/dist/components/Countdown/Countdown.d.ts +28 -0
- package/dist/components/Countdown/Countdown.js +86 -69
- package/dist/components/Countdown/Countdown.js.map +1 -0
- package/dist/components/Countdown/index.d.ts +2 -0
- package/dist/components/Countdown/index.js +22 -25
- package/dist/components/Countdown/index.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.d.ts +11 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.d.ts +7 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +25 -25
- package/dist/components/CurrencyInput/CurrencyInput.hook.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +29 -48
- package/dist/components/CurrencyInput/CurrencyInput.js.map +1 -0
- package/dist/components/CurrencyInput/index.d.ts +2 -0
- package/dist/components/CurrencyInput/index.js +22 -25
- package/dist/components/CurrencyInput/index.js.map +1 -0
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/Divider/Divider.js +10 -16
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/index.js +22 -25
- package/dist/components/Divider/index.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.d.ts +33 -0
- package/dist/components/EmailInput/EmailInput.js +23 -37
- package/dist/components/EmailInput/EmailInput.js.map +1 -0
- package/dist/components/EmailInput/index.d.ts +2 -0
- package/dist/components/EmailInput/index.js +22 -25
- package/dist/components/EmailInput/index.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.d.ts +16 -0
- package/dist/components/FadeIn/FadeIn.js +51 -57
- package/dist/components/FadeIn/FadeIn.js.map +1 -0
- package/dist/components/FadeIn/index.d.ts +2 -0
- package/dist/components/FadeIn/index.js +22 -25
- package/dist/components/FadeIn/index.js.map +1 -0
- package/dist/components/FileInput/FileInput.d.ts +34 -0
- package/dist/components/FileInput/FileInput.js +38 -45
- package/dist/components/FileInput/FileInput.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +16 -48
- package/dist/components/FileInput/View/BigFactory/BigFactory.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/index.d.ts +2 -0
- package/dist/components/FileInput/View/BigFactory/index.js +22 -25
- package/dist/components/FileInput/View/BigFactory/index.js.map +1 -0
- package/dist/components/FileInput/View/Compact/Compact.d.ts +11 -0
- package/dist/components/FileInput/View/Compact/Compact.js +46 -114
- package/dist/components/FileInput/View/Compact/Compact.js.map +1 -0
- package/dist/components/FileInput/View/Compact/index.d.ts +2 -0
- package/dist/components/FileInput/View/Compact/index.js +22 -25
- package/dist/components/FileInput/View/Compact/index.js.map +1 -0
- package/dist/components/FileInput/View/View.types.d.ts +8 -0
- package/dist/components/FileInput/View/View.types.js +2 -5
- package/dist/components/FileInput/View/View.types.js.map +1 -0
- package/dist/components/FileInput/index.d.ts +2 -0
- package/dist/components/FileInput/index.js +22 -25
- package/dist/components/FileInput/index.js.map +1 -0
- package/dist/components/FlowController/FlowController.d.ts +27 -0
- package/dist/components/FlowController/FlowController.js +25 -56
- package/dist/components/FlowController/FlowController.js.map +1 -0
- package/dist/components/FlowController/index.d.ts +2 -0
- package/dist/components/FlowController/index.js +22 -25
- package/dist/components/FlowController/index.js.map +1 -0
- package/dist/components/Form/Form.d.ts +30 -0
- package/dist/components/Form/Form.hook.d.ts +40 -0
- package/dist/components/Form/Form.hook.js +202 -217
- package/dist/components/Form/Form.hook.js.map +1 -0
- package/dist/components/Form/Form.js +65 -103
- package/dist/components/Form/Form.js.map +1 -0
- package/dist/components/Form/Form.types.d.ts +98 -0
- package/dist/components/Form/Form.types.js +53 -39
- package/dist/components/Form/Form.types.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.d.ts +13 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +53 -64
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/DateField/index.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.d.ts +9 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +78 -81
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js.map +1 -0
- package/dist/components/Form/FormField/FormField.d.ts +5 -0
- package/dist/components/Form/FormField/FormField.js +148 -287
- package/dist/components/Form/FormField/FormField.js.map +1 -0
- package/dist/components/Form/FormField/FormField.types.d.ts +103 -0
- package/dist/components/Form/FormField/FormField.types.js +7 -10
- package/dist/components/Form/FormField/FormField.types.js.map +1 -0
- package/dist/components/Form/FormField/index.d.ts +2 -0
- package/dist/components/Form/FormField/index.js +22 -25
- package/dist/components/Form/FormField/index.js.map +1 -0
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Form/index.js +22 -25
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/Freeze/Freeze.d.ts +5 -0
- package/dist/components/Freeze/Freeze.js +9 -13
- package/dist/components/Freeze/Freeze.js.map +1 -0
- package/dist/components/Freeze/index.d.ts +2 -0
- package/dist/components/Freeze/index.js +22 -25
- package/dist/components/Freeze/index.js.map +1 -0
- package/dist/components/HSForms/HSForms.d.ts +12 -0
- package/dist/components/HSForms/HSForms.js +69 -48
- package/dist/components/HSForms/HSForms.js.map +1 -0
- package/dist/components/HSForms/index.d.ts +2 -0
- package/dist/components/HSForms/index.js +22 -25
- package/dist/components/HSForms/index.js.map +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +9 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +10 -19
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
- package/dist/components/HeaderCloseBtn/index.d.ts +2 -0
- package/dist/components/HeaderCloseBtn/index.js +22 -25
- package/dist/components/HeaderCloseBtn/index.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +22 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +94 -114
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
- package/dist/components/InfinityScroll/index.d.ts +2 -0
- package/dist/components/InfinityScroll/index.js +22 -25
- package/dist/components/InfinityScroll/index.js.map +1 -0
- package/dist/components/Input/Input.d.ts +43 -0
- package/dist/components/Input/Input.js +57 -99
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +22 -25
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/InstantCounter/InstantCounter.d.ts +16 -0
- package/dist/components/InstantCounter/InstantCounter.js +31 -49
- package/dist/components/InstantCounter/InstantCounter.js.map +1 -0
- package/dist/components/InstantCounter/index.d.ts +2 -0
- package/dist/components/InstantCounter/index.js +22 -25
- package/dist/components/InstantCounter/index.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.d.ts +12 -0
- package/dist/components/LavaLamp/LavaLamp.data.d.ts +16 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +86 -83
- package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.js +32 -119
- package/dist/components/LavaLamp/LavaLamp.js.map +1 -0
- package/dist/components/LavaLamp/index.d.ts +2 -0
- package/dist/components/LavaLamp/index.js +22 -25
- package/dist/components/LavaLamp/index.js.map +1 -0
- package/dist/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +156 -149
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -0
- package/dist/components/LinkToId/LinkToId.d.ts +11 -0
- package/dist/components/LinkToId/LinkToId.js +27 -39
- package/dist/components/LinkToId/LinkToId.js.map +1 -0
- package/dist/components/LinkToId/index.d.ts +2 -0
- package/dist/components/LinkToId/index.js +22 -25
- package/dist/components/LinkToId/index.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +8 -0
- package/dist/components/Loader/Loader.js +22 -21
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/Loader/index.d.ts +2 -0
- package/dist/components/Loader/index.js +22 -25
- package/dist/components/Loader/index.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +12 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +15 -27
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/index.d.ts +2 -0
- package/dist/components/LoaderDotsIndicator/index.js +22 -25
- package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
- package/dist/components/LoopableVideo/LoopableVideo.d.ts +12 -0
- package/dist/components/LoopableVideo/LoopableVideo.js +25 -33
- package/dist/components/LoopableVideo/LoopableVideo.js.map +1 -0
- package/dist/components/LoopableVideo/index.d.ts +2 -0
- package/dist/components/LoopableVideo/index.js +22 -25
- package/dist/components/LoopableVideo/index.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.d.ts +17 -0
- package/dist/components/MainGrid/MainGrid.js +23 -46
- package/dist/components/MainGrid/MainGrid.js.map +1 -0
- package/dist/components/MainGrid/index.d.ts +2 -0
- package/dist/components/MainGrid/index.js +22 -25
- package/dist/components/MainGrid/index.js.map +1 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +23 -27
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
- package/dist/components/MutableHamburgerButton/index.d.ts +2 -0
- package/dist/components/MutableHamburgerButton/index.js +22 -25
- package/dist/components/MutableHamburgerButton/index.js.map +1 -0
- package/dist/components/Notification/Notification.d.ts +8 -0
- package/dist/components/Notification/Notification.js +11 -18
- package/dist/components/Notification/Notification.js.map +1 -0
- package/dist/components/Notification/index.d.ts +2 -0
- package/dist/components/Notification/index.js +22 -25
- package/dist/components/Notification/index.js.map +1 -0
- package/dist/components/NumberInput/NumberInput.d.ts +11 -0
- package/dist/components/NumberInput/NumberInput.js +42 -43
- package/dist/components/NumberInput/NumberInput.js.map +1 -0
- package/dist/components/NumberInput/index.d.ts +2 -0
- package/dist/components/NumberInput/index.js +22 -25
- package/dist/components/NumberInput/index.js.map +1 -0
- package/dist/components/OrderableList/OrderableList.d.ts +40 -0
- package/dist/components/OrderableList/OrderableList.js +404 -416
- package/dist/components/OrderableList/OrderableList.js.map +1 -0
- package/dist/components/OrderableList/index.d.ts +2 -0
- package/dist/components/OrderableList/index.js +22 -25
- package/dist/components/OrderableList/index.js.map +1 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +45 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +198 -243
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
- package/dist/components/PaginationIndicator/index.d.ts +2 -0
- package/dist/components/PaginationIndicator/index.js +22 -25
- package/dist/components/PaginationIndicator/index.js.map +1 -0
- package/dist/components/Parallax/Parallax.d.ts +20 -0
- package/dist/components/Parallax/Parallax.js +130 -156
- package/dist/components/Parallax/Parallax.js.map +1 -0
- package/dist/components/Parallax/index.d.ts +2 -0
- package/dist/components/Parallax/index.js +22 -25
- package/dist/components/Parallax/index.js.map +1 -0
- package/dist/components/Parallax/math/helpers.d.ts +58 -0
- package/dist/components/Parallax/math/helpers.js +216 -120
- package/dist/components/Parallax/math/helpers.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +48 -0
- package/dist/components/PasswordInput/PasswordInput.js +71 -88
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/PasswordInput/index.js +22 -25
- package/dist/components/PasswordInput/index.js.map +1 -0
- package/dist/components/PingPongText/PingPongText.d.ts +10 -0
- package/dist/components/PingPongText/PingPongText.js +67 -63
- package/dist/components/PingPongText/PingPongText.js.map +1 -0
- package/dist/components/PingPongText/index.d.ts +2 -0
- package/dist/components/PingPongText/index.js +22 -25
- package/dist/components/PingPongText/index.js.map +1 -0
- package/dist/components/PixelatedScan/PixelatedScan.d.ts +13 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +74 -126
- package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
- package/dist/components/PixelatedScan/index.d.ts +2 -0
- package/dist/components/PixelatedScan/index.js +22 -25
- package/dist/components/PixelatedScan/index.js.map +1 -0
- package/dist/components/Portal/Portal.d.ts +20 -0
- package/dist/components/Portal/Portal.js +43 -46
- package/dist/components/Portal/Portal.js.map +1 -0
- package/dist/components/Portal/index.d.ts +2 -0
- package/dist/components/Portal/index.js +22 -25
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +32 -0
- package/dist/components/ProgressBar/ProgressBar.js +47 -105
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/components/ProgressBar/index.d.ts +2 -0
- package/dist/components/ProgressBar/index.js +22 -25
- package/dist/components/ProgressBar/index.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +29 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +29 -43
- package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
- package/dist/components/ProgressTexts/index.d.ts +2 -0
- package/dist/components/ProgressTexts/index.js +22 -25
- package/dist/components/ProgressTexts/index.js.map +1 -0
- package/dist/components/Radio/Radio.d.ts +15 -0
- package/dist/components/Radio/Radio.js +28 -51
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/index.js +22 -25
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.d.ts +7 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +12 -18
- package/dist/components/Radio/variants/Checkmark/Checkmark.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/index.d.ts +2 -0
- package/dist/components/Radio/variants/Checkmark/index.js +22 -25
- package/dist/components/Radio/variants/Checkmark/index.js.map +1 -0
- package/dist/components/Radio/variants/Generic/Generic.d.ts +7 -0
- package/dist/components/Radio/variants/Generic/Generic.js +12 -20
- package/dist/components/Radio/variants/Generic/Generic.js.map +1 -0
- package/dist/components/Radio/variants/Generic/index.d.ts +2 -0
- package/dist/components/Radio/variants/Generic/index.js +22 -25
- package/dist/components/Radio/variants/Generic/index.js.map +1 -0
- package/dist/components/SectionContainer/SectionContainer.d.ts +19 -0
- package/dist/components/SectionContainer/SectionContainer.js +16 -38
- package/dist/components/SectionContainer/SectionContainer.js.map +1 -0
- package/dist/components/SectionContainer/index.d.ts +2 -0
- package/dist/components/SectionContainer/index.js +22 -25
- package/dist/components/SectionContainer/index.js.map +1 -0
- package/dist/components/Select/Select.d.ts +42 -0
- package/dist/components/Select/Select.js +95 -128
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.js +22 -25
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/Skeleton/Skeleton.js +14 -22
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Skeleton/index.js +22 -25
- package/dist/components/Skeleton/index.js.map +1 -0
- package/dist/components/Slider/Slider.d.ts +11 -0
- package/dist/components/Slider/Slider.e2e.d.ts +4 -0
- package/dist/components/Slider/Slider.e2e.js +6 -0
- package/dist/components/Slider/Slider.e2e.js.map +1 -0
- package/dist/components/Slider/Slider.js +59 -63
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.js +22 -25
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Spacing/Spacing.d.ts +11 -0
- package/dist/components/Spacing/Spacing.js +17 -25
- package/dist/components/Spacing/Spacing.js.map +1 -0
- package/dist/components/Spacing/index.d.ts +2 -0
- package/dist/components/Spacing/index.js +22 -25
- package/dist/components/Spacing/index.js.map +1 -0
- package/dist/components/StaticScroller/StaticScroller.d.ts +7 -0
- package/dist/components/StaticScroller/StaticScroller.js +61 -65
- package/dist/components/StaticScroller/StaticScroller.js.map +1 -0
- package/dist/components/StaticScroller/index.d.ts +2 -0
- package/dist/components/StaticScroller/index.js +22 -25
- package/dist/components/StaticScroller/index.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +12 -0
- package/dist/components/Switch/Switch.js +26 -40
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.js +22 -25
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Table/Table.d.ts +23 -0
- package/dist/components/Table/Table.js +56 -107
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +22 -25
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +28 -0
- package/dist/components/Tabs/Tabs.js +54 -59
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.js +22 -25
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +22 -0
- package/dist/components/Text/Text.js +30 -35
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +22 -25
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +12 -46
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +49 -71
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +79 -89
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +41 -60
- package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/utils.d.ts +8 -0
- package/dist/components/Transition/MasksFactory/utils.js +27 -25
- package/dist/components/Transition/MasksFactory/utils.js.map +1 -0
- package/dist/components/Transition/Transition.d.ts +114 -0
- package/dist/components/Transition/Transition.js +319 -298
- package/dist/components/Transition/Transition.js.map +1 -0
- package/dist/components/Transition/index.d.ts +2 -0
- package/dist/components/Transition/index.js +22 -25
- package/dist/components/Transition/index.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +17 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +93 -101
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +19 -27
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js.map +1 -0
- package/dist/components/UncontrolledTransition/index.d.ts +2 -0
- package/dist/components/UncontrolledTransition/index.js +22 -25
- package/dist/components/UncontrolledTransition/index.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +55 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +94 -101
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/index.d.ts +2 -0
- package/dist/components/WalletConnectionWrapper/index.js +22 -25
- package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +43 -53
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +2 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +22 -25
- package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
- package/dist/context/AsyncProcess.d.ts +23 -0
- package/dist/context/AsyncProcess.js +41 -68
- package/dist/context/AsyncProcess.js.map +1 -0
- package/dist/context/ContextAsyncControl.d.ts +39 -0
- package/dist/context/ContextAsyncControl.js +51 -72
- package/dist/context/ContextAsyncControl.js.map +1 -0
- package/dist/context/CustomBrowserRouter.d.ts +19 -0
- package/dist/context/CustomBrowserRouter.js +30 -44
- package/dist/context/CustomBrowserRouter.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +209 -0
- package/dist/context/OneUIProvider.js +108 -102
- package/dist/context/OneUIProvider.js.map +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.d.ts +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +16 -17
- package/dist/hooks/logs/useDependencyChangeDetection.js.map +1 -0
- package/dist/hooks/logs/useIsMounting.d.ts +1 -0
- package/dist/hooks/logs/useIsMounting.js +7 -10
- package/dist/hooks/logs/useIsMounting.js.map +1 -0
- package/dist/hooks/persistence/useLocalStorage.d.ts +2 -0
- package/dist/hooks/persistence/useLocalStorage.js +40 -41
- package/dist/hooks/persistence/useLocalStorage.js.map +1 -0
- package/dist/hooks/shims/ObjectWatchShim.d.ts +1 -0
- package/dist/hooks/shims/ObjectWatchShim.js +46 -47
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -0
- package/dist/hooks/ui/useAdaptiveImage.d.ts +7 -0
- package/dist/hooks/ui/useAdaptiveImage.js +34 -29
- package/dist/hooks/ui/useAdaptiveImage.js.map +1 -0
- package/dist/hooks/ui/useAlternating.d.ts +4 -0
- package/dist/hooks/ui/useAlternating.js +18 -18
- package/dist/hooks/ui/useAlternating.js.map +1 -0
- package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
- package/dist/hooks/ui/useBreakpoint.js +18 -19
- package/dist/hooks/ui/useBreakpoint.js.map +1 -0
- package/dist/hooks/ui/useCustomScrollbar.d.ts +8 -0
- package/dist/hooks/ui/useCustomScrollbar.js +21 -26
- package/dist/hooks/ui/useCustomScrollbar.js.map +1 -0
- package/dist/hooks/ui/useEffectIf.d.ts +2 -0
- package/dist/hooks/ui/useEffectIf.js +9 -11
- package/dist/hooks/ui/useEffectIf.js.map +1 -0
- package/dist/hooks/ui/useMouseHover.d.ts +11 -0
- package/dist/hooks/ui/useMouseHover.js +19 -25
- package/dist/hooks/ui/useMouseHover.js.map +1 -0
- package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
- package/dist/hooks/ui/usePaginationControls.js +136 -129
- package/dist/hooks/ui/usePaginationControls.js.map +1 -0
- package/dist/hooks/ui/useSnapToViewport.d.ts +5 -0
- package/dist/hooks/ui/useSnapToViewport.js +19 -20
- package/dist/hooks/ui/useSnapToViewport.js.map +1 -0
- package/dist/hooks/ui/useTilt.d.ts +46 -0
- package/dist/hooks/ui/useTilt.js +129 -145
- package/dist/hooks/ui/useTilt.js.map +1 -0
- package/dist/hooks/ui/useZoomable.d.ts +6 -0
- package/dist/hooks/ui/useZoomable.js +116 -123
- package/dist/hooks/ui/useZoomable.js.map +1 -0
- package/dist/hooks/useAsyncControl.d.ts +32 -0
- package/dist/hooks/useAsyncControl.js +52 -67
- package/dist/hooks/useAsyncControl.js.map +1 -0
- package/dist/hooks/useContainedRepositioning.d.ts +15 -0
- package/dist/hooks/useContainedRepositioning.js +71 -75
- package/dist/hooks/useContainedRepositioning.js.map +1 -0
- package/dist/hooks/useCustomHistory.d.ts +14 -0
- package/dist/hooks/useCustomHistory.js +12 -21
- package/dist/hooks/useCustomHistory.js.map +1 -0
- package/dist/hooks/useElementFit.d.ts +18 -0
- package/dist/hooks/useElementFit.js +48 -43
- package/dist/hooks/useElementFit.js.map +1 -0
- package/dist/hooks/useFirestoreWatch.d.ts +12 -0
- package/dist/hooks/useFirestoreWatch.js +41 -41
- package/dist/hooks/useFirestoreWatch.js.map +1 -0
- package/dist/hooks/useFreeze.d.ts +5 -0
- package/dist/hooks/useFreeze.js +8 -10
- package/dist/hooks/useFreeze.js.map +1 -0
- package/dist/hooks/useHero.d.ts +68 -0
- package/dist/hooks/useHero.js +271 -249
- package/dist/hooks/useHero.js.map +1 -0
- package/dist/hooks/useIntersection.d.ts +8 -0
- package/dist/hooks/useIntersection.js +27 -32
- package/dist/hooks/useIntersection.js.map +1 -0
- package/dist/hooks/useMergeRefs.d.ts +9 -0
- package/dist/hooks/useMergeRefs.js +24 -27
- package/dist/hooks/useMergeRefs.js.map +1 -0
- package/dist/hooks/useObserve.d.ts +6 -0
- package/dist/hooks/useObserve.js +14 -17
- package/dist/hooks/useObserve.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +57 -0
- package/dist/hooks/usePagination.js +164 -147
- package/dist/hooks/usePagination.js.map +1 -0
- package/dist/hooks/usePooledOperation.d.ts +19 -0
- package/dist/hooks/usePooledOperation.js +57 -41
- package/dist/hooks/usePooledOperation.js.map +1 -0
- package/dist/hooks/usePooling.d.ts +22 -0
- package/dist/hooks/usePooling.js +49 -46
- package/dist/hooks/usePooling.js.map +1 -0
- package/dist/hooks/useRebound.d.ts +13 -0
- package/dist/hooks/useRebound.js +19 -23
- package/dist/hooks/useRebound.js.map +1 -0
- package/dist/hooks/useShortIntl.d.ts +21 -0
- package/dist/hooks/useShortIntl.js +50 -72
- package/dist/hooks/useShortIntl.js.map +1 -0
- package/dist/hooks/utility/useAsyncMemo.d.ts +13 -0
- package/dist/hooks/utility/useAsyncMemo.js +42 -36
- package/dist/hooks/utility/useAsyncMemo.js.map +1 -0
- package/dist/hooks/utility/useDepChange.d.ts +1 -0
- package/dist/hooks/utility/useDepChange.js +12 -14
- package/dist/hooks/utility/useDepChange.js.map +1 -0
- package/dist/hooks/utility/useEvents.d.ts +9 -0
- package/dist/hooks/utility/useEvents.js +21 -26
- package/dist/hooks/utility/useEvents.js.map +1 -0
- package/dist/hooks/utility/useImmediate.d.ts +4 -0
- package/dist/hooks/utility/useImmediate.js +5 -8
- package/dist/hooks/utility/useImmediate.js.map +1 -0
- package/dist/hooks/utility/useManualInit.d.ts +4 -0
- package/dist/hooks/utility/useManualInit.js +17 -19
- package/dist/hooks/utility/useManualInit.js.map +1 -0
- package/dist/hooks/utility/useModule.d.ts +4 -0
- package/dist/hooks/utility/useModule.js +9 -12
- package/dist/hooks/utility/useModule.js.map +1 -0
- package/dist/hooks/utility/useQuery.d.ts +7 -0
- package/dist/hooks/utility/useQuery.js +7 -13
- package/dist/hooks/utility/useQuery.js.map +1 -0
- package/dist/hooks/utility/useUniqueEffect.d.ts +1 -0
- package/dist/hooks/utility/useUniqueEffect.js +17 -17
- package/dist/hooks/utility/useUniqueEffect.js.map +1 -0
- package/dist/index.d.ts +223 -0
- package/dist/index.js +349 -2147
- package/dist/index.js.map +1 -0
- package/dist/index.preprocess.d.ts +1 -0
- package/dist/index.preprocess.js +72 -35
- package/dist/index.preprocess.js.map +1 -0
- package/dist/models/DebugLogger.d.ts +4 -0
- package/dist/models/DebugLogger.js +5 -8
- package/dist/models/DebugLogger.js.map +1 -0
- package/dist/models/GenericContract.d.ts +100 -0
- package/dist/models/GenericContract.js +13 -42
- package/dist/models/GenericContract.js.map +1 -0
- package/dist/models/ImageScales.d.ts +7 -0
- package/dist/models/ImageScales.js +12 -0
- package/dist/models/ImageScales.js.map +1 -0
- package/dist/models/Orbs.d.ts +44 -0
- package/dist/models/Orbs.js +47 -53
- package/dist/models/Orbs.js.map +1 -0
- package/dist/storybookUtils/index.d.ts +5 -0
- package/dist/storybookUtils/index.js +39 -40
- package/dist/storybookUtils/index.js.map +1 -0
- package/dist/type-utils.d.ts +59 -0
- package/dist/type-utils.js +2 -5
- package/dist/type-utils.js.map +1 -0
- package/dist/types.d.ts +79 -0
- package/dist/types.js +2 -5
- package/dist/types.js.map +1 -0
- package/dist/utils/blockchain.d.ts +8 -0
- package/dist/utils/blockchain.js +54 -35
- package/dist/utils/blockchain.js.map +1 -0
- package/dist/utils/e2e.d.ts +19 -0
- package/dist/utils/e2e.js +11 -21
- package/dist/utils/e2e.js.map +1 -0
- package/dist/utils/flatten.d.ts +5 -0
- package/dist/utils/flatten.js +12 -15
- package/dist/utils/flatten.js.map +1 -0
- package/dist/utils/formatters.d.ts +21 -0
- package/dist/utils/formatters.js +43 -48
- package/dist/utils/formatters.js.map +1 -0
- package/dist/utils/html.utils.d.ts +2 -0
- package/dist/utils/html.utils.js +6 -12
- package/dist/utils/html.utils.js.map +1 -0
- package/dist/utils/ownEvent.d.ts +4 -0
- package/dist/utils/ownEvent.js +7 -9
- package/dist/utils/ownEvent.js.map +1 -0
- package/dist/utils/test.d.ts +6 -0
- package/dist/utils/test.js +11 -13
- package/dist/utils/test.js.map +1 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js +3 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss +17 -3
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js +2 -2
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -1
- package/dist-ts/components/Form/FormField/FormField.js +5 -5
- package/dist-ts/components/Form/FormField/FormField.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +6 -0
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
import { FromOnePercentUtility } from "../../type-utils";
|
|
3
|
+
/**
|
|
4
|
+
* This is a dialog component that shows content in an overlay.
|
|
5
|
+
* On mobile devices, it slides in from the side like a drawer menu,
|
|
6
|
+
* while on desktop computers, it appears as a centered popup window.
|
|
7
|
+
* It handles closing animations and can render in different locations on the page.
|
|
8
|
+
**/
|
|
9
|
+
export default function AdaptiveDialog({ variant, onClose, open, className, onClickOut, children, onClosed, inline, }: PropsWithChildren<{
|
|
10
|
+
variant?: FromOnePercentUtility<'UIElements.AdaptiveDialogVariants'>;
|
|
11
|
+
className?: string;
|
|
12
|
+
open: boolean;
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
onClickOut?: () => void;
|
|
15
|
+
onClosed?: () => void;
|
|
16
|
+
/**
|
|
17
|
+
* Indicates this rendering will write the html inside the current position on dom.
|
|
18
|
+
* If omitted or false, it will render on the document body, to prevent style bleeding */
|
|
19
|
+
inline?: boolean;
|
|
20
|
+
}>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,81 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
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 jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const react_dom_1 = __importDefault(require("react-dom"));
|
|
9
|
+
const AdaptiveDialog_module_scss_1 = __importDefault(require("./AdaptiveDialog.module.scss"));
|
|
10
|
+
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
11
|
+
const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
|
|
12
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
16
13
|
/**
|
|
17
|
-
* This is a dialog component that shows content in an overlay.
|
|
14
|
+
* This is a dialog component that shows content in an overlay.
|
|
18
15
|
* On mobile devices, it slides in from the side like a drawer menu,
|
|
19
16
|
* while on desktop computers, it appears as a centered popup window.
|
|
20
17
|
* It handles closing animations and can render in different locations on the page.
|
|
21
18
|
**/
|
|
22
|
-
function AdaptiveDialog(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
if (open) {
|
|
39
|
-
setIsVisible(true);
|
|
40
|
-
const toggleVisbility = e => {
|
|
41
|
-
if (e.animationName === _AdaptiveDialogModule.default.backdropDismiss) {
|
|
42
|
-
onClosed === null || onClosed === void 0 || onClosed();
|
|
43
|
-
setIsVisible(false);
|
|
44
|
-
e.target.removeEventListener("animationend", toggleVisbility);
|
|
19
|
+
function AdaptiveDialog({ variant = "default", onClose, open = false, className = "", onClickOut, children, onClosed, inline = false, }) {
|
|
20
|
+
const rootDivRef = (0, react_1.useRef)(null);
|
|
21
|
+
const [isVisible, setIsVisible] = (0, react_1.useState)(open);
|
|
22
|
+
const [expanded, setExpanded] = (0, react_1.useState)(false);
|
|
23
|
+
const variantClass = (0, OneUIProvider_1.useOneUIConfig)(`component.adaptiveDialog.variant.${variant}`, "");
|
|
24
|
+
(0, react_1.useEffect)(() => {
|
|
25
|
+
if (open) {
|
|
26
|
+
setIsVisible(true);
|
|
27
|
+
const toggleVisbility = (e) => {
|
|
28
|
+
if (e.animationName === AdaptiveDialog_module_scss_1.default.backdropDismiss) {
|
|
29
|
+
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
30
|
+
setIsVisible(false);
|
|
31
|
+
e.target.removeEventListener("animationend", toggleVisbility);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
rootDivRef.current.addEventListener("animationend", toggleVisbility);
|
|
45
35
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
onAnimationEnd: _ref2 => {
|
|
59
|
-
let {
|
|
60
|
-
target,
|
|
61
|
-
currentTarget
|
|
62
|
-
} = _ref2;
|
|
63
|
-
if (target === currentTarget) target.style.pointerEvents = "initial";
|
|
64
|
-
}
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
-
className: "".concat(_AdaptiveDialogModule.default.container, " ").concat(className, " ").concat(globalClassName.dialog),
|
|
67
|
-
onClick: e => e.stopPropagation()
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_ScrollAndFocusLock.default, {
|
|
69
|
-
open: open
|
|
70
|
-
}, onClose && /*#__PURE__*/_react.default.createElement("button", {
|
|
71
|
-
className: _AdaptiveDialogModule.default.closeBtn,
|
|
72
|
-
onClick: onClose
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
|
|
74
|
-
state: "closed",
|
|
75
|
-
size: 24
|
|
76
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
77
|
-
onClick: () => setExpanded(p => !p)
|
|
78
|
-
}), children)));
|
|
79
|
-
return isVisible || open ? inline ? content : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_reactDom.default.createPortal(content, document.body)) : null;
|
|
36
|
+
}, [open]);
|
|
37
|
+
const globalClassName = {
|
|
38
|
+
backdrop: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
|
|
39
|
+
dialog: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.dialogClassName", ""),
|
|
40
|
+
};
|
|
41
|
+
const CloseButtonComponent = (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.closeButton.Component");
|
|
42
|
+
const content = ((0, jsx_runtime_1.jsx)("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""} ${globalClassName.backdrop} ${variantClass}`, onClick: onClickOut, onAnimationEnd: ({ target, currentTarget }) => {
|
|
43
|
+
if (target === currentTarget)
|
|
44
|
+
target.style.pointerEvents = "initial";
|
|
45
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className} ${globalClassName.dialog}`, onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)(ScrollAndFocusLock_1.default, { open: open, children: [onClose &&
|
|
46
|
+
(CloseButtonComponent ? ((0, jsx_runtime_1.jsx)(CloseButtonComponent, { onClick: onClose })) : ((0, jsx_runtime_1.jsx)("button", { className: AdaptiveDialog_module_scss_1.default.closeBtn, onClick: onClose, children: (0, jsx_runtime_1.jsx)(MutableHamburgerButton_1.default, { state: "closed", size: 24 }) }))), (0, jsx_runtime_1.jsx)("div", { onClick: () => setExpanded((p) => !p) }), children] }) }) }));
|
|
47
|
+
return isVisible || open ? (inline ? (content) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_dom_1.default.createPortal(content, document.body) }))) : null;
|
|
80
48
|
}
|
|
81
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3REb20iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX0FkYXB0aXZlRGlhbG9nTW9kdWxlIiwiX011dGFibGVIYW1idXJnZXJCdXR0b24iLCJfU2Nyb2xsQW5kRm9jdXNMb2NrIiwiX09uZVVJUHJvdmlkZXIiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiQWRhcHRpdmVEaWFsb2ciLCJfcmVmIiwidmFyaWFudCIsIm9uQ2xvc2UiLCJvcGVuIiwiY2xhc3NOYW1lIiwib25DbGlja091dCIsImNoaWxkcmVuIiwib25DbG9zZWQiLCJpbmxpbmUiLCJyb290RGl2UmVmIiwidXNlUmVmIiwiaXNWaXNpYmxlIiwic2V0SXNWaXNpYmxlIiwidXNlU3RhdGUiLCJleHBhbmRlZCIsInNldEV4cGFuZGVkIiwidmFyaWFudENsYXNzIiwidXNlT25lVUlDb25maWciLCJjb25jYXQiLCJ1c2VFZmZlY3QiLCJ0b2dnbGVWaXNiaWxpdHkiLCJlIiwiYW5pbWF0aW9uTmFtZSIsIlN0eWxlcyIsImJhY2tkcm9wRGlzbWlzcyIsInRhcmdldCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJjdXJyZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsImdsb2JhbENsYXNzTmFtZSIsImJhY2tkcm9wIiwiZGlhbG9nIiwiY29udGVudCIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJjbG9zZSIsIm9uQ2xpY2siLCJvbkFuaW1hdGlvbkVuZCIsIl9yZWYyIiwiY3VycmVudFRhcmdldCIsInN0eWxlIiwicG9pbnRlckV2ZW50cyIsImNvbnRhaW5lciIsInN0b3BQcm9wYWdhdGlvbiIsImNsb3NlQnRuIiwic3RhdGUiLCJzaXplIiwicCIsIkZyYWdtZW50IiwiUmVhY3RET00iLCJjcmVhdGVQb3J0YWwiLCJkb2N1bWVudCIsImJvZHkiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BZGFwdGl2ZURpYWxvZy9BZGFwdGl2ZURpYWxvZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdERPTSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL0FkYXB0aXZlRGlhbG9nLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgTXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiBmcm9tIFwiLi4vTXV0YWJsZUhhbWJ1cmdlckJ1dHRvblwiO1xuaW1wb3J0IFNjcm9sbEFuZEZvY3VzTG9jayBmcm9tIFwiLi4vdXRpbGl0YXJ5L1Njcm9sbEFuZEZvY3VzTG9ja1wiO1xuaW1wb3J0IHsgdXNlT25lVUlDb25maWcgfSBmcm9tIFwiLi4vLi4vY29udGV4dC9PbmVVSVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBGcm9tT25lUGVyY2VudFV0aWxpdHkgfSBmcm9tIFwiLi4vLi4vdHlwZS11dGlsc1wiO1xuXG4vKipcbiAqIFRoaXMgaXMgYSBkaWFsb2cgY29tcG9uZW50IHRoYXQgc2hvd3MgY29udGVudCBpbiBhbiBvdmVybGF5LiBcbiAqIE9uIG1vYmlsZSBkZXZpY2VzLCBpdCBzbGlkZXMgaW4gZnJvbSB0aGUgc2lkZSBsaWtlIGEgZHJhd2VyIG1lbnUsXG4gKiB3aGlsZSBvbiBkZXNrdG9wIGNvbXB1dGVycywgaXQgYXBwZWFycyBhcyBhIGNlbnRlcmVkIHBvcHVwIHdpbmRvdy5cbiAqIEl0IGhhbmRsZXMgY2xvc2luZyBhbmltYXRpb25zIGFuZCBjYW4gcmVuZGVyIGluIGRpZmZlcmVudCBsb2NhdGlvbnMgb24gdGhlIHBhZ2UuXG4gKiovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBBZGFwdGl2ZURpYWxvZyh7XG4gIHZhcmlhbnQgPSBcImRlZmF1bHRcIixcbiAgb25DbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBvbkNsaWNrT3V0LFxuICBjaGlsZHJlbixcbiAgb25DbG9zZWQsXG4gIGlubGluZSA9IGZhbHNlLFxufTogUHJvcHNXaXRoQ2hpbGRyZW48e1xuICB2YXJpYW50PzogRnJvbU9uZVBlcmNlbnRVdGlsaXR5PCdVSUVsZW1lbnRzLkFkYXB0aXZlRGlhbG9nVmFyaWFudHMnPjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBvcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DbGlja091dD86ICgpID0+IHZvaWQ7XG4gIG9uQ2xvc2VkPzogKCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGlzIHJlbmRlcmluZyB3aWxsIHdyaXRlIHRoZSBodG1sIGluc2lkZSB0aGUgY3VycmVudCBwb3NpdGlvbiBvbiBkb20uXG4gICAqIElmIG9taXR0ZWQgb3IgZmFsc2UsIGl0IHdpbGwgcmVuZGVyIG9uIHRoZSBkb2N1bWVudCBib2R5LCB0byBwcmV2ZW50IHN0eWxlIGJsZWVkaW5nICovXG4gIGlubGluZT86IGJvb2xlYW47XG59Pikge1xuICBjb25zdCByb290RGl2UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0SXNWaXNpYmxlXSA9IHVzZVN0YXRlKG9wZW4pO1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdmFyaWFudENsYXNzID0gdXNlT25lVUlDb25maWcoXG4gICAgYGNvbXBvbmVudC5hZGFwdGl2ZURpYWxvZy52YXJpYW50LiR7dmFyaWFudH1gLFxuICAgIFwiXCJcbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBzZXRJc1Zpc2libGUodHJ1ZSk7XG4gICAgICBjb25zdCB0b2dnbGVWaXNiaWxpdHkgPSAoZTogQW5pbWF0aW9uRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGUuYW5pbWF0aW9uTmFtZSA9PT0gU3R5bGVzLmJhY2tkcm9wRGlzbWlzcykge1xuICAgICAgICAgIG9uQ2xvc2VkPy4oKTtcbiAgICAgICAgICBzZXRJc1Zpc2libGUoZmFsc2UpO1xuICAgICAgICAgIChlLnRhcmdldCEgYXMgSFRNTERpdkVsZW1lbnQpLnJlbW92ZUV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcImFuaW1hdGlvbmVuZFwiLFxuICAgICAgICAgICAgdG9nZ2xlVmlzYmlsaXR5XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIHJvb3REaXZSZWYuY3VycmVudCEuYWRkRXZlbnRMaXN0ZW5lcihcImFuaW1hdGlvbmVuZFwiLCB0b2dnbGVWaXNiaWxpdHkpO1xuICAgIH1cbiAgfSwgW29wZW5dKTtcblxuICBjb25zdCBnbG9iYWxDbGFzc05hbWUgPSB7XG4gICAgYmFja2Ryb3A6IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LmFkYXB0aXZlRGlhbG9nLmJhY2tkcm9wQ2xhc3NOYW1lXCIsIFwiXCIpLFxuICAgIGRpYWxvZzogdXNlT25lVUlDb25maWcoXCJjb21wb25lbnQuYWRhcHRpdmVEaWFsb2cuZGlhbG9nQ2xhc3NOYW1lXCIsIFwiXCIpLFxuICB9O1xuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17cm9vdERpdlJlZn1cbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLmJhY2tkcm9wfSAke29wZW4gPyBTdHlsZXMub3BlbiA6IFN0eWxlcy5jbG9zZX0gJHtleHBhbmRlZCA/IFN0eWxlcy5leHBhbmRlZCA6IFwiXCJcbiAgICAgICAgfSAke2dsb2JhbENsYXNzTmFtZS5iYWNrZHJvcH0gJHt2YXJpYW50Q2xhc3N9YH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2tPdXR9XG4gICAgICBvbkFuaW1hdGlvbkVuZD17KHsgdGFyZ2V0LCBjdXJyZW50VGFyZ2V0IH0pID0+IHtcbiAgICAgICAgaWYgKHRhcmdldCA9PT0gY3VycmVudFRhcmdldClcbiAgICAgICAgICAodGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50KS5zdHlsZS5wb2ludGVyRXZlbnRzID0gXCJpbml0aWFsXCI7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMuY29udGFpbmVyfSAke2NsYXNzTmFtZX0gJHtnbG9iYWxDbGFzc05hbWUuZGlhbG9nfWB9XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgPlxuICAgICAgICA8U2Nyb2xsQW5kRm9jdXNMb2NrIG9wZW49e29wZW59PlxuICAgICAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3NOYW1lPXtTdHlsZXMuY2xvc2VCdG59IG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICA8TXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiBzdGF0ZT1cImNsb3NlZFwiIHNpemU9ezI0fSAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IG9uQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKChwKSA9PiAhcCl9IC8+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1Njcm9sbEFuZEZvY3VzTG9jaz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBpc1Zpc2libGUgfHwgb3BlbiA/IChcbiAgICBpbmxpbmUgPyAoXG4gICAgICBjb250ZW50XG4gICAgKSA6IChcbiAgICAgIDw+e1JlYWN0RE9NLmNyZWF0ZVBvcnRhbChjb250ZW50LCBkb2N1bWVudC5ib2R5KX08Lz5cbiAgICApXG4gICkgOiBudWxsO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsU0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcscUJBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLHVCQUFBLEdBQUFGLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSyxtQkFBQSxHQUFBSCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQU0sY0FBQSxHQUFBTixPQUFBO0FBQTZELFNBQUFFLHVCQUFBSyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQVosd0JBQUFRLEdBQUEsRUFBQUksV0FBQSxTQUFBQSxXQUFBLElBQUFKLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFRLEtBQUEsR0FBQUwsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBSSxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBVCxHQUFBLFlBQUFRLEtBQUEsQ0FBQUUsR0FBQSxDQUFBVixHQUFBLFNBQUFX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
|
|
49
|
+
exports.default = AdaptiveDialog;
|
|
50
|
+
//# sourceMappingURL=AdaptiveDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "default", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _AdaptiveDialog.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _AdaptiveDialog = _interopRequireWildcard(require("./AdaptiveDialog"));
|
|
14
|
-
Object.keys(_AdaptiveDialog).forEach(function (key) {
|
|
15
|
-
if (key === "default" || key === "__esModule") return;
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
-
if (key in exports && exports[key] === _AdaptiveDialog[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _AdaptiveDialog[key];
|
|
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]; } };
|
|
22
7
|
}
|
|
23
|
-
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
var AdaptiveDialog_1 = require("./AdaptiveDialog");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_1).default; } });
|
|
23
|
+
__exportStar(require("./AdaptiveDialog"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type AdaptiveSidebarControls = {
|
|
3
|
+
dismiss: () => void;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* A component that displays a sidebar panel. On mobile devices, it shows a floating button to open and close the panel.
|
|
7
|
+
* On desktop, the panel displays directly in the page.
|
|
8
|
+
**/
|
|
9
|
+
declare const AdaptiveSidebar: React.ForwardRefExoticComponent<{
|
|
10
|
+
/** To control AdaptiveSidebar externally
|
|
11
|
+
* (created for flows that requires floating views when on mobile)
|
|
12
|
+
**/
|
|
13
|
+
open?: boolean | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* The screen width to turn into responsive mode
|
|
16
|
+
*/
|
|
17
|
+
breakInto?: number | undefined;
|
|
18
|
+
className?: string | undefined;
|
|
19
|
+
visibilityControlComponent?: ((props: {
|
|
20
|
+
open: boolean;
|
|
21
|
+
}) => React.ReactElement) | undefined;
|
|
22
|
+
} & Omit<React.HTMLProps<HTMLDivElement>, "ref"> & {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
} & React.RefAttributes<AdaptiveSidebarControls>>;
|
|
25
|
+
export default AdaptiveSidebar;
|
|
@@ -1,77 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _useBreakpoint = _interopRequireDefault(require("../../hooks/ui/useBreakpoint"));
|
|
13
|
-
var _OneUIProvider = require("../../context/OneUIProvider");
|
|
14
|
-
const _excluded = ["open", "children", "className", "breakInto", "visibilityControlComponent"];
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
-
const DefaultVisibilityControl = _ref => {
|
|
22
|
-
let {
|
|
23
|
-
open
|
|
24
|
-
} = _ref;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
|
|
26
|
-
size: 48,
|
|
27
|
-
state: open ? "closed" : "default"
|
|
28
|
-
});
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
29
12
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
const react_1 = require("react");
|
|
19
|
+
const react_dom_1 = require("react-dom");
|
|
20
|
+
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
21
|
+
const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
|
|
22
|
+
const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
|
|
23
|
+
const useBreakpoint_1 = __importDefault(require("../../hooks/ui/useBreakpoint"));
|
|
24
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
25
|
+
const DefaultVisibilityControl = ({ open }) => ((0, jsx_runtime_1.jsx)(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }));
|
|
26
|
+
function _AdaptiveSidebar(_a, ref) {
|
|
27
|
+
var { open: externalOpen, children, className = "", breakInto = 640, visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl } = _a, props = __rest(_a, ["open", "children", "className", "breakInto", "visibilityControlComponent"]);
|
|
28
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
29
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
30
|
+
const _open = externalOpen === undefined ? open : externalOpen;
|
|
31
|
+
const isMobile = (0, useBreakpoint_1.default)(breakInto);
|
|
32
|
+
const globalClassName = (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveSidebar.className");
|
|
33
|
+
const globalControlClassName = (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveSidebar.controlClassName");
|
|
34
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
35
|
+
dismiss: () => setOpen(false),
|
|
36
|
+
}), []);
|
|
37
|
+
(0, react_1.useEffect)(() => {
|
|
38
|
+
if (process.env.NODE_ENV === "test")
|
|
39
|
+
return;
|
|
40
|
+
containerRef.current.scrollTo({
|
|
41
|
+
left: 0,
|
|
42
|
+
behavior: "smooth",
|
|
43
|
+
top: 0,
|
|
44
|
+
});
|
|
45
|
+
}, [_open]);
|
|
46
|
+
const externalControl = externalOpen !== undefined;
|
|
47
|
+
const content = ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: containerRef, className: `${isMobile ? AdaptiveSidebar_module_scss_1.default.mobile : AdaptiveSidebar_module_scss_1.default.desktop} ${AdaptiveSidebar_module_scss_1.default.container} ${!externalControl &&
|
|
48
|
+
DefaultVisibilityControl === VisibilityControlComponent
|
|
49
|
+
? AdaptiveSidebar_module_scss_1.default.defaultPadding
|
|
50
|
+
: ""} ${_open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className} ${globalClassName}` }, props, { children: (0, jsx_runtime_1.jsx)(ScrollAndFocusLock_1.default, { open: _open, children: children }) })));
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile
|
|
52
|
+
? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [content, !externalControl && ((0, jsx_runtime_1.jsx)("div", { className: `${isMobile ? AdaptiveSidebar_module_scss_1.default.mobile : AdaptiveSidebar_module_scss_1.default.desktop} ${AdaptiveSidebar_module_scss_1.default.hamburger} ${globalControlClassName}`, onClick: () => setOpen((a) => !a), children: (0, jsx_runtime_1.jsx)(VisibilityControlComponent, { open: _open }) }))] }), document.body)
|
|
53
|
+
: content }));
|
|
69
54
|
}
|
|
70
|
-
|
|
71
55
|
/**
|
|
72
56
|
* A component that displays a sidebar panel. On mobile devices, it shows a floating button to open and close the panel.
|
|
73
57
|
* On desktop, the panel displays directly in the page.
|
|
74
58
|
**/
|
|
75
|
-
const AdaptiveSidebar =
|
|
76
|
-
|
|
77
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3REb20iLCJfTXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfU2Nyb2xsQW5kRm9jdXNMb2NrIiwiX0FkYXB0aXZlU2lkZWJhck1vZHVsZSIsIl91c2VCcmVha3BvaW50IiwiX09uZVVJUHJvdmlkZXIiLCJfZXhjbHVkZWQiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiX2V4dGVuZHMiLCJhc3NpZ24iLCJiaW5kIiwidGFyZ2V0IiwiaSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInNvdXJjZSIsImFwcGx5IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiZXhjbHVkZWQiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXNMb29zZSIsImdldE93blByb3BlcnR5U3ltYm9scyIsInNvdXJjZVN5bWJvbEtleXMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJzb3VyY2VLZXlzIiwia2V5cyIsIkRlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCIsIl9yZWYiLCJvcGVuIiwiY3JlYXRlRWxlbWVudCIsInNpemUiLCJzdGF0ZSIsIl9BZGFwdGl2ZVNpZGViYXIiLCJfcmVmMiIsInJlZiIsImV4dGVybmFsT3BlbiIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiYnJlYWtJbnRvIiwidmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnQiLCJWaXNpYmlsaXR5Q29udHJvbENvbXBvbmVudCIsInByb3BzIiwic2V0T3BlbiIsInVzZVN0YXRlIiwiY29udGFpbmVyUmVmIiwidXNlUmVmIiwiX29wZW4iLCJ1bmRlZmluZWQiLCJpc01vYmlsZSIsInVzZUJyZWFrcG9pbnQiLCJnbG9iYWxDbGFzc05hbWUiLCJ1c2VPbmVVSUNvbmZpZyIsImdsb2JhbENvbnRyb2xDbGFzc05hbWUiLCJ1c2VJbXBlcmF0aXZlSGFuZGxlIiwiZGlzbWlzcyIsInVzZUVmZmVjdCIsInByb2Nlc3MiLCJlbnYiLCJOT0RFX0VOViIsImN1cnJlbnQiLCJzY3JvbGxUbyIsImxlZnQiLCJiZWhhdmlvciIsInRvcCIsImV4dGVybmFsQ29udHJvbCIsImNvbnRlbnQiLCJjb25jYXQiLCJTdHlsZXMiLCJtb2JpbGUiLCJkZXNrdG9wIiwiY29udGFpbmVyIiwiZGVmYXVsdFBhZGRpbmciLCJjbG9zZWQiLCJGcmFnbWVudCIsImNyZWF0ZVBvcnRhbCIsImhhbWJ1cmdlciIsIm9uQ2xpY2siLCJhIiwiZG9jdW1lbnQiLCJib2R5IiwiQWRhcHRpdmVTaWRlYmFyIiwiZm9yd2FyZFJlZiIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FkYXB0aXZlU2lkZWJhci9BZGFwdGl2ZVNpZGViYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBGb3J3YXJkZWRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VFZmZlY3QsXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IE11dGFibGVIYW1idXJnZXJCdXR0b24gZnJvbSBcIi4uL011dGFibGVIYW1idXJnZXJCdXR0b25cIjtcbmltcG9ydCBTY3JvbGxBbmRGb2N1c0xvY2sgZnJvbSBcIi4uL3V0aWxpdGFyeS9TY3JvbGxBbmRGb2N1c0xvY2tcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vQWRhcHRpdmVTaWRlYmFyLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlQnJlYWtwb2ludCBmcm9tIFwiLi4vLi4vaG9va3MvdWkvdXNlQnJlYWtwb2ludFwiO1xuaW1wb3J0IHsgdXNlT25lVUlDb25maWcgfSBmcm9tIFwiLi4vLi4vY29udGV4dC9PbmVVSVByb3ZpZGVyXCI7XG5cbmNvbnN0IERlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCA9ICh7IG9wZW4gfTogeyBvcGVuOiBib29sZWFuIH0pID0+IChcbiAgPE11dGFibGVIYW1idXJnZXJCdXR0b24gc2l6ZT17NDh9IHN0YXRlPXtvcGVuID8gXCJjbG9zZWRcIiA6IFwiZGVmYXVsdFwifSAvPlxuKTtcblxudHlwZSBBZGFwdGl2ZVNpZGViYXJDb250cm9scyA9IHtcbiAgZGlzbWlzczogKCkgPT4gdm9pZDtcbn07XG5mdW5jdGlvbiBfQWRhcHRpdmVTaWRlYmFyKFxuICB7XG4gICAgb3BlbjogZXh0ZXJuYWxPcGVuLFxuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSA9IFwiXCIsXG4gICAgYnJlYWtJbnRvID0gNjQwLFxuICAgIHZpc2liaWxpdHlDb250cm9sQ29tcG9uZW50OlxuICAgICAgVmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnQgPSBEZWZhdWx0VmlzaWJpbGl0eUNvbnRyb2wsXG4gICAgLi4ucHJvcHNcbiAgfTogUHJvcHNXaXRoQ2hpbGRyZW48XG4gICAge1xuICAgICAgLyoqIFRvIGNvbnRyb2wgQWRhcHRpdmVTaWRlYmFyIGV4dGVybmFsbHlcbiAgICAgICAqIChjcmVhdGVkIGZvciBmbG93cyB0aGF0IHJlcXVpcmVzIGZsb2F0aW5nIHZpZXdzIHdoZW4gb24gbW9iaWxlKVxuICAgICAgICoqL1xuICAgICAgb3Blbj86IGJvb2xlYW47XG4gICAgICAvKipcbiAgICAgICAqIFRoZSBzY3JlZW4gd2lkdGggdG8gdHVybiBpbnRvIHJlc3BvbnNpdmUgbW9kZVxuICAgICAgICovXG4gICAgICBicmVha0ludG8/OiBudW1iZXI7XG4gICAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgICB2aXNpYmlsaXR5Q29udHJvbENvbXBvbmVudD86IChwcm9wczoge1xuICAgICAgICBvcGVuOiBib29sZWFuO1xuICAgICAgfSkgPT4gUmVhY3QuUmVhY3RFbGVtZW50O1xuICAgIH0gJiBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4sIFwicmVmXCI+XG4gID4sXG4gIHJlZjogRm9yd2FyZGVkUmVmPEFkYXB0aXZlU2lkZWJhckNvbnRyb2xzPlxuKSB7XG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgX29wZW4gPSBleHRlcm5hbE9wZW4gPT09IHVuZGVmaW5lZCA/IG9wZW4gOiBleHRlcm5hbE9wZW47XG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlQnJlYWtwb2ludChicmVha0ludG8pO1xuICBjb25zdCBnbG9iYWxDbGFzc05hbWUgPSB1c2VPbmVVSUNvbmZpZyhcImNvbXBvbmVudC5hZGFwdGl2ZVNpZGViYXIuY2xhc3NOYW1lXCIpO1xuICBjb25zdCBnbG9iYWxDb250cm9sQ2xhc3NOYW1lID0gdXNlT25lVUlDb25maWcoXG4gICAgXCJjb21wb25lbnQuYWRhcHRpdmVTaWRlYmFyLmNvbnRyb2xDbGFzc05hbWVcIlxuICApO1xuXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUoXG4gICAgcmVmLFxuICAgICgpID0+ICh7XG4gICAgICBkaXNtaXNzOiAoKSA9PiBzZXRPcGVuKGZhbHNlKSxcbiAgICB9KSxcbiAgICBbXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSBcInRlc3RcIikgcmV0dXJuO1xuICAgIGNvbnRhaW5lclJlZi5jdXJyZW50IS5zY3JvbGxUbyh7XG4gICAgICBsZWZ0OiAwLFxuICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB0b3A6IDAsXG4gICAgfSk7XG4gIH0sIFtfb3Blbl0pO1xuICBjb25zdCBleHRlcm5hbENvbnRyb2wgPSBleHRlcm5hbE9wZW4gIT09IHVuZGVmaW5lZDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgY2xhc3NOYW1lPXtgJHtpc01vYmlsZSA/IFN0eWxlcy5tb2JpbGUgOiBTdHlsZXMuZGVza3RvcH0gJHtcbiAgICAgICAgU3R5bGVzLmNvbnRhaW5lclxuICAgICAgfSAke1xuICAgICAgICAhZXh0ZXJuYWxDb250cm9sICYmXG4gICAgICAgIERlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCA9PT0gVmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnRcbiAgICAgICAgICA/IFN0eWxlcy5kZWZhdWx0UGFkZGluZ1xuICAgICAgICAgIDogXCJcIlxuICAgICAgfSAke19vcGVuID8gU3R5bGVzLm9wZW4gOiBTdHlsZXMuY2xvc2VkfSAke2NsYXNzTmFtZX0gJHtnbG9iYWxDbGFzc05hbWV9YH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICA8U2Nyb2xsQW5kRm9jdXNMb2NrIG9wZW49e19vcGVufT57Y2hpbGRyZW59PC9TY3JvbGxBbmRGb2N1c0xvY2s+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2lzTW9iaWxlXG4gICAgICAgID8gY3JlYXRlUG9ydGFsKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgICAgIHshZXh0ZXJuYWxDb250cm9sICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2lzTW9iaWxlID8gU3R5bGVzLm1vYmlsZSA6IFN0eWxlcy5kZXNrdG9wfSAke1xuICAgICAgICAgICAgICAgICAgICBTdHlsZXMuaGFtYnVyZ2VyXG4gICAgICAgICAgICAgICAgICB9ICR7Z2xvYmFsQ29udHJvbENsYXNzTmFtZX1gfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0T3BlbigoYSkgPT4gIWEpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5Q29udHJvbENvbXBvbmVudCBvcGVuPXtfb3Blbn0gLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPixcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHlcbiAgICAgICAgICApXG4gICAgICAgIDogY29udGVudH1cbiAgICA8Lz5cbiAgKTtcbn1cblxuLyoqXG4gKiBBIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGEgc2lkZWJhciBwYW5lbC4gT24gbW9iaWxlIGRldmljZXMsIGl0IHNob3dzIGEgZmxvYXRpbmcgYnV0dG9uIHRvIG9wZW4gYW5kIGNsb3NlIHRoZSBwYW5lbC5cbiAqIE9uIGRlc2t0b3AsIHRoZSBwYW5lbCBkaXNwbGF5cyBkaXJlY3RseSBpbiB0aGUgcGFnZS5cbiAqKi9cbmNvbnN0IEFkYXB0aXZlU2lkZWJhciA9IGZvcndhcmRSZWYoX0FkYXB0aXZlU2lkZWJhcik7XG5leHBvcnQgZGVmYXVsdCBBZGFwdGl2ZVNpZGViYXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQVNBLElBQUFDLFNBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLHVCQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxtQkFBQSxHQUFBRCxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUssc0JBQUEsR0FB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
|
|
59
|
+
const AdaptiveSidebar = (0, react_1.forwardRef)(_AdaptiveSidebar);
|
|
60
|
+
exports.default = AdaptiveSidebar;
|
|
61
|
+
//# sourceMappingURL=AdaptiveSidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdaptiveSidebar.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function AdaptiveSidebarSample(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _AdaptiveSidebar = _interopRequireDefault(require("./AdaptiveSidebar"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
|
|
10
8
|
function AdaptiveSidebarSample() {
|
|
11
|
-
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(AdaptiveSidebar_1.default, { children: "Experiment with different resolutions to see how this container behaves" }));
|
|
12
10
|
}
|
|
13
|
-
|
|
11
|
+
exports.default = AdaptiveSidebarSample;
|
|
12
|
+
//# sourceMappingURL=AdaptiveSidebar.sample.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdaptiveSidebar.sample.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.sample.tsx"],"names":[],"mappings":";;;;;;AACA,wEAAgD;AAEhD,SAAwB,qBAAqB;IAC3C,OAAO,CACL,uBAAC,yBAAe,0FAEE,CACnB,CAAC;AACJ,CAAC;AAND,wCAMC"}
|
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "default", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _AdaptiveSidebar.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _AdaptiveSidebar = _interopRequireWildcard(require("./AdaptiveSidebar"));
|
|
14
|
-
Object.keys(_AdaptiveSidebar).forEach(function (key) {
|
|
15
|
-
if (key === "default" || key === "__esModule") return;
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
-
if (key in exports && exports[key] === _AdaptiveSidebar[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _AdaptiveSidebar[key];
|
|
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]; } };
|
|
22
7
|
}
|
|
23
|
-
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
var AdaptiveSidebar_1 = require("./AdaptiveSidebar");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_1).default; } });
|
|
23
|
+
__exportStar(require("./AdaptiveSidebar"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAAnC,2HAAA,OAAO,OAAA;AAChB,oDAAkC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React, { JSX, RefObject } from "react";
|
|
2
|
+
type Props = {
|
|
3
|
+
children: JSX.Element;
|
|
4
|
+
anchorRef: RefObject<HTMLElement | null>;
|
|
5
|
+
open: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Indicates the tooltip should be always visible on viewport
|
|
9
|
+
*
|
|
10
|
+
* @default true
|
|
11
|
+
*/
|
|
12
|
+
containInViewport?: boolean;
|
|
13
|
+
style?: any;
|
|
14
|
+
alignment?: AnchoredTooltipAlignment;
|
|
15
|
+
};
|
|
16
|
+
export declare enum AnchoredTooltipAlignment {
|
|
17
|
+
LEFT = 0,
|
|
18
|
+
CENTER = 1,
|
|
19
|
+
RIGHT = 2
|
|
20
|
+
}
|
|
21
|
+
export declare enum AnchoredTooltipAnchor {
|
|
22
|
+
TOP = 0,
|
|
23
|
+
BOTTOM = 1
|
|
24
|
+
}
|
|
25
|
+
export declare function updateTooltipPosition(tooltipRef: HTMLDivElement, anchorRef: HTMLElement, limitToViewport?: boolean, alignment?: AnchoredTooltipAlignment, anchorTo?: AnchoredTooltipAnchor): {
|
|
26
|
+
shouldAnchorToBottom: boolean;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* This tooltip anchors itself to an element and handles positioning relative to the anchored element
|
|
30
|
+
*
|
|
31
|
+
* A simple popup that appears near another element, automatically positioning itself to stay visible
|
|
32
|
+
* on the screen and adjusting its location if the page is scrolled or resized.
|
|
33
|
+
*/
|
|
34
|
+
declare const AnchoredTooltip: React.ForwardRefExoticComponent<Props & React.RefAttributes<{
|
|
35
|
+
updatePosition: () => void;
|
|
36
|
+
} | null>>;
|
|
37
|
+
export default AnchoredTooltip;
|