@onepercentio/one-ui 0.29.0 → 0.29.1
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/dist/utils/e2e.js +2 -2
- package/dist-ts/assets/img/svg/checkbox.svg +3 -0
- package/dist-ts/assets/styles/index.scss +2 -0
- package/dist-ts/assets/styles/mixins.scss +12 -0
- package/dist-ts/assets/styles/variables.scss +49 -0
- package/dist-ts/components/AdaptiveButton/AdaptiveButton.d.ts +8 -0
- package/dist-ts/components/AdaptiveButton/AdaptiveButton.js +11 -0
- package/dist-ts/components/AdaptiveButton/AdaptiveButton.js.map +1 -0
- package/dist-ts/components/AdaptiveButton/AdaptiveButton.module.scss +7 -0
- package/dist-ts/components/AdaptiveButton/index.d.ts +1 -0
- package/dist-ts/components/AdaptiveButton/index.js +2 -0
- package/dist-ts/components/AdaptiveButton/index.js.map +1 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.d.ts +21 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js +125 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.module.scss +53 -0
- package/dist-ts/components/AdaptiveContainer/index.d.ts +1 -0
- package/dist-ts/components/AdaptiveContainer/index.js +2 -0
- package/dist-ts/components/AdaptiveContainer/index.js.map +1 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.d.ts +16 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js +39 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
- package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss +147 -0
- package/dist-ts/components/AdaptiveDialog/index.d.ts +1 -0
- package/dist-ts/components/AdaptiveDialog/index.js +2 -0
- package/dist-ts/components/AdaptiveDialog/index.js.map +1 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +24 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.js +43 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +49 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.sample.d.ts +1 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +6 -0
- package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.sample.js.map +1 -0
- package/dist-ts/components/AdaptiveSidebar/index.d.ts +1 -0
- package/dist-ts/components/AdaptiveSidebar/index.js +2 -0
- package/dist-ts/components/AdaptiveSidebar/index.js.map +1 -0
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.d.ts +34 -0
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.js +145 -0
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.module.scss +64 -0
- package/dist-ts/components/AnchoredTooltip/index.d.ts +1 -0
- package/dist-ts/components/AnchoredTooltip/index.js +2 -0
- package/dist-ts/components/AnchoredTooltip/index.js.map +1 -0
- package/dist-ts/components/AnimatedEntrance/AnimatedEntrance.d.ts +18 -0
- package/dist-ts/components/AnimatedEntrance/AnimatedEntrance.js +122 -0
- package/dist-ts/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
- package/dist-ts/components/AnimatedEntrance/AnimatedEntrance.module.scss +108 -0
- package/dist-ts/components/AnimatedEntrance/index.d.ts +1 -0
- package/dist-ts/components/AnimatedEntrance/index.js +2 -0
- package/dist-ts/components/AnimatedEntrance/index.js.map +1 -0
- package/dist-ts/components/AsyncWrapper/AsyncWrapper.d.ts +10 -0
- package/dist-ts/components/AsyncWrapper/AsyncWrapper.js +14 -0
- package/dist-ts/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
- package/dist-ts/components/AsyncWrapper/index.d.ts +1 -0
- package/dist-ts/components/AsyncWrapper/index.js +2 -0
- package/dist-ts/components/AsyncWrapper/index.js.map +1 -0
- package/dist-ts/components/Avatar/Avatar.d.ts +8 -0
- package/dist-ts/components/Avatar/Avatar.js +17 -0
- package/dist-ts/components/Avatar/Avatar.js.map +1 -0
- package/dist-ts/components/Avatar/Avatar.module.scss +22 -0
- package/dist-ts/components/Avatar/index.d.ts +1 -0
- package/dist-ts/components/Avatar/index.js +2 -0
- package/dist-ts/components/Avatar/index.js.map +1 -0
- package/dist-ts/components/BucketFill/BucketFill.d.ts +12 -0
- package/dist-ts/components/BucketFill/BucketFill.js +36 -0
- package/dist-ts/components/BucketFill/BucketFill.js.map +1 -0
- package/dist-ts/components/BucketFill/BucketFill.module.scss +36 -0
- package/dist-ts/components/BucketFill/index.d.ts +1 -0
- package/dist-ts/components/BucketFill/index.js +2 -0
- package/dist-ts/components/BucketFill/index.js.map +1 -0
- package/dist-ts/components/Button/Button.d.ts +14 -0
- package/dist-ts/components/Button/Button.js +14 -0
- package/dist-ts/components/Button/Button.js.map +1 -0
- package/dist-ts/components/Button/Button.module.scss +45 -0
- package/dist-ts/components/Button/index.d.ts +1 -0
- package/dist-ts/components/Button/index.js +2 -0
- package/dist-ts/components/Button/index.js.map +1 -0
- package/dist-ts/components/Card/Card.d.ts +7 -0
- package/dist-ts/components/Card/Card.js +9 -0
- package/dist-ts/components/Card/Card.js.map +1 -0
- package/dist-ts/components/Card/Card.module.scss +12 -0
- package/dist-ts/components/Card/index.d.ts +1 -0
- package/dist-ts/components/Card/index.js +2 -0
- package/dist-ts/components/Card/index.js.map +1 -0
- package/dist-ts/components/Chart/Chart.e2e.d.ts +4 -0
- package/dist-ts/components/Chart/Chart.e2e.js +6 -0
- package/dist-ts/components/Chart/Chart.e2e.js.map +1 -0
- package/dist-ts/components/Chart/Chart.logic.d.ts +3 -0
- package/dist-ts/components/Chart/Chart.logic.js +7 -0
- package/dist-ts/components/Chart/Chart.logic.js.map +1 -0
- package/dist-ts/components/Chart/Chart.module.scss +58 -0
- package/dist-ts/components/Chart/Chart.types.d.ts +24 -0
- package/dist-ts/components/Chart/Chart.types.js +2 -0
- package/dist-ts/components/Chart/Chart.types.js.map +1 -0
- package/dist-ts/components/Chart/Chart.view.d.ts +5 -0
- package/dist-ts/components/Chart/Chart.view.js +102 -0
- package/dist-ts/components/Chart/Chart.view.js.map +1 -0
- package/dist-ts/components/Chart/index.d.ts +1 -0
- package/dist-ts/components/Chart/index.js +2 -0
- package/dist-ts/components/Chart/index.js.map +1 -0
- package/dist-ts/components/CheckBox/CheckBox.d.ts +13 -0
- package/dist-ts/components/CheckBox/CheckBox.js +14 -0
- package/dist-ts/components/CheckBox/CheckBox.js.map +1 -0
- package/dist-ts/components/CheckBox/CheckBox.module.scss +36 -0
- package/dist-ts/components/CheckBox/index.d.ts +1 -0
- package/dist-ts/components/CheckBox/index.js +2 -0
- package/dist-ts/components/CheckBox/index.js.map +1 -0
- package/dist-ts/components/CodeInput/CodeInput.d.ts +8 -0
- package/dist-ts/components/CodeInput/CodeInput.js +73 -0
- package/dist-ts/components/CodeInput/CodeInput.js.map +1 -0
- package/dist-ts/components/CodeInput/CodeInput.module.scss +5 -0
- package/dist-ts/components/CodeInput/index.d.ts +1 -0
- package/dist-ts/components/CodeInput/index.js +2 -0
- package/dist-ts/components/CodeInput/index.js.map +1 -0
- package/dist-ts/components/Collapsable/Collapsable.d.ts +49 -0
- package/dist-ts/components/Collapsable/Collapsable.js +133 -0
- package/dist-ts/components/Collapsable/Collapsable.js.map +1 -0
- package/dist-ts/components/Collapsable/Collapsable.module.scss +42 -0
- package/dist-ts/components/Collapsable/index.d.ts +1 -0
- package/dist-ts/components/Collapsable/index.js +2 -0
- package/dist-ts/components/Collapsable/index.js.map +1 -0
- package/dist-ts/components/Countdown/Countdown.d.ts +24 -0
- package/dist-ts/components/Countdown/Countdown.js +73 -0
- package/dist-ts/components/Countdown/Countdown.js.map +1 -0
- package/dist-ts/components/Countdown/index.d.ts +1 -0
- package/dist-ts/components/Countdown/index.js +2 -0
- package/dist-ts/components/Countdown/index.js.map +1 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.d.ts +7 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.hook.d.ts +6 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.hook.js +23 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.hook.js.map +1 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.js +12 -0
- package/dist-ts/components/CurrencyInput/CurrencyInput.js.map +1 -0
- package/dist-ts/components/CurrencyInput/index.d.ts +1 -0
- package/dist-ts/components/CurrencyInput/index.js +2 -0
- package/dist-ts/components/CurrencyInput/index.js.map +1 -0
- package/dist-ts/components/Divider/Divider.d.ts +6 -0
- package/dist-ts/components/Divider/Divider.js +9 -0
- package/dist-ts/components/Divider/Divider.js.map +1 -0
- package/dist-ts/components/Divider/Divider.module.scss +7 -0
- package/dist-ts/components/Divider/index.d.ts +1 -0
- package/dist-ts/components/Divider/index.js +2 -0
- package/dist-ts/components/Divider/index.js.map +1 -0
- package/dist-ts/components/EmailInput/EmailInput.d.ts +31 -0
- package/dist-ts/components/EmailInput/EmailInput.js +24 -0
- package/dist-ts/components/EmailInput/EmailInput.js.map +1 -0
- package/dist-ts/components/EmailInput/EmailInput.module.scss +0 -0
- package/dist-ts/components/EmailInput/index.d.ts +1 -0
- package/dist-ts/components/EmailInput/index.js +2 -0
- package/dist-ts/components/EmailInput/index.js.map +1 -0
- package/dist-ts/components/FadeIn/FadeIn.d.ts +15 -0
- package/dist-ts/components/FadeIn/FadeIn.js +40 -0
- package/dist-ts/components/FadeIn/FadeIn.js.map +1 -0
- package/dist-ts/components/FadeIn/FadeIn.module.scss +9 -0
- package/dist-ts/components/FadeIn/index.d.ts +1 -0
- package/dist-ts/components/FadeIn/index.js +2 -0
- package/dist-ts/components/FadeIn/index.js.map +1 -0
- package/dist-ts/components/FileInput/FileInput.d.ts +31 -0
- package/dist-ts/components/FileInput/FileInput.js +26 -0
- package/dist-ts/components/FileInput/FileInput.js.map +1 -0
- package/dist-ts/components/FileInput/FileInput.module.scss +6 -0
- package/dist-ts/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
- package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js +14 -0
- package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js.map +1 -0
- package/dist-ts/components/FileInput/View/BigFactory/BigFactory.module.scss +20 -0
- package/dist-ts/components/FileInput/View/BigFactory/index.d.ts +1 -0
- package/dist-ts/components/FileInput/View/BigFactory/index.js +2 -0
- package/dist-ts/components/FileInput/View/BigFactory/index.js.map +1 -0
- package/dist-ts/components/FileInput/View/Compact/Compact.d.ts +11 -0
- package/dist-ts/components/FileInput/View/Compact/Compact.js +45 -0
- package/dist-ts/components/FileInput/View/Compact/Compact.js.map +1 -0
- package/dist-ts/components/FileInput/View/Compact/Compact.module.scss +68 -0
- package/dist-ts/components/FileInput/View/Compact/index.d.ts +1 -0
- package/dist-ts/components/FileInput/View/Compact/index.js +2 -0
- package/dist-ts/components/FileInput/View/Compact/index.js.map +1 -0
- package/dist-ts/components/FileInput/View/View.types.d.ts +8 -0
- package/dist-ts/components/FileInput/View/View.types.js +2 -0
- package/dist-ts/components/FileInput/View/View.types.js.map +1 -0
- package/dist-ts/components/FileInput/index.d.ts +1 -0
- package/dist-ts/components/FileInput/index.js +2 -0
- package/dist-ts/components/FileInput/index.js.map +1 -0
- package/dist-ts/components/FlowController/FlowController.d.ts +23 -0
- package/dist-ts/components/FlowController/FlowController.js +23 -0
- package/dist-ts/components/FlowController/FlowController.js.map +1 -0
- package/dist-ts/components/FlowController/FlowController.module.scss +47 -0
- package/dist-ts/components/FlowController/index.d.ts +1 -0
- package/dist-ts/components/FlowController/index.js +2 -0
- package/dist-ts/components/FlowController/index.js.map +1 -0
- package/dist-ts/components/Form/Form.d.ts +49 -0
- package/dist-ts/components/Form/Form.js +69 -0
- package/dist-ts/components/Form/Form.js.map +1 -0
- package/dist-ts/components/Form/index.d.ts +1 -0
- package/dist-ts/components/Form/index.js +2 -0
- package/dist-ts/components/Form/index.js.map +1 -0
- package/dist-ts/components/Form/v2/Form.d.ts +18 -0
- package/dist-ts/components/Form/v2/Form.hook.d.ts +40 -0
- package/dist-ts/components/Form/v2/Form.hook.js +222 -0
- package/dist-ts/components/Form/v2/Form.hook.js.map +1 -0
- package/dist-ts/components/Form/v2/Form.js +31 -0
- package/dist-ts/components/Form/v2/Form.js.map +1 -0
- package/dist-ts/components/Form/v2/Form.module.scss +0 -0
- package/dist-ts/components/Form/v2/Form.types.d.ts +97 -0
- package/dist-ts/components/Form/v2/Form.types.js +51 -0
- package/dist-ts/components/Form/v2/Form.types.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.d.ts +11 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.js +38 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.module.scss +0 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.d.ts +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js +2 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.d.ts +9 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js +57 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.module.scss +0 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.d.ts +1 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js +2 -0
- package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/FormField.d.ts +5 -0
- package/dist-ts/components/Form/v2/FormField/FormField.js +133 -0
- package/dist-ts/components/Form/v2/FormField/FormField.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/FormField.module.scss +0 -0
- package/dist-ts/components/Form/v2/FormField/FormField.types.d.ts +90 -0
- package/dist-ts/components/Form/v2/FormField/FormField.types.js +6 -0
- package/dist-ts/components/Form/v2/FormField/FormField.types.js.map +1 -0
- package/dist-ts/components/Form/v2/FormField/index.d.ts +1 -0
- package/dist-ts/components/Form/v2/FormField/index.js +2 -0
- package/dist-ts/components/Form/v2/FormField/index.js.map +1 -0
- package/dist-ts/components/Form/v2/index.d.ts +1 -0
- package/dist-ts/components/Form/v2/index.js +2 -0
- package/dist-ts/components/Form/v2/index.js.map +1 -0
- package/dist-ts/components/Freeze/Freeze.d.ts +5 -0
- package/dist-ts/components/Freeze/Freeze.js +8 -0
- package/dist-ts/components/Freeze/Freeze.js.map +1 -0
- package/dist-ts/components/Freeze/index.d.ts +1 -0
- package/dist-ts/components/Freeze/index.js +2 -0
- package/dist-ts/components/Freeze/index.js.map +1 -0
- package/dist-ts/components/HSForms/HSForms.d.ts +8 -0
- package/dist-ts/components/HSForms/HSForms.js +46 -0
- package/dist-ts/components/HSForms/HSForms.js.map +1 -0
- package/dist-ts/components/HSForms/index.d.ts +1 -0
- package/dist-ts/components/HSForms/index.js +2 -0
- package/dist-ts/components/HSForms/index.js.map +1 -0
- package/dist-ts/components/Header/Header.d.ts +25 -0
- package/dist-ts/components/Header/Header.js +35 -0
- package/dist-ts/components/Header/Header.js.map +1 -0
- package/dist-ts/components/Header/Header.module.scss +119 -0
- package/dist-ts/components/Header/index.d.ts +1 -0
- package/dist-ts/components/Header/index.js +2 -0
- package/dist-ts/components/Header/index.js.map +1 -0
- package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +8 -0
- package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.js +9 -0
- package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
- package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
- package/dist-ts/components/HeaderCloseBtn/index.d.ts +1 -0
- package/dist-ts/components/HeaderCloseBtn/index.js +2 -0
- package/dist-ts/components/HeaderCloseBtn/index.js.map +1 -0
- package/dist-ts/components/InfinityScroll/InfinityScroll.d.ts +21 -0
- package/dist-ts/components/InfinityScroll/InfinityScroll.js +102 -0
- package/dist-ts/components/InfinityScroll/InfinityScroll.js.map +1 -0
- package/dist-ts/components/InfinityScroll/InfinityScroll.module.scss +30 -0
- package/dist-ts/components/InfinityScroll/index.d.ts +1 -0
- package/dist-ts/components/InfinityScroll/index.js +2 -0
- package/dist-ts/components/InfinityScroll/index.js.map +1 -0
- package/dist-ts/components/Input/Input.d.ts +43 -0
- package/dist-ts/components/Input/Input.js +51 -0
- package/dist-ts/components/Input/Input.js.map +1 -0
- package/dist-ts/components/Input/Input.module.scss +71 -0
- package/dist-ts/components/Input/index.d.ts +1 -0
- package/dist-ts/components/Input/index.js +2 -0
- package/dist-ts/components/Input/index.js.map +1 -0
- package/dist-ts/components/InstantCounter/InstantCounter.d.ts +16 -0
- package/dist-ts/components/InstantCounter/InstantCounter.js +35 -0
- package/dist-ts/components/InstantCounter/InstantCounter.js.map +1 -0
- package/dist-ts/components/InstantCounter/index.d.ts +1 -0
- package/dist-ts/components/InstantCounter/index.js +2 -0
- package/dist-ts/components/InstantCounter/index.js.map +1 -0
- package/dist-ts/components/LavaLamp/LavaLamp.d.ts +12 -0
- package/dist-ts/components/LavaLamp/LavaLamp.data.d.ts +16 -0
- package/dist-ts/components/LavaLamp/LavaLamp.data.js +85 -0
- package/dist-ts/components/LavaLamp/LavaLamp.data.js.map +1 -0
- package/dist-ts/components/LavaLamp/LavaLamp.js +32 -0
- package/dist-ts/components/LavaLamp/LavaLamp.js.map +1 -0
- package/dist-ts/components/LavaLamp/LavaLamp.module.scss +26 -0
- package/dist-ts/components/LavaLamp/index.d.ts +1 -0
- package/dist-ts/components/LavaLamp/index.js +2 -0
- package/dist-ts/components/LavaLamp/index.js.map +1 -0
- package/dist-ts/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
- package/dist-ts/components/LavaLamp/v2/LavaLamp.js +132 -0
- package/dist-ts/components/LavaLamp/v2/LavaLamp.js.map +1 -0
- package/dist-ts/components/LavaLamp/v2/LavaLamp.module.scss +23 -0
- package/dist-ts/components/LinkToId/LinkToId.d.ts +10 -0
- package/dist-ts/components/LinkToId/LinkToId.js +25 -0
- package/dist-ts/components/LinkToId/LinkToId.js.map +1 -0
- package/dist-ts/components/LinkToId/LinkToId.module.scss +4 -0
- package/dist-ts/components/LinkToId/index.d.ts +1 -0
- package/dist-ts/components/LinkToId/index.js +2 -0
- package/dist-ts/components/LinkToId/index.js.map +1 -0
- package/dist-ts/components/Loader/Loader.d.ts +7 -0
- package/dist-ts/components/Loader/Loader.js +9 -0
- package/dist-ts/components/Loader/Loader.js.map +1 -0
- package/dist-ts/components/Loader/Loader.module.scss +40 -0
- package/dist-ts/components/Loader/index.d.ts +1 -0
- package/dist-ts/components/Loader/index.js +2 -0
- package/dist-ts/components/Loader/index.js.map +1 -0
- package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +8 -0
- package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.js +17 -0
- package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
- package/dist-ts/components/LoaderDotsIndicator/index.d.ts +1 -0
- package/dist-ts/components/LoaderDotsIndicator/index.js +2 -0
- package/dist-ts/components/LoaderDotsIndicator/index.js.map +1 -0
- package/dist-ts/components/LoopableVideo/LoopableVideo.d.ts +9 -0
- package/dist-ts/components/LoopableVideo/LoopableVideo.js +15 -0
- package/dist-ts/components/LoopableVideo/LoopableVideo.js.map +1 -0
- package/dist-ts/components/LoopableVideo/index.d.ts +1 -0
- package/dist-ts/components/LoopableVideo/index.js +2 -0
- package/dist-ts/components/LoopableVideo/index.js.map +1 -0
- package/dist-ts/components/MainGrid/MainGrid.d.ts +13 -0
- package/dist-ts/components/MainGrid/MainGrid.js +23 -0
- package/dist-ts/components/MainGrid/MainGrid.js.map +1 -0
- package/dist-ts/components/MainGrid/MainGrid.module.scss +28 -0
- package/dist-ts/components/MainGrid/index.d.ts +1 -0
- package/dist-ts/components/MainGrid/index.js +2 -0
- package/dist-ts/components/MainGrid/index.js.map +1 -0
- package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -0
- package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.js +10 -0
- package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
- package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +220 -0
- package/dist-ts/components/MutableHamburgerButton/index.d.ts +1 -0
- package/dist-ts/components/MutableHamburgerButton/index.js +2 -0
- package/dist-ts/components/MutableHamburgerButton/index.js.map +1 -0
- package/dist-ts/components/Notification/Notification.d.ts +7 -0
- package/dist-ts/components/Notification/Notification.js +10 -0
- package/dist-ts/components/Notification/Notification.js.map +1 -0
- package/dist-ts/components/Notification/Notification.module.scss +25 -0
- package/dist-ts/components/Notification/index.d.ts +1 -0
- package/dist-ts/components/Notification/index.js +2 -0
- package/dist-ts/components/Notification/index.js.map +1 -0
- package/dist-ts/components/OrderableList/OrderableList.d.ts +38 -0
- package/dist-ts/components/OrderableList/OrderableList.js +407 -0
- package/dist-ts/components/OrderableList/OrderableList.js.map +1 -0
- package/dist-ts/components/OrderableList/OrderableList.module.scss +98 -0
- package/dist-ts/components/OrderableList/index.d.ts +1 -0
- package/dist-ts/components/OrderableList/index.js +2 -0
- package/dist-ts/components/OrderableList/index.js.map +1 -0
- package/dist-ts/components/PaginationIndicator/PaginationIndicator.d.ts +40 -0
- package/dist-ts/components/PaginationIndicator/PaginationIndicator.js +206 -0
- package/dist-ts/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
- package/dist-ts/components/PaginationIndicator/index.d.ts +1 -0
- package/dist-ts/components/PaginationIndicator/index.js +2 -0
- package/dist-ts/components/PaginationIndicator/index.js.map +1 -0
- package/dist-ts/components/Parallax/Parallax.d.ts +18 -0
- package/dist-ts/components/Parallax/Parallax.js +132 -0
- package/dist-ts/components/Parallax/Parallax.js.map +1 -0
- package/dist-ts/components/Parallax/Parallax.module.scss +28 -0
- package/dist-ts/components/Parallax/index.d.ts +1 -0
- package/dist-ts/components/Parallax/index.js +2 -0
- package/dist-ts/components/Parallax/index.js.map +1 -0
- package/dist-ts/components/Parallax/math/helpers.d.ts +58 -0
- package/dist-ts/components/Parallax/math/helpers.js +222 -0
- package/dist-ts/components/Parallax/math/helpers.js.map +1 -0
- package/dist-ts/components/PasswordInput/PasswordInput.d.ts +48 -0
- package/dist-ts/components/PasswordInput/PasswordInput.js +74 -0
- package/dist-ts/components/PasswordInput/PasswordInput.js.map +1 -0
- package/dist-ts/components/PasswordInput/PasswordInput.module.scss +17 -0
- package/dist-ts/components/PasswordInput/index.d.ts +1 -0
- package/dist-ts/components/PasswordInput/index.js +2 -0
- package/dist-ts/components/PasswordInput/index.js.map +1 -0
- package/dist-ts/components/PingPongText/PingPongText.d.ts +6 -0
- package/dist-ts/components/PingPongText/PingPongText.js +58 -0
- package/dist-ts/components/PingPongText/PingPongText.js.map +1 -0
- package/dist-ts/components/PingPongText/PingPongText.module.scss +4 -0
- package/dist-ts/components/PingPongText/index.d.ts +1 -0
- package/dist-ts/components/PingPongText/index.js +2 -0
- package/dist-ts/components/PingPongText/index.js.map +1 -0
- package/dist-ts/components/PixelatedScan/PixelatedScan.d.ts +8 -0
- package/dist-ts/components/PixelatedScan/PixelatedScan.js +78 -0
- package/dist-ts/components/PixelatedScan/PixelatedScan.js.map +1 -0
- package/dist-ts/components/PixelatedScan/PixelatedScan.module.scss +86 -0
- package/dist-ts/components/PixelatedScan/index.d.ts +1 -0
- package/dist-ts/components/PixelatedScan/index.js +2 -0
- package/dist-ts/components/PixelatedScan/index.js.map +1 -0
- package/dist-ts/components/Portal/Portal.d.ts +11 -0
- package/dist-ts/components/Portal/Portal.js +31 -0
- package/dist-ts/components/Portal/Portal.js.map +1 -0
- package/dist-ts/components/Portal/Portal.module.scss +3 -0
- package/dist-ts/components/Portal/index.d.ts +1 -0
- package/dist-ts/components/Portal/index.js +2 -0
- package/dist-ts/components/Portal/index.js.map +1 -0
- package/dist-ts/components/ProgressBar/ProgressBar.d.ts +29 -0
- package/dist-ts/components/ProgressBar/ProgressBar.js +33 -0
- package/dist-ts/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist-ts/components/ProgressBar/ProgressBar.module.scss +44 -0
- package/dist-ts/components/ProgressBar/index.d.ts +1 -0
- package/dist-ts/components/ProgressBar/index.js +2 -0
- package/dist-ts/components/ProgressBar/index.js.map +1 -0
- package/dist-ts/components/ProgressTexts/ProgressTexts.d.ts +25 -0
- package/dist-ts/components/ProgressTexts/ProgressTexts.js +28 -0
- package/dist-ts/components/ProgressTexts/ProgressTexts.js.map +1 -0
- package/dist-ts/components/ProgressTexts/ProgressTexts.module.scss +37 -0
- package/dist-ts/components/ProgressTexts/index.d.ts +1 -0
- package/dist-ts/components/ProgressTexts/index.js +2 -0
- package/dist-ts/components/ProgressTexts/index.js.map +1 -0
- package/dist-ts/components/Radio/Radio.d.ts +13 -0
- package/dist-ts/components/Radio/Radio.js +14 -0
- package/dist-ts/components/Radio/Radio.js.map +1 -0
- package/dist-ts/components/Radio/Radio.module.scss +36 -0
- package/dist-ts/components/Radio/index.d.ts +1 -0
- package/dist-ts/components/Radio/index.js +2 -0
- package/dist-ts/components/Radio/index.js.map +1 -0
- package/dist-ts/components/SectionContainer/SectionContainer.d.ts +14 -0
- package/dist-ts/components/SectionContainer/SectionContainer.js +15 -0
- package/dist-ts/components/SectionContainer/SectionContainer.js.map +1 -0
- package/dist-ts/components/SectionContainer/SectionContainer.module.scss +30 -0
- package/dist-ts/components/SectionContainer/index.d.ts +1 -0
- package/dist-ts/components/SectionContainer/index.js +2 -0
- package/dist-ts/components/SectionContainer/index.js.map +1 -0
- package/dist-ts/components/Select/Select.d.ts +30 -0
- package/dist-ts/components/Select/Select.js +65 -0
- package/dist-ts/components/Select/Select.js.map +1 -0
- package/dist-ts/components/Select/Select.module.scss +58 -0
- package/dist-ts/components/Select/index.d.ts +1 -0
- package/dist-ts/components/Select/index.js +2 -0
- package/dist-ts/components/Select/index.js.map +1 -0
- package/dist-ts/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist-ts/components/Skeleton/Skeleton.js +16 -0
- package/dist-ts/components/Skeleton/Skeleton.js.map +1 -0
- package/dist-ts/components/Skeleton/Skeleton.module.scss +21 -0
- package/dist-ts/components/Skeleton/index.d.ts +1 -0
- package/dist-ts/components/Skeleton/index.js +2 -0
- package/dist-ts/components/Skeleton/index.js.map +1 -0
- package/dist-ts/components/Spacing/Spacing.d.ts +6 -0
- package/dist-ts/components/Spacing/Spacing.js +16 -0
- package/dist-ts/components/Spacing/Spacing.js.map +1 -0
- package/dist-ts/components/Spacing/Spacing.module.scss +13 -0
- package/dist-ts/components/Spacing/index.d.ts +1 -0
- package/dist-ts/components/Spacing/index.js +2 -0
- package/dist-ts/components/Spacing/index.js.map +1 -0
- package/dist-ts/components/StaticScroller/StaticScroller.d.ts +6 -0
- package/dist-ts/components/StaticScroller/StaticScroller.js +50 -0
- package/dist-ts/components/StaticScroller/StaticScroller.js.map +1 -0
- package/dist-ts/components/StaticScroller/StaticScroller.module.scss +14 -0
- package/dist-ts/components/StaticScroller/index.d.ts +1 -0
- package/dist-ts/components/StaticScroller/index.js +2 -0
- package/dist-ts/components/StaticScroller/index.js.map +1 -0
- package/dist-ts/components/Switch/Switch.d.ts +10 -0
- package/dist-ts/components/Switch/Switch.js +9 -0
- package/dist-ts/components/Switch/Switch.js.map +1 -0
- package/dist-ts/components/Switch/Switch.module.scss +43 -0
- package/dist-ts/components/Switch/index.d.ts +1 -0
- package/dist-ts/components/Switch/index.js +2 -0
- package/dist-ts/components/Switch/index.js.map +1 -0
- package/dist-ts/components/Table/Table.d.ts +19 -0
- package/dist-ts/components/Table/Table.js +46 -0
- package/dist-ts/components/Table/Table.js.map +1 -0
- package/dist-ts/components/Table/Table.module.scss +76 -0
- package/dist-ts/components/Table/index.d.ts +1 -0
- package/dist-ts/components/Table/index.js +2 -0
- package/dist-ts/components/Table/index.js.map +1 -0
- package/dist-ts/components/Tabs/Tabs.d.ts +27 -0
- package/dist-ts/components/Tabs/Tabs.js +52 -0
- package/dist-ts/components/Tabs/Tabs.js.map +1 -0
- package/dist-ts/components/Tabs/Tabs.module.scss +40 -0
- package/dist-ts/components/Tabs/index.d.ts +1 -0
- package/dist-ts/components/Tabs/index.js +2 -0
- package/dist-ts/components/Tabs/index.js.map +1 -0
- package/dist-ts/components/Text/Text.d.ts +17 -0
- package/dist-ts/components/Text/Text.js +16 -0
- package/dist-ts/components/Text/Text.js.map +1 -0
- package/dist-ts/components/Text/Text.module.scss +81 -0
- package/dist-ts/components/Text/index.d.ts +1 -0
- package/dist-ts/components/Text/index.js +2 -0
- package/dist-ts/components/Text/index.js.map +1 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalReveal.js +12 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalSquareToBalls.js +30 -0
- package/dist-ts/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
- package/dist-ts/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
- package/dist-ts/components/Transition/MasksFactory/PhysicsSquares.js +80 -0
- package/dist-ts/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
- package/dist-ts/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
- package/dist-ts/components/Transition/MasksFactory/SquareToBalls.js +22 -0
- package/dist-ts/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
- package/dist-ts/components/Transition/MasksFactory/utils.d.ts +8 -0
- package/dist-ts/components/Transition/MasksFactory/utils.js +27 -0
- package/dist-ts/components/Transition/MasksFactory/utils.js.map +1 -0
- package/dist-ts/components/Transition/Transition.d.ts +106 -0
- package/dist-ts/components/Transition/Transition.js +292 -0
- package/dist-ts/components/Transition/Transition.js.map +1 -0
- package/dist-ts/components/Transition/Transition.module.scss +211 -0
- package/dist-ts/components/Transition/index.d.ts +1 -0
- package/dist-ts/components/Transition/index.js +2 -0
- package/dist-ts/components/Transition/index.js.map +1 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.ai.md +9 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.d.ts +17 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.js +70 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.sample.d.ts +1 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.sample.js +18 -0
- package/dist-ts/components/UncontrolledTransition/UncontrolledTransition.sample.js.map +1 -0
- package/dist-ts/components/UncontrolledTransition/index.d.ts +2 -0
- package/dist-ts/components/UncontrolledTransition/index.js +3 -0
- package/dist-ts/components/UncontrolledTransition/index.js.map +1 -0
- package/dist-ts/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +55 -0
- package/dist-ts/components/WalletConnectionWrapper/WalletConnectionWrapper.js +91 -0
- package/dist-ts/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
- package/dist-ts/components/WalletConnectionWrapper/index.d.ts +1 -0
- package/dist-ts/components/WalletConnectionWrapper/index.js +2 -0
- package/dist-ts/components/WalletConnectionWrapper/index.js.map +1 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +43 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +5 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/index.d.ts +1 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/index.js +2 -0
- package/dist-ts/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
- package/dist-ts/context/AsyncProcess.d.ts +20 -0
- package/dist-ts/context/AsyncProcess.js +43 -0
- package/dist-ts/context/AsyncProcess.js.map +1 -0
- package/dist-ts/context/ContextAsyncControl.d.ts +24 -0
- package/dist-ts/context/ContextAsyncControl.js +50 -0
- package/dist-ts/context/ContextAsyncControl.js.map +1 -0
- package/dist-ts/context/CustomBrowserRouter.d.ts +13 -0
- package/dist-ts/context/CustomBrowserRouter.js +29 -0
- package/dist-ts/context/CustomBrowserRouter.js.map +1 -0
- package/dist-ts/context/OneUIProvider.d.ts +154 -0
- package/dist-ts/context/OneUIProvider.js +113 -0
- package/dist-ts/context/OneUIProvider.js.map +1 -0
- package/dist-ts/hooks/logs/useDependencyChangeDetection.d.ts +1 -0
- package/dist-ts/hooks/logs/useDependencyChangeDetection.js +16 -0
- package/dist-ts/hooks/logs/useDependencyChangeDetection.js.map +1 -0
- package/dist-ts/hooks/logs/useIsMounting.d.ts +1 -0
- package/dist-ts/hooks/logs/useIsMounting.js +7 -0
- package/dist-ts/hooks/logs/useIsMounting.js.map +1 -0
- package/dist-ts/hooks/persistence/useLocalStorage.d.ts +2 -0
- package/dist-ts/hooks/persistence/useLocalStorage.js +44 -0
- package/dist-ts/hooks/persistence/useLocalStorage.js.map +1 -0
- package/dist-ts/hooks/shims/ObjectWatchShim.d.ts +1 -0
- package/dist-ts/hooks/shims/ObjectWatchShim.js +52 -0
- package/dist-ts/hooks/shims/ObjectWatchShim.js.map +1 -0
- package/dist-ts/hooks/ui/useAdaptiveImage.d.ts +7 -0
- package/dist-ts/hooks/ui/useAdaptiveImage.js +36 -0
- package/dist-ts/hooks/ui/useAdaptiveImage.js.map +1 -0
- package/dist-ts/hooks/ui/useAlternating.d.ts +4 -0
- package/dist-ts/hooks/ui/useAlternating.js +21 -0
- package/dist-ts/hooks/ui/useAlternating.js.map +1 -0
- package/dist-ts/hooks/ui/useBreakpoint.d.ts +5 -0
- package/dist-ts/hooks/ui/useBreakpoint.js +19 -0
- package/dist-ts/hooks/ui/useBreakpoint.js.map +1 -0
- package/dist-ts/hooks/ui/useCustomScrollbar.d.ts +8 -0
- package/dist-ts/hooks/ui/useCustomScrollbar.js +17 -0
- package/dist-ts/hooks/ui/useCustomScrollbar.js.map +1 -0
- package/dist-ts/hooks/ui/useCustomScrollbar.module.scss +20 -0
- package/dist-ts/hooks/ui/useEffectIf.d.ts +2 -0
- package/dist-ts/hooks/ui/useEffectIf.js +9 -0
- package/dist-ts/hooks/ui/useEffectIf.js.map +1 -0
- package/dist-ts/hooks/ui/useMouseHover.d.ts +11 -0
- package/dist-ts/hooks/ui/useMouseHover.js +22 -0
- package/dist-ts/hooks/ui/useMouseHover.js.map +1 -0
- package/dist-ts/hooks/ui/usePaginationControls.d.ts +14 -0
- package/dist-ts/hooks/ui/usePaginationControls.js +122 -0
- package/dist-ts/hooks/ui/usePaginationControls.js.map +1 -0
- package/dist-ts/hooks/ui/usePaginationControls.module.scss +16 -0
- package/dist-ts/hooks/ui/useSnapToViewport.d.ts +5 -0
- package/dist-ts/hooks/ui/useSnapToViewport.js +19 -0
- package/dist-ts/hooks/ui/useSnapToViewport.js.map +1 -0
- package/dist-ts/hooks/ui/useSnapToViewport.module.scss +6 -0
- package/dist-ts/hooks/ui/useTilt.d.ts +46 -0
- package/dist-ts/hooks/ui/useTilt.js +131 -0
- package/dist-ts/hooks/ui/useTilt.js.map +1 -0
- package/dist-ts/hooks/ui/useZoomable.d.ts +6 -0
- package/dist-ts/hooks/ui/useZoomable.js +122 -0
- package/dist-ts/hooks/ui/useZoomable.js.map +1 -0
- package/dist-ts/hooks/ui/useZoomable.module.scss +34 -0
- package/dist-ts/hooks/useAsyncControl.ai.md +25 -0
- package/dist-ts/hooks/useAsyncControl.d.ts +32 -0
- package/dist-ts/hooks/useAsyncControl.js +67 -0
- package/dist-ts/hooks/useAsyncControl.js.map +1 -0
- package/dist-ts/hooks/useContainedRepositioning.d.ts +15 -0
- package/dist-ts/hooks/useContainedRepositioning.js +73 -0
- package/dist-ts/hooks/useContainedRepositioning.js.map +1 -0
- package/dist-ts/hooks/useCustomHistory.d.ts +14 -0
- package/dist-ts/hooks/useCustomHistory.js +15 -0
- package/dist-ts/hooks/useCustomHistory.js.map +1 -0
- package/dist-ts/hooks/useElementFit.d.ts +18 -0
- package/dist-ts/hooks/useElementFit.js +57 -0
- package/dist-ts/hooks/useElementFit.js.map +1 -0
- package/dist-ts/hooks/useFirestoreWatch.d.ts +12 -0
- package/dist-ts/hooks/useFirestoreWatch.js +42 -0
- package/dist-ts/hooks/useFirestoreWatch.js.map +1 -0
- package/dist-ts/hooks/useForm.d.ts +16 -0
- package/dist-ts/hooks/useForm.js +27 -0
- package/dist-ts/hooks/useForm.js.map +1 -0
- package/dist-ts/hooks/useFreeze.d.ts +5 -0
- package/dist-ts/hooks/useFreeze.js +12 -0
- package/dist-ts/hooks/useFreeze.js.map +1 -0
- package/dist-ts/hooks/useHero.d.ts +68 -0
- package/dist-ts/hooks/useHero.js +287 -0
- package/dist-ts/hooks/useHero.js.map +1 -0
- package/dist-ts/hooks/useHero.module.scss +41 -0
- package/dist-ts/hooks/useIntersection.d.ts +4 -0
- package/dist-ts/hooks/useIntersection.js +27 -0
- package/dist-ts/hooks/useIntersection.js.map +1 -0
- package/dist-ts/hooks/useMergeRefs.d.ts +9 -0
- package/dist-ts/hooks/useMergeRefs.js +26 -0
- package/dist-ts/hooks/useMergeRefs.js.map +1 -0
- package/dist-ts/hooks/useObserve.d.ts +2 -0
- package/dist-ts/hooks/useObserve.js +15 -0
- package/dist-ts/hooks/useObserve.js.map +1 -0
- package/dist-ts/hooks/usePagination.d.ts +52 -0
- package/dist-ts/hooks/usePagination.js +147 -0
- package/dist-ts/hooks/usePagination.js.map +1 -0
- package/dist-ts/hooks/usePooledOperation.d.ts +15 -0
- package/dist-ts/hooks/usePooledOperation.js +49 -0
- package/dist-ts/hooks/usePooledOperation.js.map +1 -0
- package/dist-ts/hooks/usePooling.d.ts +17 -0
- package/dist-ts/hooks/usePooling.js +38 -0
- package/dist-ts/hooks/usePooling.js.map +1 -0
- package/dist-ts/hooks/useRebound.d.ts +9 -0
- package/dist-ts/hooks/useRebound.js +21 -0
- package/dist-ts/hooks/useRebound.js.map +1 -0
- package/dist-ts/hooks/useShortIntl.ai.md +5 -0
- package/dist-ts/hooks/useShortIntl.d.ts +16 -0
- package/dist-ts/hooks/useShortIntl.js +62 -0
- package/dist-ts/hooks/useShortIntl.js.map +1 -0
- package/dist-ts/hooks/utility/useAsyncMemo.d.ts +13 -0
- package/dist-ts/hooks/utility/useAsyncMemo.js +31 -0
- package/dist-ts/hooks/utility/useAsyncMemo.js.map +1 -0
- package/dist-ts/hooks/utility/useDepChange.d.ts +1 -0
- package/dist-ts/hooks/utility/useDepChange.js +12 -0
- package/dist-ts/hooks/utility/useDepChange.js.map +1 -0
- package/dist-ts/hooks/utility/useEvents.d.ts +9 -0
- package/dist-ts/hooks/utility/useEvents.js +25 -0
- package/dist-ts/hooks/utility/useEvents.js.map +1 -0
- package/dist-ts/hooks/utility/useImmediate.d.ts +4 -0
- package/dist-ts/hooks/utility/useImmediate.js +8 -0
- package/dist-ts/hooks/utility/useImmediate.js.map +1 -0
- package/dist-ts/hooks/utility/useManualInit.d.ts +4 -0
- package/dist-ts/hooks/utility/useManualInit.js +17 -0
- package/dist-ts/hooks/utility/useManualInit.js.map +1 -0
- package/dist-ts/hooks/utility/useModule.d.ts +4 -0
- package/dist-ts/hooks/utility/useModule.js +12 -0
- package/dist-ts/hooks/utility/useModule.js.map +1 -0
- package/dist-ts/hooks/utility/useQuery.d.ts +7 -0
- package/dist-ts/hooks/utility/useQuery.js +11 -0
- package/dist-ts/hooks/utility/useQuery.js.map +1 -0
- package/dist-ts/hooks/utility/useUniqueEffect.d.ts +1 -0
- package/dist-ts/hooks/utility/useUniqueEffect.js +17 -0
- package/dist-ts/hooks/utility/useUniqueEffect.js.map +1 -0
- package/dist-ts/index.d.ts +3 -0
- package/dist-ts/index.js +4 -0
- package/dist-ts/index.js.map +1 -0
- package/dist-ts/models/DebugLogger.d.ts +1 -0
- package/dist-ts/models/DebugLogger.js +7 -0
- package/dist-ts/models/DebugLogger.js.map +1 -0
- package/dist-ts/models/GenericContract.d.ts +79 -0
- package/dist-ts/models/GenericContract.js +14 -0
- package/dist-ts/models/GenericContract.js.map +1 -0
- package/dist-ts/models/Orbs.d.ts +35 -0
- package/dist-ts/models/Orbs.js +61 -0
- package/dist-ts/models/Orbs.js.map +1 -0
- package/dist-ts/storybook/assets/video/txt-reversed.mp4 +0 -0
- package/dist-ts/storybookUtils/index.d.ts +5 -0
- package/dist-ts/storybookUtils/index.js +33 -0
- package/dist-ts/storybookUtils/index.js.map +1 -0
- package/dist-ts/type-utils.d.ts +49 -0
- package/dist-ts/type-utils.js +2 -0
- package/dist-ts/type-utils.js.map +1 -0
- package/dist-ts/types.d.ts +79 -0
- package/dist-ts/types.js +2 -0
- package/dist-ts/types.js.map +1 -0
- package/dist-ts/utils/blockchain.d.ts +4 -0
- package/dist-ts/utils/blockchain.js +39 -0
- package/dist-ts/utils/blockchain.js.map +1 -0
- package/dist-ts/utils/e2e.d.ts +13 -0
- package/dist-ts/utils/e2e.js +25 -0
- package/dist-ts/utils/e2e.js.map +1 -0
- package/dist-ts/utils/flatten.d.ts +4 -0
- package/dist-ts/utils/flatten.js +11 -0
- package/dist-ts/utils/flatten.js.map +1 -0
- package/dist-ts/utils/formatters.d.ts +17 -0
- package/dist-ts/utils/formatters.js +33 -0
- package/dist-ts/utils/formatters.js.map +1 -0
- package/dist-ts/utils/html.utils.d.ts +1 -0
- package/dist-ts/utils/html.utils.js +4 -0
- package/dist-ts/utils/html.utils.js.map +1 -0
- package/dist-ts/utils/ownEvent.d.ts +4 -0
- package/dist-ts/utils/ownEvent.js +10 -0
- package/dist-ts/utils/ownEvent.js.map +1 -0
- package/dist-ts/utils/test.d.ts +5 -0
- package/dist-ts/utils/test.js +11 -0
- package/dist-ts/utils/test.js.map +1 -0
- package/package.json +5 -3
- package/src/utils/e2e.ts +1 -1
- package/tsconfig.prod.json +55 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import Styles from "./Divider.module.scss";
|
|
3
|
+
/**
|
|
4
|
+
* Guess what this does
|
|
5
|
+
**/
|
|
6
|
+
export default function Divider({ className = "" }) {
|
|
7
|
+
return (_jsx(_Fragment, { children: _jsx("div", { className: `${Styles.container} ${className}` }) }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=Divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,SAAS,GAAG,EAAE,EAAuB;IACpE,OAAO,CACL,4BACE,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,GAAI,GACrD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Divider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare function validateEmail(email: string): boolean;
|
|
3
|
+
/**
|
|
4
|
+
* A Input based wrapper to handle inputs of email
|
|
5
|
+
**/
|
|
6
|
+
declare const EmailInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
7
|
+
decoration?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
8
|
+
error?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
|
+
hideError?: "onfocus" | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
|
|
12
|
+
multiline?: number | undefined;
|
|
13
|
+
border?: boolean | undefined;
|
|
14
|
+
icon?: ({
|
|
15
|
+
onClick?: (() => void) | undefined;
|
|
16
|
+
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
17
|
+
Icon?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
|
|
18
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
19
|
+
containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
|
|
20
|
+
value?: string | undefined;
|
|
21
|
+
'data-testid'?: string | undefined;
|
|
22
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange" | "value"> & React.RefAttributes<any>, "onChange" | "value"> & {
|
|
23
|
+
onChange: (email: string, isValid: boolean) => void;
|
|
24
|
+
value: string;
|
|
25
|
+
messages: {
|
|
26
|
+
invalidEmail: string;
|
|
27
|
+
};
|
|
28
|
+
}, "ref"> & React.RefAttributes<{
|
|
29
|
+
validateEmail: (email: string) => boolean;
|
|
30
|
+
}>>;
|
|
31
|
+
export default EmailInput;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useImperativeHandle, useState, } from "react";
|
|
3
|
+
import Input from "../Input";
|
|
4
|
+
export function validateEmail(email) {
|
|
5
|
+
return /@.*\./.test(email);
|
|
6
|
+
}
|
|
7
|
+
function _EmailInput(props, ref) {
|
|
8
|
+
const [localWarning, setLocalWarning] = useState(props.value ? !validateEmail(props.value) : false);
|
|
9
|
+
useImperativeHandle(ref, () => ({
|
|
10
|
+
validateEmail: validateEmail,
|
|
11
|
+
}));
|
|
12
|
+
function _handleInputChange(e) {
|
|
13
|
+
props.onChange(e.target.value, validateEmail(e.target.value));
|
|
14
|
+
}
|
|
15
|
+
return (_jsx(Input, { ...props, error: localWarning ? props.messages.invalidEmail : props.error, onBlur: ({ target: { value } }) => {
|
|
16
|
+
setLocalWarning(!!value && !validateEmail(value));
|
|
17
|
+
}, onFocus: () => setLocalWarning(false), onChange: _handleInputChange }));
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* A Input based wrapper to handle inputs of email
|
|
21
|
+
**/
|
|
22
|
+
const EmailInput = forwardRef(_EmailInput);
|
|
23
|
+
export default EmailInput;
|
|
24
|
+
//# sourceMappingURL=EmailInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AACD,SAAS,WAAW,CAClB,KAMC,EACD,GAEE;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAClD,CAAC;IACF,mBAAmB,CAAC,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,KAAC,KAAK,OACA,KAAK,EACT,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,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, validateEmail } from './EmailInput';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmailInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { SyntheticEvent } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
|
|
4
|
+
**/
|
|
5
|
+
declare const FadeIn: React.ForwardRefExoticComponent<{
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
active?: boolean | undefined;
|
|
8
|
+
onClick?: ((e: SyntheticEvent<HTMLDivElement>) => void) | undefined;
|
|
9
|
+
onHidden?: (() => void) | undefined;
|
|
10
|
+
"data-testid"?: string | undefined;
|
|
11
|
+
style?: any;
|
|
12
|
+
} & {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export default FadeIn;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createRef, forwardRef, useEffect, useRef, useState, } from "react";
|
|
3
|
+
import Styles from "./FadeIn.module.scss";
|
|
4
|
+
function _FadeIn({ onHidden, children, className = "", active, onClick, ...props }, divRef) {
|
|
5
|
+
if (!divRef) {
|
|
6
|
+
divRef = createRef();
|
|
7
|
+
}
|
|
8
|
+
const [, trigger] = useState(0);
|
|
9
|
+
const prevChildren = useRef(undefined);
|
|
10
|
+
prevChildren.current = children || prevChildren.current;
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const el = divRef.current;
|
|
13
|
+
const isElHidden = active !== undefined ? !active : !children;
|
|
14
|
+
if (isElHidden) {
|
|
15
|
+
el.classList.remove(Styles.active);
|
|
16
|
+
const handler = () => {
|
|
17
|
+
prevChildren.current = null;
|
|
18
|
+
trigger((a) => a + 1);
|
|
19
|
+
if (onHidden && !el.classList.contains(Styles.active))
|
|
20
|
+
onHidden();
|
|
21
|
+
};
|
|
22
|
+
el.addEventListener("transitionend", handler);
|
|
23
|
+
return () => {
|
|
24
|
+
el.removeEventListener("transitionend", handler);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
setTimeout(() => {
|
|
29
|
+
el.classList.add(Styles.active);
|
|
30
|
+
}, 0);
|
|
31
|
+
}
|
|
32
|
+
}, [children, active]);
|
|
33
|
+
return (_jsx("div", { ref: divRef, className: `${Styles.container} ${className}`, onClick: onClick, ...props, children: prevChildren.current }));
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
|
|
37
|
+
**/
|
|
38
|
+
const FadeIn = forwardRef(_FadeIn);
|
|
39
|
+
export default FadeIn;
|
|
40
|
+
//# sourceMappingURL=FadeIn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,SAAS,EAET,UAAU,EAIV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAU1C,SAAS,OAAO,CACd,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACI,EACd,MAAoC;IAEpC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,SAAS,EAAE,CAAC;IACvB,CAAC;IACD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,MAAM,CAAkB,SAAS,CAAC,CAAC;IACxD,YAAY,CAAC,OAAO,GAAG,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAI,MAAoC,CAAC,OAAQ,CAAC;QAC1D,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9D,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACnC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;oBAAE,QAAQ,EAAE,CAAC;YACpE,CAAC,CAAC;YACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE;gBACd,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACvB,OAAO,CACL,cACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,YAAY,CAAC,OAAO,GACjB,CACP,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,MAAM,GAAG,UAAU,CAA8B,OAAO,CAAC,CAAC;AAChE,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FadeIn';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeIn/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
export type FileInputProps = {
|
|
3
|
+
states: {
|
|
4
|
+
waitingFile: {
|
|
5
|
+
/** The reason why this file is being requested */
|
|
6
|
+
title: string | ReactElement;
|
|
7
|
+
/** Shown below the title */
|
|
8
|
+
description?: string;
|
|
9
|
+
/** The label to show on the button */
|
|
10
|
+
button?: string;
|
|
11
|
+
};
|
|
12
|
+
fileProvided: {
|
|
13
|
+
/** Text show when the file has been provided */
|
|
14
|
+
title: string | ReactElement;
|
|
15
|
+
/** Shown below the title */
|
|
16
|
+
description?: string;
|
|
17
|
+
/** Shown on the button to remove the file */
|
|
18
|
+
button?: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
footer: string;
|
|
22
|
+
file?: File;
|
|
23
|
+
onFile: (file: File | undefined) => void;
|
|
24
|
+
progress?: number;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
} & React.HTMLProps<HTMLInputElement>;
|
|
27
|
+
/**
|
|
28
|
+
* A component to provide the upload of a file
|
|
29
|
+
**/
|
|
30
|
+
declare function FileInput({ onFile, ...props }: FileInputProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export default FileInput;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useRef, } from "react";
|
|
3
|
+
import { useOneUIView } from "../../context/OneUIProvider";
|
|
4
|
+
import Styles from "./FileInput.module.scss";
|
|
5
|
+
/**
|
|
6
|
+
* A component to provide the upload of a file
|
|
7
|
+
**/
|
|
8
|
+
function FileInput({ onFile, ...props }) {
|
|
9
|
+
const View = useOneUIView("component.fileInput.View", "FileInput");
|
|
10
|
+
const inputRef = useRef(null);
|
|
11
|
+
const onFileSelected = useCallback(((e) => {
|
|
12
|
+
const file = e.target.files.item(0);
|
|
13
|
+
onFile(file || undefined);
|
|
14
|
+
}), []);
|
|
15
|
+
return (_jsx(View, { ...props, onAction: () => {
|
|
16
|
+
if (props.file) {
|
|
17
|
+
inputRef.current.value = "";
|
|
18
|
+
onFile(undefined);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
inputRef.current.click();
|
|
22
|
+
}
|
|
23
|
+
}, inputEl: _jsx("input", { ...props, ref: inputRef, onChange: onFileSelected, type: "file", className: Styles.hidden }) }));
|
|
24
|
+
}
|
|
25
|
+
export default FileInput;
|
|
26
|
+
//# sourceMappingURL=FileInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,WAAW,EACX,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AA4B7C;;IAEI;AACJ,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB;IACrD,MAAM,IAAI,GAAG,YAAY,CAAC,0BAA0B,EAAE,WAAW,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAC,CAAC,EAAE,EAAE;QACL,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAyC,EAC1C,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,QAAQ,EAAE,GAAG,EAAE;YACb,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC7B,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,OAAO,EACL,mBACM,KAAK,EACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,CAAC,MAAM,GACxB,GAEJ,CACH,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { FileInputViewProps } from "../View.types";
|
|
3
|
+
/**
|
|
4
|
+
* The file input layout with a big appearance
|
|
5
|
+
**/
|
|
6
|
+
export default function BigFactory(IconComponent: () => ReactElement): ({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }: FileInputViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Styles from "./BigFactory.module.scss";
|
|
3
|
+
import Spacing from "../../../Spacing/Spacing";
|
|
4
|
+
import Text from "../../../Text/Text";
|
|
5
|
+
import Button from "../../../Button/Button";
|
|
6
|
+
/**
|
|
7
|
+
* The file input layout with a big appearance
|
|
8
|
+
**/
|
|
9
|
+
export default function BigFactory(IconComponent) {
|
|
10
|
+
return function Big({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }) {
|
|
11
|
+
return (_jsxs("div", { className: `${Styles.container} ${className ?? ""}`, children: [_jsx(IconComponent, {}), _jsx(Spacing, { size: "small" }), _jsx(Text, { type: "description", children: file ? fileProvided : reason }), _jsx(Spacing, { size: "small" }), _jsx(Button, { variant: "filled", onClick: onRemoveFile, children: file ? removeFile : button }), inputEl, _jsx(Text, { className: Styles.footer, type: "caption", children: footer })] }));
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=BigFactory.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BigFactory.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/BigFactory.tsx"],"names":[],"mappings":";AAMA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,aAAiC;IAClE,OAAO,SAAS,GAAG,CAAC,EAClB,MAAM,EAAE,EACN,YAAY,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EACzD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GACvC,EACD,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EAAE,YAAY,EACH;QACnB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACtD,KAAC,aAAa,KAAG,EACjB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,YAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAAQ,EAC9D,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,YAEpB,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpB,EACR,OAAO,EAER,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,YAC3C,MAAM,GACF,IACH,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
@import "../../../../assets/styles/index.scss";
|
|
2
|
+
|
|
3
|
+
.container {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
background-color: $fileInputBackgroundColor;
|
|
9
|
+
padding: 72px;
|
|
10
|
+
border: 1px solid;
|
|
11
|
+
border-color: $fileInputBorderColor;
|
|
12
|
+
position: relative;
|
|
13
|
+
margin-bottom: 28px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.footer {
|
|
17
|
+
position: absolute;
|
|
18
|
+
bottom: -24px;
|
|
19
|
+
left: 0px;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './BigFactory';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactElement, ReactNode } from "react";
|
|
2
|
+
import { FileInputViewProps } from "../View.types";
|
|
3
|
+
/**
|
|
4
|
+
* Shows the file submission input in a more compact form
|
|
5
|
+
**/
|
|
6
|
+
declare function Compact({ states, file, footer, inputEl, onAction, progress, className, disabled, }: FileInputViewProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function ProgressIndicator({ progress, file, defaultIcon, Wrapper, }: Pick<FileInputViewProps, "progress" | "file"> & {
|
|
8
|
+
defaultIcon?: ReactElement;
|
|
9
|
+
Wrapper?: (p: PropsWithChildren<any>) => ReactNode;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default Compact;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo, } from "react";
|
|
3
|
+
import Styles from "./Compact.module.scss";
|
|
4
|
+
import _UncontrolledTransition from "../../../UncontrolledTransition/UncontrolledTransition";
|
|
5
|
+
import { TransitionAnimationTypes } from "../../../Transition";
|
|
6
|
+
import Button from "../../../Button/Button";
|
|
7
|
+
/**
|
|
8
|
+
* Shows the file submission input in a more compact form
|
|
9
|
+
**/
|
|
10
|
+
function Compact({ states, file, footer, inputEl, onAction, progress, className, disabled, }) {
|
|
11
|
+
const state = states[file ? "fileProvided" : "waitingFile"];
|
|
12
|
+
const progressDashArray = useMemo(() => {
|
|
13
|
+
if (progress !== undefined) {
|
|
14
|
+
const strokePercent = (progress * 300) / 100;
|
|
15
|
+
return `${strokePercent}% ${300 - strokePercent}%`;
|
|
16
|
+
}
|
|
17
|
+
}, [progress]);
|
|
18
|
+
return (_jsxs("div", { className: `${Styles.root} ${className} ${disabled ? Styles.disabled : ""}`, onClick: onAction, style: {
|
|
19
|
+
"--progress-stroke-dasharray": progressDashArray,
|
|
20
|
+
}, children: [_jsx(ProgressIndicator, { file: file, progress: progress }), _jsxs("div", { children: [_jsx("p", { children: state.title }), state.description && _jsx("p", { children: state.description }), _jsx("p", { children: footer })] }), inputEl] }));
|
|
21
|
+
}
|
|
22
|
+
export function ProgressIndicator({ progress, file, defaultIcon, Wrapper = Button, }) {
|
|
23
|
+
const statusClass = progress !== undefined && progress < 100
|
|
24
|
+
? "loading"
|
|
25
|
+
: file
|
|
26
|
+
? "completed"
|
|
27
|
+
: "waiting";
|
|
28
|
+
const polylines = useMemo(() => {
|
|
29
|
+
switch (statusClass) {
|
|
30
|
+
case "completed":
|
|
31
|
+
return [
|
|
32
|
+
"rotate(45, 23, 23.5)",
|
|
33
|
+
"14 23.9, 23 23.9, 32 23.9",
|
|
34
|
+
"23 14.8 23 33",
|
|
35
|
+
];
|
|
36
|
+
case "loading":
|
|
37
|
+
return ["", "18 23.9, 23 18.8, 28 23.9", "23 18.8 23 29"];
|
|
38
|
+
default:
|
|
39
|
+
return ["", "18 23.9, 23 23.9, 28 23.9", "23 18.8 23 29"];
|
|
40
|
+
}
|
|
41
|
+
}, [statusClass]);
|
|
42
|
+
return (_jsx(_UncontrolledTransition, { transitionType: TransitionAnimationTypes.COIN_FLIP, className: Styles.icon, children: _jsx(Wrapper, { variant: "transparent", children: _jsxs("svg", { viewBox: "0 0 46 47", className: Styles[statusClass], fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "23", cy: "23.859", r: "22", style: { stroke: "var(--svg-color, #000)" }, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), statusClass === "completed" ? (_jsxs("g", { transform: "translate(11, 11)", children: [_jsx("path", { d: "M22 11.0801V12.0001C21.9988 14.1565 21.3005 16.2548 20.0093 17.9819C18.7182 19.7091 16.9033 20.9726 14.8354 21.584C12.7674 22.1954 10.5573 22.122 8.53447 21.3747C6.51168 20.6274 4.78465 19.2462 3.61096 17.4372C2.43727 15.6281 1.87979 13.4882 2.02168 11.3364C2.16356 9.18467 2.99721 7.13643 4.39828 5.49718C5.79935 3.85793 7.69279 2.71549 9.79619 2.24025C11.8996 1.76502 14.1003 1.98245 16.07 2.86011", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M22 4L12 14.01L9 11.01", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) : (defaultIcon || (_jsxs("g", { transform: polylines[0], children: [_jsx("polyline", { points: polylines[1], strokeWidth: "2.8", style: { stroke: "var(--svg-color, #000)" }, "stroke-linecap": "round" }), _jsx("polyline", { points: polylines[2], strokeWidth: "2.8", style: { stroke: "var(--svg-color, #000)" }, "stroke-linecap": "round" })] })))] }) }, `${Styles.button} ${statusClass}`) }));
|
|
43
|
+
}
|
|
44
|
+
export default Compact;
|
|
45
|
+
//# sourceMappingURL=Compact.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Compact.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/Compact/Compact.tsx"],"names":[],"mappings":";AAAA,OAAc,EAIZ,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,uBAAuB,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;IAEI;AACJ,SAAS,OAAO,CAAC,EACf,MAAM,EACN,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5D,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,aAAa,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAE7C,OAAO,GAAG,aAAa,KAAK,GAAG,GAAG,aAAa,GAAG,CAAC;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,IACpC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,EAAE,EACF,OAAO,EAAE,QAAQ,EACjB,KAAK,EACH;YACE,6BAA6B,EAAE,iBAAiB;SAC1C,aAGV,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACrD,0BACE,sBAAI,KAAK,CAAC,KAAK,GAAK,EACnB,KAAK,CAAC,WAAW,IAAI,sBAAI,KAAK,CAAC,WAAW,GAAK,EAChD,sBAAI,MAAM,GAAK,IACX,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,MAAM,GAIjB;IACC,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS,IAAI,QAAQ,GAAG,GAAG;QACtC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,OAAO;oBACL,sBAAsB;oBACtB,2BAA2B;oBAC3B,eAAe;iBAChB,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO,CAAC,EAAE,EAAE,2BAA2B,EAAE,eAAe,CAAC,CAAC;YAC5D;gBACE,OAAO,CAAC,EAAE,EAAE,2BAA2B,EAAE,eAAe,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,KAAC,uBAAuB,IACtB,cAAc,EAAE,wBAAwB,CAAC,SAAS,EAClD,SAAS,EAAE,MAAM,CAAC,IAAI,YAEtB,KAAC,OAAO,IAAC,OAAO,EAAC,aAAa,YAC5B,eACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAC9B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,QAAQ,EACX,CAAC,EAAC,IAAI,EACN,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAwB,EAAE,EAC3C,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACD,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,CAC7B,aAAG,SAAS,EAAC,mBAAmB,aAC9B,eACE,CAAC,EAAC,iZAAiZ,EACnZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACA,CACL,CAAC,CAAC,CAAC,CACF,WAAW,IAAI,CACb,aAAG,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aACxB,mBACE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EACpB,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAwB,EAAE,oBAC5B,OAAO,GACtB,EACF,mBACE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EACpB,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAwB,EAAE,oBAC5B,OAAO,GACtB,IACA,CACL,CACF,IACG,IAnD4B,GAAG,MAAM,CAAC,MAAM,IAAI,WAAW,EAAE,CAoD3D,GACc,CAC3B,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
@import "../../../../assets/styles/index.scss";
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
padding: 14px 22px;
|
|
5
|
+
background-color: $fileInputBackgroundColor;
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
.button {
|
|
10
|
+
margin-right: 24px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.root,
|
|
15
|
+
.icon {
|
|
16
|
+
&.disabled {
|
|
17
|
+
pointer-events: none;
|
|
18
|
+
cursor: initial;
|
|
19
|
+
}
|
|
20
|
+
.button {
|
|
21
|
+
padding: 0px;
|
|
22
|
+
min-width: initial;
|
|
23
|
+
}
|
|
24
|
+
> :first-child svg {
|
|
25
|
+
height: 46px;
|
|
26
|
+
}
|
|
27
|
+
> div {
|
|
28
|
+
p {
|
|
29
|
+
margin: 0px;
|
|
30
|
+
}
|
|
31
|
+
p:nth-child(1) {
|
|
32
|
+
font-weight: bold;
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
font-family: $mainFontFamily;
|
|
35
|
+
}
|
|
36
|
+
p:nth-child(2) {
|
|
37
|
+
font-size: 12px;
|
|
38
|
+
font-family: $mainFontFamily;
|
|
39
|
+
}
|
|
40
|
+
p:nth-child(3) {
|
|
41
|
+
margin-top: 8px;
|
|
42
|
+
font-size: 16px;
|
|
43
|
+
font-family: $mainFontFamily;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
svg {
|
|
47
|
+
--svg-color: #{$digitalBlue};
|
|
48
|
+
&.loading {
|
|
49
|
+
circle {
|
|
50
|
+
transition: stroke-dasharray 250ms ease-out;
|
|
51
|
+
stroke-dasharray: var(--progress-stroke-dasharray);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
&.completed {
|
|
55
|
+
circle {
|
|
56
|
+
fill: var(--svg-color);
|
|
57
|
+
}
|
|
58
|
+
polyline {
|
|
59
|
+
stroke-width: 3;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
&.waiting {
|
|
63
|
+
circle {
|
|
64
|
+
stroke-dasharray: 10%;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, ProgressIndicator } from './Compact';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/Compact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { FileInputProps } from "../FileInput";
|
|
3
|
+
export type FileInputViewProps = {
|
|
4
|
+
inputEl: ReactNode;
|
|
5
|
+
onAction: () => void;
|
|
6
|
+
/** A range from 0-100 to indicate some file upload progress */
|
|
7
|
+
progress?: number;
|
|
8
|
+
} & Pick<FileInputProps, "states" | "file" | "footer" | "className" | "disabled">;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"View.types.js","sourceRoot":"","sources":["../../../../src/components/FileInput/View/View.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FileInput';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { JSX } from "react";
|
|
2
|
+
export type FlowControlState = "disabled" | "enabled" | "hidden";
|
|
3
|
+
/**
|
|
4
|
+
* Container for a flow, managing the go back and close controller
|
|
5
|
+
**/
|
|
6
|
+
export default function FlowController<E extends Pick<JSX.IntrinsicElements, "div" | "form">, W extends keyof E>({ children, buttons, step, onClose, onBack, fullPage, firstStep, style, wrapper: Wrapper, }: {
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
onBack?: () => void;
|
|
9
|
+
step: number;
|
|
10
|
+
firstStep?: number;
|
|
11
|
+
buttons: {
|
|
12
|
+
label: string;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
state: FlowControlState;
|
|
15
|
+
}[];
|
|
16
|
+
children: React.ReactElement[];
|
|
17
|
+
fullPage?: boolean;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
wrapper?: React.ElementType;
|
|
20
|
+
} & E[W]): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function HeadingImage({ src }: {
|
|
22
|
+
src: string;
|
|
23
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Button from "../Button";
|
|
3
|
+
import HeaderCloseBtn from "../HeaderCloseBtn";
|
|
4
|
+
import Transition from "../Transition";
|
|
5
|
+
import Styles from "./FlowController.module.scss";
|
|
6
|
+
/**
|
|
7
|
+
* Container for a flow, managing the go back and close controller
|
|
8
|
+
**/
|
|
9
|
+
export default function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
|
|
10
|
+
function _handleBackPress() {
|
|
11
|
+
if (isAtFirstStep)
|
|
12
|
+
onClose && onClose();
|
|
13
|
+
else if (onBack)
|
|
14
|
+
onBack();
|
|
15
|
+
}
|
|
16
|
+
const isAtFirstStep = step === firstStep;
|
|
17
|
+
const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
|
|
18
|
+
return (_jsxs(Wrapper, { onClick: (e) => e.stopPropagation(), className: Styles.container, style: style, children: [_jsx("header", { children: shouldDisplayHeaderButton && (_jsx(HeaderCloseBtn, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress })) }), _jsx(Transition, { step: step, className: Styles.transition, contentClassName: `${fullPage ? Styles.fullHeight : ""} ${Styles.content}`, children: children }), _jsx("footer", { className: buttons.find((b) => b.state === "hidden") ? Styles.hidden : undefined, children: buttons.map((b) => (_jsx(Button, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled", children: b.label }))) })] }));
|
|
19
|
+
}
|
|
20
|
+
export function HeadingImage({ src }) {
|
|
21
|
+
return _jsx("img", { src: src, className: Styles.headingImg });
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=FlowController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowController.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAGlD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,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,MAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC/C,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,aAEZ,2BACG,yBAAyB,IAAI,CAC5B,KAAC,cAAc,IACb,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,MAAM,EAAE,CAAC,MAAM,EACf,OAAO,EAAE,gBAAgB,GACzB,CACH,GACM,EACT,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IACpD,MAAM,CAAC,OACT,EAAE,YAED,QAAQ,GACE,EACb,iBACE,SAAS,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAGtE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,MAAM,IACL,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,YAEvD,CAAC,CAAC,KAAK,GACD,CACV,CAAC,GACK,IACD,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAmB;IACnD,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,CAAC;AACzD,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
export { default } from './FlowController';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowController/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|