@zydon/common 2.9.1 → 2.9.2

package/dist/chunk-I3HQNMR3.js

@@ -0,0 +1,9 @@
+import { memo, forwardRef, useState, useRef, useEffect } from 'react';
+import { NumericFormat } from 'react-number-format';
+import Q from '@mui/material/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var s=memo(forwardRef(({decimalScale:c=0,fixedDecimalScale:d=!0,prefix:I,suffix:N,allowNegative:b,minValue:u,maxValue:a=1/0,maxLength:T,value:g,inputProps:h,InputProps:y,InputLabelProps:S,size:x,disabled:R,name:t,helperText:F,error:P,fullWidth:v,label:w,required:D,onChange:r,tabIndex:L,placeholder:k,margin:E,className:V,delay:l,id:i,inputRef:q},z)=>{let[C,H]=useState(Date.now()),e=useRef(null),p=()=>H(Date.now()),K=(M,o)=>{if(!r)return;e.current&&clearTimeout(e.current);let f=()=>{let{floatValue:n}=M,m=n||0;if(u!==void 0&&u>m){r({target:{name:t,value:u},event:o}),p();return}if(n!==void 0&&a<m){r({target:{name:t,value:a},event:o}),p();return}r({target:{name:t,value:n},event:o});};l===0?f():e.current=setTimeout(f,l||1e3);};return useEffect(()=>()=>{e.current&&clearTimeout(e.current);},[]),jsx(NumericFormat,{getInputRef:z,inputRef:q,value:g,prefix:I,suffix:N,decimalSeparator:",",thousandSeparator:".",decimalScale:c,fixedDecimalScale:d,autoComplete:"off",allowNegative:b,maxLength:T,onValueChange:K,customInput:Q,InputProps:{...y},inputProps:{...h,name:t,tabIndex:L,id:i},disabled:R,size:x,helperText:F,error:P,fullWidth:v,label:w,required:D,placeholder:k,margin:E,className:V,InputLabelProps:{...S,htmlFor:i}},C)}));s.displayName="NumberInput";var j=s;
+
+export { j as a };
+//# sourceMappingURL=chunk-I3HQNMR3.js.map

package/dist/chunk-I3HQNMR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/index.tsx"],"names":["forwardRef","memo","useEffect","useRef","useState","NumericFormat","TextField","jsx","NumberInput","decimalScale","fixedDecimalScale","prefix","suffix","allowNegative","minValue","maxValue","maxLength","value","inputProps","InputProps","InputLabelProps","size","disabled","name","helperText","error","fullWidth","label","required","onChange","tabIndex","placeholder","margin","className","delay","id","inputRef","ref","inputkey","setInputKey","delayTimer","reRenderInput","handleChange","values","event","executeChange","floatValue","comparisonValue","NumberInput_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,QAAAC,EAAM,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QAC9D,OAEE,iBAAAC,MAEK,sBACP,OAAOC,MAAe,0BA4Fd,cAAAC,MAAA,oBAxFR,IAAMC,EAAcP,EAClBD,EACE,CACE,CACE,aAAAS,EAAe,EACf,kBAAAC,EAAoB,GACpB,OAAAC,EACA,OAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,IACX,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EACA,SAAAC,CACF,EACAC,IACG,CACH,GAAM,CAACC,EAAUC,CAAW,EAAInC,EAAS,KAAK,IAAI,CAAC,EAC7CoC,EAAarC,EAA6C,IAAI,EAE9DsC,EAAgB,IAAMF,EAAY,KAAK,IAAI,CAAC,EAE5CG,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAI,CAACf,EAAU,OAEXW,EAAW,SAAS,aAAaA,EAAW,OAAO,EAEvD,IAAMK,EAAgB,IAAM,CAC1B,GAAM,CAAE,WAAAC,CAAW,EAAIH,EACjBI,EAAkBD,GAAc,EAEtC,GAAIhC,IAAa,QAAaA,EAAWiC,EAAiB,CACxDlB,EAAS,CAAE,OAAQ,CAAE,KAAAN,EAAM,MAAOT,CAAS,EAAG,MAAA8B,CAAM,CAAC,EACrDH,EAAc,EAEd,OAGF,GAAIK,IAAe,QAAa/B,EAAWgC,EAAiB,CAC1DlB,EAAS,CAAE,OAAQ,CAAE,KAAAN,EAAM,MAAOR,CAAS,EAAG,MAAA6B,CAAM,CAAC,EACrDH,EAAc,EAEd,OAGFZ,EAAS,CACP,OAAQ,CACN,KAAAN,EACA,MAAOuB,CACT,EACA,MAAAF,CACF,CAAC,CACH,EAEIV,IAAU,EACZW,EAAc,EAEdL,EAAW,QAAU,WAAWK,EAAeX,GAAS,GAAI,CAEhE,EAEA,OAAAhC,EAAU,IACD,IAAM,CACPsC,EAAW,SACb,aAAaA,EAAW,OAAO,CAEnC,EACC,CAAC,CAAC,EAGHjC,EAACF,EAAA,CAEC,YAAagC,EACb,SAAUD,EACV,MAAOnB,EACP,OAAQN,EACR,OAAQC,EACR,iBAAiB,IACjB,kBAAkB,IAClB,aAAcH,EACd,kBAAmBC,EACnB,aAAa,MACb,cAAeG,EACf,UAAWG,EACX,cAAe0B,EACf,YAAapC,EACb,WAAY,CACV,GAAGa,CACL,EACA,WAAY,CAAE,GAAGD,EAAY,KAAAK,EAAM,SAAAO,EAAU,GAAAK,CAAG,EAChD,SAAUb,EACV,KAAMD,EACN,WAAYG,EACZ,MAAOC,EACP,UAAWC,EACX,MAAOC,EACP,SAAUC,EACV,YAAaG,EACb,OAAQC,EACR,UAAWC,EACX,gBAAiB,CAAE,GAAGb,EAAiB,QAASe,CAAG,GA7B9CG,CA8BP,CAEJ,CACF,CACF,EAEA9B,EAAY,YAAc,cAE1B,IAAOwC,EAAQxC","sourcesContent":["import { forwardRef, memo, useEffect, useRef, useState } from 'react';\nimport {\n  NumberFormatValues,\n  NumericFormat,\n  SourceInfo,\n} from 'react-number-format';\nimport TextField from '@mui/material/TextField';\n\nimport { NumberInputProps } from 'types/numberInputProps';\n\nconst NumberInput = memo(\n  forwardRef<HTMLDivElement, NumberInputProps>(\n    (\n      {\n        decimalScale = 0,\n        fixedDecimalScale = true,\n        prefix,\n        suffix,\n        allowNegative,\n        minValue,\n        maxValue = Infinity,\n        maxLength,\n        value,\n        inputProps,\n        InputProps,\n        InputLabelProps,\n        size,\n        disabled,\n        name,\n        helperText,\n        error,\n        fullWidth,\n        label,\n        required,\n        onChange,\n        tabIndex,\n        placeholder,\n        margin,\n        className,\n        delay,\n        id,\n        inputRef,\n      },\n      ref,\n    ) => {\n      const [inputkey, setInputKey] = useState(Date.now());\n      const delayTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n      const reRenderInput = () => setInputKey(Date.now());\n\n      const handleChange = (values: NumberFormatValues, event: SourceInfo) => {\n        if (!onChange) return;\n\n        if (delayTimer.current) clearTimeout(delayTimer.current);\n\n        const executeChange = () => {\n          const { floatValue } = values;\n          const comparisonValue = floatValue || 0;\n\n          if (minValue !== undefined && minValue > comparisonValue) {\n            onChange({ target: { name, value: minValue }, event });\n            reRenderInput();\n\n            return;\n          }\n\n          if (floatValue !== undefined && maxValue < comparisonValue) {\n            onChange({ target: { name, value: maxValue }, event });\n            reRenderInput();\n\n            return;\n          }\n\n          onChange({\n            target: {\n              name,\n              value: floatValue,\n            },\n            event,\n          });\n        };\n\n        if (delay === 0) {\n          executeChange();\n        } else {\n          delayTimer.current = setTimeout(executeChange, delay || 1000);\n        }\n      };\n\n      useEffect(() => {\n        return () => {\n          if (delayTimer.current) {\n            clearTimeout(delayTimer.current);\n          }\n        };\n      }, []);\n\n      return (\n        <NumericFormat\n          key={inputkey}\n          getInputRef={ref}\n          inputRef={inputRef}\n          value={value}\n          prefix={prefix}\n          suffix={suffix}\n          decimalSeparator=\",\"\n          thousandSeparator=\".\"\n          decimalScale={decimalScale}\n          fixedDecimalScale={fixedDecimalScale}\n          autoComplete=\"off\"\n          allowNegative={allowNegative}\n          maxLength={maxLength}\n          onValueChange={handleChange}\n          customInput={TextField}\n          InputProps={{\n            ...InputProps,\n          }}\n          inputProps={{ ...inputProps, name, tabIndex, id }}\n          disabled={disabled}\n          size={size}\n          helperText={helperText}\n          error={error}\n          fullWidth={fullWidth}\n          label={label}\n          required={required}\n          placeholder={placeholder}\n          margin={margin}\n          className={className}\n          InputLabelProps={{ ...InputLabelProps, htmlFor: id }}\n        />\n      );\n    },\n  ),\n);\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"]}

package/dist/{chunk-MJ5EROEP.js → chunk-PSG5JWK7.js}

@@ -1,4 +1,4 @@
-import { a } from './chunk-3D2PY6PO.js';
+import { a } from './chunk-I3HQNMR3.js';
 import { f } from './chunk-OF6623HG.js';
 import { a as a$1 } from './chunk-2GTD4JW2.js';
 import { forwardRef, useState, useRef, useEffect, useMemo, useCallback } from 'react';
@@ -9,4 +9,4 @@ import { jsx } from 'react/jsx-runtime';
 var C=forwardRef(({name:M,increment:e=1,updadteForMultiple:P,allowNegative:u=!1,value:m,onChange:c,minValue:r,maxValue:o,decimalScale:p,disabled:i,tabIndex:w,labelIncrementer:B,labelDecrementer:E,placeholder:O,InputProps:b,...z},L)=>{let[N,_]=useState(`incrementer-input-${Date.now()}`),I=useRef(null),s=Number(m||0),d=()=>{I.current&&(clearTimeout(I.current),I.current=null);};useEffect(()=>()=>d(),[]);let $=useMemo(()=>{let n=s-e;return typeof r=="number"&&n<r?!0:i||!u&&n<0},[i,s,e,r,u]),G=useMemo(()=>{let n=s+e;return typeof o=="number"&&n>o?!0:i},[i,s,e,o]),H=useCallback(()=>{if(d(),!u&&s-e<0)return;let n=s-e,t=r!==void 0&&n<r?r:f(n,p);c(t);},[s,e,r,p,c,u]),K=n=>r!==void 0&&n<r?r:o!==void 0&&n>o?o:f(n,p),U=useCallback(()=>{d();let n=s+e,t=K(n);c(t);},[s,e,o,r,p,c]),W=useCallback(n=>{d();let t=Number(n.target.value||0);(e!==1||P)&&(t=t+e/2,t-=t%e),!u&&t<0&&(t=0),typeof r=="number"&&t<r&&(t=r),typeof o=="number"&&t>o&&(t=o),t=f(t,p),(!t||t===m)&&(I.current=setTimeout(()=>{_(`incrementer-input-${Date.now()}`);},600)),c(t);},[m,e,r,o,p,c,P,u]);return jsx(a,{ref:L,name:M,value:m,minValue:r,maxValue:o,allowNegative:u,decimalScale:p,InputProps:{...b,startAdornment:jsx(R,{position:"start",sx:{ml:-1},children:jsx(T,{onClick:H,disabled:$,size:"small","aria-label":E||"Decrementa",sx:{p:.5},children:jsx(a$1,{icon:"MINUS_SIGN",width:14,height:14,color:"primary.main"})})}),endAdornment:jsx(R,{position:"end",sx:{mr:-1},children:jsx(T,{onClick:U,disabled:G,size:"small","aria-label":B||"Incrementa",sx:{p:.5},children:jsx(a$1,{icon:"SIMPLE_ADD",width:14,height:14,color:"primary.main"})})}),inputProps:{...b?.inputProps,style:{...b?.inputProps?.style,textAlign:"center"},sx:{mx:-2.5}}},inputProps:{tabIndex:w},onChange:W,disabled:i,placeholder:O,...z},N)});C.displayName="Incrementer";var F=C;
 
 export { F as a };
-//# sourceMappingURL=chunk-MJ5EROEP.js.map
+//# sourceMappingURL=chunk-PSG5JWK7.js.map

package/dist/components/Incrementer/index.js

@@ -1,5 +1,5 @@
-export { a as default } from '../../chunk-MJ5EROEP.js';
-import '../../chunk-3D2PY6PO.js';
+export { a as default } from '../../chunk-PSG5JWK7.js';
+import '../../chunk-I3HQNMR3.js';
 import '../../chunk-OF6623HG.js';
 import '../../chunk-2GTD4JW2.js';
 import '../../chunk-PBLSVXV5.js';

package/dist/components/NumberInput/index.js

@@ -1,2 +1,2 @@
-export { a as default } from '../../chunk-3D2PY6PO.js';
+export { a as default } from '../../chunk-I3HQNMR3.js';
 //# sourceMappingURL=index.js.map

package/dist/components/form/Incrementer/index.js

@@ -1,5 +1,5 @@
-import { a } from '../../../chunk-MJ5EROEP.js';
-import '../../../chunk-3D2PY6PO.js';
+import { a } from '../../../chunk-PSG5JWK7.js';
+import '../../../chunk-I3HQNMR3.js';
 import '../../../chunk-OF6623HG.js';
 import '../../../chunk-2GTD4JW2.js';
 import '../../../chunk-PBLSVXV5.js';

package/dist/components/form/NumberInput/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../../chunk-3D2PY6PO.js';
+import { a } from '../../../chunk-I3HQNMR3.js';
 import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-3D2PY6PO.js

@@ -1,9 +0,0 @@
-import { memo, forwardRef, useState, useRef, useEffect } from 'react';
-import { NumericFormat } from 'react-number-format';
-import Q from '@mui/material/TextField';
-import { jsx } from 'react/jsx-runtime';
-
-var s=memo(forwardRef(({decimalScale:c=0,fixedDecimalScale:d=!0,prefix:I,suffix:N,allowNegative:b,minValue:u,maxValue:n=1/0,maxLength:T,value:g,inputProps:h,InputProps:y,InputLabelProps:S,size:x,disabled:F,name:t,helperText:P,error:R,fullWidth:v,label:w,required:D,onChange:r,tabIndex:L,placeholder:k,margin:E,className:V,delay:l,id:i,inputRef:q},z)=>{let[C,H]=useState(Date.now()),e=useRef(null),p=()=>H(Date.now()),K=(M,o)=>{if(!r)return;e.current&&clearTimeout(e.current);let f=()=>{let{floatValue:a}=M,m=a||0;if(u!==void 0&&u>m){r({target:{name:t,value:u},event:o}),p();return}if(a!==void 0&&n<m){r({target:{name:t,value:n},event:o}),p();return}r({target:{name:t,value:a},event:o});};l===0?f():e.current=setTimeout(f,l||1e3);};return useEffect(()=>()=>{e.current&&clearTimeout(e.current);},[]),jsx(NumericFormat,{getInputRef:q??z,value:g,prefix:I,suffix:N,decimalSeparator:",",thousandSeparator:".",decimalScale:c,fixedDecimalScale:d,autoComplete:"off",allowNegative:b,maxLength:T,onValueChange:K,customInput:Q,InputProps:{...y},inputProps:{...h,name:t,tabIndex:L,id:i},disabled:F,size:x,helperText:P,error:R,fullWidth:v,label:w,required:D,placeholder:k,margin:E,className:V,InputLabelProps:{...S,htmlFor:i}},C)}));s.displayName="NumberInput";var j=s;
-
-export { j as a };
-//# sourceMappingURL=chunk-3D2PY6PO.js.map

package/dist/chunk-3D2PY6PO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NumberInput/index.tsx"],"names":["forwardRef","memo","useEffect","useRef","useState","NumericFormat","TextField","jsx","NumberInput","decimalScale","fixedDecimalScale","prefix","suffix","allowNegative","minValue","maxValue","maxLength","value","inputProps","InputProps","InputLabelProps","size","disabled","name","helperText","error","fullWidth","label","required","onChange","tabIndex","placeholder","margin","className","delay","id","inputRef","ref","inputkey","setInputKey","delayTimer","reRenderInput","handleChange","values","event","executeChange","floatValue","comparisonValue","NumberInput_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,QAAAC,EAAM,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QAC9D,OAEE,iBAAAC,MAEK,sBACP,OAAOC,MAAe,0BA4Fd,cAAAC,MAAA,oBAxFR,IAAMC,EAAcP,EAClBD,EACE,CACE,CACE,aAAAS,EAAe,EACf,kBAAAC,EAAoB,GACpB,OAAAC,EACA,OAAAC,EACA,cAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,IACX,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EACA,SAAAC,CACF,EACAC,IACG,CACH,GAAM,CAACC,EAAUC,CAAW,EAAInC,EAAS,KAAK,IAAI,CAAC,EAC7CoC,EAAarC,EAA6C,IAAI,EAE9DsC,EAAgB,IAAMF,EAAY,KAAK,IAAI,CAAC,EAE5CG,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAI,CAACf,EAAU,OAEXW,EAAW,SAAS,aAAaA,EAAW,OAAO,EAEvD,IAAMK,EAAgB,IAAM,CAC1B,GAAM,CAAE,WAAAC,CAAW,EAAIH,EACjBI,EAAkBD,GAAc,EAEtC,GAAIhC,IAAa,QAAaA,EAAWiC,EAAiB,CACxDlB,EAAS,CAAE,OAAQ,CAAE,KAAAN,EAAM,MAAOT,CAAS,EAAG,MAAA8B,CAAM,CAAC,EACrDH,EAAc,EAEd,OAGF,GAAIK,IAAe,QAAa/B,EAAWgC,EAAiB,CAC1DlB,EAAS,CAAE,OAAQ,CAAE,KAAAN,EAAM,MAAOR,CAAS,EAAG,MAAA6B,CAAM,CAAC,EACrDH,EAAc,EAEd,OAGFZ,EAAS,CACP,OAAQ,CACN,KAAAN,EACA,MAAOuB,CACT,EACA,MAAAF,CACF,CAAC,CACH,EAEIV,IAAU,EACZW,EAAc,EAEdL,EAAW,QAAU,WAAWK,EAAeX,GAAS,GAAI,CAEhE,EAEA,OAAAhC,EAAU,IACD,IAAM,CACPsC,EAAW,SACb,aAAaA,EAAW,OAAO,CAEnC,EACC,CAAC,CAAC,EAGHjC,EAACF,EAAA,CAEC,YAAa+B,GAAYC,EACzB,MAAOpB,EACP,OAAQN,EACR,OAAQC,EACR,iBAAiB,IACjB,kBAAkB,IAClB,aAAcH,EACd,kBAAmBC,EACnB,aAAa,MACb,cAAeG,EACf,UAAWG,EACX,cAAe0B,EACf,YAAapC,EACb,WAAY,CACV,GAAGa,CACL,EACA,WAAY,CAAE,GAAGD,EAAY,KAAAK,EAAM,SAAAO,EAAU,GAAAK,CAAG,EAChD,SAAUb,EACV,KAAMD,EACN,WAAYG,EACZ,MAAOC,EACP,UAAWC,EACX,MAAOC,EACP,SAAUC,EACV,YAAaG,EACb,OAAQC,EACR,UAAWC,EACX,gBAAiB,CAAE,GAAGb,EAAiB,QAASe,CAAG,GA5B9CG,CA6BP,CAEJ,CACF,CACF,EAEA9B,EAAY,YAAc,cAE1B,IAAOwC,EAAQxC","sourcesContent":["import { forwardRef, memo, useEffect, useRef, useState } from 'react';\nimport {\n  NumberFormatValues,\n  NumericFormat,\n  SourceInfo,\n} from 'react-number-format';\nimport TextField from '@mui/material/TextField';\n\nimport { NumberInputProps } from 'types/numberInputProps';\n\nconst NumberInput = memo(\n  forwardRef<HTMLDivElement, NumberInputProps>(\n    (\n      {\n        decimalScale = 0,\n        fixedDecimalScale = true,\n        prefix,\n        suffix,\n        allowNegative,\n        minValue,\n        maxValue = Infinity,\n        maxLength,\n        value,\n        inputProps,\n        InputProps,\n        InputLabelProps,\n        size,\n        disabled,\n        name,\n        helperText,\n        error,\n        fullWidth,\n        label,\n        required,\n        onChange,\n        tabIndex,\n        placeholder,\n        margin,\n        className,\n        delay,\n        id,\n        inputRef,\n      },\n      ref,\n    ) => {\n      const [inputkey, setInputKey] = useState(Date.now());\n      const delayTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n      const reRenderInput = () => setInputKey(Date.now());\n\n      const handleChange = (values: NumberFormatValues, event: SourceInfo) => {\n        if (!onChange) return;\n\n        if (delayTimer.current) clearTimeout(delayTimer.current);\n\n        const executeChange = () => {\n          const { floatValue } = values;\n          const comparisonValue = floatValue || 0;\n\n          if (minValue !== undefined && minValue > comparisonValue) {\n            onChange({ target: { name, value: minValue }, event });\n            reRenderInput();\n\n            return;\n          }\n\n          if (floatValue !== undefined && maxValue < comparisonValue) {\n            onChange({ target: { name, value: maxValue }, event });\n            reRenderInput();\n\n            return;\n          }\n\n          onChange({\n            target: {\n              name,\n              value: floatValue,\n            },\n            event,\n          });\n        };\n\n        if (delay === 0) {\n          executeChange();\n        } else {\n          delayTimer.current = setTimeout(executeChange, delay || 1000);\n        }\n      };\n\n      useEffect(() => {\n        return () => {\n          if (delayTimer.current) {\n            clearTimeout(delayTimer.current);\n          }\n        };\n      }, []);\n\n      return (\n        <NumericFormat\n          key={inputkey}\n          getInputRef={inputRef ?? ref}\n          value={value}\n          prefix={prefix}\n          suffix={suffix}\n          decimalSeparator=\",\"\n          thousandSeparator=\".\"\n          decimalScale={decimalScale}\n          fixedDecimalScale={fixedDecimalScale}\n          autoComplete=\"off\"\n          allowNegative={allowNegative}\n          maxLength={maxLength}\n          onValueChange={handleChange}\n          customInput={TextField}\n          InputProps={{\n            ...InputProps,\n          }}\n          inputProps={{ ...inputProps, name, tabIndex, id }}\n          disabled={disabled}\n          size={size}\n          helperText={helperText}\n          error={error}\n          fullWidth={fullWidth}\n          label={label}\n          required={required}\n          placeholder={placeholder}\n          margin={margin}\n          className={className}\n          InputLabelProps={{ ...InputLabelProps, htmlFor: id }}\n        />\n      );\n    },\n  ),\n);\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"]}