@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,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useState } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { RlsButtonAction
|
|
2
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
+
import { RlsInputPassword } from '../../atoms/InputPassword/InputPassword';
|
|
5
6
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
7
|
import './FieldPassword.css';
|
|
7
8
|
export function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }) {
|
|
@@ -9,11 +10,19 @@ export function RlsFieldPassword({ children, disabled, formControl, identifier,
|
|
|
9
10
|
const onToggleInput = useCallback(() => {
|
|
10
11
|
setPassword((password) => !password);
|
|
11
12
|
}, []);
|
|
12
|
-
const
|
|
13
|
-
|
|
13
|
+
const className = useMemo(() => {
|
|
14
|
+
const _disabled = formControl?.disabled || disabled;
|
|
15
|
+
return renderClassStatus('rls-field-box', {
|
|
14
16
|
focused: formControl?.focused && !_disabled,
|
|
15
17
|
error: formControl?.wrong,
|
|
16
18
|
disabled: _disabled
|
|
17
|
-
}, 'rls-field-password')
|
|
19
|
+
}, 'rls-field-password');
|
|
20
|
+
}, [
|
|
21
|
+
formControl?.focused,
|
|
22
|
+
formControl?.wrong,
|
|
23
|
+
formControl?.disabled,
|
|
24
|
+
disabled
|
|
25
|
+
]);
|
|
26
|
+
return (_jsxs("div", { id: identifier, 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(RlsInputPassword, { formControl: formControl, disabled: disabled, placeholder: placeholder, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
18
27
|
}
|
|
19
28
|
//# sourceMappingURL=FieldPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpC,EAEF,KAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,OAAO,EAAE,aAAa,GACtB,IACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsInputText } from '../../atoms/InputText/InputText';
|
|
4
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
6
|
import './FieldText.css';
|
|
6
7
|
export function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
-
const
|
|
8
|
-
|
|
8
|
+
const className = useMemo(() => {
|
|
9
|
+
const _disabled = formControl?.disabled || disabled;
|
|
10
|
+
return renderClassStatus('rls-field-box', {
|
|
9
11
|
focused: formControl?.focused && !_disabled,
|
|
10
12
|
error: formControl?.wrong,
|
|
11
13
|
disabled: _disabled
|
|
12
|
-
}, 'rls-field-text')
|
|
14
|
+
}, 'rls-field-text');
|
|
15
|
+
}, [
|
|
16
|
+
formControl?.focused,
|
|
17
|
+
formControl?.wrong,
|
|
18
|
+
formControl?.disabled,
|
|
19
|
+
disabled
|
|
20
|
+
]);
|
|
21
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
13
22
|
}
|
|
14
23
|
//# sourceMappingURL=FieldText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 { RlsCheckBox } from '../../atoms';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
|
|
5
5
|
import './LabelCheckBox.css';
|
|
6
6
|
export function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }) {
|
|
7
7
|
const [checked, setChecked] = useState(!!formControl?.value);
|
|
@@ -13,9 +13,9 @@ export function RlsLabelCheckBox({ children, disabled, extended, identifier, for
|
|
|
13
13
|
? formControl?.setValue(!formControl.value)
|
|
14
14
|
: setChecked((checked) => !checked);
|
|
15
15
|
}, [formControl]);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const className = useMemo(() => {
|
|
17
|
+
return renderClassStatus('rls-label-checkbox', { disabled, extended });
|
|
18
|
+
}, [disabled, extended]);
|
|
19
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: _jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-checkbox__text", children: children })] }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=LabelCheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 { RlsRadioButton } from '../../atoms';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsRadioButton } from '../../atoms/RadioButton/RadioButton';
|
|
5
5
|
import './LabelRadioButton.css';
|
|
6
6
|
export function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, rlsTheme, value }) {
|
|
7
7
|
const [checked, setChecked] = useState(formControl?.value === value);
|
|
@@ -11,9 +11,9 @@ export function RlsLabelRadioButton({ children, disabled, extended, identifier,
|
|
|
11
11
|
const onSelect = useCallback(() => {
|
|
12
12
|
formControl && formControl?.setValue(value);
|
|
13
13
|
}, [formControl, value]);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const className = useMemo(() => {
|
|
15
|
+
return renderClassStatus('rls-label-radiobutton', { disabled, extended });
|
|
16
|
+
}, [disabled, extended]);
|
|
17
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: _jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-radiobutton__text", children: children })] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=LabelRadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 { RlsSwitch } from '../../atoms';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsSwitch } from '../../atoms/Switch/Switch';
|
|
5
5
|
import './LabelSwitch.css';
|
|
6
6
|
export function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }) {
|
|
7
7
|
const [checked, setChecked] = useState(!!formControl?.value);
|
|
@@ -13,9 +13,9 @@ export function RlsLabelSwitch({ children, disabled, extended, identifier, formC
|
|
|
13
13
|
? formControl?.setValue(!formControl.value)
|
|
14
14
|
: setChecked((checked) => !checked);
|
|
15
15
|
}, [formControl]);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const className = useMemo(() => {
|
|
17
|
+
return renderClassStatus('rls-label-switch', { disabled, extended });
|
|
18
|
+
}, [disabled, extended]);
|
|
19
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: _jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-switch__text", children: children })] }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=LabelSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LabelSwitch.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelSwitch/LabelSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW;YACT,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5D,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC5D,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC/C,EACN,gBAAO,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAS,IACxD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { i18nSubscribe } from '@rolster/i18n';
|
|
3
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
4
|
+
import { msgErrorsI18n } from '../../../helpers/language';
|
|
5
|
+
import { RlsMessageIcon } from '../../atoms/MessageIcon/MessageIcon';
|
|
3
6
|
export function RlsMessageFormError({ className, formControl }) {
|
|
4
|
-
|
|
7
|
+
const [language, setLanguage] = useState('es');
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
return i18nSubscribe((language) => {
|
|
10
|
+
setLanguage(language);
|
|
11
|
+
});
|
|
12
|
+
}, []);
|
|
13
|
+
const msgError = useMemo(() => {
|
|
14
|
+
return (formControl?.error &&
|
|
15
|
+
(msgErrorsI18n(formControl.error.id, language, formControl.error.data) ??
|
|
16
|
+
msgErrorsI18n('_unknown', language, { error: formControl.error.id })));
|
|
17
|
+
}, [formControl?.error, language]);
|
|
18
|
+
return (_jsx(_Fragment, { children: formControl?.wrong && (_jsx("div", { className: className, children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: msgError }) })) }));
|
|
5
19
|
}
|
|
6
20
|
//# sourceMappingURL=MessageFormError.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageFormError.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MessageFormError/MessageFormError.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MessageFormError.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MessageFormError/MessageFormError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAOrE,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAW,EACW;IACtB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,CACL,WAAW,EAAE,KAAK;YAClB,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;gBACpE,aAAa,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CACxE,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,4BACG,WAAW,EAAE,KAAK,IAAI,CACrB,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,QAAQ,GACM,GACb,CACP,GACA,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,59 +1,50 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PaginationController } from '@rolster/components';
|
|
3
|
-
import { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { RlsIcon } from '../../atoms';
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { renderClassStatus } from '../../../helpers';
|
|
5
|
+
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
6
|
import './Pagination.css';
|
|
7
7
|
export function RlsPagination({ suggestions, count, filter, onPagination }) {
|
|
8
8
|
const controller = useRef(new PaginationController({ suggestions, count }));
|
|
9
9
|
const [template, setTemplate] = useState(controller.current.template);
|
|
10
|
+
const refreshTemplate = useCallback((template, suggestions) => {
|
|
11
|
+
const { firstPage, lastPage } = template;
|
|
12
|
+
onPagination && onPagination({ firstPage, lastPage, suggestions });
|
|
13
|
+
setTemplate(template);
|
|
14
|
+
}, [onPagination]);
|
|
10
15
|
useEffect(() => {
|
|
11
16
|
controller.current = new PaginationController({
|
|
12
17
|
suggestions,
|
|
13
18
|
count,
|
|
14
19
|
position: template.currentPage.value
|
|
15
20
|
});
|
|
16
|
-
|
|
17
|
-
onPagination({
|
|
18
|
-
firstPage: controller.current.template.firstPage,
|
|
19
|
-
lastPage: controller.current.template.lastPage,
|
|
20
|
-
suggestions: controller.current.page.collection
|
|
21
|
-
});
|
|
22
|
-
setTemplate(controller.current.template);
|
|
21
|
+
refreshTemplate(controller.current.template, controller.current.page.collection);
|
|
23
22
|
}, [suggestions, count]);
|
|
24
23
|
useEffect(() => {
|
|
25
24
|
refreshPagination(controller.current.filtrable(filter));
|
|
26
25
|
}, [filter]);
|
|
27
|
-
|
|
26
|
+
const refreshPagination = useCallback((pagination) => {
|
|
28
27
|
if (pagination) {
|
|
29
|
-
|
|
30
|
-
const { firstPage, lastPage } = template;
|
|
31
|
-
onPagination &&
|
|
32
|
-
onPagination({
|
|
33
|
-
firstPage,
|
|
34
|
-
lastPage,
|
|
35
|
-
suggestions: page.collection
|
|
36
|
-
});
|
|
37
|
-
setTemplate(template);
|
|
28
|
+
refreshTemplate(pagination.template, pagination.page.collection);
|
|
38
29
|
}
|
|
39
|
-
}
|
|
40
|
-
|
|
30
|
+
}, []);
|
|
31
|
+
const goToPagination = useCallback((page) => {
|
|
41
32
|
refreshPagination(controller.current.goToPage(page));
|
|
42
|
-
}
|
|
43
|
-
|
|
33
|
+
}, []);
|
|
34
|
+
const goFirstPagination = useCallback(() => {
|
|
44
35
|
refreshPagination(controller.current.goFirstPage());
|
|
45
|
-
}
|
|
46
|
-
|
|
36
|
+
}, []);
|
|
37
|
+
const goPreviousPagination = useCallback(() => {
|
|
47
38
|
refreshPagination(controller.current.goPreviousPage());
|
|
48
|
-
}
|
|
49
|
-
|
|
39
|
+
}, []);
|
|
40
|
+
const goNextPagination = useCallback(() => {
|
|
50
41
|
refreshPagination(controller.current.goNextPage());
|
|
51
|
-
}
|
|
52
|
-
|
|
42
|
+
}, []);
|
|
43
|
+
const goLastPagination = useCallback(() => {
|
|
53
44
|
refreshPagination(controller.current.goLastPage());
|
|
54
|
-
}
|
|
45
|
+
}, []);
|
|
55
46
|
return (_jsxs("div", { className: "rls-pagination", children: [_jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template.firstPage, children: _jsx(RlsIcon, { value: "arrowhead-left" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template.firstPage, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), _jsx("div", { className: "rls-pagination__pages", children: template.pages.map((page, index) => {
|
|
56
|
-
return (_jsx("div", { className:
|
|
47
|
+
return (_jsx("div", { className: renderClassStatus('rls-pagination__page', {
|
|
57
48
|
active: page.active
|
|
58
49
|
}), onClick: () => {
|
|
59
50
|
goToPagination(page);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,oBAAoB,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,5 @@ interface PickerDayProps extends RlsComponent {
|
|
|
11
11
|
onValue?: (value: number) => void;
|
|
12
12
|
year?: Nulleable<number>;
|
|
13
13
|
}
|
|
14
|
-
export declare function RlsPickerDay({ date, disabled:
|
|
14
|
+
export declare function RlsPickerDay({ date, disabled: _disabled, formControl, maxDate, month, minDate, onValue, rlsTheme, year }: PickerDayProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -5,7 +5,7 @@ import { DAY_LABELS } from '@rolster/dates';
|
|
|
5
5
|
import { useEffect, useState } from 'react';
|
|
6
6
|
import { renderClassStatus } from '../../../helpers';
|
|
7
7
|
import './PickerDay.css';
|
|
8
|
-
export function RlsPickerDay({ date, disabled:
|
|
8
|
+
export function RlsPickerDay({ date, disabled: _disabled, formControl, maxDate, month, minDate, onValue, rlsTheme, year }) {
|
|
9
9
|
const currentDate = date || new Date(); // Initial date
|
|
10
10
|
const [weeks, setWeeks] = useState([]);
|
|
11
11
|
const [value, setValue] = useState(formControl?.value || currentDate.getDate());
|
|
@@ -38,11 +38,11 @@ export function RlsPickerDay({ date, disabled: disabledPicker, formControl, maxD
|
|
|
38
38
|
onValue && onValue(value);
|
|
39
39
|
}
|
|
40
40
|
return (_jsxs("div", { className: "rls-picker-day", "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-picker-day__header", children: DAY_LABELS().map((title, index) => (_jsx("label", { className: "rls-picker-day__label", children: title }, index))) }), _jsx("div", { className: "rls-picker-day__component", children: weeks.map(({ days }, index) => (_jsx("div", { className: "rls-picker-day__week", children: days.map(({ value, disabled, focused, forbidden, selected, today }, index) => (_jsx("div", { className: renderClassStatus('rls-picker-day__element', {
|
|
41
|
-
disabled: disabled ||
|
|
41
|
+
disabled: disabled || _disabled,
|
|
42
42
|
focused,
|
|
43
43
|
forbidden,
|
|
44
44
|
selected,
|
|
45
45
|
today
|
|
46
|
-
}), onClick: value && !
|
|
46
|
+
}), onClick: value && !_disabled ? () => onChange(value) : undefined, children: _jsx("span", { className: "rls-picker-day__element__span", children: value || '??' }) }, index))) }, index))) })] }));
|
|
47
47
|
}
|
|
48
48
|
//# sourceMappingURL=PickerDay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDay.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAEL,eAAe,EACf,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,iBAAiB,CAAC;AAazB,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerDay.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDay/PickerDay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,5 @@ interface PickerMonthProps extends RlsComponent {
|
|
|
10
10
|
onValue?: (value: number) => void;
|
|
11
11
|
year?: Nulleable<number>;
|
|
12
12
|
}
|
|
13
|
-
export declare function RlsPickerMonth({ date, disabled:
|
|
13
|
+
export declare function RlsPickerMonth({ date, disabled: _disabled, formControl, maxDate, minDate, onValue, rlsTheme, year }: PickerMonthProps): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -4,7 +4,7 @@ import { createMonthPicker, verifyMonthPicker } from '@rolster/components';
|
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import { renderClassStatus } from '../../../helpers';
|
|
6
6
|
import './PickerMonth.css';
|
|
7
|
-
export function RlsPickerMonth({ date, disabled:
|
|
7
|
+
export function RlsPickerMonth({ date, disabled: _disabled, formControl, maxDate, minDate, onValue, rlsTheme, year }) {
|
|
8
8
|
const currentDate = date || new Date();
|
|
9
9
|
const [months, setMonths] = useState([]);
|
|
10
10
|
const [value, setValue] = useState(formControl?.value || currentDate.getMonth());
|
|
@@ -38,10 +38,10 @@ export function RlsPickerMonth({ date, disabled: disabledPicker, formControl, ma
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
return (_jsx("div", { className: "rls-picker-month", "rls-theme": rlsTheme, children: months.map(({ label, value, disabled, focused, selected }, index) => (_jsx("div", { className: renderClassStatus('rls-picker-month__component', {
|
|
41
|
-
disabled: disabled ||
|
|
41
|
+
disabled: disabled || _disabled,
|
|
42
42
|
focused,
|
|
43
43
|
selected
|
|
44
|
-
}), onClick: !(disabled ||
|
|
44
|
+
}), onClick: !(disabled || _disabled)
|
|
45
45
|
? () => {
|
|
46
46
|
onChange(value);
|
|
47
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerMonth.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAEL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAY3B,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerMonth.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAEL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAY3B,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EAAE,SAAS,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,EACa;IACjB,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;IAEvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,QAAQ,EAAE,CAC7C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,CAAC,mBAAmB;QAE1D,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAEzC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAEvD,WAAW,CAAC,KAAK,CAAC;YAChB,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC;YAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,mBAAmB;QAC1B,OAAO;YACL,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK;YACnE,IAAI,EAAE,IAAI,IAAI,WAAW,CAAC,WAAW,EAAE;YACvC,OAAO;YACP,OAAO;SACR,CAAC;IACJ,CAAC;IAED,SAAS,aAAa,CAAC,KAAa;QAClC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,eAAY,QAAQ,YAClD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,cAEE,SAAS,EAAE,iBAAiB,CAAC,6BAA6B,EAAE;gBAC1D,QAAQ,EAAE,QAAQ,IAAI,SAAS;gBAC/B,OAAO;gBACP,QAAQ;aACT,CAAC,EACF,OAAO,EACL,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC;gBACtB,CAAC,CAAC,GAAG,EAAE;oBACH,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC;gBACH,CAAC,CAAC,SAAS,YAGf,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,IAdlD,KAAK,CAeN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -9,5 +9,5 @@ interface PickerYearProps extends RlsComponent {
|
|
|
9
9
|
minDate?: Date;
|
|
10
10
|
onValue?: (value: number) => void;
|
|
11
11
|
}
|
|
12
|
-
export declare function RlsPickerYear({ date, disabled:
|
|
12
|
+
export declare function RlsPickerYear({ date, disabled: _disabled, formControl, maxDate, minDate, onValue, rlsTheme }: PickerYearProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react';
|
|
|
5
5
|
import { renderClassStatus } from '../../../helpers';
|
|
6
6
|
import { RlsButtonAction } from '../../atoms';
|
|
7
7
|
import './PickerYear.css';
|
|
8
|
-
export function RlsPickerYear({ date, disabled:
|
|
8
|
+
export function RlsPickerYear({ date, disabled: _disabled, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
9
9
|
const currentDate = date || new Date();
|
|
10
10
|
const [value, setValue] = useState(formControl?.value || currentDate.getFullYear());
|
|
11
11
|
const [year, setYear] = useState(formControl?.value || currentDate.getFullYear());
|
|
@@ -45,11 +45,11 @@ export function RlsPickerYear({ date, disabled: disabledPicker, formControl, max
|
|
|
45
45
|
setYearValue(value);
|
|
46
46
|
onValue && onValue(value);
|
|
47
47
|
}
|
|
48
|
-
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("div", { className: "rls-picker-year__action rls-picker-year__action--prev", children: _jsx(RlsButtonAction, { icon: "arrow-ios-left", onClick: onClickPrev, disabled: !template.canPrevious ||
|
|
49
|
-
disabled: disabled ||
|
|
48
|
+
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("div", { className: "rls-picker-year__action rls-picker-year__action--prev", children: _jsx(RlsButtonAction, { icon: "arrow-ios-left", onClick: onClickPrev, disabled: !template.canPrevious || _disabled }) }), _jsxs("label", { className: "rls-title-bold", children: [template.minRange, " - ", template.maxRange] }), _jsx("div", { className: "rls-picker-year__action rls-picker-year__action--next", children: _jsx(RlsButtonAction, { icon: "arrow-ios-right", onClick: onClickNext, disabled: !template.canNext || _disabled }) })] }), _jsx("div", { className: "rls-picker-year__component", children: template.years.map(({ value, disabled, focused, selected }, index) => (_jsx("div", { className: renderClassStatus('rls-picker-year__year', {
|
|
49
|
+
disabled: disabled || _disabled,
|
|
50
50
|
focused,
|
|
51
51
|
selected
|
|
52
|
-
}), onClick: value && !
|
|
52
|
+
}), onClick: value && !_disabled
|
|
53
53
|
? () => {
|
|
54
54
|
onChange(value);
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,kBAAkB,CAAC;AAW1B,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.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 './Card.css';
|
|
4
5
|
export function RlsCard({ children, outline, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-card', { outline });
|
|
8
|
+
}, [outline]);
|
|
9
|
+
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-card__content", children: children }) }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,YAAY,CAAC;AAMpB,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAa;IAChE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,GAC/C,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
background: var(--rls-app-background-500);
|
|
54
54
|
box-shadow: var(--rls-app-shadow-4);
|
|
55
55
|
transform: var(--pvt-component-transform);
|
|
56
|
-
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
/*transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
57
|
+
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
58
|
+
visibility 125ms 0ms var(--rls-deceleration-curve);*/
|
|
59
59
|
}
|
|
60
60
|
.rls-confirmation__header {
|
|
61
61
|
position: relative;
|
|
@@ -125,8 +125,8 @@
|
|
|
125
125
|
z-index: var(--rls-z-index-2);
|
|
126
126
|
background: var(--rls-theme-backdrop-900);
|
|
127
127
|
backdrop-filter: blur(2px);
|
|
128
|
-
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
129
|
-
|
|
128
|
+
/*transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
129
|
+
bottom 120ms 0ms var(--rls-deceleration-curve);*/
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
@media screen and (max-width: 480px) {
|
|
@@ -36,7 +36,7 @@ interface ConfirmationOptions extends ConfirmationBasic {
|
|
|
36
36
|
}
|
|
37
37
|
export type Confirmation = (options: ConfirmationOptions) => Result;
|
|
38
38
|
export interface ConfirmationService {
|
|
39
|
-
RlsConfirmation:
|
|
39
|
+
RlsConfirmation: ReactNode;
|
|
40
40
|
confirmation: Confirmation;
|
|
41
41
|
}
|
|
42
42
|
export declare function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle, title, visible }: ConfirmationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PartialSealed } from '@rolster/commons';
|
|
3
|
-
import { useCallback, useState } from 'react';
|
|
3
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
4
4
|
import ReactDOM from 'react-dom';
|
|
5
|
-
import {
|
|
5
|
+
import { renderClassStatus } from '../../../helpers';
|
|
6
6
|
import { reactI18n } from '../../../i18n';
|
|
7
|
-
import { RlsButton } from '../../atoms';
|
|
7
|
+
import { RlsButton } from '../../atoms/Button/Button';
|
|
8
8
|
import './Confirmation.css';
|
|
9
9
|
export class ConfirmationResult extends PartialSealed {
|
|
10
10
|
static approved() {
|
|
@@ -15,7 +15,10 @@ export class ConfirmationResult extends PartialSealed {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
export function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle, title, visible }) {
|
|
18
|
-
|
|
18
|
+
const className = useMemo(() => {
|
|
19
|
+
return renderClassStatus('rls-confirmation', { visible });
|
|
20
|
+
}, [visible]);
|
|
21
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title && _jsx("div", { className: "rls-confirmation__title", children: title }), subtitle && (_jsx("div", { className: "rls-confirmation__subtitle", children: subtitle }))] }), _jsx("div", { className: "rls-confirmation__body", children: content && (_jsx("div", { className: "rls-confirmation__message", children: content })) }), (approved || reject) && (_jsx("div", { className: "rls-confirmation__footer", children: _jsxs("div", { className: "rls-confirmation__actions", children: [approved && (_jsx(RlsButton, { identifier: approved.identifier, type: "raised", onClick: approved.onClick, children: approved.label })), reject && (_jsx(RlsButton, { identifier: reject.identifier, type: "outline", onClick: reject.onClick, children: reject.label }))] }) }))] }), _jsx("div", { className: "rls-confirmation__backdrop" })] }));
|
|
19
22
|
}
|
|
20
23
|
export function useConfirmation() {
|
|
21
24
|
const [config, setConfig] = useState({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|