@rolster/react-components 18.20.6 → 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 +543 -297
- 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 +542 -297
- 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 +2 -2
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +10 -7
- 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 +2 -2
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +11 -8
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/context.js +9 -8
- 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/dist/esm/i18n.d.ts +0 -8
- package/package.json +5 -5
|
@@ -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 './Avatar.css';
|
|
4
5
|
export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-avatar', { rounded, skeleton });
|
|
8
|
+
}, [rounded, skeleton]);
|
|
9
|
+
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
2
3
|
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
import './Breadcrumb.css';
|
|
5
|
+
function RlsBreadcrumbLabel({ label }) {
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-breadcrumb__label__a', {
|
|
8
|
+
actionable: !!label.onClick
|
|
9
|
+
});
|
|
10
|
+
}, [label.onClick]);
|
|
11
|
+
return (_jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, children: _jsx("a", { className: className, children: label.label }) }));
|
|
12
|
+
}
|
|
4
13
|
export function RlsBreadcrumb({ labels }) {
|
|
5
|
-
return (_jsx("div", { className: "rls-breadcrumb", children: labels.map((
|
|
6
|
-
actionable: !!onClick
|
|
7
|
-
}), children: label }) }, index))) }));
|
|
14
|
+
return (_jsx("div", { className: "rls-breadcrumb", children: labels.map((label, index) => (_jsx(RlsBreadcrumbLabel, { label: label }, index))) }));
|
|
8
15
|
}
|
|
9
16
|
//# sourceMappingURL=Breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,kBAAkB,CAAC;AAe1B,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAwB;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,0BAA0B,EAAE;YACnD,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,gBAAO,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,YAC7D,YAAG,SAAS,EAAE,SAAS,YAAG,KAAK,CAAC,KAAK,GAAK,GACpC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAmB;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,kBAAkB,IAAa,KAAK,EAAE,KAAK,IAAnB,KAAK,CAAkB,CACjD,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
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
|
import { RlsIcon } from '../Icon/Icon';
|
|
4
5
|
import './Button.css';
|
|
5
6
|
export function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }) {
|
|
6
|
-
|
|
7
|
+
const className = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-button__content', { type });
|
|
9
|
+
}, [type]);
|
|
10
|
+
return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: className, children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__label", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
|
|
7
11
|
}
|
|
8
12
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAkBtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAC5C,QAAQ,IAAI,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,EAC/D,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useCallback, useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
import './CheckBox.css';
|
|
4
5
|
export function RlsCheckBox({ checked, disabled, identifier, onClick, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-checkbox', { checked, disabled });
|
|
8
|
+
}, [checked, disabled]);
|
|
9
|
+
return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
|
|
6
10
|
}
|
|
7
11
|
export function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
const onClick = useCallback(() => {
|
|
13
|
+
formControl.setValue(!formControl.value);
|
|
14
|
+
}, [formControl.value]);
|
|
15
|
+
return (_jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
|
|
11
16
|
}
|
|
12
17
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAO,GAC3C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -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 './Icon.css';
|
|
4
5
|
export function RlsIcon({ value, skeleton }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-icon', { skeleton });
|
|
8
|
+
}, [skeleton]);
|
|
9
|
+
return (_jsx("div", { className: className, children: _jsx("i", { className: `rls-icon-${value}` }) }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAa;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,YAAG,SAAS,EAAE,YAAY,KAAK,EAAE,GAAM,GACnC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useState } from 'react';
|
|
3
|
-
import {
|
|
2
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
4
|
import './Input.css';
|
|
5
5
|
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
|
|
6
6
|
const [focused, setFocused] = useState(false);
|
|
@@ -17,9 +17,12 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
|
|
|
17
17
|
formControl?.blur();
|
|
18
18
|
setFocused(() => false);
|
|
19
19
|
}, [formControl]);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
disabled: formControl?.disabled || disabled
|
|
23
|
-
|
|
20
|
+
const className = useMemo(() => {
|
|
21
|
+
return renderClassStatus('rls-input', {
|
|
22
|
+
disabled: formControl?.disabled || disabled,
|
|
23
|
+
focused: formControl?.focused ?? focused
|
|
24
|
+
});
|
|
25
|
+
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
26
|
+
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value: formControl?.value || value || '' }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
24
27
|
}
|
|
25
28
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACM;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,MAAM,KAAK,GACT,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/D,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE;YACpC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;SACzC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,aACvC,gBACE,GAAG,EAAE,WAAW,EAAE,UAAU,EAC5B,SAAS,EAAC,sBAAsB,EAChC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ,EAC3C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,GACxC,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,IAChD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useState } from 'react';
|
|
2
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './InputPassword.css';
|
|
5
5
|
export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }) {
|
|
@@ -16,9 +16,12 @@ export function RlsInputPassword({ disabled, formControl, identifier, onValue, p
|
|
|
16
16
|
formControl?.blur();
|
|
17
17
|
setFocused(() => false);
|
|
18
18
|
}, [formControl]);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
disabled: formControl?.disabled || disabled
|
|
22
|
-
|
|
19
|
+
const className = useMemo(() => {
|
|
20
|
+
return renderClassStatus('rls-input-password', {
|
|
21
|
+
disabled: formControl?.disabled || disabled,
|
|
22
|
+
focused: formControl?.focused ?? focused
|
|
23
|
+
});
|
|
24
|
+
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
25
|
+
return (_jsx("div", { id: identifier, className: className, children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
|
|
23
26
|
}
|
|
24
27
|
//# sourceMappingURL=InputPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,CAAC;AAY7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACe;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAU,EAAE,EAAE;QACb,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;SACzC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,YACvC,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 './Poster.css';
|
|
4
5
|
export function RlsPoster({ children, contrast, outline, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-poster', { contrast, outline });
|
|
8
|
+
}, [contrast, outline]);
|
|
9
|
+
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=Poster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 './ProgressBar.css';
|
|
4
5
|
export function RlsProgressBar({ indeterminate, percentage, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-progress-bar', { indeterminate });
|
|
8
|
+
}, [indeterminate]);
|
|
9
|
+
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage || 0}%` } }) }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,UAAU,EACV,QAAQ,EACS;IACjB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC5C,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GAClC,GACH,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 './RadioButton.css';
|
|
4
5
|
export function RlsRadioButton({ checked, disabled, identifier, rlsTheme, onClick }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-radiobutton', { checked, disabled });
|
|
8
|
+
}, [checked, disabled]);
|
|
9
|
+
return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
|
|
6
10
|
}
|
|
7
11
|
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACU;IACjB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
border-radius: 50%;
|
|
37
37
|
background: var(--rls-app-background-500);
|
|
38
38
|
box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
|
|
39
|
-
transition: left 240ms var(--rls-standard-curve)
|
|
39
|
+
/*transition: left 240ms var(--rls-standard-curve);*/
|
|
40
40
|
}
|
|
41
41
|
.rls-switch__component__element::before {
|
|
42
42
|
display: block;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useCallback, useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
3
4
|
import './Switch.css';
|
|
4
5
|
export function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }) {
|
|
5
|
-
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-switch', { checked, disabled });
|
|
8
|
+
}, [checked, disabled]);
|
|
9
|
+
return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsxs("div", { className: "rls-switch__component", children: [_jsx("div", { className: "rls-switch__component__element" }), _jsx("div", { className: "rls-switch__component__bar" })] }) }));
|
|
6
10
|
}
|
|
7
11
|
export function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
const onClick = useCallback(() => {
|
|
13
|
+
formControl.setValue(!formControl.value);
|
|
14
|
+
}, [formControl.value]);
|
|
15
|
+
return (_jsx(RlsSwitch, { identifier: identifier, checked: formControl.value || false, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
|
|
11
16
|
}
|
|
12
17
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,gCAAgC,GAAO,EACtD,cAAK,SAAS,EAAC,4BAA4B,GAAO,IAC9C,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACF;IACN,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
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 { RlsIcon } from '../../atoms/Icon/Icon';
|
|
4
5
|
import './Alert.css';
|
|
5
6
|
export function RlsAlert({ bordered, children, icon, identifier, rlsTheme }) {
|
|
6
|
-
|
|
7
|
+
const className = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-alert', { bordered });
|
|
9
|
+
}, [bordered]);
|
|
10
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-alert__icon", children: _jsx(RlsIcon, { value: icon }) })), _jsx("div", { className: "rls-alert__content", children: children })] }));
|
|
7
11
|
}
|
|
8
12
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,CACP,EAED,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
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 { RlsAvatar } from '../../atoms/Avatar/Avatar';
|
|
5
|
+
import { RlsSkeletonText } from '../../atoms/SkeletonText/SkeletonText';
|
|
4
6
|
import './Ballot.css';
|
|
5
7
|
export function RlsBallot({ bordered, children, img, initials, skeleton, subtitle, rlsTheme }) {
|
|
6
|
-
|
|
8
|
+
const className = useMemo(() => {
|
|
9
|
+
return renderClassStatus('rls-ballot', { bordered, skeleton });
|
|
10
|
+
}, [bordered, skeleton]);
|
|
11
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("label", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("label", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: _jsx("span", { children: subtitle }) }) }))] })] }));
|
|
7
12
|
}
|
|
8
13
|
//# sourceMappingURL=Ballot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC1B,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,gBAAO,SAAS,EAAC,mBAAmB,YAClC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GACzD,EACP,QAAQ,IAAI,CACX,gBAAO,SAAS,EAAC,sBAAsB,YACrC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAC/B,yBAAO,QAAQ,GAAQ,GACP,GACZ,CACT,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
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 { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
+
import { RlsProgressCircular } from '../../atoms/ProgressCircular/ProgressCircular';
|
|
4
6
|
import './ButtonProgress.css';
|
|
5
7
|
export function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }) {
|
|
6
|
-
|
|
8
|
+
const className = useMemo(() => {
|
|
9
|
+
return renderClassStatus('rls-button-progress', { progressing });
|
|
10
|
+
}, [progressing]);
|
|
11
|
+
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [!progressing && (_jsx(RlsButtonAction, { icon: icon, onClick: onClick, disabled: disabled })), progressing && _jsx(RlsProgressCircular, {})] }));
|
|
7
12
|
}
|
|
8
13
|
//# sourceMappingURL=ButtonProgress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,sBAAsB,CAAC;AAU9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACY;IACpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,CAAC,WAAW,IAAI,CACf,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtE,EACA,WAAW,IAAI,KAAC,mBAAmB,KAAG,IACnC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -58,9 +58,9 @@
|
|
|
58
58
|
border: var(--rls-theme-border-1-500);
|
|
59
59
|
transform: var(--rlc-button-toggle-ul-transform);
|
|
60
60
|
transform-origin: 0% 0%;
|
|
61
|
-
transition: transform 240ms 0ms var(--rls-standard-curve),
|
|
62
|
-
opacity 240ms 0ms var(--rls-standard-curve);
|
|
63
61
|
box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
|
|
62
|
+
/*transition: transform 240ms 0ms var(--rls-standard-curve),
|
|
63
|
+
opacity 240ms 0ms var(--rls-standard-curve);*/
|
|
64
64
|
}
|
|
65
65
|
.rls-button-toggle__list ul li {
|
|
66
66
|
padding: 0rem var(--rls-sizing-x6);
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { RlsButton } from '../../atoms';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers';
|
|
4
|
+
import { RlsButton } from '../../atoms/Button/Button';
|
|
5
5
|
import './ButtonToggle.css';
|
|
6
6
|
export function RlsButtonToggle({ onAction, options, type, automatic, disabled, rlsTheme }) {
|
|
7
7
|
const componentRef = useRef(null);
|
|
8
|
-
const [
|
|
9
|
-
const [action, setAction] = useState(firstAction);
|
|
8
|
+
const [action, setAction] = useState(options[0]);
|
|
10
9
|
const [visible, setVisible] = useState(false);
|
|
11
10
|
useEffect(() => {
|
|
12
11
|
function onCloseMenu({ target }) {
|
|
@@ -17,6 +16,12 @@ export function RlsButtonToggle({ onAction, options, type, automatic, disabled,
|
|
|
17
16
|
document.removeEventListener('click', onCloseMenu);
|
|
18
17
|
};
|
|
19
18
|
}, []);
|
|
19
|
+
const classNameList = useMemo(() => {
|
|
20
|
+
return renderClassStatus('rls-button-toggle__list', {
|
|
21
|
+
hide: !visible,
|
|
22
|
+
visible
|
|
23
|
+
});
|
|
24
|
+
}, [visible]);
|
|
20
25
|
const onClickMenu = useCallback(() => {
|
|
21
26
|
setVisible((visible) => !visible);
|
|
22
27
|
}, []);
|
|
@@ -27,10 +32,7 @@ export function RlsButtonToggle({ onAction, options, type, automatic, disabled,
|
|
|
27
32
|
}, [onAction, automatic]);
|
|
28
33
|
return (_jsxs("div", { className: "rls-button-toggle", ref: componentRef, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-button-toggle__content", children: [action && (_jsx("div", { className: "rls-button-toggle__action", children: _jsx(RlsButton, { disabled: disabled, type: type, onClick: () => {
|
|
29
34
|
onAction(action.value);
|
|
30
|
-
}, children: action.label }) })), _jsx("div", { className: "rls-button-toggle__icon", children: _jsx(RlsButton, { type: type, prefixIcon: "arrow-ios-down", disabled: disabled, onClick: onClickMenu }) })] }), _jsx("div", { className:
|
|
31
|
-
visible,
|
|
32
|
-
hide: !visible
|
|
33
|
-
}), children: _jsx("ul", { children: options.map((action, index) => (_jsx("li", { className: "truncate", onClick: () => {
|
|
35
|
+
}, children: action.label }) })), _jsx("div", { className: "rls-button-toggle__icon", children: _jsx(RlsButton, { type: type, prefixIcon: "arrow-ios-down", disabled: disabled, onClick: onClickMenu }) })] }), _jsx("div", { className: classNameList, children: _jsx("ul", { children: options.map((action, index) => (_jsx("li", { className: "truncate", onClick: () => {
|
|
34
36
|
onSelectAction(action);
|
|
35
37
|
}, children: action.label }, index))) }) })] }));
|
|
36
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAiB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAe5B,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACU;IAClB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,WAAW,CAAC,EAAE,MAAM,EAAO;YAClC,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,yBAAyB,EAAE;YAClD,IAAI,EAAE,CAAC,OAAO;YACd,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAA0B,EAAE,EAAE;QAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAExB,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,YAAY,eAAa,QAAQ,aACvE,eAAK,SAAS,EAAC,4BAA4B,aACxC,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACzB,CAAC,YAEA,MAAM,CAAC,KAAK,GACH,GACR,CACP,EAED,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAC,gBAAgB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,GACE,IACF,EAEN,cAAK,SAAS,EAAE,aAAa,YAC3B,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aACE,SAAS,EAAC,UAAU,EAEpB,OAAO,EAAE,GAAG,EAAE;4BACZ,cAAc,CAAC,MAAM,CAAC,CAAC;wBACzB,CAAC,YAEA,MAAM,CAAC,KAAK,IALR,KAAK,CAMP,CACN,CAAC,GACC,GACD,IACF,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 { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
|
|
4
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
6
|
import './FieldMoney.css';
|
|
6
7
|
export function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, symbol, 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-money')
|
|
14
|
+
}, 'rls-field-money');
|
|
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(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
13
22
|
}
|
|
14
23
|
//# sourceMappingURL=FieldMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACW;IAChB,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,iBAAiB,CAClB,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,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,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 { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
|
|
4
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
6
|
import './FieldNumber.css';
|
|
6
7
|
export function RlsFieldNumber({ 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-number')
|
|
14
|
+
}, 'rls-field-number');
|
|
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(RlsInputNumber, { 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=FieldNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,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,kBAAkB,CACnB,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,cAAc,IACb,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"}
|