@rolster/react-components 18.21.10 → 18.21.12
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-B4R0Qgg4.css → index-D8hnIXk1.css} +0 -1
- package/dist/cjs/index.js +32 -32
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-B4R0Qgg4.css → index-D8hnIXk1.css} +0 -1
- package/dist/es/index.js +32 -32
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +0 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +2 -1
- package/dist/esm/components/atoms/Input/Input.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +2 -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/InputText/InputText.d.ts +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +2 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- 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 +2 -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/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/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -7,8 +7,9 @@ interface InputProps extends RlsComponent {
|
|
|
7
7
|
formControl?: ReactControl<HTMLInputElement>;
|
|
8
8
|
onValue?: (value: any) => void;
|
|
9
9
|
placeholder?: string;
|
|
10
|
+
readOnly?: boolean;
|
|
10
11
|
type?: HTMLInputTypeAttribute;
|
|
11
12
|
value?: any;
|
|
12
13
|
}
|
|
13
|
-
export declare function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, readOnly, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers';
|
|
4
4
|
import './Input.css';
|
|
5
|
-
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
|
|
5
|
+
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, readOnly, type, value }) {
|
|
6
6
|
const valueInitial = formControl?.value ?? value ? String(value) : '';
|
|
7
7
|
const [valueInput, setValueInput] = useState(valueInitial);
|
|
8
8
|
const [focused, setFocused] = useState(false);
|
|
@@ -31,6 +31,6 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
|
|
|
31
31
|
focused: formControl?.focused ?? focused
|
|
32
32
|
});
|
|
33
33
|
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
34
|
-
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: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
34
|
+
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, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur, onChange: onChange, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
35
35
|
}
|
|
36
36
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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, identifier, onValue, placeholder, symbol, value }: InputMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, readOnly, symbol, value }: InputMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -3,12 +3,12 @@ import { useCallback, 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, identifier, onValue, placeholder, symbol, value }) {
|
|
6
|
+
export function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, readOnly, symbol, value }) {
|
|
7
7
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
8
8
|
const onValueInput = useCallback((value) => {
|
|
9
9
|
!formControl && setValueInput(value);
|
|
10
10
|
onValue && onValue(value);
|
|
11
11
|
}, [formControl, onValue]);
|
|
12
|
-
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: _jsx(RlsAmount, { value: formControl?.value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
|
|
12
|
+
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: _jsx(RlsAmount, { value: formControl?.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,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EACvC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,QAAQ,EACR,MAAM,EACN,KAAK,EACW;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EACvC,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, identifier, onValue, placeholder, value }: InputProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }: InputProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputNumber.css';
|
|
5
|
-
export function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
5
|
+
export function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }) {
|
|
6
6
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
7
7
|
const onValueInput = useCallback((value) => {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: formControl?.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,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,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,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,QAAQ,EACR,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,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,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,7 +7,8 @@ interface InputPasswordProps extends RlsComponent {
|
|
|
7
7
|
formControl?: RolsterControl<string>;
|
|
8
8
|
onValue?: (value: string) => void;
|
|
9
9
|
placeholder?: string;
|
|
10
|
+
readOnly?: boolean;
|
|
10
11
|
type?: InputPasswordType;
|
|
11
12
|
}
|
|
12
|
-
export declare function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, readOnly, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './InputPassword.css';
|
|
5
|
-
export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }) {
|
|
5
|
+
export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, readOnly, type }) {
|
|
6
6
|
const [focused, setFocused] = useState(false);
|
|
7
7
|
const onChange = useCallback((event) => {
|
|
8
8
|
formControl?.setValue(event.target.value);
|
|
@@ -22,6 +22,6 @@ export function RlsInputPassword({ disabled, formControl, identifier, onValue, p
|
|
|
22
22
|
focused: formControl?.focused ?? focused
|
|
23
23
|
});
|
|
24
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 }) }));
|
|
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, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
|
|
26
26
|
}
|
|
27
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,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,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;AAa7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,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,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,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, identifier, onValue, placeholder, value }: InputProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }: InputProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputText.css';
|
|
5
|
-
export function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, value }) {
|
|
5
|
+
export function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }) {
|
|
6
6
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? '');
|
|
7
7
|
const onValueInput = useCallback((value) => {
|
|
8
8
|
!formControl && setValueInput(value);
|
|
9
9
|
onValue && onValue(value);
|
|
10
10
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
11
|
+
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { formControl: formControl, type: "text", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: formControl?.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,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC7C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,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,QAAQ,EACR,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC7C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,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, identifier, msgErrorDisabled, onValue, placeholder,
|
|
7
|
+
export declare function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, symbol, value }: FieldMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -4,7 +4,7 @@ import { renderClassStatus } from '../../../helpers';
|
|
|
4
4
|
import { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldMoney.css';
|
|
7
|
-
export function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder,
|
|
7
|
+
export function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, symbol, value }) {
|
|
8
8
|
const className = useMemo(() => {
|
|
9
9
|
const _disabled = formControl?.disabled || disabled;
|
|
10
10
|
return renderClassStatus('rls-field-box', {
|
|
@@ -18,6 +18,6 @@ export function RlsFieldMoney({ children, decimals, disabled, formControl, ident
|
|
|
18
18
|
formControl?.disabled,
|
|
19
19
|
disabled
|
|
20
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 }))] }));
|
|
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, readOnly: readOnly, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
22
22
|
}
|
|
23
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,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,
|
|
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,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,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,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, identifier, 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, readOnly, rlsTheme, value }: FieldBoxProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,7 +4,7 @@ import { renderClassStatus } from '../../../helpers';
|
|
|
4
4
|
import { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldNumber.css';
|
|
7
|
-
export function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
+
export function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value }) {
|
|
8
8
|
const className = useMemo(() => {
|
|
9
9
|
const _disabled = formControl?.disabled || disabled;
|
|
10
10
|
return renderClassStatus('rls-field-box', {
|
|
@@ -18,6 +18,6 @@ export function RlsFieldNumber({ children, disabled, formControl, identifier, ms
|
|
|
18
18
|
formControl?.disabled,
|
|
19
19
|
disabled
|
|
20
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 }))] }));
|
|
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, readOnly: readOnly, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
22
22
|
}
|
|
23
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,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"}
|
|
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,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,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,6 +6,7 @@ interface FieldPasswordProps extends RlsComponent {
|
|
|
6
6
|
formControl?: RolsterControl<string>;
|
|
7
7
|
msgErrorDisabled?: boolean;
|
|
8
8
|
placeholder?: string;
|
|
9
|
+
readOnly?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }: FieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, readOnly, rlsTheme }: FieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -5,7 +5,7 @@ import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
|
5
5
|
import { RlsInputPassword } from '../../atoms/InputPassword/InputPassword';
|
|
6
6
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
7
7
|
import './FieldPassword.css';
|
|
8
|
-
export function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }) {
|
|
8
|
+
export function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, readOnly, rlsTheme }) {
|
|
9
9
|
const [password, setPassword] = useState(true);
|
|
10
10
|
const onToggleInput = useCallback(() => {
|
|
11
11
|
setPassword((password) => !password);
|
|
@@ -23,6 +23,6 @@ export function RlsFieldPassword({ children, disabled, formControl, identifier,
|
|
|
23
23
|
formControl?.disabled,
|
|
24
24
|
disabled
|
|
25
25
|
]);
|
|
26
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, placeholder: placeholder, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
26
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, readOnly: readOnly, placeholder: placeholder, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
27
27
|
}
|
|
28
28
|
//# sourceMappingURL=FieldPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAU7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,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, identifier, 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, readOnly, rlsTheme, value }: FieldBoxProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,7 +4,7 @@ import { renderClassStatus } from '../../../helpers';
|
|
|
4
4
|
import { RlsInputText } from '../../atoms/InputText/InputText';
|
|
5
5
|
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
6
|
import './FieldText.css';
|
|
7
|
-
export function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
|
|
7
|
+
export function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value }) {
|
|
8
8
|
const className = useMemo(() => {
|
|
9
9
|
const _disabled = formControl?.disabled || disabled;
|
|
10
10
|
return renderClassStatus('rls-field-box', {
|
|
@@ -18,6 +18,6 @@ export function RlsFieldText({ children, disabled, formControl, identifier, msgE
|
|
|
18
18
|
formControl?.disabled,
|
|
19
19
|
disabled
|
|
20
20
|
]);
|
|
21
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
21
|
+
return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
22
22
|
}
|
|
23
23
|
//# sourceMappingURL=FieldText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACiB;IACtB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACiB;IACtB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,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"}
|
|
@@ -29,12 +29,12 @@ interface DatatableFloatingProps extends RlsComponent {
|
|
|
29
29
|
invested?: boolean;
|
|
30
30
|
}
|
|
31
31
|
export declare function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare function RlsDatatableHeader({ children, identifier }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare function RlsDatatableTitle({ children, className, control, identifier }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
export declare function RlsDatatableSubheader({ children, className, identifier }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
export declare function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
export declare function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export declare function RlsDatatableCell({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
export declare function RlsDatatableData({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export declare function RlsDatatableFloating({ children, className, identifier, invested }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
40
40
|
export {};
|
|
@@ -9,38 +9,38 @@ export function RlsDatatable({ children, datatable, footer, header, identifier,
|
|
|
9
9
|
}, [datatable]);
|
|
10
10
|
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
|
|
11
11
|
}
|
|
12
|
-
export function RlsDatatableHeader({ children, identifier }) {
|
|
13
|
-
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", children: children }));
|
|
12
|
+
export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
|
|
13
|
+
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
|
|
14
14
|
}
|
|
15
|
-
export function RlsDatatableTitle({ children, className, control, identifier }) {
|
|
15
|
+
export function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
|
|
16
16
|
const classNameTitle = useMemo(() => {
|
|
17
17
|
return renderClassStatus('rls-datatable__title', { control }, className);
|
|
18
18
|
}, [className, control]);
|
|
19
|
-
return (_jsx("th", { id: identifier, className: classNameTitle, children: children }));
|
|
19
|
+
return (_jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
|
|
20
20
|
}
|
|
21
|
-
export function RlsDatatableSubheader({ children, className, identifier }) {
|
|
21
|
+
export function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
|
|
22
22
|
const classNameSubheader = useMemo(() => {
|
|
23
23
|
return renderClassStatus('rls-datatable__subheader', {}, className);
|
|
24
24
|
}, [className]);
|
|
25
|
-
return (_jsx("tr", { id: identifier, className: classNameSubheader, children: children }));
|
|
25
|
+
return (_jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
|
|
26
26
|
}
|
|
27
|
-
export function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning }) {
|
|
27
|
+
export function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
|
|
28
28
|
const classNameRecord = useMemo(() => {
|
|
29
29
|
return renderClassStatus('rls-datatable__record', { error, info, overflow, successs, warning }, className);
|
|
30
30
|
}, [className, error, info, overflow, successs, warning]);
|
|
31
|
-
return (_jsx("tr", { id: identifier, className: classNameRecord, children: children }));
|
|
31
|
+
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
32
32
|
}
|
|
33
|
-
export function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning }) {
|
|
33
|
+
export function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
|
|
34
34
|
const classNameTotals = useMemo(() => {
|
|
35
35
|
return renderClassStatus('rls-datatable__totals', { error, info, overflow, successs, warning }, className);
|
|
36
36
|
}, [className, error, info, overflow, successs, warning]);
|
|
37
|
-
return (_jsx("div", { id: identifier, className: classNameTotals, children: children }));
|
|
37
|
+
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
38
38
|
}
|
|
39
|
-
export function RlsDatatableCell({ children, className, control, identifier, overflow }) {
|
|
39
|
+
export function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }) {
|
|
40
40
|
const classNameCell = useMemo(() => {
|
|
41
41
|
return renderClassStatus('rls-datatable__cell', { control, overflow }, className);
|
|
42
42
|
}, [className, control, overflow]);
|
|
43
|
-
return (_jsx("td", { id: identifier, className: classNameCell, children: children }));
|
|
43
|
+
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
44
44
|
}
|
|
45
45
|
export function RlsDatatableData({ children, className, control, identifier, overflow }) {
|
|
46
46
|
const classNameData = useMemo(() => {
|
|
@@ -48,10 +48,10 @@ export function RlsDatatableData({ children, className, control, identifier, ove
|
|
|
48
48
|
}, [className, overflow, control]);
|
|
49
49
|
return (_jsx("div", { id: identifier, className: classNameData, children: children }));
|
|
50
50
|
}
|
|
51
|
-
export function RlsDatatableFloating({ children, className, identifier, invested }) {
|
|
51
|
+
export function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
|
|
52
52
|
const classNameFloating = useMemo(() => {
|
|
53
53
|
return renderClassStatus('rls-datatable__floating', { invested }, className);
|
|
54
54
|
}, [className, invested]);
|
|
55
|
-
return (_jsx("td", { id: identifier, className: classNameFloating, children: children }));
|
|
55
|
+
return (_jsx("td", { id: identifier, className: classNameFloating, "rls-theme": rlsTheme, children: children }));
|
|
56
56
|
}
|
|
57
57
|
//# sourceMappingURL=Datatable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAmCrD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACQ;IACf,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,iBAAO,EAAE,EAAE,UAAU,aAClB,MAAM,IAAI,gBAAO,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAS,EAElE,gBAAO,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YAC7D,QAAQ,GACH,IACF,EAEP,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAElE,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAmCrD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACQ;IACf,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,iBAAO,EAAE,EAAE,UAAU,aAClB,MAAM,IAAI,gBAAO,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAS,EAElE,gBAAO,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YAC7D,QAAQ,GACH,IACF,EAEP,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAElE,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,QAAQ,EACK;IACb,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,uBAAuB,eAAY,QAAQ,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,eAAa,QAAQ,YAC/D,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACgB;IACxB,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,iBAAiB,CAAC,0BAA0B,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,eAAa,QAAQ,YACnE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACa;IACrB,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iBAAiB,CACtB,uBAAuB,EACvB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,eAAa,QAAQ,YAChE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACa;IACrB,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iBAAiB,CACtB,uBAAuB,EACvB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,eAAa,QAAQ,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACW;IACnB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CACtB,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,eAAa,QAAQ,YAC9D,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CACtB,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,YAC1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACe;IACvB,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,iBAAiB,CACtB,yBAAyB,EACzB,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,eAAa,QAAQ,YAClE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC"}
|