@rolster/react-components 18.10.5 → 18.10.6
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/dist/cjs/index.js +55 -41
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +55 -41
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.d.ts +3 -3
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js +26 -18
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js.map +1 -1
- package/dist/esm/components/organisms/SelectField/SelectFieldHook.js +22 -13
- package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map +1 -1
- package/dist/esm/hooks/ListControlHook.d.ts +2 -2
- package/dist/esm/hooks/ListControlHook.js +5 -8
- package/dist/esm/hooks/ListControlHook.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
2
|
import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
3
|
-
import { AbstractAutocompleteElement as Element } from '../../../models';
|
|
4
3
|
import { ListControl } from '../../../hooks';
|
|
4
|
+
import { AbstractAutocompleteElement as Element } from '../../../models';
|
|
5
5
|
export interface AutocompleteControl<T = unknown, E extends Element<T> = Element<T>> {
|
|
6
6
|
coincidences: E[];
|
|
7
7
|
listControl: ListControl<T>;
|
|
8
|
-
pattern: string;
|
|
9
8
|
onBlurInput: () => void;
|
|
10
9
|
onClickAction: () => void;
|
|
11
10
|
onClickBackdrop: () => void;
|
|
@@ -14,6 +13,7 @@ export interface AutocompleteControl<T = unknown, E extends Element<T> = Element
|
|
|
14
13
|
onFocusInput: () => void;
|
|
15
14
|
onKeydownElement: (element: E) => KeyboardEventHandler;
|
|
16
15
|
onKeydownInput: (event: KeyboardEvent) => void;
|
|
16
|
+
pattern: string;
|
|
17
17
|
setPattern: (value: string) => void;
|
|
18
18
|
}
|
|
19
19
|
interface AutocompleteProps<T = unknown, E extends Element<T> = Element<T>> {
|
|
@@ -23,5 +23,5 @@ interface AutocompleteProps<T = unknown, E extends Element<T> = Element<T>> {
|
|
|
23
23
|
onSelect?: (value: T) => void;
|
|
24
24
|
onValue?: (value?: T) => void;
|
|
25
25
|
}
|
|
26
|
-
export declare function useAutocompleteField<T = unknown, E extends Element<T> = Element<T>>({
|
|
26
|
+
export declare function useAutocompleteField<T = unknown, E extends Element<T> = Element<T>>({ disabled, formControl, onSelect, onValue, suggestions }: AutocompleteProps<T, E>): AutocompleteControl<T, E>;
|
|
27
27
|
export {};
|
|
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
import { useListControl } from '../../../hooks';
|
|
4
4
|
const DURATION_ANIMATION = 240;
|
|
5
5
|
const MAX_ELEMENTS = 6;
|
|
6
|
-
export function useAutocompleteField({
|
|
6
|
+
export function useAutocompleteField({ disabled, formControl, onSelect, onValue, suggestions }) {
|
|
7
7
|
const [pattern, setPattern] = useState('');
|
|
8
8
|
const [coincidences, setCoincidences] = useState([]);
|
|
9
9
|
const [store, setStore] = useState({
|
|
@@ -14,25 +14,35 @@ export function useAutocompleteField({ suggestions, disabled, formControl, onSel
|
|
|
14
14
|
const listControl = useListControl({
|
|
15
15
|
suggestions,
|
|
16
16
|
formControl,
|
|
17
|
-
|
|
17
|
+
higher: true
|
|
18
18
|
});
|
|
19
|
-
const { collection, inputRef,
|
|
19
|
+
const { collection, inputRef, navigationElement, navigationInput, setFocused, setValue, setVisible } = listControl;
|
|
20
20
|
const [changeInternal, setChangeInternal] = useState(false);
|
|
21
21
|
useEffect(() => filterSuggestions(pattern, true), [suggestions]);
|
|
22
22
|
useEffect(() => filterSuggestions(pattern), [pattern]);
|
|
23
23
|
useEffect(() => {
|
|
24
|
-
changeInternal
|
|
24
|
+
changeInternal
|
|
25
|
+
? setChangeInternal(false)
|
|
26
|
+
: reset(collection, formControl?.state);
|
|
25
27
|
}, [formControl?.state]);
|
|
26
|
-
useEffect(() =>
|
|
27
|
-
function
|
|
28
|
-
|
|
28
|
+
useEffect(() => reset(collection, formControl?.state), [collection]);
|
|
29
|
+
function setFormState(value) {
|
|
30
|
+
setChangeInternal(true);
|
|
31
|
+
formControl?.setState(value);
|
|
29
32
|
}
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
function reset(collection, state) {
|
|
34
|
+
if (state) {
|
|
35
|
+
const element = collection.find(state);
|
|
36
|
+
if (element) {
|
|
37
|
+
setValue(element.description);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
setValue('');
|
|
41
|
+
setFormState(undefined);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
setValue('');
|
|
36
46
|
}
|
|
37
47
|
}
|
|
38
48
|
function onClickControl() {
|
|
@@ -64,8 +74,7 @@ export function useAutocompleteField({ suggestions, disabled, formControl, onSel
|
|
|
64
74
|
setVisible(false);
|
|
65
75
|
setValue('');
|
|
66
76
|
if (formControl) {
|
|
67
|
-
|
|
68
|
-
formControl.setState(undefined);
|
|
77
|
+
setFormState(undefined);
|
|
69
78
|
}
|
|
70
79
|
if (onValue) {
|
|
71
80
|
onValue(undefined);
|
|
@@ -98,8 +107,7 @@ export function useAutocompleteField({ suggestions, disabled, formControl, onSel
|
|
|
98
107
|
}
|
|
99
108
|
else {
|
|
100
109
|
if (formControl) {
|
|
101
|
-
|
|
102
|
-
formControl.setState(value);
|
|
110
|
+
setFormState(value);
|
|
103
111
|
}
|
|
104
112
|
setValue(description);
|
|
105
113
|
}
|
|
@@ -153,7 +161,6 @@ export function useAutocompleteField({ suggestions, disabled, formControl, onSel
|
|
|
153
161
|
return {
|
|
154
162
|
coincidences,
|
|
155
163
|
listControl,
|
|
156
|
-
pattern,
|
|
157
164
|
onBlurInput,
|
|
158
165
|
onClickAction,
|
|
159
166
|
onClickBackdrop,
|
|
@@ -162,6 +169,7 @@ export function useAutocompleteField({ suggestions, disabled, formControl, onSel
|
|
|
162
169
|
onFocusInput,
|
|
163
170
|
onKeydownElement,
|
|
164
171
|
onKeydownInput,
|
|
172
|
+
pattern,
|
|
165
173
|
setPattern
|
|
166
174
|
};
|
|
167
175
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteFieldHook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutocompleteFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteFieldHook.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,21 +2,31 @@ import { useEffect, useState } from 'react';
|
|
|
2
2
|
import { useListControl } from '../../../hooks';
|
|
3
3
|
export function useSelectField({ suggestions, formControl, onSelect, onValue }) {
|
|
4
4
|
const listControl = useListControl({ suggestions, formControl });
|
|
5
|
-
const { collection, inputRef, visible,
|
|
5
|
+
const { collection, inputRef, visible, navigationElement, navigationInput, setFocused, setValue, setVisible } = listControl;
|
|
6
6
|
const [changeInternal, setChangeInternal] = useState(false);
|
|
7
7
|
useEffect(() => {
|
|
8
|
-
changeInternal
|
|
8
|
+
changeInternal
|
|
9
|
+
? setChangeInternal(false)
|
|
10
|
+
: reset(collection, formControl?.state);
|
|
9
11
|
}, [formControl?.state]);
|
|
10
|
-
useEffect(() =>
|
|
11
|
-
function
|
|
12
|
-
|
|
12
|
+
useEffect(() => reset(collection, formControl?.state), [collection]);
|
|
13
|
+
function setFormState(value) {
|
|
14
|
+
setChangeInternal(true);
|
|
15
|
+
formControl?.setState(value);
|
|
13
16
|
}
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
function reset(collection, state) {
|
|
18
|
+
if (state) {
|
|
19
|
+
const element = collection.find(state);
|
|
20
|
+
if (element) {
|
|
21
|
+
setValue(element.description);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
setValue('');
|
|
25
|
+
setFormState(undefined);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setValue('');
|
|
20
30
|
}
|
|
21
31
|
}
|
|
22
32
|
function onFocusInput() {
|
|
@@ -82,8 +92,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
|
|
|
82
92
|
}
|
|
83
93
|
else {
|
|
84
94
|
if (formControl) {
|
|
85
|
-
|
|
86
|
-
formControl.setState(value);
|
|
95
|
+
setFormState(value);
|
|
87
96
|
}
|
|
88
97
|
setValue(description);
|
|
89
98
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export interface ListControl<T = unknown> {
|
|
|
19
19
|
interface ListControlProps<T = unknown> {
|
|
20
20
|
suggestions: AbstractListElement<T>[];
|
|
21
21
|
formControl?: ReactControl<HTMLElement, T>;
|
|
22
|
-
|
|
22
|
+
higher?: boolean;
|
|
23
23
|
}
|
|
24
|
-
export declare function useListControl<T = unknown>({ suggestions, formControl, withHigher }: ListControlProps<T>): ListControl<T>;
|
|
24
|
+
export declare function useListControl<T = unknown>({ suggestions, formControl, higher: withHigher }: ListControlProps<T>): ListControl<T>;
|
|
25
25
|
export {};
|
|
@@ -7,7 +7,7 @@ const ELEMENT_SIZE_REM = 4;
|
|
|
7
7
|
const BASE_SIZE_PX = 16;
|
|
8
8
|
const ELEMENT_SIZE_PX = BASE_SIZE_PX * ELEMENT_SIZE_REM;
|
|
9
9
|
const MAZ_LIST_SIZE_PX = BASE_SIZE_PX * LIST_SIZE_REM;
|
|
10
|
-
export function useListControl({ suggestions, formControl, withHigher = false }) {
|
|
10
|
+
export function useListControl({ suggestions, formControl, higher: withHigher = false }) {
|
|
11
11
|
const boxContentRef = useRef(null);
|
|
12
12
|
const listRef = useRef(null);
|
|
13
13
|
const inputRef = useRef(null);
|
|
@@ -99,10 +99,7 @@ export function useListControl({ suggestions, formControl, withHigher = false })
|
|
|
99
99
|
setPositionElement(0);
|
|
100
100
|
elements.item(0).focus();
|
|
101
101
|
setTimeout(() => {
|
|
102
|
-
listRef?.current?.scroll({
|
|
103
|
-
top: 0,
|
|
104
|
-
behavior: 'smooth'
|
|
105
|
-
});
|
|
102
|
+
listRef?.current?.scroll({ top: 0, behavior: 'smooth' });
|
|
106
103
|
}, 100);
|
|
107
104
|
}
|
|
108
105
|
}
|
|
@@ -134,13 +131,13 @@ export function useListControl({ suggestions, formControl, withHigher = false })
|
|
|
134
131
|
higher,
|
|
135
132
|
inputRef,
|
|
136
133
|
listRef,
|
|
137
|
-
value,
|
|
138
|
-
visible,
|
|
139
134
|
navigationElement,
|
|
140
135
|
navigationInput,
|
|
141
136
|
setFocused,
|
|
142
137
|
setValue,
|
|
143
|
-
setVisible
|
|
138
|
+
setVisible,
|
|
139
|
+
value,
|
|
140
|
+
visible
|
|
144
141
|
};
|
|
145
142
|
}
|
|
146
143
|
//# sourceMappingURL=ListControlHook.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListControlHook.js","sourceRoot":"","sources":["../../../src/hooks/ListControlHook.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,cAAc,EAAE,MAAM,WAAW,CAAC;AAIhE,MAAM,YAAY,GAAG,0BAA0B,CAAC;AAEhD,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,eAAe,GAAG,YAAY,GAAG,gBAAgB,CAAC;AACxD,MAAM,gBAAgB,GAAG,YAAY,GAAG,aAAa,CAAC;AAwBtD,MAAM,UAAU,cAAc,CAAc,EAC1C,WAAW,EACX,WAAW,EACX,UAAU,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"ListControlHook.js","sourceRoot":"","sources":["../../../src/hooks/ListControlHook.ts"],"names":[],"mappings":"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"}
|