@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-SC-beta-2
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 +7 -10
- package/lib/components/alert/hooks/useAlert.d.ts +4 -4
- package/lib/components/alert/hooks/useAlert.js +27 -32
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +11 -11
- package/lib/components/autocomplete/hooks/useAutocomplete.js +127 -130
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +4 -4
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +11 -12
- package/lib/components/button/hooks/useButton.d.ts +2 -2
- package/lib/components/button/hooks/useButton.js +8 -12
- package/lib/components/countdown/hooks/useCountdown.js +57 -58
- package/lib/components/input/gauge/hook/useGauge.js +62 -63
- package/lib/components/input/hook/useInput.d.ts +15 -15
- package/lib/components/input/hook/useInput.js +126 -127
- package/lib/components/modal/hooks/useModal.d.ts +9 -9
- package/lib/components/modal/hooks/useModal.js +76 -78
- package/lib/components/otp/hooks/useOtp.d.ts +5 -5
- package/lib/components/otp/hooks/useOtp.js +33 -34
- package/lib/components/pagination/hooks/usePagination.d.ts +6 -6
- package/lib/components/pagination/hooks/usePagination.js +33 -34
- package/lib/components/product-tour/hooks/useProductTour.d.ts +2 -2
- package/lib/components/product-tour/hooks/useProductTour.js +12 -13
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.js +31 -32
- package/lib/components/range/hooks/useRange.d.ts +8 -8
- package/lib/components/range/hooks/useRange.js +51 -52
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +3 -3
- package/lib/components/segment-control/hooks/useSegmentControl.js +21 -22
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +16 -17
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +8 -8
- package/lib/components/select/web/hooks/useSelectDynamic.js +115 -116
- package/lib/components/select/web/hooks/useSelectNative.d.ts +6 -6
- package/lib/components/select/web/hooks/useSelectNative.js +30 -31
- package/lib/components/stepper/hooks/useStepper.js +14 -15
- package/lib/components/switch/hooks/useSwitch.d.ts +4 -4
- package/lib/components/switch/hooks/useSwitch.js +36 -37
- package/lib/components/tabs/hooks/useTabs.js +18 -19
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +18 -19
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +5 -6
- package/lib/components/textarea/hooks/useTextarea.d.ts +3 -3
- package/lib/components/textarea/hooks/useTextarea.js +20 -21
- package/lib/helpers/isServer.d.ts +1 -0
- package/lib/helpers/isServer.js +2 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,11 @@
|
|
|
1
|
+
import { isServer } from '../../../../../helpers/isServer';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
export var useAccordionBody = function () {
|
|
3
|
-
|
|
4
|
-
var _1 = React.useState();
|
|
5
|
-
var onClick = React.useCallback(function (e) {
|
|
6
|
-
e.stopPropagation();
|
|
7
|
-
}, []);
|
|
8
|
-
return { onClick: onClick };
|
|
9
|
-
}
|
|
10
|
-
catch (_a) {
|
|
4
|
+
if (isServer)
|
|
11
5
|
return {};
|
|
12
|
-
|
|
6
|
+
var onClick = React.useCallback(function (e) {
|
|
7
|
+
e.stopPropagation();
|
|
8
|
+
}, []);
|
|
9
|
+
return { onClick: onClick };
|
|
13
10
|
};
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWNjb3JkaW9uQm95LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9ib2R5L2hvb2tzL3VzZUFjY29yZGlvbkJveS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixNQUFNLENBQUMsSUFBTSxnQkFBZ0IsR0FBRztJQUM5QixJQUFJLFFBQVE7UUFBRSxPQUFPLEVBQUUsQ0FBQTtJQUV2QixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBK0M7UUFDaEYsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO0lBQ3JCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFBO0FBQ3BCLENBQUMsQ0FBQSJ9
|
|
@@ -5,19 +5,19 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useAlert: ({ onClick }: IParams) => {
|
|
8
|
-
handleClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
9
|
-
} | {
|
|
10
8
|
handleClick?: undefined;
|
|
9
|
+
} | {
|
|
10
|
+
handleClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
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?: undefined;
|
|
17
17
|
} | {
|
|
18
18
|
ToasterProvider: ({ children }: {
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
}) => React.JSX.Element;
|
|
21
|
-
toasterState
|
|
21
|
+
toasterState: ToasterStatusProps | null;
|
|
22
22
|
};
|
|
23
23
|
export {};
|
|
@@ -1,42 +1,19 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import ToasterContext from '../../../components/alert/context';
|
|
3
|
+
import { isServer } from '../../../helpers/isServer';
|
|
3
4
|
import React from 'react';
|
|
4
5
|
export var useAlert = function (_a) {
|
|
5
6
|
var onClick = _a.onClick;
|
|
6
|
-
|
|
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) {
|
|
7
|
+
if (isServer)
|
|
15
8
|
return {};
|
|
16
|
-
|
|
9
|
+
var handleClick = React.useCallback(function (e) {
|
|
10
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
}, []);
|
|
13
|
+
return { handleClick: handleClick };
|
|
17
14
|
};
|
|
18
15
|
export var useToasterAlertProvider = function () {
|
|
19
|
-
|
|
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) {
|
|
16
|
+
if (isServer) {
|
|
40
17
|
return {
|
|
41
18
|
ToasterProvider: function (_a) {
|
|
42
19
|
var children = _a.children;
|
|
@@ -44,5 +21,23 @@ export var useToasterAlertProvider = function () {
|
|
|
44
21
|
},
|
|
45
22
|
};
|
|
46
23
|
}
|
|
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 };
|
|
47
42
|
};
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2hvb2tzL3VzZUFsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxjQUFjLE1BQU0sNEJBQTRCLENBQUE7QUFFdkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUFvQjtRQUFsQixPQUFPLGFBQUE7SUFDaEMsSUFBSSxRQUFRO1FBQUUsT0FBTyxFQUFFLENBQUE7SUFFdkIsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxVQUFDLENBQStDO1FBQ3BGLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUNyQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFFTixPQUFPLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSx1QkFBdUIsR0FBRztJQUNyQyxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU87WUFDTCxlQUFlLEVBQUUsVUFBQyxFQUE0QztvQkFBMUMsUUFBUSxjQUFBO2dCQUF1QyxPQUFBLDBDQUFHLFFBQVEsQ0FBSTtZQUFmLENBQWU7U0FDbkYsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQTRCLElBQUksQ0FBQyxJQUFBLEVBQWhGLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBbUQsQ0FBQTtJQUNqRixJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBQSxFQUE3QyxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQXdCLENBQUE7SUFDcEQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBd0MsSUFBSSxDQUFDLENBQUE7SUFFekUsSUFBTSxTQUFTLEdBQUcsVUFBQyxNQUEwQjtRQUMzQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUE7UUFDdkIsTUFBTSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxXQUFXLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQ3RFLE9BQU8sQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNsRCxDQUFDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsT0FBTyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUM7WUFDM0IsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ3ZCLENBQUMsRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQTRDO1lBQTFDLFFBQVEsY0FBQTtRQUNqQyxPQUFPLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsY0FBTSxPQUFBLElBQUksRUFBSixDQUFJLEVBQUUsSUFBRyxRQUFRLENBQTJCLENBQUE7SUFDcEgsQ0FBQyxDQUFBO0lBRUQsT0FBTyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxZQUFZLGNBQUEsRUFBRSxDQUFBO0FBQzFDLENBQUMsQ0FBQSJ9
|
|
@@ -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
|
-
handleChange: (event: InputChangeEventWeb) => void;
|
|
19
|
-
handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
20
|
-
handleKeyPress: (e: InputKeyboardEvent) => void;
|
|
21
|
-
suggestionSelected: (value: T, data: T[], search: T[]) => void;
|
|
22
|
-
onInputChange: (e: InputChangeEventWeb) => Promise<void>;
|
|
23
|
-
_inputValue: string;
|
|
24
|
-
isAutocompleteMenuVisible: boolean;
|
|
25
|
-
search: T[];
|
|
26
|
-
activeItem: number;
|
|
27
|
-
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
28
|
-
} | {
|
|
29
18
|
_inputValue: string | undefined;
|
|
30
19
|
isAutocompleteMenuVisible: boolean | undefined;
|
|
31
20
|
search: never[];
|
|
@@ -36,5 +25,16 @@ export declare const useAutocomplete: <T extends string | Item<unknown> = string
|
|
|
36
25
|
suggestionSelected?: undefined;
|
|
37
26
|
onInputChange?: undefined;
|
|
38
27
|
handleBlur?: undefined;
|
|
28
|
+
} | {
|
|
29
|
+
handleChange: (event: InputChangeEventWeb) => void;
|
|
30
|
+
handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
31
|
+
handleKeyPress: (e: InputKeyboardEvent) => void;
|
|
32
|
+
suggestionSelected: (value: T, data: T[], search: T[]) => void;
|
|
33
|
+
onInputChange: (e: InputChangeEventWeb) => Promise<void>;
|
|
34
|
+
_inputValue: string;
|
|
35
|
+
isAutocompleteMenuVisible: boolean;
|
|
36
|
+
search: T[];
|
|
37
|
+
activeItem: number;
|
|
38
|
+
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
39
39
|
};
|
|
40
40
|
export {};
|
|
@@ -2,137 +2,10 @@ 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';
|
|
5
6
|
export var useAutocomplete = function (_a) {
|
|
6
7
|
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;
|
|
7
|
-
|
|
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) {
|
|
8
|
+
if (isServer) {
|
|
136
9
|
return {
|
|
137
10
|
_inputValue: value,
|
|
138
11
|
isAutocompleteMenuVisible: displayMenu,
|
|
@@ -140,5 +13,129 @@ export var useAutocomplete = function (_a) {
|
|
|
140
13
|
activeItem: 0,
|
|
141
14
|
};
|
|
142
15
|
}
|
|
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
|
+
};
|
|
143
140
|
};
|
|
144
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvaG9va3MvdXNlQXV0b2NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTtBQUV6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFFMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBZ0I3QyxNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBNEMsRUFZOUQ7UUFYWCxLQUFLLFdBQUEsRUFDTCxJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLDBCQUEwQixnQ0FBQSxFQUMxQixjQUFjLG9CQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBO0lBRU4sSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPO1lBQ0wsV0FBVyxFQUFFLEtBQUs7WUFDbEIseUJBQXlCLEVBQUUsV0FBVztZQUN0QyxNQUFNLEVBQUUsRUFBRTtZQUNWLFVBQVUsRUFBRSxDQUFDO1NBQ2QsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVcsSUFBSSxDQUFDLElBQUEsRUFBL0QsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQyxDQUFBO0lBQ2hFLElBQUEsS0FBQSxPQUErQixLQUFLLENBQUMsUUFBUSxDQUFTLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQWpFLFdBQVcsUUFBQSxFQUFFLGFBQWEsUUFBdUMsQ0FBQTtJQUNsRSxJQUFBLEtBQUEsT0FBOEIs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
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const useAutocompleteItem: () => {
|
|
2
|
-
isActive: boolean;
|
|
3
|
-
onMouseOut: () => void;
|
|
4
|
-
onMouseOver: () => void;
|
|
5
|
-
} | {
|
|
6
2
|
isActive: boolean;
|
|
7
3
|
onMouseOut?: undefined;
|
|
8
4
|
onMouseOver?: undefined;
|
|
5
|
+
} | {
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
onMouseOut: () => void;
|
|
8
|
+
onMouseOver: () => void;
|
|
9
9
|
};
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
+
import { isServer } from '../../../../helpers/isServer';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
export var useAutocompleteItem = function () {
|
|
4
|
-
|
|
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) {
|
|
5
|
+
if (isServer) {
|
|
15
6
|
return {
|
|
16
7
|
isActive: false,
|
|
17
8
|
};
|
|
18
9
|
}
|
|
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 };
|
|
19
18
|
};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vaG9va3MvdXNlQXV0b2NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUM3QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQUc7SUFDakMsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLEtBQUs7U0FDaEIsQ0FBQTtLQUNGO0lBQ0ssSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBOUMsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUF5QixDQUFBO0lBRXJELElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDcEMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ25CLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDbkMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3BCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sRUFBRSxRQUFRLFVBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0FBQzlDLENBQUMsQ0FBQSJ9
|
|
@@ -5,8 +5,8 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useButton: ({ isDisabled, onClick }: IParams) => {
|
|
8
|
-
handleClick: (e: React.MouseEvent<HTMLInputElement | HTMLElement, MouseEvent>) => void;
|
|
9
|
-
} | {
|
|
10
8
|
handleClick?: undefined;
|
|
9
|
+
} | {
|
|
10
|
+
handleClick: (e: React.MouseEvent<HTMLInputElement | HTMLElement, MouseEvent>) => void;
|
|
11
11
|
};
|
|
12
12
|
export {};
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
2
|
export var useButton = function (_a) {
|
|
3
3
|
var isDisabled = _a.isDisabled, onClick = _a.onClick;
|
|
4
|
-
|
|
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) {
|
|
4
|
+
if (isServer)
|
|
13
5
|
return {};
|
|
14
|
-
|
|
6
|
+
var handleClick = function (e) {
|
|
7
|
+
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
};
|
|
10
|
+
return { handleClick: handleClick };
|
|
15
11
|
};
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vaG9va3MvdXNlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFRN0MsTUFBTSxDQUFDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBZ0M7UUFBOUIsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUM3QyxJQUFJLFFBQVE7UUFBRSxPQUFPLEVBQUUsQ0FBQTtJQUV2QixJQUFNLFdBQVcsR0FBRyxVQUFDLENBQStEO1FBQ2xGLENBQUMsVUFBVSxLQUFJLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQSxDQUFBO1FBQzNCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUNyQixDQUFDLENBQUE7SUFFRCxPQUFPLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQTtBQUN4QixDQUFDLENBQUEifQ==
|