@rolster/react-components 18.21.44 → 18.21.46
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/assets/{index-CEj_H1DS.css → index-CaA_sxmM.css} +5 -0
- package/dist/cjs/index.js +78 -71
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-CEj_H1DS.css → index-CaA_sxmM.css} +5 -0
- package/dist/es/index.js +78 -71
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +3 -0
- package/dist/esm/components/atoms/Amount/Amount.css.map +1 -1
- package/dist/esm/components/atoms/TabularText/TabularText.css +2 -0
- package/dist/esm/components/atoms/TabularText/TabularText.css.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +13 -13
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +12 -12
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +10 -10
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +11 -11
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +5 -2
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +3 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +7 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/controllers/ListController.d.ts +3 -3
- package/dist/esm/controllers/ListController.js +16 -16
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/dist/esm/definitions.d.ts +3 -3
- package/package.json +2 -2
|
@@ -5,23 +5,23 @@ function calculateMinHeightList(count, height) {
|
|
|
5
5
|
}
|
|
6
6
|
export function useListController(props) {
|
|
7
7
|
const { count, suggestions, automatic, formControl, lineHeight, reference } = props;
|
|
8
|
+
const refContent = useRef(null);
|
|
9
|
+
const refList = useRef(null);
|
|
10
|
+
const refInput = useRef(null);
|
|
8
11
|
const listIsOpen = useRef(false);
|
|
9
|
-
const contentRef = useRef(null);
|
|
10
|
-
const listRef = useRef(null);
|
|
11
|
-
const inputRef = useRef(null);
|
|
12
12
|
const [collection, setCollection] = useState(new ListCollection(suggestions));
|
|
13
13
|
const [state, refreshState] = useState({
|
|
14
14
|
focused: false,
|
|
15
15
|
higher: false,
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
modalIsVisible: false,
|
|
17
|
+
value: ''
|
|
18
18
|
});
|
|
19
|
+
const changeValueInternal = useRef(false);
|
|
19
20
|
const position = useRef(0);
|
|
20
21
|
const valueProtected = useRef();
|
|
21
|
-
const changeValueInternal = useRef(false);
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
function onCloseSuggestions({ target }) {
|
|
24
|
-
!
|
|
24
|
+
!refContent?.current?.contains(target) &&
|
|
25
25
|
refreshState((state) => ({ ...state, modalIsVisible: false }));
|
|
26
26
|
}
|
|
27
27
|
document.addEventListener('click', onCloseSuggestions);
|
|
@@ -71,7 +71,7 @@ export function useListController(props) {
|
|
|
71
71
|
const _state = state.modalIsVisible
|
|
72
72
|
? {
|
|
73
73
|
...state,
|
|
74
|
-
higher: locationListCanTop(
|
|
74
|
+
higher: locationListCanTop(refContent.current, refList.current, minHeightList)
|
|
75
75
|
}
|
|
76
76
|
: state;
|
|
77
77
|
refreshState((state) => ({ ...state, ..._state }));
|
|
@@ -89,29 +89,29 @@ export function useListController(props) {
|
|
|
89
89
|
const navigationInput = useCallback((event) => {
|
|
90
90
|
if (state.modalIsVisible) {
|
|
91
91
|
const _position = navigationListFromInput({
|
|
92
|
-
content:
|
|
92
|
+
content: refContent.current,
|
|
93
93
|
event: event,
|
|
94
|
-
list:
|
|
94
|
+
list: refList.current
|
|
95
95
|
});
|
|
96
96
|
position.current = _position ?? 0;
|
|
97
97
|
}
|
|
98
98
|
}, [state.modalIsVisible]);
|
|
99
99
|
const navigationElement = useCallback((event) => {
|
|
100
100
|
position.current = navigationListFromElement({
|
|
101
|
-
content:
|
|
101
|
+
content: refContent.current,
|
|
102
102
|
event: event,
|
|
103
|
-
input:
|
|
104
|
-
list:
|
|
103
|
+
input: refInput.current,
|
|
104
|
+
list: refList.current,
|
|
105
105
|
position: position.current
|
|
106
106
|
});
|
|
107
107
|
}, [state.modalIsVisible]);
|
|
108
108
|
return {
|
|
109
109
|
...state,
|
|
110
|
-
contentRef,
|
|
111
|
-
inputRef,
|
|
112
|
-
listRef,
|
|
113
110
|
navigationElement,
|
|
114
111
|
navigationInput,
|
|
112
|
+
refContent,
|
|
113
|
+
refInput,
|
|
114
|
+
refList,
|
|
115
115
|
setFormValue,
|
|
116
116
|
setState
|
|
117
117
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AA+Bf,SAAS,sBAAsB,CAAC,KAAa,EAAE,MAAc;IAC3D,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAgC;IAEhC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,GACzE,KAAK,CAAC;IAER,MAAM,UAAU,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
export interface ListControllerState {
|
|
3
|
-
contentRef: RefObject<HTMLDivElement>;
|
|
4
3
|
focused: boolean;
|
|
5
4
|
higher: boolean;
|
|
6
|
-
inputRef: RefObject<HTMLInputElement>;
|
|
7
|
-
listRef: RefObject<HTMLUListElement>;
|
|
8
5
|
modalIsVisible: boolean;
|
|
6
|
+
refContent: RefObject<HTMLDivElement>;
|
|
7
|
+
refInput: RefObject<HTMLInputElement>;
|
|
8
|
+
refList: RefObject<HTMLUListElement>;
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.21.
|
|
3
|
+
"version": "18.21.46",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
50
50
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
51
51
|
"@rolster/rollup": "^1.0.6",
|
|
52
|
-
"@rolster/styles-foundations": "^2.5.
|
|
52
|
+
"@rolster/styles-foundations": "^2.5.27",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|