@onepercentio/one-ui 0.19.2 → 0.19.3
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/.babelrc +17 -0
- package/.prod.babelrc +22 -0
- package/dist/assets/styles/variables.scss +1 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +24 -25
- package/dist/components/AdaptiveButton/index.js +12 -8
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +95 -114
- package/dist/components/AdaptiveContainer/index.js +12 -8
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +85 -65
- package/dist/components/AdaptiveDialog/index.js +12 -8
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +84 -76
- package/dist/components/AdaptiveSidebar/index.js +12 -8
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +155 -160
- package/dist/components/AnchoredTooltip/index.js +12 -8
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +172 -139
- package/dist/components/AnimatedEntrance/index.js +26 -10
- package/dist/components/AsyncWrapper/AsyncWrapper.js +33 -21
- package/dist/components/AsyncWrapper/index.js +12 -8
- package/dist/components/Avatar/Avatar.js +34 -40
- package/dist/components/Avatar/index.js +12 -8
- package/dist/components/BucketFill/BucketFill.js +47 -58
- package/dist/components/BucketFill/index.js +12 -8
- package/dist/components/Button/Button.js +32 -49
- package/dist/components/Button/README.md +8 -0
- package/dist/components/Button/index.js +12 -8
- package/dist/components/Card/Card.js +16 -11
- package/dist/components/Card/index.js +12 -8
- package/dist/components/Chart/Chart.logic.js +10 -10
- package/dist/components/Chart/Chart.types.js +4 -2
- package/dist/components/Chart/Chart.view.js +212 -131
- package/dist/components/Chart/index.js +12 -8
- package/dist/components/CheckBox/CheckBox.d.ts +3 -1
- package/dist/components/CheckBox/CheckBox.js +43 -30
- package/dist/components/CheckBox/CheckBox.module.scss +4 -0
- package/dist/components/CheckBox/index.js +12 -8
- package/dist/components/Collapsable/Collapsable.d.ts +26 -27
- package/dist/components/Collapsable/Collapsable.js +173 -143
- package/dist/components/Collapsable/index.js +12 -8
- package/dist/components/Countdown/Countdown.js +87 -100
- package/dist/components/Countdown/index.js +12 -8
- package/dist/components/Divider/Divider.js +15 -12
- package/dist/components/Divider/index.js +12 -8
- package/dist/components/EmailInput/EmailInput.d.ts +4 -3
- package/dist/components/EmailInput/EmailInput.js +45 -43
- package/dist/components/EmailInput/README.md +10 -0
- package/dist/components/EmailInput/index.js +20 -9
- package/dist/components/FadeIn/FadeIn.js +62 -69
- package/dist/components/FadeIn/index.js +12 -8
- package/dist/components/FileInput/FileInput.d.ts +25 -9
- package/dist/components/FileInput/FileInput.js +41 -70
- package/dist/components/FileInput/FileInput.module.scss +0 -21
- package/dist/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +46 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.module.scss +20 -0
- package/dist/components/FileInput/View/BigFactory/index.d.ts +1 -0
- package/dist/components/FileInput/View/BigFactory/index.js +13 -0
- package/dist/components/FileInput/View/Compact/Compact.d.ts +5 -0
- package/dist/components/FileInput/View/Compact/Compact.js +88 -0
- package/dist/components/FileInput/View/Compact/Compact.module.scss +59 -0
- package/dist/components/FileInput/View/Compact/index.d.ts +1 -0
- package/dist/components/FileInput/View/Compact/index.js +13 -0
- package/dist/components/FileInput/View/View.types.d.ts +8 -0
- package/dist/components/FileInput/View/View.types.js +5 -0
- package/dist/components/FileInput/index.js +12 -8
- package/dist/components/FlowController/FlowController.js +60 -29
- package/dist/components/FlowController/README.md +13 -0
- package/dist/components/FlowController/index.js +12 -8
- package/dist/components/Form/Form.js +157 -96
- package/dist/components/Form/index.js +12 -8
- package/dist/components/Freeze/Freeze.js +11 -10
- package/dist/components/Freeze/index.js +12 -8
- package/dist/components/HSForms/HSForms.js +48 -68
- package/dist/components/HSForms/index.js +12 -8
- package/dist/components/Header/Header.js +100 -69
- package/dist/components/Header/index.js +12 -8
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +17 -13
- package/dist/components/HeaderCloseBtn/index.js +12 -8
- package/dist/components/InfinityScroll/InfinityScroll.js +137 -117
- package/dist/components/InfinityScroll/index.js +12 -8
- package/dist/components/Input/Input.d.ts +8 -6
- package/dist/components/Input/Input.js +105 -90
- package/dist/components/Input/Input.module.scss +4 -2
- package/dist/components/Input/README.md +10 -0
- package/dist/components/Input/index.js +12 -8
- package/dist/components/InstantCounter/InstantCounter.js +61 -52
- package/dist/components/InstantCounter/index.js +12 -8
- package/dist/components/LavaLamp/LavaLamp.data.js +95 -87
- package/dist/components/LavaLamp/LavaLamp.js +107 -70
- package/dist/components/LavaLamp/index.js +12 -8
- package/dist/components/LavaLamp/v2/LavaLamp.js +200 -182
- package/dist/components/LinkToId/LinkToId.js +42 -28
- package/dist/components/LinkToId/index.js +20 -9
- package/dist/components/Loader/Loader.js +20 -26
- package/dist/components/Loader/index.js +12 -8
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +34 -37
- package/dist/components/LoaderDotsIndicator/index.js +12 -8
- package/dist/components/LoopableVideo/LoopableVideo.js +29 -30
- package/dist/components/LoopableVideo/index.js +12 -8
- package/dist/components/MainGrid/MainGrid.js +44 -50
- package/dist/components/MainGrid/index.js +12 -8
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +26 -26
- package/dist/components/MutableHamburgerButton/index.js +12 -8
- package/dist/components/Notification/Notification.js +16 -12
- package/dist/components/Notification/index.js +12 -8
- package/dist/components/OrderableList/OrderableList.js +406 -374
- package/dist/components/OrderableList/index.js +12 -8
- package/dist/components/PaginationIndicator/PaginationIndicator.js +230 -196
- package/dist/components/PaginationIndicator/index.js +12 -8
- package/dist/components/Parallax/Parallax.js +164 -161
- package/dist/components/Parallax/index.js +12 -8
- package/dist/components/Parallax/math/helpers.js +128 -217
- package/dist/components/PasswordInput/PasswordInput.d.ts +4 -3
- package/dist/components/PasswordInput/PasswordInput.js +120 -97
- package/dist/components/PasswordInput/index.js +12 -8
- package/dist/components/PixelatedScan/PixelatedScan.js +140 -97
- package/dist/components/PixelatedScan/index.js +12 -8
- package/dist/components/Portal/Portal.js +54 -64
- package/dist/components/Portal/index.js +20 -9
- package/dist/components/ProgressBar/ProgressBar.js +48 -45
- package/dist/components/ProgressBar/index.js +20 -9
- package/dist/components/ProgressTexts/ProgressTexts.js +42 -34
- package/dist/components/ProgressTexts/README.md +12 -0
- package/dist/components/ProgressTexts/index.js +12 -8
- package/dist/components/Radio/Radio.d.ts +13 -0
- package/dist/components/Radio/Radio.js +47 -0
- package/dist/components/Radio/Radio.module.scss +33 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Radio/index.js +13 -0
- package/dist/components/SectionContainer/SectionContainer.js +35 -39
- package/dist/components/SectionContainer/index.js +12 -8
- package/dist/components/Select/Select.d.ts +2 -1
- package/dist/components/Select/Select.js +133 -82
- package/dist/components/Select/Select.module.scss +14 -2
- package/dist/components/Select/index.js +12 -8
- package/dist/components/Skeleton/Skeleton.js +21 -15
- package/dist/components/Skeleton/index.js +12 -8
- package/dist/components/Spacing/Spacing.js +14 -11
- package/dist/components/Spacing/index.js +12 -8
- package/dist/components/StaticScroller/StaticScroller.js +61 -81
- package/dist/components/StaticScroller/index.js +12 -8
- package/dist/components/Switch/Switch.js +29 -25
- package/dist/components/Switch/index.js +12 -8
- package/dist/components/Table/Table.js +111 -80
- package/dist/components/Table/index.js +12 -8
- package/dist/components/Tabs/Tabs.js +42 -52
- package/dist/components/Tabs/index.js +12 -8
- package/dist/components/Text/Text.js +31 -50
- package/dist/components/Text/index.js +12 -8
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +46 -22
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +71 -57
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +97 -80
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +59 -50
- package/dist/components/Transition/MasksFactory/utils.js +25 -28
- package/dist/components/Transition/Transition.js +316 -309
- package/dist/components/Transition/index.js +20 -9
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +110 -86
- package/dist/components/UncontrolledTransition/index.js +12 -8
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +116 -105
- package/dist/components/WalletConnectionWrapper/index.js +20 -9
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +51 -69
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +12 -8
- package/dist/context/AsyncProcess.js +77 -63
- package/dist/context/CustomBrowserRouter.js +40 -52
- package/dist/context/OneUIProvider.d.ts +8 -2
- package/dist/context/OneUIProvider.js +90 -104
- package/dist/hooks/logs/README.md +3 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +17 -17
- package/dist/hooks/logs/useIsMounting.js +10 -8
- package/dist/hooks/persistence/useLocalStorage.js +40 -30
- package/dist/hooks/shims/ObjectWatchShim.d.ts +1 -0
- package/dist/hooks/shims/ObjectWatchShim.js +49 -46
- package/dist/hooks/ui/useAdaptiveImage.js +43 -35
- package/dist/hooks/ui/useBreakpoint.js +34 -19
- package/dist/hooks/ui/useCustomScrollbar.js +26 -21
- package/dist/hooks/ui/useMouseHover.js +29 -16
- package/dist/hooks/ui/usePaginationControls.d.ts +0 -4
- package/dist/hooks/ui/usePaginationControls.e2e.d.ts +4 -0
- package/dist/hooks/ui/usePaginationControls.js +125 -153
- package/dist/hooks/ui/useTilt.js +156 -128
- package/dist/hooks/ui/useZoomable.js +114 -138
- package/dist/hooks/useAsyncControl.js +82 -47
- package/dist/hooks/useContainedRepositioning.js +75 -72
- package/dist/hooks/useCustomHistory.js +21 -13
- package/dist/hooks/useElementFit.js +42 -34
- package/dist/hooks/useFirestoreWatch.js +54 -35
- package/dist/hooks/useForm.js +47 -22
- package/dist/hooks/useFreeze.js +11 -9
- package/dist/hooks/useHero.d.ts +4 -0
- package/dist/hooks/useHero.js +171 -159
- package/dist/hooks/useIntersection.js +33 -27
- package/dist/hooks/useMergeRefs.js +26 -23
- package/dist/hooks/useObserve.js +28 -15
- package/dist/hooks/usePagination.js +151 -129
- package/dist/hooks/usePooledOperation.js +43 -58
- package/dist/hooks/usePooling.js +62 -48
- package/dist/hooks/useRebound.js +36 -22
- package/dist/hooks/useShortIntl.js +79 -51
- package/dist/hooks/utility/useEvents.js +28 -22
- package/dist/hooks/utility/useModule.js +21 -10
- package/dist/hooks/utility/useQuery.js +14 -8
- package/dist/models/DebugLogger.js +7 -6
- package/dist/models/GenericContract.js +39 -12
- package/dist/reac-app-env.d.js +1 -0
- package/dist/storybook/assets/video/txt-reversed.mp4 +0 -0
- package/dist/storybookUtils/index.js +42 -24
- package/dist/type-utils.js +4 -2
- package/dist/types.js +4 -2
- package/dist/utility.d.js +17 -0
- package/dist/utils/blockchain.js +60 -54
- package/dist/utils/flatten.js +23 -13
- package/dist/utils/html.utils.js +9 -6
- package/dist/utils/ownEvent.js +9 -8
- package/package.json +13 -8
- package/tsconfig.json +3 -2
- package/cypress/support/commands.ts +0 -49
- package/cypress/support/component-index.html +0 -30
- package/cypress/support/component.ts +0 -39
- package/cypress/support/e2e.js +0 -49
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +0 -1
- package/dist/components/AdaptiveButton/index.js.map +0 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +0 -1
- package/dist/components/AdaptiveContainer/index.js.map +0 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +0 -1
- package/dist/components/AdaptiveDialog/index.js.map +0 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +0 -1
- package/dist/components/AdaptiveSidebar/index.js.map +0 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +0 -1
- package/dist/components/AnchoredTooltip/index.js.map +0 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +0 -1
- package/dist/components/AnimatedEntrance/index.js.map +0 -1
- package/dist/components/AsyncWrapper/AsyncWrapper.js.map +0 -1
- package/dist/components/AsyncWrapper/index.js.map +0 -1
- package/dist/components/Avatar/Avatar.js.map +0 -1
- package/dist/components/Avatar/index.js.map +0 -1
- package/dist/components/BucketFill/BucketFill.js.map +0 -1
- package/dist/components/BucketFill/index.js.map +0 -1
- package/dist/components/Button/Button.js.map +0 -1
- package/dist/components/Button/index.js.map +0 -1
- package/dist/components/Card/Card.js.map +0 -1
- package/dist/components/Card/index.js.map +0 -1
- package/dist/components/Chart/Chart.e2e.js +0 -9
- package/dist/components/Chart/Chart.e2e.js.map +0 -1
- package/dist/components/Chart/Chart.logic.js.map +0 -1
- package/dist/components/Chart/Chart.types.js.map +0 -1
- package/dist/components/Chart/Chart.view.js.map +0 -1
- package/dist/components/Chart/index.js.map +0 -1
- package/dist/components/CheckBox/CheckBox.js.map +0 -1
- package/dist/components/CheckBox/index.js.map +0 -1
- package/dist/components/Collapsable/Collapsable.js.map +0 -1
- package/dist/components/Collapsable/index.js.map +0 -1
- package/dist/components/Countdown/Countdown.js.map +0 -1
- package/dist/components/Countdown/index.js.map +0 -1
- package/dist/components/Divider/Divider.js.map +0 -1
- package/dist/components/Divider/index.js.map +0 -1
- package/dist/components/EmailInput/EmailInput.js.map +0 -1
- package/dist/components/EmailInput/index.js.map +0 -1
- package/dist/components/FadeIn/FadeIn.js.map +0 -1
- package/dist/components/FadeIn/index.js.map +0 -1
- package/dist/components/FileInput/FileInput.js.map +0 -1
- package/dist/components/FileInput/index.js.map +0 -1
- package/dist/components/FlowController/FlowController.js.map +0 -1
- package/dist/components/FlowController/index.js.map +0 -1
- package/dist/components/Form/Form.js.map +0 -1
- package/dist/components/Form/index.js.map +0 -1
- package/dist/components/Freeze/Freeze.js.map +0 -1
- package/dist/components/Freeze/index.js.map +0 -1
- package/dist/components/HSForms/HSForms.js.map +0 -1
- package/dist/components/HSForms/index.js.map +0 -1
- package/dist/components/Header/Header.js.map +0 -1
- package/dist/components/Header/index.js.map +0 -1
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +0 -1
- package/dist/components/HeaderCloseBtn/index.js.map +0 -1
- package/dist/components/InfinityScroll/InfinityScroll.js.map +0 -1
- package/dist/components/InfinityScroll/index.js.map +0 -1
- package/dist/components/Input/Input.js.map +0 -1
- package/dist/components/Input/index.js.map +0 -1
- package/dist/components/InstantCounter/InstantCounter.js.map +0 -1
- package/dist/components/InstantCounter/index.js.map +0 -1
- package/dist/components/LavaLamp/LavaLamp.data.js.map +0 -1
- package/dist/components/LavaLamp/LavaLamp.js.map +0 -1
- package/dist/components/LavaLamp/index.js.map +0 -1
- package/dist/components/LavaLamp/v2/LavaLamp.js.map +0 -1
- package/dist/components/LinkToId/LinkToId.js.map +0 -1
- package/dist/components/LinkToId/index.js.map +0 -1
- package/dist/components/Loader/Loader.js.map +0 -1
- package/dist/components/Loader/index.js.map +0 -1
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +0 -1
- package/dist/components/LoaderDotsIndicator/index.js.map +0 -1
- package/dist/components/LoopableVideo/LoopableVideo.js.map +0 -1
- package/dist/components/LoopableVideo/index.js.map +0 -1
- package/dist/components/MainGrid/MainGrid.js.map +0 -1
- package/dist/components/MainGrid/index.js.map +0 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +0 -1
- package/dist/components/MutableHamburgerButton/index.js.map +0 -1
- package/dist/components/Notification/Notification.js.map +0 -1
- package/dist/components/Notification/index.js.map +0 -1
- package/dist/components/OrderableList/OrderableList.js.map +0 -1
- package/dist/components/OrderableList/index.js.map +0 -1
- package/dist/components/PaginationIndicator/PaginationIndicator.js.map +0 -1
- package/dist/components/PaginationIndicator/index.js.map +0 -1
- package/dist/components/Parallax/Parallax.js.map +0 -1
- package/dist/components/Parallax/index.js.map +0 -1
- package/dist/components/Parallax/math/helpers.js.map +0 -1
- package/dist/components/PasswordInput/PasswordInput.js.map +0 -1
- package/dist/components/PasswordInput/index.js.map +0 -1
- package/dist/components/PixelatedScan/PixelatedScan.js.map +0 -1
- package/dist/components/PixelatedScan/index.js.map +0 -1
- package/dist/components/Portal/Portal.js.map +0 -1
- package/dist/components/Portal/index.js.map +0 -1
- package/dist/components/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/components/ProgressBar/index.js.map +0 -1
- package/dist/components/ProgressTexts/ProgressTexts.js.map +0 -1
- package/dist/components/ProgressTexts/index.js.map +0 -1
- package/dist/components/SectionContainer/SectionContainer.js.map +0 -1
- package/dist/components/SectionContainer/index.js.map +0 -1
- package/dist/components/Select/Select.js.map +0 -1
- package/dist/components/Select/index.js.map +0 -1
- package/dist/components/Skeleton/Skeleton.js.map +0 -1
- package/dist/components/Skeleton/index.js.map +0 -1
- package/dist/components/Spacing/Spacing.js.map +0 -1
- package/dist/components/Spacing/index.js.map +0 -1
- package/dist/components/StaticScroller/StaticScroller.js.map +0 -1
- package/dist/components/StaticScroller/index.js.map +0 -1
- package/dist/components/Switch/Switch.js.map +0 -1
- package/dist/components/Switch/index.js.map +0 -1
- package/dist/components/Table/Table.js.map +0 -1
- package/dist/components/Table/index.js.map +0 -1
- package/dist/components/Tabs/Tabs.js.map +0 -1
- package/dist/components/Tabs/index.js.map +0 -1
- package/dist/components/Text/Text.js.map +0 -1
- package/dist/components/Text/index.js.map +0 -1
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +0 -1
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +0 -1
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +0 -1
- package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +0 -1
- package/dist/components/Transition/MasksFactory/utils.js.map +0 -1
- package/dist/components/Transition/Transition.js.map +0 -1
- package/dist/components/Transition/index.js.map +0 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +0 -1
- package/dist/components/UncontrolledTransition/index.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +0 -1
- package/dist/components/WalletConnectionWrapper/index.js.map +0 -1
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +0 -1
- package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +0 -1
- package/dist/context/AsyncProcess.js.map +0 -1
- package/dist/context/CustomBrowserRouter.js.map +0 -1
- package/dist/context/OneUIProvider.js.map +0 -1
- package/dist/hooks/logs/useDependencyChangeDetection.js.map +0 -1
- package/dist/hooks/logs/useIsMounting.js.map +0 -1
- package/dist/hooks/persistence/useLocalStorage.js.map +0 -1
- package/dist/hooks/shims/ObjectWatchShim.js.map +0 -1
- package/dist/hooks/ui/useAdaptiveImage.js.map +0 -1
- package/dist/hooks/ui/useBreakpoint.js.map +0 -1
- package/dist/hooks/ui/useCustomScrollbar.js.map +0 -1
- package/dist/hooks/ui/useMouseHover.js.map +0 -1
- package/dist/hooks/ui/usePaginationControls.js.map +0 -1
- package/dist/hooks/ui/useTilt.js.map +0 -1
- package/dist/hooks/ui/useZoomable.js.map +0 -1
- package/dist/hooks/useAsyncControl.js.map +0 -1
- package/dist/hooks/useContainedRepositioning.js.map +0 -1
- package/dist/hooks/useCustomHistory.js.map +0 -1
- package/dist/hooks/useElementFit.js.map +0 -1
- package/dist/hooks/useFirestoreWatch.js.map +0 -1
- package/dist/hooks/useForm.js.map +0 -1
- package/dist/hooks/useFreeze.js.map +0 -1
- package/dist/hooks/useHero.js.map +0 -1
- package/dist/hooks/useHero.module.scss +0 -5
- package/dist/hooks/useIntersection.js.map +0 -1
- package/dist/hooks/useMergeRefs.js.map +0 -1
- package/dist/hooks/useObserve.js.map +0 -1
- package/dist/hooks/usePagination.js.map +0 -1
- package/dist/hooks/usePooledOperation.js.map +0 -1
- package/dist/hooks/usePooling.js.map +0 -1
- package/dist/hooks/useRebound.js.map +0 -1
- package/dist/hooks/useShortIntl.js.map +0 -1
- package/dist/hooks/utility/useEvents.js.map +0 -1
- package/dist/hooks/utility/useModule.js.map +0 -1
- package/dist/hooks/utility/useQuery.js.map +0 -1
- package/dist/models/DebugLogger.js.map +0 -1
- package/dist/models/GenericContract.js.map +0 -1
- package/dist/storybookUtils/index.js.map +0 -1
- package/dist/type-utils.js.map +0 -1
- package/dist/types.js.map +0 -1
- package/dist/utils/blockchain.js.map +0 -1
- package/dist/utils/flatten.js.map +0 -1
- package/dist/utils/html.utils.js.map +0 -1
- package/dist/utils/ownEvent.js.map +0 -1
|
@@ -1,230 +1,141 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.IDENTITY_MATRIX = IDENTITY_MATRIX;
|
|
7
|
+
exports.flattenMatrix = flattenMatrix;
|
|
8
|
+
exports.generateMatrixFromOperations = generateMatrixFromOperations;
|
|
9
|
+
exports.invertMatrix = invertMatrix;
|
|
10
|
+
exports.multiplyMatrixes = multiplyMatrixes;
|
|
11
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
12
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
16
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
4
17
|
function IDENTITY_MATRIX() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
18
|
+
return [[1, 0, 0, 0],
|
|
19
|
+
// cos, -sin, ?
|
|
20
|
+
[0, 1, 0, 0],
|
|
21
|
+
// sin, cos, ?
|
|
22
|
+
[0, 0, 1, 0],
|
|
23
|
+
// TranslationX, TranslationY, ?
|
|
24
|
+
[0, 0, 0, 1]];
|
|
11
25
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
26
|
+
function generateMatrixFromOperations() {
|
|
27
|
+
let resultingMatrix = undefined;
|
|
28
|
+
for (var _len = arguments.length, operations = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
|
+
operations[_key] = arguments[_key];
|
|
30
|
+
}
|
|
31
|
+
for (let operation of operations) {
|
|
32
|
+
const matrix = operation.type === "matrix" ? operation.matrix : IDENTITY_MATRIX();
|
|
33
|
+
switch (operation.type) {
|
|
34
|
+
case "perspective":
|
|
35
|
+
const f = Math.tan(Math.PI * 0.5 - 0.5 * operation.fieldOfViewInRadians);
|
|
36
|
+
const rangeInv = 1.0 / (operation.near - operation.far);
|
|
37
|
+
matrix[0][0] = f / operation.aspect;
|
|
38
|
+
matrix[1][1] = f;
|
|
39
|
+
matrix[2][2] = (operation.near + operation.far) * rangeInv;
|
|
40
|
+
matrix[2][3] = -1;
|
|
41
|
+
matrix[3][2] = operation.near * operation.far * rangeInv * 2;
|
|
42
|
+
matrix[3][3] = 0;
|
|
43
|
+
break;
|
|
44
|
+
case "translate":
|
|
45
|
+
matrix[3][0] = operation.x;
|
|
46
|
+
matrix[3][1] = operation.y;
|
|
47
|
+
matrix[3][2] = operation.z;
|
|
48
|
+
break;
|
|
49
|
+
case "rotateX":
|
|
50
|
+
case "rotateY":
|
|
51
|
+
case "rotateZ":
|
|
52
|
+
const angleToRadians = operation.angle * Math.PI / 180;
|
|
53
|
+
const sinAngle = Math.sin(angleToRadians);
|
|
54
|
+
const cosAngle = Math.cos(angleToRadians);
|
|
17
55
|
switch (operation.type) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const angleToRadians = (operation.angle * Math.PI) / 180;
|
|
37
|
-
const sinAngle = Math.sin(angleToRadians);
|
|
38
|
-
const cosAngle = Math.cos(angleToRadians);
|
|
39
|
-
switch (operation.type) {
|
|
40
|
-
case "rotateZ":
|
|
41
|
-
matrix[0][0] = cosAngle;
|
|
42
|
-
matrix[1][1] = cosAngle;
|
|
43
|
-
matrix[1][0] = -sinAngle;
|
|
44
|
-
matrix[0][1] = sinAngle;
|
|
45
|
-
break;
|
|
46
|
-
case "rotateY":
|
|
47
|
-
matrix[0][0] = cosAngle;
|
|
48
|
-
matrix[2][2] = cosAngle;
|
|
49
|
-
matrix[0][2] = -sinAngle;
|
|
50
|
-
matrix[2][0] = sinAngle;
|
|
51
|
-
break;
|
|
52
|
-
case "rotateX":
|
|
53
|
-
matrix[1][1] = cosAngle;
|
|
54
|
-
matrix[2][2] = cosAngle;
|
|
55
|
-
matrix[2][1] = -sinAngle;
|
|
56
|
-
matrix[1][2] = sinAngle;
|
|
57
|
-
break;
|
|
58
|
-
}
|
|
59
|
-
break;
|
|
60
|
-
case "scale":
|
|
61
|
-
matrix[0][0] = operation.factorX;
|
|
62
|
-
matrix[1][1] = operation.factorY;
|
|
63
|
-
matrix[2][2] = operation.factorZ;
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
if (resultingMatrix) {
|
|
67
|
-
resultingMatrix = multiplyMatrixes(resultingMatrix, matrix);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
resultingMatrix = matrix;
|
|
56
|
+
case "rotateZ":
|
|
57
|
+
matrix[0][0] = cosAngle;
|
|
58
|
+
matrix[1][1] = cosAngle;
|
|
59
|
+
matrix[1][0] = -sinAngle;
|
|
60
|
+
matrix[0][1] = sinAngle;
|
|
61
|
+
break;
|
|
62
|
+
case "rotateY":
|
|
63
|
+
matrix[0][0] = cosAngle;
|
|
64
|
+
matrix[2][2] = cosAngle;
|
|
65
|
+
matrix[0][2] = -sinAngle;
|
|
66
|
+
matrix[2][0] = sinAngle;
|
|
67
|
+
break;
|
|
68
|
+
case "rotateX":
|
|
69
|
+
matrix[1][1] = cosAngle;
|
|
70
|
+
matrix[2][2] = cosAngle;
|
|
71
|
+
matrix[2][1] = -sinAngle;
|
|
72
|
+
matrix[1][2] = sinAngle;
|
|
73
|
+
break;
|
|
71
74
|
}
|
|
75
|
+
break;
|
|
76
|
+
case "scale":
|
|
77
|
+
matrix[0][0] = operation.factorX;
|
|
78
|
+
matrix[1][1] = operation.factorY;
|
|
79
|
+
matrix[2][2] = operation.factorZ;
|
|
80
|
+
break;
|
|
72
81
|
}
|
|
73
|
-
|
|
82
|
+
if (resultingMatrix) {
|
|
83
|
+
resultingMatrix = multiplyMatrixes(resultingMatrix, matrix);
|
|
84
|
+
} else {
|
|
85
|
+
resultingMatrix = matrix;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
return resultingMatrix || IDENTITY_MATRIX();
|
|
74
89
|
}
|
|
75
|
-
exports.generateMatrixFromOperations = generateMatrixFromOperations;
|
|
76
90
|
function multiplyMatrixes(matrix1, matrix2) {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
if (!resultingMatrix[i0])
|
|
90
|
-
resultingMatrix[i0] = [];
|
|
91
|
-
resultingMatrix[i0][i] = dimensionResult;
|
|
92
|
-
}
|
|
91
|
+
const resultingMatrix = [];
|
|
92
|
+
if (process.env.NODE_ENV === "development" && matrix2.length !== matrix1[0].length) {
|
|
93
|
+
throw new Error("For the multiplication of matrixes to work you need to provide the matrix1 containing the amount of columns as the same amount of rows from matrix 2.\nYou provided ".concat(matrix1[0].length, " columns and ").concat(matrix2.length, " rows"));
|
|
94
|
+
}
|
|
95
|
+
for (let i0 in matrix1) {
|
|
96
|
+
for (let i in matrix2[0]) {
|
|
97
|
+
let dimensionResult = 0;
|
|
98
|
+
for (let i2 in matrix1[0]) {
|
|
99
|
+
dimensionResult += matrix1[i0][i2] * matrix2[i2][i];
|
|
100
|
+
}
|
|
101
|
+
if (!resultingMatrix[i0]) resultingMatrix[i0] = [];
|
|
102
|
+
resultingMatrix[i0][i] = dimensionResult;
|
|
93
103
|
}
|
|
94
|
-
|
|
104
|
+
}
|
|
105
|
+
return resultingMatrix;
|
|
95
106
|
}
|
|
96
|
-
exports.multiplyMatrixes = multiplyMatrixes;
|
|
97
107
|
function invertMatrix(matrix) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
m[8] * m[6] * m[13] -
|
|
127
|
-
m[12] * m[5] * m[10] +
|
|
128
|
-
m[12] * m[6] * m[9];
|
|
129
|
-
inv[1] =
|
|
130
|
-
-m[1] * m[10] * m[15] +
|
|
131
|
-
m[1] * m[11] * m[14] +
|
|
132
|
-
m[9] * m[2] * m[15] -
|
|
133
|
-
m[9] * m[3] * m[14] -
|
|
134
|
-
m[13] * m[2] * m[11] +
|
|
135
|
-
m[13] * m[3] * m[10];
|
|
136
|
-
inv[5] =
|
|
137
|
-
m[0] * m[10] * m[15] -
|
|
138
|
-
m[0] * m[11] * m[14] -
|
|
139
|
-
m[8] * m[2] * m[15] +
|
|
140
|
-
m[8] * m[3] * m[14] +
|
|
141
|
-
m[12] * m[2] * m[11] -
|
|
142
|
-
m[12] * m[3] * m[10];
|
|
143
|
-
inv[9] =
|
|
144
|
-
-m[0] * m[9] * m[15] +
|
|
145
|
-
m[0] * m[11] * m[13] +
|
|
146
|
-
m[8] * m[1] * m[15] -
|
|
147
|
-
m[8] * m[3] * m[13] -
|
|
148
|
-
m[12] * m[1] * m[11] +
|
|
149
|
-
m[12] * m[3] * m[9];
|
|
150
|
-
inv[13] =
|
|
151
|
-
m[0] * m[9] * m[14] -
|
|
152
|
-
m[0] * m[10] * m[13] -
|
|
153
|
-
m[8] * m[1] * m[14] +
|
|
154
|
-
m[8] * m[2] * m[13] +
|
|
155
|
-
m[12] * m[1] * m[10] -
|
|
156
|
-
m[12] * m[2] * m[9];
|
|
157
|
-
inv[2] =
|
|
158
|
-
m[1] * m[6] * m[15] -
|
|
159
|
-
m[1] * m[7] * m[14] -
|
|
160
|
-
m[5] * m[2] * m[15] +
|
|
161
|
-
m[5] * m[3] * m[14] +
|
|
162
|
-
m[13] * m[2] * m[7] -
|
|
163
|
-
m[13] * m[3] * m[6];
|
|
164
|
-
inv[6] =
|
|
165
|
-
-m[0] * m[6] * m[15] +
|
|
166
|
-
m[0] * m[7] * m[14] +
|
|
167
|
-
m[4] * m[2] * m[15] -
|
|
168
|
-
m[4] * m[3] * m[14] -
|
|
169
|
-
m[12] * m[2] * m[7] +
|
|
170
|
-
m[12] * m[3] * m[6];
|
|
171
|
-
inv[10] =
|
|
172
|
-
m[0] * m[5] * m[15] -
|
|
173
|
-
m[0] * m[7] * m[13] -
|
|
174
|
-
m[4] * m[1] * m[15] +
|
|
175
|
-
m[4] * m[3] * m[13] +
|
|
176
|
-
m[12] * m[1] * m[7] -
|
|
177
|
-
m[12] * m[3] * m[5];
|
|
178
|
-
inv[14] =
|
|
179
|
-
-m[0] * m[5] * m[14] +
|
|
180
|
-
m[0] * m[6] * m[13] +
|
|
181
|
-
m[4] * m[1] * m[14] -
|
|
182
|
-
m[4] * m[2] * m[13] -
|
|
183
|
-
m[12] * m[1] * m[6] +
|
|
184
|
-
m[12] * m[2] * m[5];
|
|
185
|
-
inv[3] =
|
|
186
|
-
-m[1] * m[6] * m[11] +
|
|
187
|
-
m[1] * m[7] * m[10] +
|
|
188
|
-
m[5] * m[2] * m[11] -
|
|
189
|
-
m[5] * m[3] * m[10] -
|
|
190
|
-
m[9] * m[2] * m[7] +
|
|
191
|
-
m[9] * m[3] * m[6];
|
|
192
|
-
inv[7] =
|
|
193
|
-
m[0] * m[6] * m[11] -
|
|
194
|
-
m[0] * m[7] * m[10] -
|
|
195
|
-
m[4] * m[2] * m[11] +
|
|
196
|
-
m[4] * m[3] * m[10] +
|
|
197
|
-
m[8] * m[2] * m[7] -
|
|
198
|
-
m[8] * m[3] * m[6];
|
|
199
|
-
inv[11] =
|
|
200
|
-
-m[0] * m[5] * m[11] +
|
|
201
|
-
m[0] * m[7] * m[9] +
|
|
202
|
-
m[4] * m[1] * m[11] -
|
|
203
|
-
m[4] * m[3] * m[9] -
|
|
204
|
-
m[8] * m[1] * m[7] +
|
|
205
|
-
m[8] * m[3] * m[5];
|
|
206
|
-
inv[15] =
|
|
207
|
-
m[0] * m[5] * m[10] -
|
|
208
|
-
m[0] * m[6] * m[9] -
|
|
209
|
-
m[4] * m[1] * m[10] +
|
|
210
|
-
m[4] * m[2] * m[9] +
|
|
211
|
-
m[8] * m[1] * m[6] -
|
|
212
|
-
m[8] * m[2] * m[5];
|
|
213
|
-
det = m[0] * inv[0] + m[1] * inv[4] + m[2] * inv[8] + m[3] * inv[12];
|
|
214
|
-
if (det === 0)
|
|
215
|
-
throw new Error("Determinator is equal to 0. This matrix cannot be inverted");
|
|
216
|
-
det = 1.0 / det;
|
|
217
|
-
return inv.reduce((r, val, i) => {
|
|
218
|
-
const row = Math.floor(i / 4);
|
|
219
|
-
if (!r[row])
|
|
220
|
-
r[row] = [];
|
|
221
|
-
r[row][i % 4] = val * det;
|
|
222
|
-
return r;
|
|
223
|
-
}, []);
|
|
108
|
+
const m = flattenMatrix(matrix);
|
|
109
|
+
let det = 0;
|
|
110
|
+
const inv = [];
|
|
111
|
+
inv[0] = m[5] * m[10] * m[15] - m[5] * m[11] * m[14] - m[9] * m[6] * m[15] + m[9] * m[7] * m[14] + m[13] * m[6] * m[11] - m[13] * m[7] * m[10];
|
|
112
|
+
inv[4] = -m[4] * m[10] * m[15] + m[4] * m[11] * m[14] + m[8] * m[6] * m[15] - m[8] * m[7] * m[14] - m[12] * m[6] * m[11] + m[12] * m[7] * m[10];
|
|
113
|
+
inv[8] = m[4] * m[9] * m[15] - m[4] * m[11] * m[13] - m[8] * m[5] * m[15] + m[8] * m[7] * m[13] + m[12] * m[5] * m[11] - m[12] * m[7] * m[9];
|
|
114
|
+
inv[12] = -m[4] * m[9] * m[14] + m[4] * m[10] * m[13] + m[8] * m[5] * m[14] - m[8] * m[6] * m[13] - m[12] * m[5] * m[10] + m[12] * m[6] * m[9];
|
|
115
|
+
inv[1] = -m[1] * m[10] * m[15] + m[1] * m[11] * m[14] + m[9] * m[2] * m[15] - m[9] * m[3] * m[14] - m[13] * m[2] * m[11] + m[13] * m[3] * m[10];
|
|
116
|
+
inv[5] = m[0] * m[10] * m[15] - m[0] * m[11] * m[14] - m[8] * m[2] * m[15] + m[8] * m[3] * m[14] + m[12] * m[2] * m[11] - m[12] * m[3] * m[10];
|
|
117
|
+
inv[9] = -m[0] * m[9] * m[15] + m[0] * m[11] * m[13] + m[8] * m[1] * m[15] - m[8] * m[3] * m[13] - m[12] * m[1] * m[11] + m[12] * m[3] * m[9];
|
|
118
|
+
inv[13] = m[0] * m[9] * m[14] - m[0] * m[10] * m[13] - m[8] * m[1] * m[14] + m[8] * m[2] * m[13] + m[12] * m[1] * m[10] - m[12] * m[2] * m[9];
|
|
119
|
+
inv[2] = m[1] * m[6] * m[15] - m[1] * m[7] * m[14] - m[5] * m[2] * m[15] + m[5] * m[3] * m[14] + m[13] * m[2] * m[7] - m[13] * m[3] * m[6];
|
|
120
|
+
inv[6] = -m[0] * m[6] * m[15] + m[0] * m[7] * m[14] + m[4] * m[2] * m[15] - m[4] * m[3] * m[14] - m[12] * m[2] * m[7] + m[12] * m[3] * m[6];
|
|
121
|
+
inv[10] = m[0] * m[5] * m[15] - m[0] * m[7] * m[13] - m[4] * m[1] * m[15] + m[4] * m[3] * m[13] + m[12] * m[1] * m[7] - m[12] * m[3] * m[5];
|
|
122
|
+
inv[14] = -m[0] * m[5] * m[14] + m[0] * m[6] * m[13] + m[4] * m[1] * m[14] - m[4] * m[2] * m[13] - m[12] * m[1] * m[6] + m[12] * m[2] * m[5];
|
|
123
|
+
inv[3] = -m[1] * m[6] * m[11] + m[1] * m[7] * m[10] + m[5] * m[2] * m[11] - m[5] * m[3] * m[10] - m[9] * m[2] * m[7] + m[9] * m[3] * m[6];
|
|
124
|
+
inv[7] = m[0] * m[6] * m[11] - m[0] * m[7] * m[10] - m[4] * m[2] * m[11] + m[4] * m[3] * m[10] + m[8] * m[2] * m[7] - m[8] * m[3] * m[6];
|
|
125
|
+
inv[11] = -m[0] * m[5] * m[11] + m[0] * m[7] * m[9] + m[4] * m[1] * m[11] - m[4] * m[3] * m[9] - m[8] * m[1] * m[7] + m[8] * m[3] * m[5];
|
|
126
|
+
inv[15] = m[0] * m[5] * m[10] - m[0] * m[6] * m[9] - m[4] * m[1] * m[10] + m[4] * m[2] * m[9] + m[8] * m[1] * m[6] - m[8] * m[2] * m[5];
|
|
127
|
+
det = m[0] * inv[0] + m[1] * inv[4] + m[2] * inv[8] + m[3] * inv[12];
|
|
128
|
+
if (det === 0) throw new Error("Determinator is equal to 0. This matrix cannot be inverted");
|
|
129
|
+
det = 1.0 / det;
|
|
130
|
+
return inv.reduce(function (r, val, i) {
|
|
131
|
+
const row = Math.floor(i / 4);
|
|
132
|
+
if (!r[row]) r[row] = [];
|
|
133
|
+
r[row][i % 4] = val * det;
|
|
134
|
+
return r;
|
|
135
|
+
}, []);
|
|
224
136
|
}
|
|
225
|
-
exports.invertMatrix = invertMatrix;
|
|
226
137
|
function flattenMatrix(matrix) {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
138
|
+
return matrix.reduce(function (f, dimension) {
|
|
139
|
+
return [].concat(_toConsumableArray(f), _toConsumableArray(dimension));
|
|
140
|
+
}, []);
|
|
141
|
+
}
|
|
@@ -25,10 +25,10 @@ declare const _default: React.ForwardRefExoticComponent<(({
|
|
|
25
25
|
};
|
|
26
26
|
})) & Omit<{
|
|
27
27
|
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
28
|
-
error?: string | undefined;
|
|
28
|
+
error?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
29
29
|
hideError?: "onfocus" | undefined;
|
|
30
30
|
placeholder?: string | undefined;
|
|
31
|
-
disclaimer?: string | undefined;
|
|
31
|
+
disclaimer?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
32
32
|
multiline?: number | undefined;
|
|
33
33
|
border?: boolean | undefined;
|
|
34
34
|
icon?: ({
|
|
@@ -36,7 +36,8 @@ 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
|
-
|
|
39
|
+
containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
|
|
40
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "value" | "ref" | "onChange">) & React.RefAttributes<{
|
|
40
41
|
validatePassword: (pass: string) => boolean;
|
|
41
42
|
}>>;
|
|
42
43
|
export default _default;
|
|
@@ -1,106 +1,129 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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;
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
17
6
|
});
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
...BASE_VALIDATION,
|
|
55
|
-
];
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _OneUIProvider = require("../../context/OneUIProvider");
|
|
10
|
+
var _Input = _interopRequireDefault(require("../Input"));
|
|
11
|
+
var _Text = _interopRequireDefault(require("../Text"));
|
|
12
|
+
var _PasswordInputModule = _interopRequireDefault(require("./PasswordInput.module.scss"));
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
+
const BASE_VALIDATION = [{
|
|
23
|
+
code: "size",
|
|
24
|
+
validate: function validate(pass) {
|
|
25
|
+
return pass.length >= 8;
|
|
26
|
+
}
|
|
27
|
+
}];
|
|
28
|
+
const RULES = [{
|
|
29
|
+
code: "duplication",
|
|
30
|
+
validate: function validate(pass) {
|
|
31
|
+
for (let i = 0; i < pass.length; i++) {
|
|
32
|
+
const charCode = pass.charCodeAt(i);
|
|
33
|
+
const firstNext = pass.charCodeAt(i + 1) || 0,
|
|
34
|
+
secondNext = pass.charCodeAt(i + 2) || 0;
|
|
35
|
+
if (firstNext - charCode === 1 && secondNext - firstNext === 1) {
|
|
36
|
+
return false;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return true;
|
|
40
|
+
}
|
|
41
|
+
}].concat(BASE_VALIDATION);
|
|
42
|
+
|
|
56
43
|
/**
|
|
57
44
|
* A Input based wrapper to handle inputing of password
|
|
58
45
|
**/
|
|
59
46
|
function PasswordInput(props, ref) {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
47
|
+
const _useState = (0, _react.useState)(false),
|
|
48
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
49
|
+
isPasswordVisibile = _useState2[0],
|
|
50
|
+
setIPV = _useState2[1];
|
|
51
|
+
const _useOneUIConfig = (0, _OneUIProvider.useOneUIConfig)("component.passwordInput.iconSrc"),
|
|
52
|
+
passwordHidden = _useOneUIConfig.passwordHidden,
|
|
53
|
+
passwordVisible = _useOneUIConfig.passwordVisible;
|
|
54
|
+
function _validatePassword(password) {
|
|
55
|
+
switch (props.mode) {
|
|
56
|
+
case "creation":
|
|
57
|
+
return RULES.reduce(function (isValid, R) {
|
|
58
|
+
return isValid && R.validate(password);
|
|
59
|
+
}, true);
|
|
60
|
+
case "comparision":
|
|
61
|
+
return password === props.otherPassword;
|
|
62
|
+
case "input":
|
|
63
|
+
return BASE_VALIDATION.reduce(function (isValid, R) {
|
|
64
|
+
return isValid && R.validate(password);
|
|
65
|
+
}, true);
|
|
71
66
|
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
67
|
+
}
|
|
68
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
69
|
+
return {
|
|
70
|
+
validatePassword: function validatePassword(pass) {
|
|
71
|
+
return _validatePassword(pass);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
});
|
|
75
|
+
function _onChange(e) {
|
|
76
|
+
const password = e.target.value;
|
|
77
|
+
switch (props.mode) {
|
|
78
|
+
case "comparision":
|
|
79
|
+
case "creation":
|
|
80
|
+
props.onChange(password, _validatePassword(password));
|
|
81
|
+
break;
|
|
82
|
+
case "input":
|
|
83
|
+
props.onChange(password);
|
|
84
|
+
break;
|
|
86
85
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
86
|
+
}
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
88
|
+
className: "".concat(_PasswordInputModule.default.inputContainer, " ").concat(_PasswordInputModule.default[props.mode], " ").concat(_PasswordInputModule.default.icon)
|
|
89
|
+
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
90
|
+
value: props.value,
|
|
91
|
+
onChange: _onChange,
|
|
92
|
+
type: !isPasswordVisibile ? "password" : "",
|
|
93
|
+
icon: {
|
|
94
|
+
src: isPasswordVisibile ? passwordHidden : passwordVisible,
|
|
95
|
+
onMouseLeave: function onMouseLeave() {
|
|
96
|
+
return setIPV(false);
|
|
97
|
+
},
|
|
98
|
+
onMouseDown: function onMouseDown() {
|
|
99
|
+
return setIPV(true);
|
|
100
|
+
},
|
|
101
|
+
onMouseUp: function onMouseUp() {
|
|
102
|
+
return setIPV(false);
|
|
103
|
+
},
|
|
104
|
+
onTouchMove: function onTouchMove() {
|
|
105
|
+
return setIPV(false);
|
|
106
|
+
},
|
|
107
|
+
onTouchStart: function onTouchStart() {
|
|
108
|
+
return setIPV(true);
|
|
109
|
+
},
|
|
110
|
+
onTouchEnd: function onTouchEnd() {
|
|
111
|
+
return setIPV(false);
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
error: props.mode === "comparision" && !_validatePassword(props.value) ? props.messages.passwordsAreDifferent : props.error,
|
|
115
|
+
disabled: props.disabled,
|
|
116
|
+
placeholder: props.placeholder
|
|
117
|
+
}), props.mode === "creation" && /*#__PURE__*/_react.default.createElement("div", {
|
|
118
|
+
className: _PasswordInputModule.default.rules
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
120
|
+
type: "caption"
|
|
121
|
+
}, props.messages.rulesTitle), RULES.map(function (R) {
|
|
122
|
+
return /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
123
|
+
key: R.code,
|
|
124
|
+
type: R.validate(props.value) ? "caption" : "error"
|
|
125
|
+
}, "- ", props.messages.invalidRules[R.code]);
|
|
126
|
+
})));
|
|
104
127
|
}
|
|
105
|
-
|
|
106
|
-
|
|
128
|
+
var _default = /*#__PURE__*/(0, _react.forwardRef)(PasswordInput);
|
|
129
|
+
exports.default = _default;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "default", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _PasswordInput.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _PasswordInput = _interopRequireDefault(require("./PasswordInput"));
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|