@trilogy-ds/react 4.0.7-SC-beta-2 → 4.0.7-SC-beta-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.
Files changed (48) hide show
  1. package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +2 -2
  2. package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +10 -7
  3. package/lib/components/alert/hooks/useAlert.d.ts +4 -4
  4. package/lib/components/alert/hooks/useAlert.js +32 -27
  5. package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +11 -11
  6. package/lib/components/autocomplete/hooks/useAutocomplete.js +130 -127
  7. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +4 -4
  8. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +12 -11
  9. package/lib/components/button/hooks/useButton.d.ts +2 -2
  10. package/lib/components/button/hooks/useButton.js +12 -8
  11. package/lib/components/countdown/hooks/useCountdown.js +58 -57
  12. package/lib/components/input/gauge/hook/useGauge.js +63 -62
  13. package/lib/components/input/hook/useInput.d.ts +15 -15
  14. package/lib/components/input/hook/useInput.js +127 -126
  15. package/lib/components/modal/hooks/useModal.d.ts +9 -9
  16. package/lib/components/modal/hooks/useModal.js +78 -76
  17. package/lib/components/otp/hooks/useOtp.d.ts +5 -5
  18. package/lib/components/otp/hooks/useOtp.js +34 -33
  19. package/lib/components/pagination/hooks/usePagination.d.ts +6 -6
  20. package/lib/components/pagination/hooks/usePagination.js +34 -33
  21. package/lib/components/product-tour/hooks/useProductTour.d.ts +2 -2
  22. package/lib/components/product-tour/hooks/useProductTour.js +13 -12
  23. package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +3 -3
  24. package/lib/components/progress/radial/hooks/useProgressRadial.js +32 -31
  25. package/lib/components/range/hooks/useRange.d.ts +8 -8
  26. package/lib/components/range/hooks/useRange.js +52 -51
  27. package/lib/components/segment-control/hooks/useSegmentControl.d.ts +3 -3
  28. package/lib/components/segment-control/hooks/useSegmentControl.js +22 -21
  29. package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +3 -3
  30. package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +17 -16
  31. package/lib/components/select/web/hooks/useSelectDynamic.d.ts +8 -8
  32. package/lib/components/select/web/hooks/useSelectDynamic.js +116 -115
  33. package/lib/components/select/web/hooks/useSelectNative.d.ts +6 -6
  34. package/lib/components/select/web/hooks/useSelectNative.js +31 -30
  35. package/lib/components/stepper/hooks/useStepper.js +15 -14
  36. package/lib/components/switch/hooks/useSwitch.d.ts +4 -4
  37. package/lib/components/switch/hooks/useSwitch.js +37 -36
  38. package/lib/components/tabs/hooks/useTabs.js +19 -18
  39. package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +2 -2
  40. package/lib/components/tabs/tab-list/tab/hooks/useTab.js +19 -18
  41. package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +6 -5
  42. package/lib/components/textarea/hooks/useTextarea.d.ts +3 -3
  43. package/lib/components/textarea/hooks/useTextarea.js +21 -20
  44. package/lib/version.d.ts +1 -1
  45. package/lib/version.js +1 -1
  46. package/package.json +11 -1
  47. package/lib/helpers/isServer.d.ts +0 -1
  48. package/lib/helpers/isServer.js +0 -2
@@ -1,5 +1,4 @@
1
1
  import { __read } from "tslib";
2
- import { isServer } from '../../../helpers/isServer';
3
2
  import React from 'react';
4
3
  export var useOtp = function (_a) {
5
4
  var value = _a.value, disabled = _a.disabled, length = _a.length, onChange = _a.onChange, onCompleted = _a.onCompleted;
@@ -61,40 +60,42 @@ export var useOtp = function (_a) {
61
60
  focusToNextInput(target);
62
61
  }
63
62
  };
64
- if (isServer) {
63
+ try {
64
+ var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput_1 = _b[0], setCodeInput_1 = _b[1];
65
+ var hasChanged_1 = React.useRef(false);
66
+ React.useEffect(function () {
67
+ if (!disabled) {
68
+ isCompleted(codeInput_1) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput_1)));
69
+ }
70
+ }, [length, codeInput_1, onCompleted, disabled]);
71
+ React.useEffect(function () {
72
+ hasChanged_1.current = codeInput_1.find(function (code) { return code !== null; }) !== undefined;
73
+ if (hasChanged_1.current) {
74
+ onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput_1));
75
+ }
76
+ }, [codeInput_1]);
77
+ var inputOnChange = function (e, idx) {
78
+ var target = e.target;
79
+ var targetValue = target.value.trim();
80
+ if (targetValue.length > 0) {
81
+ setCodeInput_1(updateCodeInput(targetValue, idx, codeInput_1));
82
+ }
83
+ else {
84
+ setCodeInput_1(codeInput_1.map(function (code, index) {
85
+ return index === idx ? null : code;
86
+ }));
87
+ }
88
+ };
89
+ var inputOnFocus = function (e) {
90
+ var target = e.target;
91
+ target.setSelectionRange(0, target.value.length);
92
+ };
93
+ return { codeInput: codeInput_1, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
94
+ }
95
+ catch (_c) {
65
96
  return {
66
97
  codeInput: stringToCode(value, length) || new Array(length).fill(null),
67
98
  };
68
99
  }
69
- var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput = _b[0], setCodeInput = _b[1];
70
- var hasChanged = React.useRef(false);
71
- React.useEffect(function () {
72
- if (!disabled) {
73
- isCompleted(codeInput) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput)));
74
- }
75
- }, [length, codeInput, onCompleted, disabled]);
76
- React.useEffect(function () {
77
- hasChanged.current = codeInput.find(function (code) { return code !== null; }) !== undefined;
78
- if (hasChanged.current) {
79
- onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput));
80
- }
81
- }, [codeInput]);
82
- var inputOnChange = function (e, idx) {
83
- var target = e.target;
84
- var targetValue = target.value.trim();
85
- if (targetValue.length > 0) {
86
- setCodeInput(updateCodeInput(targetValue, idx, codeInput));
87
- }
88
- else {
89
- setCodeInput(codeInput.map(function (code, index) {
90
- return index === idx ? null : code;
91
- }));
92
- }
93
- };
94
- var inputOnFocus = function (e) {
95
- var target = e.target;
96
- target.setSelectionRange(0, target.value.length);
97
- };
98
- return { codeInput: codeInput, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
99
100
  };
100
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVV6QixNQUFNLENBQUMsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUEwRDtRQUF4RCxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUFBO0lBR3JFLElBQU0sWUFBWSxHQUFHLFVBQUMsR0FBdUIsRUFBRSxRQUFnQjtRQUM3RCxJQUFJLENBQUMsR0FBRztZQUFFLE9BQU8sSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQy9DLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQW5DLENBQW1DLENBQUMsQ0FBQTtJQUN6RSxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLElBQW9CO1FBQ3hDLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxDQUFDLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxVQUFDLE1BQXNCO1FBQ3pDLE9BQU8sTUFB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
101
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQTBEO1FBQXhELEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUE7SUFHckUsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO1FBQzdELElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0lBQ3pFLENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7UUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0lBQ2xFLENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsTUFBc0I7UUFDekMsT0FBTyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxL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
@@ -5,6 +5,12 @@ interface IProps {
5
5
  onClick?: (pager: Pager) => void;
6
6
  }
7
7
  export declare const usePagination: ({ defaultPage, onClick, length }: IProps) => {
8
+ currentPage: number;
9
+ handleClickNext: () => void;
10
+ handleClickPage: (pageNumber: number) => void;
11
+ handleClickPrev: () => void;
12
+ pager: Pager;
13
+ } | {
8
14
  currentPage: number;
9
15
  pager: {
10
16
  currentPage: number;
@@ -15,11 +21,5 @@ export declare const usePagination: ({ defaultPage, onClick, length }: IProps) =
15
21
  handleClickNext?: undefined;
16
22
  handleClickPage?: undefined;
17
23
  handleClickPrev?: undefined;
18
- } | {
19
- currentPage: number;
20
- handleClickNext: () => void;
21
- handleClickPage: (pageNumber: number) => void;
22
- handleClickPrev: () => void;
23
- pager: Pager;
24
24
  };
25
25
  export {};
@@ -1,44 +1,45 @@
1
1
  import { __read, __spreadArray } from "tslib";
2
- import { isServer } from '../../../helpers/isServer';
3
2
  import React from 'react';
4
3
  export var usePagination = function (_a) {
5
4
  var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
6
- if (isServer) {
5
+ try {
6
+ var _b = __read(React.useState(defaultPage), 2), currentPage_1 = _b[0], setCurrentPage_1 = _b[1];
7
+ var prevCurrentPage_1 = React.useRef(currentPage_1);
8
+ var pager_1 = React.useMemo(function () {
9
+ return calcPager(currentPage_1, length);
10
+ }, [currentPage_1, length]);
11
+ var handleClickPrev = React.useCallback(function () {
12
+ if (currentPage_1 !== 1)
13
+ setCurrentPage_1(currentPage_1 - 1);
14
+ }, [currentPage_1]);
15
+ var handleClickNext = React.useCallback(function () {
16
+ if (currentPage_1 !== Math.max(length))
17
+ setCurrentPage_1(currentPage_1 + 1);
18
+ }, [currentPage_1]);
19
+ var handleClickPage = React.useCallback(function (pageNumber) {
20
+ setCurrentPage_1(pageNumber);
21
+ }, []);
22
+ React.useEffect(function () {
23
+ if (onClick && prevCurrentPage_1.current !== pager_1.currentPage) {
24
+ onClick(pager_1);
25
+ }
26
+ setCurrentPage_1(pager_1.currentPage);
27
+ prevCurrentPage_1.current = pager_1.currentPage;
28
+ }, [pager_1.currentPage]);
29
+ return {
30
+ currentPage: currentPage_1,
31
+ handleClickNext: handleClickNext,
32
+ handleClickPage: handleClickPage,
33
+ handleClickPrev: handleClickPrev,
34
+ pager: pager_1,
35
+ };
36
+ }
37
+ catch (_c) {
7
38
  return {
8
39
  currentPage: defaultPage,
9
40
  pager: calcPager(defaultPage, length),
10
41
  };
11
42
  }
12
- var _b = __read(React.useState(defaultPage), 2), currentPage = _b[0], setCurrentPage = _b[1];
13
- var prevCurrentPage = React.useRef(currentPage);
14
- var pager = React.useMemo(function () {
15
- return calcPager(currentPage, length);
16
- }, [currentPage, length]);
17
- var handleClickPrev = React.useCallback(function () {
18
- if (currentPage !== 1)
19
- setCurrentPage(currentPage - 1);
20
- }, [currentPage]);
21
- var handleClickNext = React.useCallback(function () {
22
- if (currentPage !== Math.max(length))
23
- setCurrentPage(currentPage + 1);
24
- }, [currentPage]);
25
- var handleClickPage = React.useCallback(function (pageNumber) {
26
- setCurrentPage(pageNumber);
27
- }, []);
28
- React.useEffect(function () {
29
- if (onClick && prevCurrentPage.current !== pager.currentPage) {
30
- onClick(pager);
31
- }
32
- setCurrentPage(pager.currentPage);
33
- prevCurrentPage.current = pager.currentPage;
34
- }, [pager.currentPage]);
35
- return {
36
- currentPage: currentPage,
37
- handleClickNext: handleClickNext,
38
- handleClickPage: handleClickPage,
39
- handleClickPrev: handleClickPrev,
40
- pager: pager,
41
- };
42
43
  };
43
44
  var calcPager = function (currentPage, length) {
44
45
  var startPage = 1;
@@ -73,4 +74,4 @@ var calcPager = function (currentPage, length) {
73
74
  pages: pages,
74
75
  };
75
76
  };
76
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUF3QztRQUF0QyxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzFELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLFdBQVcsRUFBRSxXQUFXO1lBQ3hCLEtBQUssRUFBRSxTQUFTLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQztTQUN0QyxDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLENBQUMsSUFBQSxFQUFsRSxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQXVDLENBQUE7SUFDekUsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQTtJQUV6RCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFRO1FBQ2pDLE9BQU8sU0FBUyxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQTtJQUN2QyxDQUFDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUV6QixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1FBQ3hDLElBQUksV0FBVyxLQUFLLENBQUM7WUFBRSxjQUFjLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQ3hELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztRQUN4QyxJQUFJLFdBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztZQUFFLGNBQWMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDdkUsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsVUFBa0I7UUFDM0QsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE9BQU8sSUFBSSxlQUFlLENBQUMsT0FBTyxLQUFLLEtBQUssQ0FBQyxXQUFXLEVBQUU7WUFDNUQsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1NBQ2Y7UUFDRCxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1FBQ2pDLGVBQWUsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQTtJQUM3QyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsZUFBZSxpQkFBQTtRQUNmLGVBQWUsaUJBQUE7UUFDZixlQUFlLGlCQUFBO1FBQ2YsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
77
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUXpCLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUE7SUFDMUQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQWxFLGFBQVcsUUFBQSxFQUFFLGdCQUFjLFFBQXVDLENBQUE7UUFDekUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQVMsYUFBVyxDQUFDLENBQUE7UUFFekQsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUTtZQUNqQyxPQUFPLFNBQVMsQ0FBQyxhQUFXLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFDdkMsQ0FBQyxFQUFFLENBQUMsYUFBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFFekIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxDQUFDO2dCQUFFLGdCQUFjLENBQUMsYUFBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3hELENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFBRSxnQkFBYyxDQUFDLGFBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDLEVBQUUsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFBO1FBRWpCLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxVQUFrQjtZQUMzRCxnQkFBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLE9BQU8sSUFBSSxpQkFBZSxDQUFDLE9BQU8sS0FBSyxPQUFLLENBQUMsV0FBVyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsT0FBSyxDQUFDLENBQUE7YUFDZjtZQUNELGdCQUFjLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ2pDLGlCQUFlLENBQUMsT0FBTyxHQUFHLE9BQUssQ0FBQyxXQUFXLENBQUE7UUFDN0MsQ0FBQyxFQUFFLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFdkIsT0FBTztZQUNMLFdBQVcsZUFBQTtZQUNYLGVBQWUsaUJBQUE7WUFDZixlQUFlLGlCQUFBO1lBQ2YsZUFBZSxpQkFBQTtZQUNmLEtBQUssU0FBQTtTQUNOLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsV0FBVyxFQUFFLFdBQVc7WUFDeEIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO1NBQ3RDLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
@@ -3,9 +3,9 @@ interface IProps {
3
3
  }
4
4
  export declare const useProductTour: ({ active }: IProps) => {
5
5
  display: boolean;
6
- handleClick?: undefined;
6
+ handleClick: () => void;
7
7
  } | {
8
8
  display: boolean;
9
- handleClick: () => void;
9
+ handleClick?: undefined;
10
10
  };
11
11
  export {};
@@ -1,21 +1,22 @@
1
1
  import { __read } from "tslib";
2
- import { isServer } from '../../../helpers/isServer';
3
2
  import React from 'react';
4
3
  export var useProductTour = function (_a) {
5
4
  var active = _a.active;
6
- if (isServer) {
5
+ try {
6
+ var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay_1 = _b[1];
7
+ var handleClick = React.useCallback(function () { return setDisplay_1(function (prev) { return !prev; }); }, []);
8
+ React.useEffect(function () {
9
+ setDisplay_1(active || false);
10
+ }, [active]);
11
+ return {
12
+ display: display,
13
+ handleClick: handleClick,
14
+ };
15
+ }
16
+ catch (_c) {
7
17
  return {
8
18
  display: active || false,
9
19
  };
10
20
  }
11
- var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay = _b[1];
12
- var handleClick = React.useCallback(function () { return setDisplay(function (prev) { return !prev; }); }, []);
13
- React.useEffect(function () {
14
- setDisplay(active || false);
15
- }, [active]);
16
- return {
17
- display: display,
18
- handleClick: handleClick,
19
- };
20
21
  };
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUM3QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFNekIsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBa0I7UUFBaEIsTUFBTSxZQUFBO0lBQ3JDLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBd0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUE0QyxDQUFBO0lBQ3RFLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsY0FBTSxPQUFBLFVBQVUsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxFQUEzQixDQUEyQixFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBRTVFLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzdCLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPO1FBQ0wsT0FBTyxTQUFBO1FBQ1AsV0FBVyxhQUFBO0tBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUFrQjtRQUFoQixNQUFNLFlBQUE7SUFDckMsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxPQUFPLFFBQUEsRUFBRSxZQUFVLFFBQTRDLENBQUE7UUFDdEUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFNLE9BQUEsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTNCLENBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFNUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFlBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU87WUFDTCxPQUFPLFNBQUE7WUFDUCxXQUFXLGFBQUE7U0FDWixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
@@ -4,12 +4,12 @@ interface IParams {
4
4
  secondValue: number;
5
5
  }
6
6
  export declare const useProgressRadial: ({ value, secondValue }: IParams) => {
7
+ progressRadialRef: React.RefObject<HTMLDivElement>;
8
+ styleSSR?: undefined;
9
+ } | {
7
10
  styleSSR: {
8
11
  background: string;
9
12
  };
10
13
  progressRadialRef?: undefined;
11
- } | {
12
- progressRadialRef: React.RefObject<HTMLDivElement>;
13
- styleSSR?: undefined;
14
14
  };
15
15
  export {};
@@ -1,42 +1,43 @@
1
1
  import { __read } from "tslib";
2
2
  import React from 'react';
3
- import { isServer } from '../../../../helpers/isServer';
4
3
  import { getColorStyle } from '../../../../objects/facets/Color';
5
4
  export var useProgressRadial = function (_a) {
6
5
  var value = _a.value, secondValue = _a.secondValue;
7
- if (isServer) {
6
+ try {
7
+ var _b = __read(React.useState(0), 2), firstProgressCurrentValue_1 = _b[0], setFirstProgressCurrentValue_1 = _b[1];
8
+ var _c = __read(React.useState(0), 2), secondProgressCurrentValue_1 = _c[0], setSecondProgressCurrentValue_1 = _c[1];
9
+ var progressRadialRef_1 = React.useRef(null);
10
+ React.useEffect(function () {
11
+ var animationFrameId;
12
+ // Reset the current values whenever the provided percent or secondPercent change
13
+ setFirstProgressCurrentValue_1(0);
14
+ setSecondProgressCurrentValue_1(0);
15
+ updateBackgroundStyle(value, secondValue, progressRadialRef_1); // if percent or secondPercent are 0, update immediately
16
+ var frame = function () {
17
+ setFirstProgressCurrentValue_1(function (value) {
18
+ return value < value ? value + 1 : value;
19
+ });
20
+ setSecondProgressCurrentValue_1(function (value) {
21
+ return value < secondValue ? value + 1 : value;
22
+ });
23
+ animationFrameId = requestAnimationFrame(frame);
24
+ };
25
+ animationFrameId = requestAnimationFrame(frame);
26
+ // Cleanup
27
+ return function () { return cancelAnimationFrame(animationFrameId); };
28
+ }, [value, secondValue]);
29
+ React.useEffect(function () {
30
+ updateBackgroundStyle(firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1);
31
+ }, [firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1]);
8
32
  return {
9
- styleSSR: updateBackgroundStyle(value, secondValue),
33
+ progressRadialRef: progressRadialRef_1,
10
34
  };
11
35
  }
12
- var _b = __read(React.useState(0), 2), firstProgressCurrentValue = _b[0], setFirstProgressCurrentValue = _b[1];
13
- var _c = __read(React.useState(0), 2), secondProgressCurrentValue = _c[0], setSecondProgressCurrentValue = _c[1];
14
- var progressRadialRef = React.useRef(null);
15
- React.useEffect(function () {
16
- var animationFrameId;
17
- // Reset the current values whenever the provided percent or secondPercent change
18
- setFirstProgressCurrentValue(0);
19
- setSecondProgressCurrentValue(0);
20
- updateBackgroundStyle(value, secondValue, progressRadialRef); // if percent or secondPercent are 0, update immediately
21
- var frame = function () {
22
- setFirstProgressCurrentValue(function (value) {
23
- return value < value ? value + 1 : value;
24
- });
25
- setSecondProgressCurrentValue(function (value) {
26
- return value < secondValue ? value + 1 : value;
27
- });
28
- animationFrameId = requestAnimationFrame(frame);
36
+ catch (_d) {
37
+ return {
38
+ styleSSR: updateBackgroundStyle(value, secondValue),
29
39
  };
30
- animationFrameId = requestAnimationFrame(frame);
31
- // Cleanup
32
- return function () { return cancelAnimationFrame(animationFrameId); };
33
- }, [value, secondValue]);
34
- React.useEffect(function () {
35
- updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue, progressRadialRef);
36
- }, [firstProgressCurrentValue, secondProgressCurrentValue, progressRadialRef]);
37
- return {
38
- progressRadialRef: progressRadialRef,
39
- };
40
+ }
40
41
  };
41
42
  var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
42
43
  var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
@@ -53,4 +54,4 @@ var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef
53
54
  background: "radial-gradient(circle at center, white 58%, transparent 58.1%), conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)"),
54
55
  };
55
56
  };
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBT3RELE1BQU0sQ0FBQyxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFBK0I7UUFBN0IsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQTtJQUNwRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU87WUFDTCxRQUFRLEVBQUUscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQztTQUNwRCxDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSx5QkFBeUIsUUFBQSxFQUFFLDRCQUE0QixRQUFxQixDQUFBO0lBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDBCQUEwQixRQUFBLEVBQUUsNkJBQTZCLFFBQXFCLENBQUE7SUFFckYsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtJQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtRQUV6QixpRkFBaUY7UUFDakYsNEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDL0IsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1FBRXJILElBQU0sS0FBSyxHQUFHO1lBQ1osNEJBQTRCLENBQUMsVUFBQyxLQUFLO2dCQUNqQyxPQUFPLEtBQUssR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtZQUMxQyxDQUFDLENBQUMsQ0FBQTtZQUNGLDZCQUE2QixDQUFDLFVBQUMsS0FBSztnQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7WUFDaEQsQ0FBQyxDQUFDLENBQUE7WUFDRixnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNqRCxDQUFDLENBQUE7UUFFRCxnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUUvQyxVQUFVO1FBQ1YsT0FBTyxjQUFNLE9BQUEsb0JBQW9CLENBQUMsZ0JBQWdCLENBQUMsRUFBdEMsQ0FBc0MsQ0FBQTtJQUNyRCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUV4QixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QscUJBQXFCLENBQUMseUJBQXlCLEVBQUUsMEJBQTBCLEVBQUUsaUJBQWlCLENBQUMsQ0FBQTtJQUNqRyxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSwwQkFBMEIsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDLENBQUE7SUFFOUUsT0FBTztRQUNMLGlCQUFpQixtQkFBQTtLQUNsQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
57
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPdEQsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUErQjtRQUE3QixLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSwyQkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFxQixDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDRCQUEwQixRQUFBLEVBQUUsK0JBQTZCLFFBQXFCLENBQUE7UUFFckYsSUFBTSxtQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtRQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtZQUV6QixpRkFBaUY7WUFDakYsOEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDL0IsK0JBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1lBRXJILElBQU0sS0FBSyxHQUFHO2dCQUNaLDhCQUE0QixDQUFDLFVBQUMsS0FBSztvQkFDakMsT0FBTyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQzFDLENBQUMsQ0FBQyxDQUFBO2dCQUNGLCtCQUE2QixDQUFDLFVBQUMsS0FBSztvQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQ2hELENBQUMsQ0FBQyxDQUFBO2dCQUNGLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pELENBQUMsQ0FBQTtZQUVELGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRS9DLFVBQVU7WUFDVixPQUFPLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUF0QyxDQUFzQyxDQUFBO1FBQ3JELENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBRXhCLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxxQkFBcUIsQ0FBQywyQkFBeUIsRUFBRSw0QkFBMEIsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBO1FBQ2pHLENBQUMsRUFBRSxDQUFDLDJCQUF5QixFQUFFLDRCQUEwQixFQUFFLG1CQUFpQixDQUFDLENBQUMsQ0FBQTtRQUU5RSxPQUFPO1lBQ0wsaUJBQWlCLHFCQUFBO1NBQ2xCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7U0FDcEQsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
@@ -11,14 +11,6 @@ interface IProps {
11
11
  name?: string;
12
12
  }
13
13
  export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMin, onChangeMax }: IProps) => {
14
- cursorMax: number;
15
- cursorMin: number | undefined;
16
- refTrack?: undefined;
17
- handleMouseUpMin?: undefined;
18
- handleChangeCursorMin?: undefined;
19
- handleMouseUpMax?: undefined;
20
- handleChangeCursorMax?: undefined;
21
- } | {
22
14
  cursorMax: number;
23
15
  cursorMin: number;
24
16
  refTrack: React.MutableRefObject<null>;
@@ -26,5 +18,13 @@ export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMi
26
18
  handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
27
19
  handleMouseUpMax: () => void;
28
20
  handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
21
+ } | {
22
+ cursorMax: number;
23
+ cursorMin: number | undefined;
24
+ refTrack?: undefined;
25
+ handleMouseUpMin?: undefined;
26
+ handleChangeCursorMin?: undefined;
27
+ handleMouseUpMax?: undefined;
28
+ handleChangeCursorMax?: undefined;
29
29
  };
30
30
  export {};
@@ -1,62 +1,63 @@
1
1
  import { __read } from "tslib";
2
- import { isServer } from '../../../helpers/isServer';
3
2
  import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
4
3
  import React from 'react';
5
4
  export var useRange = function (_a) {
6
5
  var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
7
- if (isServer) {
6
+ try {
7
+ var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
8
+ var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
9
+ var refTrack_1 = React.useRef(null);
10
+ React.useEffect(function () {
11
+ if (refTrack_1.current) {
12
+ var track = refTrack_1.current;
13
+ track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
14
+ }
15
+ }, [cursorMin_1, cursorMax_1]);
16
+ React.useEffect(function () {
17
+ setCursorMin_1(valueMin || 0);
18
+ }, [valueMin]);
19
+ React.useEffect(function () {
20
+ setCursorMax_1(valueMax || max);
21
+ }, [valueMax]);
22
+ var handleChangeCursorMin = React.useCallback(function (e) {
23
+ if (Number(e.target.value) < cursorMax_1 - gap)
24
+ setCursorMin_1(Number(e.target.value));
25
+ }, [cursorMax_1, cursorMin_1]);
26
+ var handleChangeCursorMax = React.useCallback(function (e) {
27
+ if (Number(e.target.value) > cursorMin_1 + gap)
28
+ setCursorMax_1(Number(e.target.value));
29
+ }, [cursorMax_1, cursorMin_1]);
30
+ var handleMouseUpMin = React.useCallback(function () {
31
+ if (onChangeMin) {
32
+ onChangeMin({
33
+ inputName: name,
34
+ inputValue: cursorMin_1,
35
+ });
36
+ }
37
+ }, [onChangeMin, name, cursorMin_1]);
38
+ var handleMouseUpMax = React.useCallback(function () {
39
+ if (onChangeMax) {
40
+ onChangeMax({
41
+ inputName: name,
42
+ inputValue: cursorMax_1,
43
+ });
44
+ }
45
+ }, [onChangeMax, name, cursorMax_1]);
46
+ return {
47
+ cursorMax: cursorMax_1,
48
+ cursorMin: cursorMin_1,
49
+ refTrack: refTrack_1,
50
+ handleMouseUpMin: handleMouseUpMin,
51
+ handleChangeCursorMin: handleChangeCursorMin,
52
+ handleMouseUpMax: handleMouseUpMax,
53
+ handleChangeCursorMax: handleChangeCursorMax,
54
+ };
55
+ }
56
+ catch (_d) {
8
57
  return {
9
58
  cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
10
59
  cursorMin: valueMin,
11
60
  };
12
61
  }
13
- var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _b[0], setCursorMin = _b[1];
14
- var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _c[0], setCursorMax = _c[1];
15
- var refTrack = React.useRef(null);
16
- React.useEffect(function () {
17
- if (refTrack.current) {
18
- var track = refTrack.current;
19
- track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax / max) * 100, "%) ");
20
- }
21
- }, [cursorMin, cursorMax]);
22
- React.useEffect(function () {
23
- setCursorMin(valueMin || 0);
24
- }, [valueMin]);
25
- React.useEffect(function () {
26
- setCursorMax(valueMax || max);
27
- }, [valueMax]);
28
- var handleChangeCursorMin = React.useCallback(function (e) {
29
- if (Number(e.target.value) < cursorMax - gap)
30
- setCursorMin(Number(e.target.value));
31
- }, [cursorMax, cursorMin]);
32
- var handleChangeCursorMax = React.useCallback(function (e) {
33
- if (Number(e.target.value) > cursorMin + gap)
34
- setCursorMax(Number(e.target.value));
35
- }, [cursorMax, cursorMin]);
36
- var handleMouseUpMin = React.useCallback(function () {
37
- if (onChangeMin) {
38
- onChangeMin({
39
- inputName: name,
40
- inputValue: cursorMin,
41
- });
42
- }
43
- }, [onChangeMin, name, cursorMin]);
44
- var handleMouseUpMax = React.useCallback(function () {
45
- if (onChangeMax) {
46
- onChangeMax({
47
- inputName: name,
48
- inputValue: cursorMax,
49
- });
50
- }
51
- }, [onChangeMax, name, cursorMax]);
52
- return {
53
- cursorMax: cursorMax,
54
- cursorMin: cursorMin,
55
- refTrack: refTrack,
56
- handleMouseUpMin: handleMouseUpMin,
57
- handleChangeCursorMin: handleChangeCursorMin,
58
- handleMouseUpMax: handleMouseUpMax,
59
- handleChangeCursorMax: handleChangeCursorMax,
60
- };
61
62
  };
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBYXpCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdFO1FBQXRFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3JGLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLFNBQVMsRUFBRSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHO1lBQzFCLFNBQVMsRUFBRSxRQUFRO1NBQ3BCLENBQUE7S0FDRjtJQUVLLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBeUMsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTJDLENBQUE7SUFDekUsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLENBQUMsT0FBTyxFQUFFO1lBQ3BCLElBQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxPQUFzQixDQUFBO1lBQzdDLEtBQUssQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLG9DQUE2QixhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxjQUN6RixDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLGlCQUNsQixhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJBQU8sYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsY0FDdkcsQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxnQkFDbkIsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsY0FBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLFFBQUssQ0FBQTtTQUM1RTtJQUNILENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFCLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxZQUFZLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxDQUFBO0lBQzdCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsWUFBWSxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUMsQ0FBQTtJQUMvQixDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxxQkFBcUIsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUM3QyxVQUFDLENBQXNDO1FBQ3JDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsU0FBUyxHQUFHLEdBQUc7WUFBRSxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNwRixDQUFDLEVBQ0QsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQ3ZCLENBQUE7SUFFRCxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQzdDLFVBQUMsQ0FBc0M7UUFDckMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxTQUFTLEdBQUcsR0FBRztZQUFFLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQ3BGLENBQUMsRUFDRCxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FDdkIsQ0FBQTtJQUVELElBQU0sZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztRQUN6QyxJQUFJLFdBQVcsRUFBRTtZQUNmLFdBQVcsQ0FBQztnQkFDVixTQUFTLEVBQUUsSUFBSTtnQkFDZixVQUFVLEVBQUUsU0FBUzthQUN0QixDQUFDLENBQUE7U0FDSDtJQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDekMsSUFBSSxXQUFXLEVBQUU7WUFDZixXQUFXLENBQUM7Z0JBQ1YsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsVUFBVSxFQUFFLFNBQVM7YUFDdEIsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFbEMsT0FBTztRQUNMLFNBQVMsV0FBQTtRQUNULFNBQVMsV0FBQTtRQUNULFFBQVEsVUFBQTtRQUNSLGdCQUFnQixrQkFBQTtRQUNoQixxQkFBcUIsdUJBQUE7UUFDckIsZ0JBQWdCLGtCQUFBO1FBQ2hCLHFCQUFxQix1QkFBQTtLQUN0QixDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=
63
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFdBQVcsaUJBQUE7SUFDckYsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFdBQVMsUUFBQSxFQUFFLGNBQVksUUFBeUMsQ0FBQTtRQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQTJDLENBQUE7UUFDekUsSUFBTSxVQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxVQUFRLENBQUMsT0FBTyxFQUFFO2dCQUNwQixJQUFNLEtBQUssR0FBRyxVQUFRLENBQUMsT0FBc0IsQ0FBQTtnQkFDN0MsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsb0NBQTZCLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGNBQ3pGLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJBQ2xCLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQUksQ0FBQyxXQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxpQkFBTyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUN2RyxDQUFDLFdBQVMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLGdCQUNuQixhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxjQUFJLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsUUFBSyxDQUFBO2FBQzVFO1FBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBUyxFQUFFLFdBQVMsQ0FBQyxDQUFDLENBQUE7UUFFMUIsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGNBQVksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUVkLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxjQUFZLENBQUMsUUFBUSxJQUFJLEdBQUcsQ0FBQyxDQUFBO1FBQy9CLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFFZCxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQzdDLFVBQUMsQ0FBc0M7WUFDckMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFTLEdBQUcsR0FBRztnQkFBRSxjQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUNwRixDQUFDLEVBQ0QsQ0FBQyxXQUFTLEVBQUUsV0FBUyxDQUFDLENBQ3ZCLENBQUE7UUFFRCxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQzdDLFVBQUMsQ0FBc0M7WUFDckMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFTLEdBQUcsR0FBRztnQkFBRSxjQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUNwRixDQUFDLEVBQ0QsQ0FBQyxXQUFTLEVBQUUsV0FBUyxDQUFDLENBQ3ZCLENBQUE7UUFFRCxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDekMsSUFBSSxXQUFXLEVBQUU7Z0JBQ2YsV0FBVyxDQUFDO29CQUNWLFNBQVMsRUFBRSxJQUFJO29CQUNmLFVBQVUsRUFBRSxXQUFTO2lCQUN0QixDQUFDLENBQUE7YUFDSDtRQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsV0FBUyxDQUFDLENBQUMsQ0FBQTtRQUVsQyxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDekMsSUFBSSxXQUFXLEVBQUU7Z0JBQ2YsV0FBVyxDQUFDO29CQUNWLFNBQVMsRUFBRSxJQUFJO29CQUNmLFVBQVUsRUFBRSxXQUFTO2lCQUN0QixDQUFDLENBQUE7YUFDSDtRQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsV0FBUyxDQUFDLENBQUMsQ0FBQTtRQUVsQyxPQUFPO1lBQ0wsU0FBUyxhQUFBO1lBQ1QsU0FBUyxhQUFBO1lBQ1QsUUFBUSxZQUFBO1lBQ1IsZ0JBQWdCLGtCQUFBO1lBQ2hCLHFCQUFxQix1QkFBQTtZQUNyQixnQkFBZ0Isa0JBQUE7WUFDaEIscUJBQXFCLHVCQUFBO1NBQ3RCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsU0FBUyxFQUFFLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEdBQUc7WUFDMUIsU0FBUyxFQUFFLFFBQVE7U0FDcEIsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBIn0=
@@ -5,10 +5,10 @@ interface IParams {
5
5
  onClick?: ClickEvent;
6
6
  }
7
7
  export declare const useSegmentControl: ({ activeIndex, onClick }: IParams) => {
8
- activateIndex: number | undefined;
9
- handleClick?: undefined;
10
- } | {
11
8
  handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
12
9
  activateIndex: number;
10
+ } | {
11
+ activateIndex: number | undefined;
12
+ handleClick?: undefined;
13
13
  };
14
14
  export {};
@@ -1,30 +1,31 @@
1
1
  import { __read } from "tslib";
2
2
  import React from 'react';
3
- import { isServer } from '../../../helpers/isServer';
4
3
  export var useSegmentControl = function (_a) {
5
4
  var activeIndex = _a.activeIndex, onClick = _a.onClick;
6
- if (isServer) {
5
+ try {
6
+ var _b = __read(React.useState(activeIndex || 0), 2), activateIndex_1 = _b[0], setActivateIndex_1 = _b[1];
7
+ var toggleActive_1 = React.useCallback(function (e, index) {
8
+ setActivateIndex_1(index);
9
+ if (onClick)
10
+ onClick(e);
11
+ }, [onClick]);
12
+ var handleClick = React.useCallback(function (event, index, child) {
13
+ toggleActive_1(event, index);
14
+ if (child) {
15
+ if (child.props.onClick) {
16
+ child.props.onClick(event);
17
+ }
18
+ }
19
+ }, [toggleActive_1]);
20
+ React.useEffect(function () {
21
+ setActivateIndex_1(activateIndex_1);
22
+ }, [activateIndex_1]);
23
+ return { handleClick: handleClick, activateIndex: activateIndex_1 };
24
+ }
25
+ catch (_c) {
7
26
  return {
8
27
  activateIndex: activeIndex,
9
28
  };
10
29
  }
11
- var _b = __read(React.useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
12
- var toggleActive = React.useCallback(function (e, index) {
13
- setActivateIndex(index);
14
- if (onClick)
15
- onClick(e);
16
- }, [onClick]);
17
- var handleClick = React.useCallback(function (event, index, child) {
18
- toggleActive(event, index);
19
- if (child) {
20
- if (child.props.onClick) {
21
- child.props.onClick(event);
22
- }
23
- }
24
- }, [toggleActive]);
25
- React.useEffect(function () {
26
- setActivateIndex(activateIndex);
27
- }, [activateIndex]);
28
- return { handleClick: handleClick, activateIndex: activateIndex };
29
30
  };
30
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFNN0MsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUFpQztRQUEvQixXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBO0lBQ3RELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLGFBQWEsRUFBRSxXQUFXO1NBQzNCLENBQUE7S0FDRjtJQUVLLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBNEMsQ0FBQTtJQUVsRixJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtRQUNqQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN2QixJQUFJLE9BQU87WUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDekIsQ0FBQyxFQUNELENBQUMsT0FBTyxDQUFDLENBQ1YsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ25DLFVBQUMsS0FBdUIsRUFBRSxLQUFhLEVBQUUsS0FBeUI7UUFDaEUsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQTtRQUMxQixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO2FBQzNCO1NBQ0Y7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxZQUFZLENBQUMsQ0FDZixDQUFBO0lBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUE7SUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsZUFBQSxFQUFFLENBQUE7QUFDdkMsQ0FBQyxDQUFBIn0=
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUE7SUFDdEQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxlQUFhLFFBQUEsRUFBRSxrQkFBZ0IsUUFBNEMsQ0FBQTtRQUVsRixJQUFNLGNBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtZQUNqQyxrQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN2QixJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3pCLENBQUMsRUFDRCxDQUFDLE9BQU8sQ0FBQyxDQUNWLENBQUE7UUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLEtBQXVCLEVBQUUsS0FBYSxFQUFFLEtBQXlCO1lBQ2hFLGNBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7WUFDMUIsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtvQkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7aUJBQzNCO2FBQ0Y7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxjQUFZLENBQUMsQ0FDZixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGtCQUFnQixDQUFDLGVBQWEsQ0FBQyxDQUFBO1FBQ2pDLENBQUMsRUFBRSxDQUFDLGVBQWEsQ0FBQyxDQUFDLENBQUE7UUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsaUJBQUEsRUFBRSxDQUFBO0tBQ3RDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxhQUFhLEVBQUUsV0FBVztTQUMzQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
@@ -5,10 +5,10 @@ interface IParams {
5
5
  onClick?: ClickEvent;
6
6
  }
7
7
  export declare const useSegmentControlItem: ({ active, onClick }: IParams) => {
8
- activeItem: boolean | undefined;
9
- handleClick?: undefined;
10
- } | {
11
8
  activeItem: boolean;
12
9
  handleClick: (e: React.MouseEvent) => void;
10
+ } | {
11
+ activeItem: boolean | undefined;
12
+ handleClick?: undefined;
13
13
  };
14
14
  export {};