@rolster/react-components 18.14.1 → 18.15.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/dist/cjs/assets/{index--xgdaD5z.css → index-Dbh6DUCn.css} +66 -96
- package/dist/cjs/index.js +1790 -1180
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index--xgdaD5z.css → index-Dbh6DUCn.css} +66 -96
- package/dist/es/index.js +1674 -1064
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.js +1 -1
- package/dist/esm/components/atoms/Amount/Amount.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.css +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +2 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +4 -7
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +2 -0
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +2 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +2 -2
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +1 -4
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/{SearchInput/SearchInput.css → InputSearch/InputSearch.css} +1 -2
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +9 -0
- package/dist/esm/components/atoms/{SearchInput/SearchInput.js → InputSearch/InputSearch.js} +4 -4
- package/dist/esm/components/atoms/{SearchInput/SearchInput.js.map → InputSearch/InputSearch.js.map} +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +2 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/atoms/Label/Label.css +6 -0
- package/dist/esm/components/atoms/Poster/Poster.css +4 -3
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +1 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +0 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +3 -4
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +8 -48
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js +2 -2
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +2 -2
- package/dist/esm/components/atoms/TabularText/TabularText.css +5 -2
- package/dist/esm/components/atoms/index.d.ts +1 -1
- package/dist/esm/components/atoms/index.js +1 -1
- package/dist/esm/components/atoms/index.js.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +2 -2
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +4 -4
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +4 -4
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +4 -4
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/MessageFormError/{MesageFormError.js → MessageFormError.js} +1 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js.map +1 -0
- package/dist/esm/components/molecules/Pagination/Pagination.d.ts +7 -19
- package/dist/esm/components/molecules/Pagination/Pagination.js +42 -198
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +5 -3
- 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 +6 -6
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +8 -8
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.css +1 -1
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.js +19 -19
- package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +8 -3
- 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/index.d.ts +1 -1
- package/dist/esm/components/molecules/index.js +1 -1
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +15 -12
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +2 -10
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +8 -8
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +14 -14
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.d.ts +4 -4
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.js +6 -6
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +3 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +19 -22
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +2 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +3 -3
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +6 -6
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +9 -9
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.d.ts +2 -2
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.js +4 -4
- package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +1 -3
- package/dist/esm/components/organisms/PickerDate/PickerDate.d.ts +2 -2
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +26 -26
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.d.ts +3 -3
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +15 -15
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/helpers/date-range-picker.d.ts +1 -1
- package/dist/esm/helpers/date-range-picker.js +1 -1
- package/dist/esm/helpers/date-range-picker.js.map +1 -1
- package/dist/esm/hooks/DatatableHook.js +7 -4
- package/dist/esm/hooks/DatatableHook.js.map +1 -1
- package/dist/esm/hooks/ListControlHook.d.ts +14 -12
- package/dist/esm/hooks/ListControlHook.js +44 -36
- package/dist/esm/hooks/ListControlHook.js.map +1 -1
- package/package.json +19 -18
- package/dist/esm/components/atoms/SearchInput/SearchInput.d.ts +0 -9
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.css +0 -0
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.js.map +0 -1
- /package/dist/esm/components/molecules/MessageFormError/{MesageFormError.d.ts → MessageFormError.d.ts} +0 -0
|
@@ -1,58 +1,55 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerType, checkDateRange } from '@rolster/
|
|
3
|
-
import { dateFormatTemplate } from '@rolster/
|
|
2
|
+
import { PickerListenerType, checkDateRange } from '@rolster/components';
|
|
3
|
+
import { dateFormatTemplate } from '@rolster/dates';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
|
-
import { DATE_RANGE_FORMAT } from '../../../constants';
|
|
6
5
|
import { renderClassStatus } from '../../../helpers';
|
|
7
6
|
import { RlsIcon } from '../../atoms';
|
|
8
7
|
import { RlsMessageFormError } from '../../molecules';
|
|
9
8
|
import { RlsModal } from '../Modal/Modal';
|
|
10
9
|
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
11
10
|
import './FieldDate.css';
|
|
12
|
-
|
|
11
|
+
const FORMAT_DATE = '{dd}/{mx}/{aa}';
|
|
12
|
+
export function RlsFieldDate({ children, date, disabled, formControl, format, maxDate, minDate, onValue, placeholder, rlsTheme }) {
|
|
13
13
|
const today = new Date(); // Initial current date in component
|
|
14
14
|
const [value, setValue] = useState();
|
|
15
15
|
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
16
16
|
useEffect(() => {
|
|
17
17
|
const dateCheck = checkDateRange({
|
|
18
|
-
date: formControl?.
|
|
18
|
+
date: formControl?.value || date || today,
|
|
19
19
|
minDate,
|
|
20
20
|
maxDate
|
|
21
21
|
});
|
|
22
22
|
setValue(dateCheck);
|
|
23
|
-
formControl?.
|
|
23
|
+
formControl?.setValue(dateCheck);
|
|
24
24
|
}, []);
|
|
25
|
-
function
|
|
26
|
-
setModalIsVisible(true);
|
|
27
|
-
}
|
|
28
|
-
function onChange(value, ignoreControl = false) {
|
|
29
|
-
if (!ignoreControl) {
|
|
30
|
-
formControl?.setState(value);
|
|
31
|
-
}
|
|
25
|
+
function onChange(value) {
|
|
32
26
|
setValue(value);
|
|
33
27
|
if (onValue) {
|
|
34
28
|
onValue(value);
|
|
35
29
|
}
|
|
36
30
|
}
|
|
37
|
-
function
|
|
31
|
+
function onClickInput() {
|
|
32
|
+
setModalIsVisible(true);
|
|
33
|
+
}
|
|
34
|
+
function onClickAction() {
|
|
38
35
|
if (value) {
|
|
36
|
+
formControl?.setValue(undefined);
|
|
37
|
+
formControl?.touch();
|
|
39
38
|
onChange(undefined);
|
|
40
|
-
if (formControl && !formControl.touched) {
|
|
41
|
-
formControl.touch();
|
|
42
|
-
}
|
|
43
39
|
}
|
|
44
40
|
else {
|
|
45
41
|
setModalIsVisible(true);
|
|
46
42
|
}
|
|
47
43
|
}
|
|
48
|
-
|
|
44
|
+
const valueInput = value
|
|
45
|
+
? dateFormatTemplate(value, format || FORMAT_DATE)
|
|
46
|
+
: '';
|
|
47
|
+
return (_jsxs("div", { className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-field-box', { disabled }), children: [children && _jsx("label", { 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-date__control", type: "text", value: valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), _jsx("button", { className: "rls-field-date__action", onClick: onClickAction, disabled: disabled, children: _jsx(RlsIcon, { value: value ? 'trash-2' : 'calendar' }) })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }), _jsx(RlsModal, { visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDate, { formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: ({ value, type }) => {
|
|
49
48
|
if (type !== PickerListenerType.Cancel) {
|
|
50
|
-
onChange(value
|
|
49
|
+
onChange(value);
|
|
51
50
|
}
|
|
51
|
+
formControl?.touch();
|
|
52
52
|
setModalIsVisible(false);
|
|
53
|
-
if (!formControl?.touched) {
|
|
54
|
-
formControl?.touch();
|
|
55
|
-
}
|
|
56
53
|
} }) })] }));
|
|
57
54
|
}
|
|
58
55
|
//# sourceMappingURL=FieldDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { DateRange } from '@rolster/
|
|
1
|
+
import { DateRange } from '@rolster/dates';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { RlsComponent } from '../../definitions';
|
|
4
4
|
import './FieldDateRange.css';
|
|
5
5
|
interface FieldDateRangeProps extends RlsComponent {
|
|
6
6
|
date?: Date;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
-
formControl?: ReactControl<HTMLElement, DateRange>;
|
|
8
|
+
formControl?: ReactControl<HTMLElement, DateRange | undefined>;
|
|
9
9
|
maxDate?: Date;
|
|
10
10
|
minDate?: Date;
|
|
11
11
|
placeholder?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DateRange } from '@rolster/
|
|
2
|
+
import { DateRange } from '@rolster/dates';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { rangeFormatTemplate, renderClassStatus } from '../../../helpers';
|
|
5
5
|
import { RlsIcon } from '../../atoms';
|
|
@@ -8,7 +8,7 @@ import { RlsModal } from '../Modal/Modal';
|
|
|
8
8
|
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
9
9
|
import './FieldDateRange.css';
|
|
10
10
|
export function RlsFieldDateRange({ children, date: datePicker, disabled, formControl, maxDate, minDate, placeholder, rlsTheme }) {
|
|
11
|
-
const currentRange = formControl?.
|
|
11
|
+
const currentRange = formControl?.value || DateRange.now();
|
|
12
12
|
const currentDate = datePicker || new Date();
|
|
13
13
|
const [value, setValue] = useState(currentRange);
|
|
14
14
|
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
@@ -17,7 +17,7 @@ export function RlsFieldDateRange({ children, date: datePicker, disabled, formCo
|
|
|
17
17
|
}
|
|
18
18
|
function onClickAction() {
|
|
19
19
|
if (value) {
|
|
20
|
-
formControl?.
|
|
20
|
+
formControl?.setValue(undefined);
|
|
21
21
|
setValue(undefined);
|
|
22
22
|
}
|
|
23
23
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { AbstractListElement as Element, ListElement } from '@rolster/
|
|
1
|
+
import { AbstractListElement as Element, ListElement } from '@rolster/components';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
import { RlsComponent } from '../../definitions';
|
|
5
5
|
import './FieldSelect.css';
|
|
6
|
-
interface FieldSelectProps<T =
|
|
6
|
+
interface FieldSelectProps<T = any, E extends Element<T> = Element<T>> extends RlsComponent {
|
|
7
7
|
suggestions: E[];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
formControl?: ReactControl<HTMLElement, T>;
|
|
9
|
+
formControl?: ReactControl<HTMLElement, T | undefined>;
|
|
10
10
|
placeholder?: string;
|
|
11
11
|
onSelect?: (value: T) => void;
|
|
12
12
|
onValue?: (value?: T) => void;
|
|
13
13
|
}
|
|
14
|
-
interface FieldSelectTemplateProps<T =
|
|
14
|
+
interface FieldSelectTemplateProps<T = any, E extends Element<T> = Element<T>> extends FieldSelectProps<T, E> {
|
|
15
15
|
render: (element: E) => ReactNode;
|
|
16
16
|
}
|
|
17
|
-
export declare function RlsFieldSelectTemplate<T =
|
|
18
|
-
export declare function RlsFieldSelect<T =
|
|
17
|
+
export declare function RlsFieldSelectTemplate<T = any, E extends Element<T> = Element<T>>({ render, suggestions, children, disabled, formControl, onSelect, onValue, placeholder, rlsTheme }: FieldSelectTemplateProps<T, E>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function RlsFieldSelect<T = any>(props: FieldSelectProps<T, ListElement<T>>): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -5,21 +5,21 @@ import { RlsIcon } from '../../atoms';
|
|
|
5
5
|
import { RlsBallot, RlsMessageFormError } from '../../molecules';
|
|
6
6
|
import { useFieldSelect } from './FieldSelectHook';
|
|
7
7
|
import './FieldSelect.css';
|
|
8
|
-
export function RlsFieldSelectTemplate({ suggestions, children, disabled, formControl,
|
|
9
|
-
const
|
|
8
|
+
export function RlsFieldSelectTemplate({ render, suggestions, children, disabled, formControl, onSelect, onValue, placeholder, rlsTheme }) {
|
|
9
|
+
const fieldSelect = useFieldSelect({
|
|
10
10
|
suggestions,
|
|
11
11
|
disabled,
|
|
12
12
|
formControl,
|
|
13
13
|
onSelect,
|
|
14
14
|
onValue
|
|
15
15
|
});
|
|
16
|
-
return (_jsxs("div", { ref: listControl.
|
|
17
|
-
visible: listControl.visible
|
|
18
|
-
}), disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
19
|
-
visible: listControl.visible,
|
|
20
|
-
hide: !listControl.visible,
|
|
21
|
-
higher: listControl.higher
|
|
22
|
-
}), children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: listControl.listRef, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: onClickElement(element), onKeyDown: onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "rls-caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: onClickBackdrop })] })] }));
|
|
16
|
+
return (_jsxs("div", { ref: fieldSelect.listControl.contentRef, className: renderClassStatus('rls-field-box', { focused: fieldSelect.listControl.focused, disabled }, 'rls-field-list rls-field-select'), "rls-theme": rlsTheme, children: [children && _jsx("label", { 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", { ref: fieldSelect.listControl.inputRef, className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: fieldSelect.listControl.value, onFocus: fieldSelect.onFocusInput, onBlur: fieldSelect.onBlurInput, onClick: fieldSelect.onClickInput, onKeyDown: fieldSelect.onKeydownInput }), _jsx("button", { className: renderClassStatus('rls-field-list__action', {
|
|
17
|
+
visible: fieldSelect.listControl.visible
|
|
18
|
+
}), disabled: disabled, onClick: fieldSelect.onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
19
|
+
visible: fieldSelect.listControl.visible,
|
|
20
|
+
hide: !fieldSelect.listControl.visible,
|
|
21
|
+
higher: fieldSelect.listControl.higher
|
|
22
|
+
}), children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: fieldSelect.listControl.listRef, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: fieldSelect.onClickElement(element), onKeyDown: fieldSelect.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "rls-caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: fieldSelect.onClickBackdrop })] })] }));
|
|
23
23
|
}
|
|
24
24
|
export function RlsFieldSelect(props) {
|
|
25
25
|
return (_jsx(RlsFieldSelectTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title })) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":";AAMA,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractListElement as Element } from '@rolster/
|
|
1
|
+
import { AbstractListElement as Element } from '@rolster/components';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
4
4
|
import { ListControl } from '../../../hooks';
|
|
@@ -16,7 +16,7 @@ export interface FieldSelectControl<T = unknown, E extends Element<T> = Element<
|
|
|
16
16
|
interface FieldSelectProps<T = unknown, E extends Element<T> = Element<T>> {
|
|
17
17
|
suggestions: E[];
|
|
18
18
|
disabled?: boolean;
|
|
19
|
-
formControl?: ReactControl<HTMLElement, T>;
|
|
19
|
+
formControl?: ReactControl<HTMLElement, T | undefined>;
|
|
20
20
|
onSelect?: (value: T) => void;
|
|
21
21
|
onValue?: (value?: T) => void;
|
|
22
22
|
}
|
|
@@ -15,14 +15,14 @@ export function useFieldSelect({ suggestions, formControl, onSelect, onValue })
|
|
|
15
15
|
changeInternal.current = false;
|
|
16
16
|
return;
|
|
17
17
|
}
|
|
18
|
-
refresh(collection, formControl?.
|
|
19
|
-
}, [formControl?.
|
|
18
|
+
refresh(collection, formControl?.value);
|
|
19
|
+
}, [formControl?.value]);
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
if (!initializedCollection.current || !initializedState.current) {
|
|
22
22
|
initializedCollection.current = true;
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
|
-
refresh(collection, formControl?.
|
|
25
|
+
refresh(collection, formControl?.value);
|
|
26
26
|
}, [collection]);
|
|
27
27
|
function refresh(collection, state) {
|
|
28
28
|
if (!state) {
|
|
@@ -38,7 +38,7 @@ export function useFieldSelect({ suggestions, formControl, onSelect, onValue })
|
|
|
38
38
|
function setFormState(value) {
|
|
39
39
|
if (formControl) {
|
|
40
40
|
changeInternal.current = true;
|
|
41
|
-
formControl.
|
|
41
|
+
formControl.setValue(value);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
function onFocusInput() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelectHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectHook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldSelectHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectHook.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
padding: var(--rls-sizing-x4);
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
background: var(--rls-theme-color-100);
|
|
16
|
+
border-radius: var(--rls-sizing-x4);
|
|
16
17
|
}
|
|
17
18
|
.rls-picker-date__header .rls-picker-month-title {
|
|
18
19
|
padding: 0rem var(--rls-sizing-x6);
|
|
@@ -41,9 +42,6 @@
|
|
|
41
42
|
.rls-picker-date__component {
|
|
42
43
|
display: flex;
|
|
43
44
|
justify-content: center;
|
|
44
|
-
width: 150rem;
|
|
45
|
-
padding: 0rem var(--rls-sizing-x2);
|
|
46
|
-
box-sizing: border-box;
|
|
47
45
|
}
|
|
48
46
|
.rls-picker-date__component > * {
|
|
49
47
|
display: none;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PickerListener } from '@rolster/
|
|
1
|
+
import { PickerListener } from '@rolster/components';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { RlsComponent } from '../../definitions';
|
|
4
4
|
import './PickerDate.css';
|
|
@@ -6,7 +6,7 @@ interface PickerDateProps extends RlsComponent {
|
|
|
6
6
|
automatic?: boolean;
|
|
7
7
|
date?: Date;
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
formControl?: ReactControl<HTMLElement, Date>;
|
|
9
|
+
formControl?: ReactControl<HTMLElement, Date | undefined>;
|
|
10
10
|
maxDate?: Date;
|
|
11
11
|
minDate?: Date;
|
|
12
12
|
onListener?: (listener: PickerListener<Date>) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { itIsDefined } from '@rolster/
|
|
3
|
-
import { PickerListenerType, checkDateRange, dateOutRange } from '@rolster/
|
|
4
|
-
import { assignDayInDate, assignMonthInDate, assignYearInDate, dateFormatTemplate } from '@rolster/
|
|
2
|
+
import { itIsDefined } from '@rolster/commons';
|
|
3
|
+
import { PickerListenerType, checkDateRange, dateOutRange } from '@rolster/components';
|
|
4
|
+
import { assignDayInDate, assignMonthInDate, assignYearInDate, dateFormatTemplate } from '@rolster/dates';
|
|
5
5
|
import { useReactControl } from '@rolster/react-forms';
|
|
6
6
|
import { useEffect, useState } from 'react';
|
|
7
7
|
import { renderClassStatus } from '../../../helpers';
|
|
@@ -9,10 +9,10 @@ import reactI18n from '../../../i18n';
|
|
|
9
9
|
import { RlsButton } from '../../atoms';
|
|
10
10
|
import { RlsPickerDay, RlsPickerMonth, RlsPickerMonthTitle, RlsPickerYear } from '../../molecules';
|
|
11
11
|
import './PickerDate.css';
|
|
12
|
-
const
|
|
12
|
+
const FORMAT_TITLE = '{dw}, {mx} {dd} de {aa}';
|
|
13
13
|
export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
14
14
|
const today = new Date(); // Initial current date in component
|
|
15
|
-
const dateInitial = formControl?.
|
|
15
|
+
const dateInitial = formControl?.value || date || today;
|
|
16
16
|
const yearControl = useReactControl(dateInitial.getFullYear());
|
|
17
17
|
const dayControl = useReactControl(dateInitial.getDate());
|
|
18
18
|
const monthControl = useReactControl(dateInitial.getMonth());
|
|
@@ -20,28 +20,28 @@ export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate,
|
|
|
20
20
|
const [visibility, setVisibility] = useState('DAY');
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
const dateCheck = checkDateRange({
|
|
23
|
-
date: formControl?.
|
|
23
|
+
date: formControl?.value || date || today,
|
|
24
24
|
minDate,
|
|
25
25
|
maxDate
|
|
26
26
|
});
|
|
27
27
|
setValue(dateCheck);
|
|
28
|
-
formControl?.
|
|
28
|
+
formControl?.setValue(dateCheck);
|
|
29
29
|
}, []);
|
|
30
30
|
useEffect(() => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, [yearControl.
|
|
31
|
+
if (itIsDefined(yearControl.value)) {
|
|
32
|
+
setValue(assignYearInDate(value, yearControl.value));
|
|
33
|
+
}
|
|
34
|
+
}, [yearControl.value]);
|
|
35
35
|
useEffect(() => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}, [monthControl.
|
|
36
|
+
if (itIsDefined(monthControl.value)) {
|
|
37
|
+
setValue(assignMonthInDate(value, monthControl.value));
|
|
38
|
+
}
|
|
39
|
+
}, [monthControl.value]);
|
|
40
40
|
useEffect(() => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}, [dayControl.
|
|
41
|
+
if (itIsDefined(dayControl.value)) {
|
|
42
|
+
setValue(assignDayInDate(value, dayControl.value));
|
|
43
|
+
}
|
|
44
|
+
}, [dayControl.value]);
|
|
45
45
|
function onVisibilityDay() {
|
|
46
46
|
setVisibility('DAY');
|
|
47
47
|
}
|
|
@@ -57,24 +57,24 @@ export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate,
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
function onToday() {
|
|
60
|
-
yearControl.
|
|
61
|
-
dayControl.
|
|
62
|
-
monthControl.
|
|
63
|
-
formControl?.
|
|
60
|
+
yearControl.setValue(today.getFullYear());
|
|
61
|
+
dayControl.setValue(today.getDate());
|
|
62
|
+
monthControl.setValue(today.getMonth());
|
|
63
|
+
formControl?.setValue(today);
|
|
64
64
|
if (onListener) {
|
|
65
65
|
onListener({ type: PickerListenerType.Now, value: today });
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
function onSelect() {
|
|
69
|
-
formControl?.
|
|
69
|
+
formControl?.setValue(value);
|
|
70
70
|
if (onListener) {
|
|
71
71
|
onListener({ type: PickerListenerType.Select, value });
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
return (_jsxs("div", { className: "rls-picker-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date__header", children: [_jsx("div", { className: "rls-picker-date__title rls-picker-date__title--description", children: _jsx("span", { onClick: onVisibilityDay, children: dateFormatTemplate(dateInitial,
|
|
74
|
+
return (_jsxs("div", { className: "rls-picker-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date__header", children: [_jsx("div", { className: "rls-picker-date__title rls-picker-date__title--description", children: _jsx("span", { onClick: onVisibilityDay, children: dateFormatTemplate(dateInitial, FORMAT_TITLE) }) }), _jsx("div", { className: "rls-picker-date__title rls-picker-date__title--year", children: _jsx("span", { onClick: onVisibilityYear, children: yearControl.value }) }), _jsx(RlsPickerMonthTitle, { monthControl: monthControl, yearControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: 'month', onClick: onVisibilityMonth })] }), _jsxs("div", { className: renderClassStatus('rls-picker-date__component', {
|
|
75
75
|
day: visibility === 'DAY',
|
|
76
76
|
month: visibility === 'MONTH',
|
|
77
77
|
year: visibility === 'YEAR'
|
|
78
|
-
}), children: [_jsx(RlsPickerDay, { formControl: dayControl, date: dateInitial, month: monthControl.
|
|
78
|
+
}), children: [_jsx(RlsPickerDay, { formControl: dayControl, date: dateInitial, month: monthControl.value, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, date: dateInitial, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), _jsx(RlsPickerYear, { formControl: yearControl, date: dateInitial, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), !automatic && (_jsx("div", { className: "rls-picker-date__footer", children: _jsxs("div", { className: "rls-picker-date__actions", children: [_jsx("div", { className: "rls-picker-date__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children: reactI18n('dateActionCancel') }) }), _jsx("div", { className: "rls-picker-date__actions--today", children: _jsx(RlsButton, { type: "ghost", onClick: onToday, disabled: dateOutRange({ date: today, maxDate, minDate }), children: reactI18n('dateActionToday') }) }), _jsx("div", { className: "rls-picker-date__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: reactI18n('dateActionSelect') }) })] }) }))] }));
|
|
79
79
|
}
|
|
80
80
|
//# sourceMappingURL=PickerDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PickerListener } from '@rolster/
|
|
2
|
-
import { DateRange } from '@rolster/
|
|
1
|
+
import { PickerListener } from '@rolster/components';
|
|
2
|
+
import { DateRange } from '@rolster/dates';
|
|
3
3
|
import { ReactControl } from '@rolster/react-forms';
|
|
4
4
|
import { RlsComponent } from '../../definitions';
|
|
5
5
|
import './PickerDateRange.css';
|
|
@@ -7,7 +7,7 @@ interface PickerDateRangeProps extends RlsComponent {
|
|
|
7
7
|
automatic?: boolean;
|
|
8
8
|
date?: Date;
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
formControl?: ReactControl<HTMLElement, DateRange>;
|
|
10
|
+
formControl?: ReactControl<HTMLElement, DateRange | undefined>;
|
|
11
11
|
maxDate?: Date;
|
|
12
12
|
minDate?: Date;
|
|
13
13
|
onListener?: (listener: PickerListener<DateRange>) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerType } from '@rolster/
|
|
3
|
-
import { DateRange, assignMonthInDate, assignYearInDate, normalizeMinTime } from '@rolster/
|
|
2
|
+
import { PickerListenerType } from '@rolster/components';
|
|
3
|
+
import { DateRange, assignMonthInDate, assignYearInDate, normalizeMinTime } from '@rolster/dates';
|
|
4
4
|
import { useReactControl } from '@rolster/react-forms';
|
|
5
5
|
import { useEffect, useState } from 'react';
|
|
6
6
|
import { rangeFormatTemplate, renderClassStatus } from '../../../helpers';
|
|
@@ -10,7 +10,7 @@ import { RlsPickerDayRange, RlsPickerMonth, RlsPickerMonthTitle, RlsPickerYear }
|
|
|
10
10
|
import './PickerDateRange.css';
|
|
11
11
|
export function RlsPickerDateRange({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
12
12
|
const dateInitial = normalizeMinTime(datePicker || new Date());
|
|
13
|
-
const rangeInitial = formControl?.
|
|
13
|
+
const rangeInitial = formControl?.value || DateRange.now();
|
|
14
14
|
const yearControl = useReactControl(dateInitial.getFullYear());
|
|
15
15
|
const monthControl = useReactControl(dateInitial.getMonth());
|
|
16
16
|
const dayControl = useReactControl(rangeInitial);
|
|
@@ -19,24 +19,24 @@ export function RlsPickerDateRange({ automatic, date: datePicker, disabled, form
|
|
|
19
19
|
const [visibility, setVisibility] = useState('DAY');
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
setDate((prevValue) => {
|
|
22
|
-
return typeof yearControl.
|
|
23
|
-
? assignYearInDate(prevValue, yearControl.
|
|
22
|
+
return typeof yearControl.value === 'number'
|
|
23
|
+
? assignYearInDate(prevValue, yearControl.value)
|
|
24
24
|
: prevValue;
|
|
25
25
|
});
|
|
26
|
-
}, [yearControl.
|
|
26
|
+
}, [yearControl.value]);
|
|
27
27
|
useEffect(() => {
|
|
28
28
|
setDate((prevValue) => {
|
|
29
|
-
return typeof monthControl.
|
|
30
|
-
? assignMonthInDate(prevValue, monthControl.
|
|
29
|
+
return typeof monthControl.value === 'number'
|
|
30
|
+
? assignMonthInDate(prevValue, monthControl.value)
|
|
31
31
|
: prevValue;
|
|
32
32
|
});
|
|
33
|
-
}, [monthControl.
|
|
33
|
+
}, [monthControl.value]);
|
|
34
34
|
useEffect(() => {
|
|
35
|
-
if (dayControl.
|
|
36
|
-
setValue(dayControl.
|
|
35
|
+
if (dayControl.value) {
|
|
36
|
+
setValue(dayControl.value);
|
|
37
37
|
}
|
|
38
38
|
setVisibility('DAY');
|
|
39
|
-
}, [dayControl.
|
|
39
|
+
}, [dayControl.value]);
|
|
40
40
|
function onVisibilityDay() {
|
|
41
41
|
setVisibility('DAY');
|
|
42
42
|
}
|
|
@@ -52,16 +52,16 @@ export function RlsPickerDateRange({ automatic, date: datePicker, disabled, form
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
function onSelect() {
|
|
55
|
-
formControl?.
|
|
55
|
+
formControl?.setValue(value);
|
|
56
56
|
if (onListener) {
|
|
57
57
|
onListener({ type: PickerListenerType.Select, value });
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
return (_jsxs("div", { className: "rls-picker-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date-range__header", children: [_jsx("div", { className: "rls-picker-date-range__title rls-picker-date-range__title--description", children: _jsx("span", { onClick: onVisibilityDay, children: rangeFormatTemplate(value) }) }), _jsx("div", { className: "rls-picker-date-range__title rls-picker-date-range__title--year", children: _jsx("span", { onClick: onVisibilityYear, children: yearControl.
|
|
60
|
+
return (_jsxs("div", { className: "rls-picker-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date-range__header", children: [_jsx("div", { className: "rls-picker-date-range__title rls-picker-date-range__title--description", children: _jsx("span", { onClick: onVisibilityDay, children: rangeFormatTemplate(value) }) }), _jsx("div", { className: "rls-picker-date-range__title rls-picker-date-range__title--year", children: _jsx("span", { onClick: onVisibilityYear, children: yearControl.value }) }), _jsx(RlsPickerMonthTitle, { monthControl: monthControl, yearControl: yearControl, date: date, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: visibility === 'MONTH' ? 'year' : 'month', onClick: onVisibilityMonth })] }), _jsxs("div", { className: renderClassStatus('rls-picker-date-range__component', {
|
|
61
61
|
day: visibility === 'DAY',
|
|
62
62
|
month: visibility === 'MONTH',
|
|
63
63
|
year: visibility === 'YEAR'
|
|
64
|
-
}), children: [_jsx(RlsPickerDayRange, { formControl: dayControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, year: yearControl.
|
|
64
|
+
}), children: [_jsx(RlsPickerDayRange, { formControl: dayControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), _jsx(RlsPickerYear, { formControl: yearControl, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), _jsx("div", { className: renderClassStatus('rls-picker-date-range__footer', {
|
|
65
65
|
automatic
|
|
66
66
|
}), children: _jsxs("div", { className: "rls-picker-date-range__actions", children: [_jsx("div", { className: "rls-picker-date-range__actions--cancel", children: _jsx(RlsButton, { type: "ghost", onClick: onCancel, children: reactI18n('dateActionCancel') }) }), _jsx("div", { className: "rls-picker-date-range__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: reactI18n('dateActionSelect') }) })] }) })] }));
|
|
67
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DateRange } from '@rolster/
|
|
1
|
+
import { DateRange } from '@rolster/dates';
|
|
2
2
|
export declare function rangeFormatTemplate({ maxDate, minDate }: DateRange): string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { dateFormatTemplate } from '@rolster/
|
|
1
|
+
import { dateFormatTemplate } from '@rolster/dates';
|
|
2
2
|
import { DATE_RANGE_FORMAT } from '../constants';
|
|
3
3
|
export function rangeFormatTemplate({ maxDate, minDate }) {
|
|
4
4
|
const minFormat = dateFormatTemplate(minDate, DATE_RANGE_FORMAT);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,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"}
|