@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,113 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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.BalancedProgressBar = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
const react_1 = require("react");
|
|
20
|
+
const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
|
|
18
21
|
/**
|
|
19
22
|
* A visual indicator that shows how much of a task is complete.
|
|
20
23
|
* It displays a bar that fills up from 0 to 100 percent.
|
|
21
24
|
*/
|
|
22
|
-
function ProgressBar(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const spacing = dashWidth * 0.2;
|
|
36
|
-
(0, _react.useEffect)(() => {
|
|
37
|
-
setWidth(ref.current.clientWidth);
|
|
38
|
-
}, []);
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
40
|
-
ref: ref,
|
|
41
|
-
viewBox: "".concat(-height / 2, " 0 ").concat(width + height - spacing, " ").concat(height),
|
|
42
|
-
preserveAspectRatio: "none",
|
|
43
|
-
width: "100%",
|
|
44
|
-
height: "".concat(height, "px")
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
|
|
46
|
-
id: "".concat(strokeID),
|
|
47
|
-
x1: "0%",
|
|
48
|
-
y1: "0%",
|
|
49
|
-
x2: "100%",
|
|
50
|
-
y2: "0%",
|
|
51
|
-
gradientUnits: "userSpaceOnUse"
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement("stop", {
|
|
53
|
-
offset: "0%",
|
|
54
|
-
"stop-color": "blue"
|
|
55
|
-
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
56
|
-
offset: "".concat(progress, "%"),
|
|
57
|
-
"stop-color": "blue"
|
|
58
|
-
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
59
|
-
offset: "".concat(progress, "%"),
|
|
60
|
-
"stop-color": "green"
|
|
61
|
-
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
62
|
-
offset: "100%",
|
|
63
|
-
"stop-color": "green"
|
|
64
|
-
}))), /*#__PURE__*/_react.default.createElement("line", {
|
|
65
|
-
x1: "0",
|
|
66
|
-
y1: height / 2,
|
|
67
|
-
x2: width,
|
|
68
|
-
y2: height / 2,
|
|
69
|
-
stroke: "url(#".concat(strokeID, ")"),
|
|
70
|
-
"stroke-width": height,
|
|
71
|
-
"stroke-dasharray": "".concat(dashWidth - spacing, ",").concat(spacing),
|
|
72
|
-
"stroke-linecap": "round"
|
|
73
|
-
}));
|
|
74
|
-
}
|
|
75
|
-
const mode = props.mode || "guide";
|
|
76
|
-
const size = props.size;
|
|
77
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
78
|
-
className: "".concat(_ProgressBarModule.default.container, " ").concat(_ProgressBarModule.default[mode], " ").concat(progress === 100 ? _ProgressBarModule.default.completed : ""),
|
|
79
|
-
style: {
|
|
80
|
-
fontSize: size
|
|
81
|
-
},
|
|
82
|
-
ref: bodyRef
|
|
83
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
84
|
-
style: {
|
|
85
|
-
width: "".concat(progress, "%")
|
|
86
|
-
}
|
|
87
|
-
}), mode === "guide" && /*#__PURE__*/_react.default.createElement("span", {
|
|
88
|
-
ref: indicatorRef,
|
|
89
|
-
style: {
|
|
90
|
-
left: "".concat(progress, "%")
|
|
25
|
+
function ProgressBar(_a) {
|
|
26
|
+
var { progress, indicatorRef, bodyRef } = _a, props = __rest(_a, ["progress", "indicatorRef", "bodyRef"]);
|
|
27
|
+
if (props.mode === "sections") {
|
|
28
|
+
const ref = (0, react_1.useRef)(null);
|
|
29
|
+
const strokeID = (0, react_1.useMemo)(() => `stroke-${(Math.random() * 100000).toFixed(0)}`, []);
|
|
30
|
+
const height = props.size;
|
|
31
|
+
const [width, setWidth] = (0, react_1.useState)(0);
|
|
32
|
+
const dashWidth = width / props.sections;
|
|
33
|
+
const spacing = dashWidth * 0.2;
|
|
34
|
+
(0, react_1.useEffect)(() => {
|
|
35
|
+
setWidth(ref.current.clientWidth);
|
|
36
|
+
}, []);
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("svg", { ref: ref, viewBox: `${-height / 2} 0 ${width + height - spacing} ${height}`, preserveAspectRatio: "none", width: "100%", height: `${height}px`, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: `${strokeID}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", "stop-color": "blue" }), (0, jsx_runtime_1.jsx)("stop", { offset: `${progress}%`, "stop-color": "blue" }), (0, jsx_runtime_1.jsx)("stop", { offset: `${progress}%`, "stop-color": "green" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", "stop-color": "green" })] }) }), (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: height / 2, x2: width, y2: height / 2, stroke: `url(#${strokeID})`, "stroke-width": height, "stroke-dasharray": `${dashWidth - spacing},${spacing}`, "stroke-linecap": "round" })] }));
|
|
91
38
|
}
|
|
92
|
-
|
|
39
|
+
const mode = props.mode || "guide";
|
|
40
|
+
const size = props.size;
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `${ProgressBar_module_scss_1.default.container} ${ProgressBar_module_scss_1.default[mode]} ${progress === 100 ? ProgressBar_module_scss_1.default.completed : ""}`, style: { fontSize: size }, ref: bodyRef, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: `${progress}%` } }), mode === "guide" && ((0, jsx_runtime_1.jsx)("span", { ref: indicatorRef, style: { left: `${progress}%` } }))] }));
|
|
93
42
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
const maxVal = max - min;
|
|
105
|
-
const currProgress = progressVal * 100 / maxVal;
|
|
106
|
-
return currProgress;
|
|
107
|
-
}, [min, max, current]);
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(ProgressBar, _extends({
|
|
109
|
-
size: size,
|
|
110
|
-
progress: progress
|
|
111
|
-
}, props));
|
|
43
|
+
exports.default = ProgressBar;
|
|
44
|
+
function BalancedProgressBar(_a) {
|
|
45
|
+
var { min, max, current, size } = _a, props = __rest(_a, ["min", "max", "current", "size"]);
|
|
46
|
+
const progress = (0, react_1.useMemo)(() => {
|
|
47
|
+
const progressVal = current - min;
|
|
48
|
+
const maxVal = max - min;
|
|
49
|
+
const currProgress = (progressVal * 100) / maxVal;
|
|
50
|
+
return currProgress;
|
|
51
|
+
}, [min, max, current]);
|
|
52
|
+
return (0, jsx_runtime_1.jsx)(ProgressBar, Object.assign({ size: size, progress: progress }, props));
|
|
112
53
|
}
|
|
113
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfUHJvZ3Jlc3NCYXJNb2R1bGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2V4Y2x1ZGVkIiwiX2V4Y2x1ZGVkMiIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZXh0ZW5kcyIsImFzc2lnbiIsImJpbmQiLCJ0YXJnZXQiLCJpIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwic291cmNlIiwiYXBwbHkiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJleGNsdWRlZCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllc0xvb3NlIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwic291cmNlU3ltYm9sS2V5cyIsImluZGV4T2YiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInNvdXJjZUtleXMiLCJrZXlzIiwiUHJvZ3Jlc3NCYXIiLCJfcmVmIiwicHJvZ3Jlc3MiLCJpbmRpY2F0b3JSZWYiLCJib2R5UmVmIiwicHJvcHMiLCJtb2RlIiwicmVmIiwidXNlUmVmIiwic3Ryb2tlSUQiLCJ1c2VNZW1vIiwiY29uY2F0IiwiTWF0aCIsInJhbmRvbSIsInRvRml4ZWQiLCJoZWlnaHQiLCJzaXplIiwid2lkdGgiLCJzZXRXaWR0aCIsInVzZVN0YXRlIiwiZGFzaFdpZHRoIiwic2VjdGlvbnMiLCJzcGFjaW5nIiwidXNlRWZmZWN0IiwiY3VycmVudCIsImNsaWVudFdpZHRoIiwiY3JlYXRlRWxlbWVudCIsInZpZXdCb3giLCJwcmVzZXJ2ZUFzcGVjdFJhdGlvIiwiaWQiLCJ4MSIsInkxIiwieDIiLCJ5MiIsImdyYWRpZW50VW5pdHMiLCJvZmZzZXQiLCJzdHJva2UiLCJjbGFzc05hbWUiLCJTdHlsZXMiLCJjb250YWluZXIiLCJjb21wbGV0ZWQiLCJzdHlsZSIsImZvbnRTaXplIiwibGVmdCIsIkJhbGFuY2VkUHJvZ3Jlc3NCYXIiLCJfcmVmMiIsIm1pbiIsIm1heCIsInByb2dyZXNzVmFsIiwibWF4VmFsIiwiY3VyclByb2dyZXNzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBDb21wb25lbnRQcm9wcyxcbiAgRm9yd2FyZGVkUmVmLFxuICBSZWZPYmplY3QsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL1Byb2dyZXNzQmFyLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlTWVyZ2VSZWZzIGZyb20gXCIuLi8uLi9ob29rcy91c2VNZXJnZVJlZnNcIjtcblxuLyoqXG4gKiBBIHZpc3VhbCBpbmRpY2F0b3IgdGhhdCBzaG93cyBob3cgbXVjaCBvZiBhIHRhc2sgaXMgY29tcGxldGUuXG4gKiBJdCBkaXNwbGF5cyBhIGJhciB0aGF0IGZpbGxzIHVwIGZyb20gMCB0byAxMDAgcGVyY2VudC5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUHJvZ3Jlc3NCYXIoe1xuICBwcm9ncmVzcyxcbiAgaW5kaWNhdG9yUmVmLFxuICBib2R5UmVmLFxuICAuLi5wcm9wc1xufToge1xuICBpbmRpY2F0b3JSZWY/OiBGb3J3YXJkZWRSZWY8SFRNTFNwYW5FbGVtZW50PjtcbiAgYm9keVJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIC8qKlxuICAgKiBHaXZlbiBpbiBwZXJjZW50XG4gICAqL1xuICBwcm9ncmVzczogbnVtYmVyO1xufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIEdpdmVuIGFzIGNzcyBmb250IHNpemVcbiAgICAgICAqL1xuICAgICAgc2l6ZTogbnVtYmVyIHwgc3RyaW5nO1xuICAgICAgbW9kZT86IFwiZ2F1Z2VcIiB8IFwiZ3VpZGVcIjtcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBHaXZlbiBhcyBwaXhlbHNcbiAgICAgICAqL1xuICAgICAgc2l6ZTogbnVtYmVyO1xuICAgICAgbW9kZT86IFwic2VjdGlvbnNcIjtcbiAgICAgIC8qKiBUaGUgbnVtYmVyIG9mIHNlY3Rpb25zIHRvIHNwbGl0ICovXG4gICAgICBzZWN0aW9uczogbnVtYmVyO1xuICAgIH1cbikpIHtcbiAgaWYgKHByb3BzLm1vZGUgPT09IFwic2VjdGlvbnNcIikge1xuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxTVkdTVkdFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBzdHJva2VJRCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBgc3Ryb2tlLSR7KE1hdGgucmFuZG9tKCkgKiAxMDAwMDApLnRvRml4ZWQoMCl9YCxcbiAgICAgIFtdXG4gICAgKTtcbiAgICBjb25zdCBoZWlnaHQgPSBwcm9wcy5zaXplO1xuICAgIGNvbnN0IFt3aWR0aCwgc2V0V2lkdGhdID0gdXNlU3RhdGUoMCk7XG4gICAgY29uc3QgZGFzaFdpZHRoID0gd2lkdGggLyBwcm9wcy5zZWN0aW9ucztcbiAgICBjb25zdCBzcGFjaW5nID0gZGFzaFdpZHRoICogMC4yO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWYuY3VycmVudCEuY2xpZW50V2lkdGgpO1xuICAgIH0sIFtdKTtcbiAgICByZXR1cm4gKFxuICAgICAgPHN2Z1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmlld0JveD17YCR7LWhlaWdodCAvIDJ9IDAgJHt3aWR0aCArIGhlaWdodCAtIHNwYWNpbmd9ICR7aGVpZ2h0fWB9XG4gICAgICAgIHByZXNlcnZlQXNwZWN0UmF0aW89XCJub25lXCJcbiAgICAgICAgd2lkdGg9e1wiMTAwJVwifVxuICAgICAgICBoZWlnaHQ9e2Ake2hlaWdodH1weGB9XG4gICAgICA+XG4gICAgICAgIDxkZWZzPlxuICAgICAgICAgIDxsaW5lYXJHcmFkaWVudFxuICAgICAgICAgICAgaWQ9e2Ake3N0cm9rZUlEfWB9XG4gICAgICAgICAgICB4MT1cIjAlXCJcbiAgICAgICAgICAgIHkxPVwiMCVcIlxuICAgICAgICAgICAgeDI9XCIxMDAlXCJcbiAgICAgICAgICAgIHkyPVwiMCVcIlxuICAgICAgICAgICAgZ3JhZGllbnRVbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIwJVwiIHN0b3AtY29sb3I9XCJibHVlXCIgLz5cbiAgICAgICAgICAgIDxzdG9wIG9mZnNldD17YCR7cHJvZ3Jlc3N9JWB9IHN0b3AtY29sb3I9XCJibHVlXCIgLz5cbiAgICAgICAgICAgIDxzdG9wIG9mZnNldD17YCR7cHJvZ3Jlc3N9JWB9IHN0b3AtY29sb3I9XCJncmVlblwiIC8+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIxMDAlXCIgc3RvcC1jb2xvcj1cImdyZWVuXCIgLz5cbiAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgICA8L2RlZnM+XG4gICAgICAgIDxsaW5lXG4gICAgICAgICAgeDE9XCIwXCJcbiAgICAgICAgICB5MT17aGVpZ2h0IC8gMn1cbiAgICAgICAgICB4Mj17d2lkdGh9XG4gICAgICAgICAgeTI9e2hlaWdodCAvIDJ9XG4gICAgICAgICAgc3Ryb2tlPXtgdXJsKCMke3N0cm9rZUlEfSlgfVxuICAgICAgICAgIHN0cm9rZS13aWR0aD17aGVpZ2h0fVxuICAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9e2Ake2Rhc2hXaWR0aCAtIHNwYWNpbmd9LCR7c3BhY2luZ31gfVxuICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgKTtcbiAgfVxuICBjb25zdCBtb2RlID0gcHJvcHMubW9kZSB8fCBcImd1aWRlXCI7XG4gIGNvbnN0IHNpemUgPSBwcm9wcy5zaXplO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLmNvbnRhaW5lcn0gJHtTdHlsZXNbbW9kZV19ICR7XG4gICAgICAgIHByb2dyZXNzID09PSAxMDAgPyBTdHlsZXMuY29tcGxldGVkIDogXCJcIlxuICAgICAgfWB9XG4gICAgICBzdHlsZT17eyBmb250U2l6ZTogc2l6ZSB9fVxuICAgICAgcmVmPXtib2R5UmVmfVxuICAgID5cbiAgICAgIDxzcGFuIHN0eWxlPXt7IHdpZHRoOiBgJHtwcm9ncmVzc30lYCB9fSAvPlxuICAgICAge21vZGUgPT09IFwiZ3VpZGVcIiAmJiAoXG4gICAgICAgIDxzcGFuIHJlZj17aW5kaWNhdG9yUmVmfSBzdHlsZT17eyBsZWZ0OiBgJHtwcm9ncmVzc30lYCB9fSAvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJhbGFuY2VkUHJvZ3Jlc3NCYXIoe1xuICBtaW4sXG4gIG1heCxcbiAgY3VycmVudCxcbiAgc2l6ZSxcbiAgLi4ucHJvcHNcbn06IHtcbiAgbWluOiBudW1iZXI7XG4gIG1heDogbnVtYmVyO1xuICBjdXJyZW50OiBudW1iZXI7XG59ICYgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgUHJvZ3Jlc3NCYXI+LCBcInByb2dyZXNzXCI+KSB7XG4gIGNvbnN0IHByb2dyZXNzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgcHJvZ3Jlc3NWYWwgPSBjdXJyZW50IC0gbWluO1xuICAgIGNvbnN0IG1heFZhbCA9IG1heCAtIG1pbjtcblxuICAgIGNvbnN0IGN1cnJQcm9ncmVzcyA9IChwcm9ncmVzc1ZhbCAqIDEwMCkgLyBtYXhWYWw7XG5cbiAgICByZXR1cm4gY3VyclByb2dyZXNzO1xuICB9LCBbbWluLCBtYXgsIGN1cnJlbnRdKTtcblxuICByZXR1cm4gPFByb2dyZXNzQmFyIHNpemU9e3NpemV9IHByb2dyZXNzPXtwcm9ncmVzc30gey4uLihwcm9wcyBhcyBhbnkpfSAvPjtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQVNBLElBQUFDLGtCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFBK0MsTUFBQUcsU0FBQTtFQUFBQyxVQUFBO0FBQUEsU0FBQUYsdUJBQUFHLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFBQSxTQUFBRyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBVix3QkFBQU0sR0FBQSxFQUFBSSxXQUFBLFNBQUFBLFdBQUEsSUFBQUosR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQVEsS0FBQSxHQUFBTCx3QkFBQSxDQUFBQyxXQUFBLE9BQUFJLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFULEdBQUEsWUFBQVEsS0FBQSxDQUFBRSxHQUFBLENBQUFWLEdBQUEsU0FBQVcsTUFBQSxXQUFBQyxxQkFBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFB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
|
|
54
|
+
exports.BalancedProgressBar = BalancedProgressBar;
|
|
55
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.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 _ProgressBar.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _ProgressBar = _interopRequireWildcard(require("./ProgressBar"));
|
|
14
|
-
Object.keys(_ProgressBar).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] === _ProgressBar[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ProgressBar[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 ProgressBar_1 = require("./ProgressBar");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
|
|
23
|
+
__exportStar(require("./ProgressBar"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,gDAA8B"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React, { ComponentProps, MouseEvent, ReactElement } from "react";
|
|
2
|
+
import Button from "../Button";
|
|
3
|
+
type Step = {
|
|
4
|
+
type: "wait" | "final";
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string | React.ReactElement;
|
|
7
|
+
action?: {
|
|
8
|
+
label: string | ReactElement;
|
|
9
|
+
onClick: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
variant?: ComponentProps<typeof Button>["variant"];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
|
|
16
|
+
**/
|
|
17
|
+
/**
|
|
18
|
+
* This component shows a sequence of steps with titles, descriptions, and optional buttons.
|
|
19
|
+
* It highlights the current step and fades out previous ones, helping users follow along as they progress through a process.
|
|
20
|
+
**/
|
|
21
|
+
export default function ProgressTexts({ steps, currentStep, spacingOnEachStep, }: {
|
|
22
|
+
/**
|
|
23
|
+
* Starts at 0
|
|
24
|
+
*/
|
|
25
|
+
currentStep: number;
|
|
26
|
+
steps: Step[];
|
|
27
|
+
spacingOnEachStep?: boolean;
|
|
28
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export {};
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
-
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 Spacing_1 = __importDefault(require("../Spacing"));
|
|
8
|
+
const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
|
|
9
|
+
const Button_1 = __importDefault(require("../Button"));
|
|
12
10
|
/**
|
|
13
11
|
* Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
|
|
14
12
|
**/
|
|
@@ -16,37 +14,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
14
|
* This component shows a sequence of steps with titles, descriptions, and optional buttons.
|
|
17
15
|
* It highlights the current step and fades out previous ones, helping users follow along as they progress through a process.
|
|
18
16
|
**/
|
|
19
|
-
function ProgressTexts(
|
|
20
|
-
|
|
21
|
-
steps,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
key: String(i),
|
|
39
|
-
ref: a => {
|
|
40
|
-
if (a) a.style.maxHeight = "".concat(a.scrollHeight, "px");
|
|
41
|
-
},
|
|
42
|
-
className: whichClassToUse(i, s.type, currentStep, _currentStep.type)
|
|
43
|
-
}, s.title && /*#__PURE__*/_react.default.createElement("h1", null, s.title), s.description && /*#__PURE__*/_react.default.createElement("p", null, s.description), s.action && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
44
|
-
variant: s.action.variant,
|
|
45
|
-
onClick: s.action.onClick,
|
|
46
|
-
disabled: s.action.disabled
|
|
47
|
-
}, s.action.label), spacingOnEachStep !== false ? /*#__PURE__*/_react.default.createElement(_Spacing.default, {
|
|
48
|
-
size: "large"
|
|
49
|
-
}) : null) : null;
|
|
50
|
-
}));
|
|
17
|
+
function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
|
|
18
|
+
const _currentStep = steps[currentStep];
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: steps.map((s, i) => {
|
|
20
|
+
function whichClassToUse(step, stepType, currentStep, currentStepType) {
|
|
21
|
+
const classes = [ProgressTexts_module_scss_1.default.container];
|
|
22
|
+
// Decides the color
|
|
23
|
+
if (stepType !== "final")
|
|
24
|
+
classes.push(step < currentStep ? ProgressTexts_module_scss_1.default.disabled : ProgressTexts_module_scss_1.default.loading);
|
|
25
|
+
// Decides if should be visible or not
|
|
26
|
+
classes.push(currentStep !== step && currentStepType === "final"
|
|
27
|
+
? ProgressTexts_module_scss_1.default.hidden
|
|
28
|
+
: "");
|
|
29
|
+
return classes.join(" ");
|
|
30
|
+
}
|
|
31
|
+
return i <= currentStep ? ((0, jsx_runtime_1.jsxs)("div", { ref: (a) => {
|
|
32
|
+
if (a)
|
|
33
|
+
a.style.maxHeight = `${a.scrollHeight}px`;
|
|
34
|
+
}, className: whichClassToUse(i, s.type, currentStep, _currentStep.type), children: [s.title && (0, jsx_runtime_1.jsx)("h1", { children: s.title }), s.description && (0, jsx_runtime_1.jsx)("p", { children: s.description }), s.action && ((0, jsx_runtime_1.jsx)(Button_1.default, { variant: s.action.variant, onClick: s.action.onClick, disabled: s.action.disabled, children: s.action.label })), spacingOnEachStep !== false ? (0, jsx_runtime_1.jsx)(Spacing_1.default, { size: "large" }) : null] }, String(i))) : null;
|
|
35
|
+
}) }));
|
|
51
36
|
}
|
|
52
|
-
|
|
37
|
+
exports.default = ProgressTexts;
|
|
38
|
+
//# sourceMappingURL=ProgressTexts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressTexts.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/ProgressTexts.tsx"],"names":[],"mappings":";;;;;;AACA,yDAAiC;AAEjC,4FAAiD;AACjD,uDAA+B;AAc/B;;IAEI;AACJ;;;IAGI;AACJ,SAAwB,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,iBAAiB,GAAG,IAAI,GAQzB;IACC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CACL,2DACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAClB,SAAS,eAAe,CACtB,IAAY,EACZ,QAAsB,EACtB,WAAmB,EACnB,eAA6B;gBAE7B,MAAM,OAAO,GAAG,CAAC,mCAAM,CAAC,SAAS,CAAC,CAAC;gBAEnC,oBAAoB;gBACpB,IAAI,QAAQ,KAAK,OAAO;oBACtB,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,mCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,mCAAM,CAAC,OAAO,CAAC,CAAC;gBAEtE,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,WAAW,KAAK,IAAI,IAAI,eAAe,KAAK,OAAO;oBACjD,CAAC,CAAC,mCAAM,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CACP,CAAC;gBAEF,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,OAAO,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CACxB,iCAEE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;oBACT,IAAI,CAAC;wBAAE,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC;gBACnD,CAAC,EACD,SAAS,EAAE,eAAe,CACxB,CAAC,EACD,CAAC,CAAC,IAAI,EACN,WAAW,EACX,YAAY,CAAC,IAAI,CAClB,aAEA,CAAC,CAAC,KAAK,IAAI,yCAAK,CAAC,CAAC,KAAK,GAAM,EAC7B,CAAC,CAAC,WAAW,IAAI,wCAAI,CAAC,CAAC,WAAW,GAAK,EACvC,CAAC,CAAC,MAAM,IAAI,CACX,uBAAC,gBAAM,IAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,YACtF,CAAC,CAAC,MAAM,CAAC,KAAK,GACR,CACV,EACA,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,KAlBzD,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AA/DD,gCA+DC"}
|
|
@@ -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 _ProgressTexts.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _ProgressTexts = _interopRequireWildcard(require("./ProgressTexts"));
|
|
14
|
-
Object.keys(_ProgressTexts).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] === _ProgressTexts[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ProgressTexts[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 ProgressTexts_1 = require("./ProgressTexts");
|
|
22
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressTexts_1).default; } });
|
|
23
|
+
__exportStar(require("./ProgressTexts"), exports);
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAChB,kDAAgC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A custom radio button component that allows users to select one option from a group.
|
|
3
|
+
* It displays a label and can be customized with different sizes and styling.
|
|
4
|
+
*/
|
|
5
|
+
import React, { PropsWithChildren } from "react";
|
|
6
|
+
export default function Radio({ checked, onToggle, label, className, size, groupId, value, ...props }: PropsWithChildren<{
|
|
7
|
+
checked: boolean;
|
|
8
|
+
onToggle: (checked: boolean) => void;
|
|
9
|
+
label: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
size?: number;
|
|
12
|
+
groupId: string;
|
|
13
|
+
value: string;
|
|
14
|
+
"data-testid"?: string;
|
|
15
|
+
}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,53 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
value
|
|
29
|
-
} = _ref,
|
|
30
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
const Checkbox = (0, _OneUIProvider.useOneUIConfig)("component.radio.Component", _Checkmark.Checkmark);
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement("label", {
|
|
33
|
-
className: "".concat(_RadioModule.default.container, " ").concat(className),
|
|
34
|
-
style: {
|
|
35
|
-
fontSize: size
|
|
36
|
-
},
|
|
37
|
-
onClick: e => {
|
|
38
|
-
onToggle(!checked);
|
|
39
|
-
e.preventDefault();
|
|
40
|
-
}
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement(Checkbox, _extends({
|
|
42
|
-
checked: checked,
|
|
43
|
-
hasContent: !!label
|
|
44
|
-
}, props)), /*#__PURE__*/_react.default.createElement("input", {
|
|
45
|
-
type: "radio",
|
|
46
|
-
name: groupId,
|
|
47
|
-
id: value,
|
|
48
|
-
value: value,
|
|
49
|
-
checked: checked,
|
|
50
|
-
readOnly: true
|
|
51
|
-
}), label);
|
|
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
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
19
|
+
const Radio_module_scss_1 = __importDefault(require("./Radio.module.scss"));
|
|
20
|
+
const Checkmark_1 = require("./variants/Checkmark/Checkmark");
|
|
21
|
+
function Radio(_a) {
|
|
22
|
+
var { checked, onToggle, label, className = "", size = undefined, groupId, value } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size", "groupId", "value"]);
|
|
23
|
+
const Checkbox = (0, OneUIProvider_1.useOneUIConfig)("component.radio.Component", Checkmark_1.Checkmark);
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("label", { className: `${Radio_module_scss_1.default.container} ${className}`, style: { fontSize: size }, onClick: (e) => {
|
|
25
|
+
onToggle(!checked);
|
|
26
|
+
e.preventDefault();
|
|
27
|
+
}, children: [(0, jsx_runtime_1.jsx)(Checkbox, Object.assign({ checked: checked, hasContent: !!label }, props)), (0, jsx_runtime_1.jsx)("input", { type: "radio", name: groupId, id: value, value: value, checked: checked, readOnly: true, "data-testid": props["data-testid"] }), label] }));
|
|
52
28
|
}
|
|
53
|
-
|
|
29
|
+
exports.default = Radio;
|
|
30
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA,+DAA6D;AAC7D,4EAAyC;AACzC,8DAA2D;AAE3D,SAAwB,KAAK,CAAC,EAsB3B;QAtB2B,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,KAAK,OAeJ,EAdE,KAAK,cARoB,yEAS7B,CADS;IAeR,MAAM,QAAQ,GAAG,IAAA,8BAAc,EAC7B,2BAA2B,EAC3B,qBAAgB,CACV,CAAC;IAET,OAAO,CACL,mCACE,SAAS,EAAE,GAAG,2BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,aAED,uBAAC,QAAQ,kBAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,IAAM,KAAK,EAAI,EAC9D,kCACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,uBACK,KAAK,CAAC,aAAa,CAAC,GACjC,EACD,KAAK,IACA,CACT,CAAC;AACJ,CAAC;AAlDD,wBAkDC"}
|