@onepercentio/one-ui 0.8.5-beta.1 → 0.8.5-beta.10
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 +13 -10
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +5 -2
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- 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 +13 -3
- 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 +26 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +131 -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 +2 -1
- package/dist/components/Tabs/Tabs.js +16 -8
- 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/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
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
$x: 0.1em;
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
position: relative;
|
|
5
|
+
height: 1.5em;
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
filter: contrast(20);
|
|
10
|
+
background-color: #fff;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
> * {
|
|
13
|
+
height: 1em * 1.2;
|
|
14
|
+
width: 1em * 1.2;
|
|
15
|
+
margin: 0px 0.1em;
|
|
16
|
+
border-radius: 0.5em * 1.2;
|
|
17
|
+
background-color: #000;
|
|
18
|
+
position: relative;
|
|
19
|
+
filter: blur($x);
|
|
20
|
+
opacity: 0.485;
|
|
21
|
+
// animation-name: a;
|
|
22
|
+
// animation-iteration-count: infinite;
|
|
23
|
+
// animation-duration: 1s;
|
|
24
|
+
// animation-timing-function: linear;
|
|
25
|
+
// animation-direction: alternate;
|
|
26
|
+
}
|
|
27
|
+
&::after {
|
|
28
|
+
content: " ";
|
|
29
|
+
position: absolute;
|
|
30
|
+
background-color: #00f;
|
|
31
|
+
filter: blur($x * 2);
|
|
32
|
+
height: 1em * 0.8;
|
|
33
|
+
width: 1em * 0.8;
|
|
34
|
+
border-radius: 0.5em;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// @keyframes a {
|
|
39
|
+
// 0% {
|
|
40
|
+
// right: 2em;
|
|
41
|
+
// }
|
|
42
|
+
// 50% {
|
|
43
|
+
// right: 0em;
|
|
44
|
+
// }
|
|
45
|
+
// 100% {
|
|
46
|
+
// right: -2em;
|
|
47
|
+
// }
|
|
48
|
+
// }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './PaginationIndicator';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var PaginationIndicator_1 = require("./PaginationIndicator");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PaginationIndicator_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAgD;AAAvC,+HAAA,OAAO,OAAA"}
|
|
@@ -36,7 +36,7 @@ declare const _default: React.ForwardRefExoticComponent<(({
|
|
|
36
36
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
37
37
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
38
38
|
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
39
|
-
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "
|
|
39
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "onChange" | "ref"> & React.RefAttributes<any>, "value" | "onChange" | "ref">) & React.RefAttributes<{
|
|
40
40
|
validatePassword: (pass: string) => boolean;
|
|
41
41
|
}>>;
|
|
42
42
|
export default _default;
|
|
@@ -7,10 +7,12 @@ export declare type SelectItem = {
|
|
|
7
7
|
/**
|
|
8
8
|
* A dropdown select
|
|
9
9
|
**/
|
|
10
|
-
declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, ...otherProps }: {
|
|
10
|
+
declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName, ...otherProps }: {
|
|
11
11
|
loading?: boolean;
|
|
12
12
|
items: Readonly<I[]>;
|
|
13
13
|
onClick: (i: I) => void;
|
|
14
|
+
rootClassName?: string;
|
|
15
|
+
dropdownClassName?: string;
|
|
14
16
|
} & ({
|
|
15
17
|
selected?: I["value"];
|
|
16
18
|
label: string;
|
|
@@ -48,7 +48,7 @@ const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
|
48
48
|
* A dropdown select
|
|
49
49
|
**/
|
|
50
50
|
function Select(_a) {
|
|
51
|
-
var { items, selected, label, onClick, loading } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading"]);
|
|
51
|
+
var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName = "" } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName"]);
|
|
52
52
|
const { StateIndicator } = (0, OneUIProvider_1.useOneUIContext)().component.select;
|
|
53
53
|
const _selected = (0, react_1.useMemo)(() => {
|
|
54
54
|
return items.find((a) => a.value === selected);
|
|
@@ -66,7 +66,7 @@ function Select(_a) {
|
|
|
66
66
|
return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value: (_selected === null || _selected === void 0 ? void 0 : _selected.label) || label, disabled: true, Icon: react_1.default.createElement("div", { className: `${Select_module_scss_1.default.indicator}` }, loading ? react_1.default.createElement(Loader_1.default, null) : react_1.default.createElement(StateIndicator, { open: !!open })) })), id: undefined, mode: "float", open: open, onToggleOpen: (open) => {
|
|
67
67
|
if (items.length)
|
|
68
68
|
setOpen(open);
|
|
69
|
-
}, className: otherProps.disabled ? "disabled" : ""
|
|
69
|
+
}, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassName}` },
|
|
70
70
|
react_1.default.createElement("div", { className: Select_module_scss_1.default.items, onClick: (e) => {
|
|
71
71
|
e.stopPropagation();
|
|
72
72
|
setOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,iEAAyC;AACzC,mDAA2B;AAE3B,8EAA0C;AAC1C,qDAA6B;AAC7B,uDAA+B;AAC/B,+DAA8D;AAO9D;;IAEI;AACJ,SAAS,MAAM,CAAuB,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Show tabs for toggling between options
|
|
3
3
|
**/
|
|
4
|
-
export default function Tabs<O extends string>({ options, selected, onSelect }: {
|
|
4
|
+
export default function Tabs<O extends string>({ options, selected, onSelect, itemClassName, }: {
|
|
5
5
|
options: Readonly<{
|
|
6
6
|
id: O;
|
|
7
7
|
label: string;
|
|
8
8
|
}[]>;
|
|
9
9
|
selected?: O;
|
|
10
10
|
onSelect: (option: O) => void;
|
|
11
|
+
itemClassName?: string;
|
|
11
12
|
}): JSX.Element;
|
|
@@ -31,19 +31,27 @@ const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
|
|
|
31
31
|
/**
|
|
32
32
|
* Show tabs for toggling between options
|
|
33
33
|
**/
|
|
34
|
-
function Tabs({ options, selected, onSelect }) {
|
|
34
|
+
function Tabs({ options, selected, onSelect, itemClassName = "", }) {
|
|
35
35
|
const selectedRef = (0, react_1.useRef)(null);
|
|
36
36
|
const guideRef = (0, react_1.useRef)(null);
|
|
37
37
|
(0, react_1.useEffect)(() => {
|
|
38
|
-
guideRef.current.style[
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
guideRef.current.style[
|
|
38
|
+
guideRef.current.style["opacity"] = selectedRef.current
|
|
39
|
+
? "1"
|
|
40
|
+
: guideRef.current.style["opacity"];
|
|
41
|
+
guideRef.current.style["width"] = selectedRef.current
|
|
42
|
+
? selectedRef.current.clientWidth + "px"
|
|
43
|
+
: "0px";
|
|
44
|
+
guideRef.current.style["left"] = selectedRef.current
|
|
45
|
+
? selectedRef.current.offsetLeft + "px"
|
|
46
|
+
: guideRef.current.style["left"] || "initial";
|
|
47
|
+
guideRef.current.style["top"] = selectedRef.current
|
|
48
|
+
? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px"
|
|
49
|
+
: guideRef.current.style["top"] || "initial";
|
|
42
50
|
}, [selected]);
|
|
43
|
-
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
44
52
|
react_1.default.createElement("div", { className: Tabs_module_scss_1.default.container },
|
|
45
|
-
options.map(o => react_1.default.createElement("p", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: selected === o.id ? Tabs_module_scss_1.default.selected : ""
|
|
46
|
-
react_1.default.createElement("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" })));
|
|
53
|
+
options.map((o) => (react_1.default.createElement("p", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: `${selected === o.id ? Tabs_module_scss_1.default.selected : ""} ${itemClassName}`, key: o.id, "data-testid": "tab-option" }, o.label))),
|
|
54
|
+
react_1.default.createElement("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" }))));
|
|
47
55
|
}
|
|
48
56
|
exports.default = Tabs;
|
|
49
57
|
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAC7C,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,EAAE,GAWnB;IACC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO;YACtD,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO;YACpD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI;YACxC,CAAC,CAAC,KAAK,CAAC;QACV,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO;YACnD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI;YACvC,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;QACjD,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,OAAO;YAClD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI;YACzE,CAAC,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;IAClD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,0BAAM,CAAC,SAAS;YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,qCACE,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7B,SAAS,EAAE,GACT,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACxC,IAAI,aAAa,EAAE,EACnB,GAAG,EAAE,CAAC,CAAC,EAAE,iBACG,YAAY,IAEvB,CAAC,CAAC,KAAK,CACN,CACL,CAAC;YACF,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,iBAAc,WAAW,GAAG,CACnE,CACL,CACJ,CAAC;AACJ,CAAC;AApDD,uBAoDC"}
|
|
@@ -2,13 +2,13 @@ import React from "react";
|
|
|
2
2
|
/**
|
|
3
3
|
* A component to hold all text variantions
|
|
4
4
|
**/
|
|
5
|
-
export declare function
|
|
5
|
+
export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
6
6
|
className?: string;
|
|
7
|
-
type:
|
|
7
|
+
type: OnepercentUtility.UIElements.TextVariants;
|
|
8
8
|
} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
|
|
9
9
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
10
10
|
className?: string | undefined;
|
|
11
|
-
type:
|
|
11
|
+
type: OnepercentUtility.UIElements.TextVariants;
|
|
12
12
|
} & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
} & React.RefAttributes<unknown>>;
|
|
@@ -37,18 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.
|
|
40
|
+
exports._Text = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
43
43
|
const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
|
|
44
44
|
/**
|
|
45
45
|
* A component to hold all text variantions
|
|
46
46
|
**/
|
|
47
|
-
function
|
|
47
|
+
function _Text(_a) {
|
|
48
48
|
var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
|
|
49
49
|
const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
|
|
50
50
|
return (react_1.default.createElement("p", Object.assign({ ref: arguments[1], className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
|
|
51
51
|
}
|
|
52
|
-
exports.
|
|
53
|
-
exports.default = (0, react_1.forwardRef)(
|
|
52
|
+
exports._Text = _Text;
|
|
53
|
+
exports.default = (0, react_1.forwardRef)(_Text);
|
|
54
54
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,EAUC;QAVD,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAOf,EANI,UAAU,cAJf,iCAKC,CADc;IAQf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA1BD,sBA0BC;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,2CAA0D;AAC1D,kFAA0D;AA+C1D;;IAEI;AACJ,SAAS,uBAAuB,CAC9B,KAA+B,EAC/B,GAGE;IAEF,OAAO,CACL,8BAAC,8BAAiB;QAChB,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CACjC,CACrB,CAAC;AACJ,CAAC;AACD;;IAEI;AACJ,SAAS,4BAA4B,CACnC,KAEC,EACD,GAGE;IAEF,OAAO,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,EACf,mBAAmB,EACnB,cAAc,EACd,KAAK,EACL,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,sBAAsB,GAAG,IAAA,yBAAe,GAAE,CAAC;IACjD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,sBAAsB,CAAC,OAAO,CAAC,GAAS,EAAE;YACxC,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,2BAAmB,EACjB,OAAO,EACP,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,UAAU;KACX,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CACnB,CAAC;IAEF,SAAe,aAAa;;YAC1B,IAAI;gBACF,MAAM,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,11 +48,6 @@ function AsyncProcessQueueProvider({ children, recoveries, uiFactory, }) {
|
|
|
48
48
|
const targetRef = (0, react_1.useRef)(null);
|
|
49
49
|
const pendingCounter = useCounter();
|
|
50
50
|
const [UIs, setUIs] = (0, react_1.useState)([]);
|
|
51
|
-
if (process.env.NODE_ENV === "development")
|
|
52
|
-
(0, react_1.useLayoutEffect)(() => {
|
|
53
|
-
if (!targetRef.current)
|
|
54
|
-
throw new Error(`The target for the async elements to transition to is not defined, please review your UI hierarchy`);
|
|
55
|
-
}, []);
|
|
56
51
|
const _recoveries = process.env.NODE_ENV === "development"
|
|
57
52
|
? Object.entries(recoveries).reduce((r, [k, v]) => (Object.assign(Object.assign({}, r), { [k]: Object.assign(Object.assign({}, v), { write: (...args) => {
|
|
58
53
|
(0, AsyncProcessQueue_development_1.countRegistration)();
|
|
@@ -126,16 +121,17 @@ function useAsyncProcessQueue(functionsToQueue, UIParamsFactory) {
|
|
|
126
121
|
const { targetElRef: targetEl, watchPromise } = (0, react_1.useContext)(Context);
|
|
127
122
|
const initialCenter = (0, react_1.useRef)();
|
|
128
123
|
(0, react_1.useEffect)(() => {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
124
|
+
if (targetEl.current)
|
|
125
|
+
initialCenter.current = {
|
|
126
|
+
center: calculateCenter(targetEl.current),
|
|
127
|
+
dimensions: [
|
|
128
|
+
targetEl.current.clientWidth,
|
|
129
|
+
targetEl.current.clientHeight,
|
|
130
|
+
],
|
|
131
|
+
};
|
|
136
132
|
}, []);
|
|
137
133
|
const wrapQueue = (0, react_1.useCallback)(() => {
|
|
138
|
-
if (wrapped.current || !loadingRef.current)
|
|
134
|
+
if (wrapped.current || !loadingRef.current || !targetEl.current)
|
|
139
135
|
return;
|
|
140
136
|
const wrapUI = loadingRef.current;
|
|
141
137
|
wrapped.current = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsyncProcessQueue.js","sourceRoot":"","sources":["../../src/context/AsyncProcessQueue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,mFAGyC;AAEzC,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,sKAAkJ,CAAA;AACpJ,CAAC,EAFW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAE3B;AAyBD,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAe,IAAW,CAAC,CAAC;AAEzD,SAAS,UAAU;IACjB,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExC,OAAO;QACL,KAAK;QACL,UAAU;QACV,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC;QAC/C,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC;QAC/C,KAAK,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,yBAAyB,CAGvC,EACA,QAAQ,EACR,UAAU,EACV,SAAS,GAiBT;IACA,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AsyncProcessQueue.js","sourceRoot":"","sources":["../../src/context/AsyncProcessQueue.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Get } from "type-fest";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { ReactElement } from "react";
|
|
3
3
|
import { PropsWithChildren } from "react";
|
|
4
4
|
import { FieldPath } from "../utils";
|
|
5
5
|
declare type DeepPartial<T> = {
|
|
@@ -64,6 +64,15 @@ export declare type ContextSpecs = {
|
|
|
64
64
|
className?: string;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
|
+
hook: {
|
|
68
|
+
ui: {
|
|
69
|
+
usePaginationControls: {
|
|
70
|
+
LeftControl: () => ReactElement;
|
|
71
|
+
RightControl: () => ReactElement;
|
|
72
|
+
className?: string;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
};
|
|
67
76
|
};
|
|
68
77
|
declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;
|
|
69
78
|
export default function OneUIProvider({ children, config, }: PropsWithChildren<{
|
|
@@ -61,7 +61,7 @@ function useOneUIConfig(prop, defaultValue) {
|
|
|
61
61
|
const context = (0, react_2.useContext)(Context);
|
|
62
62
|
if (process.env.NODE_ENV === "development") {
|
|
63
63
|
const val = (0, get_1.default)(context, prop);
|
|
64
|
-
if (typeof val === "string")
|
|
64
|
+
if (typeof val === "string" || typeof val === "function")
|
|
65
65
|
return val;
|
|
66
66
|
return ErrorWrapper(val || defaultValue);
|
|
67
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;AACA,qDAA6B;AAC7B,yDAAiC;AACjC,iEAAqC;AAErC,
|
|
1
|
+
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* This hook handles the display of pagination controls for the user to move to another page
|
|
4
|
+
*/
|
|
5
|
+
export default function usePaginationControls(containerRef: RefObject<HTMLDivElement>, { snapToPage, }?: {
|
|
6
|
+
snapToPage?: boolean;
|
|
7
|
+
}): {
|
|
8
|
+
controls: JSX.Element[];
|
|
9
|
+
checkControlsRequirement: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare enum usePaginationControlsTestIds {
|
|
12
|
+
LEFT_CONTROL = "page-l",
|
|
13
|
+
RIGHT_CONTROL = "page-r"
|
|
14
|
+
}
|
|
@@ -0,0 +1,92 @@
|
|
|
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.usePaginationControlsTestIds = void 0;
|
|
30
|
+
const throttle_1 = __importDefault(require("lodash/throttle"));
|
|
31
|
+
const react_1 = __importStar(require("react"));
|
|
32
|
+
const FadeIn_1 = __importDefault(require("../../components/FadeIn"));
|
|
33
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
34
|
+
const usePaginationControls_module_scss_1 = __importDefault(require("./usePaginationControls.module.scss"));
|
|
35
|
+
/**
|
|
36
|
+
* This hook handles the display of pagination controls for the user to move to another page
|
|
37
|
+
*/
|
|
38
|
+
function usePaginationControls(containerRef, { snapToPage, } = {}) {
|
|
39
|
+
const [[leftControl, rightControl], setControls] = (0, react_1.useState)([false, false]);
|
|
40
|
+
const LeftControl = (0, OneUIProvider_1.useOneUIConfig)("hook.ui.usePaginationControls.LeftControl");
|
|
41
|
+
const RightControl = (0, OneUIProvider_1.useOneUIConfig)("hook.ui.usePaginationControls.RightControl");
|
|
42
|
+
const className = (0, OneUIProvider_1.useOneUIConfig)("hook.ui.usePaginationControls.className", "");
|
|
43
|
+
function move(direction) {
|
|
44
|
+
return () => {
|
|
45
|
+
const rest = containerRef.current.scrollLeft % containerRef.current.clientWidth;
|
|
46
|
+
const snapOffset = snapToPage
|
|
47
|
+
? direction === "l"
|
|
48
|
+
? rest
|
|
49
|
+
? containerRef.current.clientWidth - rest
|
|
50
|
+
: 0
|
|
51
|
+
: rest
|
|
52
|
+
: 0;
|
|
53
|
+
containerRef.current.scrollBy({
|
|
54
|
+
left: (containerRef.current.clientWidth - snapOffset) *
|
|
55
|
+
(direction === "l" ? -1 : 1),
|
|
56
|
+
behavior: "smooth",
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
function checkControlsRequirement() {
|
|
61
|
+
const el = containerRef.current;
|
|
62
|
+
const shouldHaveAnyControl = el.scrollWidth > el.clientWidth;
|
|
63
|
+
if (!shouldHaveAnyControl)
|
|
64
|
+
setControls([false, false]);
|
|
65
|
+
else {
|
|
66
|
+
const shouldHaveRightControl = el.scrollLeft < el.scrollWidth - el.clientWidth;
|
|
67
|
+
const shouldHaveLeftControl = el.scrollLeft > 0;
|
|
68
|
+
setControls([shouldHaveLeftControl, shouldHaveRightControl]);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
(0, react_1.useEffect)(() => {
|
|
72
|
+
const el = containerRef.current;
|
|
73
|
+
const throttledCheck = (0, throttle_1.default)(checkControlsRequirement, 1000 / 4);
|
|
74
|
+
checkControlsRequirement();
|
|
75
|
+
el.addEventListener("scroll", throttledCheck);
|
|
76
|
+
return () => el.removeEventListener("scroll", throttledCheck);
|
|
77
|
+
}, []);
|
|
78
|
+
return {
|
|
79
|
+
controls: [
|
|
80
|
+
react_1.default.createElement(FadeIn_1.default, { active: leftControl, className: `${usePaginationControls_module_scss_1.default.left} ${usePaginationControls_module_scss_1.default.control} ${className}`, "data-testid": usePaginationControlsTestIds.LEFT_CONTROL, onClick: move("l") }, leftControl && react_1.default.createElement(LeftControl, null)),
|
|
81
|
+
react_1.default.createElement(FadeIn_1.default, { active: rightControl, className: `${usePaginationControls_module_scss_1.default.right} ${usePaginationControls_module_scss_1.default.control} ${className}`, "data-testid": usePaginationControlsTestIds.RIGHT_CONTROL, onClick: move("r") }, rightControl && react_1.default.createElement(RightControl, null)),
|
|
82
|
+
],
|
|
83
|
+
checkControlsRequirement,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
exports.default = usePaginationControls;
|
|
87
|
+
var usePaginationControlsTestIds;
|
|
88
|
+
(function (usePaginationControlsTestIds) {
|
|
89
|
+
usePaginationControlsTestIds["LEFT_CONTROL"] = "page-l";
|
|
90
|
+
usePaginationControlsTestIds["RIGHT_CONTROL"] = "page-r";
|
|
91
|
+
})(usePaginationControlsTestIds = exports.usePaginationControlsTestIds || (exports.usePaginationControlsTestIds = {}));
|
|
92
|
+
//# sourceMappingURL=usePaginationControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePaginationControls.js","sourceRoot":"","sources":["../../../src/hooks/ui/usePaginationControls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { Primitive } from "type-fest";
|
|
3
|
+
export default function useAsyncControl<E = any, F extends {
|
|
4
|
+
[f: string]: ((...args: any[]) => Promise<any>) | Object | Primitive;
|
|
5
|
+
} = {}>(functionsToWrap?: F): {
|
|
3
6
|
process: (asyncFn: () => Promise<any>) => Promise<any>;
|
|
4
7
|
loading: boolean;
|
|
5
8
|
error: Error | E | undefined;
|
|
@@ -33,7 +33,9 @@ function useAsyncControl(functionsToWrap) {
|
|
|
33
33
|
error,
|
|
34
34
|
setError,
|
|
35
35
|
setLoading }, Object.entries(functionsToWrap || {}).reduce((r, [k, func]) => {
|
|
36
|
-
return Object.assign(Object.assign({}, r), { [k]: typeof func === "function"
|
|
36
|
+
return Object.assign(Object.assign({}, r), { [k]: typeof func === "function"
|
|
37
|
+
? (...args) => _process(() => func(...args))
|
|
38
|
+
: func });
|
|
37
39
|
}, {}));
|
|
38
40
|
}
|
|
39
41
|
exports.default = useAsyncControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,
|
|
1
|
+
{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAKrC,eAAmB;IACnB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,CAAM,CAAC,CAAC;YACjB,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACN,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAChE,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EACD,OAAO,IAAI,KAAK,UAAU;gBACxB,CAAC,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC;gBAC5D,CAAC,CAAC,IAAI,IACV;IACJ,CAAC,EAAE,EAAO,CAAO,EACjB;AACJ,CAAC;AAvCD,kCAuCC"}
|
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
* This hook takes an html and checks if its outside its parent
|
|
4
4
|
* If it is, it should move it so it can be totally visible inside the container
|
|
5
5
|
*/
|
|
6
|
-
export default function useContainedRepositioning(focused: boolean, getParent: (el: HTMLElement) => HTMLElement, { offset, scale }?: {
|
|
6
|
+
export default function useContainedRepositioning(focused: boolean, getParent: (el: HTMLElement) => HTMLElement, { offset, scale, offsetLimit, }?: {
|
|
7
7
|
/** The offset the element will be moved by from the closest bound */
|
|
8
8
|
offset?: number;
|
|
9
9
|
/** The scaled element width to be considered. usefull for when the focused element will change size */
|
|
10
10
|
scale?: number;
|
|
11
|
+
/** Limit offset */
|
|
12
|
+
offsetLimit?: number;
|
|
11
13
|
}): {
|
|
12
14
|
elementToCheck: import("react").RefObject<HTMLDivElement>;
|
|
13
15
|
};
|