@rolster/react-components 19.3.0 → 19.4.4
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/LICENSE +21 -21
- package/dist/cjs/assets/{index-CvUJnmkm.css → index-ChnUq-Oa.css} +102 -16
- package/dist/cjs/{index.js → index.cjs} +272 -209
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/esm/components/atoms/Avatar/Avatar.css +4 -4
- package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -1
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js +1 -1
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +3 -3
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
- package/dist/esm/components/molecules/FieldFile/FieldFile.css +29 -0
- package/dist/esm/components/molecules/FieldFile/FieldFile.css.map +1 -0
- package/dist/esm/components/molecules/FieldFile/FieldFile.d.ts +15 -0
- package/dist/esm/components/molecules/FieldFile/FieldFile.js +43 -0
- package/dist/esm/components/molecules/FieldFile/FieldFile.js.map +1 -0
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.css +49 -0
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.css.map +1 -0
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.d.ts +29 -0
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js +35 -0
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js.map +1 -0
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.js +18 -17
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.d.ts +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +9 -9
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.d.ts +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +16 -16
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.d.ts +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +9 -9
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +2 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.d.ts +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +8 -8
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/molecules/Slider/Slider.d.ts +1 -1
- package/dist/esm/components/molecules/Slider/Slider.js +26 -26
- package/dist/esm/components/molecules/Slider/Slider.js.map +1 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +6 -3
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +2 -2
- package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +28 -24
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +26 -15
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +3 -23
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +13 -13
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +1 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -1
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +1 -1
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.css +3 -3
- package/dist/esm/components/organisms/Modal/Modal.css.map +1 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.css +6 -3
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map +1 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +1 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.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/components/organisms/PickerDateRange/PickerDateRange.js +2 -2
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/controllers/FormSingleSelectionController.js +2 -2
- package/dist/esm/controllers/FormSingleSelectionController.js.map +1 -1
- package/dist/esm/controllers/ListController.d.ts +1 -1
- package/dist/esm/controllers/ListController.js +9 -9
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/dist/esm/controllers/RelocationOnComponentController.js +1 -1
- package/dist/esm/controllers/RelocationOnComponentController.js.map +1 -1
- package/dist/esm/definitions.d.ts +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +18 -15
- package/dist/cjs/index.js.map +0 -1
- package/dist/es/assets/index-CvUJnmkm.css +0 -3556
- package/dist/es/index.js +0 -3376
- package/dist/es/index.js.map +0 -1
|
@@ -28,10 +28,10 @@ function RlsPickerMonthElement({ month, onSelect, disabled }) {
|
|
|
28
28
|
}, [month.value, month.disabled, disabled, onSelect]);
|
|
29
29
|
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-month__span", children: label }) }));
|
|
30
30
|
}
|
|
31
|
-
export function RlsPickerMonth({ date
|
|
32
|
-
const
|
|
31
|
+
export function RlsPickerMonth({ date, disabled, formControl, maxDate, minDate, onValue, rlsTheme, year }) {
|
|
32
|
+
const dateMonth = useMemo(() => date ?? new Date(), [date]);
|
|
33
33
|
const [months, setMonths] = useState([]);
|
|
34
|
-
const [value, setValue] = useState(formControl?.value ??
|
|
34
|
+
const [value, setValue] = useState(formControl?.value ?? dateMonth.getMonth());
|
|
35
35
|
const [component, setComponent] = useState(_jsx(_Fragment, {}));
|
|
36
36
|
const setMonthValue = useCallback((value) => {
|
|
37
37
|
formControl ? formControl.setValue(value) : setValue(value);
|
|
@@ -45,9 +45,9 @@ export function RlsPickerMonth({ date: _date, disabled, formControl, maxDate, mi
|
|
|
45
45
|
}, [months, onSelect, disabled]);
|
|
46
46
|
useEffect(() => {
|
|
47
47
|
const options = {
|
|
48
|
-
date,
|
|
48
|
+
date: dateMonth,
|
|
49
49
|
month: formControl?.value ?? value,
|
|
50
|
-
year: year ??
|
|
50
|
+
year: year ?? dateMonth.getFullYear(),
|
|
51
51
|
minDate,
|
|
52
52
|
maxDate
|
|
53
53
|
};
|
|
@@ -55,18 +55,18 @@ export function RlsPickerMonth({ date: _date, disabled, formControl, maxDate, mi
|
|
|
55
55
|
valueIsDefined(month)
|
|
56
56
|
? setMonthValue(month)
|
|
57
57
|
: setMonths(createMonthPicker(options));
|
|
58
|
-
}, [
|
|
58
|
+
}, [dateMonth, year, value, minDate, maxDate]);
|
|
59
59
|
useEffect(() => {
|
|
60
60
|
const month = verifyMonthPicker({
|
|
61
|
-
date,
|
|
61
|
+
date: dateMonth,
|
|
62
62
|
month: formControl?.value ?? value,
|
|
63
|
-
year: year ??
|
|
63
|
+
year: year ?? dateMonth.getFullYear(),
|
|
64
64
|
minDate,
|
|
65
65
|
maxDate
|
|
66
66
|
});
|
|
67
67
|
valueIsDefined(month)
|
|
68
68
|
? formControl?.setValue(month)
|
|
69
|
-
: setValue(formControl?.value ??
|
|
69
|
+
: setValue(formControl?.value ?? dateMonth.getMonth());
|
|
70
70
|
}, [formControl?.value]);
|
|
71
71
|
return (_jsx("div", { className: "rls-picker-month", "rls-theme": rlsTheme, children: component }));
|
|
72
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerMonth.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAkB3B,SAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACgB;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,6BAA6B,EAAE;YACtD,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ;YACpC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC;YACzB,CAAC,KAAK,CAAC,QAAQ;YACf,CAAC,QAAQ;YACT,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YACzC,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,GACnD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,
|
|
1
|
+
{"version":3,"file":"PickerMonth.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,10 +37,10 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
37
37
|
}
|
|
38
38
|
}, [monthControl.value, yearControl.value]);
|
|
39
39
|
const onMonth = useCallback(() => {
|
|
40
|
-
onClick
|
|
40
|
+
onClick?.('month');
|
|
41
41
|
}, [onClick]);
|
|
42
42
|
const onYear = useCallback(() => {
|
|
43
|
-
onClick
|
|
43
|
+
onClick?.('year');
|
|
44
44
|
}, [onClick]);
|
|
45
45
|
const onPreviousYear = useCallback(() => {
|
|
46
46
|
valueIsDefined(yearControl.value) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AAenC,MAAM,UAAU,sBAAsB,CAAC,EACrC,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACkB;IACzB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,kBAAkB,CAAC;YACxB,IAAI;YACJ,OAAO;YACP,OAAO;YACP,KAAK,EAAE,YAAY,CAAC,KAAK;SAC1B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CACjD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IACE,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,CAAC;YACD,IAAI,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,5 @@ interface PickerYearProps extends RlsComponent {
|
|
|
9
9
|
minDate?: Date;
|
|
10
10
|
onValue?: (value: number) => void;
|
|
11
11
|
}
|
|
12
|
-
export declare function RlsPickerYear({ date
|
|
12
|
+
export declare function RlsPickerYear({ date, disabled, formControl, maxDate, minDate, onValue, rlsTheme }: PickerYearProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -18,19 +18,19 @@ function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
|
18
18
|
}, [year.value, year.disabled, disabled, onSelect]);
|
|
19
19
|
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span", children: year.value || '????' }) }));
|
|
20
20
|
}
|
|
21
|
-
export function RlsPickerYear({ date
|
|
22
|
-
const
|
|
23
|
-
const [value, setValue] = useState(formControl?.value ??
|
|
24
|
-
const [year, setYear] = useState(formControl?.value ??
|
|
21
|
+
export function RlsPickerYear({ date, disabled, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
22
|
+
const dateYear = useMemo(() => date ?? new Date(), [date]);
|
|
23
|
+
const [value, setValue] = useState(formControl?.value ?? dateYear.getFullYear());
|
|
24
|
+
const [year, setYear] = useState(formControl?.value ?? dateYear.getFullYear());
|
|
25
25
|
const [component, setComponent] = useState(_jsx(_Fragment, {}));
|
|
26
26
|
const createPickerOptions = useCallback(() => {
|
|
27
27
|
return {
|
|
28
|
-
date,
|
|
28
|
+
date: dateYear,
|
|
29
29
|
year,
|
|
30
30
|
minDate,
|
|
31
31
|
maxDate
|
|
32
32
|
};
|
|
33
|
-
}, [
|
|
33
|
+
}, [dateYear, year, minDate, maxDate]);
|
|
34
34
|
const [template, setTemplate] = useState(createYearPicker(createPickerOptions()));
|
|
35
35
|
const setYearValue = useCallback((value) => {
|
|
36
36
|
formControl ? formControl.setValue(value) : setValue(value);
|
|
@@ -44,7 +44,7 @@ export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, min
|
|
|
44
44
|
const options = createPickerOptions(); // YearPickerProps
|
|
45
45
|
const year = verifyYearPicker(options);
|
|
46
46
|
year ? setYearValue(year) : setTemplate(createYearPicker(options));
|
|
47
|
-
}, [
|
|
47
|
+
}, [dateYear, year, value, minDate, maxDate]);
|
|
48
48
|
useEffect(() => {
|
|
49
49
|
setComponent(_jsx(_Fragment, { children: template.years.map((year, index) => (_jsx(RlsPickerYearElement, { year: year, onSelect: onSelect, disabled: disabled }, index))) }));
|
|
50
50
|
}, [template.years, onSelect, disabled]);
|
|
@@ -52,7 +52,7 @@ export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, min
|
|
|
52
52
|
const year = verifyYearPicker(createPickerOptions());
|
|
53
53
|
valueIsDefined(year)
|
|
54
54
|
? formControl?.setValue(year)
|
|
55
|
-
: setValue(formControl?.value ??
|
|
55
|
+
: setValue(formControl?.value ?? dateYear.getFullYear());
|
|
56
56
|
}, [formControl?.value]);
|
|
57
57
|
const onClickPrev = useCallback(() => {
|
|
58
58
|
setYear((year) => year - 8);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,kBAAkB,CAAC;AAiB1B,SAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACe;IACvB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,0BAA0B,EAAE;YACnD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YACzC,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,IAAI,MAAM,GAAQ,GACjE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,
|
|
1
|
+
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,5 @@ interface SliderProps extends RlsComponent {
|
|
|
10
10
|
prefixIcon?: string;
|
|
11
11
|
value?: number;
|
|
12
12
|
}
|
|
13
|
-
export declare function RlsSlider(
|
|
13
|
+
export declare function RlsSlider({ children, className, disabled, formControl, identifier, maxValue, minValue, onValue, prefixIcon, rlsTheme, value }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -11,50 +11,50 @@ function calculateInitialRate(value, minValue, maxValue) {
|
|
|
11
11
|
const rateValue = value - minValue;
|
|
12
12
|
return Math.ceil((rateValue / rateMax) * 100);
|
|
13
13
|
}
|
|
14
|
-
export function RlsSlider(
|
|
15
|
-
const
|
|
16
|
-
return
|
|
17
|
-
}, [
|
|
18
|
-
const
|
|
19
|
-
return
|
|
20
|
-
}, [
|
|
21
|
-
const [
|
|
22
|
-
const [rate, setRate] = useState(calculateInitialRate(
|
|
14
|
+
export function RlsSlider({ children, className, disabled, formControl, identifier, maxValue, minValue, onValue, prefixIcon, rlsTheme, value }) {
|
|
15
|
+
const minValueSlider = useMemo(() => {
|
|
16
|
+
return minValue ?? 0;
|
|
17
|
+
}, [minValue]);
|
|
18
|
+
const maxValueSlider = useMemo(() => {
|
|
19
|
+
return maxValue ?? 100;
|
|
20
|
+
}, [maxValue]);
|
|
21
|
+
const [valueSlider, setValue] = useState(calculateInitialValue(formControl?.value ?? value ?? 0, minValueSlider, maxValueSlider));
|
|
22
|
+
const [rate, setRate] = useState(calculateInitialRate(valueSlider, minValueSlider, maxValueSlider));
|
|
23
23
|
const refComponent = useRef(null);
|
|
24
24
|
const refTrack = useRef(null);
|
|
25
25
|
const refTrackOn = useRef(null);
|
|
26
26
|
const refThumb = useRef(null);
|
|
27
|
-
const
|
|
27
|
+
const classNameSlider = useMemo(() => {
|
|
28
28
|
return renderClassStatus('rls-slider', {
|
|
29
|
-
complet:
|
|
30
|
-
disabled:
|
|
31
|
-
empty:
|
|
32
|
-
});
|
|
33
|
-
}, [
|
|
29
|
+
complet: valueSlider === maxValueSlider,
|
|
30
|
+
disabled: disabled,
|
|
31
|
+
empty: valueSlider === minValueSlider
|
|
32
|
+
}, className);
|
|
33
|
+
}, [valueSlider, minValueSlider, maxValueSlider, disabled]);
|
|
34
34
|
useEffect(() => {
|
|
35
|
-
const valueInitial =
|
|
35
|
+
const valueInitial = formControl?.value ?? value ?? 0;
|
|
36
36
|
refThumb.current.style.left = `${rate}%`;
|
|
37
37
|
refTrackOn.current.style.width = `${rate}%`;
|
|
38
|
-
if (valueInitial !==
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
if (valueInitial !== valueSlider) {
|
|
39
|
+
formControl?.setValue(valueSlider);
|
|
40
|
+
onValue?.(valueSlider);
|
|
41
41
|
}
|
|
42
42
|
}, []);
|
|
43
43
|
const calculateValueWithRate = useCallback((rate) => {
|
|
44
|
-
const value = Math.ceil(((
|
|
44
|
+
const value = Math.ceil(((maxValueSlider - minValueSlider) * rate) / 100);
|
|
45
45
|
refThumb.current.style.left = `${rate}%`;
|
|
46
46
|
refTrackOn.current.style.width = `${rate}%`;
|
|
47
|
-
const sliderValue = value +
|
|
47
|
+
const sliderValue = value + minValueSlider;
|
|
48
48
|
setRate(rate);
|
|
49
49
|
setValue(sliderValue);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}, [
|
|
50
|
+
formControl?.setValue(sliderValue);
|
|
51
|
+
onValue?.(sliderValue);
|
|
52
|
+
}, [minValueSlider, maxValueSlider, formControl, onValue]);
|
|
53
53
|
const onClickTrack = useCallback((event) => {
|
|
54
54
|
const { left, width } = refTrack.current.getBoundingClientRect();
|
|
55
55
|
const rate = Math.ceil(((event.clientX - left) / width) * 100);
|
|
56
56
|
calculateValueWithRate(rate);
|
|
57
|
-
}, [
|
|
58
|
-
return (_jsxs("div", { className:
|
|
57
|
+
}, [minValueSlider, maxValueSlider]);
|
|
58
|
+
return (_jsxs("div", { id: identifier, className: classNameSlider, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-slider__label", children: children }), _jsxs("div", { className: "rls-slider__body", children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), _jsxs("div", { ref: refComponent, className: "rls-slider__component", children: [_jsx("div", { ref: refTrack, className: "rls-slider__track", onClick: onClickTrack, children: _jsx("div", { ref: refTrackOn, className: "rls-slider__track__on" }) }), _jsxs("div", { ref: refThumb, className: "rls-slider__thumb", children: [rate, "%"] })] })] })] }));
|
|
59
59
|
}
|
|
60
60
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Slider/Slider.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,cAAc,CAAC;AAYtB,SAAS,qBAAqB,CAC5B,KAAa,EACb,QAAgB,EAChB,QAAgB;IAEhB,OAAO,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;AAC3E,CAAC;AAED,SAAS,oBAAoB,CAC3B,KAAa,EACb,QAAgB,EAChB,QAAgB;IAEhB,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpC,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;IAEnC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Slider/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -62,9 +62,12 @@
|
|
|
62
62
|
right: 0rem;
|
|
63
63
|
bottom: var(--pvt-backdrop-bottom);
|
|
64
64
|
opacity: var(--pvt-backdrop-opacity);
|
|
65
|
-
z-index: 1;
|
|
66
|
-
background: var(
|
|
67
|
-
|
|
65
|
+
z-index: var(--rls-z-index-1);
|
|
66
|
+
background: var(
|
|
67
|
+
--rlc-bottom-sheet-backdrop-color,
|
|
68
|
+
var(--rls-theme-backdrop-400)
|
|
69
|
+
);
|
|
70
|
+
backdrop-filter: var(--rlc-bottom-sheet-backdrop-filter, blur(2px));
|
|
68
71
|
transition:
|
|
69
72
|
opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
70
73
|
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,2CACA,sBACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,2CACA,sBACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,WACE,mOAMF,qCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA,iCAIJ,4BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,6BACA,iFAIA,mEACA,WACE,+FAKN,sCACE,kBACE,gDAIJ,sCACE,kBACE,gDAIJ,sCACE,kBACE","file":"BottomSheet.css"}
|
|
@@ -128,8 +128,8 @@
|
|
|
128
128
|
bottom: var(--pvt-backdrop-bottom);
|
|
129
129
|
opacity: var(--pvt-backdrop-opacity);
|
|
130
130
|
z-index: var(--rls-z-index-2);
|
|
131
|
-
background: var(--rls-theme-backdrop-
|
|
132
|
-
backdrop-filter: blur(2px);
|
|
131
|
+
background: var(--rlc-modal-backdrop-color, var(--rls-theme-backdrop-400));
|
|
132
|
+
backdrop-filter: var(--rlc-modal-backdrop-filter, blur(2px));
|
|
133
133
|
transition:
|
|
134
134
|
opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
135
135
|
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,oDACA,8DACA,wDAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,gCACA,kCACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,oDACA,8DACA,wDAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,gCACA,kCACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCACA,WACE,qJAKJ,0BACE,kBACA,aACA,WACA,sBACA,6BACA,kCACA,sBAGF,yBACE,kBACA,+BACA,wCACA,qCACA,yCACA,+CACA,+CAGF,4BACE,kBACA,iCACA,wCACA,wCACA,4CACA,kDACA,kDAGF,wBACE,kBACA,WACA,kCACA,sBAGF,2BACE,aACA,sBACA,6BAEA,6BACE,0CACA,uCACA,2CACA,iDACA,kBACA,+BAIJ,0BACE,kBACA,WACA,8EAEA,sBAGF,2BACE,yBAEA,kBACA,aACA,WACA,2BACA,uBACA,gCAGF,4BACE,kBACA,cACA,QACA,SACA,UACA,kCACA,oCACA,6BACA,0EACA,4DACA,WACE,+FAKN,qCACE,kBACE,kDACA,4DACA,sDAEA,yDACA,mEACA,6DAEA,wDAEA,0BACE,6BAGF,2BACE,8BACA,gBACA","file":"Confirmation.css"}
|
|
@@ -4,26 +4,18 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import { reactI18n } from '../../../i18n';
|
|
6
6
|
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
7
|
-
import { RlsProgressBar } from '../../atoms/ProgressBar/ProgressBar';
|
|
8
7
|
import { RlsBallot } from '../../molecules/Ballot/Ballot';
|
|
8
|
+
import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
|
|
9
9
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
10
10
|
import { useFieldAutocomplete } from './FieldAutocompleteController';
|
|
11
11
|
import './FieldAutocomplete.css';
|
|
12
12
|
export function RlsFieldAutocompleteTemplate(props) {
|
|
13
13
|
const autocomplete = useFieldAutocomplete(props);
|
|
14
14
|
const { render, children, formControl, msgErrorDisabled, onSearch, placeholder, rlsTheme, searching } = props;
|
|
15
|
-
const [
|
|
16
|
-
listEmptyDescription: reactI18n('listEmptyDescription'),
|
|
17
|
-
listEmptyTitle: reactI18n('listEmptyTitle'),
|
|
18
|
-
listInputPlaceholder: reactI18n('listInputPlaceholder')
|
|
19
|
-
});
|
|
15
|
+
const [listInputPlaceholder, setListInputPlaceholder] = useState(reactI18n('listInputPlaceholder'));
|
|
20
16
|
useEffect(() => {
|
|
21
17
|
return i18nSubscribe(() => {
|
|
22
|
-
|
|
23
|
-
listEmptyDescription: reactI18n('listEmptyDescription'),
|
|
24
|
-
listEmptyTitle: reactI18n('listEmptyTitle'),
|
|
25
|
-
listInputPlaceholder: reactI18n('listInputPlaceholder')
|
|
26
|
-
});
|
|
18
|
+
setListInputPlaceholder(reactI18n('listInputPlaceholder'));
|
|
27
19
|
});
|
|
28
20
|
}, []);
|
|
29
21
|
const disabled = useMemo(() => {
|
|
@@ -45,24 +37,36 @@ export function RlsFieldAutocompleteTemplate(props) {
|
|
|
45
37
|
props.readOnly,
|
|
46
38
|
disabled
|
|
47
39
|
]);
|
|
48
|
-
const classNameSuggestions = useMemo(() => {
|
|
49
|
-
return renderClassStatus('rls-field-list__suggestions', {
|
|
50
|
-
disabled,
|
|
51
|
-
higher: autocomplete.higher,
|
|
52
|
-
visible: autocomplete.modalIsVisible
|
|
53
|
-
});
|
|
54
|
-
}, [autocomplete.higher, autocomplete.modalIsVisible, disabled]);
|
|
55
|
-
const onChangePattern = useCallback((event) => {
|
|
56
|
-
autocomplete.setPattern(event.target.value);
|
|
57
|
-
}, [autocomplete.setPattern]);
|
|
58
40
|
const onClickPattern = useCallback(() => {
|
|
59
|
-
onSearch
|
|
41
|
+
onSearch?.(autocomplete.pattern);
|
|
60
42
|
}, [onSearch, autocomplete.pattern]);
|
|
61
43
|
const onKeyDownPattern = useCallback((event) => {
|
|
62
|
-
event.key === 'Enter' && onSearch
|
|
44
|
+
event.key === 'Enter' && onSearch?.(autocomplete.pattern);
|
|
63
45
|
autocomplete.onKeydownInput(event);
|
|
64
46
|
}, [autocomplete.onKeydownInput, onSearch, autocomplete.pattern]);
|
|
65
|
-
|
|
47
|
+
const searchControl = useMemo(() => ({
|
|
48
|
+
pattern: autocomplete.pattern,
|
|
49
|
+
placeholder: listInputPlaceholder,
|
|
50
|
+
searching,
|
|
51
|
+
refInput: autocomplete.refInput,
|
|
52
|
+
onChange: autocomplete.setPattern,
|
|
53
|
+
onFocus: autocomplete.onFocusInput,
|
|
54
|
+
onBlur: autocomplete.onBlurInput,
|
|
55
|
+
onKeyDown: onKeyDownPattern,
|
|
56
|
+
onSearch: onSearch ? onClickPattern : undefined
|
|
57
|
+
}), [
|
|
58
|
+
autocomplete.pattern,
|
|
59
|
+
autocomplete.refInput,
|
|
60
|
+
autocomplete.setPattern,
|
|
61
|
+
autocomplete.onFocusInput,
|
|
62
|
+
autocomplete.onBlurInput,
|
|
63
|
+
listInputPlaceholder,
|
|
64
|
+
searching,
|
|
65
|
+
onKeyDownPattern,
|
|
66
|
+
onClickPattern,
|
|
67
|
+
onSearch
|
|
68
|
+
]);
|
|
69
|
+
return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: autocomplete.coincidences, visible: autocomplete.listIsVisible, disabled: disabled, higher: autocomplete.higher, render: render, refList: autocomplete.refList, searchControl: searchControl, onClickElement: autocomplete.onClickElement, onKeydownElement: autocomplete.onKeydownElement, onClickBackdrop: autocomplete.onClickBackdrop })] }));
|
|
66
70
|
}
|
|
67
71
|
export function RlsFieldAutocomplete(props) {
|
|
68
72
|
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,9 @@ export function useFieldAutocomplete(props) {
|
|
|
16
16
|
pattern: '',
|
|
17
17
|
previous: null
|
|
18
18
|
});
|
|
19
|
+
const focusTimeoutId = useRef(undefined);
|
|
20
|
+
const rebootIsRequired = useRef(true);
|
|
21
|
+
const prevSuggestions = useRef(props.suggestions);
|
|
19
22
|
const refreshCoincidences = useCallback((suggestions, pattern, reboot = false) => {
|
|
20
23
|
const { collection, store } = createAutocompleteStore({
|
|
21
24
|
pattern,
|
|
@@ -29,14 +32,14 @@ export function useFieldAutocomplete(props) {
|
|
|
29
32
|
count.current = coincidences.length;
|
|
30
33
|
}, []);
|
|
31
34
|
useEffect(() => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
refreshCoincidences(props.suggestions, pattern);
|
|
36
|
-
}, [pattern]);
|
|
35
|
+
const reboot = rebootIsRequired.current || prevSuggestions.current !== props.suggestions;
|
|
36
|
+
rebootIsRequired.current = false;
|
|
37
|
+
prevSuggestions.current = props.suggestions;
|
|
38
|
+
refreshCoincidences(props.suggestions, pattern, reboot);
|
|
39
|
+
}, [props.suggestions, pattern]);
|
|
37
40
|
useEffect(() => {
|
|
38
41
|
props.disabled && controller.setState({ focused: false });
|
|
39
|
-
}, [props.disabled]);
|
|
42
|
+
}, [props.disabled, controller.setState]);
|
|
40
43
|
const onFocusInput = useCallback(() => {
|
|
41
44
|
controller.setState({ focused: true });
|
|
42
45
|
}, [controller.setState]);
|
|
@@ -47,7 +50,7 @@ export function useFieldAutocomplete(props) {
|
|
|
47
50
|
switch (event.code) {
|
|
48
51
|
case 'Escape':
|
|
49
52
|
case 'Tab':
|
|
50
|
-
controller.setState({
|
|
53
|
+
controller.setState({ listIsVisible: false });
|
|
51
54
|
break;
|
|
52
55
|
default:
|
|
53
56
|
controller.navigationInput(event);
|
|
@@ -56,17 +59,23 @@ export function useFieldAutocomplete(props) {
|
|
|
56
59
|
}, [controller.setState, controller.navigationInput]);
|
|
57
60
|
const onClickControl = useCallback(() => {
|
|
58
61
|
if (!props.readOnly) {
|
|
59
|
-
controller.setState({
|
|
60
|
-
|
|
62
|
+
controller.setState({ listIsVisible: true });
|
|
63
|
+
clearTimeout(focusTimeoutId.current);
|
|
64
|
+
focusTimeoutId.current = setTimeout(() => {
|
|
61
65
|
controller.refInput?.current?.focus();
|
|
62
66
|
}, DURATION_ANIMATION);
|
|
63
67
|
}
|
|
64
68
|
}, [controller.setState, props.readOnly]);
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
return () => {
|
|
71
|
+
clearTimeout(focusTimeoutId.current);
|
|
72
|
+
};
|
|
73
|
+
}, []);
|
|
65
74
|
const onClickAction = useCallback(() => {
|
|
66
75
|
if (controller.value) {
|
|
67
|
-
controller.setState({
|
|
76
|
+
controller.setState({ listIsVisible: false });
|
|
68
77
|
controller.setFormValue(undefined);
|
|
69
|
-
props.onValue
|
|
78
|
+
props.onValue?.(props.value);
|
|
70
79
|
}
|
|
71
80
|
else {
|
|
72
81
|
onClickControl();
|
|
@@ -75,10 +84,12 @@ export function useFieldAutocomplete(props) {
|
|
|
75
84
|
controller.value,
|
|
76
85
|
controller.setState,
|
|
77
86
|
controller.setFormValue,
|
|
78
|
-
props.onValue
|
|
87
|
+
props.onValue,
|
|
88
|
+
props.value,
|
|
89
|
+
onClickControl
|
|
79
90
|
]);
|
|
80
91
|
const onClickBackdrop = useCallback(() => {
|
|
81
|
-
controller.setState({
|
|
92
|
+
controller.setState({ listIsVisible: false });
|
|
82
93
|
}, [controller.setState]);
|
|
83
94
|
const onChange = useCallback((element) => {
|
|
84
95
|
if (props.onSelect) {
|
|
@@ -92,9 +103,9 @@ export function useFieldAutocomplete(props) {
|
|
|
92
103
|
controller.refInput?.current?.focus();
|
|
93
104
|
}
|
|
94
105
|
else {
|
|
95
|
-
controller.setState({
|
|
106
|
+
controller.setState({ listIsVisible: false });
|
|
96
107
|
}
|
|
97
|
-
props.onValue
|
|
108
|
+
props.onValue?.(element.value);
|
|
98
109
|
}, [
|
|
99
110
|
controller.setState,
|
|
100
111
|
controller.setFormValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocompleteController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteController.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAIL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAGxE,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,YAAY,GAAG,CAAC,CAAC;AAuCvB,MAAM,UAAU,oBAAoB,CAIlC,KAAsC;IACtC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,iBAAiB,CAAO;QACzC,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;KACrB,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG,MAAM,CAA0B;QAC7C,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,WAAgB,EAAE,OAAsB,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC3D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,uBAAuB,CAAC;YACpD,OAAO;YACP,WAAW;YACX,MAAM;YACN,KAAK,EAAE,MAAM,CAAC,OAAO;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;QAEvB,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QAEvD,eAAe,CAAC,YAAY,CAAC,CAAC;QAC9B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC;IACtC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,
|
|
1
|
+
{"version":3,"file":"FieldAutocompleteController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocompleteController.ts"],"names":[],"mappings":"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"}
|
|
@@ -50,6 +50,6 @@ export function RlsFieldClock({ children, disabled: disabledProps, formControl,
|
|
|
50
50
|
formControl?.touch();
|
|
51
51
|
setModalIsVisible(false);
|
|
52
52
|
}, [formControl, onChange]);
|
|
53
|
-
return (_jsxs("div", { id: identifier, className: "rls-field-
|
|
53
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-clock", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-clock__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx("button", { className: "rls-field-clock__action", onClick: onClickAction, disabled: disabled, children: _jsx(RlsIcon, { value: status.icon }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-clock-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerClock, { formControl: formControl, time: time, disabled: disabled, onListener: onListener }) })] }));
|
|
54
54
|
}
|
|
55
55
|
//# sourceMappingURL=FieldClock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":"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"}
|