@rolster/react-components 18.16.2 → 18.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +65 -65
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +65 -65
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js +2 -2
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +2 -2
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.d.ts +2 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +4 -4
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +1 -1
- package/dist/esm/components/atoms/Input/Input.js +3 -3
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +3 -3
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +3 -3
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +2 -2
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.js +2 -2
- package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.d.ts +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +3 -3
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +2 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.d.ts +2 -2
- package/dist/esm/components/atoms/Switch/Switch.js +4 -4
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/definitions.d.ts +1 -0
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +2 -2
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +2 -2
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +2 -2
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.d.ts +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +2 -2
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.d.ts +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +2 -2
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.d.ts +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +2 -2
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +2 -2
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +1 -0
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +7 -7
- package/dist/esm/components/organisms/Datatable/Datatable.js +14 -14
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +2 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +2 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/types.d.ts +1 -0
- package/package.json +2 -2
|
@@ -9,5 +9,5 @@ interface ButtonProps extends RlsComponent {
|
|
|
9
9
|
suffixIcon?: string;
|
|
10
10
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
11
11
|
}
|
|
12
|
-
export declare function RlsButton({ type, children, disabled, prefixIcon, suffixIcon, rlsTheme, onClick }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
3
|
import { RlsIcon } from '../Icon/Icon';
|
|
4
4
|
import './Button.css';
|
|
5
|
-
export function RlsButton({ type, children, disabled, prefixIcon, suffixIcon, rlsTheme, onClick }) {
|
|
6
|
-
return (_jsx("button", { className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: renderClassStatus('rls-button__content', { type }), children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__label", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
|
|
5
|
+
export function RlsButton({ type, children, disabled, identifier, prefixIcon, suffixIcon, rlsTheme, onClick }) {
|
|
6
|
+
return (_jsx("button", { id: identifier, className: "rls-button", onClick: onClick, "rls-theme": rlsTheme, disabled: disabled, children: _jsxs("div", { className: renderClassStatus('rls-button__content', { type }), children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), children && _jsx("div", { className: "rls-button__label", children: children }), suffixIcon && _jsx(RlsIcon, { value: suffixIcon })] }) }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAYtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,OAAO,CACL,iBACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,aAC/D,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
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AAYtB,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACK;IACZ,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,aAC/D,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"}
|
|
@@ -7,5 +7,5 @@ interface ButtonActionProps extends RlsComponent {
|
|
|
7
7
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
8
8
|
tooltip?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare function RlsButtonAction({ icon, disabled,
|
|
10
|
+
export declare function RlsButtonAction({ icon, disabled, identifier, onClick, tooltip }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { RlsIcon } from '../Icon/Icon';
|
|
3
3
|
import './ButtonAction.css';
|
|
4
|
-
export function RlsButtonAction({ icon, disabled,
|
|
5
|
-
return (_jsxs("button", { className: "rls-button-action", onClick: onClick, disabled: disabled, children: [_jsx("div", { className: "rls-button-action__content", children: _jsx(RlsIcon, { value: icon }) }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip rls-overline-medium", children: _jsx("span", { children: tooltip }) }))] }));
|
|
4
|
+
export function RlsButtonAction({ icon, disabled, identifier, onClick, tooltip }) {
|
|
5
|
+
return (_jsxs("button", { id: identifier, className: "rls-button-action", onClick: onClick, disabled: disabled, children: [_jsx("div", { className: "rls-button-action__content", children: _jsx(RlsIcon, { value: icon }) }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip rls-overline-medium", children: _jsx("span", { children: tooltip }) }))] }));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=ButtonAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACW;IAClB,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACW;IAClB,OAAO,CACL,kBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAElB,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,gDAAgD,YAC7D,yBAAO,OAAO,GAAQ,GAClB,CACP,IACM,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -10,6 +10,6 @@ interface CheckBoxControlProps extends RlsComponent {
|
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
formControl: ReactControl<HTMLElement, boolean>;
|
|
12
12
|
}
|
|
13
|
-
export declare function RlsCheckBox({ checked, disabled, onClick, rlsTheme }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export declare function RlsCheckBoxControl({ formControl, disabled, rlsTheme }: CheckBoxControlProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsCheckBox({ checked, disabled, identifier, onClick, rlsTheme }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }: CheckBoxControlProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
3
|
import './CheckBox.css';
|
|
4
|
-
export function RlsCheckBox({ checked, disabled, onClick, rlsTheme }) {
|
|
5
|
-
return (_jsx("div", { className: renderClassStatus('rls-checkbox', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
|
|
4
|
+
export function RlsCheckBox({ checked, disabled, identifier, onClick, rlsTheme }) {
|
|
5
|
+
return (_jsx("div", { id: identifier, className: renderClassStatus('rls-checkbox', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
|
|
6
6
|
}
|
|
7
|
-
export function RlsCheckBoxControl({ formControl, disabled, rlsTheme }) {
|
|
8
|
-
return (_jsx(RlsCheckBox, { checked: !!formControl.value, disabled: disabled, onClick: () => {
|
|
7
|
+
export function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
|
|
8
|
+
return (_jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: () => {
|
|
9
9
|
formControl.setValue(!formControl.value);
|
|
10
10
|
}, rlsTheme: rlsTheme }));
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACM;IACd,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACnE,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,QAAQ,EACa;IACrB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACnE,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,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -10,5 +10,5 @@ interface InputProps extends RlsComponent {
|
|
|
10
10
|
type?: HTMLInputTypeAttribute;
|
|
11
11
|
value?: any;
|
|
12
12
|
}
|
|
13
|
-
export declare function RlsInput({ children, disabled, formControl, onValue, placeholder, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -2,7 +2,7 @@ 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
4
|
import './Input.css';
|
|
5
|
-
export function RlsInput({ children, disabled, formControl, onValue, placeholder, type, value }) {
|
|
5
|
+
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
|
|
6
6
|
const [focused, setFocused] = useState(false);
|
|
7
7
|
function setValue(value) {
|
|
8
8
|
formControl?.setValue(value);
|
|
@@ -19,9 +19,9 @@ export function RlsInput({ children, disabled, formControl, onValue, placeholder
|
|
|
19
19
|
formControl?.blur();
|
|
20
20
|
setFocused(false);
|
|
21
21
|
}
|
|
22
|
-
return (_jsxs("div", { className: renderClassStatus('rls-input', {
|
|
22
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-input', {
|
|
23
23
|
focused: formControl?.focused ?? focused,
|
|
24
24
|
disabled: formControl?.disabled || disabled
|
|
25
|
-
}), 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
|
|
25
|
+
}), 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 })] }));
|
|
26
26
|
}
|
|
27
27
|
//# 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,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAWrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACM;IACX,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,QAAQ,CAAC,KAAsB;QACtC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,QAAQ,CAAC,KAAU;QAC1B,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE;YACxC,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,aAEF,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
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,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,SAAS,QAAQ,CAAC,KAAsB;QACtC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,QAAQ,CAAC,KAAU;QAC1B,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE;YACxC,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,aAEF,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"}
|
|
@@ -4,5 +4,5 @@ interface InputMoneyProps extends InputProps<number> {
|
|
|
4
4
|
decimals?: boolean;
|
|
5
5
|
symbol?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function RlsInputMoney({ decimals, disabled, formControl, onValue, placeholder, symbol, value }: InputMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, symbol, value }: InputMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -3,12 +3,12 @@ import { useState } from 'react';
|
|
|
3
3
|
import { RlsAmount } from '../Amount/Amount';
|
|
4
4
|
import { RlsInput } from '../Input/Input';
|
|
5
5
|
import './InputMoney.css';
|
|
6
|
-
export function RlsInputMoney({ decimals, disabled, formControl, onValue, placeholder, symbol, value }) {
|
|
6
|
+
export function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, symbol, value }) {
|
|
7
7
|
const [valueInput, setValueInput] = useState(value || 0);
|
|
8
|
-
function
|
|
8
|
+
function onValueInput(value) {
|
|
9
9
|
!formControl && setValueInput(value);
|
|
10
10
|
onValue && onValue(value);
|
|
11
11
|
}
|
|
12
|
-
return (_jsx("div", { className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: value, disabled: disabled, placeholder: placeholder, onValue:
|
|
12
|
+
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: value, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: _jsx(RlsAmount, { value: formControl?.value ?? value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=InputMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,EACW;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAEzD,SAAS,
|
|
1
|
+
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,EACW;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAEzD,SAAS,YAAY,CAAC,KAAa;QACjC,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,UAAU,EAChD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../types';
|
|
2
2
|
import './InputNumber.css';
|
|
3
|
-
export declare function RlsInputNumber({ disabled, formControl, onValue, placeholder, value }: InputProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, value }: InputProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputNumber.css';
|
|
5
|
-
export function RlsInputNumber({ disabled, formControl, onValue, placeholder, value }) {
|
|
5
|
+
export function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
6
6
|
const [valueInput, setValueInput] = useState(value ?? 0);
|
|
7
|
-
function
|
|
7
|
+
function onValueInput(value) {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}
|
|
11
|
-
return (_jsx("div", { className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: value, disabled: disabled, placeholder: placeholder, onValue:
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: value, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? value ?? valueInput }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAEzD,SAAS,
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAEzD,SAAS,YAAY,CAAC,KAAa;QACjC,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,YAC/C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,UAAU,GACjC,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -9,5 +9,5 @@ interface InputPasswordProps extends RlsComponent {
|
|
|
9
9
|
placeholder?: string;
|
|
10
10
|
type?: InputPasswordType;
|
|
11
11
|
}
|
|
12
|
-
export declare function RlsInputPassword({ disabled, formControl, onValue, placeholder, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './InputPassword.css';
|
|
5
|
-
export function RlsInputPassword({ disabled, formControl, onValue, placeholder, type }) {
|
|
5
|
+
export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }) {
|
|
6
6
|
const [focused, setFocused] = useState(false);
|
|
7
7
|
function onChange(event) {
|
|
8
8
|
formControl?.setValue(event.target.value);
|
|
@@ -16,7 +16,7 @@ export function RlsInputPassword({ disabled, formControl, onValue, placeholder,
|
|
|
16
16
|
formControl?.blur();
|
|
17
17
|
setFocused(false);
|
|
18
18
|
}
|
|
19
|
-
return (_jsx("div", { className: renderClassStatus('rls-input-password', {
|
|
19
|
+
return (_jsx("div", { id: identifier, className: renderClassStatus('rls-input-password', {
|
|
20
20
|
focused: formControl?.focused ?? focused,
|
|
21
21
|
disabled: formControl?.disabled || disabled
|
|
22
22
|
}), children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,CAAC;AAY7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,EACe;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,QAAQ,CAAC,KAAU;QAC1B,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;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,YAEF,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
|
+
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,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,SAAS,QAAQ,CAAC,KAAU;QAC1B,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;IAED,SAAS,OAAO;QACd,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,MAAM;QACb,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;YACxC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;SAC5C,CAAC,YAEF,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"}
|
|
@@ -2,8 +2,9 @@ import { RolsterControl } from '../../types';
|
|
|
2
2
|
import './InputSearch.css';
|
|
3
3
|
interface InputSearchProps {
|
|
4
4
|
formControl?: RolsterControl<string>;
|
|
5
|
+
identifier?: string;
|
|
5
6
|
onSearch?: () => void;
|
|
6
7
|
placeholder?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare function RlsInputSearch({ formControl, onSearch, placeholder }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function RlsInputSearch({ formControl, identifier, onSearch, placeholder }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { RlsButtonAction } from '../ButtonAction/ButtonAction';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputSearch.css';
|
|
5
|
-
export function RlsInputSearch({ formControl, onSearch, placeholder }) {
|
|
6
|
-
return (_jsxs("div", { className: "rls-input-search", children: [_jsx(RlsInput, { formControl: formControl, placeholder: placeholder }), onSearch && _jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
|
|
5
|
+
export function RlsInputSearch({ formControl, identifier, onSearch, placeholder }) {
|
|
6
|
+
return (_jsxs("div", { id: identifier, className: "rls-input-search", children: [_jsx(RlsInput, { formControl: formControl, placeholder: placeholder }), onSearch && _jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=InputSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputSearch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAS3B,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACM;IACjB,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,aAC/C,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAI,EAC/D,QAAQ,IAAI,KAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,GAAI,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../types';
|
|
2
2
|
import './InputText.css';
|
|
3
|
-
export declare function RlsInputText({ disabled, formControl, onValue, placeholder, value }: InputProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, value }: InputProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputText.css';
|
|
5
|
-
export function RlsInputText({ disabled, formControl, onValue, placeholder, value }) {
|
|
5
|
+
export function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
6
6
|
const [valueInput, setValueInput] = useState(value ?? '');
|
|
7
|
-
function
|
|
7
|
+
function onValueInput(value) {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}
|
|
11
|
-
return (_jsx("div", { className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value: value, disabled: disabled, placeholder: placeholder, onValue:
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value: value, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? value ?? valueInput }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAE1D,SAAS,
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAE1D,SAAS,YAAY,CAAC,KAAa;QACjC,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC7C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,UAAU,GACjC,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,5 +5,5 @@ interface RadioButtonProps extends RlsComponent {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
}
|
|
8
|
-
export declare function RlsRadioButton({ checked, disabled, rlsTheme, onClick }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function RlsRadioButton({ checked, disabled, identifier, rlsTheme, onClick }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
3
|
import './RadioButton.css';
|
|
4
|
-
export function RlsRadioButton({ checked, disabled, rlsTheme, onClick }) {
|
|
5
|
-
return (_jsx("div", { className: renderClassStatus('rls-radiobutton', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
|
|
4
|
+
export function RlsRadioButton({ checked, disabled, identifier, rlsTheme, onClick }) {
|
|
5
|
+
return (_jsx("div", { id: identifier, className: renderClassStatus('rls-radiobutton', { checked, disabled }), onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-radiobutton__component" }) }));
|
|
6
6
|
}
|
|
7
7
|
//# 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,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACU;IACjB,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACtE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACU;IACjB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACtE,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,4BAA4B,GAAO,GAC9C,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -10,6 +10,6 @@ interface Props extends RlsComponent {
|
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
formControl: ReactControl<HTMLElement, boolean>;
|
|
12
12
|
}
|
|
13
|
-
export declare function RlsSwitch({ checked, disabled,
|
|
14
|
-
export declare function RlsSwitchControl({ formControl, disabled, rlsTheme }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { renderClassStatus } from '../../../helpers/css';
|
|
3
3
|
import './Switch.css';
|
|
4
|
-
export function RlsSwitch({ checked, disabled,
|
|
5
|
-
return (_jsx("div", { className: renderClassStatus('rls-switch', { checked, disabled }), 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" })] }) }));
|
|
4
|
+
export function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }) {
|
|
5
|
+
return (_jsx("div", { id: identifier, className: renderClassStatus('rls-switch', { checked, disabled }), 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
6
|
}
|
|
7
|
-
export function RlsSwitchControl({ formControl, disabled, rlsTheme }) {
|
|
8
|
-
return (_jsx(RlsSwitch, { checked: formControl.value || false, disabled: disabled, onClick: () => {
|
|
7
|
+
export function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }) {
|
|
8
|
+
return (_jsx(RlsSwitch, { identifier: identifier, checked: formControl.value || false, disabled: disabled, onClick: () => {
|
|
9
9
|
formControl.setValue(!formControl.value);
|
|
10
10
|
}, rlsTheme: rlsTheme }));
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACI;IACZ,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjE,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,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,EACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -4,5 +4,5 @@ interface FieldMoneyProps extends FieldBoxProps<number> {
|
|
|
4
4
|
decimals?: boolean;
|
|
5
5
|
symbol?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function RlsFieldMoney({ children, decimals, disabled, formControl, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }: FieldMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }: FieldMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -3,8 +3,8 @@ import { renderClassStatus } from '../../../helpers/css';
|
|
|
3
3
|
import { RlsInputMoney } from '../../atoms';
|
|
4
4
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
5
|
import './FieldMoney.css';
|
|
6
|
-
export function RlsFieldMoney({ children, decimals, disabled, formControl, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }) {
|
|
7
|
-
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
6
|
+
export function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }) {
|
|
7
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-field-box', {
|
|
8
8
|
focused: formControl?.focused,
|
|
9
9
|
error: formControl?.wrong,
|
|
10
10
|
disabled: formControl?.disabled || disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,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,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACW;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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,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,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FieldBoxProps } from '../../types';
|
|
2
2
|
import './FieldNumber.css';
|
|
3
|
-
export declare function RlsFieldNumber({ children, disabled, formControl, msgErrorDisabled, onValue, placeholder, rlsTheme, value }: FieldBoxProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }: FieldBoxProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,8 @@ import { renderClassStatus } from '../../../helpers/css';
|
|
|
3
3
|
import { RlsInputNumber } from '../../atoms';
|
|
4
4
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
5
|
import './FieldNumber.css';
|
|
6
|
-
export function RlsFieldNumber({ children, disabled, formControl, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
-
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
6
|
+
export function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-field-box', {
|
|
8
8
|
focused: formControl?.focused,
|
|
9
9
|
error: formControl?.wrong,
|
|
10
10
|
disabled: formControl?.disabled || disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,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,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,5 +7,5 @@ interface FieldPasswordProps extends RlsComponent {
|
|
|
7
7
|
msgErrorDisabled?: boolean;
|
|
8
8
|
placeholder?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare function RlsFieldPassword({ children, disabled, formControl, msgErrorDisabled, placeholder, rlsTheme }: FieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }: FieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -4,12 +4,12 @@ import { renderClassStatus } from '../../../helpers/css';
|
|
|
4
4
|
import { RlsButtonAction, RlsInputPassword } from '../../atoms';
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldPassword.css';
|
|
7
|
-
export function RlsFieldPassword({ children, disabled, formControl, msgErrorDisabled, placeholder, rlsTheme }) {
|
|
7
|
+
export function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }) {
|
|
8
8
|
const [password, setPassword] = useState(true);
|
|
9
9
|
function onToggleInput() {
|
|
10
10
|
setPassword(!password);
|
|
11
11
|
}
|
|
12
|
-
return (_jsxs("div", { className: renderClassStatus(' rls-field-box', {
|
|
12
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus(' rls-field-box', {
|
|
13
13
|
focused: formControl?.focused,
|
|
14
14
|
error: formControl?.wrong,
|
|
15
15
|
disabled: formControl?.disabled || disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,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;AAGhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,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;AAGhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAS7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,SAAS,aAAa;QACpB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FieldBoxProps } from '../../types';
|
|
2
2
|
import './FieldText.css';
|
|
3
|
-
export declare function RlsFieldText({ children, disabled, formControl, msgErrorDisabled, onValue, placeholder, rlsTheme, value }: FieldBoxProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }: FieldBoxProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,8 @@ import { renderClassStatus } from '../../../helpers/css';
|
|
|
3
3
|
import { RlsInputText } from '../../atoms';
|
|
4
4
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
5
5
|
import './FieldText.css';
|
|
6
|
-
export function RlsFieldText({ children, disabled, formControl, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
-
return (_jsxs("div", { className: renderClassStatus('rls-field-box', {
|
|
6
|
+
export function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-field-box', {
|
|
8
8
|
focused: formControl?.focused,
|
|
9
9
|
error: formControl?.wrong,
|
|
10
10
|
disabled: formControl?.disabled || disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,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,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,5 +6,5 @@ interface LabelCheckBoxProps extends RlsComponent {
|
|
|
6
6
|
extended?: boolean;
|
|
7
7
|
formControl?: ReactControl<HTMLElement, boolean>;
|
|
8
8
|
}
|
|
9
|
-
export declare function RlsLabelCheckBox({ children, disabled, extended, formControl, rlsTheme }: LabelCheckBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }: LabelCheckBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsCheckBox } from '../../atoms';
|
|
5
5
|
import './LabelCheckBox.css';
|
|
6
|
-
export function RlsLabelCheckBox({ children, disabled, extended, formControl, rlsTheme }) {
|
|
6
|
+
export function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }) {
|
|
7
7
|
const [checked, setChecked] = useState(!!formControl?.value);
|
|
8
8
|
useEffect(() => {
|
|
9
9
|
setChecked(!!formControl?.value);
|
|
@@ -16,7 +16,7 @@ export function RlsLabelCheckBox({ children, disabled, extended, formControl, rl
|
|
|
16
16
|
setChecked(!checked);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
return (_jsxs("div", { className: renderClassStatus('rls-label-checkbox', {
|
|
19
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-label-checkbox', {
|
|
20
20
|
disabled,
|
|
21
21
|
extended
|
|
22
22
|
}), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: _jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-checkbox__text", children: children })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"LabelCheckBox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelCheckBox/LabelCheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACW;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,EAAE;YACjD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,YAC9D,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACN,gBAAO,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAS,IAC1D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,5 +7,5 @@ interface LabelRadioButtonProps<T = any> extends RlsComponent {
|
|
|
7
7
|
formControl?: ReactControl<HTMLElement, T | undefined>;
|
|
8
8
|
value?: T;
|
|
9
9
|
}
|
|
10
|
-
export declare function RlsLabelRadioButton<T = any>({ children, disabled, extended, formControl, rlsTheme, value }: LabelRadioButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function RlsLabelRadioButton<T = any>({ children, disabled, extended, identifier, formControl, rlsTheme, value }: LabelRadioButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsRadioButton } from '../../atoms';
|
|
5
5
|
import './LabelRadioButton.css';
|
|
6
|
-
export function RlsLabelRadioButton({ children, disabled, extended, formControl, rlsTheme, value }) {
|
|
6
|
+
export function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, rlsTheme, value }) {
|
|
7
7
|
const [checked, setChecked] = useState(formControl?.value === value);
|
|
8
8
|
useEffect(() => {
|
|
9
9
|
setChecked(formControl?.value === value);
|
|
@@ -11,7 +11,7 @@ export function RlsLabelRadioButton({ children, disabled, extended, formControl,
|
|
|
11
11
|
function onSelect() {
|
|
12
12
|
formControl && formControl?.setValue(value);
|
|
13
13
|
}
|
|
14
|
-
return (_jsxs("div", { className: renderClassStatus('rls-label-radiobutton', {
|
|
14
|
+
return (_jsxs("div", { id: identifier, className: renderClassStatus('rls-label-radiobutton', {
|
|
15
15
|
disabled,
|
|
16
16
|
extended
|
|
17
17
|
}), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-label-radiobutton__component", onClick: onSelect, children: _jsx(RlsRadioButton, { checked: checked, disabled: disabled }) }), _jsx("label", { className: "rls-label-radiobutton__text", children: children })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,uBAAuB,EAAE;YACpD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"LabelRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/molecules/LabelRadioButton/LabelRadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAShC,MAAM,UAAU,mBAAmB,CAAU,EAC3C,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,KAAK,EACoB;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,SAAS,QAAQ;QACf,WAAW,IAAI,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,CAAC,uBAAuB,EAAE;YACpD,QAAQ;YACR,QAAQ;SACT,CAAC,eACS,QAAQ,aAEnB,cAAK,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,QAAQ,YACjE,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpD,EACN,gBAAO,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAS,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,5 +6,5 @@ interface LabelSwitchProps extends RlsComponent {
|
|
|
6
6
|
extended?: boolean;
|
|
7
7
|
formControl?: ReactControl<HTMLElement, boolean>;
|
|
8
8
|
}
|
|
9
|
-
export declare function RlsLabelSwitch({ children, disabled, extended, formControl, rlsTheme }: LabelSwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function RlsLabelSwitch({ children, disabled, extended, identifier, formControl, rlsTheme }: LabelSwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|