@rolster/react-components 18.12.10 → 18.13.1
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-VcI5p9dK.css → index-fykwrWLx.css} +700 -652
- package/dist/cjs/index.js +745 -779
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-VcI5p9dK.css → index-fykwrWLx.css} +700 -652
- package/dist/es/index.js +747 -781
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +3 -3
- package/dist/esm/components/atoms/Avatar/Avatar.css +7 -7
- package/dist/esm/components/atoms/Badge/Badge.css +7 -7
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +12 -12
- package/dist/esm/components/atoms/Button/Button.css +74 -53
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js +1 -1
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +22 -22
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +8 -8
- package/dist/esm/components/atoms/Icon/Icon.css +7 -8
- package/dist/esm/components/atoms/Input/Input.css +13 -13
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.css +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.css +8 -8
- package/dist/esm/components/atoms/InputText/InputText.css +1 -1
- package/dist/esm/components/atoms/Label/Label.css +1 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +6 -6
- package/dist/esm/components/atoms/Poster/Poster.css +6 -6
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +7 -7
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +5 -5
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +6 -6
- package/dist/esm/components/atoms/SearchInput/SearchInput.css +4 -4
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +6 -6
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +6 -8
- package/dist/esm/components/atoms/Switch/Switch.css +16 -16
- package/dist/esm/components/atoms/TabularText/TabularText.css +2 -2
- package/dist/esm/components/definitions.d.ts +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.css +27 -34
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +32 -30
- package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.css +8 -8
- package/dist/esm/components/molecules/DayPicker/DayPicker.css +39 -27
- package/dist/esm/components/molecules/DayPicker/DayPicker.d.ts +3 -1
- package/dist/esm/components/molecules/DayPicker/DayPicker.js +32 -24
- package/dist/esm/components/molecules/DayPicker/DayPicker.js.map +1 -1
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.css +28 -28
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js +16 -19
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js.map +1 -1
- package/dist/esm/components/molecules/MoneyField/MoneyField.css +1 -2
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.css +34 -19
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.d.ts +2 -1
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.js +30 -19
- package/dist/esm/components/molecules/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.css +6 -6
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.d.ts +1 -1
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js +26 -21
- package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js.map +1 -1
- package/dist/esm/components/molecules/NumberField/NumberField.css +1 -2
- package/dist/esm/components/molecules/Pagination/Pagination.css +29 -30
- package/dist/esm/components/molecules/PasswordField/PasswordField.css +4 -5
- package/dist/esm/components/molecules/RadioButtonLabel/RadioButtonLabel.css +8 -10
- package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.css +8 -9
- package/dist/esm/components/molecules/TextField/TextField.css +1 -2
- package/dist/esm/components/molecules/Toolbar/Toolbar.css +10 -10
- package/dist/esm/components/molecules/YearPicker/YearPicker.css +42 -28
- package/dist/esm/components/molecules/YearPicker/YearPicker.d.ts +1 -1
- package/dist/esm/components/molecules/YearPicker/YearPicker.js +33 -26
- package/dist/esm/components/molecules/YearPicker/YearPicker.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.css +22 -22
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.d.ts +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js.map +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.d.ts +1 -1
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js +27 -81
- package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +5 -5
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +38 -38
- package/dist/esm/components/organisms/DateField/DateField.css +15 -15
- package/dist/esm/components/organisms/DateField/DateField.d.ts +2 -2
- package/dist/esm/components/organisms/DateField/DateField.js +27 -16
- package/dist/esm/components/organisms/DateField/DateField.js.map +1 -1
- package/dist/esm/components/organisms/DatePicker/DatePicker.css +27 -24
- package/dist/esm/components/organisms/DatePicker/DatePicker.d.ts +2 -2
- package/dist/esm/components/organisms/DatePicker/DatePicker.js +37 -55
- package/dist/esm/components/organisms/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.css +13 -15
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.js +5 -5
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.js.map +1 -1
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.css +20 -20
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js +13 -33
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +15 -14
- package/dist/esm/components/organisms/Modal/Modal.css +11 -11
- package/dist/esm/components/organisms/SelectField/SelectField.css +1 -1
- package/dist/esm/components/organisms/SelectField/SelectField.d.ts +1 -1
- package/dist/esm/components/organisms/SelectField/SelectField.js +1 -1
- package/dist/esm/components/organisms/SelectField/SelectField.js.map +1 -1
- package/dist/esm/components/organisms/SelectField/SelectFieldHook.d.ts +1 -1
- package/dist/esm/components/organisms/SelectField/SelectFieldHook.js +18 -35
- package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +26 -26
- package/dist/esm/constants/index.d.ts +1 -0
- package/dist/esm/constants/index.js +2 -0
- package/dist/esm/constants/index.js.map +1 -0
- package/dist/esm/constants/picker.constant.d.ts +1 -0
- package/dist/esm/constants/picker.constant.js +2 -0
- package/dist/esm/constants/picker.constant.js.map +1 -0
- package/dist/esm/helpers/date-range-picker.d.ts +1 -12
- package/dist/esm/helpers/date-range-picker.js +5 -107
- package/dist/esm/helpers/date-range-picker.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +2 -0
- package/dist/esm/helpers/index.js +3 -0
- package/dist/esm/helpers/index.js.map +1 -0
- package/dist/esm/hooks/ListControlHook.d.ts +2 -3
- package/dist/esm/hooks/ListControlHook.js +22 -92
- package/dist/esm/hooks/ListControlHook.js.map +1 -1
- package/dist/esm/index.d.ts +1 -2
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +6 -5
- package/dist/esm/helpers/date-picker.d.ts +0 -1
- package/dist/esm/helpers/date-picker.js +0 -9
- package/dist/esm/helpers/date-picker.js.map +0 -1
- package/dist/esm/helpers/day-picker.d.ts +0 -9
- package/dist/esm/helpers/day-picker.js +0 -86
- package/dist/esm/helpers/day-picker.js.map +0 -1
- package/dist/esm/helpers/month-picker.d.ts +0 -14
- package/dist/esm/helpers/month-picker.js +0 -78
- package/dist/esm/helpers/month-picker.js.map +0 -1
- package/dist/esm/helpers/year-picker.d.ts +0 -17
- package/dist/esm/helpers/year-picker.js +0 -83
- package/dist/esm/helpers/year-picker.js.map +0 -1
- package/dist/esm/models.d.ts +0 -58
- package/dist/esm/models.js +0 -9
- package/dist/esm/models.js.map +0 -1
- package/dist/esm/types.d.ts +0 -12
- package/dist/esm/types.js +0 -7
- package/dist/esm/types.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { AbstractListElement as Element } from '@rolster/helpers-components';
|
|
1
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
3
|
import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
3
4
|
import { ListControl } from '../../../hooks';
|
|
4
|
-
import { AbstractListElement as Element } from '../../../models';
|
|
5
5
|
export interface SelectControl<T = unknown, E extends Element<T> = Element<T>> {
|
|
6
6
|
listControl: ListControl<T>;
|
|
7
7
|
onBlurInput: () => void;
|
|
@@ -1,33 +1,29 @@
|
|
|
1
|
-
import { useEffect,
|
|
1
|
+
import { useEffect, useRef } 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
5
|
const { collection, inputRef, visible, navigationElement, navigationInput, setFocused, setValue, setVisible } = listControl;
|
|
6
|
-
const
|
|
6
|
+
const changeInternal = useRef(false);
|
|
7
7
|
useEffect(() => {
|
|
8
|
-
|
|
8
|
+
if (changeInternal.current) {
|
|
9
|
+
changeInternal.current = false;
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
resetState(formControl?.state);
|
|
13
|
+
}
|
|
9
14
|
}, [formControl?.state]);
|
|
10
15
|
useEffect(() => resetCollection(collection, formControl?.state), [collection]);
|
|
11
16
|
function setFormState(value) {
|
|
12
|
-
|
|
13
|
-
|
|
17
|
+
if (formControl) {
|
|
18
|
+
changeInternal.current = true;
|
|
19
|
+
formControl.setState(value);
|
|
20
|
+
}
|
|
14
21
|
}
|
|
15
22
|
function resetCollection(collection, state) {
|
|
16
|
-
|
|
17
|
-
const element = collection.find(state);
|
|
18
|
-
if (element) {
|
|
19
|
-
setValue(element.description);
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
setValue('');
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
setValue('');
|
|
27
|
-
}
|
|
23
|
+
setValue(state ? collection.find(state)?.description || '' : '');
|
|
28
24
|
}
|
|
29
25
|
function resetState(state) {
|
|
30
|
-
|
|
26
|
+
resetCollection(collection, state);
|
|
31
27
|
}
|
|
32
28
|
function onFocusInput() {
|
|
33
29
|
setFocused(true);
|
|
@@ -35,20 +31,16 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
|
|
|
35
31
|
function onBlurInput() {
|
|
36
32
|
setFocused(false);
|
|
37
33
|
}
|
|
38
|
-
function
|
|
34
|
+
function onClickInput() {
|
|
39
35
|
setVisible(true);
|
|
40
36
|
}
|
|
41
37
|
function onKeydownInput(event) {
|
|
42
38
|
switch (event.code) {
|
|
43
39
|
case 'Space':
|
|
44
|
-
setVisible(true);
|
|
45
|
-
break;
|
|
46
40
|
case 'Enter':
|
|
47
41
|
setVisible(true);
|
|
48
42
|
break;
|
|
49
43
|
case 'Escape':
|
|
50
|
-
setVisible(false);
|
|
51
|
-
break;
|
|
52
44
|
case 'Tab':
|
|
53
45
|
setVisible(false);
|
|
54
46
|
break;
|
|
@@ -74,14 +66,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
|
|
|
74
66
|
}
|
|
75
67
|
function onKeydownElement(element) {
|
|
76
68
|
return (event) => {
|
|
77
|
-
|
|
78
|
-
case 'Enter':
|
|
79
|
-
onChange(element);
|
|
80
|
-
break;
|
|
81
|
-
default:
|
|
82
|
-
navigationElement(event);
|
|
83
|
-
break;
|
|
84
|
-
}
|
|
69
|
+
event.code === 'Enter' ? onChange(element) : navigationElement(event);
|
|
85
70
|
};
|
|
86
71
|
}
|
|
87
72
|
function onChange({ description, value }) {
|
|
@@ -91,9 +76,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
|
|
|
91
76
|
onSelect(value);
|
|
92
77
|
}
|
|
93
78
|
else {
|
|
94
|
-
|
|
95
|
-
setFormState(value);
|
|
96
|
-
}
|
|
79
|
+
setFormState(value);
|
|
97
80
|
setValue(description);
|
|
98
81
|
}
|
|
99
82
|
if (onValue) {
|
|
@@ -105,7 +88,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
|
|
|
105
88
|
onBlurInput,
|
|
106
89
|
onClickAction,
|
|
107
90
|
onClickBackdrop,
|
|
108
|
-
onClickInput
|
|
91
|
+
onClickInput,
|
|
109
92
|
onClickElement,
|
|
110
93
|
onFocusInput,
|
|
111
94
|
onKeydownElement,
|
|
@@ -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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"}
|
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
.rls-snackbar {
|
|
2
2
|
position: fixed;
|
|
3
3
|
display: flex;
|
|
4
|
-
column-gap: var(--sizing-x6);
|
|
4
|
+
column-gap: var(--rls-sizing-x6);
|
|
5
5
|
bottom: 0rem;
|
|
6
|
-
left: var(--
|
|
6
|
+
left: var(--rlc-snackbar-left);
|
|
7
7
|
z-index: 32;
|
|
8
8
|
width: auto;
|
|
9
9
|
height: auto;
|
|
10
10
|
max-width: 240rem;
|
|
11
|
-
padding: var(--sizing-x6);
|
|
11
|
+
padding: var(--rls-sizing-x6);
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
border-radius: var(--sizing-x4);
|
|
14
|
-
background: var(--background-
|
|
15
|
-
box-shadow: var(--shadow-bottom-
|
|
16
|
-
border: var(--border-1-
|
|
13
|
+
border-radius: var(--rls-sizing-x4);
|
|
14
|
+
background: var(--rls-app-background-500);
|
|
15
|
+
box-shadow: var(--rls-light-shadow-bottom-4);
|
|
16
|
+
border: var(--rls-theme-border-1-300);
|
|
17
17
|
will-change: transform;
|
|
18
18
|
transform: translate(-50%, 100%);
|
|
19
|
-
transition: transform 160ms 0ms var(--standard-curve);
|
|
19
|
+
transition: transform 160ms 0ms var(--rls-standard-curve);
|
|
20
20
|
}
|
|
21
21
|
.rls-snackbar--visible {
|
|
22
|
-
transform: translate(-50%, calc(0% - var(--sizing-x8)));
|
|
22
|
+
transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
|
|
23
23
|
}
|
|
24
24
|
.rls-snackbar__avatar {
|
|
25
|
-
--
|
|
25
|
+
--rlc-icon-color: var(--rls-light-color-500);
|
|
26
26
|
display: flex;
|
|
27
27
|
justify-content: center;
|
|
28
28
|
align-items: center;
|
|
29
29
|
overflow: hidden;
|
|
30
|
-
background: var(--color-
|
|
31
|
-
width: var(--sizing-x18);
|
|
32
|
-
height: var(--sizing-x18);
|
|
33
|
-
border-radius: var(--sizing-x4);
|
|
30
|
+
background: var(--rls-theme-color-500);
|
|
31
|
+
width: var(--rls-sizing-x18);
|
|
32
|
+
height: var(--rls-sizing-x18);
|
|
33
|
+
border-radius: var(--rls-sizing-x4);
|
|
34
34
|
}
|
|
35
35
|
.rls-snackbar__avatar + .rls-snackbar__component {
|
|
36
|
-
width: calc(100% - var(--sizing-x18));
|
|
36
|
+
width: calc(100% - var(--rls-sizing-x18));
|
|
37
37
|
}
|
|
38
38
|
.rls-snackbar__component {
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: column;
|
|
41
|
-
row-gap: var(--sizing-x2);
|
|
41
|
+
row-gap: var(--rls-sizing-x2);
|
|
42
42
|
}
|
|
43
43
|
.rls-snackbar__title {
|
|
44
44
|
overflow: hidden;
|
|
45
45
|
text-overflow: ellipsis;
|
|
46
46
|
white-space: nowrap;
|
|
47
|
-
color: var(--color-
|
|
48
|
-
font-size: var(--body-font-size);
|
|
49
|
-
font-weight: var(--font-weight-bold);
|
|
50
|
-
letter-spacing: var(--body-letter-spacing);
|
|
47
|
+
color: var(--rls-theme-color-500);
|
|
48
|
+
font-size: var(--rls-body-font-size);
|
|
49
|
+
font-weight: var(--rls-font-weight-bold);
|
|
50
|
+
letter-spacing: var(--rls-body-letter-spacing);
|
|
51
51
|
}
|
|
52
52
|
.rls-snackbar__content p {
|
|
53
|
-
line-height: var(--sizing-x10);
|
|
54
|
-
color: var(--color-
|
|
55
|
-
font-size: var(--label-font-size);
|
|
56
|
-
font-weight: var(--font-weight-medium);
|
|
57
|
-
letter-spacing: var(--label-letter-spacing);
|
|
53
|
+
line-height: var(--rls-sizing-x10);
|
|
54
|
+
color: var(--rls-app-color-300);
|
|
55
|
+
font-size: var(--rls-label-font-size);
|
|
56
|
+
font-weight: var(--rls-font-weight-medium);
|
|
57
|
+
letter-spacing: var(--rls-label-letter-spacing);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
@media only screen and (max-width: 375px) {
|
|
61
61
|
.rls-snackbar {
|
|
62
|
-
width: calc(100% - var(--sizing-x12));
|
|
62
|
+
width: calc(100% - var(--rls-sizing-x12));
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './picker.constant';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DATE_RANGE_FORMAT = "{dd}/{mx}/{aa}";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"picker.constant.js","sourceRoot":"","sources":["../../../src/constants/picker.constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC"}
|
|
@@ -1,13 +1,2 @@
|
|
|
1
1
|
import { DateRange } from '@rolster/helpers-date';
|
|
2
|
-
|
|
3
|
-
interface FactoryProps {
|
|
4
|
-
date: Date;
|
|
5
|
-
range: DateRange;
|
|
6
|
-
sourceDate: Date;
|
|
7
|
-
minDate?: Date;
|
|
8
|
-
maxDate?: Date;
|
|
9
|
-
}
|
|
10
|
-
export declare const DATE_RANGE_FORMAT = "{dd}/{mx}/{aa}";
|
|
11
|
-
export declare function rangeFormatTemplate(range: DateRange): string;
|
|
12
|
-
export declare function createRangePicker(props: FactoryProps): WeekRangeState[];
|
|
13
|
-
export {};
|
|
2
|
+
export declare function rangeFormatTemplate({ maxDate, minDate }: DateRange): string;
|
|
@@ -1,110 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
this.date = new Date(date.getTime());
|
|
7
|
-
this.range = range;
|
|
8
|
-
this.sourceDate = sourceDate;
|
|
9
|
-
this.maxDate = maxDate;
|
|
10
|
-
this.minDate = minDate;
|
|
11
|
-
this.date.setDate(1);
|
|
12
|
-
}
|
|
13
|
-
static execute(props) {
|
|
14
|
-
const factory = new DateRangePickerFactory(props);
|
|
15
|
-
const firstWeek = factory.createFirstWeek();
|
|
16
|
-
const rightWeeks = factory.createRightWeeks();
|
|
17
|
-
return [firstWeek, ...rightWeeks];
|
|
18
|
-
}
|
|
19
|
-
createFirstWeek() {
|
|
20
|
-
const dayStart = this.date.getDay();
|
|
21
|
-
const days = [];
|
|
22
|
-
let day = 1;
|
|
23
|
-
for (let start = 0; start < dayStart; start++) {
|
|
24
|
-
days.push(this.createDayRangeState());
|
|
25
|
-
}
|
|
26
|
-
for (let end = dayStart; end < 7; end++) {
|
|
27
|
-
days.push(this.createDayRangeState(day));
|
|
28
|
-
day++;
|
|
29
|
-
}
|
|
30
|
-
return { days };
|
|
31
|
-
}
|
|
32
|
-
createRightWeeks() {
|
|
33
|
-
const rightWeeks = [];
|
|
34
|
-
const dayStart = this.date.getDay();
|
|
35
|
-
const dayCount = getDaysOfMonth(this.date.getFullYear(), this.date.getMonth());
|
|
36
|
-
let days = [];
|
|
37
|
-
let countDaysWeek = 1;
|
|
38
|
-
let day = 8 - dayStart;
|
|
39
|
-
do {
|
|
40
|
-
days.push(this.createDayRangeState(day));
|
|
41
|
-
day++;
|
|
42
|
-
countDaysWeek++;
|
|
43
|
-
if (countDaysWeek > 7) {
|
|
44
|
-
rightWeeks.push({ days });
|
|
45
|
-
days = [];
|
|
46
|
-
countDaysWeek = 1;
|
|
47
|
-
}
|
|
48
|
-
} while (day <= dayCount);
|
|
49
|
-
const daysPending = this.createDaysPending(days.length);
|
|
50
|
-
rightWeeks.push({ days: [...days, ...daysPending] });
|
|
51
|
-
return rightWeeks;
|
|
52
|
-
}
|
|
53
|
-
createDaysPending(daysWeek) {
|
|
54
|
-
const daysPending = [];
|
|
55
|
-
const length = 7 - daysWeek;
|
|
56
|
-
for (let index = 0; index < length; index++) {
|
|
57
|
-
daysPending.push(this.createDayRangeState());
|
|
58
|
-
}
|
|
59
|
-
return daysPending;
|
|
60
|
-
}
|
|
61
|
-
isSelectedSource(day) {
|
|
62
|
-
return this.isSelectedForDate(this.sourceDate, day);
|
|
63
|
-
}
|
|
64
|
-
isSelectedEnd(day) {
|
|
65
|
-
return (this.isSelectedForDate(this.range.minDate, day) ||
|
|
66
|
-
this.isSelectedForDate(this.range.maxDate, day));
|
|
67
|
-
}
|
|
68
|
-
isSelectedForDate(date, day) {
|
|
69
|
-
return (date.getFullYear() === this.date.getFullYear() &&
|
|
70
|
-
date.getMonth() === this.date.getMonth() &&
|
|
71
|
-
day === date.getDate());
|
|
72
|
-
}
|
|
73
|
-
isRangedFromDate(day) {
|
|
74
|
-
return dateIsBetween(this.range.minDate, this.range.maxDate, assignDayInDate(this.date, day));
|
|
75
|
-
}
|
|
76
|
-
overflowDay(day) {
|
|
77
|
-
return this.minOverflowDay(day) || this.maxOverflowDay(day);
|
|
78
|
-
}
|
|
79
|
-
minOverflowDay(day) {
|
|
80
|
-
return this.minDate
|
|
81
|
-
? getDateWeight(assignDayInDate(this.date, day)) <
|
|
82
|
-
getDateWeight(this.minDate)
|
|
83
|
-
: false;
|
|
84
|
-
}
|
|
85
|
-
maxOverflowDay(day) {
|
|
86
|
-
return this.maxDate
|
|
87
|
-
? getDateWeight(assignDayInDate(this.date, day)) >
|
|
88
|
-
getDateWeight(this.maxDate)
|
|
89
|
-
: false;
|
|
90
|
-
}
|
|
91
|
-
createDayRangeState(day) {
|
|
92
|
-
return {
|
|
93
|
-
value: day,
|
|
94
|
-
disabled: this.overflowDay(day || 0),
|
|
95
|
-
forbidden: !day,
|
|
96
|
-
ranged: day ? this.isRangedFromDate(day) : false,
|
|
97
|
-
end: day ? this.isSelectedEnd(day) : false,
|
|
98
|
-
source: day ? this.isSelectedSource(day) : false
|
|
99
|
-
};
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
export function rangeFormatTemplate(range) {
|
|
103
|
-
const minFormat = dateFormatTemplate(range.minDate, DATE_RANGE_FORMAT);
|
|
104
|
-
const maxFormat = dateFormatTemplate(range.maxDate, DATE_RANGE_FORMAT);
|
|
1
|
+
import { dateFormatTemplate } from '@rolster/helpers-date';
|
|
2
|
+
import { DATE_RANGE_FORMAT } from '../constants';
|
|
3
|
+
export function rangeFormatTemplate({ maxDate, minDate }) {
|
|
4
|
+
const minFormat = dateFormatTemplate(minDate, DATE_RANGE_FORMAT);
|
|
5
|
+
const maxFormat = dateFormatTemplate(maxDate, DATE_RANGE_FORMAT);
|
|
105
6
|
return `${minFormat} - ${maxFormat}`;
|
|
106
7
|
}
|
|
107
|
-
export function createRangePicker(props) {
|
|
108
|
-
return DateRangePickerFactory.execute(props);
|
|
109
|
-
}
|
|
110
8
|
//# sourceMappingURL=date-range-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAa;IACjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEjE,OAAO,GAAG,SAAS,MAAM,SAAS,EAAE,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { AbstractListElement, ListCollection } from '@rolster/helpers-components';
|
|
1
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
3
|
import { Dispatch, KeyboardEvent, RefObject, SetStateAction } from 'react';
|
|
3
|
-
import { AbstractListElement, ListCollection } from '../models';
|
|
4
4
|
export interface ListControl<T = unknown> {
|
|
5
5
|
boxContentRef: RefObject<HTMLDivElement>;
|
|
6
6
|
collection: ListCollection<T>;
|
|
@@ -19,7 +19,6 @@ export interface ListControl<T = unknown> {
|
|
|
19
19
|
interface ListControlProps<T = unknown> {
|
|
20
20
|
suggestions: AbstractListElement<T>[];
|
|
21
21
|
formControl?: ReactControl<HTMLElement, T>;
|
|
22
|
-
higher?: boolean;
|
|
23
22
|
}
|
|
24
|
-
export declare function useListControl<T = unknown>({ suggestions, formControl
|
|
23
|
+
export declare function useListControl<T = unknown>({ suggestions, formControl }: ListControlProps<T>): ListControl<T>;
|
|
25
24
|
export {};
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
+
import { itIsDefined } from '@rolster/helpers-advanced';
|
|
2
|
+
import { ListCollection, listNavigationElement, listNavigationInput, locationListIsBottom } from '@rolster/helpers-components';
|
|
1
3
|
import { useEffect, useRef, useState } from 'react';
|
|
2
|
-
|
|
3
|
-
const classElement = '.rls-list-field__element';
|
|
4
|
-
const MAX_POSITION_VISIBLE = 4;
|
|
5
|
-
const LIST_SIZE_REM = 16;
|
|
6
|
-
const ELEMENT_SIZE_REM = 4;
|
|
7
|
-
const BASE_SIZE_PX = 16;
|
|
8
|
-
const ELEMENT_SIZE_PX = BASE_SIZE_PX * ELEMENT_SIZE_REM;
|
|
9
|
-
const MAZ_LIST_SIZE_PX = BASE_SIZE_PX * LIST_SIZE_REM;
|
|
10
|
-
export function useListControl({ suggestions, formControl, higher: withHigher = false }) {
|
|
4
|
+
export function useListControl({ suggestions, formControl }) {
|
|
11
5
|
const boxContentRef = useRef(null);
|
|
12
6
|
const listRef = useRef(null);
|
|
13
7
|
const inputRef = useRef(null);
|
|
@@ -17,11 +11,10 @@ export function useListControl({ suggestions, formControl, higher: withHigher =
|
|
|
17
11
|
const [visible, setVisible] = useState(false);
|
|
18
12
|
const [higher, setHigher] = useState(false);
|
|
19
13
|
const [focused, setFocused] = useState(false);
|
|
20
|
-
const
|
|
21
|
-
const [listElements, setListElements] = useState(undefined);
|
|
14
|
+
const position = useRef(0);
|
|
22
15
|
useEffect(() => {
|
|
23
|
-
function onCloseSuggestions(
|
|
24
|
-
if (!boxContentRef?.current?.contains(
|
|
16
|
+
function onCloseSuggestions({ target }) {
|
|
17
|
+
if (!boxContentRef?.current?.contains(target)) {
|
|
25
18
|
setVisible(false);
|
|
26
19
|
}
|
|
27
20
|
}
|
|
@@ -34,95 +27,32 @@ export function useListControl({ suggestions, formControl, higher: withHigher =
|
|
|
34
27
|
if (visible && !opened) {
|
|
35
28
|
setOpened(true);
|
|
36
29
|
}
|
|
37
|
-
if (!visible && opened && formControl
|
|
30
|
+
if (!visible && opened && !!formControl?.touched) {
|
|
38
31
|
formControl.touch();
|
|
39
32
|
}
|
|
40
|
-
|
|
33
|
+
setHigher(!locationListIsBottom(boxContentRef.current, listRef.current));
|
|
41
34
|
}, [visible]);
|
|
42
35
|
useEffect(() => {
|
|
43
36
|
setCollection(new ListCollection(suggestions));
|
|
44
37
|
}, [suggestions]);
|
|
45
|
-
function setLocationList() {
|
|
46
|
-
if (boxContentRef?.current) {
|
|
47
|
-
const { top, height } = boxContentRef.current.getBoundingClientRect();
|
|
48
|
-
const overflow = BASE_SIZE_PX / 2;
|
|
49
|
-
const positionEnd = top + height + MAZ_LIST_SIZE_PX + overflow;
|
|
50
|
-
setHigher(positionEnd > window.innerHeight);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
38
|
function navigationInput(event) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
if (visible && (withHigher || !higher)) {
|
|
62
|
-
navigationInputDown();
|
|
63
|
-
}
|
|
64
|
-
break;
|
|
39
|
+
if (visible) {
|
|
40
|
+
const newPosition = listNavigationInput({
|
|
41
|
+
contentElement: boxContentRef.current,
|
|
42
|
+
event: event,
|
|
43
|
+
listElement: listRef.current
|
|
44
|
+
});
|
|
45
|
+
position.current = itIsDefined(newPosition) ? newPosition : 0;
|
|
65
46
|
}
|
|
66
47
|
}
|
|
67
48
|
function navigationElement(event) {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
function navigationInputUp() {
|
|
78
|
-
const elements = listRef?.current?.querySelectorAll(classElement);
|
|
79
|
-
if (elements?.length) {
|
|
80
|
-
const newPosition = elements.length - 1;
|
|
81
|
-
setListElements(elements);
|
|
82
|
-
setPositionElement(newPosition);
|
|
83
|
-
elements.item(newPosition).focus();
|
|
84
|
-
if (positionElement > MAX_POSITION_VISIBLE) {
|
|
85
|
-
const elementPosition = elements.length - MAX_POSITION_VISIBLE;
|
|
86
|
-
setTimeout(() => {
|
|
87
|
-
listRef?.current?.scroll({
|
|
88
|
-
top: ELEMENT_SIZE_PX * elementPosition,
|
|
89
|
-
behavior: 'smooth'
|
|
90
|
-
});
|
|
91
|
-
}, 100);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
function navigationInputDown() {
|
|
96
|
-
const elements = listRef?.current?.querySelectorAll(classElement);
|
|
97
|
-
if (elements?.length) {
|
|
98
|
-
setListElements(elements);
|
|
99
|
-
setPositionElement(0);
|
|
100
|
-
elements.item(0).focus();
|
|
101
|
-
setTimeout(() => {
|
|
102
|
-
listRef?.current?.scroll({ top: 0, behavior: 'smooth' });
|
|
103
|
-
}, 100);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
function navigationElementUp() {
|
|
107
|
-
if (positionElement > 0) {
|
|
108
|
-
const newPosition = positionElement - 1;
|
|
109
|
-
setPositionElement(newPosition);
|
|
110
|
-
listElements?.item(newPosition).focus();
|
|
111
|
-
}
|
|
112
|
-
else if (withHigher || !higher) {
|
|
113
|
-
inputRef?.current?.focus();
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
function navigationElementDown() {
|
|
117
|
-
const newPosition = positionElement + 1;
|
|
118
|
-
const length = listElements?.length || 0;
|
|
119
|
-
if (newPosition < length) {
|
|
120
|
-
setPositionElement(newPosition);
|
|
121
|
-
listElements?.item(newPosition).focus();
|
|
122
|
-
}
|
|
123
|
-
else if (higher && !withHigher) {
|
|
124
|
-
inputRef?.current?.focus();
|
|
125
|
-
}
|
|
49
|
+
position.current = listNavigationElement({
|
|
50
|
+
contentElement: boxContentRef.current,
|
|
51
|
+
event: event,
|
|
52
|
+
inputElement: inputRef.current,
|
|
53
|
+
listElement: listRef.current,
|
|
54
|
+
position: position.current
|
|
55
|
+
});
|
|
126
56
|
}
|
|
127
57
|
return {
|
|
128
58
|
boxContentRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListControlHook.js","sourceRoot":"","sources":["../../../src/hooks/ListControlHook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListControlHook.js","sourceRoot":"","sources":["../../../src/hooks/ListControlHook.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.13.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -34,8 +34,9 @@
|
|
|
34
34
|
"prepublishOnly": "npm run build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@rolster/helpers-advanced": "^1.
|
|
38
|
-
"@rolster/helpers-
|
|
37
|
+
"@rolster/helpers-advanced": "^1.3.0",
|
|
38
|
+
"@rolster/helpers-components": "^0.1.27",
|
|
39
|
+
"@rolster/helpers-date": "^1.4.6",
|
|
39
40
|
"@rolster/helpers-forms": "^1.10.8",
|
|
40
41
|
"@rolster/helpers-string": "^1.1.3",
|
|
41
42
|
"@rolster/i18n": "^1.3.4",
|
|
@@ -58,8 +59,8 @@
|
|
|
58
59
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
59
60
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
60
61
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
61
|
-
"@rolster/styles-foundations": "^
|
|
62
|
-
"@rolster/types": "^1.0.
|
|
62
|
+
"@rolster/styles-foundations": "^2.2.0",
|
|
63
|
+
"@rolster/types": "^1.0.9",
|
|
63
64
|
"@types/node-sass": "^4.11.4",
|
|
64
65
|
"@types/react": "^18.0.28",
|
|
65
66
|
"@types/react-dom": "^18.0.11",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function dateIsRange(date: Date, min?: Date, max?: Date): Date;
|