@rolster/react-components 18.14.0 → 18.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +17 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +18 -14
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +3 -2
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +3 -2
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +3 -2
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +3 -2
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.css +0 -0
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.d.ts +7 -0
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.js +6 -0
- package/dist/esm/components/molecules/MessageFormError/MesageFormError.js.map +1 -0
- package/dist/esm/components/molecules/index.d.ts +1 -0
- package/dist/esm/components/molecules/index.js +1 -0
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +3 -3
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +4 -3
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +3 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +3 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/assets/{index-L7r-Teuk.css → index--xgdaD5z.css} +60 -60
- package/dist/es/assets/{index-L7r-Teuk.css → index--xgdaD5z.css} +60 -60
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
|
-
import {
|
|
3
|
+
import { RlsInputMoney } from '../../atoms';
|
|
4
|
+
import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
|
|
4
5
|
import './FieldMoney.css';
|
|
5
6
|
export function RlsFieldMoney({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme, value, onValue }) {
|
|
6
7
|
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
7
8
|
focused: formControl?.focused,
|
|
8
9
|
error: formControl?.wrong,
|
|
9
10
|
disabled: formControl?.disabled || disabled
|
|
10
|
-
}, 'rls-field-money'), "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(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }),
|
|
11
|
+
}, 'rls-field-money'), "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(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
|
|
11
12
|
}
|
|
12
13
|
//# sourceMappingURL=FieldMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,kBAAkB,CAAC;AAY1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACS;IAChB,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,iBAAiB,CAClB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
|
-
import {
|
|
3
|
+
import { RlsInputNumber } from '../../atoms';
|
|
4
|
+
import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
|
|
4
5
|
import './FieldNumber.css';
|
|
5
6
|
export function RlsFieldNumber({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
|
|
6
7
|
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
7
8
|
focused: formControl?.focused,
|
|
8
9
|
error: formControl?.wrong,
|
|
9
10
|
disabled: formControl?.disabled || disabled
|
|
10
|
-
}, 'rls-field-number'), "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(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }),
|
|
11
|
+
}, 'rls-field-number'), "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(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
|
|
11
12
|
}
|
|
12
13
|
//# sourceMappingURL=FieldNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,mBAAmB,CAAC;AAU3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACU;IACjB,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,kBAAkB,CACnB,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,IACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButtonAction,
|
|
4
|
+
import { RlsButtonAction, RlsInputPassword } from '../../atoms';
|
|
5
|
+
import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
|
|
5
6
|
import './FieldPassword.css';
|
|
6
7
|
export function RlsFieldPassword({ children, disabled, formControl, placeholder, rlsTheme }) {
|
|
7
8
|
const [password, setPassword] = useState(true);
|
|
@@ -12,6 +13,6 @@ export function RlsFieldPassword({ children, disabled, formControl, placeholder,
|
|
|
12
13
|
focused: formControl?.focused,
|
|
13
14
|
error: formControl?.wrong,
|
|
14
15
|
disabled: formControl?.disabled || disabled
|
|
15
|
-
}, 'rls-field-password'), "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 })] }) }),
|
|
16
|
+
}, 'rls-field-password'), "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 })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
|
|
16
17
|
}
|
|
17
18
|
//# sourceMappingURL=FieldPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,SAAS,aAAa;QACpB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,gBAAgB,EAChB;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,oBAAoB,CACrB,eACU,QAAQ,aAElB,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,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
|
-
import {
|
|
3
|
+
import { RlsInputText } from '../../atoms';
|
|
4
|
+
import { RlsMessageFormError } from '../MessageFormError/MesageFormError';
|
|
4
5
|
import './FieldText.css';
|
|
5
6
|
export function RlsFieldText({ children, disabled, formControl, placeholder, rlsTheme, value, onValue }) {
|
|
6
7
|
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
7
8
|
focused: formControl?.focused,
|
|
8
9
|
error: formControl?.wrong,
|
|
9
10
|
disabled: formControl?.disabled || disabled
|
|
10
|
-
}, 'rls-field-text'), "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 }) }) }),
|
|
11
|
+
}, 'rls-field-text'), "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 }) }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }));
|
|
11
12
|
}
|
|
12
13
|
//# sourceMappingURL=FieldText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,iBAAiB,CAAC;AAUzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACQ;IACf,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO;YAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,EACD,gBAAgB,CACjB,eACU,QAAQ,aAElB,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,EAEN,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
interface MessageFormErrorProps {
|
|
3
|
+
className: string;
|
|
4
|
+
formControl?: ReactControl<HTMLElement>;
|
|
5
|
+
}
|
|
6
|
+
export declare function RlsMessageFormError({ className, formControl }: MessageFormErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { RlsMessageIcon } from '../../atoms';
|
|
3
|
+
export function RlsMessageFormError({ className, formControl }) {
|
|
4
|
+
return (_jsx(_Fragment, { children: formControl?.wrong && (_jsx("div", { className: className, children: _jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: formControl?.error?.message }) })) }));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=MesageFormError.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MesageFormError.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MessageFormError/MesageFormError.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAW,EACW;IACtB,OAAO,CACL,4BACG,WAAW,EAAE,KAAK,IAAI,CACrB,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,EAAE,KAAK,EAAE,OAAO,GACb,GACb,CACP,GACA,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,7 @@ export * from './FieldText/FieldText';
|
|
|
8
8
|
export * from './LabelCheckBox/LabelCheckBox';
|
|
9
9
|
export * from './LabelRadioButton/LabelRadioButton';
|
|
10
10
|
export * from './LabelSwitch/LabelSwitch';
|
|
11
|
+
export * from './MessageFormError/MesageFormError';
|
|
11
12
|
export * from './Pagination/Pagination';
|
|
12
13
|
export * from './PickerDay/PickerDay';
|
|
13
14
|
export * from './PickerDayRange/PickerDayRange';
|
|
@@ -8,6 +8,7 @@ export * from './FieldText/FieldText';
|
|
|
8
8
|
export * from './LabelCheckBox/LabelCheckBox';
|
|
9
9
|
export * from './LabelRadioButton/LabelRadioButton';
|
|
10
10
|
export * from './LabelSwitch/LabelSwitch';
|
|
11
|
+
export * from './MessageFormError/MesageFormError';
|
|
11
12
|
export * from './Pagination/Pagination';
|
|
12
13
|
export * from './PickerDay/PickerDay';
|
|
13
14
|
export * from './PickerDayRange/PickerDayRange';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import reactI18n from '../../../i18n';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import {
|
|
5
|
-
import { RlsBallot } from '../../molecules';
|
|
4
|
+
import { RlsIcon, RlsProgressBar } from '../../atoms';
|
|
5
|
+
import { RlsBallot, RlsMessageFormError } from '../../molecules';
|
|
6
6
|
import { useFieldAutocomplete } from './FieldAutocompleteHook';
|
|
7
7
|
import './FieldAutocomplete.css';
|
|
8
8
|
export function RlsFieldAutocompleteTemplate({ suggestions, children, disabled, formControl, hiddenIcon, placeholder, searching, rlsTheme, onSearch, onSelect, onValue, render }) {
|
|
@@ -17,7 +17,7 @@ export function RlsFieldAutocompleteTemplate({ suggestions, children, disabled,
|
|
|
17
17
|
disabled,
|
|
18
18
|
focused: listControl.focused,
|
|
19
19
|
selected: !!listControl.value
|
|
20
|
-
}, 'rls-field-list rls-field-autocomplete'), "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("label", { className: "rls-field-list__control", onClick: onClickControl, children: listControl.value ? (_jsx("span", { className: "rls-field-list__control__description", children: listControl.value })) : (_jsx("span", { className: "rls-field-list__control__placeholder", children: placeholder })) }), !hiddenIcon && listControl.value && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "trash-2" }) }))] }) }),
|
|
20
|
+
}, 'rls-field-list rls-field-autocomplete'), "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("label", { className: "rls-field-list__control", onClick: onClickControl, children: listControl.value ? (_jsx("span", { className: "rls-field-list__control__description", children: listControl.value })) : (_jsx("span", { className: "rls-field-list__control__placeholder", children: placeholder })) }), !hiddenIcon && listControl.value && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "trash-2" }) }))] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
21
21
|
visible: listControl.visible,
|
|
22
22
|
hide: !listControl.visible,
|
|
23
23
|
higher: listControl.higher
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAMA,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,10 @@ import { dateFormatTemplate } from '@rolster/helpers-date';
|
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import { DATE_RANGE_FORMAT } from '../../../constants';
|
|
6
6
|
import { renderClassStatus } from '../../../helpers';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { RlsIcon } from '../../atoms';
|
|
8
|
+
import { RlsMessageFormError } from '../../molecules';
|
|
9
9
|
import { RlsModal } from '../Modal/Modal';
|
|
10
|
+
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
10
11
|
import './FieldDate.css';
|
|
11
12
|
export function RlsFieldDate({ children, date, disabled, formControl, maxDate, minDate, onValue, placeholder, rlsTheme }) {
|
|
12
13
|
const today = new Date(); // Initial current date in component
|
|
@@ -44,7 +45,7 @@ export function RlsFieldDate({ children, date, disabled, formControl, maxDate, m
|
|
|
44
45
|
setModalIsVisible(true);
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
|
-
return (_jsxs("div", { className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-field-box', { disabled }), children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date__control", type: "text", value: value ? dateFormatTemplate(value, DATE_RANGE_FORMAT) : '', readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), _jsx("button", { className: "rls-field-date__action", onClick: onClean, disabled: disabled, children: _jsx(RlsIcon, { value: value ? 'trash-2' : 'calendar' }) })] }) }),
|
|
48
|
+
return (_jsxs("div", { className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-field-box', { disabled }), children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date__control", type: "text", value: value ? dateFormatTemplate(value, DATE_RANGE_FORMAT) : '', readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), _jsx("button", { className: "rls-field-date__action", onClick: onClean, disabled: disabled, children: _jsx(RlsIcon, { value: value ? 'trash-2' : 'calendar' }) })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })] }), _jsx(RlsModal, { visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDate, { formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: ({ value, type }) => {
|
|
48
49
|
if (type !== PickerListenerType.Cancel) {
|
|
49
50
|
onChange(value, true);
|
|
50
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,cAAc,EACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ import { DateRange } from '@rolster/helpers-date';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { rangeFormatTemplate, renderClassStatus } from '../../../helpers';
|
|
5
5
|
import { RlsIcon } from '../../atoms';
|
|
6
|
-
import {
|
|
6
|
+
import { RlsMessageFormError } from '../../molecules';
|
|
7
7
|
import { RlsModal } from '../Modal/Modal';
|
|
8
|
+
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
8
9
|
import './FieldDateRange.css';
|
|
9
10
|
export function RlsFieldDateRange({ children, date: datePicker, disabled, formControl, maxDate, minDate, placeholder, rlsTheme }) {
|
|
10
11
|
const currentRange = formControl?.state || DateRange.now();
|
|
@@ -23,7 +24,7 @@ export function RlsFieldDateRange({ children, date: datePicker, disabled, formCo
|
|
|
23
24
|
setModalIsVisible(true);
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
|
-
return (_jsxs("div", { className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-field-box', { disabled }), children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-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' }) })] }) })] }), _jsx(RlsModal, { visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { formControl: formControl, date: currentDate, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: ({ value }) => {
|
|
27
|
+
return (_jsxs("div", { className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: renderClassStatus('rls-field-box', { disabled }), children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-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' }) })] }) }), _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: ({ value }) => {
|
|
27
28
|
if (value) {
|
|
28
29
|
setValue(value);
|
|
29
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import reactI18n from '../../../i18n';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import {
|
|
5
|
-
import { RlsBallot } from '../../molecules';
|
|
4
|
+
import { RlsIcon } from '../../atoms';
|
|
5
|
+
import { RlsBallot, RlsMessageFormError } from '../../molecules';
|
|
6
6
|
import { useFieldSelect } from './FieldSelectHook';
|
|
7
7
|
import './FieldSelect.css';
|
|
8
8
|
export function RlsFieldSelectTemplate({ suggestions, children, disabled, formControl, placeholder, rlsTheme, onSelect, onValue, render }) {
|
|
@@ -15,7 +15,7 @@ export function RlsFieldSelectTemplate({ suggestions, children, disabled, formCo
|
|
|
15
15
|
});
|
|
16
16
|
return (_jsxs("div", { ref: listControl.boxContentRef, className: renderClassStatus('rls-field-box', { focused: listControl.focused, disabled }, 'rls-field-list rls-field-select'), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: listControl.inputRef, className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: listControl.value, onFocus: onFocusInput, onBlur: onBlurInput, onClick: onClickInput, onKeyDown: onKeydownInput }), _jsx("button", { className: renderClassStatus('rls-field-list__action', {
|
|
17
17
|
visible: listControl.visible
|
|
18
|
-
}), disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }),
|
|
18
|
+
}), disabled: disabled, onClick: onClickAction, children: _jsx(RlsIcon, { value: "arrow-ios-down" }) })] }) }), _jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }), _jsxs("div", { className: renderClassStatus('rls-field-list__suggestions', {
|
|
19
19
|
visible: listControl.visible,
|
|
20
20
|
hide: !listControl.visible,
|
|
21
21
|
higher: listControl.higher
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":";AAMA,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.14.
|
|
3
|
+
"version": "18.14.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
60
60
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
61
61
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
62
|
-
"@rolster/styles-foundations": "^2.3.
|
|
62
|
+
"@rolster/styles-foundations": "^2.3.2",
|
|
63
63
|
"@rolster/types": "^1.0.9",
|
|
64
64
|
"@types/node-sass": "^4.11.4",
|
|
65
65
|
"@types/react": "^18.0.28",
|
|
@@ -1856,6 +1856,66 @@
|
|
|
1856
1856
|
border-radius: var(--rls-sizing-x2);
|
|
1857
1857
|
}
|
|
1858
1858
|
|
|
1859
|
+
.rls-modal {
|
|
1860
|
+
--pvt-component-transform: translateY(80rem) scale(0.6);
|
|
1861
|
+
--pvt-component-height: 0rem;
|
|
1862
|
+
--pvt-component-opacity: 0;
|
|
1863
|
+
--pvt-component-visibility: hidden;
|
|
1864
|
+
--pvt-backdrop-opacity: 0;
|
|
1865
|
+
--pvt-backdrop-bottom: initial;
|
|
1866
|
+
position: fixed;
|
|
1867
|
+
display: flex;
|
|
1868
|
+
top: 0rem;
|
|
1869
|
+
left: 0rem;
|
|
1870
|
+
width: 100%;
|
|
1871
|
+
height: 100%;
|
|
1872
|
+
z-index: var(--rls-z-index-24);
|
|
1873
|
+
visibility: hidden;
|
|
1874
|
+
align-items: center;
|
|
1875
|
+
justify-content: center;
|
|
1876
|
+
}
|
|
1877
|
+
.rls-modal--visible {
|
|
1878
|
+
--pvt-component-visibility: visible;
|
|
1879
|
+
--pvt-component-height: auto;
|
|
1880
|
+
--pvt-component-opacity: 1;
|
|
1881
|
+
--pvt-component-transform: translateY(0) scale(1);
|
|
1882
|
+
--pvt-backdrop-bottom: 0rem;
|
|
1883
|
+
--pvt-backdrop-opacity: 1;
|
|
1884
|
+
visibility: visible;
|
|
1885
|
+
}
|
|
1886
|
+
.rls-modal__component {
|
|
1887
|
+
position: absolute;
|
|
1888
|
+
width: auto;
|
|
1889
|
+
max-width: calc(100% - var(--rls-sizing-x8));
|
|
1890
|
+
height: var(--pvt-component-height);
|
|
1891
|
+
opacity: var(--pvt-component-opacity);
|
|
1892
|
+
visibility: var(--pvt-component-visibility);
|
|
1893
|
+
z-index: var(--rls-z-index-2);
|
|
1894
|
+
overflow: hidden;
|
|
1895
|
+
border-radius: var(--rls-sizing-x4);
|
|
1896
|
+
background: var(--rls-app-background-500);
|
|
1897
|
+
will-change: transform;
|
|
1898
|
+
transform: var(--pvt-component-transform);
|
|
1899
|
+
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
1900
|
+
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
1901
|
+
visibility 125ms 0ms var(--rls-deceleration-curve);
|
|
1902
|
+
}
|
|
1903
|
+
.rls-modal__backdrop {
|
|
1904
|
+
position: absolute;
|
|
1905
|
+
display: block;
|
|
1906
|
+
top: 0rem;
|
|
1907
|
+
left: 0rem;
|
|
1908
|
+
right: 0rem;
|
|
1909
|
+
bottom: var(--pvt-backdrop-bottom);
|
|
1910
|
+
opacity: var(--pvt-backdrop-opacity);
|
|
1911
|
+
z-index: 1;
|
|
1912
|
+
will-change: opacity;
|
|
1913
|
+
background: var(--rls-theme-backdrop-900);
|
|
1914
|
+
backdrop-filter: blur(2px);
|
|
1915
|
+
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
1916
|
+
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
1917
|
+
}
|
|
1918
|
+
|
|
1859
1919
|
.rls-picker-date {
|
|
1860
1920
|
position: relative;
|
|
1861
1921
|
display: flex;
|
|
@@ -1937,66 +1997,6 @@
|
|
|
1937
1997
|
width: 100%;
|
|
1938
1998
|
}
|
|
1939
1999
|
|
|
1940
|
-
.rls-modal {
|
|
1941
|
-
--pvt-component-transform: translateY(80rem) scale(0.6);
|
|
1942
|
-
--pvt-component-height: 0rem;
|
|
1943
|
-
--pvt-component-opacity: 0;
|
|
1944
|
-
--pvt-component-visibility: hidden;
|
|
1945
|
-
--pvt-backdrop-opacity: 0;
|
|
1946
|
-
--pvt-backdrop-bottom: initial;
|
|
1947
|
-
position: fixed;
|
|
1948
|
-
display: flex;
|
|
1949
|
-
top: 0rem;
|
|
1950
|
-
left: 0rem;
|
|
1951
|
-
width: 100%;
|
|
1952
|
-
height: 100%;
|
|
1953
|
-
z-index: var(--rls-z-index-24);
|
|
1954
|
-
visibility: hidden;
|
|
1955
|
-
align-items: center;
|
|
1956
|
-
justify-content: center;
|
|
1957
|
-
}
|
|
1958
|
-
.rls-modal--visible {
|
|
1959
|
-
--pvt-component-visibility: visible;
|
|
1960
|
-
--pvt-component-height: auto;
|
|
1961
|
-
--pvt-component-opacity: 1;
|
|
1962
|
-
--pvt-component-transform: translateY(0) scale(1);
|
|
1963
|
-
--pvt-backdrop-bottom: 0rem;
|
|
1964
|
-
--pvt-backdrop-opacity: 1;
|
|
1965
|
-
visibility: visible;
|
|
1966
|
-
}
|
|
1967
|
-
.rls-modal__component {
|
|
1968
|
-
position: absolute;
|
|
1969
|
-
width: auto;
|
|
1970
|
-
max-width: calc(100% - var(--rls-sizing-x8));
|
|
1971
|
-
height: var(--pvt-component-height);
|
|
1972
|
-
opacity: var(--pvt-component-opacity);
|
|
1973
|
-
visibility: var(--pvt-component-visibility);
|
|
1974
|
-
z-index: var(--rls-z-index-2);
|
|
1975
|
-
overflow: hidden;
|
|
1976
|
-
border-radius: var(--rls-sizing-x4);
|
|
1977
|
-
background: var(--rls-app-background-500);
|
|
1978
|
-
will-change: transform;
|
|
1979
|
-
transform: var(--pvt-component-transform);
|
|
1980
|
-
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
1981
|
-
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
1982
|
-
visibility 125ms 0ms var(--rls-deceleration-curve);
|
|
1983
|
-
}
|
|
1984
|
-
.rls-modal__backdrop {
|
|
1985
|
-
position: absolute;
|
|
1986
|
-
display: block;
|
|
1987
|
-
top: 0rem;
|
|
1988
|
-
left: 0rem;
|
|
1989
|
-
right: 0rem;
|
|
1990
|
-
bottom: var(--pvt-backdrop-bottom);
|
|
1991
|
-
opacity: var(--pvt-backdrop-opacity);
|
|
1992
|
-
z-index: 1;
|
|
1993
|
-
will-change: opacity;
|
|
1994
|
-
background: var(--rls-theme-backdrop-900);
|
|
1995
|
-
backdrop-filter: blur(2px);
|
|
1996
|
-
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
1997
|
-
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
1998
|
-
}
|
|
1999
|
-
|
|
2000
2000
|
.rls-field-date {
|
|
2001
2001
|
--rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
|
|
2002
2002
|
position: relative;
|
|
@@ -1856,6 +1856,66 @@
|
|
|
1856
1856
|
border-radius: var(--rls-sizing-x2);
|
|
1857
1857
|
}
|
|
1858
1858
|
|
|
1859
|
+
.rls-modal {
|
|
1860
|
+
--pvt-component-transform: translateY(80rem) scale(0.6);
|
|
1861
|
+
--pvt-component-height: 0rem;
|
|
1862
|
+
--pvt-component-opacity: 0;
|
|
1863
|
+
--pvt-component-visibility: hidden;
|
|
1864
|
+
--pvt-backdrop-opacity: 0;
|
|
1865
|
+
--pvt-backdrop-bottom: initial;
|
|
1866
|
+
position: fixed;
|
|
1867
|
+
display: flex;
|
|
1868
|
+
top: 0rem;
|
|
1869
|
+
left: 0rem;
|
|
1870
|
+
width: 100%;
|
|
1871
|
+
height: 100%;
|
|
1872
|
+
z-index: var(--rls-z-index-24);
|
|
1873
|
+
visibility: hidden;
|
|
1874
|
+
align-items: center;
|
|
1875
|
+
justify-content: center;
|
|
1876
|
+
}
|
|
1877
|
+
.rls-modal--visible {
|
|
1878
|
+
--pvt-component-visibility: visible;
|
|
1879
|
+
--pvt-component-height: auto;
|
|
1880
|
+
--pvt-component-opacity: 1;
|
|
1881
|
+
--pvt-component-transform: translateY(0) scale(1);
|
|
1882
|
+
--pvt-backdrop-bottom: 0rem;
|
|
1883
|
+
--pvt-backdrop-opacity: 1;
|
|
1884
|
+
visibility: visible;
|
|
1885
|
+
}
|
|
1886
|
+
.rls-modal__component {
|
|
1887
|
+
position: absolute;
|
|
1888
|
+
width: auto;
|
|
1889
|
+
max-width: calc(100% - var(--rls-sizing-x8));
|
|
1890
|
+
height: var(--pvt-component-height);
|
|
1891
|
+
opacity: var(--pvt-component-opacity);
|
|
1892
|
+
visibility: var(--pvt-component-visibility);
|
|
1893
|
+
z-index: var(--rls-z-index-2);
|
|
1894
|
+
overflow: hidden;
|
|
1895
|
+
border-radius: var(--rls-sizing-x4);
|
|
1896
|
+
background: var(--rls-app-background-500);
|
|
1897
|
+
will-change: transform;
|
|
1898
|
+
transform: var(--pvt-component-transform);
|
|
1899
|
+
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
1900
|
+
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
1901
|
+
visibility 125ms 0ms var(--rls-deceleration-curve);
|
|
1902
|
+
}
|
|
1903
|
+
.rls-modal__backdrop {
|
|
1904
|
+
position: absolute;
|
|
1905
|
+
display: block;
|
|
1906
|
+
top: 0rem;
|
|
1907
|
+
left: 0rem;
|
|
1908
|
+
right: 0rem;
|
|
1909
|
+
bottom: var(--pvt-backdrop-bottom);
|
|
1910
|
+
opacity: var(--pvt-backdrop-opacity);
|
|
1911
|
+
z-index: 1;
|
|
1912
|
+
will-change: opacity;
|
|
1913
|
+
background: var(--rls-theme-backdrop-900);
|
|
1914
|
+
backdrop-filter: blur(2px);
|
|
1915
|
+
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
1916
|
+
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
1917
|
+
}
|
|
1918
|
+
|
|
1859
1919
|
.rls-picker-date {
|
|
1860
1920
|
position: relative;
|
|
1861
1921
|
display: flex;
|
|
@@ -1937,66 +1997,6 @@
|
|
|
1937
1997
|
width: 100%;
|
|
1938
1998
|
}
|
|
1939
1999
|
|
|
1940
|
-
.rls-modal {
|
|
1941
|
-
--pvt-component-transform: translateY(80rem) scale(0.6);
|
|
1942
|
-
--pvt-component-height: 0rem;
|
|
1943
|
-
--pvt-component-opacity: 0;
|
|
1944
|
-
--pvt-component-visibility: hidden;
|
|
1945
|
-
--pvt-backdrop-opacity: 0;
|
|
1946
|
-
--pvt-backdrop-bottom: initial;
|
|
1947
|
-
position: fixed;
|
|
1948
|
-
display: flex;
|
|
1949
|
-
top: 0rem;
|
|
1950
|
-
left: 0rem;
|
|
1951
|
-
width: 100%;
|
|
1952
|
-
height: 100%;
|
|
1953
|
-
z-index: var(--rls-z-index-24);
|
|
1954
|
-
visibility: hidden;
|
|
1955
|
-
align-items: center;
|
|
1956
|
-
justify-content: center;
|
|
1957
|
-
}
|
|
1958
|
-
.rls-modal--visible {
|
|
1959
|
-
--pvt-component-visibility: visible;
|
|
1960
|
-
--pvt-component-height: auto;
|
|
1961
|
-
--pvt-component-opacity: 1;
|
|
1962
|
-
--pvt-component-transform: translateY(0) scale(1);
|
|
1963
|
-
--pvt-backdrop-bottom: 0rem;
|
|
1964
|
-
--pvt-backdrop-opacity: 1;
|
|
1965
|
-
visibility: visible;
|
|
1966
|
-
}
|
|
1967
|
-
.rls-modal__component {
|
|
1968
|
-
position: absolute;
|
|
1969
|
-
width: auto;
|
|
1970
|
-
max-width: calc(100% - var(--rls-sizing-x8));
|
|
1971
|
-
height: var(--pvt-component-height);
|
|
1972
|
-
opacity: var(--pvt-component-opacity);
|
|
1973
|
-
visibility: var(--pvt-component-visibility);
|
|
1974
|
-
z-index: var(--rls-z-index-2);
|
|
1975
|
-
overflow: hidden;
|
|
1976
|
-
border-radius: var(--rls-sizing-x4);
|
|
1977
|
-
background: var(--rls-app-background-500);
|
|
1978
|
-
will-change: transform;
|
|
1979
|
-
transform: var(--pvt-component-transform);
|
|
1980
|
-
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
1981
|
-
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
1982
|
-
visibility 125ms 0ms var(--rls-deceleration-curve);
|
|
1983
|
-
}
|
|
1984
|
-
.rls-modal__backdrop {
|
|
1985
|
-
position: absolute;
|
|
1986
|
-
display: block;
|
|
1987
|
-
top: 0rem;
|
|
1988
|
-
left: 0rem;
|
|
1989
|
-
right: 0rem;
|
|
1990
|
-
bottom: var(--pvt-backdrop-bottom);
|
|
1991
|
-
opacity: var(--pvt-backdrop-opacity);
|
|
1992
|
-
z-index: 1;
|
|
1993
|
-
will-change: opacity;
|
|
1994
|
-
background: var(--rls-theme-backdrop-900);
|
|
1995
|
-
backdrop-filter: blur(2px);
|
|
1996
|
-
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
1997
|
-
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
1998
|
-
}
|
|
1999
|
-
|
|
2000
2000
|
.rls-field-date {
|
|
2001
2001
|
--rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
|
|
2002
2002
|
position: relative;
|