@rolster/react-components 18.20.7 → 18.21.0
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-Cp7p-Y-D.css → index-eohCf4O9.css} +10 -10
- package/dist/cjs/index.js +532 -286
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-Cp7p-Y-D.css → index-eohCf4O9.css} +10 -10
- package/dist/es/index.js +533 -288
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +6 -2
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +10 -3
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.js +6 -2
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +10 -5
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.js +6 -2
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +9 -6
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +8 -5
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.js +6 -2
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +6 -2
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +6 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.css +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +10 -5
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/molecules/Alert/Alert.js +7 -3
- package/dist/esm/components/molecules/Alert/Alert.js.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js +8 -3
- package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js +8 -3
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js.map +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +2 -2
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js +11 -9
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +14 -5
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +14 -5
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +15 -6
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +14 -5
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +7 -7
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +7 -7
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -7
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js +16 -2
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js.map +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.js +23 -32
- 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 +3 -3
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.d.ts +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +3 -3
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.d.ts +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +4 -4
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.js +6 -2
- package/dist/esm/components/organisms/Card/Card.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +5 -5
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +7 -4
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +31 -9
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +5 -5
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +25 -13
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +5 -4
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +12 -9
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +5 -4
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +8 -8
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js +6 -2
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.js +6 -2
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +15 -9
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +20 -12
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.d.ts +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +7 -4
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/context.js +6 -5
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/helpers/css.js +1 -1
- package/dist/esm/helpers/css.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -0
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/helpers/language.d.ts +4 -0
- package/dist/esm/helpers/language.js +102 -0
- package/dist/esm/helpers/language.js.map +1 -0
- package/package.json +4 -4
|
@@ -1,29 +1,51 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
export function RlsDatatableHeader({ children, identifier }) {
|
|
4
5
|
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", children: children }));
|
|
5
6
|
}
|
|
6
7
|
export function RlsDatatableTitle({ children, className, control, identifier }) {
|
|
7
|
-
|
|
8
|
+
const classDatatableName = useMemo(() => {
|
|
9
|
+
return renderClassStatus('rls-datatable__title', { control }, className);
|
|
10
|
+
}, [control, className]);
|
|
11
|
+
return (_jsx("th", { id: identifier, className: classDatatableName, children: children }));
|
|
8
12
|
}
|
|
9
13
|
export function RlsDatatableSubheader({ children, className, identifier }) {
|
|
10
|
-
|
|
14
|
+
const classDatatableName = useMemo(() => {
|
|
15
|
+
return renderClassStatus('rls-datatable__subheader', {}, className);
|
|
16
|
+
}, [className]);
|
|
17
|
+
return (_jsx("tr", { id: identifier, className: classDatatableName, children: children }));
|
|
11
18
|
}
|
|
12
19
|
export function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }) {
|
|
13
|
-
|
|
20
|
+
const classDatatableName = useMemo(() => {
|
|
21
|
+
return renderClassStatus('rls-datatable__record', { error, info, successs, warning }, className);
|
|
22
|
+
}, [error, info, successs, warning, className]);
|
|
23
|
+
return (_jsx("tr", { id: identifier, className: classDatatableName, children: children }));
|
|
14
24
|
}
|
|
15
25
|
export function RlsDatatableTotals({ children, className, error, identifier, info, successs, warning }) {
|
|
16
|
-
|
|
26
|
+
const classDatatableName = useMemo(() => {
|
|
27
|
+
return renderClassStatus('rls-datatable__totals', { error, info, successs, warning }, className);
|
|
28
|
+
}, [error, info, successs, warning, className]);
|
|
29
|
+
return (_jsx("div", { id: identifier, className: classDatatableName, children: children }));
|
|
17
30
|
}
|
|
18
31
|
export function RlsDatatableCell({ children, className, control, identifier, overflow }) {
|
|
19
|
-
|
|
32
|
+
const classDatatableName = useMemo(() => {
|
|
33
|
+
return renderClassStatus('rls-datatable__cell', { control, overflow }, className);
|
|
34
|
+
}, [control, overflow, className]);
|
|
35
|
+
return (_jsx("th", { id: identifier, className: classDatatableName, children: children }));
|
|
20
36
|
}
|
|
21
37
|
export function RlsDatatableData({ children, className, control, identifier, overflow }) {
|
|
22
|
-
|
|
38
|
+
const classDatatableName = useMemo(() => {
|
|
39
|
+
return renderClassStatus('rls-datatable__data', { control, overflow }, className);
|
|
40
|
+
}, [control, overflow, className]);
|
|
41
|
+
return (_jsx("div", { id: identifier, className: classDatatableName, children: children }));
|
|
23
42
|
}
|
|
24
43
|
export function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }) {
|
|
25
|
-
|
|
44
|
+
const className = useMemo(() => {
|
|
45
|
+
return renderClassStatus('rls-datatable', {
|
|
26
46
|
scrolleable: datatable?.scrolleable
|
|
27
|
-
})
|
|
47
|
+
});
|
|
48
|
+
}, [datatable]);
|
|
49
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
|
|
28
50
|
}
|
|
29
51
|
//# sourceMappingURL=Datatable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,9 +38,9 @@ interface FormControlVoidProps<T = any> extends Omit<FieldAutocompleteProps<T, A
|
|
|
38
38
|
interface FormControlEmptyProps<T = any> extends Omit<FieldAutocompleteProps<T, AutocompleteElement<T>>, 'formControl' | 'value'> {
|
|
39
39
|
onValue?: (value?: T) => void;
|
|
40
40
|
}
|
|
41
|
-
export declare function RlsFieldAutocomplete<T = any>(props: FormControlUndefinedProps<T>):
|
|
42
|
-
export declare function RlsFieldAutocomplete<T = any>(props: FormControlDefinedProps<T>):
|
|
43
|
-
export declare function RlsFieldAutocomplete<T = any>(props: FormControlVoidProps<T>):
|
|
44
|
-
export declare function RlsFieldAutocomplete<T = any>(props: FormControlEmptyProps<T>):
|
|
45
|
-
export declare function RlsFieldAutocomplete<T = any>(props: FieldAutocompleteProps<T, AutocompleteElement<T>>):
|
|
41
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FormControlUndefinedProps<T>): ReactNode;
|
|
42
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FormControlDefinedProps<T>): ReactNode;
|
|
43
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FormControlVoidProps<T>): ReactNode;
|
|
44
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FormControlEmptyProps<T>): ReactNode;
|
|
45
|
+
export declare function RlsFieldAutocomplete<T = any>(props: FieldAutocompleteProps<T, AutocompleteElement<T>>): ReactNode;
|
|
46
46
|
export {};
|
|
@@ -1,25 +1,37 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
import { reactI18n } from '../../../i18n';
|
|
4
|
-
import { RlsIcon
|
|
5
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
+
import { RlsProgressBar } from '../../atoms/ProgressBar/ProgressBar';
|
|
5
7
|
import { RlsBallot, RlsMessageFormError } from '../../molecules';
|
|
6
8
|
import { useFieldAutocomplete } from './FieldAutocompleteController';
|
|
7
9
|
import './FieldAutocomplete.css';
|
|
8
|
-
import { renderClassStatus } from '../../../helpers';
|
|
9
10
|
export function RlsFieldAutocompleteTemplate(props) {
|
|
10
11
|
const autocomplete = useFieldAutocomplete(props);
|
|
11
12
|
const { render, children, formControl, msgErrorDisabled, onSearch, placeholder, rlsTheme, searching } = props;
|
|
12
13
|
const _disabled = formControl?.disabled || props.disabled;
|
|
13
|
-
const className =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
const className = useMemo(() => {
|
|
15
|
+
return renderClassStatus('rls-field-box', {
|
|
16
|
+
focused: autocomplete.focused && !_disabled,
|
|
17
|
+
error: formControl?.wrong,
|
|
18
|
+
disabled: _disabled,
|
|
19
|
+
selected: !!autocomplete.value
|
|
20
|
+
}, 'rls-field-list rls-field-autocomplete');
|
|
21
|
+
}, [
|
|
22
|
+
formControl?.wrong,
|
|
23
|
+
formControl?.disabled,
|
|
24
|
+
autocomplete.value,
|
|
25
|
+
autocomplete.focused,
|
|
26
|
+
props.disabled
|
|
27
|
+
]);
|
|
28
|
+
const classNameList = useMemo(() => {
|
|
29
|
+
return renderClassStatus('rls-field-list__suggestions', {
|
|
30
|
+
higher: autocomplete.higher,
|
|
31
|
+
visible: autocomplete.modalIsVisible
|
|
32
|
+
});
|
|
33
|
+
}, [autocomplete.higher, autocomplete.modalIsVisible]);
|
|
34
|
+
return (_jsxs("div", { id: props.identifier, ref: autocomplete.contentRef, className: className, "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", { className: "rls-field-list__control", readOnly: true, disabled: _disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), _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("div", { className: classNameList, children: autocomplete.modalIsVisible && (_jsxs(_Fragment, { children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.listRef, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.inputRef, className: "rls-field-list__ul__control", type: "text", placeholder: reactI18n('listInputPlaceholder'), value: autocomplete.pattern, onChange: (event) => {
|
|
23
35
|
autocomplete.setPattern(event.target.value);
|
|
24
36
|
}, disabled: _disabled || searching, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: autocomplete.onKeydownInput }), onSearch && (_jsx("button", { disabled: _disabled || searching, onClick: () => {
|
|
25
37
|
onSearch(autocomplete.pattern);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,yBAAyB,CAAC;AA+BjC,MAAM,UAAU,4BAA4B,CAI1C,KAA8C;IAC9C,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IAE1D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK;SAC/B,EACD,uCAAuC,CACxC,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,OAAO;QACpB,KAAK,CAAC,QAAQ;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,6BAA6B,EAAE;YACtD,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,OAAO,EAAE,YAAY,CAAC,cAAc;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,eACE,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,GAAG,EAAE,YAAY,CAAC,UAAU,EAC5B,SAAS,EAAE,SAAS,eACT,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,YAAY,CAAC,cAAc,GACpC,EAEF,iBACE,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,YAAY,CAAC,aAAa,YAEnC,KAAC,OAAO,IACN,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,GACxD,GACK,IACL,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,EAED,cAAK,SAAS,EAAE,aAAa,YAC1B,YAAY,CAAC,cAAc,IAAI,CAC9B,8BACE,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAI,GAAG,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,EAAC,oBAAoB,aAC3D,eAAK,SAAS,EAAC,4BAA4B,aACzC,gBACE,GAAG,EAAE,YAAY,CAAC,QAAQ,EAC1B,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAC9C,KAAK,EAAE,YAAY,CAAC,OAAO,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oDAClB,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gDAC9C,CAAC,EACD,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,YAAY,CAAC,YAAY,EAClC,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,SAAS,EAAE,YAAY,CAAC,cAAc,GACtC,EAED,QAAQ,IAAI,CACX,iBACE,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,GAAG,EAAE;oDACZ,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gDACjC,CAAC,YAED,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,GAAG,GACnB,CACV,IACG,EAEL,SAAS,IAAI,KAAC,cAAc,IAAC,aAAa,EAAE,IAAI,GAAI,EAEpD,YAAY,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,aAEE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAEhD,MAAM,CAAC,OAAO,CAAC,IANX,KAAK,CAOP,CACN,CAAC,EAED,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,IAAI,CACpC,aAAI,SAAS,EAAC,uBAAuB,YACnC,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAO,SAAS,EAAC,yBAAyB,YACvC,SAAS,CAAC,gBAAgB,CAAC,GACtB,EACR,YAAG,SAAS,EAAC,qBAAqB,YAC/B,SAAS,CAAC,sBAAsB,CAAC,GAChC,IACA,GACH,CACN,IACE,GACD,EAEN,cACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,YAAY,CAAC,eAAe,GAChC,IACN,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC;AA6CD,MAAM,UAAU,oBAAoB,CAClC,KAAwD;IAExD,OAAO,CACL,KAAC,4BAA4B,OACvB,KAAK,EACT,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,YAE1B,yBAAO,OAAO,CAAC,KAAK,GAAQ,GAClB,CACb,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import { RlsComponent } from '../../definitions';
|
|
3
4
|
import './FieldDate.css';
|
|
4
5
|
interface FieldDateProps extends RlsComponent {
|
|
@@ -30,8 +31,8 @@ interface FormControlVoidProps extends Omit<FieldDateProps, 'value'> {
|
|
|
30
31
|
interface FormControlEmptyProps extends Omit<FieldDateProps, 'formControl' | 'value'> {
|
|
31
32
|
onValue?: (value?: Date) => void;
|
|
32
33
|
}
|
|
33
|
-
export declare function RlsFieldDate(props: FormControlDefinedProps):
|
|
34
|
-
export declare function RlsFieldDate(props: FormControlUndefinedProps):
|
|
35
|
-
export declare function RlsFieldDate(props: FormControlVoidProps):
|
|
36
|
-
export declare function RlsFieldDate(props: FormControlEmptyProps):
|
|
34
|
+
export declare function RlsFieldDate(props: FormControlDefinedProps): ReactNode;
|
|
35
|
+
export declare function RlsFieldDate(props: FormControlUndefinedProps): ReactNode;
|
|
36
|
+
export declare function RlsFieldDate(props: FormControlVoidProps): ReactNode;
|
|
37
|
+
export declare function RlsFieldDate(props: FormControlEmptyProps): ReactNode;
|
|
37
38
|
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PickerListenerEvent, verifyDateRange } from '@rolster/components';
|
|
3
3
|
import { dateFormatTemplate } from '@rolster/dates';
|
|
4
|
-
import { useEffect, useState } from 'react';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { RlsMessageFormError } from '../../molecules';
|
|
4
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
5
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
+
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
8
7
|
import { RlsModal } from '../Modal/Modal';
|
|
9
8
|
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
10
9
|
import './FieldDate.css';
|
|
10
|
+
import { renderClassStatus } from '../../../helpers';
|
|
11
11
|
const FORMAT_DATE = '{dd}/{mx}/{aa}';
|
|
12
|
-
export function RlsFieldDate({ children, date, disabled, formControl, format, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, rlsTheme, value:
|
|
12
|
+
export function RlsFieldDate({ children, date, disabled, formControl, format, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, rlsTheme, value: _value }) {
|
|
13
13
|
const today = new Date(); // Initial current date in component
|
|
14
|
-
const [value, setValue] = useState(formControl?.value ||
|
|
14
|
+
const [value, setValue] = useState(formControl?.value || _value);
|
|
15
15
|
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
16
16
|
useEffect(() => {
|
|
17
17
|
const dateRange = verifyDateRange({
|
|
@@ -31,9 +31,9 @@ export function RlsFieldDate({ children, date, disabled, formControl, format, id
|
|
|
31
31
|
}
|
|
32
32
|
function onClickAction() {
|
|
33
33
|
if (value) {
|
|
34
|
-
formControl?.setValue(
|
|
34
|
+
formControl?.setValue(_value);
|
|
35
35
|
formControl?.touch();
|
|
36
|
-
onChange(
|
|
36
|
+
onChange(_value);
|
|
37
37
|
}
|
|
38
38
|
else {
|
|
39
39
|
setModalIsVisible(true);
|
|
@@ -43,7 +43,10 @@ export function RlsFieldDate({ children, date, disabled, formControl, format, id
|
|
|
43
43
|
? dateFormatTemplate(value, format || FORMAT_DATE)
|
|
44
44
|
: '';
|
|
45
45
|
const _disabled = formControl?.disabled || disabled;
|
|
46
|
-
|
|
46
|
+
const className = useMemo(() => {
|
|
47
|
+
return renderClassStatus('rls-field-box', { disabled: _disabled });
|
|
48
|
+
}, [formControl?.disabled, disabled]);
|
|
49
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, 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' }) })] }) }), !msgErrorDisabled && (_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: ({ event, value }) => {
|
|
47
50
|
event !== PickerListenerEvent.Cancel && onChange(value);
|
|
48
51
|
formControl?.touch();
|
|
49
52
|
setModalIsVisible(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { DateRange } from '@rolster/dates';
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
3
4
|
import { RlsComponent } from '../../definitions';
|
|
4
5
|
import './FieldDateRange.css';
|
|
5
6
|
interface FieldDateRangeProps extends RlsComponent {
|
|
@@ -30,8 +31,8 @@ interface FormControlVoidProps extends Omit<FieldDateRangeProps, 'value'> {
|
|
|
30
31
|
interface FormControlEmptyProps extends Omit<FieldDateRangeProps, 'formControl' | 'value'> {
|
|
31
32
|
onValue?: (value?: DateRange) => void;
|
|
32
33
|
}
|
|
33
|
-
export declare function RlsFieldDateRange(props: FormControlDefinedProps):
|
|
34
|
-
export declare function RlsFieldDateRange(props: FormControlUndefinedProps):
|
|
35
|
-
export declare function RlsFieldDateRange(props: FormControlVoidProps):
|
|
36
|
-
export declare function RlsFieldDateRange(props: FormControlEmptyProps):
|
|
34
|
+
export declare function RlsFieldDateRange(props: FormControlDefinedProps): ReactNode;
|
|
35
|
+
export declare function RlsFieldDateRange(props: FormControlUndefinedProps): ReactNode;
|
|
36
|
+
export declare function RlsFieldDateRange(props: FormControlVoidProps): ReactNode;
|
|
37
|
+
export declare function RlsFieldDateRange(props: FormControlEmptyProps): ReactNode;
|
|
37
38
|
export {};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { RlsMessageFormError } from '../../molecules';
|
|
3
|
+
import { useMemo, useState } from 'react';
|
|
4
|
+
import { rangeFormatTemplate, renderClassStatus } from '../../../helpers';
|
|
5
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
+
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
8
7
|
import { RlsModal } from '../Modal/Modal';
|
|
9
8
|
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
10
9
|
import './FieldDateRange.css';
|
|
@@ -30,9 +29,10 @@ export function RlsFieldDateRange({ children, date: datePicker, disabled, formCo
|
|
|
30
29
|
onValue && onValue(value);
|
|
31
30
|
}
|
|
32
31
|
const _disabled = formControl?.disabled || disabled;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
const className = useMemo(() => {
|
|
33
|
+
return renderClassStatus('rls-field-box', { disabled: _disabled });
|
|
34
|
+
}, [formControl?.disabled, disabled]);
|
|
35
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, 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-range__control", type: "text", value: value ? rangeFormatTemplate(value) : '', readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: _disabled }), _jsx("button", { className: "rls-field-date-range__action", onClick: onClickAction, disabled: _disabled, children: _jsx(RlsIcon, { value: value ? 'trash-2' : 'calendar' }) })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { formControl: formControl, date: currentDate, disabled: _disabled, maxDate: maxDate, minDate: minDate, onListener: ({ event, value }) => {
|
|
36
36
|
event !== PickerListenerEvent.Cancel && onChange(value);
|
|
37
37
|
formControl?.touch();
|
|
38
38
|
setModalIsVisible(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
import './FormNavigation.css';
|
|
4
5
|
export function RlsFormNavigation({ children, visible, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-form-navigation', { visible });
|
|
8
|
+
}, [visible]);
|
|
9
|
+
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-form-navigation__body", children: children }) }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=FormNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FormNavigation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FormNavigation/FormNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,sBAAsB,CAAC;AAM9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,QAAQ,EACY;IACpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,GACvD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
2
3
|
import ReactDOM from 'react-dom';
|
|
3
|
-
import {
|
|
4
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
5
|
import './Modal.css';
|
|
5
6
|
export function RlsModal({ children, overflow, visible, rlsTheme }) {
|
|
6
|
-
|
|
7
|
+
const className = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-modal', { overflow, visible });
|
|
9
|
+
}, [overflow, visible]);
|
|
10
|
+
return ReactDOM.createPortal(_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
|
|
7
11
|
}
|
|
8
12
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5C,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -3,11 +3,14 @@ import { itIsDefined } from '@rolster/commons';
|
|
|
3
3
|
import { PickerListenerEvent, dateOutRange, verifyDateRange } from '@rolster/components';
|
|
4
4
|
import { assignDayInDate, assignMonthInDate, assignYearInDate, dateFormatTemplate } from '@rolster/dates';
|
|
5
5
|
import { useReactControl } from '@rolster/react-forms';
|
|
6
|
-
import { useEffect, useState } from 'react';
|
|
7
|
-
import {
|
|
6
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
7
|
+
import { renderClassStatus } from '../../../helpers';
|
|
8
8
|
import { reactI18n } from '../../../i18n';
|
|
9
|
-
import { RlsButton } from '../../atoms';
|
|
10
|
-
import { RlsPickerDay
|
|
9
|
+
import { RlsButton } from '../../atoms/Button/Button';
|
|
10
|
+
import { RlsPickerDay } from '../../molecules/PickerDay/PickerDay';
|
|
11
|
+
import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
12
|
+
import { RlsPickerMonthTitle } from '../../molecules/PickerMonthTitle/PickerMonthTitle';
|
|
13
|
+
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
11
14
|
import './PickerDate.css';
|
|
12
15
|
const FORMAT_TITLE = '{dw}, {mx} {dd} de {aa}';
|
|
13
16
|
export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
@@ -62,10 +65,13 @@ export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate,
|
|
|
62
65
|
formControl?.setValue(value);
|
|
63
66
|
onListener && onListener({ event: PickerListenerEvent.Select, value });
|
|
64
67
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
const classNameComponent = useMemo(() => {
|
|
69
|
+
return renderClassStatus('rls-picker-date__component', {
|
|
70
|
+
day: visibility === 'DAY',
|
|
71
|
+
month: visibility === 'MONTH',
|
|
72
|
+
year: visibility === 'YEAR'
|
|
73
|
+
});
|
|
74
|
+
}, [visibility]);
|
|
75
|
+
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: classNameComponent, 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') }) })] }) }))] }));
|
|
70
76
|
}
|
|
71
77
|
//# 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,kBAAkB,CAAC;AAC/C,OAAO,EAEL,mBAAmB,EACnB,YAAY,EACZ,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { PickerListenerEvent } from '@rolster/components';
|
|
3
3
|
import { DateRange, assignMonthInDate, assignYearInDate, normalizeMinTime } from '@rolster/dates';
|
|
4
4
|
import { useReactControl } from '@rolster/react-forms';
|
|
5
|
-
import { useEffect, useState } from 'react';
|
|
6
|
-
import {
|
|
7
|
-
import { rangeFormatTemplate } from '../../../helpers';
|
|
5
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
6
|
+
import { rangeFormatTemplate, renderClassStatus } from '../../../helpers';
|
|
8
7
|
import { reactI18n } from '../../../i18n';
|
|
9
|
-
import { RlsButton } from '../../atoms';
|
|
10
|
-
import { RlsPickerDayRange
|
|
8
|
+
import { RlsButton } from '../../atoms/Button/Button';
|
|
9
|
+
import { RlsPickerDayRange } from '../../molecules/PickerDayRange/PickerDayRange';
|
|
10
|
+
import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
11
|
+
import { RlsPickerMonthTitle } from '../../molecules/PickerMonthTitle/PickerMonthTitle';
|
|
12
|
+
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
11
13
|
import './PickerDateRange.css';
|
|
12
14
|
export function RlsPickerDateRange({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
13
15
|
const dateInitial = normalizeMinTime(datePicker || new Date());
|
|
@@ -52,12 +54,18 @@ export function RlsPickerDateRange({ automatic, date: datePicker, disabled, form
|
|
|
52
54
|
formControl?.setValue(value);
|
|
53
55
|
onListener && onListener({ event: PickerListenerEvent.Select, value });
|
|
54
56
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
const classNameComponent = useMemo(() => {
|
|
58
|
+
return renderClassStatus('rls-picker-date-range__component', {
|
|
59
|
+
day: visibility === 'DAY',
|
|
60
|
+
month: visibility === 'MONTH',
|
|
61
|
+
year: visibility === 'YEAR'
|
|
62
|
+
});
|
|
63
|
+
}, [visibility]);
|
|
64
|
+
const classNameFooter = useMemo(() => {
|
|
65
|
+
return renderClassStatus('rls-picker-date-range__footer', {
|
|
66
|
+
automatic
|
|
67
|
+
});
|
|
68
|
+
}, [automatic]);
|
|
69
|
+
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: classNameComponent, 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: classNameFooter, 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') }) })] }) })] }));
|
|
62
70
|
}
|
|
63
71
|
//# sourceMappingURL=PickerDateRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ interface SnackbarProps extends SnackbarConfig {
|
|
|
14
14
|
}
|
|
15
15
|
export type Snackbar = (config: SnackbarConfig) => void;
|
|
16
16
|
export interface SnackbarService {
|
|
17
|
-
RlsSnackbar:
|
|
17
|
+
RlsSnackbar: ReactNode;
|
|
18
18
|
snackbar: Snackbar;
|
|
19
19
|
}
|
|
20
20
|
export declare function RlsSnackbar({ content, icon, title, visible, rlsTheme }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useState } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { RlsIcon } from '../../atoms';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
5
5
|
import './Snackbar.css';
|
|
6
6
|
const DURATION_ANIMATION = 240;
|
|
7
7
|
const DURATION_CHAR = 75;
|
|
@@ -19,7 +19,10 @@ function calculateDuration({ length }) {
|
|
|
19
19
|
return duration + DURATION_RESET;
|
|
20
20
|
}
|
|
21
21
|
export function RlsSnackbar({ content, icon, title, visible, rlsTheme }) {
|
|
22
|
-
|
|
22
|
+
const className = useMemo(() => {
|
|
23
|
+
return renderClassStatus('rls-snackbar', { visible });
|
|
24
|
+
}, [visible]);
|
|
25
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-snackbar__avatar", children: _jsx(RlsIcon, { value: icon }) })), _jsxs("div", { className: "rls-snackbar__component", children: [title && _jsx("div", { className: "rls-snackbar__title", children: title }), _jsx("div", { className: "rls-snackbar__content", children: content })] })] }));
|
|
23
26
|
}
|
|
24
27
|
export function useSnackbar() {
|
|
25
28
|
const [config, setConfig] = useState({});
|