@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,34 @@
|
|
|
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.HeadingImage = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Button_1 = __importDefault(require("../Button"));
|
|
9
|
+
const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
|
|
10
|
+
const Transition_1 = __importDefault(require("../Transition"));
|
|
11
|
+
const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
|
|
12
|
+
/**
|
|
13
|
+
* Container for a flow, managing the go back and close controller
|
|
14
|
+
**/
|
|
15
|
+
function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
|
|
16
|
+
function _handleBackPress() {
|
|
17
|
+
if (isAtFirstStep)
|
|
18
|
+
onClose && onClose();
|
|
19
|
+
else if (onBack)
|
|
20
|
+
onBack();
|
|
21
|
+
}
|
|
22
|
+
const isAtFirstStep = step === firstStep;
|
|
23
|
+
const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
|
|
24
|
+
return (react_1.default.createElement(Wrapper, { onClick: (e) => e.stopPropagation(), className: FlowController_module_scss_1.default.container, style: style },
|
|
25
|
+
react_1.default.createElement("header", null, shouldDisplayHeaderButton && (react_1.default.createElement(HeaderCloseBtn_1.default, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress }))),
|
|
26
|
+
react_1.default.createElement(Transition_1.default, { step: step, className: FlowController_module_scss_1.default.transition, contentClassName: `${fullPage ? FlowController_module_scss_1.default.fullHeight : ""} ${FlowController_module_scss_1.default.content}` }, children),
|
|
27
|
+
react_1.default.createElement("footer", { className: buttons.find((b) => b.state === "hidden") ? FlowController_module_scss_1.default.hidden : undefined }, buttons.map((b) => (react_1.default.createElement(Button_1.default, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled" }, b.label))))));
|
|
28
|
+
}
|
|
29
|
+
exports.default = FlowController;
|
|
30
|
+
function HeadingImage({ src }) {
|
|
31
|
+
return react_1.default.createElement("img", { src: src, className: FlowController_module_scss_1.default.headingImg });
|
|
32
|
+
}
|
|
33
|
+
exports.HeadingImage = HeadingImage;
|
|
34
|
+
//# sourceMappingURL=FlowController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowController.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgF;AAChF,uDAA+B;AAC/B,uEAA+C;AAC/C,+DAAuC;AACvC,8FAAkD;AAGlD;;IAEI;AACJ,SAAwB,cAAc,CAGpC,EACA,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,KAAK,EACL,OAAO,EAAE,OAAO,GAAG,KAAY,GAezB;IACN,SAAS,gBAAgB;QACvB,IAAI,aAAa;YAAE,OAAO,IAAI,OAAO,EAAE,CAAC;aACnC,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC;IAEzC,MAAM,yBAAyB,GAC7B,CAAC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC;IAE3D,OAAO,CACL,8BAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC/C,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK;QAEZ,8CACG,yBAAyB,IAAI,CAC5B,8BAAC,wBAAc,IACb,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,MAAM,EAAE,CAAC,MAAM,EACf,OAAO,EAAE,gBAAgB,GACzB,CACH,CACM;QACT,8BAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,oCAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IACpD,oCAAM,CAAC,OACT,EAAE,IAED,QAAQ,CACE;QACb,0CACE,SAAS,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,oCAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAGtE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,IAEvD,CAAC,CAAC,KAAK,CACD,CACV,CAAC,CACK,CACD,CACX,CAAC;AACJ,CAAC;AA9ED,iCA8EC;AAED,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAmB;IACnD,OAAO,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,oCAAM,CAAC,UAAU,GAAI,CAAC;AACzD,CAAC;AAFD,oCAEC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
@import "../../assets/styles/index.scss";
|
|
2
|
+
|
|
3
|
+
.container {
|
|
4
|
+
.headingImg {
|
|
5
|
+
width: 100%;
|
|
6
|
+
margin: 0px -33px;
|
|
7
|
+
}
|
|
8
|
+
height: 100%;
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
button {
|
|
13
|
+
width: 100%;
|
|
14
|
+
border-top: 1px solid $lightGray;
|
|
15
|
+
}
|
|
16
|
+
.transition {
|
|
17
|
+
margin-top: -105px;
|
|
18
|
+
height: 100%;
|
|
19
|
+
.content {
|
|
20
|
+
padding: 0px 33px 33px 33px;
|
|
21
|
+
margin-top: 105px;
|
|
22
|
+
max-height: calc(100% - 105px);
|
|
23
|
+
|
|
24
|
+
&.fullHeight {
|
|
25
|
+
margin-top: 0px;
|
|
26
|
+
max-height: 100%;
|
|
27
|
+
height: 100%;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
section {
|
|
31
|
+
border-top: 1px solid $lightGray;
|
|
32
|
+
margin: 0px -33px;
|
|
33
|
+
padding: 0px 33px;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
header {
|
|
37
|
+
margin: 55px 33px;
|
|
38
|
+
margin-bottom: 33px;
|
|
39
|
+
}
|
|
40
|
+
footer {
|
|
41
|
+
transition: opacity $fast;
|
|
42
|
+
opacity: 1;
|
|
43
|
+
}
|
|
44
|
+
footer.hidden {
|
|
45
|
+
opacity: 0;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import C from "./FlowController";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof C;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Primary: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
onClose?: (() => void) | undefined;
|
|
12
|
+
onBack?: (() => void) | undefined;
|
|
13
|
+
step: number;
|
|
14
|
+
firstStep?: number | undefined;
|
|
15
|
+
buttons: {
|
|
16
|
+
label: string;
|
|
17
|
+
onClick: () => void;
|
|
18
|
+
state: import("./FlowController").FlowControlState;
|
|
19
|
+
}[];
|
|
20
|
+
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
21
|
+
fullPage?: boolean | undefined;
|
|
22
|
+
style?: React.CSSProperties | undefined;
|
|
23
|
+
wrapper?: React.ElementType<any> | undefined;
|
|
24
|
+
} & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
|
|
25
|
+
};
|
|
26
|
+
export declare const BugfixMultipleChanges: {
|
|
27
|
+
(args: any): JSX.Element;
|
|
28
|
+
args: Partial<{
|
|
29
|
+
onClose?: (() => void) | undefined;
|
|
30
|
+
onBack?: (() => void) | undefined;
|
|
31
|
+
step: number;
|
|
32
|
+
firstStep?: number | undefined;
|
|
33
|
+
buttons: {
|
|
34
|
+
label: string;
|
|
35
|
+
onClick: () => void;
|
|
36
|
+
state: import("./FlowController").FlowControlState;
|
|
37
|
+
}[];
|
|
38
|
+
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
39
|
+
fullPage?: boolean | undefined;
|
|
40
|
+
style?: React.CSSProperties | undefined;
|
|
41
|
+
wrapper?: React.ElementType<any> | undefined;
|
|
42
|
+
} & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
|
|
43
|
+
};
|
|
@@ -0,0 +1,97 @@
|
|
|
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
|
+
exports.BugfixMultipleChanges = exports.Primary = void 0;
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const FlowController_1 = __importDefault(require("./FlowController"));
|
|
28
|
+
exports.default = {
|
|
29
|
+
component: FlowController_1.default,
|
|
30
|
+
title: "Fluxo de etapas",
|
|
31
|
+
};
|
|
32
|
+
const Primary = (args) => react_1.default.createElement(FlowController_1.default, Object.assign({}, args));
|
|
33
|
+
exports.Primary = Primary;
|
|
34
|
+
exports.Primary.args = {
|
|
35
|
+
step: 3,
|
|
36
|
+
children: [
|
|
37
|
+
react_1.default.createElement("div", null, "Etapa 1"),
|
|
38
|
+
react_1.default.createElement("div", null, "Etapa 2"),
|
|
39
|
+
react_1.default.createElement("div", null, "Etapa 3"),
|
|
40
|
+
react_1.default.createElement("div", null, "Etapa 4"),
|
|
41
|
+
react_1.default.createElement("div", null, "Etapa 5"),
|
|
42
|
+
react_1.default.createElement("div", null, "Etapa 6"),
|
|
43
|
+
react_1.default.createElement("div", null, "Etapa 7"),
|
|
44
|
+
react_1.default.createElement("div", null, "Etapa 8"),
|
|
45
|
+
],
|
|
46
|
+
buttons: [
|
|
47
|
+
{
|
|
48
|
+
label: "Action",
|
|
49
|
+
onClick: () => { },
|
|
50
|
+
state: "enabled",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: "Action disabled",
|
|
54
|
+
onClick: () => { },
|
|
55
|
+
state: "disabled",
|
|
56
|
+
},
|
|
57
|
+
],
|
|
58
|
+
};
|
|
59
|
+
const BugfixMultipleChanges = (args) => {
|
|
60
|
+
const [step, setStep] = (0, react_1.useState)(0);
|
|
61
|
+
(0, react_1.useEffect)(() => {
|
|
62
|
+
window.addEventListener("keydown", ({ key }) => {
|
|
63
|
+
if (key !== "ArrowLeft")
|
|
64
|
+
setStep((p) => ++p);
|
|
65
|
+
else
|
|
66
|
+
setStep((p) => --p);
|
|
67
|
+
});
|
|
68
|
+
}, []);
|
|
69
|
+
return react_1.default.createElement(FlowController_1.default, Object.assign({}, args, { step: step }));
|
|
70
|
+
};
|
|
71
|
+
exports.BugfixMultipleChanges = BugfixMultipleChanges;
|
|
72
|
+
exports.BugfixMultipleChanges.args = {
|
|
73
|
+
step: 3,
|
|
74
|
+
children: [
|
|
75
|
+
react_1.default.createElement("div", null, "Etapa 1"),
|
|
76
|
+
react_1.default.createElement("div", null, "Etapa 2"),
|
|
77
|
+
react_1.default.createElement("div", null, "Etapa 3"),
|
|
78
|
+
react_1.default.createElement("div", null, "Etapa 4"),
|
|
79
|
+
react_1.default.createElement("div", null, "Etapa 5"),
|
|
80
|
+
react_1.default.createElement("div", null, "Etapa 6"),
|
|
81
|
+
react_1.default.createElement("div", null, "Etapa 7"),
|
|
82
|
+
react_1.default.createElement("div", null, "Etapa 8"),
|
|
83
|
+
],
|
|
84
|
+
buttons: [
|
|
85
|
+
{
|
|
86
|
+
label: "Action",
|
|
87
|
+
onClick: () => { },
|
|
88
|
+
state: "enabled",
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
label: "Action disabled",
|
|
92
|
+
onClick: () => { },
|
|
93
|
+
state: "disabled",
|
|
94
|
+
},
|
|
95
|
+
],
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=FlowController.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowController.stories.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sEAAiC;AAEjC,kBAAe;IACb,SAAS,EAAE,wBAAC;IACZ,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,wBAAC,oBAAK,IAAI,EAAI,CAAC;AAAzC,QAAA,OAAO,WAAkC;AACtD,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;KACnB;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,SAAS;SACjB;QACD;YACE,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;CACmC,CAAC;AAChC,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YAC7C,IAAI,GAAG,KAAK,WAAW;gBAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;gBACxC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,8BAAC,wBAAC,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,CAAC;AACrC,CAAC,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;KACnB;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,SAAS;SACjB;QACD;YACE,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;CACmC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const react_2 = require("@testing-library/react");
|
|
8
|
+
const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
|
|
9
|
+
const FlowController_1 = __importDefault(require("./FlowController"));
|
|
10
|
+
function renderScreen(props) {
|
|
11
|
+
return (0, react_2.render)(react_1.default.createElement(FlowController_1.default, Object.assign({}, props),
|
|
12
|
+
react_1.default.createElement("div", null, "First step"),
|
|
13
|
+
react_1.default.createElement("div", null, "Second step"),
|
|
14
|
+
react_1.default.createElement("div", null, "Third step")));
|
|
15
|
+
}
|
|
16
|
+
it("Should at least render :)", () => {
|
|
17
|
+
renderScreen({
|
|
18
|
+
onClose: jest.fn(),
|
|
19
|
+
onBack: jest.fn(),
|
|
20
|
+
step: 0,
|
|
21
|
+
buttons: [
|
|
22
|
+
{
|
|
23
|
+
state: "enabled",
|
|
24
|
+
label: "",
|
|
25
|
+
onClick: jest.fn(),
|
|
26
|
+
},
|
|
27
|
+
],
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
function renderWithCbs(step) {
|
|
31
|
+
const closeCb = jest.fn();
|
|
32
|
+
const backCb = jest.fn();
|
|
33
|
+
const nextCb = jest.fn();
|
|
34
|
+
const wrapper = renderScreen({
|
|
35
|
+
onClose: closeCb,
|
|
36
|
+
onBack: backCb,
|
|
37
|
+
step,
|
|
38
|
+
buttons: [
|
|
39
|
+
{
|
|
40
|
+
state: "enabled",
|
|
41
|
+
label: "",
|
|
42
|
+
onClick: nextCb,
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
});
|
|
46
|
+
return {
|
|
47
|
+
closeCb,
|
|
48
|
+
backCb,
|
|
49
|
+
nextCb,
|
|
50
|
+
wrapper,
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
it("Should call onClose when clicking goBack and step 0", () => {
|
|
54
|
+
const { wrapper, backCb, closeCb } = renderWithCbs(0);
|
|
55
|
+
(0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
|
|
56
|
+
expect(backCb).toHaveBeenCalledTimes(0);
|
|
57
|
+
expect(closeCb).toHaveBeenCalledTimes(1);
|
|
58
|
+
});
|
|
59
|
+
it("Should call onGoBack when clicking the goBack button and step > 0", () => {
|
|
60
|
+
const { wrapper, backCb, closeCb } = renderWithCbs(1);
|
|
61
|
+
(0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
|
|
62
|
+
expect(backCb).toHaveBeenCalledTimes(1);
|
|
63
|
+
expect(closeCb).toHaveBeenCalledTimes(0);
|
|
64
|
+
});
|
|
65
|
+
it("Should call onNext when clicking the footer button", () => {
|
|
66
|
+
const { wrapper, backCb, closeCb, nextCb } = renderWithCbs(1);
|
|
67
|
+
(0, react_2.act)(() => wrapper.getByRole("button").click());
|
|
68
|
+
expect(backCb).toHaveBeenCalledTimes(0);
|
|
69
|
+
expect(closeCb).toHaveBeenCalledTimes(0);
|
|
70
|
+
expect(nextCb).toHaveBeenCalledTimes(1);
|
|
71
|
+
});
|
|
72
|
+
it("Should display the selected text on the button", () => {
|
|
73
|
+
const wrapper = renderScreen({
|
|
74
|
+
onClose: jest.fn(),
|
|
75
|
+
step: 0,
|
|
76
|
+
onBack: jest.fn(),
|
|
77
|
+
buttons: [
|
|
78
|
+
{
|
|
79
|
+
label: "MOCKED BUTTON",
|
|
80
|
+
state: "enabled",
|
|
81
|
+
onClick: () => { },
|
|
82
|
+
},
|
|
83
|
+
],
|
|
84
|
+
});
|
|
85
|
+
expect(wrapper.getByRole("button").textContent).toEqual("MOCKED BUTTON");
|
|
86
|
+
});
|
|
87
|
+
it("Should be able to enable point of no return, where the goBack action is not displayed anymore, this is indicated by the inexistance of goBack", () => {
|
|
88
|
+
const wrapper = renderScreen({
|
|
89
|
+
onClose: jest.fn(),
|
|
90
|
+
step: 0,
|
|
91
|
+
onBack: jest.fn(),
|
|
92
|
+
buttons: [
|
|
93
|
+
{
|
|
94
|
+
label: "MOCKED BUTTON",
|
|
95
|
+
state: "enabled",
|
|
96
|
+
onClick: () => { },
|
|
97
|
+
},
|
|
98
|
+
],
|
|
99
|
+
});
|
|
100
|
+
const buttonBack = wrapper.getByTestId("header-control-back");
|
|
101
|
+
expect(buttonBack.classList).not.toContain(FlowController_module_scss_1.default.hidden);
|
|
102
|
+
wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
|
|
103
|
+
onClose: jest.fn(),
|
|
104
|
+
step: 0,
|
|
105
|
+
onBack: undefined,
|
|
106
|
+
buttons: [
|
|
107
|
+
{
|
|
108
|
+
label: "MOCKED BUTTON",
|
|
109
|
+
state: "enabled",
|
|
110
|
+
onClick: () => { },
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
}),
|
|
114
|
+
react_1.default.createElement("div", null, "First step"),
|
|
115
|
+
react_1.default.createElement("div", null, "Second step"),
|
|
116
|
+
react_1.default.createElement("div", null, "Third step")));
|
|
117
|
+
expect(buttonBack.classList).toContain(FlowController_module_scss_1.default.pointOfNoReturn);
|
|
118
|
+
});
|
|
119
|
+
it("Should show only the current step", () => {
|
|
120
|
+
const wrapper = renderScreen({
|
|
121
|
+
onClose: jest.fn(),
|
|
122
|
+
step: 0,
|
|
123
|
+
onBack: jest.fn(),
|
|
124
|
+
buttons: [
|
|
125
|
+
{
|
|
126
|
+
label: "MOCKED BUTTON",
|
|
127
|
+
state: "enabled",
|
|
128
|
+
onClick: () => { },
|
|
129
|
+
},
|
|
130
|
+
],
|
|
131
|
+
});
|
|
132
|
+
expect(wrapper.container.textContent).toContain("First step");
|
|
133
|
+
wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
|
|
134
|
+
onClose: jest.fn(),
|
|
135
|
+
step: 1,
|
|
136
|
+
onBack: undefined,
|
|
137
|
+
buttons: [
|
|
138
|
+
{
|
|
139
|
+
label: "MOCKED BUTTON",
|
|
140
|
+
state: "enabled",
|
|
141
|
+
onClick: () => { },
|
|
142
|
+
},
|
|
143
|
+
],
|
|
144
|
+
}),
|
|
145
|
+
react_1.default.createElement("div", null, "First step"),
|
|
146
|
+
react_1.default.createElement("div", null, "Second step"),
|
|
147
|
+
react_1.default.createElement("div", null, "Third step")));
|
|
148
|
+
expect(wrapper.container.textContent).toContain("Second step");
|
|
149
|
+
wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
|
|
150
|
+
onClose: jest.fn(),
|
|
151
|
+
step: 2,
|
|
152
|
+
onBack: undefined,
|
|
153
|
+
buttons: [
|
|
154
|
+
{
|
|
155
|
+
label: "MOCKED BUTTON",
|
|
156
|
+
state: "enabled",
|
|
157
|
+
onClick: () => { },
|
|
158
|
+
},
|
|
159
|
+
],
|
|
160
|
+
}),
|
|
161
|
+
react_1.default.createElement("div", null, "First step"),
|
|
162
|
+
react_1.default.createElement("div", null, "Second step"),
|
|
163
|
+
react_1.default.createElement("div", null, "Third step")));
|
|
164
|
+
expect(wrapper.container.textContent).toContain("Third step");
|
|
165
|
+
});
|
|
166
|
+
//# sourceMappingURL=FlowController.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowController.test.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FlowController';
|
|
@@ -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 FlowController_1 = require("./FlowController");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlowController_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowController/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
/**
|
|
5
|
+
* Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
|
|
6
|
+
**/
|
|
7
|
+
function Freeze({ children }) {
|
|
8
|
+
const currChildOrPrev = (0, react_1.useRef)();
|
|
9
|
+
currChildOrPrev.current = children || currChildOrPrev.current;
|
|
10
|
+
return currChildOrPrev.current || null;
|
|
11
|
+
}
|
|
12
|
+
exports.default = Freeze;
|
|
13
|
+
//# sourceMappingURL=Freeze.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.tsx"],"names":[],"mappings":";;AAAA,iCAAyD;AAEzD;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAAE,QAAQ,EAAyB;IAChE,MAAM,eAAe,GAAG,IAAA,cAAM,GAAO,CAAC;IACtC,eAAe,CAAC,OAAO,GAAG,QAAQ,IAAI,eAAe,CAAC,OAAO,CAAC;IAC9D,OAAO,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC;AACzC,CAAC;AAJD,yBAIC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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
|
+
exports.BasicUsage = void 0;
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
|
|
28
|
+
const Freeze_1 = __importDefault(require("./Freeze"));
|
|
29
|
+
exports.default = {
|
|
30
|
+
title: "Freeze",
|
|
31
|
+
component: Freeze_1.default,
|
|
32
|
+
};
|
|
33
|
+
const BasicUsage = () => {
|
|
34
|
+
const [openModal, setOpen] = (0, react_1.useState)(false);
|
|
35
|
+
const [openModalWithFreeze, setOpenWFreeze] = (0, react_1.useState)(false);
|
|
36
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
37
|
+
react_1.default.createElement("h1", null, "The modal will have a content only when it's open, when closing, the content will be empty"),
|
|
38
|
+
react_1.default.createElement("button", { onClick: () => setOpen(true) }, "Open without freeze"),
|
|
39
|
+
react_1.default.createElement(AdaptiveDialog_1.default, { open: openModal, onClose: () => setOpen(false) }, openModal && (react_1.default.createElement("div", null,
|
|
40
|
+
react_1.default.createElement("h1", null, "This is the content that shows up when the modal is opened. try closing it."),
|
|
41
|
+
react_1.default.createElement("h2", null, "Notice how the content goes away")))),
|
|
42
|
+
react_1.default.createElement("br", null),
|
|
43
|
+
react_1.default.createElement("br", null),
|
|
44
|
+
react_1.default.createElement("button", { onClick: () => setOpenWFreeze(true) }, "Open with freeze"),
|
|
45
|
+
react_1.default.createElement(AdaptiveDialog_1.default, { open: openModalWithFreeze, onClose: () => setOpenWFreeze(false) },
|
|
46
|
+
react_1.default.createElement(Freeze_1.default, null, openModalWithFreeze && (react_1.default.createElement("div", null,
|
|
47
|
+
react_1.default.createElement("h1", null, " Now this content is using freeze component."),
|
|
48
|
+
"This is the content that shows up when the modal is opened. try closing it.",
|
|
49
|
+
react_1.default.createElement("h2", null, "Notice how it doesn't go away, even though the child turns false because of the condition (check story)")))))));
|
|
50
|
+
};
|
|
51
|
+
exports.BasicUsage = BasicUsage;
|
|
52
|
+
//# sourceMappingURL=Freeze.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Freeze.stories.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uEAA+C;AAC/C,sDAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,gBAAM;CAClB,CAAC;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,OAAO,CACL;QACE,uIAGK;QACL,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA8B;QAClE,8BAAC,wBAAc,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAC3D,SAAS,IAAI,CACZ;YACE,wHAGK;YACL,6EAAyC,CACrC,CACP,CACc;QACjB,yCAAM;QACN,yCAAM;QACN,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,uBAA2B;QAEtE,8BAAC,wBAAc,IACb,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;YAEpC,8BAAC,gBAAM,QACJ,mBAAmB,IAAI,CACtB;gBACE,yFAAqD;;gBAGrD,oJAGK,CACD,CACP,CACM,CACM,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const react_2 = require("@testing-library/react");
|
|
8
|
+
const Freeze_1 = __importDefault(require("./Freeze"));
|
|
9
|
+
it("Should mantain the children when the children assumes empty value", () => {
|
|
10
|
+
const { container, rerender } = (0, react_2.render)(react_1.default.createElement(Freeze_1.default, null, "Some condition that assumes in a moment"));
|
|
11
|
+
expect(container.textContent).toEqual("Some condition that assumes in a moment");
|
|
12
|
+
rerender(react_1.default.createElement(Freeze_1.default, null));
|
|
13
|
+
expect(container.textContent).toEqual("Some condition that assumes in a moment");
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=Freeze.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Freeze.test.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,sDAAiC;AAEjC,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,cAAM,EACpC,8BAAC,gBAAS,kDAAoD,CAC/D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IAEjF,QAAQ,CAAC,8BAAC,gBAAS,OAAa,CAAC,CAAC;IAClC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;AACnF,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Freeze';
|
|
@@ -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 Freeze_1 = require("./Freeze");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Freeze_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Freeze/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,47 @@
|
|
|
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
|
+
const react_1 = __importStar(require("react"));
|
|
23
|
+
function HSForms({ region, partialId, formId, }) {
|
|
24
|
+
if (window.PRERENDER)
|
|
25
|
+
return null;
|
|
26
|
+
const container = (0, react_1.useRef)(null);
|
|
27
|
+
(0, react_1.useEffect)(() => {
|
|
28
|
+
const script = document.createElement("script");
|
|
29
|
+
script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
|
|
30
|
+
script.setAttribute("type", "text/javascript");
|
|
31
|
+
script.setAttribute("charset", "utf-8");
|
|
32
|
+
script.onload = () => {
|
|
33
|
+
const createFormScript = document.createElement("script");
|
|
34
|
+
createFormScript.setAttribute("type", "text/javascript");
|
|
35
|
+
createFormScript.innerHTML = `hbspt.forms.create({
|
|
36
|
+
region: "${region}",
|
|
37
|
+
portalId: "${partialId}",
|
|
38
|
+
formId: "${formId}",
|
|
39
|
+
});`;
|
|
40
|
+
container.current.appendChild(createFormScript);
|
|
41
|
+
};
|
|
42
|
+
document.head.appendChild(script);
|
|
43
|
+
}, [region, partialId, formId]);
|
|
44
|
+
return react_1.default.createElement("div", { ref: container });
|
|
45
|
+
}
|
|
46
|
+
exports.default = HSForms;
|
|
47
|
+
//# sourceMappingURL=HSForms.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,SAAwB,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,GAKP;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;QAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YACzD,gBAAgB,CAAC,SAAS,GAAG;mBAChB,MAAM;qBACJ,SAAS;mBACX,MAAM;UACf,CAAC;YACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,uCAAK,GAAG,EAAE,SAAS,GAAQ,CAAC;AACrC,CAAC;AA7BD,0BA6BC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './HSForms';
|
|
@@ -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 HSForms_1 = require("./HSForms");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HSForms_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HSForms/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA"}
|