@onepercentio/one-ui 0.1.2
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/WebpackConfigs/__snapshots__/email-templates.test.js.snap +9 -0
- package/WebpackConfigs/email-templates.js +251 -0
- package/WebpackConfigs/email-templates.test.js +53 -0
- package/WebpackConfigs/loaders/css-var-removal.js +44 -0
- package/WebpackConfigs/loaders/css-var-removal.test.ts +17 -0
- package/WebpackConfigs/loaders/static-loader.js +26 -0
- package/WebpackConfigs/loaders/svg-to-png.js +170 -0
- package/WebpackConfigs/scripts/css-inliner.ts +24 -0
- package/dist/__test__/utils.d.ts +1 -0
- package/dist/__test__/utils.js +14 -0
- package/dist/__test__/utils.js.map +1 -0
- package/dist/assets/img/svg/checkbox.svg +3 -0
- package/dist/assets/styles/index.scss +2 -0
- package/dist/assets/styles/mixins.scss +12 -0
- package/dist/assets/styles/variables.scss +49 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +9 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +86 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +137 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +19 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +90 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js.map +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +1 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +15 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js.map +1 -0
- package/dist/components/AdaptiveDialog/index.d.ts +1 -0
- package/dist/components/AdaptiveDialog/index.js +9 -0
- package/dist/components/AdaptiveDialog/index.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +7 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +59 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +48 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +15 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +21 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js.map +1 -0
- package/dist/components/AdaptiveSidebar/index.d.ts +1 -0
- package/dist/components/AdaptiveSidebar/index.js +9 -0
- package/dist/components/AdaptiveSidebar/index.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +12 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +162 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +61 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +16 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +82 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js.map +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +20 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js.map +1 -0
- package/dist/components/AnchoredTooltip/index.d.ts +1 -0
- package/dist/components/AnchoredTooltip/index.js +9 -0
- package/dist/components/AnchoredTooltip/index.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +10 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +25 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +18 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +34 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.js.map +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +1 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.test.js +19 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.test.js.map +1 -0
- package/dist/components/AsyncWrapper/index.d.ts +1 -0
- package/dist/components/AsyncWrapper/index.js +9 -0
- package/dist/components/AsyncWrapper/index.js.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +8 -0
- package/dist/components/Avatar/Avatar.js +41 -0
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Avatar/Avatar.module.scss +19 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +14 -0
- package/dist/components/Avatar/Avatar.stories.js +19 -0
- package/dist/components/Avatar/Avatar.stories.js.map +1 -0
- package/dist/components/Avatar/Avatar.test.d.ts +1 -0
- package/dist/components/Avatar/Avatar.test.js +36 -0
- package/dist/components/Avatar/Avatar.test.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Avatar/index.js +9 -0
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.js +27 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.module.scss +42 -0
- package/dist/components/Button/Button.stories.d.ts +9 -0
- package/dist/components/Button/Button.stories.js +34 -0
- package/dist/components/Button/Button.stories.js.map +1 -0
- package/dist/components/Button/Button.test.d.ts +1 -0
- package/dist/components/Button/Button.test.js +15 -0
- package/dist/components/Button/Button.test.js.map +1 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.js +9 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.js +15 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.module.scss +12 -0
- package/dist/components/Card/Card.stories.d.ts +15 -0
- package/dist/components/Card/Card.stories.js +16 -0
- package/dist/components/Card/Card.stories.js.map +1 -0
- package/dist/components/Card/index.d.ts +1 -0
- package/dist/components/Card/index.js +9 -0
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/CheckBox/CheckBox.d.ts +11 -0
- package/dist/components/CheckBox/CheckBox.js +32 -0
- package/dist/components/CheckBox/CheckBox.js.map +1 -0
- package/dist/components/CheckBox/CheckBox.module.scss +25 -0
- package/dist/components/CheckBox/CheckBox.stories.d.ts +20 -0
- package/dist/components/CheckBox/CheckBox.stories.js +30 -0
- package/dist/components/CheckBox/CheckBox.stories.js.map +1 -0
- package/dist/components/CheckBox/index.d.ts +1 -0
- package/dist/components/CheckBox/index.js +9 -0
- package/dist/components/CheckBox/index.js.map +1 -0
- package/dist/components/Collapsable/Collapsable.d.ts +33 -0
- package/dist/components/Collapsable/Collapsable.js +120 -0
- package/dist/components/Collapsable/Collapsable.js.map +1 -0
- package/dist/components/Collapsable/Collapsable.module.scss +33 -0
- package/dist/components/Collapsable/Collapsable.stories.d.ts +39 -0
- package/dist/components/Collapsable/Collapsable.stories.js +28 -0
- package/dist/components/Collapsable/Collapsable.stories.js.map +1 -0
- package/dist/components/Collapsable/index.d.ts +1 -0
- package/dist/components/Collapsable/index.js +9 -0
- package/dist/components/Collapsable/index.js.map +1 -0
- package/dist/components/Countdown/Countdown.d.ts +13 -0
- package/dist/components/Countdown/Countdown.js +76 -0
- package/dist/components/Countdown/Countdown.js.map +1 -0
- package/dist/components/Countdown/Countdown.stories.d.ts +14 -0
- package/dist/components/Countdown/Countdown.stories.js +32 -0
- package/dist/components/Countdown/Countdown.stories.js.map +1 -0
- package/dist/components/Countdown/index.d.ts +1 -0
- package/dist/components/Countdown/index.js +9 -0
- package/dist/components/Countdown/index.js.map +1 -0
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/Divider/Divider.js +16 -0
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Divider/Divider.module.scss +7 -0
- package/dist/components/Divider/Divider.stories.d.ts +7 -0
- package/dist/components/Divider/Divider.stories.js +15 -0
- package/dist/components/Divider/Divider.stories.js.map +1 -0
- package/dist/components/Divider/index.d.ts +1 -0
- package/dist/components/Divider/index.js +9 -0
- package/dist/components/Divider/index.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.d.ts +20 -0
- package/dist/components/EmailInput/EmailInput.js +46 -0
- package/dist/components/EmailInput/EmailInput.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.module.scss +0 -0
- package/dist/components/EmailInput/EmailInput.stories.d.ts +24 -0
- package/dist/components/EmailInput/EmailInput.stories.js +15 -0
- package/dist/components/EmailInput/EmailInput.stories.js.map +1 -0
- package/dist/components/EmailInput/EmailInput.test.d.ts +1 -0
- package/dist/components/EmailInput/EmailInput.test.js +73 -0
- package/dist/components/EmailInput/EmailInput.test.js.map +1 -0
- package/dist/components/EmailInput/index.d.ts +1 -0
- package/dist/components/EmailInput/index.js +9 -0
- package/dist/components/EmailInput/index.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.d.ts +10 -0
- package/dist/components/FadeIn/FadeIn.js +60 -0
- package/dist/components/FadeIn/FadeIn.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.module.scss +18 -0
- package/dist/components/FadeIn/FadeIn.stories.d.ts +24 -0
- package/dist/components/FadeIn/FadeIn.stories.js +16 -0
- package/dist/components/FadeIn/FadeIn.stories.js.map +1 -0
- package/dist/components/FadeIn/FadeIn.test.d.ts +1 -0
- package/dist/components/FadeIn/FadeIn.test.js +22 -0
- package/dist/components/FadeIn/FadeIn.test.js.map +1 -0
- package/dist/components/FadeIn/index.d.ts +1 -0
- package/dist/components/FadeIn/index.js +9 -0
- package/dist/components/FadeIn/index.js.map +1 -0
- package/dist/components/FileInput/FileInput.d.ts +13 -0
- package/dist/components/FileInput/FileInput.js +71 -0
- package/dist/components/FileInput/FileInput.js.map +1 -0
- package/dist/components/FileInput/FileInput.module.scss +27 -0
- package/dist/components/FileInput/FileInput.stories.d.ts +19 -0
- package/dist/components/FileInput/FileInput.stories.js +55 -0
- package/dist/components/FileInput/FileInput.stories.js.map +1 -0
- package/dist/components/FileInput/index.d.ts +1 -0
- package/dist/components/FileInput/index.js +9 -0
- package/dist/components/FileInput/index.js.map +1 -0
- package/dist/components/FlowController/FlowController.d.ts +23 -0
- package/dist/components/FlowController/FlowController.js +34 -0
- package/dist/components/FlowController/FlowController.js.map +1 -0
- package/dist/components/FlowController/FlowController.module.scss +47 -0
- package/dist/components/FlowController/FlowController.stories.d.ts +43 -0
- package/dist/components/FlowController/FlowController.stories.js +97 -0
- package/dist/components/FlowController/FlowController.stories.js.map +1 -0
- package/dist/components/FlowController/FlowController.test.d.ts +1 -0
- package/dist/components/FlowController/FlowController.test.js +166 -0
- package/dist/components/FlowController/FlowController.test.js.map +1 -0
- package/dist/components/FlowController/index.d.ts +1 -0
- package/dist/components/FlowController/index.js +9 -0
- package/dist/components/FlowController/index.js.map +1 -0
- package/dist/components/Freeze/Freeze.d.ts +5 -0
- package/dist/components/Freeze/Freeze.js +13 -0
- package/dist/components/Freeze/Freeze.js.map +1 -0
- package/dist/components/Freeze/Freeze.stories.d.ts +7 -0
- package/dist/components/Freeze/Freeze.stories.js +52 -0
- package/dist/components/Freeze/Freeze.stories.js.map +1 -0
- package/dist/components/Freeze/Freeze.test.d.ts +1 -0
- package/dist/components/Freeze/Freeze.test.js +15 -0
- package/dist/components/Freeze/Freeze.test.js.map +1 -0
- package/dist/components/Freeze/index.d.ts +1 -0
- package/dist/components/Freeze/index.js +9 -0
- package/dist/components/Freeze/index.js.map +1 -0
- package/dist/components/HSForms/HSForms.d.ts +5 -0
- package/dist/components/HSForms/HSForms.js +47 -0
- package/dist/components/HSForms/HSForms.js.map +1 -0
- package/dist/components/HSForms/index.d.ts +1 -0
- package/dist/components/HSForms/index.js +9 -0
- package/dist/components/HSForms/index.js.map +1 -0
- package/dist/components/Header/Header.d.ts +24 -0
- package/dist/components/Header/Header.js +71 -0
- package/dist/components/Header/Header.js.map +1 -0
- package/dist/components/Header/Header.module.scss +109 -0
- package/dist/components/Header/Header.stories.d.ts +27 -0
- package/dist/components/Header/Header.stories.js +41 -0
- package/dist/components/Header/Header.stories.js.map +1 -0
- package/dist/components/Header/Header.test.d.ts +1 -0
- package/dist/components/Header/Header.test.js +96 -0
- package/dist/components/Header/Header.test.js.map +1 -0
- package/dist/components/Header/index.d.ts +1 -0
- package/dist/components/Header/index.js +9 -0
- package/dist/components/Header/index.js.map +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +8 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +17 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +14 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +16 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js.map +1 -0
- package/dist/components/HeaderCloseBtn/index.d.ts +1 -0
- package/dist/components/HeaderCloseBtn/index.js +9 -0
- package/dist/components/HeaderCloseBtn/index.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +11 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +108 -0
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.module.scss +30 -0
- package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +23 -0
- package/dist/components/InfinityScroll/InfinityScroll.stories.js +50 -0
- package/dist/components/InfinityScroll/InfinityScroll.stories.js.map +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +1 -0
- package/dist/components/InfinityScroll/InfinityScroll.test.js +185 -0
- package/dist/components/InfinityScroll/InfinityScroll.test.js.map +1 -0
- package/dist/components/InfinityScroll/index.d.ts +1 -0
- package/dist/components/InfinityScroll/index.js +9 -0
- package/dist/components/InfinityScroll/index.js.map +1 -0
- package/dist/components/Input/Input.d.ts +26 -0
- package/dist/components/Input/Input.js +82 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/Input.module.scss +68 -0
- package/dist/components/Input/Input.stories.d.ts +20 -0
- package/dist/components/Input/Input.stories.js +21 -0
- package/dist/components/Input/Input.stories.js.map +1 -0
- package/dist/components/Input/Input.test.d.ts +1 -0
- package/dist/components/Input/Input.test.js +54 -0
- package/dist/components/Input/Input.test.js.map +1 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.js +9 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +6 -0
- package/dist/components/Loader/Loader.js +18 -0
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/Loader/Loader.module.scss +40 -0
- package/dist/components/Loader/Loader.stories.d.ts +12 -0
- package/dist/components/Loader/Loader.stories.js +16 -0
- package/dist/components/Loader/Loader.stories.js.map +1 -0
- package/dist/components/Loader/index.d.ts +1 -0
- package/dist/components/Loader/index.js +9 -0
- package/dist/components/Loader/index.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +6 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +38 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/index.d.ts +1 -0
- package/dist/components/LoaderDotsIndicator/index.js +9 -0
- package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.d.ts +9 -0
- package/dist/components/MainGrid/MainGrid.js +52 -0
- package/dist/components/MainGrid/MainGrid.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.module.scss +28 -0
- package/dist/components/MainGrid/MainGrid.stories.d.ts +13 -0
- package/dist/components/MainGrid/MainGrid.stories.js +66 -0
- package/dist/components/MainGrid/MainGrid.stories.js.map +1 -0
- package/dist/components/MainGrid/MainGrid.test.d.ts +1 -0
- package/dist/components/MainGrid/MainGrid.test.js +18 -0
- package/dist/components/MainGrid/MainGrid.test.js.map +1 -0
- package/dist/components/MainGrid/index.d.ts +1 -0
- package/dist/components/MainGrid/index.js +9 -0
- package/dist/components/MainGrid/index.js.map +1 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +7 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +18 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +82 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +13 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +16 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map +1 -0
- package/dist/components/MutableHamburgerButton/index.d.ts +1 -0
- package/dist/components/MutableHamburgerButton/index.js +9 -0
- package/dist/components/MutableHamburgerButton/index.js.map +1 -0
- package/dist/components/Notification/Notification.d.ts +7 -0
- package/dist/components/Notification/Notification.js +16 -0
- package/dist/components/Notification/Notification.js.map +1 -0
- package/dist/components/Notification/Notification.module.scss +25 -0
- package/dist/components/Notification/Notification.stories.d.ts +15 -0
- package/dist/components/Notification/Notification.stories.js +19 -0
- package/dist/components/Notification/Notification.stories.js.map +1 -0
- package/dist/components/Notification/index.d.ts +1 -0
- package/dist/components/Notification/index.js +9 -0
- package/dist/components/Notification/index.js.map +1 -0
- package/dist/components/Parallax/Parallax.d.ts +15 -0
- package/dist/components/Parallax/Parallax.js +171 -0
- package/dist/components/Parallax/Parallax.js.map +1 -0
- package/dist/components/Parallax/Parallax.module.scss +28 -0
- package/dist/components/Parallax/Parallax.stories.d.ts +32 -0
- package/dist/components/Parallax/Parallax.stories.js +23 -0
- package/dist/components/Parallax/Parallax.stories.js.map +1 -0
- package/dist/components/Parallax/Parallax.test.d.ts +1 -0
- package/dist/components/Parallax/Parallax.test.js +22 -0
- package/dist/components/Parallax/Parallax.test.js.map +1 -0
- package/dist/components/Parallax/index.d.ts +1 -0
- package/dist/components/Parallax/index.js +9 -0
- 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 +230 -0
- package/dist/components/Parallax/math/helpers.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +38 -0
- package/dist/components/PasswordInput/PasswordInput.js +102 -0
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.module.scss +11 -0
- package/dist/components/PasswordInput/PasswordInput.test.d.ts +1 -0
- package/dist/components/PasswordInput/PasswordInput.test.js +153 -0
- package/dist/components/PasswordInput/PasswordInput.test.js.map +1 -0
- package/dist/components/PasswordInput/index.d.ts +1 -0
- package/dist/components/PasswordInput/index.js +9 -0
- package/dist/components/PasswordInput/index.js.map +1 -0
- package/dist/components/PixelatedScan/PixelatedScan.d.ts +8 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +101 -0
- package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
- package/dist/components/PixelatedScan/PixelatedScan.module.scss +86 -0
- package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +15 -0
- package/dist/components/PixelatedScan/PixelatedScan.stories.js +40 -0
- package/dist/components/PixelatedScan/PixelatedScan.stories.js.map +1 -0
- package/dist/components/PixelatedScan/index.d.ts +1 -0
- package/dist/components/PixelatedScan/index.js +9 -0
- package/dist/components/PixelatedScan/index.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +22 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +38 -0
- package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.module.scss +37 -0
- package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +24 -0
- package/dist/components/ProgressTexts/ProgressTexts.stories.js +86 -0
- package/dist/components/ProgressTexts/ProgressTexts.stories.js.map +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +1 -0
- package/dist/components/ProgressTexts/ProgressTexts.test.js +52 -0
- package/dist/components/ProgressTexts/ProgressTexts.test.js.map +1 -0
- package/dist/components/ProgressTexts/index.d.ts +1 -0
- package/dist/components/ProgressTexts/index.js +9 -0
- package/dist/components/ProgressTexts/index.js.map +1 -0
- package/dist/components/Select/Select.d.ts +22 -0
- package/dist/components/Select/Select.js +72 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/Select.module.scss +47 -0
- package/dist/components/Select/Select.stories.d.ts +48 -0
- package/dist/components/Select/Select.stories.js +34 -0
- package/dist/components/Select/Select.stories.js.map +1 -0
- package/dist/components/Select/Select.test.d.ts +1 -0
- package/dist/components/Select/Select.test.js +12 -0
- package/dist/components/Select/Select.test.js.map +1 -0
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.js +9 -0
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Spacing/Spacing.d.ts +6 -0
- package/dist/components/Spacing/Spacing.js +15 -0
- package/dist/components/Spacing/Spacing.js.map +1 -0
- package/dist/components/Spacing/Spacing.module.scss +13 -0
- package/dist/components/Spacing/Spacing.stories.d.ts +7 -0
- package/dist/components/Spacing/Spacing.stories.js +35 -0
- package/dist/components/Spacing/Spacing.stories.js.map +1 -0
- package/dist/components/Spacing/index.d.ts +1 -0
- package/dist/components/Spacing/index.js +9 -0
- package/dist/components/Spacing/index.js.map +1 -0
- package/dist/components/Table/Table.d.ts +19 -0
- package/dist/components/Table/Table.js +84 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/Table.module.scss +76 -0
- package/dist/components/Table/Table.stories.d.ts +15 -0
- package/dist/components/Table/Table.stories.js +84 -0
- package/dist/components/Table/Table.stories.js.map +1 -0
- package/dist/components/Table/Table.test.d.ts +1 -0
- package/dist/components/Table/Table.test.js +35 -0
- package/dist/components/Table/Table.test.js.map +1 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/Table/index.js +9 -0
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +11 -0
- package/dist/components/Tabs/Tabs.js +45 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/Tabs.module.scss +22 -0
- package/dist/components/Tabs/Tabs.test.d.ts +1 -0
- package/dist/components/Tabs/Tabs.test.js +39 -0
- package/dist/components/Tabs/Tabs.test.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/Tabs/index.js +9 -0
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +8 -0
- package/dist/components/Text/Text.js +27 -0
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/Text.module.scss +77 -0
- package/dist/components/Text/Text.stories.d.ts +7 -0
- package/dist/components/Text/Text.stories.js +20 -0
- package/dist/components/Text/Text.stories.js.map +1 -0
- package/dist/components/Text/Text.test.d.ts +1 -0
- package/dist/components/Text/Text.test.js +12 -0
- package/dist/components/Text/Text.test.js.map +1 -0
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/Text/index.js +9 -0
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Transition/Transition.d.ts +47 -0
- package/dist/components/Transition/Transition.js +223 -0
- package/dist/components/Transition/Transition.js.map +1 -0
- package/dist/components/Transition/Transition.module.scss +135 -0
- package/dist/components/Transition/Transition.stories.d.ts +10 -0
- package/dist/components/Transition/Transition.stories.js +29 -0
- package/dist/components/Transition/Transition.stories.js.map +1 -0
- package/dist/components/Transition/Transition.test.d.ts +1 -0
- package/dist/components/Transition/Transition.test.js +55 -0
- package/dist/components/Transition/Transition.test.js.map +1 -0
- package/dist/components/Transition/index.d.ts +1 -0
- package/dist/components/Transition/index.js +10 -0
- package/dist/components/Transition/index.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +11 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +95 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +28 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +180 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss +62 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +131 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js.map +1 -0
- package/dist/components/UncontrolledTransition/index.d.ts +1 -0
- package/dist/components/UncontrolledTransition/index.js +9 -0
- package/dist/components/UncontrolledTransition/index.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +35 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +86 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +47 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +56 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +1 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +133 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js.map +1 -0
- package/dist/components/WalletConnectionWrapper/index.d.ts +1 -0
- package/dist/components/WalletConnectionWrapper/index.js +9 -0
- package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +54 -0
- package/dist/context/OneUIProvider.js +60 -0
- package/dist/context/OneUIProvider.js.map +1 -0
- package/dist/context/OneUIProvider.test.d.ts +1 -0
- package/dist/context/OneUIProvider.test.js +46 -0
- package/dist/context/OneUIProvider.test.js.map +1 -0
- package/dist/context/__mocks__/OneUIProvider.d.ts +45 -0
- package/dist/context/__mocks__/OneUIProvider.js +13 -0
- package/dist/context/__mocks__/OneUIProvider.js.map +1 -0
- package/dist/hooks/useAsyncControl.d.ts +9 -0
- package/dist/hooks/useAsyncControl.js +40 -0
- package/dist/hooks/useAsyncControl.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +19 -0
- package/dist/hooks/usePagination.js +65 -0
- package/dist/hooks/usePagination.js.map +1 -0
- package/dist/hooks/usePooledOperation.d.ts +15 -0
- package/dist/hooks/usePooledOperation.js +64 -0
- package/dist/hooks/usePooledOperation.js.map +1 -0
- package/dist/hooks/usePooling.d.ts +16 -0
- package/dist/hooks/usePooling.js +47 -0
- package/dist/hooks/usePooling.js.map +1 -0
- package/dist/hooks/usePooling.test.d.ts +1 -0
- package/dist/hooks/usePooling.test.js +104 -0
- package/dist/hooks/usePooling.test.js.map +1 -0
- package/dist/hooks/useShortIntl.d.ts +14 -0
- package/dist/hooks/useShortIntl.js +35 -0
- package/dist/hooks/useShortIntl.js.map +1 -0
- package/dist/models/GenericContract.d.ts +66 -0
- package/dist/models/GenericContract.js +14 -0
- package/dist/models/GenericContract.js.map +1 -0
- package/dist/storybookUtils/index.d.ts +5 -0
- package/dist/storybookUtils/index.js +27 -0
- package/dist/storybookUtils/index.js.map +1 -0
- package/package.json +85 -0
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
+
var t = {};
|
|
23
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
+
t[p] = s[p];
|
|
25
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
+
t[p[i]] = s[p[i]];
|
|
29
|
+
}
|
|
30
|
+
return t;
|
|
31
|
+
};
|
|
32
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
+
};
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.CollapsableInterface = void 0;
|
|
37
|
+
const FadeIn_1 = __importDefault(require("../FadeIn"));
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Collapsable_module_scss_1 = __importDefault(require("./Collapsable.module.scss"));
|
|
40
|
+
/**
|
|
41
|
+
* Wrapps some content on a collapsable header
|
|
42
|
+
**/
|
|
43
|
+
function Collapsable(_a) {
|
|
44
|
+
var { children, title, className, onToggleOpen, open, id, mode = "block", contentClassName, onContentClick } = _a, props = __rest(_a, ["children", "title", "className", "onToggleOpen", "open", "id", "mode", "contentClassName", "onContentClick"]);
|
|
45
|
+
const contentRef = (0, react_1.useRef)(null);
|
|
46
|
+
(0, react_1.useEffect)(() => {
|
|
47
|
+
const el = contentRef.current;
|
|
48
|
+
if (open) {
|
|
49
|
+
el.style.height = el.scrollHeight + "px";
|
|
50
|
+
el.parentElement.style.position = "relative";
|
|
51
|
+
const onTransitionEnd = () => {
|
|
52
|
+
el.style.height = "auto";
|
|
53
|
+
};
|
|
54
|
+
el.addEventListener("transitionend", onTransitionEnd);
|
|
55
|
+
el.addEventListener("transitionend", () => el.removeEventListener("transitionend", onTransitionEnd));
|
|
56
|
+
return () => {
|
|
57
|
+
el.removeEventListener("transitionend", onTransitionEnd);
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
el.style.height = el.clientHeight + "px";
|
|
62
|
+
setTimeout(() => {
|
|
63
|
+
el.style.height = 0 + "px";
|
|
64
|
+
}, 100);
|
|
65
|
+
const onTransitionEnd = () => {
|
|
66
|
+
el.parentElement.style.position = "initial";
|
|
67
|
+
el.removeEventListener("transitionend", onTransitionEnd);
|
|
68
|
+
};
|
|
69
|
+
el.addEventListener("transitionend", onTransitionEnd);
|
|
70
|
+
return () => {
|
|
71
|
+
el.removeEventListener("transitionend", onTransitionEnd);
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
}, [open]);
|
|
75
|
+
return (react_1.default.createElement("div", { "data-testid": props["data-testid"], className: `${Collapsable_module_scss_1.default.container} ${open ? Collapsable_module_scss_1.default.open : Collapsable_module_scss_1.default.closed} ${className}` },
|
|
76
|
+
react_1.default.createElement("div", { onClick: () => onToggleOpen(!open), id: _collapsableId("header", id) }, title),
|
|
77
|
+
react_1.default.createElement("div", { ref: contentRef, className: `${Collapsable_module_scss_1.default.content} ${Collapsable_module_scss_1.default[mode] || ""} ${contentClassName}`, id: _collapsableId("content", id), onClick: onContentClick },
|
|
78
|
+
react_1.default.createElement(FadeIn_1.default, null, open ? children : null))));
|
|
79
|
+
}
|
|
80
|
+
exports.default = Collapsable;
|
|
81
|
+
function _collapsableId(type, id) {
|
|
82
|
+
return id ? `collapsable_${type}_${id}` : undefined;
|
|
83
|
+
}
|
|
84
|
+
class _CollapsableInterface {
|
|
85
|
+
constructor(id) {
|
|
86
|
+
this._id = id;
|
|
87
|
+
}
|
|
88
|
+
_getElements() {
|
|
89
|
+
return {
|
|
90
|
+
header: document.getElementById(_collapsableId("header", this._id)),
|
|
91
|
+
content: document.getElementById(_collapsableId("content", this._id)),
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
open(onOpened) {
|
|
95
|
+
const { header, content } = this._getElements();
|
|
96
|
+
if (((content === null || content === void 0 ? void 0 : content.clientHeight) || 0) === 0) {
|
|
97
|
+
header.click();
|
|
98
|
+
content.addEventListener("transitionend", function _handler() {
|
|
99
|
+
content.removeEventListener("transitionend", _handler);
|
|
100
|
+
onOpened();
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
onOpened();
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
getElement(type) {
|
|
108
|
+
return document.getElementById(_collapsableId(type, this._id));
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
/**
|
|
112
|
+
* A helper function for interacting with collapsables without a reference
|
|
113
|
+
* @param id
|
|
114
|
+
* @returns
|
|
115
|
+
*/
|
|
116
|
+
function CollapsableInterface(id) {
|
|
117
|
+
return new _CollapsableInterface(id);
|
|
118
|
+
}
|
|
119
|
+
exports.CollapsableInterface = CollapsableInterface;
|
|
120
|
+
//# sourceMappingURL=Collapsable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsable.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@import "../../assets/styles/index.scss";
|
|
2
|
+
|
|
3
|
+
.container {
|
|
4
|
+
> .title {
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
margin: 0px;
|
|
7
|
+
display: block;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.open .title::after {
|
|
12
|
+
transform: translateX(-0.5em) rotateX(180deg) rotateZ(45deg);
|
|
13
|
+
}
|
|
14
|
+
.closed .title::after {
|
|
15
|
+
transform: translateX(-0.5em) rotateX(0deg) rotateZ(45deg);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.content {
|
|
19
|
+
width: 100%;
|
|
20
|
+
max-width: 500px;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
transition: height $fast ease-in;
|
|
23
|
+
height: 0px;
|
|
24
|
+
&.float {
|
|
25
|
+
position: absolute;
|
|
26
|
+
z-index: 100;
|
|
27
|
+
background: $mainBackgroundColor;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.open {
|
|
32
|
+
transition: height $fast ease-out;
|
|
33
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Collapsable from "./Collapsable";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof Collapsable;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const InitialImplementation: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
title: React.ReactNode;
|
|
12
|
+
className?: string | undefined;
|
|
13
|
+
contentClassName?: string | undefined;
|
|
14
|
+
onToggleOpen: (isOpen: boolean) => void;
|
|
15
|
+
open: boolean;
|
|
16
|
+
id?: string | undefined;
|
|
17
|
+
mode?: "block" | "float" | undefined;
|
|
18
|
+
"data-testid"?: string | undefined;
|
|
19
|
+
onContentClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
|
|
20
|
+
} & {
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
}>;
|
|
23
|
+
};
|
|
24
|
+
export declare const FloatingContent: {
|
|
25
|
+
(args: any): JSX.Element;
|
|
26
|
+
args: Partial<{
|
|
27
|
+
title: React.ReactNode;
|
|
28
|
+
className?: string | undefined;
|
|
29
|
+
contentClassName?: string | undefined;
|
|
30
|
+
onToggleOpen: (isOpen: boolean) => void;
|
|
31
|
+
open: boolean;
|
|
32
|
+
id?: string | undefined;
|
|
33
|
+
mode?: "block" | "float" | undefined;
|
|
34
|
+
"data-testid"?: string | undefined;
|
|
35
|
+
onContentClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
|
|
36
|
+
} & {
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
}>;
|
|
39
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.FloatingContent = exports.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Collapsable_1 = __importDefault(require("./Collapsable"));
|
|
9
|
+
exports.default = {
|
|
10
|
+
component: Collapsable_1.default,
|
|
11
|
+
title: "Collapsable",
|
|
12
|
+
};
|
|
13
|
+
const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { backgroundColor: "lightgreen" } },
|
|
14
|
+
react_1.default.createElement(Collapsable_1.default, Object.assign({}, args))));
|
|
15
|
+
exports.InitialImplementation = InitialImplementation;
|
|
16
|
+
exports.InitialImplementation.args = {
|
|
17
|
+
title: "Example title",
|
|
18
|
+
children: (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
|
+
react_1.default.createElement("h1", null, "H1"),
|
|
20
|
+
react_1.default.createElement("h2", null, "H2"),
|
|
21
|
+
react_1.default.createElement("h3", null, "H3"),
|
|
22
|
+
react_1.default.createElement("h4", null, "H4"))),
|
|
23
|
+
};
|
|
24
|
+
const FloatingContent = (args) => (react_1.default.createElement("div", { style: { backgroundColor: "lightgreen" } },
|
|
25
|
+
react_1.default.createElement(Collapsable_1.default, Object.assign({}, args))));
|
|
26
|
+
exports.FloatingContent = FloatingContent;
|
|
27
|
+
exports.FloatingContent.args = Object.assign(Object.assign({}, exports.InitialImplementation.args), { mode: "float", open: true });
|
|
28
|
+
//# sourceMappingURL=Collapsable.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsable.stories.js","sourceRoot":"","sources":["../../../src/components/Collapsable/Collapsable.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gEAAwC;AAExC,kBAAe;IACb,SAAS,EAAE,qBAAW;IACtB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE;IAC3C,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CACrB,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,CACR;QACE,+CAAW;QACX,+CAAW;QACX,+CAAW;QACX,+CAAW,CACV,CACJ;CACmD,CAAC;AAChD,MAAM,eAAe,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAC5C,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE;IAC3C,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CACrB,CACP,CAAC;AAJW,QAAA,eAAe,mBAI1B;AACF,uBAAe,CAAC,IAAI,GAAG,gCAClB,6BAAqB,CAAC,IAAI,KAC7B,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,IAAI,GAC0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Collapsable';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Collapsable_1 = require("./Collapsable");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Collapsable_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapsable/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare type TimeObject = {
|
|
2
|
+
hours: number;
|
|
3
|
+
minutes: number;
|
|
4
|
+
seconds: number;
|
|
5
|
+
};
|
|
6
|
+
export declare function calculateTimeFromTimespan(timespan: number): TimeObject;
|
|
7
|
+
/**
|
|
8
|
+
* You five it some time, and a countdown is shown
|
|
9
|
+
**/
|
|
10
|
+
export default function Countdown({ timeRemaining, onFinish, }: {
|
|
11
|
+
timeRemaining: number;
|
|
12
|
+
onFinish?: () => void;
|
|
13
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
exports.calculateTimeFromTimespan = void 0;
|
|
23
|
+
const react_1 = __importStar(require("react"));
|
|
24
|
+
function calculateTimeFromTimespan(timespan) {
|
|
25
|
+
const seconds = Math.floor(timespan / 1000);
|
|
26
|
+
const minutes = Math.floor(seconds / 60);
|
|
27
|
+
const hours = Math.floor(minutes / 60);
|
|
28
|
+
return {
|
|
29
|
+
hours,
|
|
30
|
+
minutes: minutes % 60,
|
|
31
|
+
seconds: seconds % 60,
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
exports.calculateTimeFromTimespan = calculateTimeFromTimespan;
|
|
35
|
+
const IntegerFormatter = new Intl.NumberFormat(undefined, {
|
|
36
|
+
minimumIntegerDigits: 2,
|
|
37
|
+
});
|
|
38
|
+
/**
|
|
39
|
+
* You five it some time, and a countdown is shown
|
|
40
|
+
**/
|
|
41
|
+
function Countdown({ timeRemaining, onFinish, }) {
|
|
42
|
+
const [t, setT] = (0, react_1.useState)(() => calculateTimeFromTimespan(timeRemaining));
|
|
43
|
+
(0, react_1.useEffect)(() => {
|
|
44
|
+
const cl = setInterval(() => {
|
|
45
|
+
setT((prev) => {
|
|
46
|
+
let nextSecond = prev.seconds - 1;
|
|
47
|
+
let nextMinute = prev.minutes;
|
|
48
|
+
let nextHour = prev.hours;
|
|
49
|
+
if (nextSecond < 0) {
|
|
50
|
+
nextSecond = 59;
|
|
51
|
+
nextMinute -= 1;
|
|
52
|
+
if (nextMinute < 0) {
|
|
53
|
+
nextMinute = 59;
|
|
54
|
+
nextHour -= 1;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
if (nextHour === 0 && nextMinute === 0 && nextSecond === 0) {
|
|
58
|
+
if (onFinish)
|
|
59
|
+
onFinish();
|
|
60
|
+
clearInterval(cl);
|
|
61
|
+
}
|
|
62
|
+
return {
|
|
63
|
+
seconds: nextSecond,
|
|
64
|
+
minutes: nextMinute,
|
|
65
|
+
hours: nextHour,
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
}, 1000);
|
|
69
|
+
return () => {
|
|
70
|
+
clearInterval(cl);
|
|
71
|
+
};
|
|
72
|
+
}, [timeRemaining]);
|
|
73
|
+
return (react_1.default.createElement("span", null, `${IntegerFormatter.format(t.hours)}:${IntegerFormatter.format(t.minutes)}:${IntegerFormatter.format(t.seconds)}`));
|
|
74
|
+
}
|
|
75
|
+
exports.default = Countdown;
|
|
76
|
+
//# sourceMappingURL=Countdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAQnD,SAAgB,yBAAyB,CAAC,QAAgB;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,OAAO;QACL,KAAK;QACL,OAAO,EAAE,OAAO,GAAG,EAAE;QACrB,OAAO,EAAE,OAAO,GAAG,EAAE;KACtB,CAAC;AACJ,CAAC;AATD,8DASC;AAED,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;IACxD,oBAAoB,EAAE,CAAC;CACxB,CAAC,CAAC;AAEH;;IAEI;AACJ,SAAwB,SAAS,CAAC,EAChC,aAAa,EACb,QAAQ,GAIT;IACC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAa,GAAG,EAAE,CAC1C,yBAAyB,CAAC,aAAa,CAAC,CACzC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,UAAU,GAAG,IAAK,CAAC,OAAO,GAAG,CAAC,CAAC;gBACnC,IAAI,UAAU,GAAG,IAAK,CAAC,OAAO,CAAC;gBAC/B,IAAI,QAAQ,GAAG,IAAK,CAAC,KAAK,CAAC;gBAC3B,IAAI,UAAU,GAAG,CAAC,EAAE;oBAClB,UAAU,GAAG,EAAE,CAAC;oBAChB,UAAU,IAAI,CAAC,CAAC;oBAChB,IAAI,UAAU,GAAG,CAAC,EAAE;wBAClB,UAAU,GAAG,EAAE,CAAC;wBAChB,QAAQ,IAAI,CAAC,CAAC;qBACf;iBACF;gBAED,IAAI,QAAQ,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,EAAE;oBAC1D,IAAI,QAAQ;wBAAE,QAAQ,EAAE,CAAC;oBACzB,aAAa,CAAC,EAAE,CAAC,CAAC;iBACnB;gBAED,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,OAAO,EAAE,UAAU;oBACnB,KAAK,EAAE,QAAQ;iBAChB,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,4CACG,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAC9D,CAAE,CAAC,OAAO,CACX,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAE,CAAC,OAAO,CAAC,EAAE,CACrC,CACR,CAAC;AACJ,CAAC;AAnDD,4BAmDC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import Countdown from "./Countdown";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
component: typeof Countdown;
|
|
4
|
+
title: string;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const InitialImplementation: {
|
|
8
|
+
(args: any): JSX.Element;
|
|
9
|
+
args: Partial<{
|
|
10
|
+
timeRemaining: number;
|
|
11
|
+
onFinish?: (() => void) | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
};
|
|
14
|
+
export declare const SynergyTextAndCountdown: (args: any) => JSX.Element[];
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SynergyTextAndCountdown = exports.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_intl_1 = require("react-intl");
|
|
9
|
+
const storybookUtils_1 = require("../../storybookUtils");
|
|
10
|
+
const Text_1 = __importDefault(require("../Text"));
|
|
11
|
+
const Countdown_1 = __importDefault(require("./Countdown"));
|
|
12
|
+
exports.default = {
|
|
13
|
+
component: Countdown_1.default,
|
|
14
|
+
title: "Countdown",
|
|
15
|
+
};
|
|
16
|
+
const InitialImplementation = (args) => (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
|
|
17
|
+
react_1.default.createElement(Countdown_1.default, Object.assign({}, args))));
|
|
18
|
+
exports.InitialImplementation = InitialImplementation;
|
|
19
|
+
exports.InitialImplementation.args = {
|
|
20
|
+
timeRemaining: 1000 * 60 * 60 * 12, // 12 hours
|
|
21
|
+
};
|
|
22
|
+
const SynergyTextAndCountdown = (args) => {
|
|
23
|
+
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.default, "type");
|
|
24
|
+
return variants.map((type) => {
|
|
25
|
+
return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
|
|
26
|
+
react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
|
|
27
|
+
react_1.default.createElement(Text_1.default, { type: type },
|
|
28
|
+
react_1.default.createElement(Countdown_1.default, { timeRemaining: 1000 * 60 * 60 * 12 - Math.random() * 1000 * 60 * 60 * 3 })))));
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
exports.SynergyTextAndCountdown = SynergyTextAndCountdown;
|
|
32
|
+
//# sourceMappingURL=Countdown.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Countdown.stories.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAA0C;AAC1C,yDAG8B;AAC9B,mDAA2B;AAC3B,4DAAoC;AAEpC,kBAAe;IACb,SAAS,EAAE,mBAAS;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;IAC1B,8BAAC,mBAAS,oBAAK,IAAI,EAAI,CACV,CAChB,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,aAAa,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,WAAW;CACG,CAAC;AAE9C,MAAM,uBAAuB,GAAG,CAAC,IAAS,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,IAAA,oDAAmC,EAAC,cAAI,EAAE,MAAM,CAAC,CAAC;IAEnE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CACL,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;YAC1B,8BAAC,oCAAmB,IAAC,WAAW,EAAE,0BAA0B,IAAI,EAAE;gBAChE,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI;oBACd,8BAAC,mBAAS,IACR,aAAa,EACX,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAE1D,CACG,CACa,CACT,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,uBAAuB,2BAkBlC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Countdown';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Countdown_1 = require("./Countdown");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Countdown_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Countdown/index.tsx"],"names":[],"mappings":";;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const Divider_module_scss_1 = __importDefault(require("./Divider.module.scss"));
|
|
8
|
+
/**
|
|
9
|
+
* Guess what this does
|
|
10
|
+
**/
|
|
11
|
+
function Divider({ className = "" }) {
|
|
12
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
13
|
+
react_1.default.createElement("div", { className: `${Divider_module_scss_1.default.container} ${className}` })));
|
|
14
|
+
}
|
|
15
|
+
exports.default = Divider;
|
|
16
|
+
//# sourceMappingURL=Divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gFAA2C;AAE3C;;IAEI;AACJ,SAAwB,OAAO,CAAC,EAAC,SAAS,GAAG,EAAE,EAAuB;IACpE,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,GAAG,6BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,GAAI,CACrD,CACJ,CAAC;AACJ,CAAC;AAND,0BAMC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Primary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Divider_1 = __importDefault(require("./Divider"));
|
|
9
|
+
exports.default = {
|
|
10
|
+
component: Divider_1.default,
|
|
11
|
+
title: "Divisor",
|
|
12
|
+
};
|
|
13
|
+
const Primary = (args) => react_1.default.createElement(Divider_1.default, Object.assign({}, args));
|
|
14
|
+
exports.Primary = Primary;
|
|
15
|
+
//# sourceMappingURL=Divider.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAgC;AAEhC,kBAAe;IACb,SAAS,EAAE,iBAAO;IAClB,KAAK,EAAE,SAAS;CACjB,CAAC;AACK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,iBAAO,oBAAK,IAAI,EAAI,CAAC;AAA/C,QAAA,OAAO,WAAwC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Divider';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Divider_1 = require("./Divider");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
3
|
+
error?: string | undefined;
|
|
4
|
+
hideError?: "onfocus" | undefined;
|
|
5
|
+
placeholder?: string | undefined;
|
|
6
|
+
disclaimer?: string | undefined;
|
|
7
|
+
icon?: ({
|
|
8
|
+
onClick?: (() => void) | undefined;
|
|
9
|
+
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
10
|
+
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
11
|
+
} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
|
|
12
|
+
onChange: (email: string, isValid: boolean) => void;
|
|
13
|
+
value: string;
|
|
14
|
+
messages: {
|
|
15
|
+
invalidEmail: string;
|
|
16
|
+
};
|
|
17
|
+
}, "hidden" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "open" | "error" | "tabIndex" | "onFocus" | "placeholder" | "height" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "Icon" | "messages" | "hideError" | "icon" | "disclaimer"> & React.RefAttributes<{
|
|
18
|
+
validateEmail: (email: string) => boolean;
|
|
19
|
+
}>>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const Input_1 = __importDefault(require("../Input"));
|
|
27
|
+
function validateEmail(email) {
|
|
28
|
+
return /@.*\./.test(email);
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* A Input based wrapper to handle inputs of email
|
|
32
|
+
**/
|
|
33
|
+
function EmailInput(props, ref) {
|
|
34
|
+
const [localWarning, setLocalWarning] = (0, react_1.useState)(props.value ? !validateEmail(props.value) : false);
|
|
35
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
36
|
+
validateEmail: validateEmail,
|
|
37
|
+
}));
|
|
38
|
+
function _handleInputChange(e) {
|
|
39
|
+
props.onChange(e.target.value, validateEmail(e.target.value));
|
|
40
|
+
}
|
|
41
|
+
return (react_1.default.createElement(Input_1.default, Object.assign({}, props, { error: localWarning ? props.messages.invalidEmail : props.error, onBlur: ({ target: { value } }) => {
|
|
42
|
+
setLocalWarning(!!value && !validateEmail(value));
|
|
43
|
+
}, onFocus: () => setLocalWarning(false), onChange: _handleInputChange })));
|
|
44
|
+
}
|
|
45
|
+
exports.default = (0, react_1.forwardRef)(EmailInput);
|
|
46
|
+
//# sourceMappingURL=EmailInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,qDAA6B;AAE7B,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;IAEI;AACJ,SAAS,UAAU,CACjB,KAMC,EACD,GAEE;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAClD,CAAC;IACF,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC,CAAC;IACJ,SAAS,kBAAkB,CAAC,CAAgC;QAC1D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,CACL,8BAAC,eAAK,oBACA,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAC/D,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAChC,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,kBAAkB,IAC5B,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC"}
|
|
File without changes
|