@devopness/ui-react 2.161.1 → 2.162.0

package/dist/src/components/Forms/Input/Input.d.ts

@@ -14,6 +14,8 @@ type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
         /** Font style applied to placeholder */
         fontStylePlaceholder?: string;
     };
+    /** Whether to automatically focus the input when an error occurs */
+    autoFocusOnError?: boolean;
     /**
      * Props passed directly to input HTML element
      *
@@ -37,12 +39,10 @@ type InputProps = (SharedProps & {
  *
  * A flexible input component that supports:
  * - Various input types (text, number, etc.)
- * - Error states with automatic focus
+ * - Error states with optional automatic focus
  * - Custom styling
  * - Label and help text
  *
- * When an error state is applied, the input will automatically receive focus to draw the user's attention.
- *
  * @example
  * ```
  * <Input
@@ -71,6 +71,8 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
         /** Font style applied to placeholder */
         fontStylePlaceholder?: string;
     };
+    /** Whether to automatically focus the input when an error occurs */
+    autoFocusOnError?: boolean;
     /**
      * Props passed directly to input HTML element
      *
@@ -96,6 +98,8 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
         /** Font style applied to placeholder */
         fontStylePlaceholder?: string;
     };
+    /** Whether to automatically focus the input when an error occurs */
+    autoFocusOnError?: boolean;
     /**
      * Props passed directly to input HTML element
      *

package/dist/ui-react.cjs

@@ -737,4 +737,4 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   }
 
   ${e=>{if(e.type==="number")return e.removeArrows?Nb:Ab}}
-`,Lf=ie.forwardRef((e,t)=>{const r=ie.useRef(null),n=t??r;return ie.useEffect(()=>{e.error&&n.current&&n.current.focus()},[e.error,n]),R.jsxs(kb,{children:[e.labelProps&&R.jsx(Mf,{...e.labelProps}),R.jsx(Ib,{className:"translate",ref:n,hasError:!!e.error,...e,...e.inputProps}),!!e.error&&R.jsx(Pf,{error:e.error})]})});Lf.displayName="Input";exports.Alert=Pb;exports.ArrowHead=Ty;exports.Button=ir;exports.Card=Ny;exports.Dropdown=dy;exports.ErrorMessage=Pf;exports.IconComponent=ar;exports.Input=Lf;exports.Label=Mf;exports.Link=So;exports.Pagination=by;exports.Tabs=yb;exports.Tooltip=_r;exports.getColor=ne;exports.getFont=xt;exports.getImageAssetUrl=Se;exports.getOpacity=ru;exports.iconLoader=jo;
+`,Lf=ie.forwardRef((e,t)=>{const r=ie.useRef(null),n=t??r,{autoFocusOnError:o,error:i}=e;return ie.useEffect(()=>{o&&i&&n.current&&n.current.focus()},[o,i,n]),R.jsxs(kb,{children:[e.labelProps&&R.jsx(Mf,{...e.labelProps}),R.jsx(Ib,{className:"translate",ref:n,hasError:!!i,...e,...e.inputProps}),!!i&&R.jsx(Pf,{error:i})]})});Lf.displayName="Input";exports.Alert=Pb;exports.ArrowHead=Ty;exports.Button=ir;exports.Card=Ny;exports.Dropdown=dy;exports.ErrorMessage=Pf;exports.IconComponent=ar;exports.Input=Lf;exports.Label=Mf;exports.Link=So;exports.Pagination=by;exports.Tabs=yb;exports.Tooltip=_r;exports.getColor=ne;exports.getFont=xt;exports.getImageAssetUrl=Se;exports.getOpacity=ru;exports.iconLoader=jo;

package/dist/ui-react.js

@@ -15300,11 +15300,12 @@ const xb = le(Bf)`
     return e.removeArrows ? Lb : jb;
 }}
 `, Bb = Yf((e, t) => {
-  const r = Po(null), n = t ?? r;
+  const r = Po(null), n = t ?? r, { autoFocusOnError: o, error: i } = e;
   return Mo(() => {
-    e.error && n.current && n.current.focus();
+    o && i && n.current && n.current.focus();
   }, [
-    e.error,
+    o,
+    i,
     n
   ]), /* @__PURE__ */ R.jsxs(Ib, { children: [
     e.labelProps && /* @__PURE__ */ R.jsx(Py, { ...e.labelProps }),
@@ -15313,12 +15314,12 @@ const xb = le(Bf)`
       {
         className: "translate",
         ref: n,
-        hasError: !!e.error,
+        hasError: !!i,
         ...e,
         ...e.inputProps
       }
     ),
-    !!e.error && /* @__PURE__ */ R.jsx(wy, { error: e.error })
+    !!i && /* @__PURE__ */ R.jsx(wy, { error: i })
   ] });
 });
 Bb.displayName = "Input";

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "type": "module",
   "name": "@devopness/ui-react",
-  "version": "2.161.1",
+  "version": "2.162.0",
   "publishConfig": {
     "access": "public"
   },