@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.
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +2 -2
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +10 -7
- package/lib/components/alert/hooks/useAlert.d.ts +4 -4
- package/lib/components/alert/hooks/useAlert.js +32 -27
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +11 -11
- package/lib/components/autocomplete/hooks/useAutocomplete.js +130 -127
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +4 -4
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +12 -11
- package/lib/components/button/hooks/useButton.d.ts +2 -2
- package/lib/components/button/hooks/useButton.js +12 -8
- package/lib/components/countdown/hooks/useCountdown.js +58 -57
- package/lib/components/input/gauge/hook/useGauge.js +63 -62
- package/lib/components/input/hook/useInput.d.ts +15 -15
- package/lib/components/input/hook/useInput.js +127 -126
- package/lib/components/modal/hooks/useModal.d.ts +9 -9
- package/lib/components/modal/hooks/useModal.js +78 -76
- package/lib/components/otp/hooks/useOtp.d.ts +5 -5
- package/lib/components/otp/hooks/useOtp.js +34 -33
- package/lib/components/pagination/hooks/usePagination.d.ts +6 -6
- package/lib/components/pagination/hooks/usePagination.js +34 -33
- package/lib/components/product-tour/hooks/useProductTour.d.ts +2 -2
- package/lib/components/product-tour/hooks/useProductTour.js +13 -12
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.js +32 -31
- package/lib/components/range/hooks/useRange.d.ts +8 -8
- package/lib/components/range/hooks/useRange.js +52 -51
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +3 -3
- package/lib/components/segment-control/hooks/useSegmentControl.js +22 -21
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +17 -16
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +8 -8
- package/lib/components/select/web/hooks/useSelectDynamic.js +116 -115
- package/lib/components/select/web/hooks/useSelectNative.d.ts +6 -6
- package/lib/components/select/web/hooks/useSelectNative.js +31 -30
- package/lib/components/stepper/hooks/useStepper.js +15 -14
- package/lib/components/switch/hooks/useSwitch.d.ts +4 -4
- package/lib/components/switch/hooks/useSwitch.js +37 -36
- package/lib/components/tabs/hooks/useTabs.js +19 -18
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +19 -18
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +6 -5
- package/lib/components/textarea/hooks/useTextarea.d.ts +3 -3
- package/lib/components/textarea/hooks/useTextarea.js +21 -20
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +11 -1
- package/lib/helpers/isServer.d.ts +0 -1
- package/lib/helpers/isServer.js +0 -2
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import { isServer } from '../../../../../helpers/isServer';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
export var useAccordionBody = function () {
|
|
4
|
-
|
|
3
|
+
try {
|
|
4
|
+
var _1 = React.useState();
|
|
5
|
+
var onClick = React.useCallback(function (e) {
|
|
6
|
+
e.stopPropagation();
|
|
7
|
+
}, []);
|
|
8
|
+
return { onClick: onClick };
|
|
9
|
+
}
|
|
10
|
+
catch (_a) {
|
|
5
11
|
return {};
|
|
6
|
-
|
|
7
|
-
e.stopPropagation();
|
|
8
|
-
}, []);
|
|
9
|
-
return { onClick: onClick };
|
|
12
|
+
}
|
|
10
13
|
};
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWNjb3JkaW9uQm95LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9ib2R5L2hvb2tzL3VzZUFjY29yZGlvbkJveS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLGdCQUFnQixHQUFHO0lBQzlCLElBQUk7UUFDRixJQUFNLEVBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUE7UUFFMUIsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxVQUFDLENBQStDO1lBQ2hGLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFTixPQUFPLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQTtLQUNuQjtJQUFDLFdBQU07UUFDTixPQUFPLEVBQUUsQ0FBQTtLQUNWO0FBQ0gsQ0FBQyxDQUFBIn0=
|
|
@@ -5,19 +5,19 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useAlert: ({ onClick }: IParams) => {
|
|
8
|
-
handleClick?: undefined;
|
|
9
|
-
} | {
|
|
10
8
|
handleClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
9
|
+
} | {
|
|
10
|
+
handleClick?: undefined;
|
|
11
11
|
};
|
|
12
12
|
export declare const useToasterAlertProvider: () => {
|
|
13
13
|
ToasterProvider: ({ children }: {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
}) => React.JSX.Element;
|
|
16
|
-
toasterState
|
|
16
|
+
toasterState: ToasterStatusProps | null;
|
|
17
17
|
} | {
|
|
18
18
|
ToasterProvider: ({ children }: {
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
}) => React.JSX.Element;
|
|
21
|
-
toasterState
|
|
21
|
+
toasterState?: undefined;
|
|
22
22
|
};
|
|
23
23
|
export {};
|
|
@@ -1,19 +1,42 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import ToasterContext from '../../../components/alert/context';
|
|
3
|
-
import { isServer } from '../../../helpers/isServer';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
export var useAlert = function (_a) {
|
|
6
5
|
var onClick = _a.onClick;
|
|
7
|
-
|
|
6
|
+
try {
|
|
7
|
+
var _1 = React.useState();
|
|
8
|
+
var handleClick = React.useCallback(function (e) {
|
|
9
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
10
|
+
e.stopPropagation();
|
|
11
|
+
}, []);
|
|
12
|
+
return { handleClick: handleClick };
|
|
13
|
+
}
|
|
14
|
+
catch (_b) {
|
|
8
15
|
return {};
|
|
9
|
-
|
|
10
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
11
|
-
e.stopPropagation();
|
|
12
|
-
}, []);
|
|
13
|
-
return { handleClick: handleClick };
|
|
16
|
+
}
|
|
14
17
|
};
|
|
15
18
|
export var useToasterAlertProvider = function () {
|
|
16
|
-
|
|
19
|
+
try {
|
|
20
|
+
var _a = __read(React.useState(null), 2), toasterState = _a[0], setToasterState_1 = _a[1];
|
|
21
|
+
var _b = __read(React.useState(5000), 2), duration_1 = _b[0], setDuration_1 = _b[1];
|
|
22
|
+
var timeRef_1 = React.useRef(null);
|
|
23
|
+
var showToast_1 = function (params) {
|
|
24
|
+
setToasterState_1(params);
|
|
25
|
+
params.duration && params.duration > 0 && setDuration_1(params.duration);
|
|
26
|
+
timeRef_1.current && clearTimeout(timeRef_1.current);
|
|
27
|
+
};
|
|
28
|
+
React.useEffect(function () {
|
|
29
|
+
timeRef_1.current = setTimeout(function () {
|
|
30
|
+
setToasterState_1(null);
|
|
31
|
+
}, duration_1);
|
|
32
|
+
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
33
|
+
var ToasterProvider = function (_a) {
|
|
34
|
+
var children = _a.children;
|
|
35
|
+
return React.createElement(ToasterContext.Provider, { value: { show: showToast_1, hide: function () { return null; } } }, children);
|
|
36
|
+
};
|
|
37
|
+
return { ToasterProvider: ToasterProvider, toasterState: toasterState };
|
|
38
|
+
}
|
|
39
|
+
catch (_c) {
|
|
17
40
|
return {
|
|
18
41
|
ToasterProvider: function (_a) {
|
|
19
42
|
var children = _a.children;
|
|
@@ -21,23 +44,5 @@ export var useToasterAlertProvider = function () {
|
|
|
21
44
|
},
|
|
22
45
|
};
|
|
23
46
|
}
|
|
24
|
-
var _a = __read(React.useState(null), 2), toasterState = _a[0], setToasterState = _a[1];
|
|
25
|
-
var _b = __read(React.useState(5000), 2), duration = _b[0], setDuration = _b[1];
|
|
26
|
-
var timeRef = React.useRef(null);
|
|
27
|
-
var showToast = function (params) {
|
|
28
|
-
setToasterState(params);
|
|
29
|
-
params.duration && params.duration > 0 && setDuration(params.duration);
|
|
30
|
-
timeRef.current && clearTimeout(timeRef.current);
|
|
31
|
-
};
|
|
32
|
-
React.useEffect(function () {
|
|
33
|
-
timeRef.current = setTimeout(function () {
|
|
34
|
-
setToasterState(null);
|
|
35
|
-
}, duration);
|
|
36
|
-
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
37
|
-
var ToasterProvider = function (_a) {
|
|
38
|
-
var children = _a.children;
|
|
39
|
-
return React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } }, children);
|
|
40
|
-
};
|
|
41
|
-
return { ToasterProvider: ToasterProvider, toasterState: toasterState };
|
|
42
47
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2hvb2tzL3VzZUFsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxjQUFjLE1BQU0sNEJBQTRCLENBQUE7QUFFdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBTXpCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQW9CO1FBQWxCLE9BQU8sYUFBQTtJQUNoQyxJQUFJO1FBQ0YsSUFBTSxFQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFBO1FBRTFCLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxDQUErQztZQUNwRixPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRU4sT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUE7S0FDdkI7SUFBQyxXQUFNO1FBQ04sT0FBTyxFQUFFLENBQUE7S0FDVjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHVCQUF1QixHQUFHO0lBQ3JDLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBNEIsSUFBSSxDQUFDLElBQUEsRUFBaEYsWUFBWSxRQUFBLEVBQUUsaUJBQWUsUUFBbUQsQ0FBQTtRQUNqRixJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBQSxFQUE3QyxVQUFRLFFBQUEsRUFBRSxhQUFXLFFBQXdCLENBQUE7UUFDcEQsSUFBTSxTQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBd0MsSUFBSSxDQUFDLENBQUE7UUFFekUsSUFBTSxXQUFTLEdBQUcsVUFBQyxNQUEwQjtZQUMzQyxpQkFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQ3ZCLE1BQU0sQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksYUFBVyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtZQUN0RSxTQUFPLENBQUMsT0FBTyxJQUFJLFlBQVksQ0FBQyxTQUFPLENBQUMsT0FBTyxDQUFDLENBQUE7UUFDbEQsQ0FBQyxDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFNBQU8sQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDO2dCQUMzQixpQkFBZSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ3ZCLENBQUMsRUFBRSxVQUFRLENBQUMsQ0FBQTtRQUNkLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQTRDO2dCQUExQyxRQUFRLGNBQUE7WUFDakMsT0FBTyxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxXQUFTLEVBQUUsSUFBSSxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxFQUFFLElBQUcsUUFBUSxDQUEyQixDQUFBO1FBQ3BILENBQUMsQ0FBQTtRQUVELE9BQU8sRUFBRSxlQUFlLGlCQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsQ0FBQTtLQUN6QztJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsZUFBZSxFQUFFLFVBQUMsRUFBNEM7b0JBQTFDLFFBQVEsY0FBQTtnQkFBdUMsT0FBQSwwQ0FBRyxRQUFRLENBQUk7WUFBZixDQUFlO1NBQ25GLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -15,17 +15,6 @@ interface IParams<T> {
|
|
|
15
15
|
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
16
16
|
}
|
|
17
17
|
export declare const useAutocomplete: <T extends string | Item<unknown> = string>({ value, data, displayMenu, matching, onChange, name, getSuggestions, debounceSuggestionsTimeout, onItemSelected, onFocus, onBlur, }: IParams<T>) => {
|
|
18
|
-
_inputValue: string | undefined;
|
|
19
|
-
isAutocompleteMenuVisible: boolean | undefined;
|
|
20
|
-
search: never[];
|
|
21
|
-
activeItem: number;
|
|
22
|
-
handleChange?: undefined;
|
|
23
|
-
handleFocus?: undefined;
|
|
24
|
-
handleKeyPress?: undefined;
|
|
25
|
-
suggestionSelected?: undefined;
|
|
26
|
-
onInputChange?: undefined;
|
|
27
|
-
handleBlur?: undefined;
|
|
28
|
-
} | {
|
|
29
18
|
handleChange: (event: InputChangeEventWeb) => void;
|
|
30
19
|
handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
31
20
|
handleKeyPress: (e: InputKeyboardEvent) => void;
|
|
@@ -36,5 +25,16 @@ export declare const useAutocomplete: <T extends string | Item<unknown> = string
|
|
|
36
25
|
search: T[];
|
|
37
26
|
activeItem: number;
|
|
38
27
|
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
28
|
+
} | {
|
|
29
|
+
_inputValue: string | undefined;
|
|
30
|
+
isAutocompleteMenuVisible: boolean | undefined;
|
|
31
|
+
search: never[];
|
|
32
|
+
activeItem: number;
|
|
33
|
+
handleChange?: undefined;
|
|
34
|
+
handleFocus?: undefined;
|
|
35
|
+
handleKeyPress?: undefined;
|
|
36
|
+
suggestionSelected?: undefined;
|
|
37
|
+
onInputChange?: undefined;
|
|
38
|
+
handleBlur?: undefined;
|
|
39
39
|
};
|
|
40
40
|
export {};
|
|
@@ -2,10 +2,137 @@ import { __awaiter, __generator, __read } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
|
|
4
4
|
import { debounce } from '../../../components/autocomplete/utils';
|
|
5
|
-
import { isServer } from '../../../helpers/isServer';
|
|
6
5
|
export var useAutocomplete = function (_a) {
|
|
7
6
|
var value = _a.value, data = _a.data, displayMenu = _a.displayMenu, matching = _a.matching, onChange = _a.onChange, name = _a.name, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onItemSelected = _a.onItemSelected, onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
8
|
-
|
|
7
|
+
try {
|
|
8
|
+
var _b = __read(React.useState(null), 2), itemSelected_1 = _b[0], setItemSelected_1 = _b[1];
|
|
9
|
+
var _c = __read(React.useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue_1 = _c[0], setInputValue_1 = _c[1];
|
|
10
|
+
var _d = __read(React.useState(0), 2), activeItem_1 = _d[0], setActiveItem_1 = _d[1];
|
|
11
|
+
var _e = __read(React.useState(displayMenu || false), 2), isAutocompleteMenuVisible = _e[0], setIsAutocompleteMenuVisible_1 = _e[1];
|
|
12
|
+
var _f = __read(React.useState([]), 2), search_1 = _f[0], setSearch_1 = _f[1];
|
|
13
|
+
var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14
|
+
var pattern, data_1;
|
|
15
|
+
return __generator(this, function (_a) {
|
|
16
|
+
switch (_a.label) {
|
|
17
|
+
case 0:
|
|
18
|
+
setIsAutocompleteMenuVisible_1(true);
|
|
19
|
+
if (onChange) {
|
|
20
|
+
onChange({
|
|
21
|
+
inputName: name || '',
|
|
22
|
+
inputValue: e.inputValue,
|
|
23
|
+
inputSelectionStart: null,
|
|
24
|
+
target: e.target,
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
// Check if the input value is a regular expression or a string
|
|
28
|
+
if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
|
|
29
|
+
try {
|
|
30
|
+
pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
|
|
31
|
+
setInputValue_1(new RegExp(pattern, 'i').source);
|
|
32
|
+
}
|
|
33
|
+
catch (error) {
|
|
34
|
+
// If the regular expression is invalid, keep the input value as a string
|
|
35
|
+
setInputValue_1(e.inputValue);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
setInputValue_1(e.inputValue);
|
|
40
|
+
}
|
|
41
|
+
if (!getSuggestions) return [3 /*break*/, 2];
|
|
42
|
+
return [4 /*yield*/, getSuggestions(e.inputValue)];
|
|
43
|
+
case 1:
|
|
44
|
+
data_1 = _a.sent();
|
|
45
|
+
setSearch_1(data_1);
|
|
46
|
+
return [3 /*break*/, 3];
|
|
47
|
+
case 2:
|
|
48
|
+
if (matching && data) {
|
|
49
|
+
setSearch_1(matching(data, e.inputValue));
|
|
50
|
+
}
|
|
51
|
+
_a.label = 3;
|
|
52
|
+
case 3: return [2 /*return*/];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}); };
|
|
56
|
+
var onInputChange_1 = debounceSuggestionsTimeout
|
|
57
|
+
? debounce(onTextChanged, debounceSuggestionsTimeout)
|
|
58
|
+
: onTextChanged;
|
|
59
|
+
var suggestionSelected_1 = function (value, data, search) {
|
|
60
|
+
setIsAutocompleteMenuVisible_1(false);
|
|
61
|
+
setInputValue_1(getLabel(value));
|
|
62
|
+
setItemSelected_1(value);
|
|
63
|
+
if (data || search) {
|
|
64
|
+
if (onItemSelected) {
|
|
65
|
+
onItemSelected({
|
|
66
|
+
value: value,
|
|
67
|
+
index: value ? (data.length ? data : search).indexOf(value) : -1,
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
var handleKeyPress = function (e) {
|
|
73
|
+
switch (e.inputKeyCode) {
|
|
74
|
+
case 38:
|
|
75
|
+
if (activeItem_1 === 0)
|
|
76
|
+
return;
|
|
77
|
+
setActiveItem_1(activeItem_1 - 1);
|
|
78
|
+
break;
|
|
79
|
+
case 40:
|
|
80
|
+
if (activeItem_1 === search_1.length - 1)
|
|
81
|
+
return;
|
|
82
|
+
setActiveItem_1(activeItem_1 + 1);
|
|
83
|
+
break;
|
|
84
|
+
case 13:
|
|
85
|
+
if (search_1[activeItem_1] != null) {
|
|
86
|
+
suggestionSelected_1(search_1[activeItem_1], data, search_1);
|
|
87
|
+
}
|
|
88
|
+
break;
|
|
89
|
+
default:
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
var handleFocus = function (event) {
|
|
93
|
+
setIsAutocompleteMenuVisible_1(true);
|
|
94
|
+
if (onFocus)
|
|
95
|
+
onFocus(event);
|
|
96
|
+
};
|
|
97
|
+
var handleBlur = function (e) {
|
|
98
|
+
setTimeout(function () { return setIsAutocompleteMenuVisible_1(false); }, 250);
|
|
99
|
+
if (onBlur)
|
|
100
|
+
onBlur(e);
|
|
101
|
+
};
|
|
102
|
+
var handleChange = React.useCallback(function (event) {
|
|
103
|
+
onInputChange_1(event);
|
|
104
|
+
}, [onInputChange_1]);
|
|
105
|
+
React.useEffect(function () {
|
|
106
|
+
setInputValue_1(value || '');
|
|
107
|
+
}, [value]);
|
|
108
|
+
React.useEffect(function () {
|
|
109
|
+
setActiveItem_1(0);
|
|
110
|
+
if (data === null || data === void 0 ? void 0 : data.length) {
|
|
111
|
+
if (matching) {
|
|
112
|
+
setSearch_1(matching(data, _inputValue_1));
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (itemSelected_1 && getLabel(itemSelected_1) !== _inputValue_1) {
|
|
116
|
+
setItemSelected_1(null);
|
|
117
|
+
}
|
|
118
|
+
}, [_inputValue_1]);
|
|
119
|
+
React.useEffect(function () {
|
|
120
|
+
setSearch_1(matching(data, _inputValue_1));
|
|
121
|
+
}, [data]);
|
|
122
|
+
return {
|
|
123
|
+
handleChange: handleChange,
|
|
124
|
+
handleFocus: handleFocus,
|
|
125
|
+
handleKeyPress: handleKeyPress,
|
|
126
|
+
suggestionSelected: suggestionSelected_1,
|
|
127
|
+
onInputChange: onInputChange_1,
|
|
128
|
+
_inputValue: _inputValue_1,
|
|
129
|
+
isAutocompleteMenuVisible: isAutocompleteMenuVisible,
|
|
130
|
+
search: search_1,
|
|
131
|
+
activeItem: activeItem_1,
|
|
132
|
+
handleBlur: handleBlur,
|
|
133
|
+
};
|
|
134
|
+
}
|
|
135
|
+
catch (_g) {
|
|
9
136
|
return {
|
|
10
137
|
_inputValue: value,
|
|
11
138
|
isAutocompleteMenuVisible: displayMenu,
|
|
@@ -13,129 +140,5 @@ export var useAutocomplete = function (_a) {
|
|
|
13
140
|
activeItem: 0,
|
|
14
141
|
};
|
|
15
142
|
}
|
|
16
|
-
var _b = __read(React.useState(null), 2), itemSelected = _b[0], setItemSelected = _b[1];
|
|
17
|
-
var _c = __read(React.useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue = _c[0], setInputValue = _c[1];
|
|
18
|
-
var _d = __read(React.useState(0), 2), activeItem = _d[0], setActiveItem = _d[1];
|
|
19
|
-
var _e = __read(React.useState(displayMenu || false), 2), isAutocompleteMenuVisible = _e[0], setIsAutocompleteMenuVisible = _e[1];
|
|
20
|
-
var _f = __read(React.useState([]), 2), search = _f[0], setSearch = _f[1];
|
|
21
|
-
var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22
|
-
var pattern, data_1;
|
|
23
|
-
return __generator(this, function (_a) {
|
|
24
|
-
switch (_a.label) {
|
|
25
|
-
case 0:
|
|
26
|
-
setIsAutocompleteMenuVisible(true);
|
|
27
|
-
if (onChange) {
|
|
28
|
-
onChange({
|
|
29
|
-
inputName: name || '',
|
|
30
|
-
inputValue: e.inputValue,
|
|
31
|
-
inputSelectionStart: null,
|
|
32
|
-
target: e.target,
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
// Check if the input value is a regular expression or a string
|
|
36
|
-
if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
|
|
37
|
-
try {
|
|
38
|
-
pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
|
|
39
|
-
setInputValue(new RegExp(pattern, 'i').source);
|
|
40
|
-
}
|
|
41
|
-
catch (error) {
|
|
42
|
-
// If the regular expression is invalid, keep the input value as a string
|
|
43
|
-
setInputValue(e.inputValue);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
setInputValue(e.inputValue);
|
|
48
|
-
}
|
|
49
|
-
if (!getSuggestions) return [3 /*break*/, 2];
|
|
50
|
-
return [4 /*yield*/, getSuggestions(e.inputValue)];
|
|
51
|
-
case 1:
|
|
52
|
-
data_1 = _a.sent();
|
|
53
|
-
setSearch(data_1);
|
|
54
|
-
return [3 /*break*/, 3];
|
|
55
|
-
case 2:
|
|
56
|
-
if (matching && data) {
|
|
57
|
-
setSearch(matching(data, e.inputValue));
|
|
58
|
-
}
|
|
59
|
-
_a.label = 3;
|
|
60
|
-
case 3: return [2 /*return*/];
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
}); };
|
|
64
|
-
var onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
|
|
65
|
-
var suggestionSelected = function (value, data, search) {
|
|
66
|
-
setIsAutocompleteMenuVisible(false);
|
|
67
|
-
setInputValue(getLabel(value));
|
|
68
|
-
setItemSelected(value);
|
|
69
|
-
if (data || search) {
|
|
70
|
-
if (onItemSelected) {
|
|
71
|
-
onItemSelected({
|
|
72
|
-
value: value,
|
|
73
|
-
index: value ? (data.length ? data : search).indexOf(value) : -1,
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
var handleKeyPress = function (e) {
|
|
79
|
-
switch (e.inputKeyCode) {
|
|
80
|
-
case 38:
|
|
81
|
-
if (activeItem === 0)
|
|
82
|
-
return;
|
|
83
|
-
setActiveItem(activeItem - 1);
|
|
84
|
-
break;
|
|
85
|
-
case 40:
|
|
86
|
-
if (activeItem === search.length - 1)
|
|
87
|
-
return;
|
|
88
|
-
setActiveItem(activeItem + 1);
|
|
89
|
-
break;
|
|
90
|
-
case 13:
|
|
91
|
-
if (search[activeItem] != null) {
|
|
92
|
-
suggestionSelected(search[activeItem], data, search);
|
|
93
|
-
}
|
|
94
|
-
break;
|
|
95
|
-
default:
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
var handleFocus = function (event) {
|
|
99
|
-
setIsAutocompleteMenuVisible(true);
|
|
100
|
-
if (onFocus)
|
|
101
|
-
onFocus(event);
|
|
102
|
-
};
|
|
103
|
-
var handleBlur = function (e) {
|
|
104
|
-
setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
|
|
105
|
-
if (onBlur)
|
|
106
|
-
onBlur(e);
|
|
107
|
-
};
|
|
108
|
-
var handleChange = React.useCallback(function (event) {
|
|
109
|
-
onInputChange(event);
|
|
110
|
-
}, [onInputChange]);
|
|
111
|
-
React.useEffect(function () {
|
|
112
|
-
setInputValue(value || '');
|
|
113
|
-
}, [value]);
|
|
114
|
-
React.useEffect(function () {
|
|
115
|
-
setActiveItem(0);
|
|
116
|
-
if (data === null || data === void 0 ? void 0 : data.length) {
|
|
117
|
-
if (matching) {
|
|
118
|
-
setSearch(matching(data, _inputValue));
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
if (itemSelected && getLabel(itemSelected) !== _inputValue) {
|
|
122
|
-
setItemSelected(null);
|
|
123
|
-
}
|
|
124
|
-
}, [_inputValue]);
|
|
125
|
-
React.useEffect(function () {
|
|
126
|
-
setSearch(matching(data, _inputValue));
|
|
127
|
-
}, [data]);
|
|
128
|
-
return {
|
|
129
|
-
handleChange: handleChange,
|
|
130
|
-
handleFocus: handleFocus,
|
|
131
|
-
handleKeyPress: handleKeyPress,
|
|
132
|
-
suggestionSelected: suggestionSelected,
|
|
133
|
-
onInputChange: onInputChange,
|
|
134
|
-
_inputValue: _inputValue,
|
|
135
|
-
isAutocompleteMenuVisible: isAutocompleteMenuVisible,
|
|
136
|
-
search: search,
|
|
137
|
-
activeItem: activeItem,
|
|
138
|
-
handleBlur: handleBlur,
|
|
139
|
-
};
|
|
140
143
|
};
|
|
141
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvaG9va3MvdXNlQXV0b2NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTtBQUV6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFpQjFELE1BQU0sQ0FBQyxJQUFNLGVBQWUsR0FBRyxVQUE0QyxFQVk5RDtRQVhYLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixjQUFjLG9CQUFBLEVBQ2QsMEJBQTBCLGdDQUFBLEVBQzFCLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUE7SUFFTixJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVcsSUFBSSxDQUFDLElBQUEsRUFBL0QsY0FBWSxRQUFBLEVBQUUsaUJBQWUsUUFBa0MsQ0FBQTtRQUNoRSxJQUFBLEtBQUEsT0FBK0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxFQUFFLENBQUMsSUFBQSxFQUFqRSxhQUFXLFFBQUEsRUFBRSxlQUFhLFFBQXVDLENBQUE7UUFDbEUsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsWUFBVSxRQUFBLEVBQUUsZUFBYSxRQUE2QixDQUFBO1FBQ3ZELElBQUEsS0FBQSxPQUE0RCxLQUFLLENBQUMsUUFBUSxDQUFVLFdBQVcsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF4Ryx5QkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFpRCxDQUFBO1FBQ3pHLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFNLEVBQUUsQ0FBQyxJQUFBLEVBQTVDLFFBQU0sUUFBQSxFQUFFLFdBQVMsUUFBMkIsQ0FBQTtRQUVuRCxJQUFNLGFBQWEsR0FBRyxVQUFPLENBQXNCOzs7Ozt3QkFDakQsOEJBQTRCLENBQUMsSUFBSSxDQUFDLENBQUE7d0JBRWxDLElBQUksUUFBUSxFQUFFOzRCQUNaLFFBQVEsQ0FBQztnQ0FDUCxTQUFTLEVBQUUsSUFBSSxJQUFJLEVBQUU7Z0NBQ3JCLFVBQVUsRUFBRSxDQUFDLENBQUMsVUFBVTtnQ0FDeEIsbUJBQW1CLEVBQUUsSUFBSTtnQ0FDekIsTUFBTSxFQUFFLENBQUMsQ0FBQyxNQUFNOzZCQUNqQixDQUFDLENBQUE7eUJBQ0g7d0JBRUQsK0RBQStEO3dCQUMvRCxJQUFJLENBQUMsQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFOzRCQUM5RCxJQUFJO2dDQUNJLE9BQU8sR0FBRyxDQUFDLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtnQ0FDeEUsZUFBYSxDQUFDLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQTs2QkFDL0M7NEJBQUMsT0FBTyxLQUFLLEVBQUU7Z0NBQ2QseUVBQXlFO2dDQUN6RSxlQUFhLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBOzZCQUM1Qjt5QkFDRjs2QkFBTTs0QkFDTCxlQUFhLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO3lCQUM1Qjs2QkFFRyxjQUFjLEVBQWQsd0JBQWM7d0JBQ0gscUJBQU0sY0FBYyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFBQTs7d0JBQXpDLFNBQU8sU0FBa0M7d0JBQy9DLFdBQVMsQ0FBQyxNQUFJLENBQUMsQ0FBQTs7O3dCQUNWLElBQUksUUFBUSxJQUFJLElBQUksRUFBRTs0QkFDM0IsV0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7eUJBQ3hDOzs7OzthQUNGLENBQUE7UUFFRCxJQUFNLGVBQWEsR0FBRywwQkFBMEI7WUFDOUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsMEJBQTBCLENBQUM7WUFDckQsQ0FBQyxDQUFDLGFBQWEsQ0FBQTtRQUVqQixJQUFNLG9CQUFrQixHQUFHLFVBQUMsS0FBUSxFQUFFLElBQVMsRUFBRSxNQUFXO1lBQzFELDhCQUE0QixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ25DLGVBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtZQUM5QixpQkFBZSxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ3RCLElBQUksSUFBSSxJQUFJLE1BQU0sRUFBRTtnQkFDbEIsSUFBSSxjQUFjLEVBQUU7b0JBQ2xCLGNBQWMsQ0FBQzt3QkFDYixLQUFLLEVBQUUsS0FBSzt3QkFDWixLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7cUJBQ2pFLENBQUMsQ0FBQTtpQkFDSDthQUNGO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsSUFBTSxjQUFjLEdBQUcsVUFBQyxDQUFxQjtZQUMzQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEVBQUU7Z0JBQ3RCLEtBQUssRUFBRTtvQkFDTCxJQUFJLFlBQVUsS0FBSyxDQUFDO3dCQUFFLE9BQU07b0JBQzVCLGVBQWEsQ0FBQyxZQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUE7b0JBQzdCLE1BQUs7Z0JBQ1AsS0FBSyxFQUFFO29CQUNMLElBQUksWUFBVSxLQUFLLFFBQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQzt3QkFBRSxPQUFNO29CQUM1QyxlQUFhLENBQUMsWUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFBO29CQUM3QixNQUFLO2dCQUNQLEtBQUssRUFBRTtvQkFDTCxJQUFJLFFBQU0sQ0FBQyxZQUFVLENBQUMsSUFBSSxJQUFJLEVBQUU7d0JBQzlCLG9CQUFrQixDQUFDLFFBQU0sQ0FBQyxZQUFVLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBTSxDQUFDLENBQUE7cUJBQ3JEO29CQUNELE1BQUs7Z0JBQ1AsUUFBUTthQUNUO1FBQ0gsQ0FBQyxDQUFBO1FBQ0QsSUFBTSxXQUFXLEdBQUcsVUFBQyxLQUFrRDtZQUNyRSw4QkFBNEIsQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUNsQyxJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQzdCLENBQUMsQ0FBQTtRQUVELElBQU0sVUFBVSxHQUFHLFVBQUMsQ0FBOEM7WUFDaEUsVUFBVSxDQUFDLGNBQU0sT0FBQSw4QkFBNEIsQ0FBQyxLQUFLLENBQUMsRUFBbkMsQ0FBbUMsRUFBRSxHQUFHLENBQUMsQ0FBQTtZQUMxRCxJQUFJLE1BQU07Z0JBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3ZCLENBQUMsQ0FBQTtRQUVELElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3BDLFVBQUMsS0FBMEI7WUFDekIsZUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3RCLENBQUMsRUFDRCxDQUFDLGVBQWEsQ0FBQyxDQUNoQixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGVBQWEsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLENBQUE7UUFDNUIsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUVYLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxlQUFhLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEIsSUFBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxFQUFFO2dCQUNoQixJQUFJLFFBQVEsRUFBRTtvQkFDWixXQUFTLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxhQUFXLENBQUMsQ0FBQyxDQUFBO2lCQUN2QzthQUNGO1lBQ0QsSUFBSSxjQUFZLElBQUksUUFBUSxDQUFDLGNBQVksQ0FBQyxLQUFLLGFBQVcsRUFBRTtnQkFDMUQsaUJBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQTthQUN0QjtRQUNILENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFdBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFDeEMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtRQUVWLE9BQU87WUFDTCxZQUFZLGNBQUE7WUFDWixXQUFXLGFBQUE7WUFDWCxjQUFjLGdCQUFBO1lBQ2Qsa0JBQWtCLHNCQUFBO1lBQ2xCLGFBQWEsaUJBQUE7WUFDYixXQUFXLGVBQUE7WUFDWCx5QkFBeUIsMkJBQUE7WUFDekIsTUFBTSxVQUFBO1lBQ04sVUFBVSxjQUFBO1lBQ1YsVUFBVSxZQUFBO1NBQ1gsQ0FBQTtLQUNGO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxXQUFXLEVBQUUsS0FBSztZQUNsQix5QkFBeUIsRUFBRSxXQUFXO1lBQ3RDLE1BQU0sRUFBRSxFQUFFO1lBQ1YsVUFBVSxFQUFFLENBQUM7U0FDZCxDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const useAutocompleteItem: () => {
|
|
2
|
-
isActive: boolean;
|
|
3
|
-
onMouseOut?: undefined;
|
|
4
|
-
onMouseOver?: undefined;
|
|
5
|
-
} | {
|
|
6
2
|
isActive: boolean;
|
|
7
3
|
onMouseOut: () => void;
|
|
8
4
|
onMouseOver: () => void;
|
|
5
|
+
} | {
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
onMouseOut?: undefined;
|
|
8
|
+
onMouseOver?: undefined;
|
|
9
9
|
};
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import { isServer } from '../../../../helpers/isServer';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export var useAutocompleteItem = function () {
|
|
5
|
-
|
|
4
|
+
try {
|
|
5
|
+
var _a = __read(React.useState(false), 2), isActive = _a[0], setIsActive_1 = _a[1];
|
|
6
|
+
var onMouseOver = React.useCallback(function () {
|
|
7
|
+
setIsActive_1(true);
|
|
8
|
+
}, []);
|
|
9
|
+
var onMouseOut = React.useCallback(function () {
|
|
10
|
+
setIsActive_1(false);
|
|
11
|
+
}, []);
|
|
12
|
+
return { isActive: isActive, onMouseOut: onMouseOut, onMouseOver: onMouseOver };
|
|
13
|
+
}
|
|
14
|
+
catch (_b) {
|
|
6
15
|
return {
|
|
7
16
|
isActive: false,
|
|
8
17
|
};
|
|
9
18
|
}
|
|
10
|
-
var _a = __read(React.useState(false), 2), isActive = _a[0], setIsActive = _a[1];
|
|
11
|
-
var onMouseOver = React.useCallback(function () {
|
|
12
|
-
setIsActive(true);
|
|
13
|
-
}, []);
|
|
14
|
-
var onMouseOut = React.useCallback(function () {
|
|
15
|
-
setIsActive(false);
|
|
16
|
-
}, []);
|
|
17
|
-
return { isActive: isActive, onMouseOut: onMouseOut, onMouseOver: onMouseOver };
|
|
18
19
|
};
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vaG9va3MvdXNlQXV0b2NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixNQUFNLENBQUMsSUFBTSxtQkFBbUIsR0FBRztJQUNqQyxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBOUMsUUFBUSxRQUFBLEVBQUUsYUFBVyxRQUF5QixDQUFBO1FBRXJELElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDcEMsYUFBVyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ25CLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDbkMsYUFBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3BCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLE9BQU8sRUFBRSxRQUFRLFVBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQzdDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -5,8 +5,8 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useButton: ({ isDisabled, onClick }: IParams) => {
|
|
8
|
-
handleClick?: undefined;
|
|
9
|
-
} | {
|
|
10
8
|
handleClick: (e: React.MouseEvent<HTMLInputElement | HTMLElement, MouseEvent>) => void;
|
|
9
|
+
} | {
|
|
10
|
+
handleClick?: undefined;
|
|
11
11
|
};
|
|
12
12
|
export {};
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export var useButton = function (_a) {
|
|
3
3
|
var isDisabled = _a.isDisabled, onClick = _a.onClick;
|
|
4
|
-
|
|
4
|
+
try {
|
|
5
|
+
var _1 = React.useState();
|
|
6
|
+
var handleClick = function (e) {
|
|
7
|
+
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
};
|
|
10
|
+
return { handleClick: handleClick };
|
|
11
|
+
}
|
|
12
|
+
catch (_b) {
|
|
5
13
|
return {};
|
|
6
|
-
|
|
7
|
-
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
8
|
-
e.stopPropagation();
|
|
9
|
-
};
|
|
10
|
-
return { handleClick: handleClick };
|
|
14
|
+
}
|
|
11
15
|
};
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vaG9va3MvdXNlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFPekIsTUFBTSxDQUFDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBZ0M7UUFBOUIsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUM3QyxJQUFJO1FBQ0YsSUFBTSxFQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFBO1FBRTFCLElBQU0sV0FBVyxHQUFHLFVBQUMsQ0FBK0Q7WUFDbEYsQ0FBQyxVQUFVLEtBQUksT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBLENBQUE7WUFDM0IsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsQ0FBQTtRQUVELE9BQU8sRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQ3ZCO0lBQUMsV0FBTTtRQUNOLE9BQU8sRUFBRSxDQUFBO0tBQ1Y7QUFDSCxDQUFDLENBQUEifQ==
|