@eliseubatista99/react-scaffold-core 1.1.16 → 1.1.18

package/dist/components/inputField/inputField.d.ts

@@ -1,5 +1,6 @@
 import { HTMLInputAutoCompleteAttribute, CSSProperties, HTMLInputTypeAttribute } from 'react';
 export interface InputFieldProps {
+    ref?: React.Ref<HTMLInputElement>;
     name: string;
     label?: React.ReactNode;
     leftIcon?: React.ReactNode;

package/dist/components/inputField/inputField.hook.d.ts

@@ -4,5 +4,5 @@ export declare const useInputFieldHelper: (props: InputFieldProps) => {
     handleOnBlur: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
     handleOnFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
     onValueChanged: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleOnClick: (event: React.MouseEvent<HTMLInputElement>) => void;
+    handleOnClick: () => void;
 };

package/dist/index.cjs.js

@@ -138,7 +138,7 @@ Please change the parent <Route path="${S}"> to <Route path="${S==="/"?"*":`${S}
   > * {
     pointer-events: none;
   }
-`,Jo=e=>{const{children:t,styles:r,childrenStyles:i,submitButton:a}=e,{ref:s,handleFormSubmission:c,submitForm:u,handleFormChange:l}=Go(e);return X.jsxs("form",{ref:s,onSubmit:c,onChange:l,style:{width:"100%",display:"flex",flexDirection:"column",gap:"8px",flex:1,...r},children:[X.jsx("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:"8px",flex:1,...i},children:t}),X.jsx(Ko,{onClick:u,styles:{...a.styles},children:a.content})]})},Zo=({src:e,alt:t="",onClick:r,styles:i})=>X.jsx("img",{src:e,alt:t,style:{overflow:"hidden",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",objectFit:"cover",...i},onClick:()=>{r?.()}}),Qo=e=>({handleOnBlur:s=>{e.onBlur?.()},handleOnFocus:s=>{e.onFocus?.()},onValueChanged:s=>{e.onChange?.(s.currentTarget.value)},handleOnClick:s=>{e.onClick?.()}}),es=Pe.div`
+`,Jo=e=>{const{children:t,styles:r,childrenStyles:i,submitButton:a}=e,{ref:s,handleFormSubmission:c,submitForm:u,handleFormChange:l}=Go(e);return X.jsxs("form",{ref:s,onSubmit:c,onChange:l,style:{width:"100%",display:"flex",flexDirection:"column",gap:"8px",flex:1,...r},children:[X.jsx("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:"8px",flex:1,...i},children:t}),X.jsx(Ko,{onClick:u,styles:{...a.styles},children:a.content})]})},Zo=({src:e,alt:t="",onClick:r,styles:i})=>X.jsx("img",{src:e,alt:t,style:{overflow:"hidden",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",objectFit:"cover",...i},onClick:()=>{r?.()}}),Qo=e=>({handleOnBlur:s=>{e.onBlur?.()},handleOnFocus:s=>{e.onFocus?.()},onValueChanged:s=>{e.onChange?.(s.currentTarget.value)},handleOnClick:()=>{e.onClick?.()}}),es=Pe.div`
   display: flex;
   flex-direction: column;
   font-family: inherit;
@@ -156,7 +156,7 @@ Please change the parent <Route path="${S}"> to <Route path="${S==="/"?"*":`${S}
   input:-webkit-autofill {
     background-color: #00000000;
   }
-`,On=e=>{const{onValueChanged:t,handleOnBlur:r,handleOnFocus:i,handleOnClick:a}=Qo(e),{name:s,label:c,leftIcon:u,rightIcon:l,bottomMessage:h,placeHolder:g,autoComplete:y="off",value:E,initialValue:M,type:k="text",maxLength:p,inputStyles:R,containerStyles:S,styles:A,step:W,pattern:F,onInput:m}=e;return X.jsxs(es,{style:{width:"100%",maxWidth:"357px",gap:"8px",...A},children:[c,X.jsxs("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"47px",margin:"8px auto 0 auto",border:"2px solid #000000",borderRadius:"5px",padding:"5px 15px",color:"#000000",fontFamily:"inherit",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"24px",outline:"none",alignItems:"center",gap:"10px",...S},children:[u,X.jsx("input",{name:s,type:k,autoComplete:y,step:W,maxLength:p,placeholder:g,value:E,defaultValue:M,onChange:t,onFocus:i,onBlur:r,onClick:a,onInput:m,pattern:F,style:{flex:1,border:"none",color:"inherit",fontFamily:"inherit",fontStyle:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",outline:"inherit",background:"none",...R}}),l]}),h]})},ts=({id:e,styles:t,children:r})=>{const{isItemVisible:i}=et();return X.jsx(X.Fragment,{children:i(e)&&X.jsx("div",{style:{width:"100%",minHeight:"100%",left:0,top:0,position:"fixed",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...t},children:r})})},rs=({id:e,children:t,backgroundStyles:r,contentStyles:i,onClickOutsideModal:a})=>{const{isItemVisible:s}=et();return X.jsx(X.Fragment,{children:s(e)&&X.jsx("div",{style:{width:"100%",height:"100%",minHeight:"100vh",background:"#00000068",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...r},onClick:()=>{a?.()},children:X.jsx("div",{style:{width:"90%",maxWidth:"375px",height:"fit-content",minHeight:"80px",maxHeight:"50%",background:"#ffffff",borderRadius:"16px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",zIndex:1001,position:"relative",padding:"24px",...i},onClick:c=>{c.stopPropagation()},children:t})})})},ns=e=>{const t=U.useRef(""),r=U.useCallback(u=>(e.allowNegatives?(u=u.replace(/-/g,(l,h)=>h===0?"-":""),u.indexOf("-")>0&&(u=u.replace(/-/g,""),u="-"+u)):u=u.replace(/-/g,""),u),[e]),i=U.useCallback(u=>{if(e.allowDecimals){u.startsWith(".")&&(u="0"+u),u.length===2&&u[0]==="-"&&u[1]==="."&&(u="-");const l=u.indexOf(".");l!==-1&&(u=u.slice(0,l+1)+u.slice(l+1).replace(/\./g,""));const[h,...g]=u.split("."),[y,...E]=t.current.split(".");let M=g.join(""),k=E.join("");e.decimalScale!==void 0&&(M.length>e.decimalScale?M=k:M=M.slice(0,e.decimalScale)),u=M||u.endsWith(".")?`${h}.${M}`:h}else u=u.replace(/\./g,"");return u},[e]),a=U.useCallback(u=>{const l=Number(u);var h=e.max;return h===void 0&&(h=e.maxLength?Number("9".repeat(e.maxLength)):void 0),!isNaN(l)&&(e.min!==void 0&&l<e.min||h!==void 0&&l>h)?t.current??u:u},[e]),s=U.useCallback(u=>{const l=u.target,h=l.selectionStart??0,g=l.selectionEnd??0;let y=l.value;y=y.replace(/[^0-9\.\-]/g,""),y=r(y),y=i(y),y=a(y);const E=y.length-l.value.length;l.value=y,l.setSelectionRange(h+E,g+E),t.current=y},[r,i,a]);return{props:U.useCallback(()=>({...e,type:"text",pattern:"^-?[0-9]*.?[0-9]*$",onInput:s}),[e,s])()}},is=({allowNegatives:e=!0,allowDecimals:t=!0,decimalScale:r=2,...i})=>{const{props:a}=ns({allowNegatives:e,allowDecimals:t,decimalScale:r,...i});return X.jsx(On,{type:"text",...a})},as=e=>{const t=U.useRef(null),r=U.useRef(null),[i,a]=U.useState(24),[s,c]=U.useState(24),u=U.useCallback(()=>{t.current&&a(t.current.clientHeight)},[t,t.current]),l=U.useCallback(()=>{r.current&&c(r.current.clientHeight)},[r,r.current]),h=U.useCallback(()=>{let g=0;return e.header?.visibility==="always"&&(g=g+(i||0)),e.footer?.visibility==="always"&&(g=g+(s||0)),g},[r,r.current]);return U.useEffect(()=>{u()},[u,t,t.current]),U.useEffect(()=>{l()},[l,r,r.current]),{header:{...e.header,visible:e.header!==void 0,height:e.header?.visibility==="fixed"?0:i,ref:t},footer:{...e.footer,visible:e.footer!==void 0,height:e.footer?.visibility==="fixed"?0:s,ref:r},page:{extraHeight:h()}}},os=Pe.div`
+`,On=e=>{const{onValueChanged:t,handleOnBlur:r,handleOnFocus:i,handleOnClick:a}=Qo(e),{ref:s,name:c,label:u,leftIcon:l,rightIcon:h,bottomMessage:g,placeHolder:y,autoComplete:E="off",value:M,initialValue:k,type:p="text",maxLength:R,inputStyles:S,containerStyles:A,styles:W,step:F,pattern:m,onInput:w}=e;return X.jsxs(es,{style:{width:"100%",maxWidth:"357px",gap:"8px",...W},children:[u,X.jsxs("div",{onClick:()=>a(),style:{display:"flex",flexDirection:"row",width:"100%",height:"47px",margin:"8px auto 0 auto",border:"2px solid #000000",borderRadius:"5px",padding:"5px 15px",color:"#000000",fontFamily:"inherit",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"24px",outline:"none",alignItems:"center",gap:"10px",...A},children:[l,X.jsx("input",{ref:s,name:c,type:p,autoComplete:E,step:F,maxLength:R,placeholder:y,value:M,defaultValue:k,onChange:t,onFocus:i,onBlur:r,onInput:w,pattern:m,style:{flex:1,border:"none",color:"inherit",fontFamily:"inherit",fontStyle:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",outline:"inherit",background:"none",...S}}),h]}),g]})},ts=({id:e,styles:t,children:r})=>{const{isItemVisible:i}=et();return X.jsx(X.Fragment,{children:i(e)&&X.jsx("div",{style:{width:"100%",minHeight:"100%",left:0,top:0,position:"fixed",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...t},children:r})})},rs=({id:e,children:t,backgroundStyles:r,contentStyles:i,onClickOutsideModal:a})=>{const{isItemVisible:s}=et();return X.jsx(X.Fragment,{children:s(e)&&X.jsx("div",{style:{width:"100%",height:"100%",minHeight:"100vh",background:"#00000068",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...r},onClick:()=>{a?.()},children:X.jsx("div",{style:{width:"90%",maxWidth:"375px",height:"fit-content",minHeight:"80px",maxHeight:"50%",background:"#ffffff",borderRadius:"16px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",zIndex:1001,position:"relative",padding:"24px",...i},onClick:c=>{c.stopPropagation()},children:t})})})},ns=e=>{const t=U.useRef(""),r=U.useCallback(u=>(e.allowNegatives?(u=u.replace(/-/g,(l,h)=>h===0?"-":""),u.indexOf("-")>0&&(u=u.replace(/-/g,""),u="-"+u)):u=u.replace(/-/g,""),u),[e]),i=U.useCallback(u=>{if(e.allowDecimals){u.startsWith(".")&&(u="0"+u),u.length===2&&u[0]==="-"&&u[1]==="."&&(u="-");const l=u.indexOf(".");l!==-1&&(u=u.slice(0,l+1)+u.slice(l+1).replace(/\./g,""));const[h,...g]=u.split("."),[y,...E]=t.current.split(".");let M=g.join(""),k=E.join("");e.decimalScale!==void 0&&(M.length>e.decimalScale?M=k:M=M.slice(0,e.decimalScale)),u=M||u.endsWith(".")?`${h}.${M}`:h}else u=u.replace(/\./g,"");return u},[e]),a=U.useCallback(u=>{const l=Number(u);var h=e.max;return h===void 0&&(h=e.maxLength?Number("9".repeat(e.maxLength)):void 0),!isNaN(l)&&(e.min!==void 0&&l<e.min||h!==void 0&&l>h)?t.current??u:u},[e]),s=U.useCallback(u=>{const l=u.target,h=l.selectionStart??0,g=l.selectionEnd??0;let y=l.value;y=y.replace(/[^0-9\.\-]/g,""),y=r(y),y=i(y),y=a(y);const E=y.length-l.value.length;l.value=y,l.setSelectionRange(h+E,g+E),t.current=y},[r,i,a]);return{props:U.useCallback(()=>({...e,type:"text",pattern:"^-?[0-9]*.?[0-9]*$",onInput:s}),[e,s])()}},is=({allowNegatives:e=!0,allowDecimals:t=!0,decimalScale:r=2,...i})=>{const{props:a}=ns({allowNegatives:e,allowDecimals:t,decimalScale:r,...i});return X.jsx(On,{type:"text",...a})},as=e=>{const t=U.useRef(null),r=U.useRef(null),[i,a]=U.useState(24),[s,c]=U.useState(24),u=U.useCallback(()=>{t.current&&a(t.current.clientHeight)},[t,t.current]),l=U.useCallback(()=>{r.current&&c(r.current.clientHeight)},[r,r.current]),h=U.useCallback(()=>{let g=0;return e.header?.visibility==="always"&&(g=g+(i||0)),e.footer?.visibility==="always"&&(g=g+(s||0)),g},[r,r.current]);return U.useEffect(()=>{u()},[u,t,t.current]),U.useEffect(()=>{l()},[l,r,r.current]),{header:{...e.header,visible:e.header!==void 0,height:e.header?.visibility==="fixed"?0:i,ref:t},footer:{...e.footer,visible:e.footer!==void 0,height:e.footer?.visibility==="fixed"?0:s,ref:r},page:{extraHeight:h()}}},os=Pe.div`
   min-height: 100%;
   max-height: 100%;
   width: 100%;

package/dist/index.es.js

@@ -6363,7 +6363,7 @@ const Sn = q.createContext({
   onValueChanged: (s) => {
     e.onChange?.(s.currentTarget.value);
   },
-  handleOnClick: (s) => {
+  handleOnClick: () => {
     e.onClick?.();
   }
 }), Yo = Ee.div`
@@ -6386,23 +6386,24 @@ const Sn = q.createContext({
   }
 `, qo = (e) => {
   const { onValueChanged: t, handleOnBlur: r, handleOnFocus: i, handleOnClick: a } = Uo(e), {
-    name: s,
-    label: c,
-    leftIcon: u,
-    rightIcon: l,
-    bottomMessage: h,
-    placeHolder: g,
-    autoComplete: y = "off",
-    value: E,
-    initialValue: M,
-    type: k = "text",
-    maxLength: p,
-    inputStyles: R,
-    containerStyles: S,
-    styles: A,
-    step: W,
-    pattern: F,
-    onInput: m
+    ref: s,
+    name: c,
+    label: u,
+    leftIcon: l,
+    rightIcon: h,
+    bottomMessage: g,
+    placeHolder: y,
+    autoComplete: E = "off",
+    value: M,
+    initialValue: k,
+    type: p = "text",
+    maxLength: R,
+    inputStyles: S,
+    containerStyles: A,
+    styles: W,
+    step: F,
+    pattern: m,
+    onInput: w
   } = e;
   return /* @__PURE__ */ X.jsxs(
     Yo,
@@ -6411,13 +6412,14 @@ const Sn = q.createContext({
         width: "100%",
         maxWidth: "357px",
         gap: "8px",
-        ...A
+        ...W
       },
       children: [
-        c,
+        u,
         /* @__PURE__ */ X.jsxs(
           "div",
           {
+            onClick: () => a(),
             style: {
               display: "flex",
               flexDirection: "row",
@@ -6436,27 +6438,27 @@ const Sn = q.createContext({
               outline: "none",
               alignItems: "center",
               gap: "10px",
-              ...S
+              ...A
             },
             children: [
-              u,
+              l,
               /* @__PURE__ */ X.jsx(
                 "input",
                 {
-                  name: s,
-                  type: k,
-                  autoComplete: y,
-                  step: W,
-                  maxLength: p,
-                  placeholder: g,
-                  value: E,
-                  defaultValue: M,
+                  ref: s,
+                  name: c,
+                  type: p,
+                  autoComplete: E,
+                  step: F,
+                  maxLength: R,
+                  placeholder: y,
+                  value: M,
+                  defaultValue: k,
                   onChange: t,
                   onFocus: i,
                   onBlur: r,
-                  onClick: a,
-                  onInput: m,
-                  pattern: F,
+                  onInput: w,
+                  pattern: m,
                   style: {
                     flex: 1,
                     border: "none",
@@ -6468,15 +6470,15 @@ const Sn = q.createContext({
                     lineHeight: "inherit",
                     outline: "inherit",
                     background: "none",
-                    ...R
+                    ...S
                   }
                 }
               ),
-              l
+              h
             ]
           }
         ),
-        h
+        g
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eliseubatista99/react-scaffold-core",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "private": false,
   "description": "A library which provides basic components, hooks, helpers and providers to easily build a React application and avoid repeating the usual code.",
   "main": "dist/index.cjs.js",
@@ -58,4 +58,4 @@
     "slick-carousel": "^1.8.1",
     "dayjs": "^1.11.19"
   }
-}
+}