@onepercentio/one-ui 1.3.4 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +9 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +24 -26
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -0
- package/dist/components/AdaptiveButton/index.d.ts +2 -0
- package/dist/components/AdaptiveButton/index.js +22 -25
- package/dist/components/AdaptiveButton/index.js.map +1 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +25 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +139 -140
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -0
- package/dist/components/AdaptiveContainer/index.d.ts +2 -0
- package/dist/components/AdaptiveContainer/index.js +22 -25
- package/dist/components/AdaptiveContainer/index.js.map +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +20 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +42 -73
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
- package/dist/components/AdaptiveDialog/index.d.ts +2 -0
- package/dist/components/AdaptiveDialog/index.js +22 -25
- package/dist/components/AdaptiveDialog/index.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +25 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +54 -70
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.d.ts +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +9 -10
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js.map +1 -0
- package/dist/components/AdaptiveSidebar/index.d.ts +2 -0
- package/dist/components/AdaptiveSidebar/index.js +22 -25
- package/dist/components/AdaptiveSidebar/index.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +37 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +154 -155
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
- package/dist/components/AnchoredTooltip/index.d.ts +2 -0
- package/dist/components/AnchoredTooltip/index.js +22 -25
- package/dist/components/AnchoredTooltip/index.js.map +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +19 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +121 -154
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
- package/dist/components/AnimatedEntrance/index.d.ts +2 -0
- package/dist/components/AnimatedEntrance/index.js +22 -25
- package/dist/components/AnimatedEntrance/index.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.d.ts +29 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +40 -80
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js.map +1 -0
- package/dist/components/AsyncTriggerContainer/index.d.ts +2 -0
- package/dist/components/AsyncTriggerContainer/index.js +22 -25
- package/dist/components/AsyncTriggerContainer/index.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +14 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +16 -34
- package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
- package/dist/components/AsyncWrapper/index.d.ts +2 -0
- package/dist/components/AsyncWrapper/index.js +22 -25
- package/dist/components/AsyncWrapper/index.js.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +10 -0
- package/dist/components/Avatar/Avatar.js +18 -33
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.js +22 -25
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/BucketFill/BucketFill.d.ts +11 -0
- package/dist/components/BucketFill/BucketFill.js +36 -49
- package/dist/components/BucketFill/BucketFill.js.map +1 -0
- package/dist/components/BucketFill/index.d.ts +2 -0
- package/dist/components/BucketFill/index.js +22 -25
- package/dist/components/BucketFill/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +16 -0
- package/dist/components/Button/Button.js +22 -30
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +22 -25
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.js +10 -17
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.js +22 -25
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Chart/Chart.d.ts +2 -0
- package/dist/components/Chart/Chart.e2e.d.ts +4 -0
- package/dist/components/Chart/Chart.e2e.js +9 -0
- package/dist/components/Chart/Chart.e2e.js.map +1 -0
- package/dist/components/Chart/Chart.js +22 -25
- package/dist/components/Chart/Chart.js.map +1 -0
- package/dist/components/Chart/Chart.logic.d.ts +3 -0
- package/dist/components/Chart/Chart.logic.js +9 -10
- package/dist/components/Chart/Chart.logic.js.map +1 -0
- package/dist/components/Chart/Chart.types.d.ts +24 -0
- package/dist/components/Chart/Chart.types.js +2 -5
- package/dist/components/Chart/Chart.types.js.map +1 -0
- package/dist/components/Chart/Chart.view.d.ts +5 -0
- package/dist/components/Chart/Chart.view.js +98 -174
- package/dist/components/Chart/Chart.view.js.map +1 -0
- package/dist/components/Chart/index.d.ts +2 -0
- package/dist/components/Chart/index.js +22 -25
- package/dist/components/Chart/index.js.map +1 -0
- package/dist/components/CheckBox/CheckBox.d.ts +18 -0
- package/dist/components/CheckBox/CheckBox.js +31 -45
- package/dist/components/CheckBox/CheckBox.js.map +1 -0
- package/dist/components/CheckBox/index.d.ts +2 -0
- package/dist/components/CheckBox/index.js +22 -25
- package/dist/components/CheckBox/index.js.map +1 -0
- package/dist/components/CodeInput/CodeInput.d.ts +8 -0
- package/dist/components/CodeInput/CodeInput.js +93 -75
- package/dist/components/CodeInput/CodeInput.js.map +1 -0
- package/dist/components/CodeInput/index.d.ts +2 -0
- package/dist/components/CodeInput/index.js +22 -25
- package/dist/components/CodeInput/index.js.map +1 -0
- package/dist/components/Collapsable/Collapsable.d.ts +54 -0
- package/dist/components/Collapsable/Collapsable.js +134 -164
- package/dist/components/Collapsable/Collapsable.js.map +1 -0
- package/dist/components/Collapsable/index.d.ts +2 -0
- package/dist/components/Collapsable/index.js +22 -25
- package/dist/components/Collapsable/index.js.map +1 -0
- package/dist/components/Countdown/Countdown.d.ts +28 -0
- package/dist/components/Countdown/Countdown.js +86 -69
- package/dist/components/Countdown/Countdown.js.map +1 -0
- package/dist/components/Countdown/index.d.ts +2 -0
- package/dist/components/Countdown/index.js +22 -25
- package/dist/components/Countdown/index.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.d.ts +11 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.d.ts +7 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +25 -25
- package/dist/components/CurrencyInput/CurrencyInput.hook.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +29 -48
- package/dist/components/CurrencyInput/CurrencyInput.js.map +1 -0
- package/dist/components/CurrencyInput/index.d.ts +2 -0
- package/dist/components/CurrencyInput/index.js +22 -25
- package/dist/components/CurrencyInput/index.js.map +1 -0
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/Divider/Divider.js +10 -16
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/index.js +22 -25
- package/dist/components/Divider/index.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.d.ts +33 -0
- package/dist/components/EmailInput/EmailInput.js +23 -37
- package/dist/components/EmailInput/EmailInput.js.map +1 -0
- package/dist/components/EmailInput/index.d.ts +2 -0
- package/dist/components/EmailInput/index.js +22 -25
- package/dist/components/EmailInput/index.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.d.ts +16 -0
- package/dist/components/FadeIn/FadeIn.js +51 -57
- package/dist/components/FadeIn/FadeIn.js.map +1 -0
- package/dist/components/FadeIn/index.d.ts +2 -0
- package/dist/components/FadeIn/index.js +22 -25
- package/dist/components/FadeIn/index.js.map +1 -0
- package/dist/components/FileInput/FileInput.d.ts +34 -0
- package/dist/components/FileInput/FileInput.js +38 -45
- package/dist/components/FileInput/FileInput.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +16 -48
- package/dist/components/FileInput/View/BigFactory/BigFactory.js.map +1 -0
- package/dist/components/FileInput/View/BigFactory/index.d.ts +2 -0
- package/dist/components/FileInput/View/BigFactory/index.js +22 -25
- package/dist/components/FileInput/View/BigFactory/index.js.map +1 -0
- package/dist/components/FileInput/View/Compact/Compact.d.ts +11 -0
- package/dist/components/FileInput/View/Compact/Compact.js +46 -114
- package/dist/components/FileInput/View/Compact/Compact.js.map +1 -0
- package/dist/components/FileInput/View/Compact/index.d.ts +2 -0
- package/dist/components/FileInput/View/Compact/index.js +22 -25
- package/dist/components/FileInput/View/Compact/index.js.map +1 -0
- package/dist/components/FileInput/View/View.types.d.ts +8 -0
- package/dist/components/FileInput/View/View.types.js +2 -5
- package/dist/components/FileInput/View/View.types.js.map +1 -0
- package/dist/components/FileInput/index.d.ts +2 -0
- package/dist/components/FileInput/index.js +22 -25
- package/dist/components/FileInput/index.js.map +1 -0
- package/dist/components/FlowController/FlowController.d.ts +27 -0
- package/dist/components/FlowController/FlowController.js +25 -56
- package/dist/components/FlowController/FlowController.js.map +1 -0
- package/dist/components/FlowController/index.d.ts +2 -0
- package/dist/components/FlowController/index.js +22 -25
- package/dist/components/FlowController/index.js.map +1 -0
- package/dist/components/Form/Form.d.ts +30 -0
- package/dist/components/Form/Form.hook.d.ts +40 -0
- package/dist/components/Form/Form.hook.js +202 -217
- package/dist/components/Form/Form.hook.js.map +1 -0
- package/dist/components/Form/Form.js +65 -103
- package/dist/components/Form/Form.js.map +1 -0
- package/dist/components/Form/Form.types.d.ts +98 -0
- package/dist/components/Form/Form.types.js +53 -39
- package/dist/components/Form/Form.types.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.d.ts +13 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +53 -64
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/DateField/index.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.d.ts +9 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +78 -81
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.d.ts +2 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +22 -25
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js.map +1 -0
- package/dist/components/Form/FormField/FormField.d.ts +5 -0
- package/dist/components/Form/FormField/FormField.js +148 -287
- package/dist/components/Form/FormField/FormField.js.map +1 -0
- package/dist/components/Form/FormField/FormField.types.d.ts +103 -0
- package/dist/components/Form/FormField/FormField.types.js +7 -10
- package/dist/components/Form/FormField/FormField.types.js.map +1 -0
- package/dist/components/Form/FormField/index.d.ts +2 -0
- package/dist/components/Form/FormField/index.js +22 -25
- package/dist/components/Form/FormField/index.js.map +1 -0
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Form/index.js +22 -25
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/Freeze/Freeze.d.ts +5 -0
- package/dist/components/Freeze/Freeze.js +9 -13
- package/dist/components/Freeze/Freeze.js.map +1 -0
- package/dist/components/Freeze/index.d.ts +2 -0
- package/dist/components/Freeze/index.js +22 -25
- package/dist/components/Freeze/index.js.map +1 -0
- package/dist/components/HSForms/HSForms.d.ts +12 -0
- package/dist/components/HSForms/HSForms.js +69 -48
- package/dist/components/HSForms/HSForms.js.map +1 -0
- package/dist/components/HSForms/index.d.ts +2 -0
- package/dist/components/HSForms/index.js +22 -25
- package/dist/components/HSForms/index.js.map +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +9 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +10 -19
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
- package/dist/components/HeaderCloseBtn/index.d.ts +2 -0
- package/dist/components/HeaderCloseBtn/index.js +22 -25
- package/dist/components/HeaderCloseBtn/index.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +22 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +94 -114
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
- package/dist/components/InfinityScroll/index.d.ts +2 -0
- package/dist/components/InfinityScroll/index.js +22 -25
- package/dist/components/InfinityScroll/index.js.map +1 -0
- package/dist/components/Input/Input.d.ts +43 -0
- package/dist/components/Input/Input.js +57 -99
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +22 -25
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/InstantCounter/InstantCounter.d.ts +16 -0
- package/dist/components/InstantCounter/InstantCounter.js +31 -49
- package/dist/components/InstantCounter/InstantCounter.js.map +1 -0
- package/dist/components/InstantCounter/index.d.ts +2 -0
- package/dist/components/InstantCounter/index.js +22 -25
- package/dist/components/InstantCounter/index.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.d.ts +12 -0
- package/dist/components/LavaLamp/LavaLamp.data.d.ts +16 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +86 -83
- package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -0
- package/dist/components/LavaLamp/LavaLamp.js +32 -119
- package/dist/components/LavaLamp/LavaLamp.js.map +1 -0
- package/dist/components/LavaLamp/index.d.ts +2 -0
- package/dist/components/LavaLamp/index.js +22 -25
- package/dist/components/LavaLamp/index.js.map +1 -0
- package/dist/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +156 -149
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -0
- package/dist/components/LinkToId/LinkToId.d.ts +11 -0
- package/dist/components/LinkToId/LinkToId.js +27 -39
- package/dist/components/LinkToId/LinkToId.js.map +1 -0
- package/dist/components/LinkToId/index.d.ts +2 -0
- package/dist/components/LinkToId/index.js +22 -25
- package/dist/components/LinkToId/index.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +8 -0
- package/dist/components/Loader/Loader.js +22 -21
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/Loader/index.d.ts +2 -0
- package/dist/components/Loader/index.js +22 -25
- package/dist/components/Loader/index.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +12 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +15 -27
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/index.d.ts +2 -0
- package/dist/components/LoaderDotsIndicator/index.js +22 -25
- package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
- package/dist/components/LoopableVideo/LoopableVideo.d.ts +12 -0
- package/dist/components/LoopableVideo/LoopableVideo.js +25 -33
- package/dist/components/LoopableVideo/LoopableVideo.js.map +1 -0
- package/dist/components/LoopableVideo/index.d.ts +2 -0
- package/dist/components/LoopableVideo/index.js +22 -25
- package/dist/components/LoopableVideo/index.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.d.ts +17 -0
- package/dist/components/MainGrid/MainGrid.js +23 -46
- package/dist/components/MainGrid/MainGrid.js.map +1 -0
- package/dist/components/MainGrid/index.d.ts +2 -0
- package/dist/components/MainGrid/index.js +22 -25
- package/dist/components/MainGrid/index.js.map +1 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +23 -27
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
- package/dist/components/MutableHamburgerButton/index.d.ts +2 -0
- package/dist/components/MutableHamburgerButton/index.js +22 -25
- package/dist/components/MutableHamburgerButton/index.js.map +1 -0
- package/dist/components/Notification/Notification.d.ts +8 -0
- package/dist/components/Notification/Notification.js +11 -18
- package/dist/components/Notification/Notification.js.map +1 -0
- package/dist/components/Notification/index.d.ts +2 -0
- package/dist/components/Notification/index.js +22 -25
- package/dist/components/Notification/index.js.map +1 -0
- package/dist/components/NumberInput/NumberInput.d.ts +11 -0
- package/dist/components/NumberInput/NumberInput.js +42 -43
- package/dist/components/NumberInput/NumberInput.js.map +1 -0
- package/dist/components/NumberInput/index.d.ts +2 -0
- package/dist/components/NumberInput/index.js +22 -25
- package/dist/components/NumberInput/index.js.map +1 -0
- package/dist/components/OrderableList/OrderableList.d.ts +40 -0
- package/dist/components/OrderableList/OrderableList.js +404 -416
- package/dist/components/OrderableList/OrderableList.js.map +1 -0
- package/dist/components/OrderableList/index.d.ts +2 -0
- package/dist/components/OrderableList/index.js +22 -25
- package/dist/components/OrderableList/index.js.map +1 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +45 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +198 -243
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
- package/dist/components/PaginationIndicator/index.d.ts +2 -0
- package/dist/components/PaginationIndicator/index.js +22 -25
- package/dist/components/PaginationIndicator/index.js.map +1 -0
- package/dist/components/Parallax/Parallax.d.ts +20 -0
- package/dist/components/Parallax/Parallax.js +130 -156
- package/dist/components/Parallax/Parallax.js.map +1 -0
- package/dist/components/Parallax/index.d.ts +2 -0
- package/dist/components/Parallax/index.js +22 -25
- package/dist/components/Parallax/index.js.map +1 -0
- package/dist/components/Parallax/math/helpers.d.ts +58 -0
- package/dist/components/Parallax/math/helpers.js +216 -120
- package/dist/components/Parallax/math/helpers.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +48 -0
- package/dist/components/PasswordInput/PasswordInput.js +71 -88
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/PasswordInput/index.js +22 -25
- package/dist/components/PasswordInput/index.js.map +1 -0
- package/dist/components/PingPongText/PingPongText.d.ts +10 -0
- package/dist/components/PingPongText/PingPongText.js +67 -63
- package/dist/components/PingPongText/PingPongText.js.map +1 -0
- package/dist/components/PingPongText/index.d.ts +2 -0
- package/dist/components/PingPongText/index.js +22 -25
- package/dist/components/PingPongText/index.js.map +1 -0
- package/dist/components/PixelatedScan/PixelatedScan.d.ts +13 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +74 -126
- package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
- package/dist/components/PixelatedScan/index.d.ts +2 -0
- package/dist/components/PixelatedScan/index.js +22 -25
- package/dist/components/PixelatedScan/index.js.map +1 -0
- package/dist/components/Portal/Portal.d.ts +20 -0
- package/dist/components/Portal/Portal.js +43 -46
- package/dist/components/Portal/Portal.js.map +1 -0
- package/dist/components/Portal/index.d.ts +2 -0
- package/dist/components/Portal/index.js +22 -25
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +32 -0
- package/dist/components/ProgressBar/ProgressBar.js +47 -105
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/components/ProgressBar/index.d.ts +2 -0
- package/dist/components/ProgressBar/index.js +22 -25
- package/dist/components/ProgressBar/index.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +29 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +29 -43
- package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
- package/dist/components/ProgressTexts/index.d.ts +2 -0
- package/dist/components/ProgressTexts/index.js +22 -25
- package/dist/components/ProgressTexts/index.js.map +1 -0
- package/dist/components/Radio/Radio.d.ts +15 -0
- package/dist/components/Radio/Radio.js +28 -51
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/index.js +22 -25
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.d.ts +7 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +12 -18
- package/dist/components/Radio/variants/Checkmark/Checkmark.js.map +1 -0
- package/dist/components/Radio/variants/Checkmark/index.d.ts +2 -0
- package/dist/components/Radio/variants/Checkmark/index.js +22 -25
- package/dist/components/Radio/variants/Checkmark/index.js.map +1 -0
- package/dist/components/Radio/variants/Generic/Generic.d.ts +7 -0
- package/dist/components/Radio/variants/Generic/Generic.js +12 -20
- package/dist/components/Radio/variants/Generic/Generic.js.map +1 -0
- package/dist/components/Radio/variants/Generic/index.d.ts +2 -0
- package/dist/components/Radio/variants/Generic/index.js +22 -25
- package/dist/components/Radio/variants/Generic/index.js.map +1 -0
- package/dist/components/SectionContainer/SectionContainer.d.ts +19 -0
- package/dist/components/SectionContainer/SectionContainer.js +16 -38
- package/dist/components/SectionContainer/SectionContainer.js.map +1 -0
- package/dist/components/SectionContainer/index.d.ts +2 -0
- package/dist/components/SectionContainer/index.js +22 -25
- package/dist/components/SectionContainer/index.js.map +1 -0
- package/dist/components/Select/Select.d.ts +42 -0
- package/dist/components/Select/Select.js +95 -128
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.js +22 -25
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/Skeleton/Skeleton.js +14 -22
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Skeleton/index.js +22 -25
- package/dist/components/Skeleton/index.js.map +1 -0
- package/dist/components/Slider/Slider.d.ts +11 -0
- package/dist/components/Slider/Slider.e2e.d.ts +4 -0
- package/dist/components/Slider/Slider.e2e.js +6 -0
- package/dist/components/Slider/Slider.e2e.js.map +1 -0
- package/dist/components/Slider/Slider.js +59 -63
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.js +22 -25
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Spacing/Spacing.d.ts +11 -0
- package/dist/components/Spacing/Spacing.js +17 -25
- package/dist/components/Spacing/Spacing.js.map +1 -0
- package/dist/components/Spacing/index.d.ts +2 -0
- package/dist/components/Spacing/index.js +22 -25
- package/dist/components/Spacing/index.js.map +1 -0
- package/dist/components/StaticScroller/StaticScroller.d.ts +7 -0
- package/dist/components/StaticScroller/StaticScroller.js +61 -65
- package/dist/components/StaticScroller/StaticScroller.js.map +1 -0
- package/dist/components/StaticScroller/index.d.ts +2 -0
- package/dist/components/StaticScroller/index.js +22 -25
- package/dist/components/StaticScroller/index.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +12 -0
- package/dist/components/Switch/Switch.js +26 -40
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.js +22 -25
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Table/Table.d.ts +23 -0
- package/dist/components/Table/Table.js +56 -107
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +22 -25
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +28 -0
- package/dist/components/Tabs/Tabs.js +54 -59
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.js +22 -25
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +22 -0
- package/dist/components/Text/Text.js +30 -35
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +22 -25
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +12 -46
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +49 -71
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +79 -89
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +41 -60
- package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
- package/dist/components/Transition/MasksFactory/utils.d.ts +8 -0
- package/dist/components/Transition/MasksFactory/utils.js +27 -25
- package/dist/components/Transition/MasksFactory/utils.js.map +1 -0
- package/dist/components/Transition/Transition.d.ts +114 -0
- package/dist/components/Transition/Transition.js +319 -298
- package/dist/components/Transition/Transition.js.map +1 -0
- package/dist/components/Transition/index.d.ts +2 -0
- package/dist/components/Transition/index.js +22 -25
- package/dist/components/Transition/index.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +17 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +93 -101
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +19 -27
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js.map +1 -0
- package/dist/components/UncontrolledTransition/index.d.ts +2 -0
- package/dist/components/UncontrolledTransition/index.js +22 -25
- package/dist/components/UncontrolledTransition/index.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +55 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +94 -101
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/index.d.ts +2 -0
- package/dist/components/WalletConnectionWrapper/index.js +22 -25
- package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +43 -53
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +2 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +22 -25
- package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
- package/dist/context/AsyncProcess.d.ts +23 -0
- package/dist/context/AsyncProcess.js +41 -68
- package/dist/context/AsyncProcess.js.map +1 -0
- package/dist/context/ContextAsyncControl.d.ts +39 -0
- package/dist/context/ContextAsyncControl.js +51 -72
- package/dist/context/ContextAsyncControl.js.map +1 -0
- package/dist/context/CustomBrowserRouter.d.ts +19 -0
- package/dist/context/CustomBrowserRouter.js +30 -44
- package/dist/context/CustomBrowserRouter.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +209 -0
- package/dist/context/OneUIProvider.js +108 -102
- package/dist/context/OneUIProvider.js.map +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.d.ts +1 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +16 -17
- package/dist/hooks/logs/useDependencyChangeDetection.js.map +1 -0
- package/dist/hooks/logs/useIsMounting.d.ts +1 -0
- package/dist/hooks/logs/useIsMounting.js +7 -10
- package/dist/hooks/logs/useIsMounting.js.map +1 -0
- package/dist/hooks/persistence/useLocalStorage.d.ts +2 -0
- package/dist/hooks/persistence/useLocalStorage.js +40 -41
- package/dist/hooks/persistence/useLocalStorage.js.map +1 -0
- package/dist/hooks/shims/ObjectWatchShim.d.ts +1 -0
- package/dist/hooks/shims/ObjectWatchShim.js +46 -47
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -0
- package/dist/hooks/ui/useAdaptiveImage.d.ts +7 -0
- package/dist/hooks/ui/useAdaptiveImage.js +34 -29
- package/dist/hooks/ui/useAdaptiveImage.js.map +1 -0
- package/dist/hooks/ui/useAlternating.d.ts +4 -0
- package/dist/hooks/ui/useAlternating.js +18 -18
- package/dist/hooks/ui/useAlternating.js.map +1 -0
- package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
- package/dist/hooks/ui/useBreakpoint.js +18 -19
- package/dist/hooks/ui/useBreakpoint.js.map +1 -0
- package/dist/hooks/ui/useCustomScrollbar.d.ts +8 -0
- package/dist/hooks/ui/useCustomScrollbar.js +21 -26
- package/dist/hooks/ui/useCustomScrollbar.js.map +1 -0
- package/dist/hooks/ui/useEffectIf.d.ts +2 -0
- package/dist/hooks/ui/useEffectIf.js +9 -11
- package/dist/hooks/ui/useEffectIf.js.map +1 -0
- package/dist/hooks/ui/useMouseHover.d.ts +11 -0
- package/dist/hooks/ui/useMouseHover.js +19 -25
- package/dist/hooks/ui/useMouseHover.js.map +1 -0
- package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
- package/dist/hooks/ui/usePaginationControls.js +136 -129
- package/dist/hooks/ui/usePaginationControls.js.map +1 -0
- package/dist/hooks/ui/useSnapToViewport.d.ts +5 -0
- package/dist/hooks/ui/useSnapToViewport.js +19 -20
- package/dist/hooks/ui/useSnapToViewport.js.map +1 -0
- package/dist/hooks/ui/useTilt.d.ts +46 -0
- package/dist/hooks/ui/useTilt.js +129 -145
- package/dist/hooks/ui/useTilt.js.map +1 -0
- package/dist/hooks/ui/useZoomable.d.ts +6 -0
- package/dist/hooks/ui/useZoomable.js +116 -123
- package/dist/hooks/ui/useZoomable.js.map +1 -0
- package/dist/hooks/useAsyncControl.d.ts +32 -0
- package/dist/hooks/useAsyncControl.js +52 -67
- package/dist/hooks/useAsyncControl.js.map +1 -0
- package/dist/hooks/useContainedRepositioning.d.ts +15 -0
- package/dist/hooks/useContainedRepositioning.js +71 -75
- package/dist/hooks/useContainedRepositioning.js.map +1 -0
- package/dist/hooks/useCustomHistory.d.ts +14 -0
- package/dist/hooks/useCustomHistory.js +12 -21
- package/dist/hooks/useCustomHistory.js.map +1 -0
- package/dist/hooks/useElementFit.d.ts +18 -0
- package/dist/hooks/useElementFit.js +48 -43
- package/dist/hooks/useElementFit.js.map +1 -0
- package/dist/hooks/useFirestoreWatch.d.ts +12 -0
- package/dist/hooks/useFirestoreWatch.js +41 -41
- package/dist/hooks/useFirestoreWatch.js.map +1 -0
- package/dist/hooks/useFreeze.d.ts +5 -0
- package/dist/hooks/useFreeze.js +8 -10
- package/dist/hooks/useFreeze.js.map +1 -0
- package/dist/hooks/useHero.d.ts +68 -0
- package/dist/hooks/useHero.js +271 -249
- package/dist/hooks/useHero.js.map +1 -0
- package/dist/hooks/useIntersection.d.ts +8 -0
- package/dist/hooks/useIntersection.js +27 -32
- package/dist/hooks/useIntersection.js.map +1 -0
- package/dist/hooks/useMergeRefs.d.ts +9 -0
- package/dist/hooks/useMergeRefs.js +24 -27
- package/dist/hooks/useMergeRefs.js.map +1 -0
- package/dist/hooks/useObserve.d.ts +6 -0
- package/dist/hooks/useObserve.js +14 -17
- package/dist/hooks/useObserve.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +57 -0
- package/dist/hooks/usePagination.js +164 -147
- package/dist/hooks/usePagination.js.map +1 -0
- package/dist/hooks/usePooledOperation.d.ts +19 -0
- package/dist/hooks/usePooledOperation.js +57 -41
- package/dist/hooks/usePooledOperation.js.map +1 -0
- package/dist/hooks/usePooling.d.ts +22 -0
- package/dist/hooks/usePooling.js +49 -46
- package/dist/hooks/usePooling.js.map +1 -0
- package/dist/hooks/useRebound.d.ts +13 -0
- package/dist/hooks/useRebound.js +19 -23
- package/dist/hooks/useRebound.js.map +1 -0
- package/dist/hooks/useShortIntl.d.ts +21 -0
- package/dist/hooks/useShortIntl.js +50 -72
- package/dist/hooks/useShortIntl.js.map +1 -0
- package/dist/hooks/utility/useAsyncMemo.d.ts +13 -0
- package/dist/hooks/utility/useAsyncMemo.js +42 -36
- package/dist/hooks/utility/useAsyncMemo.js.map +1 -0
- package/dist/hooks/utility/useDepChange.d.ts +1 -0
- package/dist/hooks/utility/useDepChange.js +12 -14
- package/dist/hooks/utility/useDepChange.js.map +1 -0
- package/dist/hooks/utility/useEvents.d.ts +9 -0
- package/dist/hooks/utility/useEvents.js +21 -26
- package/dist/hooks/utility/useEvents.js.map +1 -0
- package/dist/hooks/utility/useImmediate.d.ts +4 -0
- package/dist/hooks/utility/useImmediate.js +5 -8
- package/dist/hooks/utility/useImmediate.js.map +1 -0
- package/dist/hooks/utility/useManualInit.d.ts +4 -0
- package/dist/hooks/utility/useManualInit.js +17 -19
- package/dist/hooks/utility/useManualInit.js.map +1 -0
- package/dist/hooks/utility/useModule.d.ts +4 -0
- package/dist/hooks/utility/useModule.js +9 -12
- package/dist/hooks/utility/useModule.js.map +1 -0
- package/dist/hooks/utility/useQuery.d.ts +7 -0
- package/dist/hooks/utility/useQuery.js +7 -13
- package/dist/hooks/utility/useQuery.js.map +1 -0
- package/dist/hooks/utility/useUniqueEffect.d.ts +1 -0
- package/dist/hooks/utility/useUniqueEffect.js +17 -17
- package/dist/hooks/utility/useUniqueEffect.js.map +1 -0
- package/dist/index.d.ts +223 -0
- package/dist/index.js +349 -2147
- package/dist/index.js.map +1 -0
- package/dist/index.preprocess.d.ts +1 -0
- package/dist/index.preprocess.js +72 -35
- package/dist/index.preprocess.js.map +1 -0
- package/dist/models/DebugLogger.d.ts +4 -0
- package/dist/models/DebugLogger.js +5 -8
- package/dist/models/DebugLogger.js.map +1 -0
- package/dist/models/GenericContract.d.ts +100 -0
- package/dist/models/GenericContract.js +13 -42
- package/dist/models/GenericContract.js.map +1 -0
- package/dist/models/ImageScales.d.ts +7 -0
- package/dist/models/ImageScales.js +12 -0
- package/dist/models/ImageScales.js.map +1 -0
- package/dist/models/Orbs.d.ts +44 -0
- package/dist/models/Orbs.js +47 -53
- package/dist/models/Orbs.js.map +1 -0
- package/dist/storybookUtils/index.d.ts +5 -0
- package/dist/storybookUtils/index.js +39 -40
- package/dist/storybookUtils/index.js.map +1 -0
- package/dist/type-utils.d.ts +59 -0
- package/dist/type-utils.js +2 -5
- package/dist/type-utils.js.map +1 -0
- package/dist/types.d.ts +79 -0
- package/dist/types.js +2 -5
- package/dist/types.js.map +1 -0
- package/dist/utils/blockchain.d.ts +8 -0
- package/dist/utils/blockchain.js +54 -35
- package/dist/utils/blockchain.js.map +1 -0
- package/dist/utils/e2e.d.ts +19 -0
- package/dist/utils/e2e.js +11 -21
- package/dist/utils/e2e.js.map +1 -0
- package/dist/utils/flatten.d.ts +5 -0
- package/dist/utils/flatten.js +12 -15
- package/dist/utils/flatten.js.map +1 -0
- package/dist/utils/formatters.d.ts +21 -0
- package/dist/utils/formatters.js +43 -48
- package/dist/utils/formatters.js.map +1 -0
- package/dist/utils/html.utils.d.ts +2 -0
- package/dist/utils/html.utils.js +6 -12
- package/dist/utils/html.utils.js.map +1 -0
- package/dist/utils/ownEvent.d.ts +4 -0
- package/dist/utils/ownEvent.js +7 -9
- package/dist/utils/ownEvent.js.map +1 -0
- package/dist/utils/test.d.ts +6 -0
- package/dist/utils/test.js +11 -13
- package/dist/utils/test.js.map +1 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js +3 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss +17 -3
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js +2 -2
- package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -1
- package/dist-ts/components/Form/FormField/FormField.js +5 -5
- package/dist-ts/components/Form/FormField/FormField.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +6 -0
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,67 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
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
6
|
exports.TabType = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}({});
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
|
|
10
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
11
|
+
var TabType;
|
|
12
|
+
(function (TabType) {
|
|
13
|
+
/** A div that encovers the tab */
|
|
14
|
+
TabType[TabType["FULL"] = 0] = "FULL";
|
|
15
|
+
/** An underline */
|
|
16
|
+
TabType[TabType["UNDERLINE"] = 1] = "UNDERLINE";
|
|
17
|
+
/** A class is assigned to the selected tab */
|
|
18
|
+
TabType[TabType["CLASS"] = 2] = "CLASS";
|
|
19
|
+
})(TabType || (exports.TabType = TabType = {}));
|
|
20
20
|
/**
|
|
21
21
|
* A component that displays a set of tabs for switching between different options or views.
|
|
22
22
|
* Users can click on a tab to select it, and the component highlights the active choice.
|
|
23
23
|
*/
|
|
24
24
|
function Tabs(props) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
className: "".concat(selected === o.id ? _TabsModule.default.selected : "", " ").concat(itemClassName, " ").concat(props.type === TabType.CLASS && selected === o.id ? props.selectedClass : "", " ").concat(classes.item),
|
|
61
|
-
key: o.id
|
|
62
|
-
}, o.label)), TabType.CLASS !== props.type && /*#__PURE__*/_react.default.createElement("div", {
|
|
63
|
-
ref: guideRef,
|
|
64
|
-
className: _TabsModule.default.guide
|
|
65
|
-
})));
|
|
25
|
+
const { options, selected, onSelect, itemClassName = "", className = "", type = TabType.UNDERLINE, } = props;
|
|
26
|
+
const classes = (0, OneUIProvider_1.useOneUIConfig)("component.tabs", {});
|
|
27
|
+
const selectedRef = (0, react_1.useRef)(null);
|
|
28
|
+
const guideRef = (0, react_1.useRef)(null);
|
|
29
|
+
(0, react_1.useEffect)(() => {
|
|
30
|
+
if (props.type === TabType.CLASS)
|
|
31
|
+
return;
|
|
32
|
+
const guideStyle = guideRef.current.style;
|
|
33
|
+
const currEl = selectedRef.current;
|
|
34
|
+
guideStyle["opacity"] = currEl ? "1" : guideStyle["opacity"];
|
|
35
|
+
guideStyle["width"] = currEl ? currEl.clientWidth + "px" : "0px";
|
|
36
|
+
guideStyle["left"] = currEl
|
|
37
|
+
? currEl.offsetLeft + "px"
|
|
38
|
+
: guideStyle["left"] || "initial";
|
|
39
|
+
if (type === TabType.FULL) {
|
|
40
|
+
guideStyle["height"] = currEl ? currEl.clientHeight + "px" : "";
|
|
41
|
+
guideStyle["top"] = currEl
|
|
42
|
+
? currEl.offsetTop + "px"
|
|
43
|
+
: guideStyle["top"] || "initial";
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
guideStyle["top"] = currEl
|
|
47
|
+
? currEl.offsetTop + currEl.clientHeight + "px"
|
|
48
|
+
: guideStyle["top"] || "initial";
|
|
49
|
+
}
|
|
50
|
+
}, [selected]);
|
|
51
|
+
(0, react_1.useEffect)(() => {
|
|
52
|
+
if (props.type === TabType.CLASS)
|
|
53
|
+
return;
|
|
54
|
+
guideRef.current.classList.add(Tabs_module_scss_1.default.enableTransition);
|
|
55
|
+
}, []);
|
|
56
|
+
const tabNativeCls = TabType[type] in Tabs_module_scss_1.default ? Tabs_module_scss_1.default[TabType[type]] : "";
|
|
57
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `${Tabs_module_scss_1.default.container} ${className} ${tabNativeCls} ${classes.container}`, children: [options.map((o) => ((0, jsx_runtime_1.jsx)("div", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: `${selected === o.id ? Tabs_module_scss_1.default.selected : ""} ${itemClassName} ${props.type === TabType.CLASS && selected === o.id
|
|
58
|
+
? props.selectedClass
|
|
59
|
+
: ""} ${classes.item}`, "data-testid": "tab-option", children: o.label }, o.id))), TabType.CLASS !== props.type && ((0, jsx_runtime_1.jsx)("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" }))] }) }));
|
|
66
60
|
}
|
|
67
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfVGFic01vZHVsZSIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfT25lVUlQcm92aWRlciIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJUYWJUeXBlIiwiZXhwb3J0cyIsIlRhYnMiLCJwcm9wcyIsIm9wdGlvbnMiLCJzZWxlY3RlZCIsIm9uU2VsZWN0IiwiaXRlbUNsYXNzTmFtZSIsImNsYXNzTmFtZSIsInR5cGUiLCJVTkRFUkxJTkUiLCJjbGFzc2VzIiwidXNlT25lVUlDb25maWciLCJzZWxlY3RlZFJlZiIsInVzZVJlZiIsImd1aWRlUmVmIiwidXNlRWZmZWN0IiwiQ0xBU1MiLCJndWlkZVN0eWxlIiwiY3VycmVudCIsInN0eWxlIiwiY3VyckVsIiwiY2xpZW50V2lkdGgiLCJvZmZzZXRMZWZ0IiwiRlVMTCIsImNsaWVudEhlaWdodCIsIm9mZnNldFRvcCIsImNsYXNzTGlzdCIsImFkZCIsIlN0eWxlcyIsImVuYWJsZVRyYW5zaXRpb24iLCJ0YWJOYXRpdmVDbHMiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJjb25jYXQiLCJjb250YWluZXIiLCJtYXAiLCJvIiwicmVmIiwiaWQiLCJ1bmRlZmluZWQiLCJvbkNsaWNrIiwic2VsZWN0ZWRDbGFzcyIsIml0ZW0iLCJsYWJlbCIsImd1aWRlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9UYWJzLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgeyB1c2VPbmVVSUNvbmZpZyB9IGZyb20gXCIuLi8uLi9jb250ZXh0L09uZVVJUHJvdmlkZXJcIjtcblxuZXhwb3J0IGVudW0gVGFiVHlwZSB7XG4gIC8qKiBBIGRpdiB0aGF0IGVuY292ZXJzIHRoZSB0YWIgKi9cbiAgRlVMTCxcbiAgLyoqIEFuIHVuZGVybGluZSAqL1xuICBVTkRFUkxJTkUsXG4gIC8qKiBBIGNsYXNzIGlzIGFzc2lnbmVkIHRvIHRoZSBzZWxlY3RlZCB0YWIgKi9cbiAgQ0xBU1MsXG59XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBkaXNwbGF5cyBhIHNldCBvZiB0YWJzIGZvciBzd2l0Y2hpbmcgYmV0d2VlbiBkaWZmZXJlbnQgb3B0aW9ucyBvciB2aWV3cy5cbiAqIFVzZXJzIGNhbiBjbGljayBvbiBhIHRhYiB0byBzZWxlY3QgaXQsIGFuZCB0aGUgY29tcG9uZW50IGhpZ2hsaWdodHMgdGhlIGFjdGl2ZSBjaG9pY2UuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFRhYnM8TyBleHRlbmRzIHN0cmluZyB8IG51bWJlcj4oXG4gIHByb3BzOiB7XG4gICAgb3B0aW9uczogUmVhZG9ubHk8XG4gICAgICB7XG4gICAgICAgIGlkOiBPO1xuICAgICAgICBsYWJlbDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICAgICAgfVtdXG4gICAgPjtcbiAgICBzZWxlY3RlZD86IE87XG4gICAgb25TZWxlY3Q6IChvcHRpb246IE8pID0+IHZvaWQ7XG4gICAgaXRlbUNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIH0gJiAoXG4gICAgfCB7XG4gICAgICAgIHR5cGU/OiBFeGNsdWRlPFRhYlR5cGUsIFRhYlR5cGUuQ0xBU1M+O1xuICAgICAgfVxuICAgIHwge1xuICAgICAgICB0eXBlPzogRXh0cmFjdDxUYWJUeXBlLCBUYWJUeXBlLkNMQVNTPjtcbiAgICAgICAgc2VsZWN0ZWRDbGFzczogc3RyaW5nO1xuICAgICAgfVxuICApXG4pIHtcbiAgY29uc3Qge1xuICAgIG9wdGlvbnMsXG4gICAgc2VsZWN0ZWQsXG4gICAgb25TZWxlY3QsXG4gICAgaXRlbUNsYXNzTmFtZSA9IFwiXCIsXG4gICAgY2xhc3NOYW1lID0gXCJcIixcbiAgICB0eXBlID0gVGFiVHlwZS5VTkRFUkxJTkUsXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgY2xhc3NlcyA9IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LnRhYnNcIiwge30pXG4gIGNvbnN0IHNlbGVjdGVkUmVmID0gdXNlUmVmPEhUTUxQYXJhZ3JhcGhFbGVtZW50PihudWxsKTtcbiAgY29uc3QgZ3VpZGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwcm9wcy50eXBlID09PSBUYWJUeXBlLkNMQVNTKSByZXR1cm47XG4gICAgY29uc3QgZ3VpZGVTdHlsZSA9IGd1aWRlUmVmLmN1cnJlbnQhLnN0eWxlO1xuICAgIGNvbnN0IGN1cnJFbCA9IHNlbGVjdGVkUmVmLmN1cnJlbnQ7XG4gICAgZ3VpZGVTdHlsZVtcIm9wYWNpdHlcIl0gPSBjdXJyRWwgPyBcIjFcIiA6IGd1aWRlU3R5bGVbXCJvcGFjaXR5XCJdO1xuICAgIGd1aWRlU3R5bGVbXCJ3aWR0aFwiXSA9IGN1cnJFbCA/IGN1cnJFbC5jbGllbnRXaWR0aCArIFwicHhcIiA6IFwiMHB4XCI7XG4gICAgZ3VpZGVTdHlsZVtcImxlZnRcIl0gPSBjdXJyRWxcbiAgICAgID8gY3VyckVsLm9mZnNldExlZnQgKyBcInB4XCJcbiAgICAgIDogZ3VpZGVTdHlsZVtcImxlZnRcIl0gfHwgXCJpbml0aWFsXCI7XG4gICAgaWYgKHR5cGUgPT09IFRhYlR5cGUuRlVMTCkge1xuICAgICAgZ3VpZGVTdHlsZVtcImhlaWdodFwiXSA9IGN1cnJFbCA/IGN1cnJFbC5jbGllbnRIZWlnaHQgKyBcInB4XCIgOiBcIlwiO1xuICAgICAgZ3VpZGVTdHlsZVtcInRvcFwiXSA9IGN1cnJFbFxuICAgICAgICA/IGN1cnJFbC5vZmZzZXRUb3AgKyBcInB4XCJcbiAgICAgICAgOiBndWlkZVN0eWxlW1widG9wXCJdIHx8IFwiaW5pdGlhbFwiO1xuICAgIH0gZWxzZSB7XG4gICAgICBndWlkZVN0eWxlW1widG9wXCJdID0gY3VyckVsXG4gICAgICAgID8gY3VyckVsLm9mZnNldFRvcCArIGN1cnJFbC5jbGllbnRIZWlnaHQgKyBcInB4XCJcbiAgICAgICAgOiBndWlkZVN0eWxlW1widG9wXCJdIHx8IFwiaW5pdGlhbFwiO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvcHMudHlwZSA9PT0gVGFiVHlwZS5DTEFTUykgcmV0dXJuO1xuICAgIGd1aWRlUmVmLmN1cnJlbnQhLmNsYXNzTGlzdC5hZGQoU3R5bGVzLmVuYWJsZVRyYW5zaXRpb24pO1xuICB9LCBbXSk7XG4gIGNvbnN0IHRhYk5hdGl2ZUNscyA9IFRhYlR5cGVbdHlwZV0gaW4gU3R5bGVzID8gU3R5bGVzW1RhYlR5cGVbdHlwZV1dIDogXCJcIjtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake1N0eWxlcy5jb250YWluZXJ9ICR7Y2xhc3NOYW1lfSAke3RhYk5hdGl2ZUNsc30gJHtjbGFzc2VzLmNvbnRhaW5lcn1gfT5cbiAgICAgICAge29wdGlvbnMubWFwKChvKSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXtzZWxlY3RlZCA9PT0gby5pZCA/IHNlbGVjdGVkUmVmIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3Qoby5pZCl9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake1xuICAgICAgICAgICAgICBzZWxlY3RlZCA9PT0gby5pZCA/IFN0eWxlcy5zZWxlY3RlZCA6IFwiXCJcbiAgICAgICAgICAgIH0gJHtpdGVtQ2xhc3NOYW1lfSAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSBUYWJUeXBlLkNMQVNTICYmIHNlbGVjdGVkID09PSBvLmlkXG4gICAgICAgICAgICAgICAgPyBwcm9wcy5zZWxlY3RlZENsYXNzXG4gICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICB9ICR7Y2xhc3Nlcy5pdGVtfWB9XG4gICAgICAgICAgICBrZXk9e28uaWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRhYi1vcHRpb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvLmxhYmVsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgICAge1RhYlR5cGUuQ0xBU1MgIT09IHByb3BzLnR5cGUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17Z3VpZGVSZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e1N0eWxlcy5ndWlkZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGFiLWd1aWRlXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gICk7XG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsV0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsY0FBQSxHQUFBSCxPQUFBO0FBQTZELFNBQUFFLHVCQUFBRSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcseUJBQUFDLFdB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
|
|
61
|
+
exports.default = Tabs;
|
|
62
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.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 _Tabs.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _Tabs = _interopRequireWildcard(require("./Tabs"));
|
|
14
|
-
Object.keys(_Tabs).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] === _Tabs[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _Tabs[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 Tabs_1 = require("./Tabs");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
|
|
23
|
+
__exportStar(require("./Tabs"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,yCAAuB"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { ForwardedRef } from "react";
|
|
2
|
+
import { FromOnePercentUtility } from "../../type-utils";
|
|
3
|
+
export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
4
|
+
className?: string;
|
|
5
|
+
type: FromOnePercentUtility<'UIElements.TextVariants'>;
|
|
6
|
+
color?: FromOnePercentUtility<'UIElements.TextColors'>;
|
|
7
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">>, _ref?: ForwardedRef<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* A component to hold all text variantions
|
|
10
|
+
**/
|
|
11
|
+
declare const Text: React.ForwardRefExoticComponent<{
|
|
12
|
+
className?: string | undefined;
|
|
13
|
+
type: FromOnePercentUtility<'UIElements.TextVariants'>;
|
|
14
|
+
color?: FromOnePercentUtility<'UIElements.TextColors'>;
|
|
15
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "color"> & {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
} & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
/**
|
|
19
|
+
* A reusable component that displays styled text with different sizes and colors.
|
|
20
|
+
* It automatically applies the correct HTML tag and styling based on the text type.
|
|
21
|
+
*/
|
|
22
|
+
export default Text;
|
|
@@ -1,44 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
} =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement(TagType, _extends({
|
|
29
|
-
ref: _ref,
|
|
30
|
-
className: "".concat(_TextModule.default.text, " ").concat(classNameType[type], " ").concat(className, " ").concat(otherProps.onClick ? _TextModule.default.iteractible : "")
|
|
31
|
-
}, otherProps), children);
|
|
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;
|
|
12
|
+
};
|
|
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
|
+
exports._Text = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
const react_1 = require("react");
|
|
20
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
21
|
+
const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
|
|
22
|
+
function _Text(_a, _ref) {
|
|
23
|
+
var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
|
|
24
|
+
const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
|
|
25
|
+
const tagByType = (0, OneUIProvider_1.useOneUIConfig)("component.text.htmlTag", {});
|
|
26
|
+
const TagType = tagByType[type] || "p";
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(TagType, Object.assign({ ref: _ref, className: `${Text_module_scss_1.default.text} ${classNameType[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps, { children: children })));
|
|
32
28
|
}
|
|
33
|
-
|
|
29
|
+
exports._Text = _Text;
|
|
34
30
|
/**
|
|
35
31
|
* A component to hold all text variantions
|
|
36
32
|
**/
|
|
37
|
-
const Text =
|
|
38
|
-
|
|
33
|
+
const Text = (0, react_1.forwardRef)(_Text);
|
|
39
34
|
/**
|
|
40
35
|
* A reusable component that displays styled text with different sizes and colors.
|
|
41
36
|
* It automatically applies the correct HTML tag and styling based on the text type.
|
|
42
37
|
*/
|
|
43
|
-
|
|
44
|
-
//# sourceMappingURL=
|
|
38
|
+
exports.default = Text;
|
|
39
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAwE;AACxE,+DAA6D;AAC7D,0EAAwC;AAGxC,SAAgB,KAAK,CACnB,EAWC,EACD,IAAyC;QAZzC,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAQf,EAPI,UAAU,cAJf,iCAKC,CADc;IAUf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,IAAA,8BAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAQ,SAAS,CAAC,IAA8B,CAAC,IAAI,GAAG,CAAC;IAEtE,OAAO,CACL,uBAAC,OAAO,kBACN,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IAAI,aAAa,CAAC,IAAkC,CAC3E,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC7D,UAAU,cAEb,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AA9BD,sBA8BC;AAED;;IAEI;AACJ,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC;AAE/B;;;GAGG;AACH,kBAAe,IAAI,CAAC"}
|
|
@@ -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 _Text.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _Text = _interopRequireWildcard(require("./Text"));
|
|
14
|
-
Object.keys(_Text).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] === _Text[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _Text[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 Text_1 = require("./Text");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
|
|
23
|
+
__exportStar(require("./Text"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,yCAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function DiagonalReveal(el: HTMLDivElement): string;
|
|
@@ -1,49 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.default = DiagonalReveal;
|
|
7
|
-
var _server = require("react-dom/server");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _utils = require("./utils");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const server_1 = require("react-dom/server");
|
|
5
|
+
const utils_1 = require("./utils");
|
|
11
6
|
function DiagonalReveal(el) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
id: Date.now().toString()
|
|
19
|
-
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
|
|
20
|
-
id: filterId,
|
|
21
|
-
x: "0",
|
|
22
|
-
y: "0"
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
|
|
24
|
-
in: "SourceGraphic",
|
|
25
|
-
stdDeviation: "15"
|
|
26
|
-
}))), /*#__PURE__*/_react.default.createElement("rect", {
|
|
27
|
-
x: "-25",
|
|
28
|
-
y: "-25",
|
|
29
|
-
width: "".concat(width * 1.5, "px"),
|
|
30
|
-
fill: "white",
|
|
31
|
-
height: "".concat(height * 1.1, "px"),
|
|
32
|
-
filter: "url(#".concat(filterId, ")")
|
|
33
|
-
}, /*#__PURE__*/_react.default.createElement("animateTransform", {
|
|
34
|
-
attributeName: "transform",
|
|
35
|
-
attributeType: "XML",
|
|
36
|
-
type: "rotate",
|
|
37
|
-
values: "0 0 0; 25 0 0; 32 0 0;",
|
|
38
|
-
dur: "".concat(time, "ms")
|
|
39
|
-
}), /*#__PURE__*/_react.default.createElement("animateTransform", {
|
|
40
|
-
additive: "sum",
|
|
41
|
-
attributeName: "transform",
|
|
42
|
-
attributeType: "XML",
|
|
43
|
-
type: "translate",
|
|
44
|
-
values: "0 0; 0 ".concat(height * 0.2, "; 0 ").concat(height, ";"),
|
|
45
|
-
dur: "".concat(time, "ms")
|
|
46
|
-
}))));
|
|
47
|
-
return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
|
|
7
|
+
const height = el.clientHeight;
|
|
8
|
+
const width = el.clientWidth;
|
|
9
|
+
const time = (0, utils_1.getTime)(el);
|
|
10
|
+
const filterId = `f-${Date.now().toString()}`;
|
|
11
|
+
const resultSvg = (0, server_1.renderToString)((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString(), children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("filter", { id: filterId, x: "0", y: "0", children: (0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15" }) }) }), (0, jsx_runtime_1.jsxs)("rect", { x: "-25", y: "-25", width: `${width * 1.5}px`, fill: "white", height: `${height * 1.1}px`, filter: `url(#${filterId})`, children: [(0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", values: "0 0 0; 25 0 0; 32 0 0;", dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animateTransform", { additive: "sum", attributeName: "transform", attributeType: "XML", type: "translate", values: `0 0; 0 ${height * 0.2}; 0 ${height};`, dur: `${time}ms` })] })] }));
|
|
12
|
+
return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
|
|
48
13
|
}
|
|
49
|
-
|
|
14
|
+
exports.default = DiagonalReveal;
|
|
15
|
+
//# sourceMappingURL=DiagonalReveal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiagonalReveal.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalReveal.tsx"],"names":[],"mappings":";;;AAAA,6CAAkD;AAElD,mCAAkC;AAElC,SAAwB,cAAc,CAAC,EAAkB;IACvD,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;IAC7B,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,iCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,aAC/D,2CACE,mCAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,YAC/B,2CAAgB,EAAE,EAAC,eAAe,EAAC,YAAY,EAAC,IAAI,GAAG,GAChD,GACJ,EACP,kCACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI,EACzB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,EAC3B,MAAM,EAAE,QAAQ,QAAQ,GAAG,aAE3B,6CACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,wBAAwB,EAC/B,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,EACF,6CACE,QAAQ,EAAC,KAAK,EACd,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,UAAU,MAAM,GAAG,GAAG,OAAO,MAAM,GAAG,EAC9C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,IACG,IACH,CACP,CAAC;IAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;AACR,CAAC;AA1CD,iCA0CC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
|
|
3
|
+
* @param amountOfVerticalSquares The amount of squares vertically to be shown
|
|
4
|
+
*/
|
|
5
|
+
export default function DiagonalSquareToBalls(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;
|