@onepercentio/one-ui 0.8.5-beta.1 → 0.8.5-beta.11
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/email-templates.js +35 -3
- package/cypress/support/component-index.html +4 -0
- package/dist/assets/styles/variables.scss +1 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +8 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +36 -15
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +17 -10
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +10 -5
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +21 -24
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +5 -3
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Collapsable/Collapsable.d.ts +11 -1
- package/dist/components/Collapsable/Collapsable.js +17 -4
- package/dist/components/Collapsable/Collapsable.js.map +1 -1
- package/dist/components/EmailInput/EmailInput.d.ts +2 -2
- package/dist/components/FadeIn/FadeIn.d.ts +1 -0
- package/dist/components/FadeIn/FadeIn.js +14 -2
- package/dist/components/FadeIn/FadeIn.js.map +1 -1
- package/dist/components/InfinityScroll/InfinityScroll.d.ts +7 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +39 -22
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Loader/Loader.d.ts +3 -2
- package/dist/components/Loader/Loader.js +14 -2
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/OrderableList/OrderableList.d.ts +13 -3
- package/dist/components/OrderableList/OrderableList.js +71 -14
- package/dist/components/OrderableList/OrderableList.js.map +1 -1
- package/dist/components/OrderableList/OrderableList.module.scss +15 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +28 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +139 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.module.scss +48 -0
- package/dist/components/PaginationIndicator/index.d.ts +1 -0
- package/dist/components/PaginationIndicator/index.js +9 -0
- package/dist/components/PaginationIndicator/index.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +3 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +3 -1
- package/dist/components/Tabs/Tabs.js +17 -9
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/Tabs.module.scss +0 -1
- package/dist/components/Text/Text.d.ts +3 -3
- package/dist/components/Text/Text.js +4 -4
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/context/AsyncProcessQueue.js +9 -13
- package/dist/context/AsyncProcessQueue.js.map +1 -1
- package/dist/context/OneUIProvider.d.ts +10 -1
- package/dist/context/OneUIProvider.js +1 -1
- package/dist/context/OneUIProvider.js.map +1 -1
- package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
- package/dist/hooks/ui/useBreakpoint.js +25 -0
- package/dist/hooks/ui/useBreakpoint.js.map +1 -0
- package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
- package/dist/hooks/ui/usePaginationControls.js +92 -0
- package/dist/hooks/ui/usePaginationControls.js.map +1 -0
- package/dist/hooks/ui/usePaginationControls.module.scss +16 -0
- package/dist/hooks/useAsyncControl.d.ts +4 -1
- package/dist/hooks/useAsyncControl.js +3 -1
- package/dist/hooks/useAsyncControl.js.map +1 -1
- package/dist/hooks/useContainedRepositioning.d.ts +3 -1
- package/dist/hooks/useContainedRepositioning.js +13 -10
- package/dist/hooks/useContainedRepositioning.js.map +1 -1
- package/dist/hooks/useElementFit.d.ts +2 -2
- package/dist/hooks/useElementFit.js.map +1 -1
- package/dist/hooks/useFreeze.d.ts +1 -1
- package/dist/hooks/useHero.d.ts +13 -0
- package/dist/hooks/useHero.js +97 -0
- package/dist/hooks/useHero.js.map +1 -0
- package/dist/hooks/useMergeRefs.d.ts +5 -0
- package/dist/hooks/useMergeRefs.js +15 -0
- package/dist/hooks/useMergeRefs.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +5 -4
- package/dist/hooks/usePagination.js +22 -15
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/usePaginationControls.d.ts +5 -0
- package/dist/hooks/usePaginationControls.js +8 -0
- package/dist/hooks/usePaginationControls.js.map +1 -0
- package/dist/models/GenericContract.d.ts +1 -1
- package/dist/types.d.ts +1 -2
- package/dist/types.js +0 -1
- package/dist/types.js.map +1 -1
- package/package.json +8 -16
- package/src/types.ts +85 -0
- package/tsconfig.json +108 -0
- package/WebpackConfigs/__snapshots__/email-templates.test.js.snap +0 -9
- package/WebpackConfigs/email-templates.test.js +0 -53
- package/WebpackConfigs/loaders/css-var-removal.test.ts +0 -17
- package/dist/__test__/analytics.d.ts +0 -3
- package/dist/__test__/analytics.js +0 -20
- package/dist/__test__/analytics.js.map +0 -1
- package/dist/__test__/firestore.d.ts +0 -2
- package/dist/__test__/firestore.js +0 -26
- package/dist/__test__/firestore.js.map +0 -1
- package/dist/__test__/utils.d.ts +0 -16
- package/dist/__test__/utils.js +0 -164
- package/dist/__test__/utils.js.map +0 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.d.ts +0 -18
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.js +0 -82
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.js.map +0 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.d.ts +0 -17
- package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.js +0 -82
- package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.js.map +0 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +0 -20
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +0 -94
- package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js.map +0 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +0 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +0 -15
- package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js.map +0 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +0 -19
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +0 -21
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js.map +0 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +0 -16
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +0 -86
- package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js.map +0 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +0 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +0 -20
- package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js.map +0 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts +0 -14
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js +0 -67
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js.map +0 -1
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +0 -18
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +0 -34
- package/dist/components/AsyncWrapper/AsyncWrapper.stories.js.map +0 -1
- package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +0 -1
- package/dist/components/AsyncWrapper/AsyncWrapper.test.js +0 -19
- package/dist/components/AsyncWrapper/AsyncWrapper.test.js.map +0 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +0 -14
- package/dist/components/Avatar/Avatar.stories.js +0 -19
- package/dist/components/Avatar/Avatar.stories.js.map +0 -1
- package/dist/components/Avatar/Avatar.test.d.ts +0 -1
- package/dist/components/Avatar/Avatar.test.js +0 -36
- package/dist/components/Avatar/Avatar.test.js.map +0 -1
- package/dist/components/BucketFill/BucketFill.stories.d.ts +0 -17
- package/dist/components/BucketFill/BucketFill.stories.js +0 -141
- package/dist/components/BucketFill/BucketFill.stories.js.map +0 -1
- package/dist/components/BucketFill/BucketFill.stories.module.scss +0 -3
- package/dist/components/Button/Button.stories.d.ts +0 -9
- package/dist/components/Button/Button.stories.js +0 -58
- package/dist/components/Button/Button.stories.js.map +0 -1
- package/dist/components/Button/Button.test.d.ts +0 -1
- package/dist/components/Button/Button.test.js +0 -15
- package/dist/components/Button/Button.test.js.map +0 -1
- package/dist/components/Card/Card.stories.d.ts +0 -15
- package/dist/components/Card/Card.stories.js +0 -16
- package/dist/components/Card/Card.stories.js.map +0 -1
- package/dist/components/CheckBox/CheckBox.stories.d.ts +0 -20
- package/dist/components/CheckBox/CheckBox.stories.js +0 -53
- package/dist/components/CheckBox/CheckBox.stories.js.map +0 -1
- package/dist/components/Collapsable/Collapsable.stories.d.ts +0 -39
- package/dist/components/Collapsable/Collapsable.stories.js +0 -28
- package/dist/components/Collapsable/Collapsable.stories.js.map +0 -1
- package/dist/components/Countdown/Countdown.stories.d.ts +0 -14
- package/dist/components/Countdown/Countdown.stories.js +0 -55
- package/dist/components/Countdown/Countdown.stories.js.map +0 -1
- package/dist/components/Divider/Divider.stories.d.ts +0 -7
- package/dist/components/Divider/Divider.stories.js +0 -15
- package/dist/components/Divider/Divider.stories.js.map +0 -1
- package/dist/components/EmailInput/EmailInput.stories.d.ts +0 -28
- package/dist/components/EmailInput/EmailInput.stories.js +0 -15
- package/dist/components/EmailInput/EmailInput.stories.js.map +0 -1
- package/dist/components/EmailInput/EmailInput.test.d.ts +0 -1
- package/dist/components/EmailInput/EmailInput.test.js +0 -77
- package/dist/components/EmailInput/EmailInput.test.js.map +0 -1
- package/dist/components/FadeIn/FadeIn.stories.d.ts +0 -24
- package/dist/components/FadeIn/FadeIn.stories.js +0 -16
- package/dist/components/FadeIn/FadeIn.stories.js.map +0 -1
- package/dist/components/FadeIn/FadeIn.test.d.ts +0 -1
- package/dist/components/FadeIn/FadeIn.test.js +0 -22
- package/dist/components/FadeIn/FadeIn.test.js.map +0 -1
- package/dist/components/FileInput/FileInput.stories.d.ts +0 -19
- package/dist/components/FileInput/FileInput.stories.js +0 -59
- package/dist/components/FileInput/FileInput.stories.js.map +0 -1
- package/dist/components/FlowController/FlowController.stories.d.ts +0 -43
- package/dist/components/FlowController/FlowController.stories.js +0 -101
- package/dist/components/FlowController/FlowController.stories.js.map +0 -1
- package/dist/components/FlowController/FlowController.test.d.ts +0 -1
- package/dist/components/FlowController/FlowController.test.js +0 -166
- package/dist/components/FlowController/FlowController.test.js.map +0 -1
- package/dist/components/Form/Form.stories.d.ts +0 -13
- package/dist/components/Form/Form.stories.js +0 -36
- package/dist/components/Form/Form.stories.js.map +0 -1
- package/dist/components/Freeze/Freeze.stories.d.ts +0 -7
- package/dist/components/Freeze/Freeze.stories.js +0 -56
- package/dist/components/Freeze/Freeze.stories.js.map +0 -1
- package/dist/components/Freeze/Freeze.test.d.ts +0 -1
- package/dist/components/Freeze/Freeze.test.js +0 -15
- package/dist/components/Freeze/Freeze.test.js.map +0 -1
- package/dist/components/Header/Header.stories.d.ts +0 -28
- package/dist/components/Header/Header.stories.js +0 -41
- package/dist/components/Header/Header.stories.js.map +0 -1
- package/dist/components/Header/Header.test.d.ts +0 -1
- package/dist/components/Header/Header.test.js +0 -100
- package/dist/components/Header/Header.test.js.map +0 -1
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +0 -14
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +0 -16
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js.map +0 -1
- package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +0 -23
- package/dist/components/InfinityScroll/InfinityScroll.stories.js +0 -54
- package/dist/components/InfinityScroll/InfinityScroll.stories.js.map +0 -1
- package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +0 -1
- package/dist/components/InfinityScroll/InfinityScroll.test.js +0 -189
- package/dist/components/InfinityScroll/InfinityScroll.test.js.map +0 -1
- package/dist/components/Input/Input.stories.d.ts +0 -24
- package/dist/components/Input/Input.stories.js +0 -21
- package/dist/components/Input/Input.stories.js.map +0 -1
- package/dist/components/Input/Input.test.d.ts +0 -1
- package/dist/components/Input/Input.test.js +0 -58
- package/dist/components/Input/Input.test.js.map +0 -1
- package/dist/components/InstantCounter/InstantCounter.stories.d.ts +0 -41
- package/dist/components/InstantCounter/InstantCounter.stories.js +0 -61
- package/dist/components/InstantCounter/InstantCounter.stories.js.map +0 -1
- package/dist/components/InstantCounter/InstantCounter.test.d.ts +0 -1
- package/dist/components/InstantCounter/InstantCounter.test.js +0 -50
- package/dist/components/InstantCounter/InstantCounter.test.js.map +0 -1
- package/dist/components/LinkToId/LinkToId.stories.d.ts +0 -7
- package/dist/components/LinkToId/LinkToId.stories.js +0 -15
- package/dist/components/LinkToId/LinkToId.stories.js.map +0 -1
- package/dist/components/LinkToId/LinkToId.test.d.ts +0 -1
- package/dist/components/LinkToId/LinkToId.test.js +0 -12
- package/dist/components/LinkToId/LinkToId.test.js.map +0 -1
- package/dist/components/Loader/Loader.stories.d.ts +0 -12
- package/dist/components/Loader/Loader.stories.js +0 -16
- package/dist/components/Loader/Loader.stories.js.map +0 -1
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.d.ts +0 -7
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js +0 -15
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js.map +0 -1
- package/dist/components/MainGrid/MainGrid.stories.d.ts +0 -14
- package/dist/components/MainGrid/MainGrid.stories.js +0 -70
- package/dist/components/MainGrid/MainGrid.stories.js.map +0 -1
- package/dist/components/MainGrid/MainGrid.test.d.ts +0 -1
- package/dist/components/MainGrid/MainGrid.test.js +0 -18
- package/dist/components/MainGrid/MainGrid.test.js.map +0 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +0 -21
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +0 -74
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map +0 -1
- package/dist/components/Notification/Notification.stories.d.ts +0 -15
- package/dist/components/Notification/Notification.stories.js +0 -19
- package/dist/components/Notification/Notification.stories.js.map +0 -1
- package/dist/components/OrderableList/OrderableList.stories.d.ts +0 -14
- package/dist/components/OrderableList/OrderableList.stories.js +0 -77
- package/dist/components/OrderableList/OrderableList.stories.js.map +0 -1
- package/dist/components/Parallax/Parallax.stories.d.ts +0 -32
- package/dist/components/Parallax/Parallax.stories.js +0 -23
- package/dist/components/Parallax/Parallax.stories.js.map +0 -1
- package/dist/components/Parallax/Parallax.test.d.ts +0 -1
- package/dist/components/Parallax/Parallax.test.js +0 -22
- package/dist/components/Parallax/Parallax.test.js.map +0 -1
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -45
- package/dist/components/PasswordInput/PasswordInput.stories.js +0 -22
- package/dist/components/PasswordInput/PasswordInput.stories.js.map +0 -1
- package/dist/components/PasswordInput/PasswordInput.test.d.ts +0 -1
- package/dist/components/PasswordInput/PasswordInput.test.js +0 -157
- package/dist/components/PasswordInput/PasswordInput.test.js.map +0 -1
- package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +0 -15
- package/dist/components/PixelatedScan/PixelatedScan.stories.js +0 -40
- package/dist/components/PixelatedScan/PixelatedScan.stories.js.map +0 -1
- package/dist/components/Portal/Portal.stories.d.ts +0 -7
- package/dist/components/Portal/Portal.stories.js +0 -15
- package/dist/components/Portal/Portal.stories.js.map +0 -1
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +0 -14
- package/dist/components/ProgressBar/ProgressBar.stories.js +0 -52
- package/dist/components/ProgressBar/ProgressBar.stories.js.map +0 -1
- package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +0 -24
- package/dist/components/ProgressTexts/ProgressTexts.stories.js +0 -90
- package/dist/components/ProgressTexts/ProgressTexts.stories.js.map +0 -1
- package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +0 -1
- package/dist/components/ProgressTexts/ProgressTexts.test.js +0 -52
- package/dist/components/ProgressTexts/ProgressTexts.test.js.map +0 -1
- package/dist/components/SectionContainer/SectionContainer.stories.d.ts +0 -14
- package/dist/components/SectionContainer/SectionContainer.stories.js +0 -15
- package/dist/components/SectionContainer/SectionContainer.stories.js.map +0 -1
- package/dist/components/Select/Select.stories.d.ts +0 -56
- package/dist/components/Select/Select.stories.js +0 -34
- package/dist/components/Select/Select.stories.js.map +0 -1
- package/dist/components/Select/Select.test.d.ts +0 -1
- package/dist/components/Select/Select.test.js +0 -12
- package/dist/components/Select/Select.test.js.map +0 -1
- package/dist/components/Spacing/Spacing.stories.d.ts +0 -7
- package/dist/components/Spacing/Spacing.stories.js +0 -35
- package/dist/components/Spacing/Spacing.stories.js.map +0 -1
- package/dist/components/Table/Table.stories.d.ts +0 -15
- package/dist/components/Table/Table.stories.js +0 -88
- package/dist/components/Table/Table.stories.js.map +0 -1
- package/dist/components/Table/Table.test.d.ts +0 -1
- package/dist/components/Table/Table.test.js +0 -35
- package/dist/components/Table/Table.test.js.map +0 -1
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -17
- package/dist/components/Tabs/Tabs.stories.js +0 -57
- package/dist/components/Tabs/Tabs.stories.js.map +0 -1
- package/dist/components/Tabs/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/Tabs.test.js +0 -39
- package/dist/components/Tabs/Tabs.test.js.map +0 -1
- package/dist/components/Text/Text.stories.d.ts +0 -7
- package/dist/components/Text/Text.stories.js +0 -43
- package/dist/components/Text/Text.stories.js.map +0 -1
- package/dist/components/Text/Text.test.d.ts +0 -1
- package/dist/components/Text/Text.test.js +0 -12
- package/dist/components/Text/Text.test.js.map +0 -1
- package/dist/components/Transition/Transition.stories.d.ts +0 -10
- package/dist/components/Transition/Transition.stories.js +0 -29
- package/dist/components/Transition/Transition.stories.js.map +0 -1
- package/dist/components/Transition/Transition.test.d.ts +0 -1
- package/dist/components/Transition/Transition.test.js +0 -55
- package/dist/components/Transition/Transition.test.js.map +0 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +0 -33
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +0 -225
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map +0 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss +0 -66
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +0 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +0 -135
- package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +0 -70
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +0 -65
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +0 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +0 -137
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js.map +0 -1
- package/dist/context/__mocks__/OneUIProvider.d.ts +0 -74
- package/dist/context/__mocks__/OneUIProvider.js +0 -13
- package/dist/context/__mocks__/OneUIProvider.js.map +0 -1
- package/dist/hooks/usePooling.test.d.ts +0 -1
- package/dist/hooks/usePooling.test.js +0 -104
- package/dist/hooks/usePooling.test.js.map +0 -1
- package/scripts/start-emulator.js +0 -48
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.ExemploTransicao = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const MainGrid_1 = __importDefault(require("./MainGrid"));
|
|
32
|
-
exports.default = {
|
|
33
|
-
component: MainGrid_1.default,
|
|
34
|
-
title: "Main grid",
|
|
35
|
-
};
|
|
36
|
-
const ExemploTransicao = () => {
|
|
37
|
-
const [counter, setCounter] = (0, react_1.useState)(20);
|
|
38
|
-
const ref = (0, react_1.useRef)(null);
|
|
39
|
-
(0, react_1.useEffect)(() => {
|
|
40
|
-
window.addEventListener("keydown", ({ key }) => {
|
|
41
|
-
if (key === "ArrowRight")
|
|
42
|
-
setCounter((a) => a + 1);
|
|
43
|
-
else if (key === "ArrowLeft") {
|
|
44
|
-
ref.current.setOrientation("backward");
|
|
45
|
-
setCounter((a) => a - 1);
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
}, []);
|
|
49
|
-
const tenth = Math.floor(counter / 5);
|
|
50
|
-
return (react_1.default.createElement("div", { style: {
|
|
51
|
-
backgroundColor: "lightblue",
|
|
52
|
-
display: "flex",
|
|
53
|
-
alignItems: "stretch",
|
|
54
|
-
justifyContent: "center",
|
|
55
|
-
flexDirection: "column",
|
|
56
|
-
} },
|
|
57
|
-
react_1.default.createElement("h1", { style: { textAlign: "center" }, key: counter },
|
|
58
|
-
counter,
|
|
59
|
-
" Press any key to increment the counter and change state"),
|
|
60
|
-
react_1.default.createElement(MainGrid_1.default, { ref: ref, leftContent: tenth % 2 === 0 ? (react_1.default.createElement("h1", { style: { backgroundColor: "lightsalmon" }, key: tenth },
|
|
61
|
-
tenth,
|
|
62
|
-
" This shows only on multiples of 10")) : undefined, rightContent: Math.random() > 0.05 ? (react_1.default.createElement("h1", { style: { backgroundColor: "lightskyblue" }, key: tenth },
|
|
63
|
-
tenth,
|
|
64
|
-
" And me??? I come and go in a chaotic manner")) : undefined },
|
|
65
|
-
react_1.default.createElement("h1", { style: { textAlign: "center", backgroundColor: "lightyellow" }, key: String(tenth) },
|
|
66
|
-
tenth,
|
|
67
|
-
" This increments on multiples of 5"))));
|
|
68
|
-
};
|
|
69
|
-
exports.ExemploTransicao = ExemploTransicao;
|
|
70
|
-
//# sourceMappingURL=MainGrid.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainGrid.stories.js","sourceRoot":"","sources":["../../../src/components/MainGrid/MainGrid.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,0DAAkC;AAElC,kBAAe;IACb,SAAS,EAAE,kBAAQ;IACnB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,IAAA,cAAM,EAA8B,IAAI,CAAC,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YAC7C,IAAI,GAAG,KAAK,YAAY;gBAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;iBAC9C,IAAI,GAAG,KAAK,WAAW,EAAE;gBAC5B,GAAG,CAAC,OAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;gBACxC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,uCACE,KAAK,EAAE;YACL,eAAe,EAAE,WAAW;YAC5B,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS;YACrB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;SACxB;QAED,sCAAI,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,OAAO;YAC7C,OAAO;uEACL;QACL,8BAAC,kBAAQ,IACP,GAAG,EAAE,GAAG,EACR,WAAW,EACT,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAChB,sCAAI,KAAK,EAAE,EAAC,eAAe,EAAE,aAAa,EAAC,EAAE,GAAG,EAAE,KAAK;gBAAG,KAAK;sDAAyC,CACzG,CAAC,CAAC,CAAC,SAAS,EAEf,YAAY,EACV,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAE,CAAC,CAAC,CACtB,sCAAI,KAAK,EAAE,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,GAAG,EAAE,KAAK;gBAAG,KAAK;+DAAkD,CACnH,CAAC,CAAC,CAAC,SAAS;YAGf,sCACE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,EAC9D,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;gBAEjB,KAAK;qDACH,CACI,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,gBAAgB,oBAmD3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
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 MainGrid_1 = __importDefault(require("./MainGrid"));
|
|
9
|
-
function renderScreen(props) {
|
|
10
|
-
return (0, react_2.render)(react_1.default.createElement(MainGrid_1.default, Object.assign({}, props)));
|
|
11
|
-
}
|
|
12
|
-
it('Should at least render :)', () => {
|
|
13
|
-
renderScreen({
|
|
14
|
-
children: react_1.default.createElement("h1", null, "Hey mama")
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
it.todo("Should transition from one element to another correctly");
|
|
18
|
-
//# sourceMappingURL=MainGrid.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainGrid.test.js","sourceRoot":"","sources":["../../../src/components/MainGrid/MainGrid.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,0DAAmC;AAEnC,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,kBAAS,oBAAK,KAAK,EAAG,CAAC,CAAC;AACzC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC;QACX,QAAQ,EAAE,qDAAiB;KAC5B,CAAC,CAAC;AACP,CAAC,CAAC,CAAA;AAEF,EAAE,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import MutableHamburgerButton from "./MutableHamburgerButton";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof MutableHamburgerButton;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | "loading" | "checkmark" | undefined;
|
|
12
|
-
size: number;
|
|
13
|
-
} & React.HTMLProps<HTMLDivElement>>;
|
|
14
|
-
};
|
|
15
|
-
export declare const TransitionToLoader: {
|
|
16
|
-
(args: any): JSX.Element;
|
|
17
|
-
args: Partial<{
|
|
18
|
-
state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | "loading" | "checkmark" | undefined;
|
|
19
|
-
size: number;
|
|
20
|
-
} & React.HTMLProps<HTMLDivElement>>;
|
|
21
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.TransitionToLoader = exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const MutableHamburgerButton_1 = __importDefault(require("./MutableHamburgerButton"));
|
|
32
|
-
exports.default = {
|
|
33
|
-
component: MutableHamburgerButton_1.default,
|
|
34
|
-
title: "Mutable Hamburger Button",
|
|
35
|
-
};
|
|
36
|
-
const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { transformOrigin: '0px 0px', transform: "scale(10)", backgroundColor: "#00f5", display: "inline-block" } },
|
|
37
|
-
react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args))));
|
|
38
|
-
exports.InitialImplementation = InitialImplementation;
|
|
39
|
-
exports.InitialImplementation.args = {
|
|
40
|
-
size: window.screen.availHeight * 0.4,
|
|
41
|
-
};
|
|
42
|
-
const TransitionToLoader = (args) => {
|
|
43
|
-
const [s, ss] = (0, react_1.useState)("closed");
|
|
44
|
-
function randomState() {
|
|
45
|
-
const r = Math.random();
|
|
46
|
-
if (r < 0.2) {
|
|
47
|
-
return "default";
|
|
48
|
-
}
|
|
49
|
-
else if (r < 0.4) {
|
|
50
|
-
return "arrow-down";
|
|
51
|
-
}
|
|
52
|
-
else if (r < 0.6) {
|
|
53
|
-
return "arrow-up";
|
|
54
|
-
}
|
|
55
|
-
else if (r < 0.8) {
|
|
56
|
-
return "closed";
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
return "search";
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
(0, react_1.useEffect)(() => {
|
|
63
|
-
const o = setInterval(() => {
|
|
64
|
-
ss((p) => (p !== "loading" ? "loading" : randomState()));
|
|
65
|
-
}, 500);
|
|
66
|
-
return () => clearInterval(o);
|
|
67
|
-
});
|
|
68
|
-
return react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args, { state: s }));
|
|
69
|
-
};
|
|
70
|
-
exports.TransitionToLoader = TransitionToLoader;
|
|
71
|
-
exports.TransitionToLoader.args = {
|
|
72
|
-
size: window.screen.availHeight * 0.4,
|
|
73
|
-
};
|
|
74
|
-
//# sourceMappingURL=MutableHamburgerButton.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,EAAC,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAChH,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import Notification from "./Notification";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof Notification;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
type: "success";
|
|
12
|
-
} & {
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
}>;
|
|
15
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
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.InitialImplementation = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Notification_1 = __importDefault(require("./Notification"));
|
|
9
|
-
exports.default = {
|
|
10
|
-
component: Notification_1.default,
|
|
11
|
-
title: "Notification",
|
|
12
|
-
};
|
|
13
|
-
const InitialImplementation = (args) => react_1.default.createElement("div", { style: { height: "250px" } },
|
|
14
|
-
react_1.default.createElement(Notification_1.default, Object.assign({}, args), "Exemplo de notifica\u00E7\u00E3o"));
|
|
15
|
-
exports.InitialImplementation = InitialImplementation;
|
|
16
|
-
exports.InitialImplementation.args = {
|
|
17
|
-
type: "success",
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=Notification.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.stories.js","sourceRoot":"","sources":["../../../src/components/Notification/Notification.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kEAA0C;AAE1C,kBAAe;IACb,SAAS,EAAE,sBAAY;IACvB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,uCAAK,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC;IAC/E,8BAAC,sBAAY,oBAAK,IAAI,sCAAuC,CACzD,CAAC;AAFM,QAAA,qBAAqB,yBAE3B;AACP,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,SAAS;CACsC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import OrderableList from "./OrderableList";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof OrderableList;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
12
|
-
keyOrder?: string[] | undefined;
|
|
13
|
-
}>;
|
|
14
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importDefault(require("react"));
|
|
31
|
-
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
32
|
-
const OrderableList_1 = __importStar(require("./OrderableList"));
|
|
33
|
-
exports.default = {
|
|
34
|
-
component: OrderableList_1.default,
|
|
35
|
-
title: "Orderable List",
|
|
36
|
-
};
|
|
37
|
-
function Wrapper({ i }) {
|
|
38
|
-
const { anchorRef } = (0, OrderableList_1.useOrderableListAnchor)();
|
|
39
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
40
|
-
react_1.default.createElement("div", { ref: anchorRef, style: {
|
|
41
|
-
display: "inline-block",
|
|
42
|
-
height: 300,
|
|
43
|
-
}, "data-testid": `click` },
|
|
44
|
-
react_1.default.createElement(MutableHamburgerButton_1.default, { size: 24 }))));
|
|
45
|
-
}
|
|
46
|
-
const xpto = {
|
|
47
|
-
display: "flex",
|
|
48
|
-
alignItems: "center",
|
|
49
|
-
background: "linear-gradient(#f003 48%,#0f03 48%, #0f03 50%, #0f03 52%,#00f3 52%)",
|
|
50
|
-
};
|
|
51
|
-
const InitialImplementation = (args) => {
|
|
52
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
53
|
-
react_1.default.createElement(OrderableList_1.default, Object.assign({}, args),
|
|
54
|
-
react_1.default.createElement("div", { key: "1", "data-testid": "movable", style: xpto },
|
|
55
|
-
react_1.default.createElement("h1", null,
|
|
56
|
-
react_1.default.createElement(Wrapper, { i: 1 }),
|
|
57
|
-
" 1")),
|
|
58
|
-
react_1.default.createElement("div", { key: "2", "data-testid": "movable", style: xpto },
|
|
59
|
-
react_1.default.createElement("h1", null,
|
|
60
|
-
react_1.default.createElement(Wrapper, { i: 2 }),
|
|
61
|
-
" 2")),
|
|
62
|
-
react_1.default.createElement("div", { key: "3", "data-testid": "movable", style: xpto },
|
|
63
|
-
react_1.default.createElement("h1", null,
|
|
64
|
-
react_1.default.createElement(Wrapper, { i: 3 }),
|
|
65
|
-
" 3")),
|
|
66
|
-
react_1.default.createElement("div", { key: "4", "data-testid": "movable", style: xpto },
|
|
67
|
-
react_1.default.createElement("h1", null,
|
|
68
|
-
react_1.default.createElement(Wrapper, { i: 4 }),
|
|
69
|
-
" 4")),
|
|
70
|
-
react_1.default.createElement("div", { key: "5", "data-testid": "movable", style: xpto },
|
|
71
|
-
react_1.default.createElement("h1", null,
|
|
72
|
-
react_1.default.createElement(Wrapper, { i: 5 }),
|
|
73
|
-
" 5")))));
|
|
74
|
-
};
|
|
75
|
-
exports.InitialImplementation = InitialImplementation;
|
|
76
|
-
exports.InitialImplementation.args = {};
|
|
77
|
-
//# sourceMappingURL=OrderableList.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrderableList.stories.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAqD;AACrD,uFAA+D;AAC/D,iEAAwE;AAExE,kBAAe;IACb,SAAS,EAAE,uBAAa;IACxB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,SAAS,OAAO,CAAC,EAAE,CAAC,EAAiB;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,OAAO,CACL;QACE,uCACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;gBACL,OAAO,EAAE,cAAc;gBACvB,MAAM,EAAE,GAAG;aACZ,iBACY,OAAO;YAEpB,8BAAC,gCAAsB,IAAC,IAAI,EAAE,EAAE,GAAI,CAChC,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAAkB;IAC1B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,UAAU,EACR,sEAAsE;CACzE,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,OAAO,CACL;QACE,8BAAC,uBAAa,oBAAK,IAAI;YACrB,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD,CACQ,CACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,qBAAqB,yBAgChC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<Pick<{
|
|
5
|
-
className?: string | undefined;
|
|
6
|
-
active: boolean;
|
|
7
|
-
onClick?: ((e: any) => void) | undefined;
|
|
8
|
-
reflection?: boolean | undefined;
|
|
9
|
-
maxParallax?: {
|
|
10
|
-
x: number;
|
|
11
|
-
y: number;
|
|
12
|
-
} | undefined;
|
|
13
|
-
} & {
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "key" | "active" | keyof React.HTMLAttributes<HTMLDivElement> | "reflection" | "maxParallax"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
};
|
|
17
|
-
export default _default;
|
|
18
|
-
export declare const InitialImplementation: {
|
|
19
|
-
(args: any): JSX.Element;
|
|
20
|
-
args: Partial<Pick<{
|
|
21
|
-
className?: string | undefined;
|
|
22
|
-
active: boolean;
|
|
23
|
-
onClick?: ((e: any) => void) | undefined;
|
|
24
|
-
reflection?: boolean | undefined;
|
|
25
|
-
maxParallax?: {
|
|
26
|
-
x: number;
|
|
27
|
-
y: number;
|
|
28
|
-
} | undefined;
|
|
29
|
-
} & {
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "key" | "active" | keyof React.HTMLAttributes<HTMLDivElement> | "reflection" | "maxParallax"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
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.InitialImplementation = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Parallax_1 = __importDefault(require("./Parallax"));
|
|
9
|
-
exports.default = {
|
|
10
|
-
title: "Parallax",
|
|
11
|
-
component: Parallax_1.default,
|
|
12
|
-
};
|
|
13
|
-
const InitialImplementation = (args) => {
|
|
14
|
-
return (react_1.default.createElement(Parallax_1.default, Object.assign({}, args),
|
|
15
|
-
react_1.default.createElement("div", null,
|
|
16
|
-
react_1.default.createElement("h1", null, "This is a parallax component"),
|
|
17
|
-
react_1.default.createElement("p", null, "It should emulate movement when moving the screen on mobile or hovering the mouse on desktop"))));
|
|
18
|
-
};
|
|
19
|
-
exports.InitialImplementation = InitialImplementation;
|
|
20
|
-
exports.InitialImplementation.args = {
|
|
21
|
-
active: true,
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=Parallax.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Parallax.stories.js","sourceRoot":"","sources":["../../../src/components/Parallax/Parallax.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAC9C,0DAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,kBAAQ;CACpB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,OAAO,CACL,8BAAC,kBAAQ,oBAAK,IAAI;QAChB;YACE,yEAAqC;YACrC,wIAGI,CACA,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,qBAAqB,yBAYhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,MAAM,EAAE,IAAI;CAC+B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const Parallax_1 = require("./Parallax");
|
|
4
|
-
const ELEMENT_POSITION_SIZE = [130, 500];
|
|
5
|
-
it.each([
|
|
6
|
-
[0, ...ELEMENT_POSITION_SIZE, 0],
|
|
7
|
-
[130, ...ELEMENT_POSITION_SIZE, 0],
|
|
8
|
-
[380, ...ELEMENT_POSITION_SIZE, 0.5],
|
|
9
|
-
[630, ...ELEMENT_POSITION_SIZE, 1],
|
|
10
|
-
[750, ...ELEMENT_POSITION_SIZE, 1],
|
|
11
|
-
])("Should calculate relative mouse position correctly", (mousePosition, elementPosition, elementSize, expectedResult) => {
|
|
12
|
-
expect((0, Parallax_1.calculateDistanceRelativeToBounds)(mousePosition, elementPosition, elementSize)).toEqual(expectedResult);
|
|
13
|
-
});
|
|
14
|
-
const MAX_ROTATION = 50;
|
|
15
|
-
it.each([
|
|
16
|
-
[0, MAX_ROTATION, -25],
|
|
17
|
-
[0.5, MAX_ROTATION, 0],
|
|
18
|
-
[1, MAX_ROTATION, 25],
|
|
19
|
-
])("Should calculate rotation correctly", (relativePosition, maxRotation, expectedRotation) => {
|
|
20
|
-
expect((0, Parallax_1.givenTheRelativePositionHowMuchToRotate)(relativePosition, maxRotation)).toEqual(expectedRotation);
|
|
21
|
-
});
|
|
22
|
-
//# sourceMappingURL=Parallax.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Parallax.test.js","sourceRoot":"","sources":["../../../src/components/Parallax/Parallax.test.ts"],"names":[],"mappings":";;AAAA,yCAGoB;AAEpB,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAEzC,EAAE,CAAC,IAAI,CAAC;IACN,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;IAClC,CAAC,GAAG,EAAE,GAAG,qBAAqB,EAAE,GAAG,CAAC;IACpC,CAAC,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;IAClC,CAAC,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;CACG,CAAC,CACtC,oDAAoD,EACpD,CAAC,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE;IAC9D,MAAM,CACJ,IAAA,4CAAiC,EAC/B,aAAa,EACb,eAAe,EACf,WAAW,CACZ,CACF,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AAC5B,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,EAAE,CAAC,IAAI,CAAC;IACN,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,CAAC;CACtB,CAAC,CACA,qCAAqC,EACrC,CAAC,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE;IAClD,MAAM,CACJ,IAAA,kDAAuC,EAAC,gBAAgB,EAAE,WAAW,CAAC,CACvE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAC9B,CAAC,CACF,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<(({
|
|
5
|
-
value: string;
|
|
6
|
-
error?: string | undefined;
|
|
7
|
-
} & ({
|
|
8
|
-
mode: "input";
|
|
9
|
-
onChange: (password: string) => void;
|
|
10
|
-
} | {
|
|
11
|
-
mode: "creation";
|
|
12
|
-
onChange: (password: string, isValid: boolean) => void;
|
|
13
|
-
messages: {
|
|
14
|
-
invalidRules: {
|
|
15
|
-
size: string;
|
|
16
|
-
duplication: string;
|
|
17
|
-
};
|
|
18
|
-
rulesTitle: string;
|
|
19
|
-
};
|
|
20
|
-
} | {
|
|
21
|
-
mode: "comparision";
|
|
22
|
-
otherPassword: string;
|
|
23
|
-
onChange: (password: string, isEqual: boolean) => void;
|
|
24
|
-
messages: {
|
|
25
|
-
passwordsAreDifferent: string;
|
|
26
|
-
};
|
|
27
|
-
})) & Omit<{
|
|
28
|
-
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
29
|
-
error?: string | undefined;
|
|
30
|
-
hideError?: "onfocus" | undefined;
|
|
31
|
-
placeholder?: string | undefined;
|
|
32
|
-
disclaimer?: string | undefined;
|
|
33
|
-
multiline?: number | undefined;
|
|
34
|
-
border?: boolean | undefined;
|
|
35
|
-
icon?: ({
|
|
36
|
-
onClick?: (() => void) | undefined;
|
|
37
|
-
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
38
|
-
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
39
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
40
|
-
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
|
|
41
|
-
validatePassword: (pass: string) => boolean;
|
|
42
|
-
}>>;
|
|
43
|
-
};
|
|
44
|
-
export default _default;
|
|
45
|
-
export declare const InitialImplementation: (args: any) => JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
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.InitialImplementation = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
|
|
9
|
-
const PasswordInput_1 = __importDefault(require("./PasswordInput"));
|
|
10
|
-
exports.default = {
|
|
11
|
-
title: 'Password Input',
|
|
12
|
-
component: PasswordInput_1.default,
|
|
13
|
-
};
|
|
14
|
-
const InitialImplementation = (args) => react_1.default.createElement(OneUIProvider_1.default, { config: { component: {
|
|
15
|
-
passwordInput: { iconSrc: {
|
|
16
|
-
passwordHidden: "",
|
|
17
|
-
passwordVisible: ""
|
|
18
|
-
} }
|
|
19
|
-
} } },
|
|
20
|
-
react_1.default.createElement(PasswordInput_1.default, Object.assign({}, args)));
|
|
21
|
-
exports.InitialImplementation = InitialImplementation;
|
|
22
|
-
//# sourceMappingURL=PasswordInput.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.stories.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gFAAwD;AACxD,oEAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,uBAAa;CAC3B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,uBAAa,IAAC,MAAM,EAAE,EAAC,SAAS,EAAE;YACnF,aAAa,EAAE,EAAC,OAAO,EAAE;oBACrB,cAAc,EAAE,EAAE;oBAClB,eAAe,EAAE,EAAE;iBACtB,EAAC;SACL,EAAC;IACE,8BAAC,uBAAa,oBAAK,IAAI,EAAI,CAEf,CAAC;AARJ,QAAA,qBAAqB,yBAQjB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|