@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,82 +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.TargetUsage = exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const Loader_1 = __importDefault(require("../Loader"));
|
|
32
|
-
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
33
|
-
const Tabs_1 = __importDefault(require("../Tabs"));
|
|
34
|
-
const Text_1 = __importDefault(require("../Text"));
|
|
35
|
-
const AdaptiveButton_1 = __importDefault(require("./AdaptiveButton"));
|
|
36
|
-
exports.default = {
|
|
37
|
-
component: AdaptiveButton_1.default,
|
|
38
|
-
title: "Adaptive Button",
|
|
39
|
-
};
|
|
40
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveButton_1.default, Object.assign({}, args)));
|
|
41
|
-
exports.InitialImplementation = InitialImplementation;
|
|
42
|
-
var Example;
|
|
43
|
-
(function (Example) {
|
|
44
|
-
Example[Example["Loading"] = 0] = "Loading";
|
|
45
|
-
Example[Example["Error"] = 1] = "Error";
|
|
46
|
-
Example[Example["Content"] = 2] = "Content";
|
|
47
|
-
Example[Example["Success"] = 3] = "Success";
|
|
48
|
-
})(Example || (Example = {}));
|
|
49
|
-
const TargetUsage = () => {
|
|
50
|
-
const [s, ss] = (0, react_1.useState)(Example.Error);
|
|
51
|
-
const child = (0, react_1.useMemo)(() => {
|
|
52
|
-
switch (s) {
|
|
53
|
-
case Example.Content:
|
|
54
|
-
return react_1.default.createElement(react_1.default.Fragment, { key: s }, "Example button");
|
|
55
|
-
case Example.Error:
|
|
56
|
-
return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "closed" });
|
|
57
|
-
case Example.Success:
|
|
58
|
-
return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "arrow-up" });
|
|
59
|
-
case Example.Loading:
|
|
60
|
-
return react_1.default.createElement(Loader_1.default, { key: s });
|
|
61
|
-
}
|
|
62
|
-
}, [s]);
|
|
63
|
-
(0, react_1.useEffect)(() => {
|
|
64
|
-
setInterval(() => {
|
|
65
|
-
// ss((pv) => (pv === 3 ? 0 : pv + 1));
|
|
66
|
-
}, 10000);
|
|
67
|
-
}, []);
|
|
68
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
|
-
react_1.default.createElement(Tabs_1.default, { options: Object.keys(Example)
|
|
70
|
-
.map((k) => ({
|
|
71
|
-
id: Example[k],
|
|
72
|
-
label: k,
|
|
73
|
-
}))
|
|
74
|
-
.filter((e) => parseInt(e.id, 10) >= 0), onSelect: ss, selected: s }),
|
|
75
|
-
react_1.default.createElement(AdaptiveButton_1.default, { variant: "outline" }, child)));
|
|
76
|
-
};
|
|
77
|
-
exports.TargetUsage = TargetUsage;
|
|
78
|
-
exports.InitialImplementation.args = {
|
|
79
|
-
variant: "filled",
|
|
80
|
-
children: (react_1.default.createElement(Text_1.default, { key: "example", type: "highlight" }, "Some content to the button")),
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=AdaptiveButton.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveButton.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,uDAA+B;AAC/B,uFAA+D;AAC/D,mDAA2B;AAC3B,mDAA2B;AAC3B,sEAA8C;AAE9C,kBAAe;IACb,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,wBAAc,oBAAK,IAAI,EAAI,CAC7B,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AACF,IAAK,OAKJ;AALD,WAAK,OAAO;IACV,2CAAO,CAAA;IACP,uCAAK,CAAA;IACL,2CAAO,CAAA;IACP,2CAAO,CAAA;AACT,CAAC,EALI,OAAO,KAAP,OAAO,QAKX;AACM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE;YACT,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,qBAAiC,CAAC;YACjE,KAAK,OAAO,CAAC,KAAK;gBAChB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAI,CAAC;YACvE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;YACzE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gBAAM,IAAC,GAAG,EAAE,CAAC,GAAI,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,yCAAyC;QAC3C,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,8BAAC,cAAI,IACH,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACX,EAAE,EAAE,OAAO,CAAC,CAAQ,CAAC;gBACrB,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EACzC,QAAQ,EAAE,EAAS,EACnB,QAAQ,EAAE,CAAQ,GAClB;QACF,8BAAC,wBAAc,IAAC,OAAO,EAAC,SAAS,IAAE,KAAK,CAAkB,CACzD,CACJ,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,WAAW,eAqCtB;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,CACR,8BAAC,cAAI,IAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,iCAE7B,CACR;CACsD,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AdaptiveContainer from "./AdaptiveContainer";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AdaptiveContainer;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
containerElement?: keyof JSX.IntrinsicElements | React.FunctionComponent<{}> | undefined;
|
|
12
|
-
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
13
|
-
} & {
|
|
14
|
-
[k: string]: any;
|
|
15
|
-
}>;
|
|
16
|
-
};
|
|
17
|
-
export declare const TargetUsage: () => JSX.Element;
|
|
@@ -1,82 +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.TargetUsage = exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const Loader_1 = __importDefault(require("../Loader"));
|
|
32
|
-
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
33
|
-
const Tabs_1 = __importDefault(require("../Tabs"));
|
|
34
|
-
const Text_1 = __importDefault(require("../Text"));
|
|
35
|
-
const AdaptiveContainer_1 = __importDefault(require("./AdaptiveContainer"));
|
|
36
|
-
exports.default = {
|
|
37
|
-
component: AdaptiveContainer_1.default,
|
|
38
|
-
title: "Adaptive Container",
|
|
39
|
-
};
|
|
40
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveContainer_1.default, Object.assign({}, args)));
|
|
41
|
-
exports.InitialImplementation = InitialImplementation;
|
|
42
|
-
var Example;
|
|
43
|
-
(function (Example) {
|
|
44
|
-
Example[Example["Loading"] = 0] = "Loading";
|
|
45
|
-
Example[Example["Error"] = 1] = "Error";
|
|
46
|
-
Example[Example["Content"] = 2] = "Content";
|
|
47
|
-
Example[Example["Success"] = 3] = "Success";
|
|
48
|
-
})(Example || (Example = {}));
|
|
49
|
-
const TargetUsage = () => {
|
|
50
|
-
const [s, ss] = (0, react_1.useState)(Example.Error);
|
|
51
|
-
const child = (0, react_1.useMemo)(() => {
|
|
52
|
-
switch (s) {
|
|
53
|
-
case Example.Content:
|
|
54
|
-
return react_1.default.createElement(react_1.default.Fragment, { key: s }, "Example button");
|
|
55
|
-
case Example.Error:
|
|
56
|
-
return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "closed" });
|
|
57
|
-
case Example.Success:
|
|
58
|
-
return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "arrow-up" });
|
|
59
|
-
case Example.Loading:
|
|
60
|
-
return react_1.default.createElement(Loader_1.default, { key: s });
|
|
61
|
-
}
|
|
62
|
-
}, [s]);
|
|
63
|
-
(0, react_1.useEffect)(() => {
|
|
64
|
-
setInterval(() => {
|
|
65
|
-
// ss((pv) => (pv === 3 ? 0 : pv + 1));
|
|
66
|
-
}, 10000);
|
|
67
|
-
}, []);
|
|
68
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
|
-
react_1.default.createElement(Tabs_1.default, { options: Object.keys(Example)
|
|
70
|
-
.map((k) => ({
|
|
71
|
-
id: Example[k],
|
|
72
|
-
label: k,
|
|
73
|
-
}))
|
|
74
|
-
.filter((e) => parseInt(e.id, 10) >= 0), onSelect: ss, selected: s }),
|
|
75
|
-
react_1.default.createElement(AdaptiveContainer_1.default, { variant: "outline" }, child)));
|
|
76
|
-
};
|
|
77
|
-
exports.TargetUsage = TargetUsage;
|
|
78
|
-
exports.InitialImplementation.args = {
|
|
79
|
-
variant: "filled",
|
|
80
|
-
children: (react_1.default.createElement(Text_1.default, { key: "example", type: "highlight" }, "Some content to the button")),
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=AdaptiveContainer.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveContainer.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,uDAA+B;AAC/B,uFAA+D;AAC/D,mDAA2B;AAC3B,mDAA2B;AAC3B,4EAAoD;AAEpD,kBAAe;IACb,SAAS,EAAE,2BAAiB;IAC5B,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,2BAAiB,oBAAK,IAAI,EAAI,CAChC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AACF,IAAK,OAKJ;AALD,WAAK,OAAO;IACV,2CAAO,CAAA;IACP,uCAAK,CAAA;IACL,2CAAO,CAAA;IACP,2CAAO,CAAA;AACT,CAAC,EALI,OAAO,KAAP,OAAO,QAKX;AACM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE;YACT,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,qBAAiC,CAAC;YACjE,KAAK,OAAO,CAAC,KAAK;gBAChB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAI,CAAC;YACvE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;YACzE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gBAAM,IAAC,GAAG,EAAE,CAAC,GAAI,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,yCAAyC;QAC3C,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,8BAAC,cAAI,IACH,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACX,EAAE,EAAE,OAAO,CAAC,CAAQ,CAAC;gBACrB,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EACzC,QAAQ,EAAE,EAAS,EACnB,QAAQ,EAAE,CAAQ,GAClB;QACF,8BAAC,2BAAiB,IAAC,OAAO,EAAC,SAAS,IAAE,KAAK,CAAqB,CAC/D,CACJ,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,WAAW,eAqCtB;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,CACR,8BAAC,cAAI,IAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,iCAE7B,CACR;CACyD,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AdaptiveDialog from "./AdaptiveDialog";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AdaptiveDialog;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
className?: string | undefined;
|
|
12
|
-
open: boolean;
|
|
13
|
-
onClose?: (() => void) | undefined;
|
|
14
|
-
onClickOut?: (() => void) | undefined;
|
|
15
|
-
} & {
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}>;
|
|
18
|
-
};
|
|
19
|
-
export declare const Improvement_LockScrollWhenOpen: () => JSX.Element;
|
|
20
|
-
export declare const Improvement_LockFocusInsideModal: () => JSX.Element;
|
|
@@ -1,94 +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.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
|
|
32
|
-
exports.default = {
|
|
33
|
-
component: AdaptiveDialog_1.default,
|
|
34
|
-
title: "Adaptive Dialog",
|
|
35
|
-
};
|
|
36
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
|
|
37
|
-
react_1.default.createElement("p", null, "Some content"),
|
|
38
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
39
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
40
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
41
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
42
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
43
|
-
react_1.default.createElement("h1", null, "ANs some more"),
|
|
44
|
-
react_1.default.createElement("h1", null, "ANs some more")));
|
|
45
|
-
exports.InitialImplementation = InitialImplementation;
|
|
46
|
-
exports.InitialImplementation.args = {
|
|
47
|
-
open: true,
|
|
48
|
-
};
|
|
49
|
-
const Improvement_LockScrollWhenOpen = () => {
|
|
50
|
-
const [o, so] = (0, react_1.useState)(false);
|
|
51
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
-
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
|
|
53
|
-
react_1.default.createElement("div", { style: {
|
|
54
|
-
overflow: "auto",
|
|
55
|
-
} }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
|
|
56
|
-
"Scrolling modal div item ",
|
|
57
|
-
i,
|
|
58
|
-
" ",
|
|
59
|
-
react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
|
|
60
|
-
react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
-
react_1.default.createElement("h1", null,
|
|
62
|
-
"Scrolling div item ",
|
|
63
|
-
i,
|
|
64
|
-
" ",
|
|
65
|
-
react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
|
|
66
|
-
i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
|
|
67
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
68
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
69
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
70
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
71
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
72
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
73
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
74
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
75
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
76
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
77
|
-
react_1.default.createElement("h1", null, "Nested scroll"),
|
|
78
|
-
react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
|
|
79
|
-
};
|
|
80
|
-
exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
|
|
81
|
-
const Improvement_LockFocusInsideModal = () => {
|
|
82
|
-
const [o, oo] = (0, react_1.useState)(false);
|
|
83
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
84
|
-
react_1.default.createElement("h1", null, "Here we have an input"),
|
|
85
|
-
react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
|
|
86
|
-
react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
|
|
87
|
-
react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
|
|
88
|
-
oo(false);
|
|
89
|
-
} },
|
|
90
|
-
react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
|
|
91
|
-
react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
|
|
92
|
-
};
|
|
93
|
-
exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
|
|
94
|
-
//# sourceMappingURL=AdaptiveDialog.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveDialog.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,sEAA8C;AAE9C,kBAAe;IACb,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,wBAAc,oBAAK,IAAI;IACtB,wDAAmB;IACnB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB,CACP,CAClB,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,IAAI;CAC6C,CAAC;AAEnD,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL;QACE,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAC/C,uCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;iBACjB,IAEA,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;;gBAC4B,CAAC;gBAAE,GAAG;gBAChC,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,2BAA+B,CAC5D,CACN,CAAC,CACE,CACS;QACjB,2CACG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;YACE;;gBACsB,CAAC;gBAAE,GAAG;gBAC1B,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA8B,CAC1D;YACJ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACT,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC1C,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB,CAClB,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC,CACE,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,8BAA8B,kCA+CzC;AAEK,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChC,OAAO,CACL;QACE,kEAA8B;QAC9B,yCAAO,WAAW,EAAC,oDAAoD,GAAG;QAC1E,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAqB;QAEpD,8BAAC,wBAAc,IACb,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,GAAG,EAAE;gBACZ,EAAE,CAAC,KAAK,CAAC,CAAC;YACZ,CAAC;YAED,6EAAyC;YACzC,yCAAO,WAAW,EAAC,0BAA0B,GAAG,CACjC,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,gCAAgC,oCAmB3C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,15 +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 AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
|
|
9
|
-
function renderScreen(props) {
|
|
10
|
-
return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
11
|
-
}
|
|
12
|
-
it('Should at least render :)', () => {
|
|
13
|
-
renderScreen({});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=AdaptiveDialog.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveDialog.test.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,qEAA8E;AAE9E,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,8CAAS,oBAAK,KAAK,EAAG,CAAC,CAAC;AACzC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AdaptiveSidebar from "./AdaptiveSidebar";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AdaptiveSidebar;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
open?: boolean | undefined;
|
|
12
|
-
className?: string | undefined;
|
|
13
|
-
visibilityControlComponent?: ((props: {
|
|
14
|
-
open: boolean;
|
|
15
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
|
|
16
|
-
} & React.HTMLProps<HTMLDivElement> & {
|
|
17
|
-
children?: React.ReactNode;
|
|
18
|
-
}>;
|
|
19
|
-
};
|
|
@@ -1,21 +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 AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
|
|
9
|
-
exports.default = {
|
|
10
|
-
component: AdaptiveSidebar_1.default,
|
|
11
|
-
title: "Adaptive Sidebar",
|
|
12
|
-
};
|
|
13
|
-
const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
|
|
14
|
-
react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
|
|
15
|
-
react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
|
|
16
|
-
new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
|
|
17
|
-
"Op\u00E7\u00E3o ",
|
|
18
|
-
i))))));
|
|
19
|
-
exports.InitialImplementation = InitialImplementation;
|
|
20
|
-
exports.InitialImplementation.args = {};
|
|
21
|
-
//# sourceMappingURL=AdaptiveSidebar.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveSidebar.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wEAAgD;AAEhD,kBAAe;IACb,SAAS,EAAE,yBAAe;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,yBAAe,oBAAK,IAAI;IACvB,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;QACvC,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,yBAAyB;QAChD,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;;YAAU,CAAC,CAAK,CACjB,CAAC,CACE,CACU,CACnB,CAAC;AATW,QAAA,qBAAqB,yBAShC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AnchoredTooltip from "./AnchoredTooltip";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AnchoredTooltip;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
children: JSX.Element;
|
|
12
|
-
anchorRef: React.RefObject<HTMLElement>;
|
|
13
|
-
open: boolean;
|
|
14
|
-
className?: string | undefined;
|
|
15
|
-
}>;
|
|
16
|
-
};
|
|
@@ -1,86 +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 = __importStar(require("react"));
|
|
31
|
-
const AnchoredTooltip_1 = __importDefault(require("./AnchoredTooltip"));
|
|
32
|
-
exports.default = {
|
|
33
|
-
component: AnchoredTooltip_1.default,
|
|
34
|
-
title: "Anchored Tooltip",
|
|
35
|
-
};
|
|
36
|
-
const InitialImplementation = (args) => {
|
|
37
|
-
const [open, setOpen] = (0, react_1.useState)(false);
|
|
38
|
-
const [open2, setOpen2] = (0, react_1.useState)(false);
|
|
39
|
-
const [open3, setOpen3] = (0, react_1.useState)(false);
|
|
40
|
-
const [open4, setOpen4] = (0, react_1.useState)(false);
|
|
41
|
-
const elementRef = (0, react_1.useRef)(null);
|
|
42
|
-
const elementRef2 = (0, react_1.useRef)(null);
|
|
43
|
-
const elementRef3 = (0, react_1.useRef)(null);
|
|
44
|
-
const elementRef4 = (0, react_1.useRef)(null);
|
|
45
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
-
react_1.default.createElement("div", { "data-testid": "viewport", style: {
|
|
47
|
-
width: "200vw",
|
|
48
|
-
height: "100vh",
|
|
49
|
-
backgroundColor: "lightblue",
|
|
50
|
-
display: "flex",
|
|
51
|
-
alignItems: "center",
|
|
52
|
-
justifyContent: "center",
|
|
53
|
-
marginBottom: "200vh",
|
|
54
|
-
flexDirection: "column",
|
|
55
|
-
} },
|
|
56
|
-
react_1.default.createElement("h1", { ref: elementRef, style: {
|
|
57
|
-
width: "200px",
|
|
58
|
-
height: "200px",
|
|
59
|
-
backgroundColor: "lightyellow",
|
|
60
|
-
}, onClick: () => setOpen((a) => !a) },
|
|
61
|
-
"Element to anchor to",
|
|
62
|
-
react_1.default.createElement("br", null),
|
|
63
|
-
"Click to open tooltip"),
|
|
64
|
-
react_1.default.createElement("h1", { ref: elementRef3, style: {
|
|
65
|
-
alignSelf: "flex-end",
|
|
66
|
-
}, onClick: () => setOpen3((a) => !a) }, "This one is aligned right"),
|
|
67
|
-
react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef3, open: open3 },
|
|
68
|
-
react_1.default.createElement("h1", { style: { maxWidth: "1000px", margin: "0px" } }, "This content will overflow the available width of the screen so it needs to go to the left side so all the content can be visible by the user currently watching the screen and interacting with the elements available")),
|
|
69
|
-
react_1.default.createElement("h1", { ref: elementRef4, style: {
|
|
70
|
-
alignSelf: "flex-start",
|
|
71
|
-
}, onClick: () => setOpen4((a) => !a) }, "This one is aligned left"),
|
|
72
|
-
react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef4, open: open4 },
|
|
73
|
-
react_1.default.createElement("h1", { style: { maxWidth: "1000px", margin: "0px" } }, "This content will overflow the available width of the screen so it needs to go to the right side so all the content can be visible by the user currently watching the screen and interacting with the elements available")),
|
|
74
|
-
react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef, open: open },
|
|
75
|
-
react_1.default.createElement("div", { style: { color: "white" } },
|
|
76
|
-
"The content of the tooltip",
|
|
77
|
-
react_1.default.createElement("br", null),
|
|
78
|
-
react_1.default.createElement("div", null,
|
|
79
|
-
react_1.default.createElement("h1", { style: { margin: 0 } }, "Some extra content"))))),
|
|
80
|
-
react_1.default.createElement("h1", { ref: elementRef2, onClick: () => setOpen2((a) => !a) }, "Another tooltip to show"),
|
|
81
|
-
react_1.default.createElement(AnchoredTooltip_1.default, { open: open2, anchorRef: elementRef2 },
|
|
82
|
-
react_1.default.createElement("h1", { style: { margin: 0 } }, "Another tooltip"))));
|
|
83
|
-
};
|
|
84
|
-
exports.InitialImplementation = InitialImplementation;
|
|
85
|
-
exports.InitialImplementation.args = {};
|
|
86
|
-
//# sourceMappingURL=AnchoredTooltip.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredTooltip.stories.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,wEAAgD;AAEhD,kBAAe;IACb,SAAS,EAAE,yBAAe;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,OAAO,CACL;QACE,sDACc,UAAU,EACtB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,eAAe,EAAE,WAAW;gBAC5B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,YAAY,EAAE,OAAO;gBACrB,aAAa,EAAE,QAAQ;aACxB;YAED,sCACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;oBACf,eAAe,EAAE,aAAa;iBAC/B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;;gBAGjC,yCAAM;wCAEH;YACL,sCACE,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU;iBACtB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gCAG/B;YACL,8BAAC,yBAAe,IAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK;gBAClD,sCAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,8NAK3C,CACW;YAClB,sCACE,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;iBACxB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAG/B;YACL,8BAAC,yBAAe,IAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK;gBAClD,sCAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,+NAK3C,CACW;YAClB,8BAAC,yBAAe,IAAC,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI;gBAChD,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;;oBAE5B,yCAAM;oBACN;wBACE,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,yBAAyB,CAC7C,CACF,CACU,CACd;QACN,sCAAI,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,8BAEnD;QACL,8BAAC,yBAAe,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;YAClD,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,sBAAsB,CAC9B,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAzFW,QAAA,qBAAqB,yBAyFhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,20 +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 AnchoredTooltip_stories_1 = require("./AnchoredTooltip.stories");
|
|
9
|
-
function renderScreen(props) {
|
|
10
|
-
return (0, react_2.render)(react_1.default.createElement(AnchoredTooltip_stories_1.InitialImplementation, Object.assign({}, props)));
|
|
11
|
-
}
|
|
12
|
-
it('Should at least render :)', () => {
|
|
13
|
-
renderScreen({});
|
|
14
|
-
});
|
|
15
|
-
it.todo("Should display over the bound element", () => {
|
|
16
|
-
});
|
|
17
|
-
it.todo("Should position under when it can't show fully on top");
|
|
18
|
-
it.todo("Should move left when the content will overflow viewport");
|
|
19
|
-
it.todo("Should anchor to parent if we scroll over the current position");
|
|
20
|
-
//# sourceMappingURL=AnchoredTooltip.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredTooltip.test.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,uEAA+E;AAE/E,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,+CAAS,oBAAK,KAAK,EAAG,CAAC,CAAC;AACzC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC,CAAA;AA0BF,EAAE,CAAC,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;AAEtD,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACjE,EAAE,CAAC,IAAI,CAAC,0DAA0D,CAAC,CAAC;AACpE,EAAE,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AnimatedEntrance from "./AnimatedEntrance";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AnimatedEntrance;
|
|
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
|
-
entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
|
|
13
|
-
}>;
|
|
14
|
-
};
|
|
@@ -1,67 +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 = __importStar(require("react"));
|
|
31
|
-
const Button_1 = __importDefault(require("../Button"));
|
|
32
|
-
const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
|
|
33
|
-
exports.default = {
|
|
34
|
-
component: AnimatedEntrance_1.default,
|
|
35
|
-
title: "Animated Entrance",
|
|
36
|
-
};
|
|
37
|
-
const ExampleEL = (key, removeElCb) => {
|
|
38
|
-
return (react_1.default.createElement("div", { key: key },
|
|
39
|
-
"Elemento ",
|
|
40
|
-
key,
|
|
41
|
-
" ",
|
|
42
|
-
react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
|
|
43
|
-
const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
|
|
44
|
-
return filteredOut;
|
|
45
|
-
}) }, "Remove")));
|
|
46
|
-
};
|
|
47
|
-
const InitialImplementation = (args) => {
|
|
48
|
-
const [exampleElements, setE] = (0, react_1.useState)([]);
|
|
49
|
-
(0, react_1.useMemo)(() => {
|
|
50
|
-
exampleElements.push(ExampleEL(1, setE));
|
|
51
|
-
exampleElements.push(ExampleEL(2, setE));
|
|
52
|
-
exampleElements.push(ExampleEL(3, setE));
|
|
53
|
-
exampleElements.push(ExampleEL(4, setE));
|
|
54
|
-
}, []);
|
|
55
|
-
const counter = (0, react_1.useRef)(4);
|
|
56
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
57
|
-
react_1.default.createElement("div", { style: { minHeight: 800 } },
|
|
58
|
-
react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
|
|
59
|
-
react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
|
|
60
|
-
counter.current++;
|
|
61
|
-
const currCounter = counter.current;
|
|
62
|
-
return [...prev, ExampleEL(currCounter, setE)];
|
|
63
|
-
}) }, "Add element")));
|
|
64
|
-
};
|
|
65
|
-
exports.InitialImplementation = InitialImplementation;
|
|
66
|
-
exports.InitialImplementation.args = {};
|
|
67
|
-
//# sourceMappingURL=AnimatedEntrance.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,uDAA+B;AAC/B,0EAAkD;AAElD,kBAAe;IACb,SAAS,EAAE,0BAAgB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB,GAAW,EACX,UAAiE,EACjE,EAAE;IACF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;;QACD,GAAG;QAAE,GAAG;QAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAC;gBACF,OAAO,WAAW,CAAC;YACrB,CAAC,CAAC,aAIG,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAE7D,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;YAC5B,8BAAC,0BAAgB,QAAE,eAAe,CAAoB,CAClD;QACN,8BAAC,gBAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;gBACpC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,kBAIG,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import AsyncWrapper from "./AsyncWrapper";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
component: typeof AsyncWrapper;
|
|
5
|
-
title: string;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const InitialImplementation: {
|
|
9
|
-
(args: any): JSX.Element;
|
|
10
|
-
args: Partial<{
|
|
11
|
-
loading: boolean;
|
|
12
|
-
error: boolean;
|
|
13
|
-
onClose: () => void;
|
|
14
|
-
onRetry: () => void;
|
|
15
|
-
} & {
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}>;
|
|
18
|
-
};
|