@onepercentio/one-ui 1.3.5 → 1.4.0
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 +99 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +26 -24
- package/dist/components/AdaptiveButton/index.js +25 -22
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +140 -139
- package/dist/components/AdaptiveContainer/index.js +25 -22
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +76 -42
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +17 -3
- package/dist/components/AdaptiveDialog/index.js +25 -22
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +70 -54
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +10 -9
- package/dist/components/AdaptiveSidebar/index.js +25 -22
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +155 -154
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +13 -10
- package/dist/components/AnchoredTooltip/index.js +25 -22
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +154 -121
- package/dist/components/AnimatedEntrance/index.js +25 -22
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +80 -40
- package/dist/components/AsyncTriggerContainer/index.js +25 -22
- package/dist/components/AsyncWrapper/AsyncWrapper.js +34 -16
- package/dist/components/AsyncWrapper/index.js +25 -22
- package/dist/components/Avatar/Avatar.js +33 -18
- package/dist/components/Avatar/index.js +25 -22
- package/dist/components/BucketFill/BucketFill.js +49 -36
- package/dist/components/BucketFill/index.js +25 -22
- package/dist/components/Button/Button.js +30 -22
- package/dist/components/Button/index.js +25 -22
- package/dist/components/Card/Card.js +17 -10
- package/dist/components/Card/index.js +25 -22
- package/dist/components/Chart/Chart.js +25 -22
- package/dist/components/Chart/Chart.logic.js +10 -9
- package/dist/components/Chart/Chart.types.js +5 -2
- package/dist/components/Chart/Chart.view.js +174 -98
- package/dist/components/Chart/index.js +25 -22
- package/dist/components/CheckBox/CheckBox.js +48 -30
- package/dist/components/CheckBox/CheckBox.module.scss +5 -0
- package/dist/components/CheckBox/index.js +25 -22
- package/dist/components/CodeInput/CodeInput.js +75 -93
- package/dist/components/CodeInput/index.js +25 -22
- package/dist/components/Collapsable/Collapsable.js +164 -134
- package/dist/components/Collapsable/index.js +25 -22
- package/dist/components/Countdown/Countdown.js +69 -86
- package/dist/components/Countdown/index.js +25 -22
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +25 -25
- package/dist/components/CurrencyInput/CurrencyInput.js +48 -29
- package/dist/components/CurrencyInput/index.js +25 -22
- package/dist/components/Divider/Divider.js +16 -10
- package/dist/components/Divider/index.js +25 -22
- package/dist/components/EmailInput/EmailInput.js +37 -23
- package/dist/components/EmailInput/index.js +25 -22
- package/dist/components/FadeIn/FadeIn.js +57 -51
- package/dist/components/FadeIn/index.js +25 -22
- package/dist/components/FileInput/FileInput.js +45 -38
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +48 -16
- package/dist/components/FileInput/View/BigFactory/index.js +25 -22
- package/dist/components/FileInput/View/Compact/Compact.js +114 -46
- package/dist/components/FileInput/View/Compact/index.js +25 -22
- package/dist/components/FileInput/View/View.types.js +5 -2
- package/dist/components/FileInput/index.js +25 -22
- package/dist/components/FlowController/FlowController.js +56 -25
- package/dist/components/FlowController/index.js +25 -22
- package/dist/components/Form/Form.hook.js +217 -202
- package/dist/components/Form/Form.js +103 -65
- package/dist/components/Form/Form.types.js +39 -53
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +68 -53
- package/dist/components/Form/FormField/Extensions/DateField/index.js +25 -22
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +81 -78
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +25 -22
- package/dist/components/Form/FormField/FormField.js +307 -148
- package/dist/components/Form/FormField/FormField.types.js +10 -7
- package/dist/components/Form/FormField/index.js +25 -22
- package/dist/components/Form/index.js +25 -22
- package/dist/components/Freeze/Freeze.js +13 -9
- package/dist/components/Freeze/index.js +25 -22
- package/dist/components/HSForms/HSForms.js +48 -69
- package/dist/components/HSForms/index.js +25 -22
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +19 -10
- package/dist/components/HeaderCloseBtn/index.js +25 -22
- package/dist/components/InfinityScroll/InfinityScroll.js +114 -94
- package/dist/components/InfinityScroll/index.js +25 -22
- package/dist/components/Input/Input.js +99 -57
- package/dist/components/Input/index.js +25 -22
- package/dist/components/InstantCounter/InstantCounter.js +49 -31
- package/dist/components/InstantCounter/index.js +25 -22
- package/dist/components/LavaLamp/LavaLamp.data.js +83 -86
- package/dist/components/LavaLamp/LavaLamp.js +119 -32
- package/dist/components/LavaLamp/index.js +25 -22
- package/dist/components/LavaLamp/v2/LavaLamp.js +149 -156
- package/dist/components/LinkToId/LinkToId.js +39 -27
- package/dist/components/LinkToId/index.js +25 -22
- package/dist/components/Loader/Loader.js +21 -22
- package/dist/components/Loader/index.js +25 -22
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +27 -15
- package/dist/components/LoaderDotsIndicator/index.js +25 -22
- package/dist/components/LoopableVideo/LoopableVideo.js +33 -25
- package/dist/components/LoopableVideo/index.js +25 -22
- package/dist/components/MainGrid/MainGrid.js +46 -23
- package/dist/components/MainGrid/index.js +25 -22
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +27 -23
- package/dist/components/MutableHamburgerButton/index.js +25 -22
- package/dist/components/Notification/Notification.js +18 -11
- package/dist/components/Notification/index.js +25 -22
- package/dist/components/NumberInput/NumberInput.js +43 -42
- package/dist/components/NumberInput/index.js +25 -22
- package/dist/components/OrderableList/OrderableList.js +416 -404
- package/dist/components/OrderableList/index.js +25 -22
- package/dist/components/PaginationIndicator/PaginationIndicator.js +243 -198
- package/dist/components/PaginationIndicator/index.js +25 -22
- package/dist/components/Parallax/Parallax.js +156 -130
- package/dist/components/Parallax/index.js +25 -22
- package/dist/components/Parallax/math/helpers.js +120 -216
- package/dist/components/PasswordInput/PasswordInput.js +88 -71
- package/dist/components/PasswordInput/index.js +25 -22
- package/dist/components/PingPongText/PingPongText.js +63 -67
- package/dist/components/PingPongText/index.js +25 -22
- package/dist/components/PixelatedScan/PixelatedScan.js +126 -74
- package/dist/components/PixelatedScan/index.js +25 -22
- package/dist/components/Portal/Portal.js +46 -43
- package/dist/components/Portal/index.js +25 -22
- package/dist/components/ProgressBar/ProgressBar.js +105 -47
- package/dist/components/ProgressBar/index.js +25 -22
- package/dist/components/ProgressTexts/ProgressTexts.js +43 -29
- package/dist/components/ProgressTexts/index.js +25 -22
- package/dist/components/Radio/Radio.js +51 -28
- package/dist/components/Radio/index.js +25 -22
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +18 -12
- package/dist/components/Radio/variants/Checkmark/index.js +25 -22
- package/dist/components/Radio/variants/Generic/Generic.js +20 -12
- package/dist/components/Radio/variants/Generic/index.js +25 -22
- package/dist/components/ScrollendIndicator/ScrollendIndicator.js +118 -0
- package/dist/components/ScrollendIndicator/ScrollendIndicator.module.scss +76 -0
- package/dist/components/SectionContainer/SectionContainer.js +38 -16
- package/dist/components/SectionContainer/index.js +25 -22
- package/dist/components/Select/Select.js +128 -95
- package/dist/components/Select/index.js +25 -22
- package/dist/components/Skeleton/Skeleton.js +22 -14
- package/dist/components/Skeleton/index.js +25 -22
- package/dist/components/Slider/Slider.js +63 -59
- package/dist/components/Slider/index.js +25 -22
- package/dist/components/Spacing/Spacing.js +25 -17
- package/dist/components/Spacing/index.js +25 -22
- package/dist/components/StaticScroller/StaticScroller.js +65 -61
- package/dist/components/StaticScroller/index.js +25 -22
- package/dist/components/Switch/Switch.js +40 -26
- package/dist/components/Switch/index.js +25 -22
- package/dist/components/Table/Table.js +107 -56
- package/dist/components/Table/index.js +25 -22
- package/dist/components/Tabs/Tabs.js +59 -54
- package/dist/components/Tabs/index.js +25 -22
- package/dist/components/Text/Text.js +35 -30
- package/dist/components/Text/index.js +25 -22
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +46 -12
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +71 -49
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +89 -79
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +60 -41
- package/dist/components/Transition/MasksFactory/utils.js +25 -27
- package/dist/components/Transition/Transition.js +298 -319
- package/dist/components/Transition/index.js +25 -22
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +101 -93
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +27 -19
- package/dist/components/UncontrolledTransition/index.js +25 -22
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +101 -94
- package/dist/components/WalletConnectionWrapper/index.js +25 -22
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +53 -43
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +25 -22
- package/dist/context/AsyncProcess.js +68 -41
- package/dist/context/ContextAsyncControl.js +72 -51
- package/dist/context/CustomBrowserRouter.js +44 -30
- package/dist/context/OneUIProvider.js +102 -108
- package/dist/hooks/logs/useDependencyChangeDetection.js +17 -16
- package/dist/hooks/logs/useIsMounting.js +10 -7
- package/dist/hooks/persistence/useLocalStorage.js +41 -40
- package/dist/hooks/shims/ObjectWatchShim.js +47 -46
- package/dist/hooks/ui/useAdaptiveImage.js +29 -34
- package/dist/hooks/ui/useAlternating.js +18 -18
- package/dist/hooks/ui/useBreakpoint.js +19 -18
- package/dist/hooks/ui/useCustomScrollbar.js +26 -21
- package/dist/hooks/ui/useEffectIf.js +11 -9
- package/dist/hooks/ui/useMouseHover.js +22 -19
- package/dist/hooks/ui/usePaginationControls.js +129 -136
- package/dist/hooks/ui/useSnapToViewport.js +20 -19
- package/dist/hooks/ui/useTilt.js +145 -129
- package/dist/hooks/ui/useZoomable.js +123 -116
- package/dist/hooks/useAsyncControl.js +67 -52
- package/dist/hooks/useContainedRepositioning.js +75 -71
- package/dist/hooks/useCustomHistory.js +21 -12
- package/dist/hooks/useElementFit.js +43 -48
- package/dist/hooks/useFirestoreWatch.js +41 -41
- package/dist/hooks/useFreeze.js +10 -8
- package/dist/hooks/useHero.js +249 -271
- package/dist/hooks/useIntersection.js +32 -27
- package/dist/hooks/useMergeRefs.js +27 -24
- package/dist/hooks/useObserve.js +17 -14
- package/dist/hooks/usePagination.js +147 -164
- package/dist/hooks/usePooledOperation.js +41 -57
- package/dist/hooks/usePooling.js +46 -49
- package/dist/hooks/useRebound.js +23 -19
- package/dist/hooks/useShortIntl.js +72 -50
- package/dist/hooks/utility/useAsyncMemo.js +36 -42
- package/dist/hooks/utility/useDepChange.js +14 -12
- package/dist/hooks/utility/useEvents.js +26 -21
- package/dist/hooks/utility/useImmediate.js +8 -5
- package/dist/hooks/utility/useManualInit.js +19 -17
- package/dist/hooks/utility/useModule.js +12 -9
- package/dist/hooks/utility/useQuery.js +13 -7
- package/dist/hooks/utility/useUniqueEffect.js +17 -17
- package/dist/index.js +2159 -349
- package/dist/index.preprocess.js +35 -72
- package/dist/models/DebugLogger.js +8 -5
- package/dist/models/GenericContract.js +42 -13
- package/dist/models/ImageScales.js +13 -10
- package/dist/models/Orbs.js +53 -47
- package/dist/storybookUtils/index.js +40 -39
- package/dist/type-utils.js +5 -2
- package/dist/types.js +5 -2
- package/dist/utils/blockchain.js +35 -54
- package/dist/utils/e2e.js +21 -11
- package/dist/utils/flatten.js +15 -12
- package/dist/utils/formatters.js +48 -43
- package/dist/utils/html.utils.js +12 -6
- package/dist/utils/ownEvent.js +9 -7
- package/dist/utils/test.js +13 -11
- package/dist-ts/components/ScrollendIndicator/ScrollendIndicator.d.ts +10 -0
- package/dist-ts/components/ScrollendIndicator/ScrollendIndicator.js +68 -0
- package/dist-ts/components/ScrollendIndicator/ScrollendIndicator.js.map +1 -0
- package/dist-ts/components/ScrollendIndicator/ScrollendIndicator.module.scss +76 -0
- package/dist-ts/index.d.ts +1 -0
- package/dist-ts/index.js +1 -0
- package/dist-ts/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,41 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _ImageScales = require("../../models/ImageScales");
|
|
8
|
+
var _throttle = _interopRequireDefault(require("lodash/throttle"));
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
/**
|
|
10
12
|
* This hooks is built over the implementation of this loader https://github.com/Muritavo/webpack-microfrontend-scripts#imageresolutionoptimizer
|
|
11
13
|
*
|
|
12
14
|
*/
|
|
13
15
|
function useAdaptiveImage() {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
setCurrentScale(ScaleFromCurrentWidth());
|
|
33
|
-
}, 1000 / 4);
|
|
34
|
-
const onResize = () => onResizeThrottle();
|
|
35
|
-
window.addEventListener("resize", onResize);
|
|
36
|
-
return () => window.removeEventListener("resize", onResize);
|
|
37
|
-
}, []);
|
|
38
|
-
return currentScale;
|
|
16
|
+
function ScaleFromCurrentWidth() {
|
|
17
|
+
if (window.PRERENDER) return _ImageScales.ImageScales.LARGE;
|
|
18
|
+
const width = window.visualViewport.width;
|
|
19
|
+
if (width < 480) return _ImageScales.ImageScales.SMALL;
|
|
20
|
+
if (width < 800) return _ImageScales.ImageScales.NORMAL;
|
|
21
|
+
if (width < 1280) return _ImageScales.ImageScales.BIG;
|
|
22
|
+
if (width < 1920) return _ImageScales.ImageScales.LARGE;else return _ImageScales.ImageScales.EXTRA_LARGE;
|
|
23
|
+
}
|
|
24
|
+
const [currentScale, setCurrentScale] = (0, _react.useState)(() => ScaleFromCurrentWidth());
|
|
25
|
+
(0, _react.useEffect)(() => {
|
|
26
|
+
const onResizeThrottle = (0, _throttle.default)(() => {
|
|
27
|
+
setCurrentScale(ScaleFromCurrentWidth());
|
|
28
|
+
}, 1000 / 4);
|
|
29
|
+
const onResize = () => onResizeThrottle();
|
|
30
|
+
window.addEventListener("resize", onResize);
|
|
31
|
+
return () => window.removeEventListener("resize", onResize);
|
|
32
|
+
}, []);
|
|
33
|
+
return currentScale;
|
|
39
34
|
}
|
|
40
|
-
exports.default = useAdaptiveImage;
|
|
41
|
-
//# sourceMappingURL=
|
|
35
|
+
var _default = exports.default = useAdaptiveImage;
|
|
36
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfSW1hZ2VTY2FsZXMiLCJyZXF1aXJlIiwiX3Rocm90dGxlIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9yZWFjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwidXNlQWRhcHRpdmVJbWFnZSIsIlNjYWxlRnJvbUN1cnJlbnRXaWR0aCIsIndpbmRvdyIsIlBSRVJFTkRFUiIsIkltYWdlU2NhbGVzIiwiTEFSR0UiLCJ3aWR0aCIsInZpc3VhbFZpZXdwb3J0IiwiU01BTEwiLCJOT1JNQUwiLCJCSUciLCJFWFRSQV9MQVJHRSIsImN1cnJlbnRTY2FsZSIsInNldEN1cnJlbnRTY2FsZSIsInVzZVN0YXRlIiwidXNlRWZmZWN0Iiwib25SZXNpemVUaHJvdHRsZSIsInRocm90dGxlIiwib25SZXNpemUiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91aS91c2VBZGFwdGl2ZUltYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbWFnZVNjYWxlcyB9IGZyb20gXCIuLi8uLi9tb2RlbHMvSW1hZ2VTY2FsZXNcIjtcbmltcG9ydCB0aHJvdHRsZSBmcm9tIFwibG9kYXNoL3Rocm90dGxlXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbi8qKlxuICogVGhpcyBob29rcyBpcyBidWlsdCBvdmVyIHRoZSBpbXBsZW1lbnRhdGlvbiBvZiB0aGlzIGxvYWRlciBodHRwczovL2dpdGh1Yi5jb20vTXVyaXRhdm8vd2VicGFjay1taWNyb2Zyb250ZW5kLXNjcmlwdHMjaW1hZ2VyZXNvbHV0aW9ub3B0aW1pemVyXG4gKlxuICovXG5mdW5jdGlvbiB1c2VBZGFwdGl2ZUltYWdlKCk6IEltYWdlU2NhbGVzIHtcbiAgZnVuY3Rpb24gU2NhbGVGcm9tQ3VycmVudFdpZHRoKCkge1xuICAgIGlmICgod2luZG93IGFzIGFueSkuUFJFUkVOREVSKSByZXR1cm4gSW1hZ2VTY2FsZXMuTEFSR0U7XG4gICAgY29uc3Qgd2lkdGggPSB3aW5kb3cudmlzdWFsVmlld3BvcnQhLndpZHRoO1xuICAgIGlmICh3aWR0aCA8IDQ4MCkgcmV0dXJuIEltYWdlU2NhbGVzLlNNQUxMO1xuICAgIGlmICh3aWR0aCA8IDgwMCkgcmV0dXJuIEltYWdlU2NhbGVzLk5PUk1BTDtcbiAgICBpZiAod2lkdGggPCAxMjgwKSByZXR1cm4gSW1hZ2VTY2FsZXMuQklHO1xuICAgIGlmICh3aWR0aCA8IDE5MjApIHJldHVybiBJbWFnZVNjYWxlcy5MQVJHRTtcbiAgICBlbHNlIHJldHVybiBJbWFnZVNjYWxlcy5FWFRSQV9MQVJHRTtcbiAgfVxuXG4gIGNvbnN0IFtjdXJyZW50U2NhbGUsIHNldEN1cnJlbnRTY2FsZV0gPSB1c2VTdGF0ZTxJbWFnZVNjYWxlcz4oKCkgPT5cbiAgICBTY2FsZUZyb21DdXJyZW50V2lkdGgoKVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgb25SZXNpemVUaHJvdHRsZSA9IHRocm90dGxlKCgpID0+IHtcbiAgICAgIHNldEN1cnJlbnRTY2FsZShTY2FsZUZyb21DdXJyZW50V2lkdGgoKSk7XG4gICAgfSwgMTAwMCAvIDQpO1xuICAgIGNvbnN0IG9uUmVzaXplID0gKCkgPT4gb25SZXNpemVUaHJvdHRsZSgpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwicmVzaXplXCIsIG9uUmVzaXplKTtcbiAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJyZXNpemVcIiwgb25SZXNpemUpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIGN1cnJlbnRTY2FsZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlQWRhcHRpdmVJbWFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsWUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsU0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQTRDLFNBQUFFLHVCQUFBRSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBRTVDO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0csZ0JBQWdCQSxDQUFBLEVBQWdCO0VBQ3ZDLFNBQVNDLHFCQUFxQkEsQ0FBQSxFQUFHO0lBQy9CLElBQUtDLE1BQU0sQ0FBU0MsU0FBUyxFQUFFLE9BQU9DLHdCQUFXLENBQUNDLEtBQUs7SUFDdkQsTUFBTUMsS0FBSyxHQUFHSixNQUFNLENBQUNLLGNBQWMsQ0FBRUQsS0FBSztJQUMxQyxJQUFJQSxLQUFLLEdBQUcsR0FBRyxFQUFFLE9BQU9GLHdCQUFXLENBQUNJLEtBQUs7SUFDekMsSUFBSUYsS0FBSyxHQUFHLEdBQUcsRUFBRSxPQUFPRix3QkFBVyxDQUFDSyxNQUFNO0lBQzFDLElBQUlILEtBQUssR0FBRyxJQUFJLEVBQUUsT0FBT0Ysd0JBQVcsQ0FBQ00sR0FBRztJQUN4QyxJQUFJSixLQUFLLEdBQUcsSUFBSSxFQUFFLE9BQU9GLHdCQUFXLENBQUNDLEtBQUssQ0FBQyxLQUN0QyxPQUFPRCx3QkFBVyxDQUFDTyxXQUFXO0VBQ3JDO0VBRUEsTUFBTSxDQUFDQyxZQUFZLEVBQUVDLGVBQWUsQ0FBQyxHQUFHLElBQUFDLGVBQVEsRUFBYyxNQUM1RGIscUJBQXFCLENBQUMsQ0FDeEIsQ0FBQztFQUVELElBQUFjLGdCQUFTLEVBQUMsTUFBTTtJQUNkLE1BQU1DLGdCQUFnQixHQUFHLElBQUFDLGlCQUFRLEVBQUMsTUFBTTtNQUN0Q0osZUFBZSxDQUFDWixxQkFBcUIsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQyxFQUFFLElBQUksR0FBRyxDQUFDLENBQUM7SUFDWixNQUFNaUIsUUFBUSxHQUFHQSxDQUFBLEtBQU1GLGdCQUFnQixDQUFDLENBQUM7SUFDekNkLE1BQU0sQ0FBQ2lCLGdCQUFnQixDQUFDLFFBQVEsRUFBRUQsUUFBUSxDQUFDO0lBQzNDLE9BQU8sTUFBTWhCLE1BQU0sQ0FBQ2tCLG1CQUFtQixDQUFDLFFBQVEsRUFBRUYsUUFBUSxDQUFDO0VBQzdELENBQUMsRUFBRSxFQUFFLENBQUM7RUFFTixPQUFPTixZQUFZO0FBQ3JCO0FBQUMsSUFBQVMsUUFBQSxHQUFBQyxPQUFBLENBQUF2QixPQUFBLEdBRWNDLGdCQUFnQiJ9
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = useAlternating;
|
|
7
|
+
var _react = require("react");
|
|
4
8
|
/**
|
|
5
9
|
* Receives a list and keeps alternating between the list elements every 5 seconds
|
|
6
10
|
*/
|
|
7
11
|
function useAlternating(list) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return () => clearInterval(interval);
|
|
20
|
-
}, []);
|
|
21
|
-
return current;
|
|
12
|
+
const [current, setCurrent] = (0, _react.useState)(list[0]);
|
|
13
|
+
(0, _react.useEffect)(() => {
|
|
14
|
+
const interval = setInterval(() => {
|
|
15
|
+
setCurrent(prev => {
|
|
16
|
+
const currentIndex = list.indexOf(prev);
|
|
17
|
+
if (list[currentIndex + 1]) return list[currentIndex + 1];else return list[0];
|
|
18
|
+
});
|
|
19
|
+
}, 5000);
|
|
20
|
+
return () => clearInterval(interval);
|
|
21
|
+
}, []);
|
|
22
|
+
return current;
|
|
22
23
|
}
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=useAlternating.js.map
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlQWx0ZXJuYXRpbmciLCJsaXN0IiwiY3VycmVudCIsInNldEN1cnJlbnQiLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsImludGVydmFsIiwic2V0SW50ZXJ2YWwiLCJwcmV2IiwiY3VycmVudEluZGV4IiwiaW5kZXhPZiIsImNsZWFySW50ZXJ2YWwiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvdWkvdXNlQWx0ZXJuYXRpbmcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuLyoqXG4gKiBSZWNlaXZlcyBhIGxpc3QgYW5kIGtlZXBzIGFsdGVybmF0aW5nIGJldHdlZW4gdGhlIGxpc3QgZWxlbWVudHMgZXZlcnkgNSBzZWNvbmRzXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZUFsdGVybmF0aW5nPFg+KGxpc3Q6IFhbXSkge1xuICBjb25zdCBbY3VycmVudCwgc2V0Q3VycmVudF0gPSB1c2VTdGF0ZShsaXN0WzBdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgc2V0Q3VycmVudCgocHJldikgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50SW5kZXggPSBsaXN0LmluZGV4T2YocHJldik7XG4gICAgICAgIGlmIChsaXN0W2N1cnJlbnRJbmRleCArIDFdKSByZXR1cm4gbGlzdFtjdXJyZW50SW5kZXggKyAxXTtcbiAgICAgICAgZWxzZSByZXR1cm4gbGlzdFswXTtcbiAgICAgIH0pO1xuICAgIH0sIDUwMDApO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIGN1cnJlbnQ7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVBO0FBQ0E7QUFDQTtBQUNlLFNBQVNDLGNBQWNBLENBQUlDLElBQVMsRUFBRTtFQUNuRCxNQUFNLENBQUNDLE9BQU8sRUFBRUMsVUFBVSxDQUFDLEdBQUcsSUFBQUMsZUFBUSxFQUFDSCxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7RUFFL0MsSUFBQUksZ0JBQVMsRUFBQyxNQUFNO0lBQ2QsTUFBTUMsUUFBUSxHQUFHQyxXQUFXLENBQUMsTUFBTTtNQUNqQ0osVUFBVSxDQUFFSyxJQUFJLElBQUs7UUFDbkIsTUFBTUMsWUFBWSxHQUFHUixJQUFJLENBQUNTLE9BQU8sQ0FBQ0YsSUFBSSxDQUFDO1FBQ3ZDLElBQUlQLElBQUksQ0FBQ1EsWUFBWSxHQUFHLENBQUMsQ0FBQyxFQUFFLE9BQU9SLElBQUksQ0FBQ1EsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQ3JELE9BQU9SLElBQUksQ0FBQyxDQUFDLENBQUM7TUFDckIsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLElBQUksQ0FBQztJQUVSLE9BQU8sTUFBTVUsYUFBYSxDQUFDTCxRQUFRLENBQUM7RUFDdEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztFQUVOLE9BQU9KLE9BQU87QUFDaEIifQ==
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = useBreakpoint;
|
|
7
|
+
var _throttle = _interopRequireDefault(require("lodash/throttle"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
10
|
/**
|
|
9
11
|
* A hook to trigger changes when the screen resizes
|
|
10
12
|
* @returns If the current resolution is lower than the specified width
|
|
11
13
|
*/
|
|
12
14
|
function useBreakpoint(breakInto) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
const [lowerThanBreakpoint, setIsLowerThanBreakpoint] = (0, _react.useState)(() => window.visualViewport.width < breakInto);
|
|
16
|
+
(0, _react.useEffect)(() => {
|
|
17
|
+
const onResizeThrottle = (0, _throttle.default)(() => {
|
|
18
|
+
setIsLowerThanBreakpoint(window.visualViewport.width < breakInto);
|
|
19
|
+
}, 1000 / 4);
|
|
20
|
+
const onResize = () => onResizeThrottle();
|
|
21
|
+
window.addEventListener("resize", onResize);
|
|
22
|
+
return () => window.removeEventListener("resize", onResize);
|
|
23
|
+
}, []);
|
|
24
|
+
return lowerThanBreakpoint;
|
|
23
25
|
}
|
|
24
|
-
|
|
25
|
-
//# sourceMappingURL=useBreakpoint.js.map
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdGhyb3R0bGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwidXNlQnJlYWtwb2ludCIsImJyZWFrSW50byIsImxvd2VyVGhhbkJyZWFrcG9pbnQiLCJzZXRJc0xvd2VyVGhhbkJyZWFrcG9pbnQiLCJ1c2VTdGF0ZSIsIndpbmRvdyIsInZpc3VhbFZpZXdwb3J0Iiwid2lkdGgiLCJ1c2VFZmZlY3QiLCJvblJlc2l6ZVRocm90dGxlIiwidGhyb3R0bGUiLCJvblJlc2l6ZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL3VpL3VzZUJyZWFrcG9pbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0aHJvdHRsZSBmcm9tIFwibG9kYXNoL3Rocm90dGxlXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbi8qKlxuICogQSBob29rIHRvIHRyaWdnZXIgY2hhbmdlcyB3aGVuIHRoZSBzY3JlZW4gcmVzaXplc1xuICogQHJldHVybnMgSWYgdGhlIGN1cnJlbnQgcmVzb2x1dGlvbiBpcyBsb3dlciB0aGFuIHRoZSBzcGVjaWZpZWQgd2lkdGhcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlQnJlYWtwb2ludChicmVha0ludG86IG51bWJlcikge1xuICBjb25zdCBbbG93ZXJUaGFuQnJlYWtwb2ludCwgc2V0SXNMb3dlclRoYW5CcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgICgpID0+IHdpbmRvdy52aXN1YWxWaWV3cG9ydCEud2lkdGggPCBicmVha0ludG9cbiAgKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBvblJlc2l6ZVRocm90dGxlID0gdGhyb3R0bGUoKCkgPT4ge1xuICAgICAgc2V0SXNMb3dlclRoYW5CcmVha3BvaW50KHdpbmRvdy52aXN1YWxWaWV3cG9ydCEud2lkdGggPCBicmVha0ludG8pO1xuICAgIH0sIDEwMDAgLyA0KTtcbiAgICBjb25zdCBvblJlc2l6ZSA9ICgpID0+IG9uUmVzaXplVGhyb3R0bGUoKTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBvblJlc2l6ZSk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwicmVzaXplXCIsIG9uUmVzaXplKTtcbiAgfSwgW10pO1xuICByZXR1cm4gbG93ZXJUaGFuQnJlYWtwb2ludDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsU0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQTRDLFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBRTVDO0FBQ0E7QUFDQTtBQUNBO0FBQ2UsU0FBU0csYUFBYUEsQ0FBQ0MsU0FBaUIsRUFBRTtFQUN2RCxNQUFNLENBQUNDLG1CQUFtQixFQUFFQyx3QkFBd0IsQ0FBQyxHQUFHLElBQUFDLGVBQVEsRUFDOUQsTUFBTUMsTUFBTSxDQUFDQyxjQUFjLENBQUVDLEtBQUssR0FBR04sU0FDdkMsQ0FBQztFQUNELElBQUFPLGdCQUFTLEVBQUMsTUFBTTtJQUNkLE1BQU1DLGdCQUFnQixHQUFHLElBQUFDLGlCQUFRLEVBQUMsTUFBTTtNQUN0Q1Asd0JBQXdCLENBQUNFLE1BQU0sQ0FBQ0MsY0FBYyxDQUFFQyxLQUFLLEdBQUdOLFNBQVMsQ0FBQztJQUNwRSxDQUFDLEVBQUUsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNaLE1BQU1VLFFBQVEsR0FBR0EsQ0FBQSxLQUFNRixnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3pDSixNQUFNLENBQUNPLGdCQUFnQixDQUFDLFFBQVEsRUFBRUQsUUFBUSxDQUFDO0lBQzNDLE9BQU8sTUFBTU4sTUFBTSxDQUFDUSxtQkFBbUIsQ0FBQyxRQUFRLEVBQUVGLFFBQVEsQ0FBQztFQUM3RCxDQUFDLEVBQUUsRUFBRSxDQUFDO0VBQ04sT0FBT1QsbUJBQW1CO0FBQzVCIn0=
|
|
@@ -1,23 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const useCustomScrollbar_module_scss_1 = __importDefault(require("./useCustomScrollbar.module.scss"));
|
|
8
|
-
function useCustomScrollBar({ color = "", propagate = false } = {}) {
|
|
9
|
-
const elRef = (0, react_1.useRef)(null);
|
|
10
|
-
(0, react_1.useLayoutEffect)(() => {
|
|
11
|
-
elRef.current.style.setProperty("--scrollbar-color", color);
|
|
12
|
-
elRef.current.classList.add(useCustomScrollbar_module_scss_1.default.scrollBarRoot);
|
|
13
|
-
if (propagate) {
|
|
14
|
-
elRef.current.classList.add(useCustomScrollbar_module_scss_1.default.propagate);
|
|
15
|
-
}
|
|
16
|
-
}, []);
|
|
17
|
-
return {
|
|
18
|
-
/** The element that dhould have a custom scrollbar */
|
|
19
|
-
elRef,
|
|
20
|
-
};
|
|
21
|
-
}
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
22
6
|
exports.default = useCustomScrollBar;
|
|
23
|
-
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _useCustomScrollbarModule = _interopRequireDefault(require("./useCustomScrollbar.module.scss"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
function useCustomScrollBar() {
|
|
11
|
+
let {
|
|
12
|
+
color = "",
|
|
13
|
+
propagate = false
|
|
14
|
+
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
15
|
+
const elRef = (0, _react.useRef)(null);
|
|
16
|
+
(0, _react.useLayoutEffect)(() => {
|
|
17
|
+
elRef.current.style.setProperty("--scrollbar-color", color);
|
|
18
|
+
elRef.current.classList.add(_useCustomScrollbarModule.default.scrollBarRoot);
|
|
19
|
+
if (propagate) {
|
|
20
|
+
elRef.current.classList.add(_useCustomScrollbarModule.default.propagate);
|
|
21
|
+
}
|
|
22
|
+
}, []);
|
|
23
|
+
return {
|
|
24
|
+
/** The element that dhould have a custom scrollbar */
|
|
25
|
+
elRef
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3VzZUN1c3RvbVNjcm9sbGJhck1vZHVsZSIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsInVzZUN1c3RvbVNjcm9sbEJhciIsImNvbG9yIiwicHJvcGFnYXRlIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZWxSZWYiLCJ1c2VSZWYiLCJ1c2VMYXlvdXRFZmZlY3QiLCJjdXJyZW50Iiwic3R5bGUiLCJzZXRQcm9wZXJ0eSIsImNsYXNzTGlzdCIsImFkZCIsIlN0eWxlcyIsInNjcm9sbEJhclJvb3QiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvdWkvdXNlQ3VzdG9tU2Nyb2xsYmFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VFZmZlY3QsIHVzZUxheW91dEVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL3VzZUN1c3RvbVNjcm9sbGJhci5tb2R1bGUuc2Nzc1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VDdXN0b21TY3JvbGxCYXIoe1xuICBjb2xvciA9IFwiXCIsXG4gIHByb3BhZ2F0ZSA9IGZhbHNlXG59OiB7IGNvbG9yPzogc3RyaW5nLCBwcm9wYWdhdGU/OiBib29sZWFuIH0gfCB1bmRlZmluZWQgPSB7fSkge1xuICBjb25zdCBlbFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBlbFJlZi5jdXJyZW50IS5zdHlsZS5zZXRQcm9wZXJ0eShcIi0tc2Nyb2xsYmFyLWNvbG9yXCIsIGNvbG9yKTtcbiAgICBlbFJlZi5jdXJyZW50IS5jbGFzc0xpc3QuYWRkKFN0eWxlcy5zY3JvbGxCYXJSb290KTtcbiAgICBpZiAocHJvcGFnYXRlKSB7XG4gICAgICAgIGVsUmVmLmN1cnJlbnQhLmNsYXNzTGlzdC5hZGQoU3R5bGVzLnByb3BhZ2F0ZSk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHtcbiAgICAvKiogVGhlIGVsZW1lbnQgdGhhdCBkaG91bGQgaGF2ZSBhIGN1c3RvbSBzY3JvbGxiYXIgKi9cbiAgICBlbFJlZixcbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMseUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUFzRCxTQUFBRSx1QkFBQUMsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUV2QyxTQUFTRyxrQkFBa0JBLENBQUEsRUFHbUI7RUFBQSxJQUhsQjtJQUN6Q0MsS0FBSyxHQUFHLEVBQUU7SUFDVkMsU0FBUyxHQUFHO0VBQ3VDLENBQUMsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQyxDQUFDO0VBQ3pELE1BQU1HLEtBQUssR0FBRyxJQUFBQyxhQUFNLEVBQWlCLElBQUksQ0FBQztFQUUxQyxJQUFBQyxzQkFBZSxFQUFDLE1BQU07SUFDcEJGLEtBQUssQ0FBQ0csT0FBTyxDQUFFQyxLQUFLLENBQUNDLFdBQVcsQ0FBQyxtQkFBbUIsRUFBRVYsS0FBSyxDQUFDO0lBQzVESyxLQUFLLENBQUNHLE9BQU8sQ0FBRUcsU0FBUyxDQUFDQyxHQUFHLENBQUNDLGlDQUFNLENBQUNDLGFBQWEsQ0FBQztJQUNsRCxJQUFJYixTQUFTLEVBQUU7TUFDWEksS0FBSyxDQUFDRyxPQUFPLENBQUVHLFNBQVMsQ0FBQ0MsR0FBRyxDQUFDQyxpQ0FBTSxDQUFDWixTQUFTLENBQUM7SUFDbEQ7RUFDRixDQUFDLEVBQUUsRUFBRSxDQUFDO0VBRU4sT0FBTztJQUNMO0lBQ0FJO0VBQ0YsQ0FBQztBQUNIIn0=
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = useEffectIf;
|
|
7
|
+
var _react = require("react");
|
|
4
8
|
function useEffectIf(effect, depsToCheck) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, depsToCheck);
|
|
9
|
+
(0, _react.useEffect)(() => {
|
|
10
|
+
const someUndefined = depsToCheck.some(dep => !dep);
|
|
11
|
+
if (!someUndefined) return effect();
|
|
12
|
+
}, depsToCheck);
|
|
10
13
|
}
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=useEffectIf.js.map
|
|
14
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlRWZmZWN0SWYiLCJlZmZlY3QiLCJkZXBzVG9DaGVjayIsInVzZUVmZmVjdCIsInNvbWVVbmRlZmluZWQiLCJzb21lIiwiZGVwIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL3VpL3VzZUVmZmVjdElmLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VFZmZlY3RJZihcbiAgZWZmZWN0OiBQYXJhbWV0ZXJzPHR5cGVvZiB1c2VFZmZlY3Q+WzBdLFxuICBkZXBzVG9DaGVjazogYW55W11cbikge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNvbWVVbmRlZmluZWQgPSBkZXBzVG9DaGVjay5zb21lKChkZXApID0+ICFkZXApO1xuICAgIGlmICghc29tZVVuZGVmaW5lZCkgcmV0dXJuIGVmZmVjdCgpO1xuICB9LCBkZXBzVG9DaGVjayk7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVlLFNBQVNDLFdBQVdBLENBQ2pDQyxNQUF1QyxFQUN2Q0MsV0FBa0IsRUFDbEI7RUFDQSxJQUFBQyxnQkFBUyxFQUFDLE1BQU07SUFDZCxNQUFNQyxhQUFhLEdBQUdGLFdBQVcsQ0FBQ0csSUFBSSxDQUFFQyxHQUFHLElBQUssQ0FBQ0EsR0FBRyxDQUFDO0lBQ3JELElBQUksQ0FBQ0YsYUFBYSxFQUFFLE9BQU9ILE1BQU0sQ0FBQyxDQUFDO0VBQ3JDLENBQUMsRUFBRUMsV0FBVyxDQUFDO0FBQ2pCIn0=
|
|
@@ -1,26 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = useMouseHover;
|
|
7
|
+
var _react = require("react");
|
|
4
8
|
/**
|
|
5
9
|
* A small hook for binding the hover control over some HTML element
|
|
6
10
|
* @returns uiEvents: The events to spread to the html element hovering: the hover state
|
|
7
11
|
*/
|
|
8
12
|
function useMouseHover() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
const [hovering, setHovering] = (0, _react.useState)(false);
|
|
14
|
+
// enter/leave (not over/out) so the state tracks the bound element as a whole
|
|
15
|
+
// and isn't toggled by the pointer moving across its children.
|
|
16
|
+
const uiEvents = (0, _react.useMemo)(() => ({
|
|
17
|
+
onMouseEnter: () => {
|
|
18
|
+
setHovering(true);
|
|
19
|
+
},
|
|
20
|
+
onMouseLeave: () => {
|
|
21
|
+
setHovering(false);
|
|
22
|
+
}
|
|
23
|
+
}), []);
|
|
24
|
+
return {
|
|
25
|
+
uiEvents,
|
|
26
|
+
hovering
|
|
27
|
+
};
|
|
24
28
|
}
|
|
25
|
-
|
|
26
|
-
//# sourceMappingURL=useMouseHover.js.map
|
|
29
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlTW91c2VIb3ZlciIsImhvdmVyaW5nIiwic2V0SG92ZXJpbmciLCJ1c2VTdGF0ZSIsInVpRXZlbnRzIiwidXNlTWVtbyIsIm9uTW91c2VFbnRlciIsIm9uTW91c2VMZWF2ZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91aS91c2VNb3VzZUhvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG4vKipcbiAqIEEgc21hbGwgaG9vayBmb3IgYmluZGluZyB0aGUgaG92ZXIgY29udHJvbCBvdmVyIHNvbWUgSFRNTCBlbGVtZW50XG4gKiBAcmV0dXJucyB1aUV2ZW50czogVGhlIGV2ZW50cyB0byBzcHJlYWQgdG8gdGhlIGh0bWwgZWxlbWVudCBob3ZlcmluZzogdGhlIGhvdmVyIHN0YXRlXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZU1vdXNlSG92ZXIoKSB7XG4gIGNvbnN0IFtob3ZlcmluZywgc2V0SG92ZXJpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICAvLyBlbnRlci9sZWF2ZSAobm90IG92ZXIvb3V0KSBzbyB0aGUgc3RhdGUgdHJhY2tzIHRoZSBib3VuZCBlbGVtZW50IGFzIGEgd2hvbGVcbiAgLy8gYW5kIGlzbid0IHRvZ2dsZWQgYnkgdGhlIHBvaW50ZXIgbW92aW5nIGFjcm9zcyBpdHMgY2hpbGRyZW4uXG4gIGNvbnN0IHVpRXZlbnRzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgb25Nb3VzZUVudGVyOiAoKSA9PiB7XG4gICAgICAgIHNldEhvdmVyaW5nKHRydWUpO1xuICAgICAgfSxcbiAgICAgIG9uTW91c2VMZWF2ZTogKCkgPT4ge1xuICAgICAgICBzZXRIb3ZlcmluZyhmYWxzZSk7XG4gICAgICB9LFxuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgcmV0dXJuIHtcbiAgICB1aUV2ZW50cyxcbiAgICBob3ZlcmluZyxcbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTQyxhQUFhQSxDQUFBLEVBQUc7RUFDdEMsTUFBTSxDQUFDQyxRQUFRLEVBQUVDLFdBQVcsQ0FBQyxHQUFHLElBQUFDLGVBQVEsRUFBQyxLQUFLLENBQUM7RUFDL0M7RUFDQTtFQUNBLE1BQU1DLFFBQVEsR0FBRyxJQUFBQyxjQUFPLEVBQ3RCLE9BQU87SUFDTEMsWUFBWSxFQUFFQSxDQUFBLEtBQU07TUFDbEJKLFdBQVcsQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUNESyxZQUFZLEVBQUVBLENBQUEsS0FBTTtNQUNsQkwsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNwQjtFQUNGLENBQUMsQ0FBQyxFQUNGLEVBQ0YsQ0FBQztFQUVELE9BQU87SUFDTEUsUUFBUTtJQUNSSDtFQUNGLENBQUM7QUFDSCJ9
|