@rolster/react-components 18.21.40 → 18.21.42

package/dist/es/index.js

@@ -1552,7 +1552,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, decimals, disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
+function RlsInput({ children, decimals, disabled, formControl, identifier, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
     const valueInitial = formControl?.value ?? value ? String(value) : '';
     const [valueInput, setValueInput] = useState(valueInitial);
     const [focused, setFocused] = useState(false);
@@ -1584,11 +1584,13 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onEnt
     const _onFocus = useCallback(() => {
         formControl?.focus();
         setFocused(() => true);
-    }, [formControl]);
+        onFocus && onFocus();
+    }, [formControl, onFocus]);
     const _onBlur = useCallback(() => {
         formControl?.blur();
         setFocused(() => false);
-    }, [formControl]);
+        onBlur && onBlur();
+    }, [formControl, onBlur]);
     const className = useMemo(() => {
         return renderClassStatus('rls-input', {
             disabled: formControl?.disabled || disabled,
@@ -2387,16 +2389,16 @@ function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
     }, [className]);
     return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
+function RlsDatatableRecord({ children, className, error, identifier, info, overflow, success, warning, rlsTheme }) {
     const classNameRecord = useMemo(() => {
-        return renderClassStatus('rls-datatable__record', { error, info, overflow, successs, warning }, className);
-    }, [className, error, info, overflow, successs, warning]);
+        return renderClassStatus('rls-datatable__record', { error, info, overflow, success, warning }, className);
+    }, [className, error, info, overflow, success, warning]);
     return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
+function RlsDatatableTotals({ children, className, error, identifier, info, overflow, success, warning, rlsTheme }) {
     const classNameTotals = useMemo(() => {
-        return renderClassStatus('rls-datatable__totals', { error, info, overflow, successs, warning }, className);
-    }, [className, error, info, overflow, successs, warning]);
+        return renderClassStatus('rls-datatable__totals', { error, info, overflow, success, warning }, className);
+    }, [className, error, info, overflow, success, warning]);
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }) {