@rolster/react-components 18.21.10 → 18.21.12

package/dist/es/assets/{index-B4R0Qgg4.css → index-D8hnIXk1.css}

@@ -96,7 +96,6 @@
   display: block;
   height: inherit;
   line-height: inherit;
-  cursor: pointer;
   font-weight: inherit;
   color: inherit;
   font-size: var(--rls-body-font-size);

package/dist/es/index.js

@@ -1537,7 +1537,7 @@ function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
     return (jsxRuntimeExports.jsx(RlsCheckBox, { identifier: identifier, checked: !!formControl.value, disabled: disabled, onClick: onClick, rlsTheme: rlsTheme }));
 }
 
-function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, type, value }) {
+function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, readOnly, type, value }) {
     const valueInitial = formControl?.value ?? value ? String(value) : '';
     const [valueInput, setValueInput] = useState(valueInitial);
     const [focused, setFocused] = useState(false);
@@ -1566,28 +1566,28 @@ function RlsInput({ children, disabled, formControl, identifier, onValue, placeh
             focused: formControl?.focused ?? focused
         });
     }, [formControl?.focused, formControl?.disabled, focused, disabled]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, children: [jsxRuntimeExports.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 }), jsxRuntimeExports.jsx("span", { className: "rls-input__value", children: children })] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, children: [jsxRuntimeExports.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 }), jsxRuntimeExports.jsx("span", { className: "rls-input__value", children: children })] }));
 }
 
-function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, symbol, value }) {
+function RlsInputMoney({ decimals, disabled, formControl, identifier, onValue, placeholder, readOnly, symbol, value }) {
     const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
     const onValueInput = useCallback((value) => {
         !formControl && setValueInput(value);
         onValue && onValue(value);
     }, [formControl, onValue]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-money", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: formControl?.value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-money", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: formControl?.value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
 }
 
-function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, value }) {
+function RlsInputNumber({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }) {
     const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
     const onValueInput = useCallback((value) => {
         !formControl && setValueInput(value);
         onValue && onValue(value);
     }, [formControl, onValue]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-number", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-number", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "number", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
 }
 
-function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, type }) {
+function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, readOnly, type }) {
     const [focused, setFocused] = useState(false);
     const onChange = useCallback((event) => {
         formControl?.setValue(event.target.value);
@@ -1607,7 +1607,7 @@ function RlsInputPassword({ disabled, formControl, identifier, onValue, placehol
             focused: formControl?.focused ?? focused
         });
     }, [formControl?.focused, formControl?.disabled, focused, disabled]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: className, children: jsxRuntimeExports.jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: className, children: jsxRuntimeExports.jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur, onChange: onChange }) }));
 }
 
 function RlsInputSearch({ formControl, identifier, onSearch, placeholder }) {
@@ -1618,13 +1618,13 @@ function RlsInputSearch({ formControl, identifier, onSearch, placeholder }) {
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: "rls-input-search", children: [jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, placeholder: placeholder, onValue: onValue, children: formControl?.value ?? value }), onSearch && jsxRuntimeExports.jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
 }
 
-function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, value }) {
+function RlsInputText({ disabled, formControl, identifier, onValue, placeholder, readOnly, value }) {
     const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? '');
     const onValueInput = useCallback((value) => {
         !formControl && setValueInput(value);
         onValue && onValue(value);
     }, [formControl, onValue]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-text", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "text", value: valueInput, disabled: disabled, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-text", children: jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, type: "text", value: valueInput, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
 }
 
 function RlsLabel({ children, rlsTheme }) {
@@ -1751,7 +1751,7 @@ function RlsMessageFormError({ className, formControl }) {
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: formControl?.wrong && (jsxRuntimeExports.jsx("div", { className: className, children: jsxRuntimeExports.jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: msgError }) })) }));
 }
 
-function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, symbol, rlsTheme, value }) {
+function RlsFieldMoney({ children, decimals, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, symbol, value }) {
     const className = useMemo(() => {
         const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
@@ -1765,10 +1765,10 @@ function RlsFieldMoney({ children, decimals, disabled, formControl, identifier,
         formControl?.disabled,
         disabled
     ]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputMoney, { formControl: formControl, value: value, disabled: disabled, readOnly: readOnly, placeholder: placeholder, symbol: symbol, decimals: decimals, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
-function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
+function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value }) {
     const className = useMemo(() => {
         const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
@@ -1782,10 +1782,10 @@ function RlsFieldNumber({ children, disabled, formControl, identifier, msgErrorD
         formControl?.disabled,
         disabled
     ]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputNumber, { formControl: formControl, value: value, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
-function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, rlsTheme }) {
+function RlsFieldPassword({ children, disabled, formControl, identifier, msgErrorDisabled, placeholder, readOnly, rlsTheme }) {
     const [password, setPassword] = useState(true);
     const onToggleInput = useCallback(() => {
         setPassword((password) => !password);
@@ -1803,10 +1803,10 @@ function RlsFieldPassword({ children, disabled, formControl, identifier, msgErro
         formControl?.disabled,
         disabled
     ]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsxs("div", { className: "rls-field-box__body", children: [jsxRuntimeExports.jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, placeholder: placeholder, type: password ? 'password' : 'text' }), jsxRuntimeExports.jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsxs("div", { className: "rls-field-box__body", children: [jsxRuntimeExports.jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, readOnly: readOnly, placeholder: placeholder, type: password ? 'password' : 'text' }), jsxRuntimeExports.jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
-function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, rlsTheme, value }) {
+function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value }) {
     const className = useMemo(() => {
         const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
@@ -1820,7 +1820,7 @@ function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDis
         formControl?.disabled,
         disabled
     ]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputText, { formControl: formControl, value: value, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onValue: onValue }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
 function RlsLabelCheckBox({ children, disabled, extended, identifier, formControl, rlsTheme }) {
@@ -2324,38 +2324,38 @@ function RlsDatatable({ children, datatable, footer, header, identifier, rlsThem
     }, [datatable]);
     return (jsxRuntimeExports.jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && jsxRuntimeExports.jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), jsxRuntimeExports.jsxs("table", { id: identifier, children: [header && jsxRuntimeExports.jsx("thead", { className: "rls-datatable__head", children: header }), jsxRuntimeExports.jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && jsxRuntimeExports.jsx("div", { className: "rls-datatable__summary", children: summary }), footer && jsxRuntimeExports.jsx("div", { className: "rls-datatable__footer", children: footer })] }));
 }
-function RlsDatatableHeader({ children, identifier }) {
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: "rls-datatable__header", children: children }));
+function RlsDatatableHeader({ children, identifier, rlsTheme }) {
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTitle({ children, className, control, identifier }) {
+function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
     const classNameTitle = useMemo(() => {
         return renderClassStatus('rls-datatable__title', { control }, className);
     }, [className, control]);
-    return (jsxRuntimeExports.jsx("th", { id: identifier, className: classNameTitle, children: children }));
+    return (jsxRuntimeExports.jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableSubheader({ children, className, identifier }) {
+function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
     const classNameSubheader = useMemo(() => {
         return renderClassStatus('rls-datatable__subheader', {}, className);
     }, [className]);
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameSubheader, children: children }));
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning }) {
+function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
     const classNameRecord = useMemo(() => {
         return renderClassStatus('rls-datatable__record', { error, info, overflow, successs, warning }, className);
     }, [className, error, info, overflow, successs, warning]);
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, children: children }));
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning }) {
+function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
     const classNameTotals = useMemo(() => {
         return renderClassStatus('rls-datatable__totals', { error, info, overflow, successs, warning }, className);
     }, [className, error, info, overflow, successs, warning]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, children: children }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableCell({ children, className, control, identifier, overflow }) {
+function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }) {
     const classNameCell = useMemo(() => {
         return renderClassStatus('rls-datatable__cell', { control, overflow }, className);
     }, [className, control, overflow]);
-    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameCell, children: children }));
+    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableData({ children, className, control, identifier, overflow }) {
     const classNameData = useMemo(() => {
@@ -2363,11 +2363,11 @@ function RlsDatatableData({ children, className, control, identifier, overflow }
     }, [className, overflow, control]);
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameData, children: children }));
 }
-function RlsDatatableFloating({ children, className, identifier, invested }) {
+function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
     const classNameFloating = useMemo(() => {
         return renderClassStatus('rls-datatable__floating', { invested }, className);
     }, [className, invested]);
-    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameFloating, children: children }));
+    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameFloating, "rls-theme": rlsTheme, children: children }));
 }
 
 function createObserver(options) {